Loading video...

Video Failed to Load

Go Home

Vibe coded an infinite 3D tunnel scroll using Three.js with object pooling and GSAP animations, all created with Google Gemini 3 Pro AI in under 30 minutes :D It’s a fully procedural, mathematically generated world that renders endlessly as you scroll up and down without eating your device memory...

thebuggeddev's profile picture

The Bugged Dev

4,457 subscribers

95,736 views • 4 months ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Ah yeah, just me trying to vibe code something new every day :D That 3D Rubik’s Cube you see there is built from scratch (custom math-based physics engine) using Three.js with GSAP animations and totally vibe coded in Google AI Studio using Gemini 3 Pro AI. Live: Code:
0:18

Ah yeah, just me trying to vibe code something new every day :D That 3D Rubik’s Cube you see there is built from scratch (custom math-based physics engine) using Three.js with GSAP animations and totally vibe coded in Google AI Studio using Gemini 3 Pro AI. Live: Code:

The Bugged Dev

71,493 views • 4 months ago

Nah no, this is not a pre-made or baked Blender model. It is created entirely from scratch using extruded geometry and procedural textures for the mustard hatching pattern on the model... all done with Google Gemini 3 pro AI. In fact, every Three.js 3D model you see on this website has been vibe coded with AI 😎 Live: Code:
0:13

Nah no, this is not a pre-made or baked Blender model. It is created entirely from scratch using extruded geometry and procedural textures for the mustard hatching pattern on the model... all done with Google Gemini 3 pro AI. In fact, every Three.js 3D model you see on this website has been vibe coded with AI 😎 Live: Code:

The Bugged Dev

54,294 views • 4 months ago

A 3D visualization of Energy in Chaos coded with Google Gemini 3 Pro Preview using Three.js
0:13

A 3D visualization of Energy in Chaos coded with Google Gemini 3 Pro Preview using Three.js

Techartist

171,933 views • 6 months ago

Wrapping up my day by building a new biotech research lab website using Google Gemini 3 pro AI with immersive Three.js scenes shaders and more :D Live:
0:19

Wrapping up my day by building a new biotech research lab website using Google Gemini 3 pro AI with immersive Three.js scenes shaders and more :D Live:

The Bugged Dev

46,907 views • 5 months ago

The Google AI Professional Certificate is live on Coursera and it’s free! So excited to be teaching in this. With Gemini 3.1 Pro, I’ll show you how to vibe code apps + use AI to give you a massive edge at work. And you get 3 free months of Google AI Pro. See you in class! :)
0:19

The Google AI Professional Certificate is live on Coursera and it’s free! So excited to be teaching in this. With Gemini 3.1 Pro, I’ll show you how to vibe code apps + use AI to give you a massive edge at work. And you get 3 free months of Google AI Pro. See you in class! :)

Ammaar Reshi

161,985 views • 3 months ago

THIS IS ONE SHOTTED. ONE PROMPT. ONE RESULT. ☠️ Never ever imagined creating such slick 3D effects with Three.js would be this simple. I vibe coded with the latest Gemini Pro in Google AI Studio, and it’s honestly impressive how far these Gemini models have come in handling 3D. It feels like no other AI models come close to producing results like this :) Live: Code:
0:14

THIS IS ONE SHOTTED. ONE PROMPT. ONE RESULT. ☠️ Never ever imagined creating such slick 3D effects with Three.js would be this simple. I vibe coded with the latest Gemini Pro in Google AI Studio, and it’s honestly impressive how far these Gemini models have come in handling 3D. It feels like no other AI models come close to producing results like this :) Live: Code:

The Bugged Dev

19,564 views • 1 month ago

With the launch of Nano Banana Pro, we're also rolling out the ability for Gemini users to check whether an image was generated with or edited by Google AI using SynthID, our digital watermarking technology. Now you can upload any image into the Gemini app and ask "Is this AI-generated?" Gemini then scans the image for the imperceptible SynthID watermarks that are embedded into all Google AI-generated images - including those by Nano Banana Pro! Learn more about Google’s efforts to increase AI transparency:
0:16

