Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

Turn a single 2D image into a fully interactive, animated 3D character - running directly in your browser.🥊 This is the Ringside Boxer, built with img2threejs v1.5.1. Live showcase: 2D Image → 3D Reconstruction (TripoAI/Hyper3D) → Reference GLB + Specs → Rig & Animation Setup → Animation Loops →...

NickDevFE's profile picture

Nick

2,690 subscribers

45,937 Aufrufe • vor 4 Tagen •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

img2threejs 1.5.1 is out 🚀 Checkout: This release introduces a new approach to image → 3D → Three.js. Image → Tripo → img2threejs → reconstructed geometry → Three.js Instead of using the generated 3D model as the final asset, img2threejs uses it as a reference to rebuild the character into a representation that can be generated and rendered directly in Three.js. No Blender workflow, and no GLB required as the final output. The animation in the demo is still a bit rough because this release is focused on reconstruction, not animation. I’ll be improving that in the next release. Still experimental, but this is a big step toward where I want img2threejs to go.
1:02

img2threejs 1.5.1 is out 🚀 Checkout: This release introduces a new approach to image → 3D → Three.js. Image → Tripo → img2threejs → reconstructed geometry → Three.js Instead of using the generated 3D model as the final asset, img2threejs uses it as a reference to rebuild the character into a representation that can be generated and rendered directly in Three.js. No Blender workflow, and no GLB required as the final output. The animation in the demo is still a bit rough because this release is focused on reconstruction, not animation. I’ll be improving that in the next release. Still experimental, but this is a big step toward where I want img2threejs to go.

Nick

115,485 Aufrufe • vor 10 Tagen

One completely still photograph. Nothing moved - Nothing breathed. It is now a fully alive, fully controllable 3D character written entirely in pure Three.js code - complete geometry, full skeleton, full animations, and every part editable. Built with the img2threejs skill: No Blender. No GLB. No black-box mesh. Just native code you can own, modify, and ship.I spent a full day on this character. Does this result feel more satisfying to you? Showcase:
1:15

One completely still photograph. Nothing moved - Nothing breathed. It is now a fully alive, fully controllable 3D character written entirely in pure Three.js code - complete geometry, full skeleton, full animations, and every part editable. Built with the img2threejs skill: No Blender. No GLB. No black-box mesh. Just native code you can own, modify, and ship.I spent a full day on this character. Does this result feel more satisfying to you? Showcase:

Nick

27,323 Aufrufe • vor 16 Tagen

Codex is a monster with 2D games. But what is it worth with 3D and Three.js? 👀 Codex + GPT Image 2.0 + a crazy prompt = • playable 3D forest scene • humanoid character fully made of leaves 🍃 • dense foliage covering the whole body • third-person movement • wind animation on every leaf • SPACE transformation into a flying leaf swarm • leaf trail while moving • runs directly in the browser AI doesn’t just help you code faster. It lets you test ideas that would normally feel too complex to even start. Comment “leaf” and I’ll share the prompt. #ThreeJS #WebGL #Codex #GPT5 #AIAssistedDev
0:27

Codex is a monster with 2D games. But what is it worth with 3D and Three.js? 👀 Codex + GPT Image 2.0 + a crazy prompt = • playable 3D forest scene • humanoid character fully made of leaves 🍃 • dense foliage covering the whole body • third-person movement • wind animation on every leaf • SPACE transformation into a flying leaf swarm • leaf trail while moving • runs directly in the browser AI doesn’t just help you code faster. It lets you test ideas that would normally feel too complex to even start. Comment “leaf” and I’ll share the prompt. #ThreeJS #WebGL #Codex #GPT5 #AIAssistedDev

Givros

60,844 Aufrufe • vor 4 Monaten

, webgl experience fully made using fal the pipeline: GPT-Image-2 (or FLUX.2 Klein 9B for the live "create your own") 🦴 meshy v6 image-to-3d takes that → rigged GLB with a baked animation 🐾 GPT-Image-2/edit on the same character → companion creature image, color-locked to the character's palette → meshy v6 again (no rig) → static creature GLB 🪨 PATINA (fal-ai/patina/material/extract) takes the character image and outputs basecolor + normal + roughness + metalness for a per-character floor that matches their environment 🎬 Seedance 2.0 fast → 8s looping background video per character 📦 everything runs through gltf-transform (resize 1024 → webp q80 → draco) for ~95% size reduction → 400-800 KB GLBs 🖥️ the front-end is a single static index.html: Three.js scene, alpha-mapped marble disc with PlaneGeometry tessellation for real displacementMap depth, mirrored reflection plane, breathing animations on companions, palette-swap via CSS custom properties on character click 🧩 the whole recipe is published as a Claude Code skill fal-regenerate-3d so you can rebuild this yourself → ⚠ metrics shown are decorative
0:42

