https://github.com/valtech-ch/webxr-demo

Web 3D, VR and AR demos
https://github.com/valtech-ch/webxr-demo

aframe react-three-fiber three-js webxr

Last synced: 2 days ago
JSON representation

Web 3D, VR and AR demos

• Host: GitHub
• URL: https://github.com/valtech-ch/webxr-demo
• Owner: valtech-ch
• Created: 2022-07-20T11:35:14.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-01-09T19:09:03.000Z (about 2 years ago)
• Last Synced: 2024-04-17T11:20:51.193Z (10 months ago)
• Topics: aframe, react-three-fiber, three-js, webxr
• Language: JavaScript
• Homepage: https://webxr-demo.vercel.app/
• Size: 334 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# webxr-demo

Web VR and AR demos using the following libraries:

- three.js: https://threejs.org/

- A-Frame: https://aframe.io/

- React Three Fiber: https://docs.pmnd.rs/react-three-fiber/

## Run demo

1. Install the dependencies

```sh

npm install

```

2. Run the dev command

```sh

npm run dev

```

3. Open http://localhost:1234/

## Enable HTTPS on localhost

Open `vitest.config.ts` and set `EXPOSE_TO_LOCAL_NETWORK` to `true`.

## Connect to Chrome on an Android device

1. Activate developer options on the phone

2. Activate USB debugging on the phone

3. Open chrome://inspect/#devices on the computer

4. Connect the phone via USB and allow USB debugging

5. Enable port forwarding: https://developer.chrome.com/docs/devtools/remote-debugging/local-server/

6. Open Google Chrome on the phone

7. Visit local URL on the phone