Paper Birds, Real Shadows
Background3DSeamless loopPortrait12 seconds
Source
A Door Into Four Seasons
An ivory paper door opens on a layered forest valley where spring, summer, autumn and winter slide past while a tiny copper fox waits on the path. Papercut diorama. Loops.
Background, V1 Effects3DSeamless loop, verified195 lines of codev1.0.0
In Nature & weather, Craft & heritage, Art & illustration styles, Made for phones
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 small ivory arched door in a paper wall swings open on a valley made of five layers of cut paper. Seasonal sheets fold and slide through in turn, spring blossom, summer green, autumn orange and winter blue-white with drifting snow, while a miniature copper fox waits on the winding path. Lit cut edges and soft occlusion between the layers give it depth. The door closes again at the end, so the 8 seconds loop. The film has no settings.
Reuse it in your own idea
- Seasonal greeting: the four seasons pass in turn while the door stands open.
- Seamless loop: the door closes at the end, so it repeats cleanly.
- Doorway transition: the closed door at each end is a clean place to cut.
Which part is reusable
src/paper-seasons.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.
- Its length is fixed at 8 seconds; repeat the loop to fill a longer clip.
Technical details
Technical details
- Implementation
- Three.js 0.185.1 (WebGL) · ES module
src/paper-seasons.js - Exports
createPaperSeasons() => { 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: Soft studio light, with lit cut edges and occlusion between the paper layers.
Timing: The door opens, the four seasonal sheets fold and slide through in turn, then the door closes.
- Output
- 1080×1350, 30 fps, 8 s · procedural (computed from the frame number) · seamless loop — Every part of the film is a function of the time modulo its length, and every motion completes whole cycles, so the last frame meets the first.
- 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. Loop: Frame 0 vs end state (progress 1): mean |Δ| 0.0000, max |Δ| 0 of 255.
- Performance
- One full-screen fragment shader. About 8 ms a frame at 1080 by 1350 on an integrated Intel GPU (Iris Xe), and about 2 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 -- paper-seasons/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:8a6b9cba6dc55b8c… - Files
- LICENSE 1 KB · demo
- asset.json 6 KB
- demo.js 1 KB · demo
- index.html 1 KB · demo
- src/paper-seasons.js 12 KB · reusable
- License
- MIT. Copyright (c) 2026 AI Pixel Wizard. Released under the MIT License. See LICENSE in this folder. License details
- For agents
- agent.md · JSON manifest · standalone demo
- Provenance
- From the owner's collection Twenty Impossible Worlds: the original GLSL ES 3.00 shader of the film “A Door Into Four Seasons”, 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
More like this
Play these full screen
A Desert in an Hourglass
Background3DSeamless loopPortrait8 seconds
Cathedral of a Butterfly
Background3DSeamless loopPortrait8 seconds
A Flower Made of Ink
Background3DPortrait12 seconds
A Wave Becomes a Mountain
Background3DPortrait8 seconds
The Drawing That Breathes
Background3DPortrait8 seconds
The Last Green Pixel
Background3DPortrait8 seconds
The Whale Carries the Night
Background3DPortrait8 seconds