, webgl experience fully made using fal the pipeline: GPT-Image-2 (or FLUX.2 Klein 9B for the live "create your own") 🦴 meshy v6 image-to-3d takes that → rigged GLB with a baked animation 🐾 GPT-Image-2/edit on the same character → companion creature image, color-locked to the character's palette → meshy v6 again (no rig) → static creature GLB 🪨 PATINA (fal-ai/patina/material/extract) takes the character image and outputs basecolor + normal + roughness + metalness for a per-character floor that matches their environment 🎬 Seedance 2.0 fast → 8s looping background video per character 📦 everything runs through gltf-transform (resize 1024 → webp q80 → draco) for ~95% size reduction → 400-800 KB GLBs 🖥️ the front-end is a single static index.html: Three.js scene, alpha-mapped marble disc with PlaneGeometry tessellation for real displacementMap depth, mirrored reflection plane, breathing animations on companions, palette-swap via CSS custom properties on character click 🧩 the whole recipe is published as a Claude Code skill fal-regenerate-3d so you can rebuild this yourself → ⚠ metrics shown are decorative

Lovis Odin

98,541 Aufrufe • vor 4 Monaten

Want to create an avatar from a single image? FlexAvatar is a transformer model that creates full 360°, high-quality, and expressive 3D head avatar from just a single portrait image in minutes. Real-time Demo: FlexAvatar's lightweight architecture allows both animation and rendering in real-time, enabling interactive user experiences. To create a new 3D head avatar, only one image is required, e.g., from a webcam. The final avatar is ready after 2 minutes. Architecture: Under the hood, FlexAvatar adopts a transformer-based encoder-decoder design. The encoder maps the input image onto a latent avatar space, while the decoder produces 3D Gaussian attribute maps by incorporating the animation signal via cross-attention. The model learns all facial animations directly from the data without relying on pre-built 3D face models. This equips the avatars with realistic facial expressions. The internal avatar latent space can be conveniently used to integrate additional observations of a person via fitting. This enables use-cases where more than one image of a person is available, e.g., from a phone scan of the person. We train jointly on 2D monocular videos and multi-view data. However, in monocular videos, the animation signal leaks the target viewpoint, causing the model to produce incomplete 3D heads. We call this phenomenon entanglement of driving signal and target viewpoint. To prevent entanglement, we introduce bias sinks. These are learnable tokens that indicate whether a training sample stems from a monocular or a multi-view dataset. During training, the model learns to produce incomplete 3D heads only when the monocular token is present. During inference, FlexAvatar then always uses the multi-view token for which the model has learned to produce complete 3D heads. This simple design allows to combine the generalizability from monocular data with the quality of multi-view data. FlexAvatar summary: - Input: Single-image, phone scan, or monocular video - Output: Full 360° head avatar - Expressive animations - Real-time rendering and animation - Generalization to any portrait - Create a new avatar in 2 minutes - Use bias sinks to combine 2D and 3D data 🏠 🌍 🎥 Great work by Tobias Kirschstein and Simon Giebenhain!
0:30

Want to create an avatar from a single image? FlexAvatar is a transformer model that creates full 360°, high-quality, and expressive 3D head avatar from just a single portrait image in minutes. Real-time Demo: FlexAvatar's lightweight architecture allows both animation and rendering in real-time, enabling interactive user experiences. To create a new 3D head avatar, only one image is required, e.g., from a webcam. The final avatar is ready after 2 minutes. Architecture: Under the hood, FlexAvatar adopts a transformer-based encoder-decoder design. The encoder maps the input image onto a latent avatar space, while the decoder produces 3D Gaussian attribute maps by incorporating the animation signal via cross-attention. The model learns all facial animations directly from the data without relying on pre-built 3D face models. This equips the avatars with realistic facial expressions. The internal avatar latent space can be conveniently used to integrate additional observations of a person via fitting. This enables use-cases where more than one image of a person is available, e.g., from a phone scan of the person. We train jointly on 2D monocular videos and multi-view data. However, in monocular videos, the animation signal leaks the target viewpoint, causing the model to produce incomplete 3D heads. We call this phenomenon entanglement of driving signal and target viewpoint. To prevent entanglement, we introduce bias sinks. These are learnable tokens that indicate whether a training sample stems from a monocular or a multi-view dataset. During training, the model learns to produce incomplete 3D heads only when the monocular token is present. During inference, FlexAvatar then always uses the multi-view token for which the model has learned to produce complete 3D heads. This simple design allows to combine the generalizability from monocular data with the quality of multi-view data. FlexAvatar summary: - Input: Single-image, phone scan, or monocular video - Output: Full 360° head avatar - Expressive animations - Real-time rendering and animation - Generalization to any portrait - Create a new avatar in 2 minutes - Use bias sinks to combine 2D and 3D data 🏠 🌍 🎥 Great work by Tobias Kirschstein and Simon Giebenhain!

Matthias Niessner

96,238 Aufrufe • vor 8 Monaten

