Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

Inspired by Omma AI'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...

thebuggeddev's profile picture

The Bugged Dev

7,243 subscribers

47,251 Aufrufe • vor 4 Monaten •via X (Twitter)

BildungWissenschaft & Technologie
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

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

This is PURE MATH!! Built fully with Three.js and completely vibe coded using Gemini 3.1 Pro in Google AI Studio. This is what AI can do right now. I have been vibe coding a lot of websites lately and every day these models go beyond what I thought was possible 🤯 Still in awe. Expect more voxel 3D drops coming to my feed :) Remix:
0:32

This is PURE MATH!! Built fully with Three.js and completely vibe coded using Gemini 3.1 Pro in Google AI Studio. This is what AI can do right now. I have been vibe coding a lot of websites lately and every day these models go beyond what I thought was possible 🤯 Still in awe. Expect more voxel 3D drops coming to my feed :) Remix:

The Bugged Dev

29,928 Aufrufe • vor 3 Monaten

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

46,267 Aufrufe • vor 3 Monaten

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

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

173,359 Aufrufe • vor 6 Monaten

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

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

Jeeezz, I just vibe coded a fully interactive 3D solar system explorer using Three.js and GSAP in Google AI Studio with Gemini 3.1 Pro. Still can't believe it. It uses advanced threejs strategies like Hybird DOM, WebGL Masking, cinematic camera, Fresnel effect and such. Building stuff like this genuinely feels like joy. Smooth, immersive, and ridiculously fun to create using AI ♥️ It's inspired from Jamie Coulter original CSS solar explorer codepen :) Live: Code:
0:32

Jeeezz, I just vibe coded a fully interactive 3D solar system explorer using Three.js and GSAP in Google AI Studio with Gemini 3.1 Pro. Still can't believe it. It uses advanced threejs strategies like Hybird DOM, WebGL Masking, cinematic camera, Fresnel effect and such. Building stuff like this genuinely feels like joy. Smooth, immersive, and ridiculously fun to create using AI ♥️ It's inspired from Jamie Coulter original CSS solar explorer codepen :) Live: Code:

The Bugged Dev

46,011 Aufrufe • vor 3 Monaten

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

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

Back to vibe coding after such a looong time 🫠 Anyway, here’s a fully built Skills Shack (shook) website with cooool SVG animations using GSAP. Zero assets used. No videos. No PNGs. No GIFs. No BIFs 👀 Everything is AI-generated using Gemini 3 Pro in Google AI Studio :D Live:
0:32

Back to vibe coding after such a looong time 🫠 Anyway, here’s a fully built Skills Shack (shook) website with cooool SVG animations using GSAP. Zero assets used. No videos. No PNGs. No GIFs. No BIFs 👀 Everything is AI-generated using Gemini 3 Pro in Google AI Studio :D Live:

The Bugged Dev

16,830 Aufrufe • vor 5 Monaten

Casually vibe coded Trevor Noah's latest website "Books" page using Fable 5 😍 I really loved the effects and animations on the website and immediately wanted to see if I could recreate them with AI. Pretty close in just a couple of prompts, isn't it? Everything is built in Three.js with no 3D assets for the books. Claude built the whole thing using pure math and animated it nicely with GSAP. Feels so realistic and close to real book. Pretty fun to see how close you can get to the kind of work agencies charge thousands of dollars for, just by describing what you want :D Live: Code:
0:23

Casually vibe coded Trevor Noah's latest website "Books" page using Fable 5 😍 I really loved the effects and animations on the website and immediately wanted to see if I could recreate them with AI. Pretty close in just a couple of prompts, isn't it? Everything is built in Three.js with no 3D assets for the books. Claude built the whole thing using pure math and animated it nicely with GSAP. Feels so realistic and close to real book. Pretty fun to see how close you can get to the kind of work agencies charge thousands of dollars for, just by describing what you want :D Live: Code:

The Bugged Dev

218,330 Aufrufe • vor 5 Tagen

Just added Google Gemini 3.1 Pro to Base44 Gemini 3.1 Pro is really good for gaming and design workflows, and it's fast. If that's what you're building, this is your model. + we're adding something a lot of you were asking for - you can now pick your AI model from the very first prompt. No more starting with a default and switching halfway through. Checkout this Pokemon game I built with the new model, and let me know what you're building
1:11

Just added Google Gemini 3.1 Pro to Base44 Gemini 3.1 Pro is really good for gaming and design workflows, and it's fast. If that's what you're building, this is your model. + we're adding something a lot of you were asking for - you can now pick your AI model from the very first prompt. No more starting with a default and switching halfway through. Checkout this Pokemon game I built with the new model, and let me know what you're building

