Let's see the most trivial transform:
Code: Select all
transform right:
xalign 1.0
This is pretty boring, so let's take a look at a transform that starts the image on the left, moves it to the right, then back to the left:
Code: Select all
transform bounce_once:
0: xalign 0.0
2: xalign 1.0
4: xalign 0.0
Code: Select all
transform bounce_once_ease:
0: xalign 0.0
2: xalign ease(1.0)
4: xalign ease(0.0)
Giving the repeat statement causes the current block of code to repeat from 0.
Code: Select all
transform bounce:
0: xalign 0.0
2: xalign 1.0
4: repeat
Code: Select all
transform bounce_three_times:
0:
0: xalign 0.0
2: xalign 1.0
4: repeat
12:
xalign 0.0
Code: Select all
transform v_shape:
0: xalign 0.0, yalign 0.0
1: xalign 0.5, yalign 1.0
2: xalign 1.0, yalign 0.0
Code: Select all
transform spin:
0.0: rotate 0
4.5: rotate 360, repeat
Code: Select all
transform scale:
0.0: scale 0
1.0: scale 1
Code: Select all
transform scale_and_spin:
parallel:
0.0: rotate 0
4.5: rotate 360, repeat
parallel:
0.0: scale 0
1.0: scale 1
I'm not sure about the syntax, but I'd also like for it to be possible to define an animation using this mechanism. So one could probably do:
Code: Select all
image eileen anim:
0: "eileen_happy.png"
1: "eileen_vhappy.png"
2: repeat
I have some other ideas (like the ability to respond to events such as idle and hover), but these are the basics, and I thought I'd run them by the community before I start the implementation work. Any comments? Suggestions?