Posts tagged sprite sheet

HTML5 3D particles in a 2D canvas, sprite sheet optimized

parametric2-featured

More pretty parametric curve built out of particles. I optimize my code which creates 3D particles in a 2D canvas, by using a sprite sheet. During the testing of this effect, I have observed some interesting browser differences.

HTML5 Canvas – A Simple Sprite Sheet Example

spritesheet-featured

A simple example to illustrate the use of a sprite sheet for CPU-efficient animations. We create a sprite sheet at run time, fill it with individual frames of an animation of a growing circle, then copy from this sprite sheet later when we wish to animate a large number of circles.

HTML5 Canvas Particle Clock 2 – Sprite sheet optimized

particleclock2-featured

A newly optimized clock made of particles. The particles take the form of digits which fly into place to form the correct time. This example features many more particles than our previous example.