Page 1 of 1

custom_(number).anim_mode: ???

Posted: Sun Aug 09, 2020 9:09 pm
by SLAPPYHAPPY2000
In custom elements, I've noticed different animation types and I have no idea which ones do what and which ones I should use.
Examples:

custom_(number).anim_mode: linear
custom_(number).anim_mode: pingpong
custom_(number).anim_mode: reverse

Can anyone tell me what all the animation modes are and what they all do in terms of animation?

Re: custom_(number).anim_mode: ???

Posted: Sun Aug 09, 2020 9:56 pm
by Holger
Just try it out with very large delay, so you can see what's going on! :D

The only important thing to know is that "reverse" can be added to any other animation mode to simply reverse the direction of animation frames being played, like "loop,reverse" (same as "reverse", as "loop" is the default mode) or "pingpong,reverse".

Re: custom_(number).anim_mode: ???

Posted: Sat Aug 15, 2020 1:45 pm
by Eizzoux
SLAPPYHAPPY2000 wrote: Sun Aug 09, 2020 9:09 pm custom_(number).anim_mode: linear
This one goes through all of the frames and then freezes on the last one (1,2,3,4,4,4,4,4,4,...)
SLAPPYHAPPY2000 wrote: Sun Aug 09, 2020 9:09 pm custom_(number).anim_mode: pingpong
This one goes through all of the frames and then goes in reverse and then forward again (1,2,3,4,3,2,1,2,3,4,3,2,1,...)
Same goes for "pingpong2", except it repeats first and last frames (1,2,3,4,4,3,2,1,1,2,3,4,4,3,2,1,1,2,...)
SLAPPYHAPPY2000 wrote: Sun Aug 09, 2020 9:09 pm custom_(number).anim_mode: reverse
This one just reverses the frame cycle, can also be combined with some others like linear, pingpong, pingpong2, loop and CE_value, so instead every animation will be starting from the last frame and then go backwards (loop,reverse: 4,3,2,1,4,3,2,1,4,3,...; linear,reverse: 4,3,2,1,1,1,1,...; pingpong,reverse: 4,3,2,1,2,3,4,3,2,1,2,3,4,3,...)
I think there was some other similar post where I explained the animation modes in more details, but I kinda forgot which one, sorry.

EDIT: Yeah, in this post [?] I tried to explain animation styles in pictures. At least some more details, I guess (?)