⚛️
🔵 PROTOTYPE
COLLIDER
Particle Collider — Molecular Sandbox
01. What It Does
Spawn atoms, watch them bond. Particles drift across a Canvas 2D field with realistic physics. When atoms come within bonding range and their valence shells allow it, bonds form automatically. Every molecule you discover is a permanent achievement stored in localStorage.
02. How It Works
Canvas 2D physics running at 60fps. Proximity-based auto-bonding checks valence rules every frame. Molecules are identified by Hill-ordered formula recognition against a library of 20+ recipes. The cyclotron accelerator mode increases particle velocity for collision fusion — slam atoms together to discover rare compounds.
03. Key Features
- • 10 elements (H, C, N, O, P, Ca, Na, Cl, S, Fe)
- • Proximity auto-bonding by valence
- • Cyclotron accelerator mode
- • 20+ molecule recipes
- • 3 quest chains (Genesis / Kitchen / Forge)
- • Discovery persistence (localStorage)
- • Touch support for mobile
Technical Stack
Renderer
Canvas 2D — 60fps physics loop, requestAnimationFrame
Physics
Custom engine — velocity, collision, proximity bonding
Dependencies
Zero — vanilla JS, no framework, no bundler