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.

Machine learning meets 3D web dev 🚗 I used Proximal Policy Optimization to train an AI to navigate a 3D racetrack, combining tensorflow.js and three.js Live: Code: Car driving mechanics from Bruno Simon #MachineLearning #AI #TensorFlow #threejsJourney #threejs

Fredrik

1,168 subscribers

13,756 views • 2 years ago •via X (Twitter)

Science & Technology #MachineLearning #AI

Anya Rossi• Live Now

Private livecam show

5 Comments

Gabriel Sahlieh2 years ago

@bruno_simon Insane

Goutham_k2 years ago

@bruno_simon Hey,im keen to know how to build similar to these. Im a mern stack developer ( not yet having a good hold on that). Could you please guide me on how to proceed further with web dev and later with aiml , so that I can intergrate aiml in web dev. Would be great if you guide me .

Sameer Rana2 years ago

@bruno_simon Ahan thats great

Nφnity2 years ago

@bruno_simon This is really cool ! I see you're a student of @bruno_simon as well 👌🏼

minthu2 years ago

@bruno_simon This is so cool. I'd like to play it as FPV too.

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,817 views • 4 months ago

⚡ GLTF Optimizer Optimize your 3D models for the web in seconds. Reduce file size, improve performance, and keep your #threejs scenes smooth all without losing quality. Perfect for faster 3D workflows. 👉 Creator: Simon #threejs #WebGL #3D #Optimization #Workflow #Performance #3DDev

⚡ GLTF Optimizer Optimize your 3D models for the web in seconds. Reduce file size, improve performance, and keep your #threejs scenes smooth all without losing quality. Perfect for faster 3D workflows. 👉 Creator: Simon #threejs #WebGL #3D #Optimization #Workflow #Performance #3DDev

Three.js Resources

18,026 views • 4 months ago

Particles in 3D Models (OBJ/FBX) Demo and Source Code: #threejs Three.js #webgl #particles #3dmodeling

Particles in 3D Models (OBJ/FBX) Demo and Source Code: #threejs Three.js #webgl #particles #3dmodeling

Sabo Sugi

10,653 views • 4 months ago

i made a tutorial for my 3D data visualization project it's how I imagine Tony Stark and Jarvis doing data analysis :] built with Three.js, mediapipe AI vision, and web speech API thread below with the code, tutorial, and live demo ↴

i made a tutorial for my 3D data visualization project it's how I imagine Tony Stark and Jarvis doing data analysis :] built with Three.js, mediapipe AI vision, and web speech API thread below with the code, tutorial, and live demo ↴

AA

84,065 views • 10 months 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 • 1 month ago

🚀 Big News! The Three.js Resources website just got a massive design upgrade! 🎨✨ It's now easier than ever for users to navigate in the directory and and enjoy improved readability. Share your thoughts below👇 #threejs Three.js Bruno Simon Codrops

🚀 Big News! The Three.js Resources website just got a massive design upgrade! 🎨✨ It's now easier than ever for users to navigate in the directory and and enjoy improved readability. Share your thoughts below👇 #threejs Three.js Bruno Simon Codrops

Three.js Resources

16,817 views • 1 year ago

2/ 3D world-building with NVIDIA NVIDIA used Edify AI to create a detailed 3D desert in minutes during a live demo Edify 3D generates editable 3D meshes from text or image prompts

2/ 3D world-building with NVIDIA NVIDIA used Edify AI to create a detailed 3D desert in minutes during a live demo Edify 3D generates editable 3D meshes from text or image prompts

Poonam Soni

107,014 views • 1 year ago

It’s time for photorealistic 3D to be everywhere on the web! Announcing our Three.js & React-Three-Fiber library for #GaussianSplatting! Capture from your phone, integrate anywhere, customize to match your brand, and build shaders/effects. Available now 👉 #3DGS #3D #threejs #LumaAI

Luma

230,426 views • 2 years ago

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:

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

45,706 views • 2 months ago

Our research introduces a system that enables you to generate 3D environments from text prompts and train embodied AI agents within them! Website: Code: How did we leverage Objaverse assets to create interactive 3D environments? 👇

Our research introduces a system that enables you to generate 3D environments from text prompts and train embodied AI agents within them! Website: Code: How did we leverage Objaverse assets to create interactive 3D environments? 👇

Fan-Yun Sun

35,921 views • 2 years ago

