Developing WebXR with A-Frame

Learning a-frame:

https://aframe.io/aframe-school

Web-based Virtual Reality Environments – (aframe-course.glitch.me)

Loading gltf: aframe/gltf-model.md at master · aframevr/aframe · GitHub

Controlling animations:

Creating animated glTF characters with Mixamo and Blender (donmccurdy.com)

---

A visual inspector tool for A-Frame scenes:

Easy.. Just hit <ctrl> + <alt> + i on any A-Frame scene to open up the Inspector. 

Tool for saving edits back to html file from the inspector:

https://github.com/supermedium/aframe-watcher

---

Audio:

Howler: GitHub – goldfire/howler.js: Javascript audio library for the modern web.

---

Particle Systems:

https://github.com/harlyq/aframe-sprite-particles-component

---

AR.js Documentation (ar-js-org.github.io)

GitHub – AR-js-org/AR.js: Image tracking, Location Based AR, Marker tracking. All on the Web.

Out of date: Marker Based – AR.js Documentation (ar-js-org.github.io)

---

Location based WebAR:

Location Based – AR.js Documentation (ar-js-org.github.io)

Loading and displaying gltf models

WebVR:

(307) Loading And Displaying 3D Models (A-Frame Tutorial – WebVR) – YouTube

WebAR:

Experiment with AR and A-Frame – A-Frame (aframe.io)

Using Hiro marker for WebAR:

Import 3D Model to A-Frame AR – Library Labs (concordia.ca)

TUTORIAL SITES:

(307) Danilo Pasquariello – YouTube

Building up a basic demo with A-Frame – Game development | MDN (mozilla.org)

Building an Augmented Reality Treasure Hunt with A-Frame and AR.js | by Sophia | CBRE Build | Medium

Introduction to Augmented Reality with AR.js and A-Frame: https://cu-boulder-crdds.github.io/LearningMaterials/AR.html