Skip to content
This repository has been archived by the owner on Apr 24, 2022. It is now read-only.
/ webAR-test Public archive
forked from marnore/webxr-example

An example of WebXR and Three.js integration

Notifications You must be signed in to change notification settings

xhrnca00/webAR-test

 
 

Repository files navigation

WebXR example

This is the code sample of WebXR and three.js integration. Wroks on Android ARCore supported devices with Chrome 81+

Running instructions:

  1. Download three.js srouce code and place it under three.js subdirectory. OR if you don't want to download the full source code:

     * Download [GLTFLoader.js](https://github.com/mrdoob/three.js/blob/r120/examples/jsm/loaders/GLTFLoader.js) and place it under `three.js/examples/jsm/loaders/`
     * Download [three.module.js](https://github.com/mrdoob/three.js/blob/r120/build/three.module.js) and place it under `three.js/build/`
    
  2. Install npm

  3. Generate self-signed certificates openssl req -newkey rsa:2048 -new -nodes -x509 -days 3650 -keyout key.pem -out cert.pem

  4. Initialize project npm init -y && npm install node-static

  5. Start the server npm start

  6. Make sure your smartphone is connected to the same network as your PC, open Chrome and navigate to https://your_local_ip:3000/webxr-threejs.html

About

An example of WebXR and Three.js integration

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 98.6%
  • HTML 1.4%