We just shipped a completely new concept for web interaction. Live on three․ws, we are thrilled to showcase this demo of persistent, interactive 3D AI Agents that live right in your browser. As the first mover in this space, we are achieving what hasn't been done before: seamlessly bridging the gap between traditional flat web pages and fully immersive, spatial 3D environments. We are fundamentally shifting how humans experience the internet. Here's how. Intelligent AI Agents. Your 3D companion drops right into the screen, tracks your cursor, and interacts with you based on the exact page you are viewing. Context-Aware Guide. Knows exactly where visitors are. It can point out and encourage clicks on the most important parts of a site. Highly Interactive. Turns to follow your cursor in real-time, waves when you navigate, and idles naturally. Playground Mode. Click your avatar and it seamlessly detaches into a full-page 3D stroll or platformer right in the browser. Use keyboard arrows on desktop and joystick on mobile. Choose Your Avatar. Pick exactly who walks the web with you from a fully customizable, hot-swappable roster. Polite & Lightweight. Built with smart compression and shared animation files. It monitors browser memory to guarantee zero slowdowns and respects "reduced motion" accessibility settings. Flat websites will be gone before you know it. The future is interactive, the future is intelligent. It's time to break AI out the chatbox. three․ws
3:00

We just shipped a completely new concept for web interaction. Live on three․ws, we are thrilled to showcase this demo of persistent, interactive 3D AI Agents that live right in your browser. As the first mover in this space, we are achieving what hasn't been done before: seamlessly bridging the gap between traditional flat web pages and fully immersive, spatial 3D environments. We are fundamentally shifting how humans experience the internet. Here's how. Intelligent AI Agents. Your 3D companion drops right into the screen, tracks your cursor, and interacts with you based on the exact page you are viewing. Context-Aware Guide. Knows exactly where visitors are. It can point out and encourage clicks on the most important parts of a site. Highly Interactive. Turns to follow your cursor in real-time, waves when you navigate, and idles naturally. Playground Mode. Click your avatar and it seamlessly detaches into a full-page 3D stroll or platformer right in the browser. Use keyboard arrows on desktop and joystick on mobile. Choose Your Avatar. Pick exactly who walks the web with you from a fully customizable, hot-swappable roster. Polite & Lightweight. Built with smart compression and shared animation files. It monitors browser memory to guarantee zero slowdowns and respects "reduced motion" accessibility settings. Flat websites will be gone before you know it. The future is interactive, the future is intelligent. It's time to break AI out the chatbox. three․ws

three.ws

22,706 Aufrufe • vor 2 Monaten

Hyperion is a very heavy asset, because of this, we built a LOD system into the rig to enable animators to work fluidly with the character at the different stages of production. You don't always need to work with the highest quality version of your asset, especially at the earlier stages of a shot/production. Having LODs allows animators to work more efficiently by choosing the level of detail they want to work with directly in the rig. LODA - Final render asset with all details LODB - Primary and secondary panels and mechanics LODC - Only the primary panels and mechanics #mecha #3d #vfx #cgi #rigging #animation
0:47

Hyperion is a very heavy asset, because of this, we built a LOD system into the rig to enable animators to work fluidly with the character at the different stages of production. You don't always need to work with the highest quality version of your asset, especially at the earlier stages of a shot/production. Having LODs allows animators to work more efficiently by choosing the level of detail they want to work with directly in the rig. LODA - Final render asset with all details LODB - Primary and secondary panels and mechanics LODC - Only the primary panels and mechanics #mecha #3d #vfx #cgi #rigging #animation

Rassoul Edji

22,198 Aufrufe • vor 2 Jahren

Old Art to full 3D using Cinema 4D . Created a free and open-source plugin to bring Hunyuan 3D directly into Cinema 4D. This workflow combines multiple tools that are available today into a single, cohesive pipeline. I wanted to show that AI is never an end product by itself, it’s not the finality. Used properly, AI becomes an extremely powerful tool that lets you build exactly what you want. I hope you like it. The final step will be to bake all textures so I can share the project as a WebGL experience, a small interactive website to explore it directly in the browser. Made with heart, and with fal ❤️
2:05

Old Art to full 3D using Cinema 4D . Created a free and open-source plugin to bring Hunyuan 3D directly into Cinema 4D. This workflow combines multiple tools that are available today into a single, cohesive pipeline. I wanted to show that AI is never an end product by itself, it’s not the finality. Used properly, AI becomes an extremely powerful tool that lets you build exactly what you want. I hope you like it. The final step will be to bake all textures so I can share the project as a WebGL experience, a small interactive website to explore it directly in the browser. Made with heart, and with fal ❤️

Lovis Odin

21,909 Aufrufe • vor 7 Monaten

