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

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

На главную

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

thebuggeddev's profile picture

The Bugged Dev

3,999 subscribers

18,135 просмотров • 2 месяцев назад •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

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

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

Inspired by Omma's project, vibe coded a generative voxel planet website using Three.js in Google AI Studio with Gemini 3.1 pro. Freakinn craziest thing is, this is PURE MATH. No 3D model and each planet renders 25,000 voxels cubes in fraction of second. Trying to build something like this manually would be an absolute nightmare for me 🫠 Live: Code:
0:36

Inspired by Omma's project, vibe coded a generative voxel planet website using Three.js in Google AI Studio with Gemini 3.1 pro. Freakinn craziest thing is, this is PURE MATH. No 3D model and each planet renders 25,000 voxels cubes in fraction of second. Trying to build something like this manually would be an absolute nightmare for me 🫠 Live: Code:

The Bugged Dev

46,944 просмотров • 3 месяцев назад

Okay this one’s been living in my head for a while… finally built it ❤️‍🔥 A fully vibe coded interactive planet explorer. No blender models, just pure geometry, pure math, using Three.js with frustum, culling Logic, raycasting, spring physics, and more. Built using Gemini 3.1 Pro in Google AI Studio as always :D Live:
0:56

Okay this one’s been living in my head for a while… finally built it ❤️‍🔥 A fully vibe coded interactive planet explorer. No blender models, just pure geometry, pure math, using Three.js with frustum, culling Logic, raycasting, spring physics, and more. Built using Gemini 3.1 Pro in Google AI Studio as always :D Live:

The Bugged Dev

44,048 просмотров • 2 месяцев назад

Really proud of what I was able to achieve developing 3D cell nuclei with custom geometry shaders using Three.js for a cancer care platform, all built with Google Gemini 3 Pro AI 💜 Had to approach the project twice, but had a lot of fun doing it :) Live:
0:30

Really proud of what I was able to achieve developing 3D cell nuclei with custom geometry shaders using Three.js for a cancer care platform, all built with Google Gemini 3 Pro AI 💜 Had to approach the project twice, but had a lot of fun doing it :) Live:

The Bugged Dev

19,420 просмотров • 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

161,707 просмотров • 5 месяцев назад

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 месяцев назад

Gemini 3 Pro in Google Search can help you quickly visualize complex topics, right in AI Mode. When you select “Thinking with 3 Pro” from the model drop-down menu in AI Mode, Gemini 3 will build a custom response to your question with visual elements so you can quickly get a richer and more helpful understanding of any topic. See it in action ⬇️
0:41

Gemini 3 Pro in Google Search can help you quickly visualize complex topics, right in AI Mode. When you select “Thinking with 3 Pro” from the model drop-down menu in AI Mode, Gemini 3 will build a custom response to your question with visual elements so you can quickly get a richer and more helpful understanding of any topic. See it in action ⬇️

Google

184,031 просмотров • 5 месяцев назад

Learn how to ✨vibe-code✨ your own apps with Gemini and Cursor in Google AI Studio with Ammaar Reshi.
10:18

Learn how to ✨vibe-code✨ your own apps with Gemini and Cursor in Google AI Studio with Ammaar Reshi.

Google AI Developers

36,949 просмотров • 1 год назад

From a single voice prompt to a deployed, real-time AI app in minutes. Watch Thor demonstrate the power of Google AI Studio: 1️⃣ Builds a multilingual interview simulator using Gemini 3.1 Flash Live. 2️⃣ Deploy it instantly to the web via Google Cloud Run. 3️⃣ Remixes it into a customer support agent with PDF knowledge docs. Ready to start your vibe coding journey? Build, remix, and check out the gallery at
1:13

From a single voice prompt to a deployed, real-time AI app in minutes. Watch Thor demonstrate the power of Google AI Studio: 1️⃣ Builds a multilingual interview simulator using Gemini 3.1 Flash Live. 2️⃣ Deploy it instantly to the web via Google Cloud Run. 3️⃣ Remixes it into a customer support agent with PDF knowledge docs. Ready to start your vibe coding journey? Build, remix, and check out the gallery at

Google for Developers

10,642 просмотров • 27 дней назад

🎹 Build a music learning app with a single prompt using Gemini 2.5 Pro in Google AI Studio →
1:05

🎹 Build a music learning app with a single prompt using Gemini 2.5 Pro in Google AI Studio →

Google AI Developers

65,632 просмотров • 1 год назад

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

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

82,856 просмотров • 1 год назад

Introducing Gemini 3 ✨ It’s the best model in the world for multimodal understanding, and our most powerful agentic + vibe coding model yet. Gemini 3 can bring any idea to life, quickly grasping context and intent so you can get what you need with less prompting. Find Gemini 3 Pro rolling out today in the Google Gemini and AI Mode in Search. For developers, build with it now in Google AI Studio and Vertex AI. Excited for you to try it!
0:51

