This particle demo is a project from Course 3 Advanced JavaScript at CodeAbode. Particles served as a fun graphic demonstration of advanced JavaScript concepts like constructor functions and prototypes. Students began by hard-coding a single particle. After demonstrating that this method would not scale effectively, students were introduced to constructor functions. Constructor functions were used to easily make groups of particles that could be added to a scene with minimal code.
This project used the following technologies:
- P5.js - a creative coding library for simplifing canvas scripting
├── js/
├── p5/
├── README.md
└── index.html
Particle Burst [download zip] [link] - Click anywhere on the screen and particles will burst from your cursor! Particles are affected by gravity and fade over time. View the live version here
Fireworks [download zip] [link] - Click anywhere on the screen and particles will burst from your cursor! After a few moments, these particles will split into several smaller particles, before eventually fading.
Vector Collisions [download zip] [link] - WORK IN PROGRESS. Adding vector based movement and collisions to the particle system.