An interactive 2D physics simulation of a Chladni Plate. It visualizes acoustic resonance and standing waves by calculating the geometric nodes where particles naturally gather based on user-adjustable harmonic frequencies.
Used AI occasionally for minor syntax checks and to clarify the trigonometric math for the waves.
What did you make?
I built a Chladni Resonance Visualizer that simulates acoustic standing waves on a metal plate. It uses 12,000 sand particles that organize in real-time to form geometric patterns based on adjustable harmonics.
What was challenging?
Optimization and debugging. I fought a “Syntax War” against silent crashes—like mistyping Math as Match—and had to implement Float32Array to keep the physics engine running at a stable 60 FPS.
What are you proud of?
Creating a physics engine from scratch without external libraries. I’m particularly proud of the custom motion blur effect and the hidden performance HUD used to monitor the system.
**Update: Surviving the Syntax Trenches 🛠️
**
Today’s session was a brutal reminder that the JavaScript engine has zero mercy. I spent hours fighting a blank canvas, trying to figure out why my physics loop was silently crashing.
The culprit? Invisible syntax errors. A rogue space in an array variable (pos Y instead of posY) and a hallucinated typo calling Match.abs() instead of Math.abs(). Those tiny mistakes completely derailed the trigonometric equations for the Chladni standing waves.
I stripped out all the distractions and went back to the raw, pure source code. Debugged it line by line until the math finally clicked. Now, the engine is successfully calculating 12,000 particles through the Float32Array and rendering the geometric nodes correctly.
No extra fluff, just raw code and pure physics finally working as intended. On to the next step.
Log in to leave a comment
Day 2 Progress: UI Layout & Math Engine Initialization
Current Status: Reached fatigue limit for the day. There is a minor DOM rendering bug preventing the Canvas from drawing the particles properly, but the math logic is solid. Will debug the canvas render loop tomorrow and finalize the project for shipping. 
Log in to leave a comment
Starting the Chladni Visualizer
This is the beginning of my Chladni Resonance visualizer! I’ve set up the basic interface design, including the title and initial controls. The next step is to implement the main physics engine to calculate and display the standing wave patterns.
Log in to leave a comment