particle sandbox 🌌

a simple particle sandbox made using javascript.

why and how? 🤔

This is a physics particle simulator that I am building, using Javascript!! I learned how to work with 2d canvas in Js while building this project. Adding collisions was quite hard but did it with the help of the resources in the internet and claude. Very happy to see how it turned out! My goal is to make it sth like mrdoob’s simulators which I used to be fascinated playing, a few years before.

controls

• Left click: spawn particles

• Right click: create shockwave that repels particles

• Story mode (s): shows the storyline of this simulator in the center of the screen

• Black hole (b): pulls all the particles into the mouse pointer (black hole)

• Trail (t): shows trails of each and every particle, more trails = more chaos

• Merge (m): merges particles which have similar color into a larger particle with a different color

• Gravity flip (g): flips the gravity of the game, apples need not fall downwards ;)

• Lines (l): shows lines connecting neighbouring particles

img preview

changelogs 🛠

[1.0.1]

• Black hole mode i.e. mouse cursor -> black hole ;)
• Trail effect on particles
• Story mode - show quotes in the center of the screen
• Merge particles when collide and form larger particles
• Gravity flip mode (apples need not fall downwards) 🍎
• Line mode (show line between particles)
• Improve performance

[1.0.0]

• Particles spawn, repulse and collide
• Toggle particle properties using sliders
• Implemented core features