正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

Watch Gemini 2.5 Pro vibe-code a 3D cake visualizer 🎂 Using Three.js, it builds custom animations, UI controls, updates the visuals based on feedback - and even gives price estimates. ↓

Google DeepMind

1,434,561 subscribers

82,856 次观看 • 1 年前 •via X (Twitter)

艺术科学技术教育

Anya Rossi• Live Now

Private livecam show

9 条评论

Three.js 的头像

Three.js1 年前

@mrdoob 🎂😋

AshutoshShrivastava 的头像

AshutoshShrivastava1 年前

This is really cool.

Gwri Pennar 的头像

Gwri Pennar1 年前

I was able to replicate this on Gemini Advanced, just signed up today. It's really impressive.

AI Pro Workflow 的头像

AI Pro Workflow1 年前

Wild to think: what used to take a full dev + design sprint can now happen in conversation. Gemini 2.5 + Three.js = rapid prototyping on steroids. Imagine automating custom product builders across ecom with this. #Ecommerce

Jo 的头像

Jo1 年前

can the 3d models it make in threejs be converted to stl and 3d printed?

Warden 的头像

Warden1 年前

Now imagine this plugged into e-commerce. Instant custom orders.

Apollo 的头像

Apollo1 年前

somewhere out there, a bakery intern just whispered "i am not surviving the AGI timeline" . i guess Prompt Chef is now a thing?

Salimine Ahmed 的头像

Salimine Ahmed1 年前

When Gemini 2.5 Ultra 👀

DataInsta 的头像

DataInsta1 年前

wow, technology really makes our baking dreams a reality!

相关视频

One Prompt. One Iteration. That’s all it took to vibe code this super sleek 3D orbital gallery using Three.js with Gemini 3.1 Pro in Google AI Studio. Period. Live: Code:

One Prompt. One Iteration. That’s all it took to vibe code this super sleek 3D orbital gallery using Three.js with Gemini 3.1 Pro in Google AI Studio. Period. Live: Code:

The Bugged Dev

45,706 次观看 • 2 个月前

Might not be a bad idea for a barbershop website, huh? :D Vibe coded a paper-fold image effect and 3D point-cloud text geometry using custom GLSL shaders in Three.js with Gemini 3 Pro AI all in Google AI Studio. It was soo soo fun!! Live: Code:

Might not be a bad idea for a barbershop website, huh? :D Vibe coded a paper-fold image effect and 3D point-cloud text geometry using custom GLSL shaders in Three.js with Gemini 3 Pro AI all in Google AI Studio. It was soo soo fun!! Live: Code:

The Bugged Dev

20,631 次观看 • 4 个月前

Gemini 2.5 Pro (I/O edition) is amazing at coding UI ✨ I vibe coded a dictation app that: - Structures rambling voice notes - Removes "ums" and fillers - Automatically formats lists All animations and polish from one screenshot! Demo + code below

Gemini 2.5 Pro (I/O edition) is amazing at coding UI ✨ I vibe coded a dictation app that: - Structures rambling voice notes - Removes "ums" and fillers - Automatically formats lists All animations and polish from one screenshot! Demo + code below

Ammaar Reshi

136,954 次观看 • 1 年前

"Gemini 2.5 Pro builds a React Movie app with auth in under 8 mins" My demo using Gemini and Cline:

"Gemini 2.5 Pro builds a React Movie app with auth in under 8 mins" My demo using Gemini and Cline:

Addy Osmani

125,522 次观看 • 1 年前

The pace at which Gemini 2.5 Pro is improving in code is wild! I generally leaned towards using Claude for code, but now I rely more on Gemini 2.5 Pro. It's just that good! Watch me use Gemini-2.5-Pro-05-06 to go from a YT video to an interactive slide deck app in minutes!

The pace at which Gemini 2.5 Pro is improving in code is wild! I generally leaned towards using Claude for code, but now I rely more on Gemini 2.5 Pro. It's just that good! Watch me use Gemini-2.5-Pro-05-06 to go from a YT video to an interactive slide deck app in minutes!

elvis

81,882 次观看 • 1 年前

