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.

pretty easy to make games in react. also lots of pre-existing examples. 🍻 a physics based example using react-three/rapier fullscreen: sandbox:

☄︎

57,543 subscribers

25,962 views • 2 years ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

3 Comments

Gabriel Torres2 years ago

Masterpiece as always 🤌

jeffscottworld2 years ago

What’s the fundamental differences between cannon rapier and all these physics engines?

☄︎2 years ago

Cannon slow and hard to use, rapier fast and easy to use

Related Videos

i'm playing around with React Native new architecture examples using react-native@0.74-rc and react@18.3-canary, and it's pretty cool to see automatic batching with native event handlers in action.

i'm playing around with React Native new architecture examples using [email protected] and [email protected], and it's pretty cool to see automatic batching with native event handlers in action.

brent

80,876 views • 2 years ago

I'm looking for a Frontend developer role for contract, part-time or full-time (based in Atlanta or remote). I specialize in React/React Native. An app I built using Nextjs, Prisma, Xata and Inngest. Also a video of a React Native app I'm working on.

I'm looking for a Frontend developer role for contract, part-time or full-time (based in Atlanta or remote). I specialize in React/React Native. An app I built using Nextjs, Prisma, Xata and Inngest. Also a video of a React Native app I'm working on.

Michael

172,174 views • 2 years ago

🎮 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,990 views • 8 months 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,667 views • 2 years ago

Opus 4.6 vs Gemini Pro 3.1 (7/9) I wanted to do a physics simulation test, overall both models did a good job in this department, however Opus added nice animations to things like "Fan", "Magnet" whilst gemini just rendered them out as a red circle. Opus also included way more effects in its toolbox, like rocket, connecting shapes with rope, springs etc. Should note that in all of these tests, Opus one shotted all of them, whilst gemini took an extra 3-5 prompts to get the project compile :) prompt: Build a polished physics sandbox toy using React + Vite with a real physics engine (Matter.js or Rapier), where users can spawn, grab, throw, and connect objects with springs, hinges, and ropes, plus interactive gadgets like fans and thrusters.

Opus 4.6 vs Gemini Pro 3.1 (7/9) I wanted to do a physics simulation test, overall both models did a good job in this department, however Opus added nice animations to things like "Fan", "Magnet" whilst gemini just rendered them out as a red circle. Opus also included way more effects in its toolbox, like rocket, connecting shapes with rope, springs etc. Should note that in all of these tests, Opus one shotted all of them, whilst gemini took an extra 3-5 prompts to get the project compile :) prompt: Build a polished physics sandbox toy using React + Vite with a real physics engine (Matter.js or Rapier), where users can spawn, grab, throw, and connect objects with springs, hinges, and ropes, plus interactive gadgets like fans and thrusters.

Dev Ed

28,179 views • 7 months ago

Opus 4.6 vs Gemini 3 Pro (3/9) prompt: Build a premium interactive isometric 3D cozy room using Vite + React + Three.js (react-three-fiber/drei), with all objects modeled in code (no external assets) and subtle ambient animations. Gemini looks good on initial impression but I feel like I have way more to work with opus here (opus also did light/dark mode and took a quarter of the time to make it).

Opus 4.6 vs Gemini 3 Pro (3/9) prompt: Build a premium interactive isometric 3D cozy room using Vite + React + Three.js (react-three-fiber/drei), with all objects modeled in code (no external assets) and subtle ambient animations. Gemini looks good on initial impression but I feel like I have way more to work with opus here (opus also did light/dark mode and took a quarter of the time to make it).

Dev Ed

77,206 views • 7 months ago

Our English commentators TNS | Rome_Himself and HellPockets@RemoteCommentary🍻 react to the announcement of a balance update coming to THE KING OF FIGHTERS XV in July 2026. #EvoJapan2026

Our English commentators TNS | Rome_Himself and HellPockets@RemoteCommentary🍻 react to the announcement of a balance update coming to THE KING OF FIGHTERS XV in July 2026. #EvoJapan2026

Evo

25,980 views • 5 months ago

xQc expresses his desire to be a professor at Streamer University "Sounds pretty lit, we will be there..I have a PhD in react, guys I literally have made react..I'm one of the founders of react..I can turn 20 min of absolute sloppy dogsh*t into an hour of even worse content"

xQc expresses his desire to be a professor at Streamer University "Sounds pretty lit, we will be there..I have a PhD in react, guys I literally have made react..I'm one of the founders of react..I can turn 20 min of absolute sloppy dogsh*t into an hour of even worse content"

yeet

23,608 views • 4 months ago