🚀 Announcing Echo — our new frontier model for 3D world generation. Echo turns a simple text prompt or image into a fully explorable, 3D-consistent world. Instead of disconnected views, the result is a single, coherent spatial representation you can move through freely. This is part of a bigger shift in AI: from generating pixels and tokens to generating spaces. Echo predicts a geometry-grounded 3D scene at metric scale, meaning every novel view, depth map, and interaction comes from the same underlying world — not independent hallucinations. Once generated, the world is interactive in real time. You control the camera, explore from any angle, and render instantly — even on low-end hardware, directly in the browser. High-quality 3D world exploration is no longer gated by expensive equipment. Under the hood, Echo infers a physically grounded 3D representation and converts it into a renderable format. For our web demo, we use 3D Gaussian Splatting (3DGS) for fast, GPU-friendly rendering — but the representation itself is flexible and can be easily adapted. Why this matters: consistent 3D worlds unlock real workflows — digital twins, 3D design, game environments, robotics simulation, and more. From a single photo or a line of text, Echo builds worlds that are reliable, editable, and spatially faithful. Echo also enables scene editing and restyling. Change materials, remove or add objects, explore design variations — all while preserving global 3D consistency. Editing no longer breaks the world. This is only the beginning. Echo is the foundation for future world models with dynamics, physical reasoning, and richer interaction — environments that don’t just look right, but behave right. Explore the generated worlds on our website and sign up for the closed beta. The era of spatial intelligence starts here. 🌍 #Echo #WorldModels #SpatialAI #3DFoundationModels Check it out:
1:07

🚀 Announcing Echo — our new frontier model for 3D world generation. Echo turns a simple text prompt or image into a fully explorable, 3D-consistent world. Instead of disconnected views, the result is a single, coherent spatial representation you can move through freely. This is part of a bigger shift in AI: from generating pixels and tokens to generating spaces. Echo predicts a geometry-grounded 3D scene at metric scale, meaning every novel view, depth map, and interaction comes from the same underlying world — not independent hallucinations. Once generated, the world is interactive in real time. You control the camera, explore from any angle, and render instantly — even on low-end hardware, directly in the browser. High-quality 3D world exploration is no longer gated by expensive equipment. Under the hood, Echo infers a physically grounded 3D representation and converts it into a renderable format. For our web demo, we use 3D Gaussian Splatting (3DGS) for fast, GPU-friendly rendering — but the representation itself is flexible and can be easily adapted. Why this matters: consistent 3D worlds unlock real workflows — digital twins, 3D design, game environments, robotics simulation, and more. From a single photo or a line of text, Echo builds worlds that are reliable, editable, and spatially faithful. Echo also enables scene editing and restyling. Change materials, remove or add objects, explore design variations — all while preserving global 3D consistency. Editing no longer breaks the world. This is only the beginning. Echo is the foundation for future world models with dynamics, physical reasoning, and richer interaction — environments that don’t just look right, but behave right. Explore the generated worlds on our website and sign up for the closed beta. The era of spatial intelligence starts here. 🌍 #Echo #WorldModels #SpatialAI #3DFoundationModels Check it out:

SpAItial AI

176,524 Aufrufe • vor 8 Monaten

The AR GenAI solution available on AR Code SaaS continues to demonstrate how fast immersive AR content can now be created from a single image. In this new demo, a contemporary art statuette is captured with a single photo, then instantly transformed into a fully optimized 3D model ready for augmented reality display. As shown in the video, the generated 3D artwork is automatically published through an AR QR Code, allowing anyone to launch the experience instantly in augmented reality directly from their smartphone. No app required. This example highlights a powerful capability of AR GenAI by AR Code: artworks can now be easily digitized and transformed into interactive AR experiences starting from just one photo. For contemporary art galleries, museums, cultural institutions, artists, and art marketplaces, this opens a new path to quickly create scalable 3D collections and immersive exhibitions. Object Photo → AI 3D generation → AR QR Code → Instant WebAR What previously required complex 3D scanning setups, photogrammetry pipelines, or specialized expertise can now be achieved in minutes. AR GenAI makes it possible to digitize artworks, publish AR experiences, and scale immersive cultural content faster than ever. Learn more: Follow AR Code for updates. #ARGenAI #ARCode #ImageTo3D #ImageToAR #WebAR #AugmentedReality #DigitalArt #Museums #ArtTech
0:32

The AR GenAI solution available on AR Code SaaS continues to demonstrate how fast immersive AR content can now be created from a single image. In this new demo, a contemporary art statuette is captured with a single photo, then instantly transformed into a fully optimized 3D model ready for augmented reality display. As shown in the video, the generated 3D artwork is automatically published through an AR QR Code, allowing anyone to launch the experience instantly in augmented reality directly from their smartphone. No app required. This example highlights a powerful capability of AR GenAI by AR Code: artworks can now be easily digitized and transformed into interactive AR experiences starting from just one photo. For contemporary art galleries, museums, cultural institutions, artists, and art marketplaces, this opens a new path to quickly create scalable 3D collections and immersive exhibitions. Object Photo → AI 3D generation → AR QR Code → Instant WebAR What previously required complex 3D scanning setups, photogrammetry pipelines, or specialized expertise can now be achieved in minutes. AR GenAI makes it possible to digitize artworks, publish AR experiences, and scale immersive cultural content faster than ever. Learn more: Follow AR Code for updates. #ARGenAI #ARCode #ImageTo3D #ImageToAR #WebAR #AugmentedReality #DigitalArt #Museums #ArtTech