Vibe coded something new today 😉 It’s a 3D Solana AI protocol website built using Gemini 3 Pro in Google AI Studio. All the Three.js models you see on the site have been built from scratch by AI using different geometries, PBR, Linear Interpolation, Lightformers (IBL), Shadows and more :D Live: Code:

Vibe coded something new today 😉 It’s a 3D Solana AI protocol website built using Gemini 3 Pro in Google AI Studio. All the Three.js models you see on the site have been built from scratch by AI using different geometries, PBR, Linear Interpolation, Lightformers (IBL), Shadows and more :D Live: Code:

The Bugged Dev

21,128 次观看 • 4 个月前

Holy moly, I finally vibe coded a website I’ve always dreamt of building 🥹 Nah, it’s not a Blender model. Not even for 3D podium. It’s pure geometry built using Three.js with color maps (albedo), spring-based physics, a hybrid DOM, real-time planar reflections, and more. Completely vibe coded all using Gemini 3 Pro in Google AI Studio!! Live:

Holy moly, I finally vibe coded a website I’ve always dreamt of building 🥹 Nah, it’s not a Blender model. Not even for 3D podium. It’s pure geometry built using Three.js with color maps (albedo), spring-based physics, a hybrid DOM, real-time planar reflections, and more. Completely vibe coded all using Gemini 3 Pro in Google AI Studio!! Live:

The Bugged Dev

160,001 次观看 • 4 个月前

AI can't build complex websites, they said. So I vibe coded a hyper realistic 3D tunnel gallery using Three.js with Gemini 3.1 pro in Google AI Studio in < 1 hour. It runs on Catmull Rom splines with a treadmill style sliding geometry, custom fragment shaders with depth based fog, and tight optimizations like texture disposal, disabled frustum checks, and capped DPR to keep it smooth even on long infinite scrolls. All of this is seriously hard to learn and build manually, but AI pulls it together so well! Live: Code:

AI can't build complex websites, they said. So I vibe coded a hyper realistic 3D tunnel gallery using Three.js with Gemini 3.1 pro in Google AI Studio in < 1 hour. It runs on Catmull Rom splines with a treadmill style sliding geometry, custom fragment shaders with depth based fog, and tight optimizations like texture disposal, disabled frustum checks, and capped DPR to keep it smooth even on long infinite scrolls. All of this is seriously hard to learn and build manually, but AI pulls it together so well! Live: Code:

The Bugged Dev

18,135 次观看 • 2 个月前

The easiest way to build an MCP Server using Google DeepMind Gemini 2.5 Pro and get started! 1. Use Gitingest to get all the code and docs from the FastMCP repo 2. Download the code into a txt file 3. Go to AI Studio, upload the file, define what kind of MCP Server you want to build 4. Gemini 2.5 Pro builds it for you.

The easiest way to build an MCP Server using Google DeepMind Gemini 2.5 Pro and get started! 1. Use Gitingest to get all the code and docs from the FastMCP repo 2. Download the code into a txt file 3. Go to AI Studio, upload the file, define what kind of MCP Server you want to build 4. Gemini 2.5 Pro builds it for you.

Philipp Schmid

75,947 次观看 • 1 年前

Wow Gemini 2.5 Pro has received a big update This new model generated a full 3D city simulation in a single prompt 🔥 Its code and UI generation capabilities are impressive. You can already use it for free

Wow Gemini 2.5 Pro has received a big update This new model generated a full 3D city simulation in a single prompt 🔥 Its code and UI generation capabilities are impressive. You can already use it for free

Paul Couvert

93,630 次观看 • 1 年前

Here's how Gemini 2.5 Flash-Lite writes the code for a UI and its contents based solely on the context of what appears in the previous screen - all in the time it takes to click a button. 💻 ↓

Here's how Gemini 2.5 Flash-Lite writes the code for a UI and its contents based solely on the context of what appears in the previous screen - all in the time it takes to click a button. 💻 ↓

Google DeepMind

1,057,776 次观看 • 11 个月前

This is the progression of a "3D Flappy Bird" game I made using Gemini 2.5 Pro and Sonnet 3.7. Wrote 0 lines of code and have 0 experience with games or graphics. Vibe-coded over 1 hour with a tool that integrates with vanilla VS Code (no special editor or proprietary fork).

