react-xr icon indicating copy to clipboard operation
react-xr copied to clipboard

Published 20 hours ago • verified publisher icon pmndrs

How to use arjs with react-xr ?

Open carllx opened this issue 4 years ago • 6 comments

I am learning to switch from A-frame to RTF's Ecosystem. In @react-three/xr 's README.md, I found an ar 's example, which is great. I believe that AR interaction is already a huge demand.It connects the real space and adds great value to the objects in the real space. Now I hope to develop an AR app like Aframe to make some fun recognition behaviors, such as Image Tracking, Location Based, Marker Based, but in @react-three/xr I have not found any support or examples. Is anyone with similar development experience can give me some guidance here? thank you~

carllx avatar Feb 22 '21 14:02 carllx

So far this project only exposes existing three.js AR/VR features in a convenient way to use with react-three-fiber. I don't have that much knowledge about AR.js and how it works to give an opinion about this

sniok avatar Mar 11 '21 15:03 sniok

Hey, we just released https://github.com/artcom/react-three-arjs. It's still in development, for now you can just try the marker based ar tracking. Because there is no npm module for ar.js available yet, we need to add it manually with webpack, have a look a the example. Hope this helps you for the beginning.

j-era avatar Mar 14 '21 13:03 j-era

Hey, we just released https://github.com/artcom/react-three-arjs. It's still in development, for now you can just try the marker based ar tracking. Because there is no npm module for ar.js available yet, we need to add it manually with webpack, have a look a the example. Hope this helps you for the beginning.

Cool stuff! Any plans to implement the Location based markers also?

timrijkse avatar Mar 27 '22 05:03 timrijkse

Hi @timrijkse, thank you! It is not planned yet, but when i find time i can take a look at how it could be integrated. If you like you can create an issue in https://github.com/artcom/react-three-arjs. PR is also welcomed :)

j-era avatar Mar 28 '22 08:03 j-era

@j-era I love your react-three-arjs project. Tracking is working great. Is there a way to add click handlers? I have a cube mesh rendering but onClick does not work on it as it would with regular React Three Fiber. Thanks for your great work.

Carlos-AvilesBuitron avatar Jul 26 '22 18:07 Carlos-AvilesBuitron

@j-era I love your react-three-arjs project. Tracking is working great. Is there a way to add click handlers? I have a cube mesh rendering but onClick does not work on it as it would with regular React Three Fiber. Thanks for your great work.

Thanks very much! I'll have a look at your issue.

j-era avatar Jul 28 '22 09:07 j-era