
| Channel | Native caption |
|---|---|
| Tiktok | Week twelve build log. We shipped a real 3D logo in code: extruded geometry, lit, rendered in the browser. What broke: the back faces went invisible from one angle. Next, we animate it lifting off the page. (AI-assisted) |
| Build Log. Week 12. Shipped: a real 3D logo, in code. Extruded, lit, rendered in the browser. What broke: back faces vanished from one angle. Next: animate the lift-off. #buildinpublic #threejs #webgl #3d #devlog | |
| Build log, week twelve. Shipped: a real three-dimensional logo, in code. Extruded geometry, lit, rendered live in the browser, not a baked image. The old way was a designer in an expensive 3D suite producing a single hero shot you could never change. What broke: geometry. The back faces of the logo went invisible from one angle, a normals problem hiding in plain sight. Next: now that the logo lives in three dimensions, we animate it lifting off the page. Shown, not told. | |
| X | Build log, week 12. Shipped: a real 3D logo in code. Extruded, lit, rendered in the browser. What broke: back faces vanished from one angle. Next: animate the lift-off. |
| Build log, week twelve. This week we shipped a real 3D logo built in code: extruded geometry, lit, and rendered live in the browser instead of a flat image. What broke was the geometry, because the back faces went invisible from one angle. The fix is in, and next we animate the logo lifting off the page. Follow along as we build it in public. | |
| Threads | Build log, week twelve. Shipped: a real three-D logo, in code. Extruded geometry, lit, rendered in the browser. What broke: the back faces went invisible from one angle. Next: now it lives in three dimensions, we animate it lifting off the page. |
| Build log: shipping a real 3D logo in code with Three.js and WebGL. Extruded geometry, lit and rendered live in the browser instead of a baked image. The bug: back faces went invisible from one angle. Next step animates the logo lifting off the page. A devlog on browser-based 3D for brand assets. | |
| Bluesky | Build log, week 12. Shipped a real 3D logo in code: extruded, lit, rendered in the browser. What broke: back faces vanished from one angle. Next: animate the lift-off. |
| Youtube | Title: Build Log: Shipping a Real 3D Logo in the Browser (And the Bug) Week twelve. We shipped a real three-dimensional logo built in code: extruded geometry, lit, and rendered live in the browser, not a baked image. The old way was a designer in an expensive 3D suite producing a single hero shot. What broke was the geometry: the back faces of the logo went invisible from one angle, a normals problem. The fix is in. Next, now that the logo lives in three dimensions, we animate it lifting off the page. |
| # | Layer (comp_id · still · tier) | Beat | Timecode | Motion | Logo | Audio | VO / on-screen / caption |
|---|---|---|---|---|---|---|---|
| 1 | ![]() matches intent shared field signature-3d | open | 0–6.9s | spatial-parallax | icon·liquid-chrome | ♪ bed_in | Week twelve. We shipped a real three-D logo this week, extruded geometry, lit, rendered in the browser. on-screen: Shipped: a 3D logo, in code |
expected on screen: red ground · cone hero in the shared Signal Field · Augur leads · node-graph · spatial-parallax · icon·liquid-chrome logo · caption bottom-left spec (the prompt): comp_id shared Signal Fieldvisual node-graphshape coneground redtreatment liquid-chromemotion spatial-parallaxpower summoninstrument summon→Shipped: a 3D logo, in code | |||||||
| 2 | ![]() matches intent CodeWindow template | build | 6.9–11.9s | type-on | icon·white-knockout | ♪ node_lock | The old way was a designer in an expensive three-D suite for a single hero shot. on-screen: Old way |
expected on screen: red ground · a CodeWindow panel over a dimmed Signal Field · Augur leads · code · type-on · icon·white-knockout logo · caption bottom-left spec (the prompt): comp_id CodeWindowvisual codeshape coneground redtreatment white-knockoutmotion type-onpower summoninstrument draw-on→Old way: a designer in a 3D suitecurate codeLines, windowTitle | |||||||
| 3 | ![]() matches intent BuildLog template | diff | 11.9–17.0s | crossfade-8f | icon·liquid-chrome | ♪ node_lock | It broke on geometry. The back faces of the logo went invisible from one angle. on-screen: What broke: the back faces vanished |
expected on screen: red ground · a BuildLog panel over a dimmed Signal Field · Augur leads · code · crossfade-8f · icon·liquid-chrome logo · caption bottom-left spec (the prompt): comp_id BuildLogvisual codeshape coneground redtreatment liquid-chromemotion crossfade-8fpower morphinstrument morph→What broke: the back faces vanishedcurate codeLines, lines | |||||||
| 4 | ![]() matches intent ProcessFlow template | step | 17.0–22.6s | kinetic-build | icon·white-knockout | ♪ node_lock | Now the logo lives in three dimensions. Next, we animate it lifting off the page. on-screen: Next: animate the lift-off |
expected on screen: red ground · a ProcessFlow panel over a dimmed Signal Field · Augur leads · pipeline · kinetic-build · icon·white-knockout logo · caption bottom-left spec (the prompt): comp_id ProcessFlowvisual pipelineshape coneground redtreatment white-knockoutmotion kinetic-buildpower throwinstrument laser-trace→Next: animate the lift-offcurate stages, steps | |||||||
| 5 | ![]() first render · fix pending RankList templatedead_airgeneric_scene | proof | 22.6–27.6s | receipts-count | icon·liquid-chrome | ♪ node_lock | Build Log |
expected on screen: red ground · a RankList panel over a dimmed Signal Field · Augur leads · receipts · receipts-count · icon·liquid-chrome logo · caption bottom-left spec (the prompt): comp_id RankListvisual receiptsshape coneground redtreatment liquid-chromemotion receipts-countpower receiptsinstrument spotlight→Build Logcurate rows, statsLabels | |||||||
| 6 | ![]() first render · fix pending shared field signature-3ddead_airgeneric_scene | resolve | 27.6–32.6s | coalescence | icon·liquid-chrome | ♪ bed_out | Build Log |
expected on screen: red ground · cone hero in the shared Signal Field · Augur leads · coalescence · coalescence · icon·liquid-chrome logo · caption bottom-left spec (the prompt): comp_id shared Signal Fieldvisual coalescenceshape coneground redtreatment liquid-chromemotion coalescencepower coalescenceinstrument coalescence→Build Log | |||||||