Maxime Maisonneuve

19,003 Aufrufe • vor 5 Monaten

New clean 3D AI workflow Control Rig physics in UEFN! Been exploring some more hybrid AI workflows lately, and for 3D assets splitting the model into parts is kinda essential. This video shows my first test using AssetHub, one of the cleanest ways i've used to keep the whole generation process organized. It auto-detected the pose in my main image and broke it down into parts, then generated images for each. From there I can just iterate on each piece separately and generate the 3D models in one workflow. AssetHub is still in closed beta atm, so let me know if you want to try it out. Main reference image came from Grok Imagine. All the part images and high poly meshes were done in AssetHub, selected Tripo 3.1 as the main model. After that I ran it through Hunyuan 3D for retopo + unwrap. Final assembly in Blender. Baked normals from high to low poly. End result: under 60K tris, 3 materials, 2K textures. Also Control Rig physics in Unreal Engine are insane. It finally validates in UEFN too, so of course I had to test it out.
1:17

New clean 3D AI workflow Control Rig physics in UEFN! Been exploring some more hybrid AI workflows lately, and for 3D assets splitting the model into parts is kinda essential. This video shows my first test using AssetHub, one of the cleanest ways i've used to keep the whole generation process organized. It auto-detected the pose in my main image and broke it down into parts, then generated images for each. From there I can just iterate on each piece separately and generate the 3D models in one workflow. AssetHub is still in closed beta atm, so let me know if you want to try it out. Main reference image came from Grok Imagine. All the part images and high poly meshes were done in AssetHub, selected Tripo 3.1 as the main model. After that I ran it through Hunyuan 3D for retopo + unwrap. Final assembly in Blender. Baked normals from high to low poly. End result: under 60K tris, 3 materials, 2K textures. Also Control Rig physics in Unreal Engine are insane. It finally validates in UEFN too, so of course I had to test it out.

Jerome | InsaneUnreal

82,884 Aufrufe • vor 4 Monaten

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:
0:43

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

This is one of the wildest things I have built with AI so far 😱 Asked Claude Fable 5 to create a fully interactive 3D crime investigation board using Three.js and it did it in ONE Prompt. It took one more prompt to give it a polished UI inspired by a reference design that I created with GPT Image. What surprised me most was not how it looked. It was how it worked. Fable built a complete Verlet rope physics system with 46 particles in every thread. It handled gravity, damping, distance constraints and all other features of file upload, text and everything. The threads/ropes even lift naturally with pinned evidence instead of clipping through it. I never asked it to implement any of that. I only described the experience I wanted. Maybe that's how we should work with AI. Instead of writing long long specs, we should explain what we want as an experience and let AI do its thing. Anyway, every day Fable 5 raises the bar for what I think AI can build. More to this Live: Code:
0:49

This is one of the wildest things I have built with AI so far 😱 Asked Claude Fable 5 to create a fully interactive 3D crime investigation board using Three.js and it did it in ONE Prompt. It took one more prompt to give it a polished UI inspired by a reference design that I created with GPT Image. What surprised me most was not how it looked. It was how it worked. Fable built a complete Verlet rope physics system with 46 particles in every thread. It handled gravity, damping, distance constraints and all other features of file upload, text and everything. The threads/ropes even lift naturally with pinned evidence instead of clipping through it. I never asked it to implement any of that. I only described the experience I wanted. Maybe that's how we should work with AI. Instead of writing long long specs, we should explain what we want as an experience and let AI do its thing. Anyway, every day Fable 5 raises the bar for what I think AI can build. More to this Live: Code:

The Bugged Dev

104,609 Aufrufe • vor 1 Monat

Claude Fable 5 just one shot this procedural creatures! 🤯 Built a whole procedural 3D character generator in Three.js with: > Ragdoll-like characters made from primitive shapes that merge into one seamless body > Custom vertex shader + SDF tech that removes all seams and blends normals/colors perfectly > Fully procedural animation system that works for 2 legs, 4 legs, 6 legs, hopping, or flying > Physics-based tails/ears that stay seamlessly fused > Entire character defined in ~15 lines of JSON (AI can generate infinite new ones) PROMPT: Build with Three.js and explore a new procedurally generated 3D character style ragdoll-like characters composed of primitive shapes that look like one seamless body via a custom, mobile-performant tech-art/shader solution, with toon styling, plus a procedural animation system that works for 2-legged, any-legged, no-legged (hopping) and flying characters with arms. Goal: a unique, easily AI-generatable style with heavy juice and polish "HOLY SH** THIS WAS DONE WITH AI?" quality, "for the next billion dollar game."
0:33

