The Bugged Dev's banner
The Bugged Dev's profile picture

The Bugged Dev

@thebuggeddev • 14,044 subscribers

A Human Bugged by Bugs | Software Developer | Design Engineer | Building with AI | Learning Three.js 🥳

Shorts

Gemini 4 Argon, everyone!!! 🤯 It literally created a ridiculously realistic 3D fluffy pumpkin plushie without using Blender at all. In fact, it generated it as a procedural GLB model with 28 volumetric fur shells, 60,000 GPU-instanced 3D fur strands, and even real-time air-jet physics, all built with Three.js and GLSL. You can literally blow the fur around in real time. 💨 Totally nuts.

Gemini 4 Argon, everyone!!! 🤯 It literally created a ridiculously realistic 3D fluffy pumpkin plushie without using Blender at all. In fact, it generated it as a procedural GLB model with 28 volumetric fur shells, 60,000 GPU-instanced 3D fur strands, and even real-time air-jet physics, all built with Three.js and GLSL. You can literally blow the fur around in real time. 💨 Totally nuts.

47,485 просмотров

People still don't understand how good Codex has become 👀 I asked it to build this Starbucks website and within some 30 minutes it generated this without me touching a single line of code or spending time looking for assets either. Imagen generated every visual and GPT hooked everything into the codebase. After a couple of small tweaks it all just worked. It didn't even use half of my Codex session. It's super surprising to see quality of the assets. Was way better than I expected. That made me think about what AI is actually changing. Being a developer or a designer was never just about doing the work, writing code or designing it using some kind of tool. It was about knowing what to build in the first place. AI is getting incredibly good at the doing. The hard part is still having good ideas, making the right decisions, and knowing when something feels right. That is only getting more valuable. The people who win won't be the ones writing the most code. They'll be the ones with the best ideas who know how to turn them into reality with AI. Live: Code:

People still don't understand how good Codex has become 👀 I asked it to build this Starbucks website and within some 30 minutes it generated this without me touching a single line of code or spending time looking for assets either. Imagen generated every visual and GPT hooked everything into the codebase. After a couple of small tweaks it all just worked. It didn't even use half of my Codex session. It's super surprising to see quality of the assets. Was way better than I expected. That made me think about what AI is actually changing. Being a developer or a designer was never just about doing the work, writing code or designing it using some kind of tool. It was about knowing what to build in the first place. AI is getting incredibly good at the doing. The hard part is still having good ideas, making the right decisions, and knowing when something feels right. That is only getting more valuable. The people who win won't be the ones writing the most code. They'll be the ones with the best ideas who know how to turn them into reality with AI. Live: Code:

60,699 просмотров

Sorry marcel, just vibe coded your cleanest dashboard ever in < 30 minutes 😅 Remix:

Sorry marcel, just vibe coded your cleanest dashboard ever in < 30 minutes 😅 Remix:

