👨‍💻

h3lge

Forum Admin

Posts: 14,203

Joined: Sep 2003

Cellular automaton devised by John Conway in 1970. Each cell lives or dies based on its neighbors. Click cells to toggle them. Wraps around at edges.

🎨

xX_PixelPusher_Xx

Senior Member

Posts: 3,841

Joined: Jan 2005

Hypotrochoid curves drawn using parametric equations. The classic Spirograph toy, but in your browser. Click 'New Pattern' for different parameters.

☑️

checkbox_chad

Regular

Posts: 287

Joined: Feb 2007

No canvas, no SVG. Just 512 HTML checkboxes driven by a radial sine wave. This is what "creative use of form elements" looks like.

🖥️

gl_slayer99

Moderator

Posts: 8,012

Joined: Mar 2004

Katakana characters falling like in the movie. Half-width Japanese characters mixed with hex digits. The framebuffer never fully clears, creating the trail effect.

📐

teh_mathz

Regular

Posts: 612

Joined: Nov 2006

Named after Jules Antoine Lissajous. Parametric curves where x = A*sin(at+d) and y = B*sin(bt). The ratio a:b determines the shape. Auto-generates new ratios.

💾

DemoScene_Dan

Elite Member

Posts: 5,490

Joined: Jun 2002

Classic screensaver energy. 200 stars projected from 3D space onto the 2D canvas with perspective division. The further away, the dimmer and smaller they are.

🌊

FlowFieldFiona

Member

Posts: 1,456

Joined: Apr 2005

300 particles following a vector field generated by pseudo-noise. Each particle's color slowly shifts through the hue spectrum. The field evolves over time.

⚡

void_main

Veteran

Posts: 7,823

Joined: Aug 2001

Two sets of concentric circles with slowly drifting centers. The interference pattern creates the classic moiré effect. Uses additive blending ("lighter" composite).

🏔️

terrain_tina

Member

Posts: 932

Joined: Jul 2004

Scrolling 2D landscape generated with layered sine waves approximating Perlin noise. Three parallax layers with gradient fills from green to brown. Stars twinkle in the sky above.

🐦

BoidBoy2k

Senior Member

Posts: 2,104

Joined: May 2003

Craig Reynolds' 1986 boids algorithm. 80 agents follow three simple rules: separation, alignment, and cohesion. Emergent flocking behavior from local interactions only. No global coordination.

🫧

m3tablobz

Regular

Posts: 445

Joined: Dec 2005

5 implicit surface blobs bouncing around. Each pixel samples the sum of falloff functions. Rendered at 1/3 resolution with nearest-neighbor upscaling for that chunky retro look. Each ball has its own hue.

🦋

ChaoticCarl

Elite Member

Posts: 6,201

Joined: Feb 2002

The Lorenz system (sigma=10, rho=28, beta=8/3) drawn progressively with Euler integration. 3D coordinates projected to 2D with perspective. The view slowly rotates. Sensitive dependence on initial conditions.

🧪

rxn_diffuser

Regular

Posts: 371

Joined: Aug 2006

Gray-Scott model with f=0.055, k=0.062. Two chemicals diffuse and react on a grid. Laplacian computed with 5-point stencil. Seeded with random spots that grow into organic coral-like patterns. Runs at half resolution.

⭕

circle_packer42

Member

Posts: 1,089

Joined: Oct 2004

Circles spawn at random positions and grow until they collide with another circle or the boundary. Each frame tries to place new seeds. The result is an organic, tightly packed arrangement. Hit reset to start over.

🔥

DOOM_guy_1993

Veteran

Posts: 9,120

Joined: Dec 2001

The classic PSX Doom fire propagation algorithm. Bottom row is max heat, each pixel copies from below with random decay and horizontal drift. Palette maps heat to black→red→orange→yellow→white.

🌈

plasma_pete

Senior Member

Posts: 2,843

Joined: Mar 2003

Old-school demo scene plasma effect. Overlapping sine waves computed per-pixel with a time offset. The palette smoothly cycles through hues. Rendered at half resolution for that crunchy look.

🪐

GravityWell_Gal

Elite Member

Posts: 4,712

Joined: Jan 2002

200 particles orbiting 3 gravity attractors that slowly drift in circles. Gravitational pull follows inverse-square law (capped to prevent singularities). Speed maps to color: slow=blue, fast=white.

🌳

fractal_frank

Member

Posts: 1,567

Joined: Sep 2005

Recursive fractal tree that sways in procedural wind. Branch angle oscillates over time. Thickness and length decrease with depth. Trunk is brown, tips are green. Adjustable recursion depth.

🧩

wfc_wizard

Regular

Posts: 823

Joined: Jun 2006

Simplified WFC algorithm on a 20x20 grid. 5 tile types (water, sand, grass, forest, mountain) with adjacency constraints. Collapses one cell at a time — watch it solve. Restarts automatically when done.

🔷

voronoi_vic

Senior Member

Posts: 3,190

Joined: Nov 2003

20 seed points bounce around. Every pixel is colored by its nearest seed. Rendered at 1/3 resolution for performance, nearest-neighbor upscaled. Each seed has a unique hue. White dots mark seed positions.

🟩

div_lord_420

Regular

Posts: 502

Joined: Jan 2007

Matrix rain with no canvas — pure DOM elements. Each of the ~15 columns has a falling head character (katakana/hex) with a fading green trail. All done with absolutely positioned divs and style.color manipulation.

🎯

CSSGridGuru

Moderator

Posts: 5,671

Joined: Aug 2004

20x12 grid of divs that ripple with color. Hover or click anywhere to spawn a ripple that expands outward. Auto-generates ripples every 2 seconds. Multiple ripples overlap additively. No canvas.

📊

tbl_enjoyer

Elite Member

Posts: 4,023

Joined: May 2002

An actual HTML <table> where every cell cycles through HSL color waves. Four patterns auto-rotate: diagonal, horizontal, spiral, and noise. Very on-brand for a site built with <table> tags.

🎚️

sl1der_k1ng

Member

Posts: 1,245

Joined: Apr 2006

240 <input type="range"> sliders arranged in a 30x8 grid, all oscillating in compound sine wave patterns. The thumb positions form flowing diagonal waves. Accent colors cycle through the spectrum.