正在加载视频...

视频加载失败

GPT-6 Astra + Three.js = Smoothly INTERACTIVE and AWESOME. Might not even need Blender, the stuff you can build on the web now is wild. Prompt⬇️ It cut my workflow from a couple of hours down to just 30 minutes!

62,631 次观看 • 2 个月前 •via X (Twitter)

32 条评论

padphone 的头像
padphone2 个月前

Web Three.js prompt: Create an elegant, responsive webpage featuring an interactive 3D peacock with grainy, painterly materials, deep teal plumage, muted gold details, and a warm ivory background. Use refined serif typography on a transparent foreground layer. Keep the Chinese logo “羽间” and offer Chinese/English switching. Render the peacock in a full-viewport Three.js scene behind the typography, with generous horizontal movement and depth. Mouse movement guides its walking direction; its head, body, and folded tail turn coherently. Hovering makes it shake its head and gradually spread its feathers. Moving away closes the fan. Animate real geometry without crossfading between poses. Scrolling down brings the peacock toward the camera, where it delivers energetic pecks. Scrolling up sends it backward. Pressing Space triggers a physically convincing jump and landing. Clicking individual feathers detaches them with a gentle falling motion. The peacock approaches, bends down, grips each feather with its beak, turns its head backward, and returns it to its original position. Add subtle procedural sounds for footsteps, spreading feathers, jumping, landing, pecking, and retrieval, with a mute toggle. Provide touch controls on mobile. Adapt camera framing to different screens, prevent accidental canvas clipping, and preserve smooth animation and the textured artistic atmosphere.

Safinaz Elhadary 的头像
Safinaz Elhadary2 个月前

This is so neat!🔥

padphone 的头像
padphone2 个月前

Yes. Thanks! You play it with ChatGPT site link I share.

Nishul 的头像
Nishul2 个月前

Broooo this is insane

padphone 的头像
padphone2 个月前

Try it plz:

Manas Joshi 的头像
Manas Joshi2 个月前

Gpt-6 Astra

Gregor 的头像
Gregor2 个月前

the 'might not even need Blender' bit got me. was this actual 3D geometry or procedural/shader stuff where Blender wouldn't have been in the workflow anyway?

padphone 的头像
padphone2 个月前

procedural apparently

Yeasin Arafat 的头像
Yeasin Arafat2 个月前

This deserves much more attention.

Cyprian Aarons 的头像
Cyprian Aarons2 个月前

beautiful!

P82 | AI NATIVE BUILDER 的头像
P82 | AI NATIVE BUILDER2 个月前

텍스트에서 바로 인터랙티브한 3D 화면으로 어지는 과정이 깔끔하네요.

padphone 的头像
padphone2 个月前

Indeed.

Shaxzod Eshonov 的头像
Shaxzod Eshonov2 个月前

that looks cool

ava mae 的头像
ava mae2 个月前

love that the 3D stays actually interactive on the web. i’ve been using krea for the visual and look dev pass first then three.js for the responsive scene.

man ki Hui 的头像
man ki Hui2 个月前

Great 👍🏻

Hole High 的头像
Hole High2 个月前

So good.

Brian Hadu 的头像
Brian Hadu2 个月前

web tools keep evolving

Brjan | AI Builder 的头像
Brjan | AI Builder2 个月前

cutting your workflow to 30 minutes is impressive, but I still love Blender's depth

AI Mastery Guide 的头像
AI Mastery Guide2 个月前

that peacock is so cute

James Labi 的头像
James Labi2 个月前

Can’t lie, this is nice.

zackbuilds 的头像
zackbuilds2 个月前

that peacock looks like he owns the place haha. a whole garden in this style would be nice

phil chacko 的头像
phil chacko2 个月前

I finally hooked up the Blender MCP this morning, and have to say, even a little bit of Blender adds enough shading and texture to make it worth it. The pure ThreeJS procedural assets look flat by comparison, IMO.

padphone 的头像
padphone2 个月前

Yeah, it depends on your needs.

Anima 的头像
Anima2 个月前

Impressive !!

padphone 的头像
padphone2 个月前

Thanks!! Try the threejs lol

manzi 的头像
manzi2 个月前

Astra + Three.js cutting hours to minutes — where does Blender still win for you?

jake 的头像
jake2 个月前

whats the repo?

Hole High 的头像
Hole High2 个月前

PS. @orbiodotso

DT K 的头像
DT K2 个月前

🤮

Michael Waitze 的头像
Michael Waitze2 个月前

The speed of building interactive assets is incredible. We actually went deeper on this here:

Cog_ 的头像
Cog_2 个月前

Astra loves brown websites lol… so does Opus

padphone 的头像
padphone2 个月前

interesting. hm. maybe they?

相关视频