Recently I started to learn how to use canvas HTML5 element and the first thing I tried to do was to draw a small rectangle. Next I wanted to an add animation loop and move that shape. After that worked, I wanted to add a bunch of them all moving in different directions and this is how my first particle system was born. This article will show you how to create one yourself. The particle system is a pretty basic one. Each particle gets a random color, random direction and random speed when they are created. After they reach the edge of the canvas, they will bounce off of it.