keyframe2.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
elem = display.emoji("🤩")

btn = ui.button("Click me", display.center.x, 540)
btn.action(() => {
  let t = 100
  let a = 80
  elem.animateKeyframe((anim) => {
    anim.keyframe(t, (to) => {
      to.angle -= a/2
      to.scale = 2
    })
    anim.keyframe(t, (to) => {
      to.angle += a
    })
    anim.keyframe(t, (to) => {
      to.angle -= a
    })
    anim.keyframe(t, (to) => {
      to.angle += a
    })
    anim.keyframe(t*2, (to) => {
      to.angle = 0
      to.scale = 1
    })
  })
})