Loading video...

Video Failed to Load

Go Home

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. ๐ŸŽ‰

40,102 views โ€ข 1 year ago โ€ขvia X (Twitter)

10 Comments

Bela Bohlender's profile picture
Bela Bohlender1 year ago

react-three/xr is a major rewrite of react-xr The focus is on compatibility with the react-three ecosystem. Read more on react-three/xr here or here

Bela Bohlender's profile picture
Bela Bohlender1 year ago

All examples in the video are open-source and live

Bela Bohlender's profile picture
Bela Bohlender1 year ago

The example with the little robot was built by an awesome team at a hackathon in 64 hours @Tim_kkk @tycharissa @Wawa_Game @wrangelvid and can be tried here

Bela Bohlender's profile picture
Bela Bohlender1 year ago

This wouldn't be possible without the support of the @pmndrs team, who are constantly allowing me to learn and grow โค๏ธ

Oskar Kwaล›niewski's profile picture
Oskar Kwaล›niewski1 year ago

Congrats on the launch ๐Ÿš€ Great work ๐Ÿ‘

Mohit Kumar Toshniwal's profile picture
Mohit Kumar Toshniwal1 year ago

Finally ๐Ÿš€๐Ÿš€๐Ÿš€

Yuri Silva's profile picture
Yuri Silva1 year ago

๐Ÿ‘๐Ÿ‘

abdel369.eth ๐“‡ถ๐“น's profile picture
abdel369.eth ๐“‡ถ๐“น1 year ago

amazing work thank you

Roman's profile picture
Roman1 year ago

So cool !! Now i have to find 300 extra bucks to buy a VR headset ๐Ÿ˜…

Tyson Skakun's profile picture
Tyson Skakun1 year ago

Wow, this looks amazing, and really developer friendly, Iโ€™m excited to try!

Related Videos

๐Ÿ“ฃ I talk a lot about Meta SDKs because I spend a lot of time with these tools. But also when someone asks me what VR/MR tools they can use for cross platform support, I recommend ๐—จ๐—ป๐—ถ๐˜๐˜†โ€™๐˜€ ๐—ซ๐—ฅ ๐—ง๐—ผ๐—ผ๐—น๐—ธ๐—ถ๐˜ which provides: - ๐—–๐—ฟ๐—ผ๐˜€๐˜€-๐—ฝ๐—น๐—ฎ๐˜๐—ณ๐—ผ๐—ฟ๐—บ ๐˜€๐˜‚๐—ฝ๐—ฝ๐—ผ๐—ฟ๐˜: Meta Quest, OpenXR, Windows Mixed Reality, + more - ๐—œ๐—ป๐˜๐—ฒ๐—ฟ๐—ฎ๐—ฐ๐˜๐—ถ๐—ผ๐—ป๐˜€: Hover, select, grab - ๐—™๐—ฒ๐—ฒ๐—ฑ๐—ฏ๐—ฎ๐—ฐ๐—ธ: Haptic + visual tint/line for possible & active interactions - ๐—จ๐—œ: Canvas interaction via XR controllers - ๐—จ๐˜๐—ถ๐—น๐—ถ๐˜๐—ถ๐—ฒ๐˜€: XR Origin support for stationary & room-scale VR - ๐—ซ๐—ฅ ๐—›๐—ฎ๐—ป๐—ฑ๐˜€: this is an extended package to support more advanced hand tracking interactions ๐Ÿ‘‰ Also, it supports ๐—”๐—ฅ ๐—ณ๐—ผ๐—ฟ ๐—บ๐—ผ๐—ฏ๐—ถ๐—น๐—ฒ ๐—ณ๐—ฒ๐—ฎ๐˜๐˜‚๐—ฟ๐—ฒ๐˜€ ๐˜๐—ต๐—ฟ๐—ผ๐˜‚๐—ด๐—ต ๐—”๐—ฅ ๐—™๐—ผ๐˜‚๐—ป๐—ฑ๐—ฎ๐˜๐—ถ๐—ผ๐—ป, the features are: - ๐—”๐—ฅ ๐—ด๐—ฒ๐˜€๐˜๐˜‚๐—ฟ๐—ฒ ๐˜€๐˜†๐˜€๐˜๐—ฒ๐—บ: Maps screen touches to Input System gesture events via TouchscreenGestureInputController - ๐—ฆ๐—ฐ๐—ฟ๐—ฒ๐—ฒ๐—ป-๐˜€๐—ฝ๐—ฎ๐—ฐ๐—ฒ ๐—ถ๐—ป๐—ฝ๐˜‚๐˜: Feeds touch data into XRRayInteractor for AR interaction - ๐—”๐—ฅ๐—ง๐—ฟ๐—ฎ๐—ป๐˜€๐—ณ๐—ผ๐—ฟ๐—บ๐—ฒ๐—ฟ: Converts place, select, translate, rotate, scale gestures into object manipulation ๐Ÿ‘จโ€๐Ÿ’ป And to emulate your apps/games without physical devices I recommend the following: - ๐—ซ๐—ฅ ๐——๐—ฒ๐˜ƒ๐—ถ๐—ฐ๐—ฒ ๐—ฆ๐—ถ๐—บ๐˜‚๐—น๐—ฎ๐˜๐—ผ๐—ฟ for VR/MR to test your interactions - ๐—”๐—ฅ ๐—™๐—ผ๐˜‚๐—ป๐—ฑ๐—ฎ๐˜๐—ถ๐—ผ๐—ป ๐—ฅ๐—ฒ๐—บ๐—ผ๐˜๐—ฒ ๐Ÿฎ.๐Ÿฌ for AR Foundation testing, this allows you to remotely test all the AR features by connecting the Unity editor to your physical device (iOS or Android) ๐Ÿ’ก Are you using Unityโ€™s XR Toolkit? ISDK? any other toolkit?

Dilmer ๐Ÿ‘“

12,943 views โ€ข 1 month ago