Particle Collider – WebGL

admin/ September 29, 2015/ Javascript, WebGL, Work/ 0 comments

Particle Collider animation using WebGL

Recreation of the Large Hadron Collider on a small scale.

This experiment uses lighting/shadows/circle maths/cube,tube,torus,sphere geometries/textured materials/keyboard interaction & point clouds.


The “Up” arrow makes the particles travel faster and the “Down” arrow makes it go slower until it reaches reverse. The “Right” arrow halts the particles. The “Left” arrow aligns both particles to the vertical center of the tube (they are slightly offset at startup in order to miss each other when passing) once they are centered they will collide or “smash” at their next passing.


Leave a Comment

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>