Maor Shlomo

23,662 Aufrufe • vor 5 Monaten

Built this in 2 hours … lol 🫣 You can load your 3D architecture model, drop it anywhere on Google Maps, and render it at real locations…from any perspective you want. Day and night. All browser-based. Shoutout to Google AI Studio and Logan Kilpatrick Gemini 3.1 pro Preview is finally back on track after 3 rough weeks 🦾 Totally worth the wait though. My clients are gonna love this one. And I’m only 2 hours into the project. Wild Google Gemini Three.js Elon Musk Google Maps el.cine Kris Kashtanova
1:11

Built this in 2 hours … lol 🫣 You can load your 3D architecture model, drop it anywhere on Google Maps, and render it at real locations…from any perspective you want. Day and night. All browser-based. Shoutout to Google AI Studio and Logan Kilpatrick Gemini 3.1 pro Preview is finally back on track after 3 rough weeks 🦾 Totally worth the wait though. My clients are gonna love this one. And I’m only 2 hours into the project. Wild Google Gemini Three.js Elon Musk Google Maps el.cine Kris Kashtanova

Miles Dyson

94,339 Aufrufe • vor 4 Monaten

I vibe-coded this yesterday with Gemini-3.0-Pro with an extremely low-effort prompt (~200 words, with no punctuation) spread over two turns. The second turn was only because I forgot to add something. Congratulations to Google DeepMind on this incredible model release! To top it off Google AI Studio makes creating and sharing apps as easy as a google doc. I also one-click deployed this app without knowing anything about Google Cloud's CloudRun feature. This should truly democratize software building. Play with 🔈 on.
3:11

I vibe-coded this yesterday with Gemini-3.0-Pro with an extremely low-effort prompt (~200 words, with no punctuation) spread over two turns. The second turn was only because I forgot to add something. Congratulations to Google DeepMind on this incredible model release! To top it off Google AI Studio makes creating and sharing apps as easy as a google doc. I also one-click deployed this app without knowing anything about Google Cloud's CloudRun feature. This should truly democratize software building. Play with 🔈 on.

Delip Rao e/σ

50,799 Aufrufe • vor 8 Monaten

For anyone who believes AI cannot build multi page complex applications, here is my proof. A fully functional 20 page dashboard created with Gemini 3.1 Pro inside Google AI Studio 🔥 It did not take a day or even half a day. It took me less than an hour to complete it in 17 total iterations. The UI design is inspired by Salung Prastyo and the rest pages were generated entirely by Gemini following same design system. More features coming soon 🔜
1:05

For anyone who believes AI cannot build multi page complex applications, here is my proof. A fully functional 20 page dashboard created with Gemini 3.1 Pro inside Google AI Studio 🔥 It did not take a day or even half a day. It took me less than an hour to complete it in 17 total iterations. The UI design is inspired by Salung Prastyo and the rest pages were generated entirely by Gemini following same design system. More features coming soon 🔜

The Bugged Dev

167,353 Aufrufe • vor 5 Monaten

Further tinkering with my little French tutor app. This version is using the Gemini Multimodal Live API. The speech understanding in Gemini is quite something. In this video you can see Gemini correcting my pronunciation. (Very patiently.) The language tutor use case really highlights the strengths of a next-generation speech model like Gemini. This is 90 lines of Pipecat AI code, and uses WebRTC for super low-latency, super reliable network transport.
1:09

Further tinkering with my little French tutor app. This version is using the Gemini Multimodal Live API. The speech understanding in Gemini is quite something. In this video you can see Gemini correcting my pronunciation. (Very patiently.) The language tutor use case really highlights the strengths of a next-generation speech model like Gemini. This is 90 lines of Pipecat AI code, and uses WebRTC for super low-latency, super reliable network transport.

kwindla

13,005 Aufrufe • vor 1 Jahr

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

15,434 Aufrufe • vor 6 Monaten

Day ♾ of making things no one asked for I built a virtual keep-ups game, so that I can be bad at football from the comfort of my own home 🫥 Vibe coded in one morning with Three.js, Google Gemini App 2.5 Pro, and the MediaPipe body pose tracking model Let me know if you also want to experience this struggle, and I'll publish it online ⚽️
0:26

Day ♾ of making things no one asked for I built a virtual keep-ups game, so that I can be bad at football from the comfort of my own home 🫥 Vibe coded in one morning with Three.js, Google Gemini App 2.5 Pro, and the MediaPipe body pose tracking model Let me know if you also want to experience this struggle, and I'll publish it online ⚽️

AA

16,934 Aufrufe • vor 1 Jahr