Загрузка видео...

Не удалось загрузить видео

На главную

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. ↓

GoogleDeepMind's profile picture

Google DeepMind

1,434,561 subscribers

82,856 просмотров • 1 год назад •via X (Twitter)

ИскусствоНаука и технологииОбразование
LIVE

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:
0:20

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:
0:23

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,734 просмотров • 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
2:26

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:
7:45

"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!
8:23

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:
0:22

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 просмотров • 5 месяцев назад

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:
0:22

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,931 просмотров • 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:
0:32

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.
0:40

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,968 просмотров • 1 год назад

Gemini 3.5 Flash can process complex visual data and translate it into functional, interactive code. Watch Gemini analyze lighting from a reference image, and build an interactive 3D visualizer to preview the setup.
0:32

Gemini 3.5 Flash can process complex visual data and translate it into functional, interactive code. Watch Gemini analyze lighting from a reference image, and build an interactive 3D visualizer to preview the setup.

Google Gemini

749,108 просмотров • 8 дней назад

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
0:35

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. 💻 ↓
1:08

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,058,086 просмотров • 1 год назад

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).
0:06

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.
1:42

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 🧵👇
0:50

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?
0:49

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. 👇🔊
0:29

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

Techartist

1,476,138 просмотров • 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 ↓
0:30

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,889,501 просмотров • 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:
0:26

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,250 просмотров • 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."
0:21

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 год назад