Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

Now we can create 3D scenes with Gemini and Three.js! 💥

mrdoob

82,480 subscribers

50,249 views • 1 year ago •via X (Twitter)

Science & Technology

Anya Rossi• Live Now

Private livecam show

11 Comments

mrdoob1 year ago

Check out the prompts:

OPEN1 year ago

From the wilderness to futuristic cities, your OP3N adventure starts here. Join our Discord channel and become part of the community!

one prompt, 2+ answers1 year ago

Whoa, Gemini meets Three.js? That's going to unlock some seriously cool creative possibilities. Can't wait to see what people build!

Troy X. Peterson1 year ago

@threejs @threejs this week has been one I’ve been waiting for over 15 yrs. Just wow.

Majid Manzarpour1 year ago

Game changer!

Chase Davis1 year ago

Sorry, I meant fog and not dog

joao1 year ago

“Sorry I meant fog, not dog” That’s some elite vibe coding

Christian Sanz1 year ago

Love this update

Ai🤖Reply Lab1 year ago

Wow

chris rogers1 year ago

and you told it to work on mobile! :-)

mrdoob1 year ago

I did it on mobile!

Related Videos

Gemini 2.5 Pro really is impressive... "Can you create a simple 3d car simulator with Three.js in a single HTML? Please add clouds, mountains, a road, some trees and a train going around. Make sure it works on mobile."

Gemini 2.5 Pro really is impressive... "Can you create a simple 3d car simulator with Three.js in a single HTML? Please add clouds, mountains, a road, some trees and a train going around. Make sure it works on mobile."

mrdoob

175,513 views • 1 year ago

Gemini 3.0 Pro is at great 3D design and front-end. It can generate complex 3D scenes and Three.js objects from text prompts. Here's a nice retro-future example from cris.

Gemini 3.0 Pro is at great 3D design and front-end. It can generate complex 3D scenes and Three.js objects from text prompts. Here's a nice retro-future example from cris.

Addy Osmani

90,189 views • 7 months ago

Ported Kenney's Starter Kit Racing to Three.js 🏁 Also built a basic track editor so people can create their own maps and share them with friends.

Ported Kenney's Starter Kit Racing to Three.js 🏁 Also built a basic track editor so people can create their own maps and share them with friends.

mrdoob

105,669 views • 3 months ago

oh my… this shouldn’t be possible Gemini 3 can generate 3D interactive scenes with three.js… and you can literally move particles with your hands no coding skills needed at all, it's all free tutorial + prompts in the comments

oh my… this shouldn’t be possible Gemini 3 can generate 3D interactive scenes with three.js… and you can literally move particles with your hands no coding skills needed at all, it's all free tutorial + prompts in the comments

el.cine

1,261,970 views • 7 months ago

They did use 3D models and we can fly through the scenes and check it all out! #threejs Shopify Using the Needle three.js inspector

They did use 3D models and we can fly through the scenes and check it all out! #threejs Shopify Using the Needle three.js inspector

🌵 Marcel Wiessler

157,284 views • 7 months ago

Had another intense session with Claude... This time we implemented textured RectAreaLights in Three.js 🥲

Had another intense session with Claude... This time we implemented textured RectAreaLights in Three.js 🥲

mrdoob

59,587 views • 7 months ago

Hey Claude, can you help me port Descent to Three.js?

Hey Claude, can you help me port Descent to Three.js?

mrdoob

87,764 views • 5 months ago

Adding a new feature to Three.js in just 3 prompts: > Make a shallow clone of the three.js repo in this folder. > Implement RainbowFog in the WebGLRenderer. > Create new builds.

Adding a new feature to Three.js in just 3 prompts: > Make a shallow clone of the three.js repo in this folder. > Implement RainbowFog in the WebGLRenderer. > Create new builds.

mrdoob

26,195 views • 3 months ago

webgi - realistic rendering for three.js is now free! With a new website for developers. Instantly create photo-realistic 3D e-commerce experiences without going deep into three.js graphics and shaders. Play around with the demo docs here -

webgi - realistic rendering for three.js is now free! With a new website for developers. Instantly create photo-realistic 3D e-commerce experiences without going deep into three.js graphics and shaders. Play around with the demo docs here -

Palash Bansal

45,087 views • 10 months ago

Okay Claude, can you help me port Quake to Three.js? ... One hour later

Okay Claude, can you help me port Quake to Three.js? ... One hour later

mrdoob

522,554 views • 5 months ago

Testing Bounce by perplex.gg and Three.js SSGI

Testing Bounce by perplex.gg and Three.js SSGI

mrdoob

54,428 views • 3 months ago

Netex 0.2.0 is now out ~ 🧭 - Adds full support for the Three.js Devtools extension

Netex 0.2.0 is now out ~ 🧭 - Adds full support for the Three.js Devtools extension

mrdoob

69,483 views • 2 months ago

not long now before we can simply drag and drop an image into an editor to create a 3D scene! the scenes below are generated from the image on the left 👀

not long now before we can simply drag and drop an image into an editor to create a 3D scene! the scenes below are generated from the image on the left 👀

Dreaming Tulpa 🥓👑

156,028 views • 1 year ago

render your 3D scenes with GPT-4o. now you can turn your Krea Stage scenes into images that keep your characters and environment consistent. try it now!

render your 3D scenes with GPT-4o. now you can turn your Krea Stage scenes into images that keep your characters and environment consistent. try it now!

KREA AI

50,805 views • 1 year ago

#ICCV2025 🤩3D world generation is cool, but it is cooler to play with the worlds using 3D actions 👆💨, and see what happens! — Introducing *WonderPlay*: Now you can create dynamic 3D scenes that respond to your 3D actions from a single image! Web: 🧵1/7

#ICCV2025 🤩3D world generation is cool, but it is cooler to play with the worlds using 3D actions 👆💨, and see what happens! — Introducing WonderPlay: Now you can create dynamic 3D scenes that respond to your 3D actions from a single image! Web: 🧵1/7

Hong-Xing (Koven) Yu

57,738 views • 1 year ago

Continuing to enhance my web-based 3D editor built entirely with natural language via powered by Three.js + React. You can now create a basic scene and transform it into a work of art using Stability AI’s Structure Model. Try it out yourself 👇

Continuing to enhance my web-based 3D editor built entirely with natural language via powered by Three.js + React. You can now create a basic scene and transform it into a work of art using Stability AI’s Structure Model. Try it out yourself 👇

Ian Curtis

65,302 views • 1 year ago

building with Claude and Three.js to visualize wind in 3d is fun

building with Claude and Three.js to visualize wind in 3d is fun

Blaze

91,492 views • 4 months ago