With the launch of Nano Banana Pro, we're also rolling out the ability for Gemini users to check whether an image was generated with or edited by Google AI using SynthID, our digital watermarking technology. Now you can upload any image into the Gemini app and ask "Is this AI-generated?" Gemini then scans the image for the imperceptible SynthID watermarks that are embedded into all Google AI-generated images - including those by Nano Banana Pro! Learn more about Google’s efforts to increase AI transparency:

Google Gemini

190,382 views • 6 months ago

All Lyria 3 and Lyria 3 Pro outputs are embedded with SynthID, our imperceptible watermark for identifying Google AI-generated content. Simply upload a file and ask Gemini if it was generated using Google AI, and Gemini will check for SynthID.
0:17

All Lyria 3 and Lyria 3 Pro outputs are embedded with SynthID, our imperceptible watermark for identifying Google AI-generated content. Simply upload a file and ask Gemini if it was generated using Google AI, and Gemini will check for SynthID.

Google Gemini

24,518 views • 2 months ago

More coming soon ! I manage to integrate for the first time volumetric 3D video made with Kartel.ai inside the AI world generated in gaussian splatting by World Labs !! I coded all in three.js! And it's possible to integrate elements on the fly ;) And so you can imagine soon what we will produce with that en AI : consistency of character and environment, relighting etc...
0:14

More coming soon ! I manage to integrate for the first time volumetric 3D video made with Kartel.ai inside the AI world generated in gaussian splatting by World Labs !! I coded all in three.js! And it's possible to integrate elements on the fly ;) And so you can imagine soon what we will produce with that en AI : consistency of character and environment, relighting etc...

Lovis Odin

33,984 views • 1 year ago

Now you can use the Gemini app to see if a video was generated with Google AI. We’re building on our powerful content verification tool to help you more easily identify AI-generated content. You can upload an image or video and Gemini will check for the SynthID watermark to see if it was edited or created with Google AI.
0:18

Now you can use the Gemini app to see if a video was generated with Google AI. We’re building on our powerful content verification tool to help you more easily identify AI-generated content. You can upload an image or video and Gemini will check for the SynthID watermark to see if it was edited or created with Google AI.

Google Gemini

66,432 views • 5 months ago

AI meets 3D anatomy? I made a real-time interactive 3D cat that reacts to your cursor with head tracking and tail movement. The skeleton, organs and rig were generated with AI using Omma and rendered with Three.js. Curious if you would actually use something like this.
0:15

AI meets 3D anatomy? I made a real-time interactive 3D cat that reacts to your cursor with head tracking and tail movement. The skeleton, organs and rig were generated with AI using Omma and rendered with Three.js. Curious if you would actually use something like this.

Gábor Pribék

11,392 views • 23 days ago

Every site has a story to scroll 📖 With the new Scroll-Triggered Animations, you can transform your site into an immersive narrative that keeps your users engaged. Create beautiful time-based animations with zero JS, all natively in CSS. Break free from static UI and create your story in minutes. #GoogleIO
0:15

Every site has a story to scroll 📖 With the new Scroll-Triggered Animations, you can transform your site into an immersive narrative that keeps your users engaged. Create beautiful time-based animations with zero JS, all natively in CSS. Break free from static UI and create your story in minutes. #GoogleIO

Chrome for Developers

12,135 views • 21 days ago

With AI Overviews in Gmail, you can ask your inbox questions about the info you need without endlessly scrolling and searching. Talk about a real touchdown 🙌 Available to all Google AI Pro and Ultra subscribers today.
0:15

With AI Overviews in Gmail, you can ask your inbox questions about the info you need without endlessly scrolling and searching. Talk about a real touchdown 🙌 Available to all Google AI Pro and Ultra subscribers today.

