Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

Sunday v0: a web-based 3D Jenga game. Everything is procedurally generated: the structure, the bricks, the wooden texture, the sounds, the carved-in ▲ on the top pieces. I tweaked the physics enough that it feels as fun and frustrating as the real thing 😂 Cool technical detail: v0 loaded... show more

Guillermo Rauch

562,838 subscribers

52,838 views • 3 months ago •via X (Twitter)

Gaming Science & Technology

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

🎮 React Three Game on Three.js Resources Learn how to build 3D games using React Three Fiber and #threejs. A great starting point for understanding game logic, interactivity, and real-time 3D on the web. 👉 #threejs #WebGL #GameDev #ReactThreeFiber #3D #Learning

🎮 React Three Game on Three.js Resources Learn how to build 3D games using React Three Fiber and #threejs. A great starting point for understanding game logic, interactivity, and real-time 3D on the web. 👉 #threejs #WebGL #GameDev #ReactThreeFiber #3D #Learning

Three.js Resources

15,838 views • 5 months ago

Created a flag on the moon based with hyper-realistic physics with v0: The flag is simulated as a grid of particles connected by springs (cloth simulation). It's influenced by gravity, wind, air resistance. The initial approach v0 one-shotted was quite simplistic, but giving it references to more sophisticated approaches in C++ and Rust quickly improved it. It was mind-blowing it to see it deeply understand the physics and port new ideas across languages. It simulated a real sun for lighting, and procedurally generated moon-like terrain with craters. I found a sick free texture on Reddit that I uploaded and it layered on top. Another epic moment was watching it improve performance. It seamlessly moved the physics simulation to a Web Worker. (Kinda cool to see given we just improved support for them in Turbopack 😉)

Created a flag on the moon based with hyper-realistic physics with v0: The flag is simulated as a grid of particles connected by springs (cloth simulation). It's influenced by gravity, wind, air resistance. The initial approach v0 one-shotted was quite simplistic, but giving it references to more sophisticated approaches in C++ and Rust quickly improved it. It was mind-blowing it to see it deeply understand the physics and port new ideas across languages. It simulated a real sun for lighting, and procedurally generated moon-like terrain with craters. I found a sick free texture on Reddit that I uploaded and it layered on top. Another epic moment was watching it improve performance. It seamlessly moved the physics simulation to a Web Worker. (Kinda cool to see given we just improved support for them in Turbopack 😉)

Guillermo Rauch

534,602 views • 3 months ago

Marblie is a web-based 3D marble run game that explores interactive building mechanics and real-time physics simulation in the browser.

Marblie is a web-based 3D marble run game that explores interactive building mechanics and real-time physics simulation in the browser.

Three.js

15,524 views • 1 year ago

🥪 Learn how to make a 3D Sandwich Configurator with React Native and React Three Fiber! 🍭 WawaWonka is hidden in the video with a 🎟️ Golden Ticket to get for free! Be the first to redeem it 👉

🥪 Learn how to make a 3D Sandwich Configurator with React Native and React Three Fiber! 🍭 WawaWonka is hidden in the video with a 🎟️ Golden Ticket to get for free! Be the first to redeem it 👉

Wawa Sensei

39,633 views • 2 years ago

✨ Made a new mini feature on Photo AI: [ Grab from 3d model ] So the problem is we're at that stage in time (typical for AI) where image-to-3d models are not good enough but are fun to play with, but we know they'll be good enough in 1-2 years With [ Make 3d model ] you already can turn any Photo AI pic into a 3d model but it still looks hyper clunky and deformed, but it works! One cool idea I had to make that more useful and made now: Let people make a 3d model then change the view of the it with the 3d viewer, then press [ o ] and it grabs a frame of the 3d That image you can then [ Remix ] (img2img), and it becomes a real photo again and that in turn you can then turn into a video again with [ Make video ] So that essentially gives you a fully freeform camera position control to take photos with One thing I need to fix is the background/skybox, I kinda need to take the original photo and remove the person and just get the background for the 3d model viewer, in this case it should be white, but it's a start!

✨ Made a new mini feature on Photo AI: [ Grab from 3d model ] So the problem is we're at that stage in time (typical for AI) where image-to-3d models are not good enough but are fun to play with, but we know they'll be good enough in 1-2 years With [ Make 3d model ] you already can turn any Photo AI pic into a 3d model but it still looks hyper clunky and deformed, but it works! One cool idea I had to make that more useful and made now: Let people make a 3d model then change the view of the it with the 3d viewer, then press [ o ] and it grabs a frame of the 3d That image you can then [ Remix ] (img2img), and it becomes a real photo again and that in turn you can then turn into a video again with [ Make video ] So that essentially gives you a fully freeform camera position control to take photos with One thing I need to fix is the background/skybox, I kinda need to take the original photo and remove the person and just get the background for the 3d model viewer, in this case it should be white, but it's a start!

@levelsio

119,210 views • 1 year ago

