Wireframe To Solid
Wireframe To Solid
Everything is drawn before it exists: cyan lines race along the edges of a laptop and a phone, a scan plane resolves the lit hardware inside the wire, and the editor and generated app repeat the idea on screen as skeletons that fill solid.
A dark void over a satin floor ruled with a fine two-weight line grid that fades into fog, where glowing hairline edges draw objects in the air and a feathered scan plane turns the wire into solid lit forms, with a cool key, a crisp rim and an overhead bar. Five beats over 30 s at 120 bpm: a low racing rise, a slow scan, an exploded assembly, a close raking detail, then a settled hold.
- Length
- 30 s
- Scenes
- 5
- Device
- laptop, iphone
- Style
- abstract
- Camera
- low angle, crane, pull back, ultra closeup
//
ABS-WIREFRAME — 30 s, 16:9, 1920×1080 @ 30. ABSTRACT 9 · WIREFRAME TO SOLID.
Sample app: Blueprint, a no-code app builder (laptop editor + the iPhone app it generates).
Treatment: treatment.md.
THE IDEA. Everything is drawn before it exists. In a black void over a faint blueprint grid,
glowing cyan lines race along the edges of a laptop and a phone until both stand as wireframes;
then a scan plane sweeps up through each outline and the real, lit hardware resolves inside it
while the bright wire is eaten by the same plane, leaving a dim glow. The screens repeat the idea
one scale down: the editor is a cyan skeleton of boxes drawn edge by edge, and the real panels
fly in and pack home onto it; a prompt types "Add a sign-up screen", and on the phone the
sign-up screen arrives as cyan outlines that fill solid, the last one (the Create account
button) in an ultra close-up. End: both devices solid, the wire lingering as a glow round them,
"Blueprint" in the void above.
THE WORLD (1 unit = 1 mm, y up). A black void (#020409) with a dark satin floor and a two-weight
line grid (50 mm / 250 mm) fading into fog. The laptop stands at (−90, 0, 0) turned 10°, the
iPhone stands on its edge at (230, 0, 70) turned −16°. Devices never translate. The wire is
emissive boxes (1.2 mm) laid along each device's edges in the device's own frame (a g per device
placed by one-key channels; the lid's edges in a child g tilted −20.6° about the hinge). An edge
draws on as `scale` along its length plus the `position` that pins its start, both linear, so
joined edges read as one racing line. EVERY node with a track carries an id (a primitive without
one ignores its channels). The materialise is a `clip` plane (axis −y, feather, a hot cyan edge
band) swept up each device, and the same plane (axis y) on the bright wire's g — used only while
the screens are off, because a clip on a device blanks its ui3d overlay.
PALETTE. void #020409 · grid #0F3556 / #1F6AA6 · wire cyan #3EE0FF (brand) ·
editor ink #0A0F17 · panel #0F1622 · line #1E2A3A · text #EAF2FB · mute #7F8EA3 ·
generated app ground #F6F8FC · blue #2F6BFF · type #0B1220 · amber accent #FFB547
BEATS AND SCENES (music 120 BPM: a beat = 0.5 s, a bar = 2 s; every cut on a bar line):
s1-trace 0–6 HOOK. Cyan lines race along the laptop's base, up the lid, round the
screen, then round the phone's front and back; "Every app starts as a
sketch." rises over the wireframes.
s2-resolve 6–10 The scan: a clip plane with a cyan edge rises through the laptop
(0.2–2.4) and the phone (1.0–2.8); the solid, lit hardware stands inside
the wire, the bright wire is eaten by the plane, a dim glow stays.
s3-build 10–18 FEATURE. On the laptop: the editor's skeleton draws edge by edge (four
regions; the artboards and the prompt as outlines); the real panels
ASSEMBLE (ui-assemble: fly in tumbling, hover exploded +18/36/54/72 mm,
pack home magnetic, bottom-first); the wire fades; the prompt TYPES
"Add a sign-up screen" (typewriter) and Send dips.
s4-generate 18–24 PROOF. On the phone: the sign-up screen arrives as cyan outlines, the
page turns light, the shells GROW from their top edges (scale + pinned
edge) and the copy lands; ULTRA CLOSE-UP on "Create account", lens
55–58° off the glass, as the button fills solid from its left edge.
s5-end 24–30 END. Both devices solid, screens live, the wire lingering as a glow;
"Blueprint" (text3d) and "Describe it. Watch it build." in the void.
TEMPLATE SWAP POINTS — to re-skin this for