This repo contains a (rather quick and ugly) refactor in pure WebXR of one of my previous projects, Earth Day AR 2020 which originally ran through 8thwall's SLAM library.
Built on top of Threejs and React
At the moment you need a WebXR-capable browser, that means probably you need an Android device with Chrome 81 at least. Prior versions can still make the experiment run fiddling and enabling 2 flags on chrome://flags*
- WebXRDevice API (#webxr)
- WebXR Hit Test (#webxr-hit-test)
As usual, type in npm install and run npm run dev to start your Dev server on https://localhost:3000, you must have an Android phone running with the debug flag on, attached via USB. Head over to chrome://inspect and enable Port Forwarding from 3000 to localhost:3000.
Navigate on https://localhost:3000, accept any untrusted SSL warnings on your device and you are all set.
- Stylized Earth, courtesy of Ryan Zehm
- Palm Tree, courtesy of Ada_King
- Low Poly Stone Archway, courtesy of AlicePandaArt
- Low Poly Thumbleweed, courtesy of AlicePandaArt
- Low Poly Cali Palm, courtesy of AlicePandaArt
- Low Poly Rock set, courtesy of louis-miur
- Low Poly Game set, courtesy of Svetlana Melnik
The original project is cross-browser compatible but runs obviously less efficently than the WebXR counterpart. It can still be accessed through this link
* You're responsible for any changes on your browser