79,901 просмотров

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 (that's what at least AI said 😆) Live: Code: now returning to the job that funds my ability to overwork myself :)

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 (that's what at least AI said 😆) Live: Code: now returning to the job that funds my ability to overwork myself :)

96,313 просмотров

OpenAI’s Sites feature is absolutely insane 🔥 I literally typed, “Build a content management website.” And some 10-15 minutes later, it had built it, configured it, managed git, and even deployed it without any errors or issues. P.S., This is mostly the UI with one round of design polishing, but adding the remaining functionality feels pretty straightforward! Live:

OpenAI’s Sites feature is absolutely insane 🔥 I literally typed, “Build a content management website.” And some 10-15 minutes later, it had built it, configured it, managed git, and even deployed it without any errors or issues. P.S., This is mostly the UI with one round of design polishing, but adding the remaining functionality feels pretty straightforward! Live:

45,749 просмотров

Weeks of work for a senior Three.js dev is ONE prompt for Opus 5, literally 😅 Opus built this infinite physically simulated clothesline gallery using Three.js with 96 wave nodes, per card pendulum physics, custom rope shader with fibre noise and Fresnel rim. I don't even know half of those terms but it's what it is (I'm studying each code part, though). These days, you just describe what you want and get it done using AI. Any kind of effect almost. Live: Code: Design:

Weeks of work for a senior Three.js dev is ONE prompt for Opus 5, literally 😅 Opus built this infinite physically simulated clothesline gallery using Three.js with 96 wave nodes, per card pendulum physics, custom rope shader with fibre noise and Fresnel rim. I don't even know half of those terms but it's what it is (I'm studying each code part, though). These days, you just describe what you want and get it done using AI. Any kind of effect almost. Live: Code: Design:

27,937 просмотров

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:

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:

71,922 просмотров

You probably have a dead simple skill issue if you can’t build websites like this using Kimi K3 ☠️ K3 isn't problem, lol.

You probably have a dead simple skill issue if you can’t build websites like this using Kimi K3 ☠️ K3 isn't problem, lol.

19,169 просмотров

Burned 200k tokens just for "animations" and still AI couldn't do it well. I tried one of the expert animation design engineer's, Emil Kowalski's Agent Skill on my website to improve animation using Grok 4.5 It analyzed the UI, found issues, came up with a good plan, and iterated multiple times. The end result actually made parts of the UX worse. Also, it never suggested the animation experience I had in mind. So I explained exactly how I wanted it to feel. It got much closer, but still missed details like applying the same animation during keyboard navigation between cards. That silly. The lesson isn't about the model or the Agent Skill. But it's about, "Even the strongest models can't infer your taste yet." They can't and won't suggest it. AI only executes. You have to define the experience with enough details for it to execute. Otherwise, you'll end up with something that's almost okay, but still not what you wanted

Burned 200k tokens just for "animations" and still AI couldn't do it well. I tried one of the expert animation design engineer's, Emil Kowalski's Agent Skill on my website to improve animation using Grok 4.5 It analyzed the UI, found issues, came up with a good plan, and iterated multiple times. The end result actually made parts of the UX worse. Also, it never suggested the animation experience I had in mind. So I explained exactly how I wanted it to feel. It got much closer, but still missed details like applying the same animation during keyboard navigation between cards. That silly. The lesson isn't about the model or the Agent Skill. But it's about, "Even the strongest models can't infer your taste yet." They can't and won't suggest it. AI only executes. You have to define the experience with enough details for it to execute. Otherwise, you'll end up with something that's almost okay, but still not what you wanted

26,416 просмотров

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:

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:

54,391 просмотров

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:

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:

47,254 просмотров

Wait, is Claude Opus 4.8 actually a Fable 5?? Opus generated this. A 3D botanical DNA strand. No, it's not a video or a 3D asset. It's pure math using Three.js, running at 60fps ❤️‍🔥 Everything including petals and flowers is generated using custom geometry. Also responsive. That too done from a image reference. Fable or not, Claude is generally good at 3D stuff.

Wait, is Claude Opus 4.8 actually a Fable 5?? Opus generated this. A 3D botanical DNA strand. No, it's not a video or a 3D asset. It's pure math using Three.js, running at 60fps ❤️‍🔥 Everything including petals and flowers is generated using custom geometry. Also responsive. That too done from a image reference. Fable or not, Claude is generally good at 3D stuff.

24,145 просмотров

Claude feels kinda overhyped tbh. I tested the same website design prompt on both Gemini and Claude many times. And every time Claude’s output wasn’t even close to the original. Meanwhile, Gemini got almost identical results, and after a few tweaks, it hit ~99% accuracy. Makes me wonder… maybe models just perform better on ecosystems they’re trained closer to? 🤔 Either way, Gemini is seriously outperforming in frontend dev right now. Remix:

Claude feels kinda overhyped tbh. I tested the same website design prompt on both Gemini and Claude many times. And every time Claude’s output wasn’t even close to the original. Meanwhile, Gemini got almost identical results, and after a few tweaks, it hit ~99% accuracy. Makes me wonder… maybe models just perform better on ecosystems they’re trained closer to? 🤔 Either way, Gemini is seriously outperforming in frontend dev right now. Remix:

31,645 просмотров

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:

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:

19,564 просмотров

Videos

thebuggeddev's profile picture

Only if education could be this interactive ❤️‍🔥 I've had a looong wish to build something genuinely useful through vibe coding, and I finally did it. A 3D human anatomy application built with Three.js using GPT 5.6 Sol. It all started with a single design image that I created using GPT Image 2.0. I then used it to generate every 3D organ image, one by one. Next, I converted each of those images into 3D models using Tripo (and no, they didn't sponsor this 😄). After that, I opened Codex, wrote a master prompt based on the design, and gave it the prompt, the design image, and all the 3D models. Codex built the first version beautifully, but there was one big problem. Every single 3D model was nearly 120-150 MB. That obviously wasn't practical for the web and was giving a performance of 16fps. After a few iterations, Codex optimized each model down to roughly 2–5.5 MB while preserving the visual quality, reducing the total asset size from ~900 MB to just 28.6 MB. And each model loads on demand. Along the way, Codex also generated those anatomical illustrations showing where each organ sits in the human body, and even created the interactive hotspot markers that explain different parts of every organ. It handled all of that. The process wasn't exactly one shot, but it also wasn't difficult. You just have to do it step by step. It genuinely felt like building something that could make learning anatomy much more engaging. The inspiration came from Dilum Sanjaya's 3D animal plant cell project. I remember seeing it and thinking, "I want to build something like this one day." And I did it :D Live: Code:

The Bugged Dev

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

thebuggeddev's profile picture

Will Astra kill us in the future? 😱 Maybe Maybe not. But it absolutely killed this by recreating Barcelona’s Camp Nou in 3D with 86,964 individually selectable seats ❤️‍🔥 You can literally pick any seat and see what your view would look like from that exact position inside the stadium. You can also switch between daylight, golden hour, and floodlit night modes to get a much more realistic feel. I very much loved how it optimized the website’s performance by reducing the overview seat geometry from 2,087,136 triangles to 695,712, which is around a 67% reduction, without reducing the number of seats. The stadium itself is built using procedural geometry and custom BufferGeometry, while Astra used InstancedMesh, spatial batching, and custom distance based LOD to efficiently render and manage nearly 87K selectable seats without creating tens of thousands of separate scene objects. For interaction and realism, it also uses optimized raycasting with broad phase batch rejection, TSL and WebGPU materials, shader driven surface detail, and proper seat level camera transitions. A month ago, I built an imaginary stadium using Claude Fable 5. It was great too, but this feels much more realistic. Astra went further by adding proper doorways, staircases, concourses, tier structures, tunnels, railings, and other architectural details you would expect in an actual stadium. Really classy. We should do this for more stadiums and eventually rethink the ticketing experience altogether. Live:

The Bugged Dev

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

thebuggeddev's profile picture

Your our history shouldn’t be taught in a boring way 🫠 I’ve always loved history, but I could never imagine what life actually looked like back then. So I built Empire Atlas, a 3D interactive explorer of 8 historical empires using Three.js and Kimi.ai K3 🔥 It lets you explore how people lived, what their homes looked like, their maps, daily life, interiors, and more. Properly researched. But the craziest part is that this was near one shot vibe coded with Kimi K3 🤯 When I previously built a 3D anatomy app with GPT 5.6 sol, I had to iterate on performance and optimization. With Kimi, the moment I handed over the 3D assets (generated using Tripo), prompt and design (by GPT Image 2.0), it created an 11 step engineering plan to build the entire thing. The very first step it did was optimizing the assets. It took nearly 500MB of 3D assets and brought them down to just 17.8MB using mesh simplification, Draco compression, and 1024px WebP textures. Absolutely nuts. It also generated 56 historical images across the 8 empires showing daily life, maps, interiors, and more using its image plugin with batch processing. Those were converted to WebP too, bringing the total image size to around 10MB. That’s a huge reason the experience loads so fast on website. It's engineering workflow or intelligence has really impressed me so far. The only downside is that it took more than 5 hours, though 😅 Anyway, back to history. In Empire Atlas, you can explore 8 different empires and see how people and our ancestors lived at that time. I really love those textures I was able to create using Tripo. You can explore their homes in 3D, and there’s so much more we could do with this. We could extend these houses into fully explorable interiors and create increasingly realistic reconstructions of what life actually looked like. And maybe create fun education games too. I genuinely think this can make history education so much more immersive. Much more than showing black and white images in boring textbooks. Go explore your history now 👇 Live: Code:

The Bugged Dev

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

thebuggeddev's profile picture

Probably I vibe coded a lil startup here? 😭 It has been such a loooong wish of mine to build some kind of 3D experience where I could customize a T-shirt in literally any way possible and it’s finally here. Built with Three.js using GPT 6 Astra, this is a full 3D T-shirt customization studio where you can visualize and customize a realistic shirt directly in the browser. That T-shirt itself was modeled by Astra using Tripo right inside Codex through Tripo Plugin. And you can pretty much do anything with it. You can paint directly on any side of the shirt using different brushes and colors, or even spray paint it in real time just like you would spray on a wall. There are also stickers generated using GPT Image 2.5 that you can place anywhere on the T-shirt, resize, reposition, recolor, layer, and customize however you want. On top of that, there’s support for things like fabric customization, sizing, layers, colors, and even wind simulation to push the realism a little further. Once you’re done, you can export the entire design as a 3D view or export individual images of the T-shirt so you could technically take the design, print it, and maybe even sell it. One of my favorite parts is how the spray painting effect works directly on the 3D T-shirt in real time. I also loved seeing how Astra managed to keep the whole experience performant across devices using a custom BVH implementation along with several CPU side optimizations. And the process of building it was super simple. I generated the initial studio design using GPT Image 2.5, gave that image to Astra with the Tripo Plugin enabled, and it basically handled everything from there. I didn’t have to separately generate a 3D reference, upload it to Tripo, download the asset, give it back to Astra, or manually coordinate any of that. Astra handled the entire flow on its own without needing any additional input from me. Really happy with both the process and how the final result turned out. Live:

The Bugged Dev

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