3 SHARES Share Tweet

This animation was inspired by this reddit post.

Specifically, it makes use of the sigmoid (logistic) function, to simulate the up and down bouncing movement of the words. An additional “triangularSaw” function is used to time the rotations in sync with the movement. Finally, distance between the center word and other words is used to adjust brightness and add a slight offset to the timing of the movements.

Code for the animation follows。 You can edit and run this code on the KTBYTE Coder