The GreenAI Engine — twelve businesses as a running V12 by Jaden GreenThe GreenAI Engine — twelve businesses as a running V12 by Jaden Green

The GreenAI Engine — twelve businesses as a running V12

Jaden Green

Jaden Green

The brief

Twelve live products and no single place that made them feel like one company. The answer was not a grid of cards. It is a sectioned V12 engine in orbit above a generated Earth, one cylinder per business, each with a floating hero card tethered to its own cylinder by a live wire with charge running down it. Click a card and its site opens.

The gauges are real data

Idle speed is 700 rpm plus 165 for every one of the twelve that answered the last scan, so the engine literally runs on how much of the fleet is up. Fifty agents walk the twelve wires in a single draw call, their walk cycle painted to a canvas at load and the frame picked per agent in the vertex shader, mirrored on the turn, faster as the revs climb.

The mechanism is solved, not animated

Pistons come from the crank-slider equation each frame. Rods tilt by asin(r sin0 / L). Cams turn at exactly half crank speed. The firing order is the documented V12 1-7-5-11-3-9-6-12-2-8-4-10, and the exhaust note is synthesised at (rpm/60) x 6 Hz, the true firing frequency, not a sample.

Nothing is downloaded

There are no texture files and no audio files. The Earth is generated at load: real coastlines carried as lon/lat polygons then warped by three octaves of value noise into fjords and capes, latitude biomes, a continental shelf from a blurred landmask, weather-banded cloud on its own clock, city lights weighted to temperate coasts on the night side, ocean-only sun glint, and a 23.4 degree tilt. The solar system runs in its own scene with the depth buffer cleared between passes, which is also what lets the Earth correctly eclipse the Sun.

What it cost to get right

Ten bugs worth keeping. three.js setHSL defaults to the linear working space rather than sRGB, so every colour came out washed. A raw ShaderMaterial's output is not colour-converted, so compositing means doing the gamma by hand. fbm() never spans 0 to 1, so a warp that looked like 11px was really 4. Chrome clamps requestAnimationFrame to 30Hz on a visible-but-unfocused window, which the FPS auto-degrade read as a slow machine. And a point light at the Sun, 900 units out, delivers nothing under physically-correct falloff, so every planet rendered black until it became a directional light.

Built

About 4,065 lines of JavaScript. three.js vendored. No build step, no external assets, no analytics. It runs from a static folder.
Like this project

Posted Aug 26, 2026

A WebGL flagship: a cutaway V12 in orbit whose idle speed is how many of twelve live sites answered the last scan. Zero assets — every surface made in code.

Likes

0

Views

0

Timeline

Aug 25, 2026 - Aug 25, 2026