BG-9 — Sound Visualizer
01 / 08 · canvas · 80 fake-spectrum barscanvas · 80 fake-spectrum bars
Sound Visualizer
80 bars with a pseudo-spectrum (sin × sin at various frequencies). Cyan→white gradient with reflection in the «floor». Audio bars emulation.
canvas · 2 wave + grid
Oscilloscope
Oscilloscope emulator: 16×8 grid + 2 layered sine waves. The main one — green with glow and noise-jitter. The second — blue, translucent.
canvas · 800 golden-angle seeds
Phyllotaxis
800 seeds at the golden angle (137.5°). r = 4√i creates a Fibonacci spiral. Color HSL by index. Slow rotation of the whole system.
R3F · 50 bps double helix + ladder
DNA Helix
3D double helix in Three.js. 50 base pairs: gold spheres + blue ones. Between them — gray metallic crossbars. Rotates.
canvas · 30 perspective rings
Tunnel Flythrough
30 rings fly toward you from the vanishing point. scale = 1/z. Each is a 24-segment polygon. The center rotates via sin/cos.
R3F · 4 geometries 4s cycle
Wireframe Morph
4 wireframe geometries (icosahedron / torus-knot / torus / octahedron) cycle every 4 s. Wireframe material, golden color, 2 point lights.
canvas · real JS tokens falling
Code Rain
Falling columns of real JS code (const, function, useState, await fetch, JSON.stringify, …). The lead is bright-green with glow, the 25-line tail fades in opacity.
canvas · wobbly bloom drops
Ink Spreading
On «paper» every ~1.5 s an ink blot spawns. It grows from 0 to 80-280 px. Wobbly edge via sin(angle*5) + sin(angle*8). 5 concentric layers.