🚀 I'm launching r3f-webgpu-perf today! "npm i r3f-webgpu-perf" One thing I missed while working with WebGPU in React Three Fiber was a performance monitor similar to r3f-perf. The existing tool is fantastic, but it doesn’t support the WebGPU renderer yet. So I decided to build one. ✅ Supports both WebGL and WebGPU ✅ Modern and customizable UI ✅ Lightweight and easy to integrate ✅ Built specifically for React Three Fiber My goal is to turn r3f-webgpu-perf into more than just a metrics dashboard. I want it to become a learning tool that provides real-time optimization suggestions based on the techniques I’ve developed while building hundreds of interactive 3D projects over the last two decades. A vanilla Three.js version is also planned. If you’re building with Three.js, React Three Fiber, or WebGPU, I’d love for you to try it and share your feedback. ⭐ GitHub: 📦 NPM: Every GitHub star helps make the tool better for the entire community. #threejs #creativecoding #webgpu #r3f

🚀 I'm launching r3f-webgpu-perf today! "npm i r3f-webgpu-perf" One thing I missed while working with WebGPU in React Three Fiber was a performance monitor similar to r3f-perf. The existing tool is fantastic, but it doesn’t support the WebGPU renderer yet. So I decided to build one. ✅ Supports both WebGL and WebGPU ✅ Modern and customizable UI ✅ Lightweight and easy to integrate ✅ Built specifically for React Three Fiber My goal is to turn r3f-webgpu-perf into more than just a metrics dashboard. I want it to become a learning tool that provides real-time optimization suggestions based on the techniques I’ve developed while building hundreds of interactive 3D projects over the last two decades. A vanilla Three.js version is also planned. If you’re building with Three.js, React Three Fiber, or WebGPU, I’d love for you to try it and share your feedback. ⭐ GitHub: 📦 NPM: Every GitHub star helps make the tool better for the entire community. #threejs #creativecoding #webgpu #r3f

Anderson Mancini

23,033 views • 28 days ago

Here's a look behind the scenes of how I used a 3d model, generated from an image, as a "driver" for ai animation. In the near future we'll see more 3d tools that support these types of workflows, with much more emphasis on enhancing user input instead of just letting the ai do everything. I used the 3d model to generate keyframes that I then animated in Luma Dream. By using a 3d model with a diffusion "layer" done with Krea, I got quite high quality frames with a relatively high consistency as well since the AI didn't have to "hallucinate" that much. I upscaled and detailed the frames using Magnific. Using semi-detailed 3d models as drivers for gen ai is very powerful, and it allows us to use models that are sculpted in a more free-flowing type of workflow that doesn't rely so much on high surface detailing or very time-consuming finish, but instead relies more on gestural 3d sculpting. #art #ai

Here's a look behind the scenes of how I used a 3d model, generated from an image, as a "driver" for ai animation. In the near future we'll see more 3d tools that support these types of workflows, with much more emphasis on enhancing user input instead of just letting the ai do everything. I used the 3d model to generate keyframes that I then animated in Luma Dream. By using a 3d model with a diffusion "layer" done with Krea, I got quite high quality frames with a relatively high consistency as well since the AI didn't have to "hallucinate" that much. I upscaled and detailed the frames using Magnific. Using semi-detailed 3d models as drivers for gen ai is very powerful, and it allows us to use models that are sculpted in a more free-flowing type of workflow that doesn't rely so much on high surface detailing or very time-consuming finish, but instead relies more on gestural 3d sculpting. #art #ai

Martin Nebelong

48,200 views • 1 year ago

Hi! I haven't posted anything in a while. This is a character I made for a game I'm working on. I combined my style with the PSX texture style. It was fun! #3dart #blender #3D #lowpoly #animation

Hi! I haven't posted anything in a while. This is a character I made for a game I'm working on. I combined my style with the PSX texture style. It was fun! #3dart #blender #3D #lowpoly #animation

DrawnArtBen

26,244 views • 1 year ago

i made a tool that visualizes sound as a 3D data structure notes are placed based on the circle of fifths and relative volume built with threejs and web midi api

i made a tool that visualizes sound as a 3D data structure notes are placed based on the circle of fifths and relative volume built with threejs and web midi api

AA

31,072 views • 7 days ago

If I'm your Live2D rigger, this is how I'll show you the work in progress. (I love making the rotation look 3D and the movement so fluid that it looks like it can dance, even as a WIP.)

If I'm your Live2D rigger, this is how I'll show you the work in progress. (I love making the rotation look 3D and the movement so fluid that it looks like it can dance, even as a WIP.)

Arthur Dreamur 🇻🇪 Live2D COMMISIONS OPEN

16,818 views • 6 months ago

Polkadot’s new website is live. It's a simpler, more human introduction to a complex system. The last decade built the protocol; that work continues. In the decade ahead, the focus shifts to the products and experiences built on top of it. This is v0. It will evolve as products emerge. →

Polkadot’s new website is live. It's a simpler, more human introduction to a complex system. The last decade built the protocol; that work continues. In the decade ahead, the focus shifts to the products and experiences built on top of it. This is v0. It will evolve as products emerge. →

