Acceleration! The change of velocity over time. So, if velocity is the change of speed over time, this is the change of that velocity over time. This could be changing direction, speeding up or slowing down. Really it is just another vector applied to another over time. Because it is continually added it increases the magnitude of the that initial vector over time.
If you have been following along with the Learning tutorials so far, you’ll recognize the basis of experiment comes from Lesson 5 – Making multiple objects move In this demo, I am using radial gradient fills, a range of colors, and some good ole fashion trigonometry to create a nice 3D effect.
Check it out here: 3D Spheres on Canvas Demo
I recently found myself in need of a 360 panorama. I wanted the user to be able to explore using the mouse or touch and zoom in and out. I wanted simple, clean animation. Most important it had to work on mobile and older browsers ( IE9+ ). This meant a NO FLASH , and NO WebGL or plugins solution.
After looking around at a number of potential plugins and players, I discovered as you may have, that there is not much out there. Most require purchase of a license or are not fully developed.
WebGL allows the creation of amazing experiences that we were able to only touch on with Flash in the old days. The smooth animations we can create now, harness all that graphics processor goodness and really sing. Back in the PaperVision3D days, I always loved creating cool planetary scenes, earth from space, moons and more. Diving back into this and adding a little home-grown “flicker” effect I came up with a nice start for something.
Switching seamlessly between multiple videos is popping up all over now. Sites like Honda’s recent “The Other Side” project is one on many examples. The idea is to switch between videos and/or audio without buffering or loading a new video, or least make the switch seamless. Here is a quick sample of my own spin on the technique.