Drake's Software Solutions

Back to home

Code playground

Interactive simulations.

Six physics and generative art demos, all written from scratch with pure HTML5 Canvas and React. No libraries, no dependencies. Touch, tap, drag, and play.

01

Kaleidoscope

Generative art with rotational symmetry

12-fold symmetry

Particle systems

Polar coordinate transforms

Generative geometry

02

Cloth Simulation

Verlet integration physics engine

Verlet integration

Distance constraints

Iterative solver

Surface normal shading

03

Pendulum Wave

Harmonic motion and phase relationships

Simple harmonic motion

Phase offset

Frequency ratios

Energy conservation

04

Metaballs

Implicit surface rendering via scalar fields

Scalar field evaluation

Implicit surfaces

Pixel-level rendering

Distance functions

05

Wave Interference

Superposition of circular wavefronts

Wave superposition

Constructive/destructive interference

Point sources

Amplitude mapping

06

Flocking Simulation

Emergent behavior from simple rules

Boids algorithm

Separation

Alignment

Cohesion

All simulations are original code. Pure Canvas API, React state, and requestAnimationFrame.
No external physics engines, animation libraries, or WebGL required.

← Back to Drake's Software Solutions