question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

How to use arjs with react-xr ?

See original GitHub issue

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~

Issue Analytics

  • State:open
  • Created 3 years ago
  • Reactions:6
  • Comments:6 (1 by maintainers)

github_iconTop GitHub Comments

5reactions
j-eracommented, Mar 14, 2021

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.

1reaction
sniokcommented, Mar 11, 2021

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

Read more comments on GitHub >

github_iconTop Results From Across the Web

Write your first VR web application using React and WebXR
This is a tutorial for those who have a VR device on your hands and want to try building something for VR or...
Read more >
react-xr vs react-three-next - compare differences and reviews?
Compare react-xr vs react-three-next and see what are their differences. ... Does React-three-fiber improve how ThreeJS and React work together or is it ......
Read more >
react-xr simple AR demo (forked) - CodeSandbox
react-xr simple AR demo (forked). 0. Embed Fork Create Sandbox Sign in. Sandbox Info. react-xr simple AR demo (forked) ... @artcom/react-three-arjs.
Read more >
How do I implement this very common AR scenario in react ...
I'm trying to implement an iconic AR user scenario using ... chatting with the devs about it here: github.com/pmndrs/react-xr/discussions/…
Read more >
Yearly - three.js forum
0, 181, January 24, 2022. Get custom displacementMap (RGB encoded) to work with shadows in r132 ... ARCanvas Video Record/Photo Capture React-XR.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found