ftd.rive - Rive Animations
Hello Rive!
Input
-- import: fastn.com/assets
-- ftd.rive:
id: panda
background.solid: #aaa
src: $assets.files.rive.panda.riv
width.fixed.px: 400
Lang:
ftd
Output
ftd.rive accepts all the common attributes, and the
ones listed below.id
Type: Required string
id used to identify this rive object. This id is used in
communication with the Rive state
machine.src
Type: Required string
fastn package and use the auto generated assets module to refer
to them.autoplay
Type: boolean
default: true
true, the animation will automatically start playing when loaded.Rive functions
fastn language has various rive related built-in
functions. These functions help to interact
with rive on various events.Sample code
Input
-- ftd.rive:
id: fastn
src: $fastn-assets.files.assets.fastn.riv
width.fixed.px: 440
state-machine: Together
$on-mouse-enter$: $ftd.set-rive-boolean(rive = fastn, input = play, value = true)
$on-mouse-leave$: $ftd.set-rive-boolean(rive = fastn, input = play, value = false)
Lang:
ftd
Output
Rive Events
fastn language has various rive related events.
These events can be attached to rive component. They fire the callback when any
event occurs in rive component.
