Reduce motion is on · previews stay still
All effects Cinematic animations Night Walk Through a Temple Night Walk Through a Temple Night Walk Through a Temple is a Three.js scene from @MengTo’s prompt; 3dmotion rebuilt it with Claude Opus 5.5 on 2026-11-09.
by @MengTo on GitHub · verified 2026-11-09
Original prompt @MengTo · GitHub Model Claude Opus 5.5 Rebuild date 2026-11-09 Known limits Away from the lit temple the forest and slopes go almost pure black, so the hero and afterlight shots are mostly silhouette and rain. Open demo Open demo, then press Run Saving the HTML? Running here stays free. A saved rebuild uses three@0.170.0: keep ../vendor/three-r170.min.js beside it at that relative path, or allow a network connection for the CDN fallback.
Preview or live? Prompt by @MengTo. Copies include source credit.
Rebuild receipt Single HTML Model Claude Opus 5.5 Verified 2026-11-09 Runtime Three.js CDN · r170 Licence Rebuild code · MIT Fix rounds 3 Known limitation Away from the lit temple the forest and slopes go almost pure black, so the hero and afterlight shots are mostly silhouette and rain.
Original prompt Free · 2,640 characters # Build prompt Create a single-page, cinematic WebGL experience called **Kage**: a five-chapter night walk through a fictional Kyoto mountain temple. The result should feel like an editorial art book moving through a live 3D world, not a…
# Build prompt
Create a single-page, cinematic WebGL experience called **Kage**: a five-chapter night walk through a fictional Kyoto mountain temple. The result should feel like an editorial art book moving through a live 3D world, not a conventional product landing page.
## Experience
- Use a fixed full-viewport Three.js canvas as the environmental layer.
- Build the temple, torii, stairs, lanterns, moon, terrain, trees, fog, rain, drifting leaves, embers, and atmosphere procedurally.
- Drive one continuous camera path from page scroll. Each section should feel like a new composed shot rather than a hard scene replacement.
- Add restrained bloom, film grain, vignette, depth haze, warm shoji light, cold moonlight, and a large vermilion moon.
- Keep the palette near-black, blue-charcoal, warm amber, bone white, and vermilion.
## Layout
- Structure the page as a hero, temple threshold, still gardens, sacred craft chapters, afterlight closing, and manifesto footer.
- Use oversized left-aligned English headings, large vertical Japanese display type, small technical labels, chapter numbers, fine rules, and generous negative space.
- Layer generated cinematic stills into editorial cards and use alpha-preserving WebP cutouts of grass, maple branches, sakura, stones, walls, ruins, bushes, hills, pines, and lanterns at the bottom of the active viewport.
- Foreground layers should arrive at full visual opacity, remain pinned while their section is active, then fade and blur away during the handoff.
- Center any play icon within the image frame itself, excluding the caption area.
## Motion
- Reveal headings word by word and supporting elements individually.
- Use slow, precise section transitions, subtle parallax, and eased camera interpolation.
- Let the navigation, chapter rail, cards, and foreground layers respond to the active section.
- Include reduced-motion behavior that preserves the complete reading experience.
## Interaction and quality
- Use a custom cursor only for fine pointer devices.
- Provide working anchor navigation, mobile navigation, responsive layouts, semantic landmarks, and accessible labels.
- Keep runtime assets local and use relative paths so the site works under a GitHub Pages repository subpath.
- Avoid frameworks, build tooling, analytics, trackers, remote fonts, placeholder imagery, generic glassmorphism, excessive glow, and decorative motion without narrative purpose.
- Verify at desktop and approximately 390 × 844, check all assets for 404s, parse every inline script, inspect the browser console, and test one complete scroll/navigation interaction before shipping. Prompt by @MengTo on GitHub. github.com/MengTo/kage/blob/HEAD/PROMPT.md . Copies include this credit.
Claude Opus 5.5 · Claude Code · 2026-11-09 · 3 fix rounds
Original prompt, credited
collection · petergpt Open, then Run
Original prompt, credited
collection · petergpt Open, then Run
Original prompt, credited
collection · petergpt Open, then Run
Original prompt, credited
collection · petergpt Open, then Run
Night Walk Through a Temple@MengTo · Cinematic animations