This is the progression of a "3D Flappy Bird" game I made using Gemini 2.5 Pro and Sonnet 3.7. Wrote 0 lines of code and have 0 experience with games or graphics. Vibe-coded over 1 hour with a tool that integrates with vanilla VS Code (no special editor or proprietary fork).

Beyang

17,323 次观看 • 1 年前

You can team Gemini 2.5 Pro with OpenAI's o3 model to build beautiful SwiftUI animations. This example prompts Gemini 2.5 Pro to watch an mp4 video of a recorded animation and generate a SwiftUI version. Gemini 2.5 Pro isn't great at fixing SwiftUI errors, so we bring o3 to fix all errors using ChatGPT Chat Bar. I will share the gist in a comment.

You can team Gemini 2.5 Pro with OpenAI's o3 model to build beautiful SwiftUI animations. This example prompts Gemini 2.5 Pro to watch an mp4 video of a recorded animation and generate a SwiftUI version. Gemini 2.5 Pro isn't great at fixing SwiftUI errors, so we bring o3 to fix all errors using ChatGPT Chat Bar. I will share the gist in a comment.

Amos Gyamfi

18,408 次观看 • 1 年前

Liked this Three.js demo? The good news: it was built using Google Gemini 2.5 Pro - no coding skills required. The catch? A base code (mine, but different) was used to guide the initial setup. Let’s walk through the process. A thread 🧵👇

Liked this Three.js demo? The good news: it was built using Google Gemini 2.5 Pro - no coding skills required. The catch? A base code (mine, but different) was used to guide the initial setup. Let’s walk through the process. A thread 🧵👇

Puneet | Techartist

50,934 次观看 • 1 年前

Vibe coding a web-based MMORPG w/ Three.js updates: 🎒 Basic inventory 🧙‍♂️ Item equipping 🧌 Enemy combat logic 💔 Damage UI The wizard staff was generated with Google Gemini + TRELLIS like the characters. Need to work on the clipping issues with the terrain, anyone have tips?

Vibe coding a web-based MMORPG w/ Three.js updates: 🎒 Basic inventory 🧙‍♂️ Item equipping 🧌 Enemy combat logic 💔 Damage UI The wizard staff was generated with Google Gemini + TRELLIS like the characters. Need to work on the clipping issues with the terrain, anyone have tips?

Majid Manzarpour

46,507 次观看 • 1 年前

Coded with Grok 4 - An interactive 3D visualizer with real-time audio reactivity, built using Three.js. Demo/code in reply. 👇🔊

Coded with Grok 4 - An interactive 3D visualizer with real-time audio reactivity, built using Three.js. Demo/code in reply. 👇🔊

Techartist

1,475,993 次观看 • 9 个月前

Vibe coded a ship selection UI for a space exploration game 3D assets Nano Banana + Midjourney → Hunyuan3D UI Nano Banana → Gemini Pro More details ↓

Vibe coded a ship selection UI for a space exploration game 3D assets Nano Banana + Midjourney → Hunyuan3D UI Nano Banana → Gemini Pro More details ↓

Dilum Sanjaya

1,887,536 次观看 • 4 个月前

Can't believe it. Can't believe AI. I just vibe coded a diary with realistic page flip GSAP animations entirely using Gemini 3.1 Pro in Google AI Studio. And yeah… it’s fully responsive too. At this point what even is “development” anymore?? Live: Code:

Can't believe it. Can't believe AI. I just vibe coded a diary with realistic page flip GSAP animations entirely using Gemini 3.1 Pro in Google AI Studio. And yeah… it’s fully responsive too. At this point what even is “development” anymore?? Live: Code:

The Bugged Dev

54,139 次观看 • 1 个月前

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,394 次观看 • 1 年前

Making Games with AI Tools, Part 3 Vibe coded another layout for the game UI Nano Banana: character design + UI Tencent Hunyuan3D: image to 3D Gemini Pro: UI

Making Games with AI Tools, Part 3 Vibe coded another layout for the game UI Nano Banana: character design + UI Tencent Hunyuan3D: image to 3D Gemini Pro: UI

Dilum Sanjaya

50,904 次观看 • 4 个月前