Polkadot

283,231 views • 6 months ago

When I heard Daytona USA was coming to the Sega Saturn, I sold all my other consoles and saved up for it. Finally got the Saturn and Daytona running at home—total mind-blow 🤯. Sure, it wasn’t quite arcade-perfect, but just being able to play it at home was enough. By the time Dreamcast came around, the port was almost flawless. Fun fact: Saturn was almost done as a 2D machine, but after seeing PlayStation’s 3D power, Sega tweaked it late—3D performance ended up a bit lacking. Irony is, the same Sega that pioneered 3D with Virtua Racing and Virtua Fighter thought consoles weren’t ready yet.

When I heard Daytona USA was coming to the Sega Saturn, I sold all my other consoles and saved up for it. Finally got the Saturn and Daytona running at home—total mind-blow 🤯. Sure, it wasn’t quite arcade-perfect, but just being able to play it at home was enough. By the time Dreamcast came around, the port was almost flawless. Fun fact: Saturn was almost done as a 2D machine, but after seeing PlayStation’s 3D power, Sega tweaked it late—3D performance ended up a bit lacking. Irony is, the same Sega that pioneered 3D with Virtua Racing and Virtua Fighter thought consoles weren’t ready yet.

Gamer_lafan

32,531 views • 4 months ago

I love how every patch they find a way to top the previous one. The fact they were able to capture the doubt without a cutscene is insane for a 3d gacha game. It feels like you’re watching a movie without being bored

I love how every patch they find a way to top the previous one. The fact they were able to capture the doubt without a cutscene is insane for a 3d gacha game. It feels like you’re watching a movie without being bored

Agnis

22,303 views • 3 months ago

Ok recently Pixel Gun 3D added the final world to the campaign, which is world 5 and it has genuinely the worst video game ending I have ever seen just look: AI generated voice with shitty cutscene that plugs Pixel Gun 3D 2 ok…

Ok recently Pixel Gun 3D added the final world to the campaign, which is world 5 and it has genuinely the worst video game ending I have ever seen just look: AI generated voice with shitty cutscene that plugs Pixel Gun 3D 2 ok…

♠️♥️Jib_Loger♦️♣️

195,830 views • 2 months ago

Yes, AI is here and 3D artists have to adapt. Here's one way I'm integrating AI with my 3D work, as a set extension. The BG is generated by Kling 3.0 and brought into my 3D scene so I can fully control the timing of the lights in the FG, which is 3D. Seedance 2.0 next!!

Yes, AI is here and 3D artists have to adapt. Here's one way I'm integrating AI with my 3D work, as a set extension. The BG is generated by Kling 3.0 and brought into my 3D scene so I can fully control the timing of the lights in the FG, which is 3D. Seedance 2.0 next!!

David Ariew

29,651 views • 4 months ago

This is 🌠 HYPAHEAD 🌠 It's the first prototype game we made as a way to learn about working in 3D in Unreal. How does it look?

This is 🌠 HYPAHEAD 🌠 It's the first prototype game we made as a way to learn about working in 3D in Unreal. How does it look?

The Plucky Squire 📖

42,916 views • 1 year ago

Currently testing Hunyuan brand new 2.5 model for image to 3D. YUP! It's MAJOR improvement over 2.0, especially with making details look sharper, it can also reconstruct more detail. It also generates PBR materials now and you can automatically rig the character on the website. It's much better than Trellis and Tripo from my testing! Took it into Blender as well to compare Hunyuan 2.5 (on the left) and Hunyuan 2.0 (on the right). I wanted to see the mesh with a solid and material preview. If you're doing 3D printing, these would probably work very well. However...the biggest issue here is still topology which is a complete and utter mess, there's also still issues with texture projection...and the entire model is a single mesh, there needs to be a method to generate the model in parts BUT this tech is certainly improving. As someone that is also a 3D artist, I actually want to see what this tech is capable of generating to output 3D models.

Travis Davids

45,357 views • 1 year ago

I prompted Omma to build a #threejs app with real dynamic lighting on a 3D mesh - generated from a single image, using Depth Anything v2 + Transformers from Hugging Face ⚡ Depth estimation in the browser 🫧 3D mesh from the depth map 💡 Dynamic lighting reacting to the geometry No manual code. Pure AI prompting. The future of 3D on the web feels wide open.

I prompted Omma to build a #threejs app with real dynamic lighting on a 3D mesh - generated from a single image, using Depth Anything v2 + Transformers from Hugging Face ⚡ Depth estimation in the browser 🫧 3D mesh from the depth map 💡 Dynamic lighting reacting to the geometry No manual code. Pure AI prompting. The future of 3D on the web feels wide open.

Joseph Azar

14,041 views • 2 months ago

Yes, it is real! I took this screen recording myself in the 3D view. You can see that it is on the top of an enormous mountain, near a steep drop off ⚠️

Yes, it is real! I took this screen recording myself in the 3D view. You can see that it is on the top of an enormous mountain, near a steep drop off ⚠️

Matt Wallace

443,799 views • 5 months ago