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.

WebXR Plane Detection + Rapier.js #threejs

mrdoob

86,250 subscribers

85,140 views • 3 years ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

8 Comments

mrdoob3 years ago

Now with shadows

mrdoob3 years ago

Someday we'll be able to record XR in slow motion 😁

mrdoob3 years ago

30 añazos después 😬

Marco Ludovico Perego3 years ago

Great! We had fun and at the same time cried about doing about the same thing here

mrdoob3 years ago

Why did you cry?

Wawa Sensei3 years ago

It's a lot of balls... will be a pain to tidy the room 😂

Sören G.3 years ago

Good stuff. Could this be run on a mobile phone just with cameras?

mrdoob3 years ago

It could, but mobile-ar is not that fun.

Related Videos

Exploring irradiance probes... 👀 #threejs

Exploring irradiance probes... 👀 #threejs

mrdoob

19,994 views • 3 months ago

Vibe coded yet another idea I’ve had for a while: A Chrome extension that emulates the WebXR API + Hand Input Module using just a webcam and mediapipe. Makes it much easier to test WebXR apps without a headset.

Vibe coded yet another idea I’ve had for a while: A Chrome extension that emulates the WebXR API + Hand Input Module using just a webcam and mediapipe. Makes it much easier to test WebXR apps without a headset.

mrdoob

26,049 views • 5 months ago

This year's Pixel line up 3D models look amazing ~~ Congrats to the team! #threejs #modelviewer

This year's Pixel line up 3D models look amazing ~~ Congrats to the team! #threejs #modelviewer

mrdoob

13,655 views • 1 year ago

First things first. Enable WebXR on Safari for Vision Pro. Just two toggles: - WebXR Device API - WebXR Hand Input Module

First things first. Enable WebXR on Safari for Vision Pro. Just two toggles: - WebXR Device API - WebXR Hand Input Module

Diego

41,741 views • 2 years ago

Meta Quest 3 users can beta test at in the Meta Quest 3 Browser - its a #WebXR #threejs webpage so no installs needed. Let me know how you get on! 👾 #MetaQuest3 #MixedReality

Meta Quest 3 users can beta test at in the Meta Quest 3 Browser - its a #WebXR #threejs webpage so no installs needed. Let me know how you get on! 👾 #MetaQuest3 #MixedReality

Dominic Pajak

73,036 views • 2 years ago

My water experiment in #webxr using #threejs is live. If you have a WebXR-compatible device, you can access it here: For now, the experience is optimized for #MetaQuest3. I plan to add support for more devices and improve performance. The source code review video will be available soon on my YouTube channel. I hope you like it 😊 #threejsJourney #ar #vr

My water experiment in #webxr using #threejs is live. If you have a WebXR-compatible device, you can access it here: For now, the experience is optimized for #MetaQuest3. I plan to add support for more devices and improve performance. The source code review video will be available soon on my YouTube channel. I hope you like it 😊 #threejsJourney #ar #vr

Anderson Mancini

11,006 views • 1 year ago

Just discovered Blockade Labs - what a game changer! Spent my night building a simple #WebXR client for it using #threejs and now I can spend hours exploring these marvelous worlds without taking off my headset. 🤯🚀 #VR #stablediffusion

Just discovered Blockade Labs - what a game changer! Spent my night building a simple #WebXR client for it using #threejs and now I can spend hours exploring these marvelous worlds without taking off my headset. 🤯🚀 #VR #stablediffusion

Felix Z

29,859 views • 3 years ago

I made a quick little threejs previewer for patina outputs. paste the json, click apply, preview it within threejs on a plane or sphere with an HDRI or basic lighting (via the Three Lights option in the HDRI dropdown)

I made a quick little threejs previewer for patina outputs. paste the json, click apply, preview it within threejs on a plane or sphere with an HDRI or basic lighting (via the Three Lights option in the HDRI dropdown)

Codetaur

54,218 views • 1 month ago

Elysian is the first WebXR game on Quest's Meta Horizon Store, an example of how WebXR developers can leverage store discoverability. Details here:

Elysian is the first WebXR game on Quest's Meta Horizon Store, an example of how WebXR developers can leverage store discoverability. Details here:

UploadVR

27,346 views • 10 months ago

🏛️ Story Showcase: Sudan has over 200 pyramids. Most people have never heard of them. Google Arts & Culture (Google Arts&Culture) built a scrolling 3D experience that lets you explore the Pyramids of Meroë, peek inside burial chambers, and drop a pyramid into your room via WebXR. Photogrammetry scans optimized for mobile, hand-drawn illustrations, and a still-undeciphered ancient script. 🔗 CC: Draw & Code ✍️👩‍💻 #WebGL #ThreeJS #WebXR #Sudan #Pyramids