Claude Fable 5 just one shot this procedural creatures! 🤯 Built a whole procedural 3D character generator in Three.js with: > Ragdoll-like characters made from primitive shapes that merge into one seamless body > Custom vertex shader + SDF tech that removes all seams and blends normals/colors perfectly > Fully procedural animation system that works for 2 legs, 4 legs, 6 legs, hopping, or flying > Physics-based tails/ears that stay seamlessly fused > Entire character defined in ~15 lines of JSON (AI can generate infinite new ones) PROMPT: Build with Three.js and explore a new procedurally generated 3D character style ragdoll-like characters composed of primitive shapes that look like one seamless body via a custom, mobile-performant tech-art/shader solution, with toon styling, plus a procedural animation system that works for 2-legged, any-legged, no-legged (hopping) and flying characters with arms. Goal: a unique, easily AI-generatable style with heavy juice and polish "HOLY SH** THIS WAS DONE WITH AI?" quality, "for the next billion dollar game."

Tim Jayas

48,018 Aufrufe • vor 2 Monaten

Why do we still buy stadium tickets without ever seeing what the view from the seat actually looks like? ☠️ So I prototyped an idea. A 3D seat view experience for a football stadium built with Fable 5 + Three.js, where you can preview exactly what you'll see from your seat before buying. The entire 3D experience was working after the first prompt, and the whole prototype came together in just five prompts. This is the kind of 3D experience I'd love to see more of, tbh. Feels so good. Right now, buying a ticket gives you almost no sense of what the experience will actually feel like. We're still relying on static seat maps, charts, and boring UI layouts, when interactive 3D experiences could make that decision so much easier. If you think, 3D development has the potential to create genuinely useful experiences. This feels like the direction we should be heading. 3D is the future. I can already imagine this for cinemas, cricket stadiums, Wimbledon, concerts, and so many other venues. I'm planning to take this further. What should I build next? More stadium features, or should I try another venue? Let me know :D Code: Live:
0:54

Why do we still buy stadium tickets without ever seeing what the view from the seat actually looks like? ☠️ So I prototyped an idea. A 3D seat view experience for a football stadium built with Fable 5 + Three.js, where you can preview exactly what you'll see from your seat before buying. The entire 3D experience was working after the first prompt, and the whole prototype came together in just five prompts. This is the kind of 3D experience I'd love to see more of, tbh. Feels so good. Right now, buying a ticket gives you almost no sense of what the experience will actually feel like. We're still relying on static seat maps, charts, and boring UI layouts, when interactive 3D experiences could make that decision so much easier. If you think, 3D development has the potential to create genuinely useful experiences. This feels like the direction we should be heading. 3D is the future. I can already imagine this for cinemas, cricket stadiums, Wimbledon, concerts, and so many other venues. I'm planning to take this further. What should I build next? More stadium features, or should I try another venue? Let me know :D Code: Live:

The Bugged Dev

1,756,632 Aufrufe • vor 1 Monat

I built a fully playable 3D platformer game in exactly 3 days, using almost entirely AI-generated assets. To test whether AI can really replace the asset grind, I came up with a steampunk cat universe from scratch and brought it straight into Unreal Engine 5. Here is how it was done, step by step: 👇 🎨 World and prop concepting 🧩 Tripo 3.1 for low-poly smart meshes and PBR textures 🩹 Blender for geometry cleanup and AO baking 🦴 AccuRIG for character animation 🚀 UE5 for level design and blueprints The craziest part is that AI handled the routine, and I still had the creative energy to make the level actually fun. Watch the full workflow and gameplay reveal: #GameDev #TripoAI #UnrealEngine5 #3DModeling #IndieDev #Blender3D
0:53

I built a fully playable 3D platformer game in exactly 3 days, using almost entirely AI-generated assets. To test whether AI can really replace the asset grind, I came up with a steampunk cat universe from scratch and brought it straight into Unreal Engine 5. Here is how it was done, step by step: 👇 🎨 World and prop concepting 🧩 Tripo 3.1 for low-poly smart meshes and PBR textures 🩹 Blender for geometry cleanup and AO baking 🦴 AccuRIG for character animation 🚀 UE5 for level design and blueprints The craziest part is that AI handled the routine, and I still had the creative energy to make the level actually fun. Watch the full workflow and gameplay reveal: #GameDev #TripoAI #UnrealEngine5 #3DModeling #IndieDev #Blender3D

Stefan 3D AI

17,426 Aufrufe • vor 3 Monaten

