# Walk Through a Timber House

- Author: @MengTo
- Card: Verified rebuild
- Theme: Cinematic animations
- Stack: Three.js CDN · three@0.170.0
- Interaction: Scroll
- Licence: prompt is a credited link (Shared publicly by the author; full text with credit, removed on request); rebuild code MIT
- Verified: 2026-11-09
- Original post: https://github.com/MengTo/seijaku/blob/HEAD/PROMPT.md

## Original prompt

```text
# Build a residence you can walk through

Use this brief to understand or reinterpret Seijaku. Consult the repository's license and artwork terms before copying or redistributing its files.

Create a static architectural experience with plain HTML, CSS, JavaScript and Three.js. A single continuous camera path should carry the visitor from the approach to a Japanese house, through its rooms and across its gardens. Make the house legible as a connected space: the entrance, corridor, tea room, living room, bedroom and bath should share a coherent floor plan.

Build the architecture from geometry: timber columns and beams, a tiled roof, deep eaves, paper screens, tatami, cedar floors and a low bedroom platform. Use restrained material variation, soft daylight and garden views to distinguish rooms. Plant a front garden, a small courtyard and a back garden with stepping stones, moss, gravel, trees and a reflective koi pond. Include drifting leaves and four seasonal appearances.

Use scroll position to drive a continuous camera walk. Add a separate inspection mode with orbit and zoom controls and an obvious return path. An illustrated floor plan and room cards should jump to their matching camera positions. Keep the camera's movement smooth, and ensure every jump settles into a usable view.

Frame the scene with quiet editorial typography, small chapter markers and generous spacing. Continue into sections about the architecture, material surfaces, a scroll-driven exploded joinery assembly, the gardens and the rooms. The materials section should hold one close-up, move into its texture, then transition into the next. Sound is optional and starts only after a user gesture. Any inquiry form must clearly remain a demonstration unless a real backend is deliberately added.

Keep the initial view responsive during construction. Yield between expensive procedural batches, cache repeated texture calculations, warm shaders and geometry before revealing the opening scene, and avoid redrawing unchanged offscreen chapters. Request only the assets needed for the current view. Serve responsive WebP photographs and lazy-load below-fold imagery. Preserve texture sharpness when a landscape image is cropped into a tall viewport.

Verify the actual desktop and narrow layouts, camera jumps, inspection return, seasonal changes, materials transitions, lazy loading and console output. Serve the project over HTTP, test asset URLs under a repository subpath, and keep the source easy to host without a bundler or private service.
```

Known issue: Trees and shrubs are rounded low-poly blobs, and in winter the white shrub mounds read as plain lumps instead of snow-covered plants.

Prompt by @MengTo (https://github.com/MengTo/seijaku/blob/HEAD/PROMPT.md) via 3dmotion.io/e/walk-through-a-timber-house