Skip to content

The Last Green Pixel

A tiny rooftop robot plants one green pixel and a tree rises; the abandoned pixel-art city at dusk starts growing again. Retro 16-bit style.

Background, V1 Effects3D183 lines of codev1.0.0

In Nature & weather, Toys, games & parties, Art & illustration styles, Made for phones

Next: A Door Into Four SeasonsSurprise me

The Last Green Pixel preview
Starting live preview…
00:00:00:00 / 00:00:00:01

Live, running the real source at reduced resolution.

Combine several clips and hand them over together from your sequence.

A finished film

It plays exactly as rendered and has nothing to adjust. The preview runs the same code your AI receives.

Info

What it is

A pixel-art rooftop at dusk: a purple-pink sky, a crescent moon, a skyline of lit windows and a tiny robot who walks to a patch of ground and plants a single green pixel. A tree grows beside it, then more of them, until green fills the skyline and the sky brightens towards morning. The picture is a 180 by 225 pixel grid drawn directly in the shader, with ordered dithering, a layered skyline, brickwork and fireflies; there are no image files. The film has no settings.

Reuse it in your own idea

  • Climate or hope message: the bare city to the green one is a one-shot story told without words.
  • Game channel intro: a nostalgic 16-bit look that stays crisp at any size.
  • Pixel-art backdrop: hold the finished green skyline for a title.

Which part is reusable

src/pixel-seed.js is the ingredient your AI reuses. demo.js is only the example scene around it, and uses the demo harness only for the demo.

Good to know

  • The film is finished: it has no settings. To change colours or timing, edit the shader.
  • It is composed for a 4:5 portrait frame.
  • The end does not return to the start, so repeating it is a hard cut.

Technical details

Technical details
Implementation
Three.js 0.185.1 (WebGL) · ES module src/pixel-seed.js
Exports
  • createPixelSeed() => { scene, camera, setSize(width, height), update(time), dispose() }
Dependencies (exact)
  • three@0.185.1 (source) — Renderer and a full-screen shader material.
  • apw-runtime@1.0.0 (demo) — Demo harness.
How it fits a scene

Coordinates: Composed for a 4:5 portrait frame and measured by the frame height: in a wider frame the picture stays centred at full height and its background fills the sides; in a narrower one, such as 9:16, the sides are cropped.

Lighting: Painted: a dusk sky that brightens towards morning, lit windows and fireflies; there is no real lighting.

Timing: The robot walks to the ground and plants a green pixel; a tree grows, then more, while the sky lightens from night towards morning.

Output
1080×1350, 30 fps, 8 s · procedural (computed from the frame number) · not a loop — A one-shot film: it builds to a finished picture that holds to the last frame, so the end does not return to the start.
Tested
Rendered 240 frames on 2026-10-10 in Chrome 154.0.8037.97 headless on Linux 7.0.0-38-generic (x64), Node 22.14.0 (WebGL 2 via SwiftShader (software)). Same frame twice from fresh pages: identical.
Performance
One full-screen fragment shader. About 24 ms a frame at 1080 by 1350 on an integrated Intel GPU (Iris Xe), and about 4 s a frame with software WebGL. Plays at 30 frames a second at full size on an integrated GPU.
Export a video yourself
Download the source, then in the folder: npm install npm run render -- pixel-seed/1.0.0 --out my-video.mp4Needs Node 18+, ffmpeg and Chrome/Chromium. Add --params my-settings.json (from Copy settings) for your own settings.
Version
1.0.0 · sha256:71bbb576276a5bf9…
Files
License
MIT. Copyright (c) 2026 AI Pixel Wizard. Released under the MIT License. See LICENSE in this folder. License details
Provenance
From the owner's collection Twenty Impossible Worlds: the original GLSL ES 3.00 shader of the film “The Last Green Pixel”, created with ChatGPT / Codex and used as published, wrapped for AI Pixel Wizard as a three.js full-screen shader in October 2026. The collection's synthesised soundtrack is not part of this ingredient.
BinMore like this