A-01 · A house on a hill, at last light
Pavilion No. 4
Scroll to walk up the path, through the door and out to the view. One continuous camera move, built with Flythrough.
Scroll ↓
A-02 · Threshold
A door you walk into, not past.
The front of the house is one long timber-clad wall with a single opening, set 1.6 metres deep under a lit canopy.
You leave the evening light, step into the shade of the recess, and for a moment everything goes dark. That is where the first cut hides.
A-03 · Inside
One corridor, one light, one window.
Facade
Timber cladding, 3.2 m high
Canopy
9 m cantilever with a lit soffit
Glass
16 m of west glazing, five panes
A-04 · Light
“We kept one wall glass so the evening does the decorating.”
— Studio Halde (made-up architects)
A-05 · The view
Pavilion No. 4 in numbers.
Area
186 m²
Rooms
2 + studio
Orientation
Glazing faces west
Pool
12 × 2.4 m, reflecting
Built
2026
Invented house, rendered by NS. Studio.
(01) How it works
Three steps, then scroll.
01
Encode
Run the free script on each clip. It writes a keyframe every 6 frames, so seeks stay quick and smooth.
Open the encode guide →
02
Add clips
Put each video, its portrait version for phones and a poster into Clips.
03
Pin chapters to sections
Give each chapter a From and To section id, and the seconds it should cover.
This page’s chapters
Controls
Full list in the component’s property panel.
(02) Section mode
Or pin it inside one block.
Clip 3 · 2 chapters · 0–67% and 67–100% · Rail: Bottom
(03) Flythrough Loop
Quiet loops between the chapters.
Loop · Cladding detail
Loads within 600 px · 0.65 MB
Loop · Water
Loads within 600 px · 0.76 MB
Good to know.
Smooth scrubbing needs a video encoded with frequent keyframes. Use the included script; ordinary exports will jump.
Video files are big: plan for a few MB per 1080p clip and a smaller portrait clip for phones. Long or 4K clips are not recommended.
iPhones scrub less smoothly than desktop browsers. The portrait clip keeps it usable; it is not frame-perfect on every device.
No image-sequence mode, and no audio.
Visitors who prefer reduced motion see still posters per chapter instead of video.
Text belongs in your normal Framer sections over the video, not in the video.
Demo footage is rendered by NS. Studio and is yours to keep; the house is made up.
In Page mode the video fades out, and the last chapter reaches its End, as the section after the last chapter enters the viewport. Leave about one screen of video under your last card, not more.
Place the Flythrough layer right after your navigation so keyboard users reach the chapter rail after the nav.