EA just dropped the Command & Conquer source For fun, I fed it to Cursor to: 1. Learn the code 2. Recreate in 3D w/ ThreeJS ONE prompt + a few iterations. Minimap, unit selection, construction, resource mgmt. AI + Gamedev FTW. Should I keep pushing this, if time permits? Three.js Electronic Arts Cursor #gamedev #aigamedev #CursorAI #threejs

EA just dropped the Command & Conquer source For fun, I fed it to Cursor to: 1. Learn the code 2. Recreate in 3D w/ ThreeJS ONE prompt + a few iterations. Minimap, unit selection, construction, resource mgmt. AI + Gamedev FTW. Should I keep pushing this, if time permits? Three.js Electronic Arts Cursor #gamedev #aigamedev #CursorAI #threejs

Chong-U

33,355 views • 1 year ago

⚡️Live: You don't always need to use 3D elements in #threejs. In this example, a simple plane with a normal/displacement texture and lights that follows the mouse gives nice effects😍 The source code is here: #threejsJourney #r3f

⚡️Live: You don't always need to use 3D elements in #threejs. In this example, a simple plane with a normal/displacement texture and lights that follows the mouse gives nice effects😍 The source code is here: #threejsJourney #r3f

Anderson Mancini

47,570 views • 3 years ago

I wanted to make a portfolio site but I didn't want to make a lame one so I spent the last ~4 months learning web dev and Three.js from scratch to make this really pretty one try it out and let me know what you think (link in replies) #threejs #webgpu #shaders

I wanted to make a portfolio site but I didn't want to make a lame one so I spent the last ~4 months learning web dev and Three.js from scratch to make this really pretty one try it out and let me know what you think (link in replies) #threejs #webgpu #shaders

Swifter

12,832 views • 2 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

Netflix has already used Machine Learning based on their content library to train an AI to do match cuts. They are very excited about it.

Netflix has already used Machine Learning based on their content library to train an AI to do match cuts. They are very excited about it.

Van

6,093,406 views • 3 years ago

Transform your ideas into 3D with ease! 🎨✨ Tripo AI uses AI to help you create 3D models in no time. is this the future of 3d design? 🚀 Check it out: #Threejs #WebGL #AI

Transform your ideas into 3D with ease! 🎨✨ Tripo AI uses AI to help you create 3D models in no time. is this the future of 3d design? 🚀 Check it out: #Threejs #WebGL #AI

Three.js Resources

58,819 views • 1 year ago

which tutorial (+code) should I release next? > Left: 3D graph data viz > Right: Severance game projects are built with Three.js and mediapipe AI vision learn how to build real-time hand tracking apps for 3D design, games, etc.

which tutorial (+code) should I release next? > Left: 3D graph data viz > Right: Severance game projects are built with Three.js and mediapipe AI vision learn how to build real-time hand tracking apps for 3D design, games, etc.

AA

19,426 views • 11 months ago

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:

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

44,925 views • 2 months ago

I'm sharing a tutorial on creating interactive 3D experiences, combining Three.js and MediaPipe hand tracking 👋💠 In this 🧵: - a step-by-step guide including the 4 prompts I used to build this demo - the open source code - Other thoughts about vibe coding

I'm sharing a tutorial on creating interactive 3D experiences, combining Three.js and MediaPipe hand tracking 👋💠 In this 🧵: - a step-by-step guide including the 4 prompts I used to build this demo - the open source code - Other thoughts about vibe coding

AA

151,255 views • 1 year ago

3D editing is hard: you need to ground an image + instruction and generate a faithful 3D shape in one forward pass -- no test-time optimization. So, we steer pretrained image-to-3D representations to do text-guided 3D edits; no massive 3D edit-pair dataset needed. Key trap: the “no-edit” solution is a nasty local minimum. We fix it with preference optimization, pushing the model to actually edit. Steer3D is the second work that adapts alignment ideas from LLMs to the 3D modality. SAM 3D also used DPO to improve its 3D generations.

3D editing is hard: you need to ground an image + instruction and generate a faithful 3D shape in one forward pass -- no test-time optimization. So, we steer pretrained image-to-3D representations to do text-guided 3D edits; no massive 3D edit-pair dataset needed. Key trap: the “no-edit” solution is a nasty local minimum. We fix it with preference optimization, pushing the model to actually edit. Steer3D is the second work that adapts alignment ideas from LLMs to the 3D modality. SAM 3D also used DPO to improve its 3D generations.

Georgia Gkioxari

115,844 views • 5 months ago