So Runway Gen 4.5 finally adds image-to-video, the workflow most pros rely on for consistency. We put it head to head with Kling AI and Flow by Google VEO using the same reference images and prompts (below) to evaluate motion quality, stability, and cinematic realism. 1. Action/WaterPhysics Test Prompt: Cinematic, wide-shot of a man running in a shallow river. The camera is tracking the man from behind as he runs up the river. Handheld camera shake as the camera follows the man. 2. Fire Physics Test Prompt: Cinematic, wide-shot of terrified woman running towards her burning barn. She abruptly stops, and puts in hands on her head as she watches her barn burn down. 3. VFX test prompt: Cinematic, wide-shot of a hooded figure. Flashes of purple magic and smoke whirl around the figure. The figure lifts its arms as the purple magic and smoke intensifies. 4. 2D Animation Test Prompt: 2D animated shot of a waiting at a bus stop in a thunderstorm. The man turns, walks to the bench, and sits down. 5. 3D Animation Test Prompt: 3D animated shot of an octopus. The octopus reaches into a coral and picks up a glowing white gem. 6. Conversation Test Prompt: slow camera push-in as two friends are having a conversation at a coffee shop Overall verdict: Despite the “world’s best” claim, Runway Gen 4.5 is not there yet. Prompt adherence is solid, but motion, physics, and cinematic realism still lag behind tools like Kling and VEO. Great platform, mid-tier model for now.
0:47

So Runway Gen 4.5 finally adds image-to-video, the workflow most pros rely on for consistency. We put it head to head with Kling AI and Flow by Google VEO using the same reference images and prompts (below) to evaluate motion quality, stability, and cinematic realism. 1. Action/WaterPhysics Test Prompt: Cinematic, wide-shot of a man running in a shallow river. The camera is tracking the man from behind as he runs up the river. Handheld camera shake as the camera follows the man. 2. Fire Physics Test Prompt: Cinematic, wide-shot of terrified woman running towards her burning barn. She abruptly stops, and puts in hands on her head as she watches her barn burn down. 3. VFX test prompt: Cinematic, wide-shot of a hooded figure. Flashes of purple magic and smoke whirl around the figure. The figure lifts its arms as the purple magic and smoke intensifies. 4. 2D Animation Test Prompt: 2D animated shot of a waiting at a bus stop in a thunderstorm. The man turns, walks to the bench, and sits down. 5. 3D Animation Test Prompt: 3D animated shot of an octopus. The octopus reaches into a coral and picks up a glowing white gem. 6. Conversation Test Prompt: slow camera push-in as two friends are having a conversation at a coffee shop Overall verdict: Despite the “world’s best” claim, Runway Gen 4.5 is not there yet. Prompt adherence is solid, but motion, physics, and cinematic realism still lag behind tools like Kling and VEO. Great platform, mid-tier model for now.

Curious Refuge

25,538 Aufrufe • vor 7 Monaten

This is for everyone who still thinks Gen3D is useless 🤣 I generated a koi fish with clean topology using Tripo but it was just a static mesh. No rig. No bones. Nothing. I wanted to animate it without touching Blender because I genuinely have no idea how to use Blender 😂 So I casually asked Claude if it could help me with it... And then Claude built THIS 🐟 A fish that swims, breathes, reacts to your cursor and even looks directly at you when you stop moving your cursor. It took a completely static 3D model and turned it into a fully animated fish with a swim cycle and subcarangiform kinematics. It even optimized the model and brought the file size down from 14.79MB to just 4.16MB. And also that water with ripple effects is built with TSL too. 60 FPS. WebGPU with WebGL2 fallback. All Three.js. This was inspired by Marina Budarina's website where I saw a fish swimming across the page. I immediately loved the idea and thought, "What if the fish actually felt alive, more immersive?" So I made it happen. And honestly, this is the kind of thing that makes me excited about what we can build with 3D on the web now. All thanks to AI! So for everyone who thinks you need to spend months learning Blender before you can build something like this, maybe it's time to rethink what Gen3D or AI is actually capable of :D Live: Code:
0:32

This is for everyone who still thinks Gen3D is useless 🤣 I generated a koi fish with clean topology using Tripo but it was just a static mesh. No rig. No bones. Nothing. I wanted to animate it without touching Blender because I genuinely have no idea how to use Blender 😂 So I casually asked Claude if it could help me with it... And then Claude built THIS 🐟 A fish that swims, breathes, reacts to your cursor and even looks directly at you when you stop moving your cursor. It took a completely static 3D model and turned it into a fully animated fish with a swim cycle and subcarangiform kinematics. It even optimized the model and brought the file size down from 14.79MB to just 4.16MB. And also that water with ripple effects is built with TSL too. 60 FPS. WebGPU with WebGL2 fallback. All Three.js. This was inspired by Marina Budarina's website where I saw a fish swimming across the page. I immediately loved the idea and thought, "What if the fish actually felt alive, more immersive?" So I made it happen. And honestly, this is the kind of thing that makes me excited about what we can build with 3D on the web now. All thanks to AI! So for everyone who thinks you need to spend months learning Blender before you can build something like this, maybe it's time to rethink what Gen3D or AI is actually capable of :D Live: Code:

The Bugged Dev

14,279 Aufrufe • vor 12 Tagen

