Loading video...
Video Failed to Load
I recorded a 41-minute tutorial on how I use Astra to create insane three.js websites in Codex. I've been using DiffUI to brainstorm UIs before moving into code. It's fast and cheap, generates multiple variants and lets me branch ideas, sections, logos, and other components. Then I use "Copy... show more
52,366 views • 5 days ago •via X (Twitter)
40 Comments

honestly this looks like a saturday and sunday, not a 41 minute lecture

it's good i hope. bc saturday and sunday are my jam days.

The part tutorials skip is the debugging. Ours came back with a black roof — not lighting, the front slope was back-face culled. side: DoubleSide fixed what no lighting prompt could. Watching this one.

Exploration is key before getting into the html

Agreed — a picture is cheap to throw away, a scene graph isn't. We settle the camera path on stills first; after that the three.js is almost mechanical.

Fuck yeah. Good shit @MengTo

i love when my passion aligns with surviving in this world. ty.

卡牌做的挺好,目前最优秀的Astra制作案例当属卡牌,因为imagegen 为 openai赋能

Great stuff, thanks for sharing mate

always happy to share all the things i've learned. ty for commenting.

Using DiffUI as a visual staging layer before coding 3D scenes is smart. Saves a ton of cycles compared to tweaking WebGL parameters blindly. Does Astra handle responsive layout constraints automatically when exporting to Codex?

So clean brother I must try Astra! Is it considerably better ? I've been cranking Opus like crazy but I'm open to test others

Astra is the best there is at tool calling and pretty much every task, from 3d to game dev. It's been acting a bit in the past couple of days though. Bc it's so expensive, I have to switch to Opus 5 and Fable 5.1.

Greate as always man

How to do insane design on native mobile apps? 😭

AI is very capable at adapting for mobile or any platform

I suck at it then. Do you have any tips? Any tutorials?

Ufff 😮💨🤌🏼✨🔥

Amazing workflow DiffUI to Codex to sites look incredible

This workflow is gold! Definitely grabbing the link for that 41-min breakdown. 🔥

The real unlock is separating exploration from implementation: generate and branch visual hypotheses cheaply, then give the coding agent a selected direction with assets and motion constraints already decided.

You need like 128gb to view a site like this, heavy unoptimized, sorry but this doesn't work at all

fancy UI built over poor technical UX is not a great design, it simply violates so many heuristics laws and accessibility standards. Having desirable design should not be prioritised over usable designs.

Lmaoooooo no thx

So awesome as always!

41 minutes sounds solid, but I'd worry about keeping viewers engaged that long

plenty of videos are that long. i enjoy more casual instead of hyper fast.

This Astra to three.js workflow is brilliant DiffUI to Codex with transparent layers is such a pro move!

the brainstorm before build order is the interesting part, diffing uis first keeps the model from committing to one layout.

I’m sorry to say but it looks like absolute crap.

Can't even afford to use it for 3 minutes. Irrelevant

Varyant üretmek hızlı ama three.js'te fatura runtime'da geliyor: tek sahnede draw call 150'yi aşınca orta seviye telefonda kare hızı yarıya düşüyor. Varyantı seçerken mobilde profil almak sonradan optimize etmekten ucuz.

slop

Love how this workflow turns ambitious 3D concepts into polished sites

41 minutes of actual workflow beats 100 threads of prompts. what still needs hand tuning after the model is done? lighting and mobile performance is where three.js builds usually fall apart

Those three.js sites look insane

this tutorial looks dope bro

Codex plus Astra for three.js is the combination I didn't expect to work this well. What's your most counterintuitive three.js pattern from the session?

The tools will keep changing. That ability to explore, evaluate, and choose the right direction is what actually compounds.

41 minute deep dive on Astra in Codex sounds amazing DiffUI to brainstorm then Codex to build is such a smart flow
