p5.js

Chladni Patterns (p5)

Interactive Chladni nodal patterns rendered in p5.js with mouse-driven frequency blending and autonomous drift.

How It Works

Uses the classic Chladni equation to compute nodal lines over normalized coordinates.
Mouse position maps to frequency pair (m, n), with smooth interpolation for fluid transitions.
When idle, frequencies drift autonomously to keep the pattern evolving continuously.
A block-based pixel pass balances detail and performance while preserving crisp nodal geometry.

tsx