You don't need to be a 3D artist to start building 3D websites anymore 💛 Built this cool 3D jet drone website in Three.js using Claude Opus 5 and Tripo 🔜 gamescom in < 1 hour. A lot of people still think AI is great for generating code, but not for building something that actually feels polished and interactive or "complex". But it has been changing super fast these days. The model you see here is only 946KB, compressed from its original 13.6MB size automatically by Claude without losing any quality. This kind of intelligence has been developed in many other AI tools for anything related to 3D (except GPT 5.6 sol lol). You just have to describe what you want and they handle everything "engineerly" (that's not even a word but okay :D) Anyway, also you don't really have to learn anything about 3D modeling to create these models. All you need is a good image and put it in Tripo. For this case, i generated model using "smart mesh" feature that generated a cleaner low-poly topology and edge flow. That helps keep your actual 3D asset even more lightweight. Earlier, with HD model feature, my model size with 8k texture was around 60-70MB but with Smart Mesh, it's around 13-16MB with 8k texture applied separately. Of course, this isn't something I knew from the beginning. All I did was "try" out different features and see what happens. Live: Code: Design:
0:27

You don't need to be a 3D artist to start building 3D websites anymore 💛 Built this cool 3D jet drone website in Three.js using Claude Opus 5 and Tripo 🔜 gamescom in < 1 hour. A lot of people still think AI is great for generating code, but not for building something that actually feels polished and interactive or "complex". But it has been changing super fast these days. The model you see here is only 946KB, compressed from its original 13.6MB size automatically by Claude without losing any quality. This kind of intelligence has been developed in many other AI tools for anything related to 3D (except GPT 5.6 sol lol). You just have to describe what you want and they handle everything "engineerly" (that's not even a word but okay :D) Anyway, also you don't really have to learn anything about 3D modeling to create these models. All you need is a good image and put it in Tripo. For this case, i generated model using "smart mesh" feature that generated a cleaner low-poly topology and edge flow. That helps keep your actual 3D asset even more lightweight. Earlier, with HD model feature, my model size with 8k texture was around 60-70MB but with Smart Mesh, it's around 13-16MB with 8k texture applied separately. Of course, this isn't something I knew from the beginning. All I did was "try" out different features and see what happens. Live: Code: Design:

The Bugged Dev

49,863 Aufrufe • vor 18 Tagen

When I saw the mask "Tribes of the Calf" from Kanbas I knew I had to make it into reality. The jewelry and gold really made it stand out for me. Since Sam Spratt's The Masquerade was revealed, I have been spending time sculpting and dissecting the mask to recreate it in 3D as faithfully as possible. I delved into the creation of this mask for many reasons. I love a good challenge and this mask surely was one for me. Creating something in 3D from a 2D image is not easy, and especially when the source has generative nature, some stuff is hard to interpret, but I tried my best to make sure the visual integrity of the mask is as close to the original as possible. Splitting the whole mask into parts, filling the missing pieces so I can build the textures was quite a lot of work. I tried to present the mask in my own style with a slightly different colorway to adapt to the mask itself. Please enjoy this short animation, and turn on sound🔊 This piece is my statement that I am here to stay. That I have a voice that often feels being lost in the void. That I have been creating and posting digital art for over 20 years now and will continue until I'm gone. I have a story to tell and I want to be heard. The space we have here is small, and is shrinking day by day. It doesn't have to be like that. We need to support each other and push ourselves and people here, otherwise we are all doomed. As Kanbas has put in their observation of the mask: "Inspirational. Emotional. Natural." This is what our space can be, and this is me making a statement with this homage. I will share a 4k still below as well as a short video showing the 3D GLB interactive model together with a yt link to the 4k video since compression here is pretty bad.
0:40

When I saw the mask "Tribes of the Calf" from Kanbas I knew I had to make it into reality. The jewelry and gold really made it stand out for me. Since Sam Spratt's The Masquerade was revealed, I have been spending time sculpting and dissecting the mask to recreate it in 3D as faithfully as possible. I delved into the creation of this mask for many reasons. I love a good challenge and this mask surely was one for me. Creating something in 3D from a 2D image is not easy, and especially when the source has generative nature, some stuff is hard to interpret, but I tried my best to make sure the visual integrity of the mask is as close to the original as possible. Splitting the whole mask into parts, filling the missing pieces so I can build the textures was quite a lot of work. I tried to present the mask in my own style with a slightly different colorway to adapt to the mask itself. Please enjoy this short animation, and turn on sound🔊 This piece is my statement that I am here to stay. That I have a voice that often feels being lost in the void. That I have been creating and posting digital art for over 20 years now and will continue until I'm gone. I have a story to tell and I want to be heard. The space we have here is small, and is shrinking day by day. It doesn't have to be like that. We need to support each other and push ourselves and people here, otherwise we are all doomed. As Kanbas has put in their observation of the mask: "Inspirational. Emotional. Natural." This is what our space can be, and this is me making a statement with this homage. I will share a 4k still below as well as a short video showing the 3D GLB interactive model together with a yt link to the 4k video since compression here is pretty bad.

shoneec

17,894 Aufrufe • vor 1 Jahr