This is a WebXR example that demonstrates asset loading and some basic interactions.
To work with this sample, you should have Node (and in particular, npm and npx) installed, which you can retrieve from nodejs.org.
You set up the initial project by pulling the dependencies from npm with
npm install
After that, you can compile and run a server with:
npm run start
For those familiar with Typescript, you do not have to run tsc
to build the .js files from the .ts files; npx
builds them on the fly as part of running webpack.
You can run the sample by pointing your web browser at https://localhost:8080/index.html
The following resources were used in this tutorial:
- Dragonite 3D model from Clara.io
- RPG Poly Pack - Lite from the Unity Asset Store
- UnityGLTF plugin from the Khronos Group
Material for the Web-Based VR Tutorial by Evan Suma Rosenberg and Blair MacIntyre is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.
The intent of choosing CC BY-NC-SA 4.0 is to allow individuals and instructors at non-profit entities to use this content. This includes not-for-profit schools (K-12 and post-secondary). For-profit entities (or people creating courses for those sites) may not use this content without permission (this includes, but is not limited to, for-profit schools and universities and commercial education sites such as Coursera, Udacity, LinkedIn Learning, and other similar sites).