Skip to content

Contrasts smooth (natural) animation vs linear (robotic) animation

Notifications You must be signed in to change notification settings

bradcupit/javascript_animation

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 

Repository files navigation

javascript_animation

This is a simple project I wrote to test out an animation idea. It shows a simple, linear animation whose speed does not vary. It moves in a very robotic manner. Contrast that with a ‘smooth’ animation, using the cosine wave to adjust the speed. It starts slow, moves fastest in the middle, and then slows up toward the end. This animation is much more natural.

See it in action here.

History

I had the idea of using a cosine wave several years before ever coding it up. I never had all the math quite figured out. One night I realized I could slap something together in html/javascript fairly quickly, so I stayed up late, figured out the math, and got it working.

About

Contrasts smooth (natural) animation vs linear (robotic) animation

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages