See the Code - See it Full Page - See Details
The glitchy-ness is a _✨feature✨_ . The Phenakistiscope is a classic toy that has been around for centuries. It was an early way to create animation, before flipbooks and film. The original used slits and a mirror to see the images... but here with the power of ✨computers✨ I am running everything roughly at 60 frames per second. The browser may render a little glitchy, or they the smiley faces may appear perfectly still (with the eyes animating), but the actual animation running is a spin of the circle 1 full turn every 400ms (24 frames at 60 frames per second). Since that is where browsers max out currently, we can use our spinning animation to create a character that seems to be animating itself.
This Pen uses: HTML, CSS, JavaScript, and