Gmail

26,748 views • 4 months ago

Is football coming home? ⚽️ We’ve been using Veo 3 in Gemini to imagine what that would look like 👀 Have you tried turning your prompts into short films with Google AI Pro and Ultra?
0:20

Is football coming home? ⚽️ We’ve been using Veo 3 in Gemini to imagine what that would look like 👀 Have you tried turning your prompts into short films with Google AI Pro and Ultra?

Google UK

14,086,593 views • 10 months ago

Vibe coded this RPG game with Three.js this weekend. Took 10+ hours using sonnet 3.7. Graphics generated using stable diffusion. Optimized with grok and gpt 4.5. Zero code edit, just let AI cook. Details 👇
0:18

Vibe coded this RPG game with Three.js this weekend. Took 10+ hours using sonnet 3.7. Graphics generated using stable diffusion. Optimized with grok and gpt 4.5. Zero code edit, just let AI cook. Details 👇

Paul Li

19,439 views • 1 year ago

Veo 3 in the Google Gemini can turn your favorite photos into 8-second videos with sound. 🖼️ ➡️ 📹 It’s available now to Google AI Ultra and Pro subscribers. Learn more →
0:14

Veo 3 in the Google Gemini can turn your favorite photos into 8-second videos with sound. 🖼️ ➡️ 📹 It’s available now to Google AI Ultra and Pro subscribers. Learn more →

Google

153,012 views • 11 months ago

Relive the 90s with this starter app in Google AI Studio → Chat, browse, paint, and add your own apps to this retro desktop simulator coded with Gemini 2.5 Pro. Show us what you build with #Gemini95
0:15

Relive the 90s with this starter app in Google AI Studio → Chat, browse, paint, and add your own apps to this retro desktop simulator coded with Gemini 2.5 Pro. Show us what you build with #Gemini95

Google AI Developers

17,863 views • 1 year ago

FIGMA WHO? I built a cinematic landing page with Rocket in 2 prompts, in minutes. Neon accents, smooth scroll animations, and a video background. Fully responsive, interactive sections with no designer or code needed. Here’s the AI tool changing the game: 👇
0:18

FIGMA WHO? I built a cinematic landing page with Rocket in 2 prompts, in minutes. Neon accents, smooth scroll animations, and a video background. Fully responsive, interactive sections with no designer or code needed. Here’s the AI tool changing the game: 👇

Dhaval Makwana

59,575 views • 11 months ago

How i build with Claude👇 Three.js = 360 rotatable product zero plugin needed WebGL PointLight = UVC glow reacts to scroll position CSS scroll-snap = buttery infinite horizontal product scroll GSAP ScrollTrigger = product pins while copy scrolls alongside Lottie via lottie-web = After Effects animations play in browser Save this
0:10

How i build with Claude👇 Three.js = 360 rotatable product zero plugin needed WebGL PointLight = UVC glow reacts to scroll position CSS scroll-snap = buttery infinite horizontal product scroll GSAP ScrollTrigger = product pins while copy scrolls alongside Lottie via lottie-web = After Effects animations play in browser Save this

FHILY👑

164,641 views • 13 days ago

How I built with Claude 👇 1. Prompt: "Build a storytelling website where each scroll section reveals a new chapter with fluid color transitions" 2. Use Three.js for the painted texture background that reacts to cursor 3. Prompt: "Add GSAP ScrollTrigger so each section animates in as a cinematic scene" 4. Use Lenis.js for that buttery smooth scroll that premium sites have
0:14

How I built with Claude 👇 1. Prompt: "Build a storytelling website where each scroll section reveals a new chapter with fluid color transitions" 2. Use Three.js for the painted texture background that reacts to cursor 3. Prompt: "Add GSAP ScrollTrigger so each section animates in as a cinematic scene" 4. Use Lenis.js for that buttery smooth scroll that premium sites have

FHILY👑

268,909 views • 1 day ago