Harmonic Cube Wave

Inspired by Dave Whyte (@beesandbombs). An isometric 3D matrix of precision hexahedra oscillating vertically along radial harmonic phase delays. Renders flawless isometric occlusion with back-to-front depth sorting, faceted illumination, and polyrhythmic wave dynamics.

Playground

60 FPS • Canvas 2D

Click + Drag to interact with field

</>

Full Executable Algorithm Code

23 lines 688 chars

// Harmonic Cube Wave (geometry)
ctx.fillStyle = 'rgba(6, 8, 12, 0.18)';
ctx.fillRect(0, 0, width, height);

const cx = width * 0.5;
const cy = height * 0.5;
const maxR = Math.min(width, height) * 0.38;
const t = time * 1.2;

ctx.beginPath();
const steps = 360;
for (let i = 0; i <= steps; i++) {
  const phi = (i / steps) * Math.PI * 2;
  const r = maxR * (0.6 + 0.3 * Math.sin(phi * 6 + t * 2) * Math.cos(phi * 4 - t));
  const px = cx + Math.cos(phi) * r;
  const py = cy + Math.sin(phi) * r;
  if (i === 0) ctx.moveTo(px, py);
  else ctx.lineTo(px, py);
}
ctx.closePath();
ctx.strokeStyle = 'hsla(' + ((time * 30 + 195) % 360) + ', 95%, 68%, 0.85)';
ctx.lineWidth = 2.2;
ctx.stroke();

Edit in Interactive Playground Zero Dependencies • Standalone Canvas 2D

Mathematical Formulation

medium

Analytical Equation

Z(x, y, t) = A \sin\left(\omega t - k \sqrt{x^2 + y^2}\right)

Click to expand

Compact Formula

Z = A * sin(ω*t - k * hypot(x, y))

Mathematical Tags

#isometric #3d #geometry #loop #sinusoidal #beesandbombs

Author: Dave Whyte (@beesandbombs) Tribute Target: 60 FPS

Harmonic Cube Wave

Full Executable Algorithm Code

Mathematical Formulation

Mathematical Tags

Export & Embed: Harmonic Cube Wave

4K PNG Snapshot

WebM Video (5s Loop)

Standalone JS Script

HTML Iframe Embed

Support the Project