Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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 Aufrufe • vor 4 Monaten •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche 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 Aufrufe • vor 4 Monaten

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 Aufrufe • vor 4 Monaten

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 Aufrufe • vor 4 Monaten

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 Aufrufe • vor 6 Monaten

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 Aufrufe • vor 3 Monaten

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 Aufrufe • vor 1 Monat

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 Aufrufe • vor 6 Monaten

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 Aufrufe • vor 2 Monaten

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 Aufrufe • vor 1 Jahr

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,335 Aufrufe • vor 21 Tagen

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,425 Aufrufe • vor 5 Monaten

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 Aufrufe • vor 19 Tagen

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 Aufrufe • vor 4 Monaten

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 Aufrufe • vor 10 Monaten

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 11 Monaten

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 11 Monaten

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👑

163,974 Aufrufe • vor 12 Tagen

What if anatomy explorers felt alive? This 3D dog, including the skeleton, organs and rig, was generated with ai and reacts to the cursor in real time with head tracking and tail movement. - Used GPT Images 2 for consistency - Omma for 3D generation and code using Three.js Lmk if you’d like to try it!
0:14

What if anatomy explorers felt alive? This 3D dog, including the skeleton, organs and rig, was generated with ai and reacts to the cursor in real time with head tracking and tail movement. - Used GPT Images 2 for consistency - Omma for 3D generation and code using Three.js Lmk if you’d like to try it!

Gábor Pribék

202,753 Aufrufe • vor 27 Tagen