Introducing Gemini 3 ✨ It’s the best model in the world for multimodal understanding, and our most powerful agentic + vibe coding model yet. Gemini 3 can bring any idea to life, quickly grasping context and intent so you can get what you need with less prompting. Find Gemini 3 Pro rolling out today in the Google Gemini and AI Mode in Search. For developers, build with it now in Google AI Studio and Vertex AI. Excited for you to try it!

Sundar Pichai

2,949,376 просмотров • 7 месяцев назад

So Google has just released the best model in the world?! Gemini 3.1 Pro is already available in: → Gemini App → Antigravity → Google AI Studio And it has insane capabilities when it comes to complex tasks and coding! (Roughly 2x cheaper than Opus 4.6 btw)
0:25

So Google has just released the best model in the world?! Gemini 3.1 Pro is already available in: → Gemini App → Antigravity → Google AI Studio And it has insane capabilities when it comes to complex tasks and coding! (Roughly 2x cheaper than Opus 4.6 btw)

Paul Couvert

39,652 просмотров • 4 месяцев назад

At this point, I’m so deep into vibe coding that I ended up building a cyberpunk 3D Rubik’s Cube game with multiple skins and a 3D AI assistant to help you solve the cube 😎 It’s built using Three.js with matrix mathematics, GLSL shaders, raycasting, and a hybrid shadow system, all developed in Google AI Studio using Gemini 3 Pro. With features, - Automatically rotating Rubik’s Cube in the hero section that continuously solves unsolve itself infinitely - Ability to switch between different themes - Interactive gameplay with drag and drop axis rotations - Keyboard controls for cube movements - 3D AI assistance to help you solve the cube when you get stuck - Built in timer with a stylish completion ticket that confirms when the cube is solved - smooth animations using GSAP Go rubik yourself :) Live: Code:
0:46

At this point, I’m so deep into vibe coding that I ended up building a cyberpunk 3D Rubik’s Cube game with multiple skins and a 3D AI assistant to help you solve the cube 😎 It’s built using Three.js with matrix mathematics, GLSL shaders, raycasting, and a hybrid shadow system, all developed in Google AI Studio using Gemini 3 Pro. With features, - Automatically rotating Rubik’s Cube in the hero section that continuously solves unsolve itself infinitely - Ability to switch between different themes - Interactive gameplay with drag and drop axis rotations - Keyboard controls for cube movements - 3D AI assistance to help you solve the cube when you get stuck - Built in timer with a stylish completion ticket that confirms when the cube is solved - smooth animations using GSAP Go rubik yourself :) Live: Code:

The Bugged Dev

14,856 просмотров • 5 месяцев назад

If you think a website can’t be vibe coded from just a design reference image, you’re seriously underestimating what’s possible 🥶 I’ve been building a lot of websites this way lately, and this is one of them. Vibe coded a MindInventory’s design using Gemini inside Google AI Studio in under 1 hour 🔥
0:22

If you think a website can’t be vibe coded from just a design reference image, you’re seriously underestimating what’s possible 🥶 I’ve been building a lot of websites this way lately, and this is one of them. Vibe coded a MindInventory’s design using Gemini inside Google AI Studio in under 1 hour 🔥

The Bugged Dev

12,230 просмотров • 1 месяц назад

Here it is. We're making it super easy for anyone to build AI powered apps in Google AI Studio. 🚀 In the tutorial below, go from idea to live restaurant recommender app, with Gemini and Google Maps Grounding in under 60 seconds. Excited to see what you build! 👇
2:19

Here it is. We're making it super easy for anyone to build AI powered apps in Google AI Studio. 🚀 In the tutorial below, go from idea to live restaurant recommender app, with Gemini and Google Maps Grounding in under 60 seconds. Excited to see what you build! 👇

Ammaar Reshi

56,064 просмотров • 8 месяцев назад

⚡️ Execute sophisticated multi-step workflows and manage complex tasks with Gemini 3.1 Pro → Start building with the model via the Gemini API in Google AI Studio, @GeminiCLI, Google @Antigravity, and Android Studio.
1:06

⚡️ Execute sophisticated multi-step workflows and manage complex tasks with Gemini 3.1 Pro → Start building with the model via the Gemini API in Google AI Studio, @GeminiCLI, Google @Antigravity, and Android Studio.

Google for Developers

15,957 просмотров • 4 месяцев назад

Perfect background music for flow state at 2am - made with the new Lyria 3 Pro. Google AI subscribers can try it in the Google Gemini and developers can build with the API in Google AI Studio - have fun!!
1:00

Perfect background music for flow state at 2am - made with the new Lyria 3 Pro. Google AI subscribers can try it in the Google Gemini and developers can build with the API in Google AI Studio - have fun!!

Demis Hassabis

158,018 просмотров • 3 месяцев назад