GoVFX is a idiomatic web animation library which brings the style of VelocityJS to Go.
go get -u github.com/influx6/govfx/...To build the sample files in the examples directory, navigate into the
directory you wish to test and execute the giving command as below.
The folders will contain basic html and javascript files that will be
executed once the html as being opened up in a browser.
Note: Any sample that deals with the shadow DOM must be opened in Google chrome/chromium, has the shadow DOM API has no full browser support by default
gopherjs build app.go- Dead simple API.
- Ensures simple and fast execution of animations without hindering performance
- Provides extendibility in all parts including easing, and property animators
- Supports animations with Shadow DOM.
- Batch rendering optimizations for animations.
The way VFX was written makes it easy to build animations quickly with as much control as possible, yet with efficient optimization applied in.
package main
import (
"fmt"
"time"
"github.com/influx6/govfx"
_ "github.com/influx6/govfx/animators"
)
func main() {
begin := govfx.NewListener(func(dl float64) {
fmt.Printf("Animation Has Begun at %.4f .\n", dl)
})
end := govfx.NewListener(func(dl float64) {
fmt.Printf("Animation Has Ended at %.4f .\n", dl)
})
progress := govfx.NewListener(func(dl float64) {
fmt.Printf("Animation Is Progressing at %.4f .\n", dl)
})
elems := govfx.QuerySelectorAll(".zapps")
width := govfx.Animate(govfx.Stat{
Duration: 4 * time.Second,
Loop: 2,
Reverse: true,
Begin: begin,
End: end,
Progress: progress,
}, govfx.Values{
{"value": 500, "animate": "width", "easing": "ease-in"},
}, elems)
width.Start()
}