Floor plan rises into 3D home
Floor plan to 3D animation: blue ink lifts off paper and walls rise into a model home. Copy the prompt into Claude and swap in your own colours.
A blue floor plan draws itself on white paper, then the ink peels away and walls rise into a warm dollhouse. The camera drops inside to walk a double-height living room, a bedroom and a dusk roof terrace. Paint then floods up the stair wall in new colours before the closing line and brand appear.
Edit the four captions, the closing line, the brand name, and the accent wall colour before, after and in between, with matching paint chip names. It fits architecture studios, interior designers, estate agents and paint brands wanting a 16:9 piece for a portfolio, pitch deck or website.
Use it for
- Architecture studio showreel
- Paint colour preview film
- Property listing walkthrough
Specs
- Length: 24 seconds
- Format: widescreen 16:9 (1920x1080), 30 fps
- Built with: Three.js in HyperFrames
- Category: 3D
What happens, beat by beat
- 0 to 3.0 s. Top-down, slow push while the plan draws on. Caption 1 ([e.g. "From a floor plan"]) in plan ink from 0.45 s.
- 3.0 s, cut to a three-quarter aerial at about 50 degrees pitch, orbiting at 6.8 degrees per second without stopping.
- 3.1 to 6.4 s, the build. Each wall's ink becomes a thin 3D ribbon. It peels along its length over 0.5 s like lifting tape and hovers 0.45 m up. A shader shows bare paper past…
- 6.6 to 9.4 s, the drop. Blend the orbit into a centripetal spline over the south wall. Look steeply down through the joists and level out only below them, opening from 30 to 32.3 degrees vertical…
- 9.4 to 12.2 s. Truck west along the glazing towards the sage stair wall.
- 12.2 s, cut to the bedroom. Lateral dolly past an arched pink headboard on panelled sage to a window seat with sheer and pink drapes. Caption 3 ([e.g. "to the bedroom"]).
- 15.5 to 19.58 s, roof at dusk, with a short dip to dark brown on each side. The camera cranes up from seated height. A wooden swing sways about 10 degrees beside wicker armchairs, a lantern…
- 19.58 to 24 s, payoff at the stair wall, with a 5% push. An ink tube draws along the skirting, across the stair foot and up the step profile (19.95 to 20.6 s). Paint then floods…
Light, materials, camera
- The sun follows the story. In the aerial, a WSW sun at 38 degrees throws the shadows sideways across the sheet. During the drop it swings to a low 20-degree…
- Analytic sunbeams. A post pass marches each view ray 48 steps through the living room. A sample is lit when its line to the sun clears a pane of the…
- Plaster gets world-space noise mottling, roughness drift and a trowel micro-bump through onBeforeCompile. The paint flood runs in the same shader: a wobbling, fwidth-sharp front rises from the skirting-and-stringer contour…
- Procedural canvas textures (oak planks, rugs, cane, wicker, terrazzo) and sheen on the fabrics.
- The town is one merged vertex-coloured mesh of stucco blocks stepping downhill, with roof clutter. About 42% of the windows are lit warm above the bloom threshold, and a shader…
What you can change
- Expose as variables the four captions, the closing line, the brand, the plan ink ([#2A5CAA]), the accent wall colours (before/after/in-between: [#9AAE8A / #8EA9C8 / #C98B6C])…
How the prompt opens
Make a silent 24-second, 16:9 (1920x1080, 30 fps) motion piece in Three.js. A blue floor plan draws on white paper, its ink peels off, and walls rise under it into a warm dollhouse model. The camera drops in and walks a living room, a bedroom and a roof terrace at dusk, then paint floods up the stair wall in new colours. It closes on [your closing line, e.g. "Try a new colour before a brick is laid."] and [your brand, e.g. an invented design studio called Lintel].
The full prompt runs 1,101 words. Copy it free (2 a day) from this page.
Copy the prompt into Claude, or pull the scene into Claude Code and render the MP4 on your machine: how it works.