🏛️ Story Showcase: Sudan has over 200 pyramids. Most people have never heard of them. Google Arts & Culture (Google Arts&Culture) built a scrolling 3D experience that lets you explore the Pyramids of Meroë, peek inside burial chambers, and drop a pyramid into your room via WebXR. Photogrammetry scans optimized for mobile, hand-drawn illustrations, and a still-undeciphered ancient script. 🔗 CC: Draw & Code ✍️👩‍💻 #WebGL #ThreeJS #WebXR #Sudan #Pyramids

WebGL / WebGPU

12,865 views • 4 months ago

While we keep pushing hard & get ready for our studio launch, a few commercial projects recently fell through. We are now AVAILABLE & looking for new opportunities. Please help us spreading the word! 🙏🏽 #webgl #threejs #webxr #immersiveweb #installations /cc fil studio

While we keep pushing hard & get ready for our studio launch, a few commercial projects recently fell through. We are now AVAILABLE & looking for new opportunities. Please help us spreading the word! 🙏🏽 #webgl #threejs #webxr #immersiveweb #installations /cc fil studio

Edu Prats

13,664 views • 2 years ago

Playing around with ThreeJS & MapBox, check it out and explore the world! (WIP) So far I've added support for - Driving! - Teleporting to any location - Navigation to any location - Simple collision detection

Playing around with ThreeJS & MapBox, check it out and explore the world! (WIP) So far I've added support for - Driving! - Teleporting to any location - Navigation to any location - Simple collision detection

William Holmberg

102,504 views • 1 year ago

SKYBX - my immersive #WebXR experience powered by Blockade Labs - is now LIVE! 🚀 Explore infinite possibilities and experience stunning AI-generated worlds with simple prompts. Ready to follow your heart to the next destination? Check it out ➡️ Built with #threejs and #threemeshui #GenerativeAI #VR

SKYBX - my immersive #WebXR experience powered by Blockade Labs - is now LIVE! 🚀 Explore infinite possibilities and experience stunning AI-generated worlds with simple prompts. Ready to follow your heart to the next destination? Check it out ➡️ Built with #threejs and #threemeshui #GenerativeAI #VR

Felix Z

120,706 views • 3 years ago

How to enable WebXR on Vision Pro

How to enable WebXR on Vision Pro

Michael Gold

187,998 views • 2 years ago

Three.js on Apple Vision Pro ❤️ WebKit #WebXR

Three.js on Apple Vision Pro ❤️ WebKit #WebXR

Karan Ganesan

79,190 views • 3 years ago

Released WebXR Export + Unity XR Interaction Toolkit support🎉 AR + VR modes, on headsets and phones. Hands tracking. WebXR Input Profiles. Mixed Reality Capture. Try at Get at #VirtualReality #MixedReality #ScreenshotSaturday

Released WebXR Export + Unity XR Interaction Toolkit support🎉 AR + VR modes, on headsets and phones. Hands tracking. WebXR Input Profiles. Mixed Reality Capture. Try at Get at #VirtualReality #MixedReality #ScreenshotSaturday

De-Panther

40,656 views • 2 years ago

Quest Browser 146.o now ships with experimental support for WebGPU in #WebXR. Turn on "webXR experimental features" in "chrome://flags" and the API will be available. Feedback welcome!

Quest Browser 146.o now ships with experimental support for WebGPU in #WebXR. Turn on "webXR experimental features" in "chrome://flags" and the API will be available. Feedback welcome!

@[email protected]

17,899 views • 1 month ago

Zero Hand Tracking is here! Working on the OS and sensor integration. Accesibility is key, that's why apps are HTML/CSS/JS 2D web apps render as panels in front of you. It's really easy to make this kind of app for Zero 3D apps, like below, run over WebXR, here using #threejs

Zero Hand Tracking is here! Working on the OS and sensor integration. Accesibility is key, that's why apps are HTML/CSS/JS 2D web apps render as panels in front of you. It's really easy to make this kind of app for Zero 3D apps, like below, run over WebXR, here using #threejs

Miroslav Kotalík

13,108 views • 1 year ago

Few know this yet, but Hyperfy has built an insanely well-performing WebXR engine. 🔹 Almost 100Hz feel on my Quest 3 🔹 Runs buttery smooth in a browser, standalone 🔹 Even screen recording doesn’t cause noticeable frame drops Hard to believe this is WebXR. Three.js #WebXR 🔗 Link to try it yourself in the comments!

Few know this yet, but Hyperfy has built an insanely well-performing WebXR engine. 🔹 Almost 100Hz feel on my Quest 3 🔹 Runs buttery smooth in a browser, standalone 🔹 Even screen recording doesn’t cause noticeable frame drops Hard to believe this is WebXR. Three.js #WebXR 🔗 Link to try it yourself in the comments!

𝚟𝚘𝚡𝚟𝚒𝚎𝚗𝚗𝚎

19,660 views • 1 year ago

Hack the Planet!

Hack the Planet!

Three.js

16,985 views • 23 days ago