How I Built a 10,000 Particle Physics Engine in Vanilla JS (As a High Schooler)

Hey everyone! 👋 I’m currently a Class 11 student diving into front-end development. While studying for my physics exams, I was struggling to visualize some heavier concepts like quantum tunneling, alpha decay, and neutrino oscillations. I looked around for interactive web visualizers, but most were either clunky or locked behind paywalls. So, I decided to build my own from scratch. 🎮 Try the Live Demo: https://jap0109.github.io/quastro-sim/ 💻 Check out the Source Code: https://github.com/JAP0109 The Goal: No Frameworks, Just Pure JS I wanted to challenge myself, so I established a strict rule: No React, no Three.js, and no external physics libraries. Everything had to be built using pure Vanilla JavaScript, HTML, CSS, and the native HTML5 API. Here is a breakdown of how I tackled the architecture and the performance bottlenecks. Challenge 1: Architecture & Modularity Because I was simulating entirely different phenomena, I couldn't just throw everything into one massive animate() loop.