Posts tagged 3D

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.

Parametric Particles – more HTML5 3D in a 2D canvas

parametric-featured

Playing with my 3D particle code some more, I draw a parametric curve which rotates in space and slowly dissolves away.

Dusty Sphere – HTML5 3D particles in a 2D canvas

dustysphere-featured

Drawing 3D objects in a 2D canvas is rather straightforward if the objects are simple dots and you’re not worried about depth-sorting. I show you a simple example of a sphere made out of dust particles which fly around and fade away. I also discuss how to properly select a point at random on a sphere, in such a way as to ensure an even distribution of points.