Excited to launch react-three/xr🤳🥽 Leverage the latest WebXR features, reuse your existing interactions, and advance what is possible in AR and VR on the Web. ↳ Turn your existing R3F app into an AR or VR experience with only a few lines of code. 🎉

Excited to launch react-three/xr🤳🥽 Leverage the latest WebXR features, reuse your existing interactions, and advance what is possible in AR and VR on the Web. ↳ Turn your existing R3F app into an AR or VR experience with only a few lines of code. 🎉

Bela Bohlender

40,135 views • 2 years ago

Lots of emotional responses to Trump’s tariffs, let’s just not react emotionally because it will be bad for the country. I’ll use cutting off oil and gas exports as an example of why this is a bad idea.

Lots of emotional responses to Trump’s tariffs, let’s just not react emotionally because it will be bad for the country. I’ll use cutting off oil and gas exports as an example of why this is a bad idea.

Brian Lilley

314,689 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

24,458 views • 4 months ago

BREAKING - FIERY: General Michael Langley, Commander of the U.S. Africa Command (AFRICOM) forced by @RepMattGaetz to admit that the U.S. is using taxpayers' money to train some coup leaders in Africa during fiery questioning. He even gave these examples. Watch and react.

BREAKING - FIERY: General Michael Langley, Commander of the U.S. Africa Command (AFRICOM) forced by @RepMattGaetz to admit that the U.S. is using taxpayers' money to train some coup leaders in Africa during fiery questioning. He even gave these examples. Watch and react.

Simon Ateba

348,904 views • 3 years ago

TVN make a compilation of how the female lead in all TVN dramas would react to seon jaegyu 😭🤣 #SpringFever

TVN make a compilation of how the female lead in all TVN dramas would react to seon jaegyu 😭🤣 #SpringFever

gie |seon jaegyu🌸🍃

76,203 views • 9 months ago

Game juice isn't just about particles and postprocessing, Your UI should react to what happens on screen too! In this example, the UI gets various VFX effects reacting to what happens. There are also shader animations to make it feel alive. #Gamedev #indiedev #GodotEngine

Game juice isn't just about particles and postprocessing, Your UI should react to what happens on screen too! In this example, the UI gets various VFX effects reacting to what happens. There are also shader animations to make it feel alive. #Gamedev #indiedev #GodotEngine

Alex

56,213 views • 1 year ago

Justin Verlander on the biggest change in pitching since 2005: Analytics changed everything. Some of it's great. But JV says the danger now is analysts deciding whether a pitch is good based on the data, instead of how hitters actually react to it in games.

Justin Verlander on the biggest change in pitching since 2005: Analytics changed everything. Some of it's great. But JV says the danger now is analysts deciding whether a pitch is good based on the data, instead of how hitters actually react to it in games.

Rob Friedman

376,453 views • 2 months ago

Trying to make this creature walk towards the future of gaming where muscle controlled characters act in physics based games. It has 4 muscules controlled by gamepad sticks. It walks on a ground made of simulated particles.

Trying to make this creature walk towards the future of gaming where muscle controlled characters act in physics based games. It has 4 muscules controlled by gamepad sticks. It walks on a ground made of simulated particles.

Zolden

23,873 views • 1 year ago

Here's a fun little thing to make battles look a bit more dynamic: battle backgrounds react to sound in real time, so they also act as visualizers to the battle music. #EarthBound #MOTHER2 #GodotEngine

Here's a fun little thing to make battles look a bit more dynamic: battle backgrounds react to sound in real time, so they also act as visualizers to the battle music. #EarthBound #MOTHER2 #GodotEngine

Earthbound Dimensions

28,374 views • 1 year ago

🚨BREAKING: Another web3 game shuts down. Building games is not easy, these games need millions of dollars in funding to make it. That’s why my bet continues to be indie games not aspiring to be AAA games. Looks good but it is evident this game needed lots of funding 👇

🚨BREAKING: Another web3 game shuts down. Building games is not easy, these games need millions of dollars in funding to make it. That’s why my bet continues to be indie games not aspiring to be AAA games. Looks good but it is evident this game needed lots of funding 👇

cagy | youtube/cagyjan

65,518 views • 1 year ago

Building a React Native app for Android from default template? Then chances are you're also shipping: 🔍 unused code 🐛 debug artifacts 📦 code that’s bigger than necessary In Episode 3 of React Native Optimization in Practice, Michał Pierzchała shows how to fix it with R8.

Building a React Native app for Android from default template? Then chances are you're also shipping: 🔍 unused code 🐛 debug artifacts 📦 code that’s bigger than necessary In Episode 3 of React Native Optimization in Practice, Michał Pierzchała shows how to fix it with R8.

Callstack Engineers

1,316,035 views • 1 year ago