Web Augmented Reality

Getting Started with Augmented Reality Demo.

Models

three.js: 3D library.
WebXR Device API: is a group of standards which are used together to support rendering 3D scenes to hardware designed for presenting virtual worlds (virtual reality, or VR), or for adding graphical imagery to the real world, (augmented reality, or AR).
glTF: 3D File format.
Poly API
NodeJS
Visual Studio Code

Open your terminal and navigate to folder for this project and type

npm install

Get Poly API key and add create a config.js as in config.example.js. Add your API key to apiKey string value.

var config = {
    apiKey: "Your Poly API key here!"
}
export {
    config
};

npm start

Enable Developer mode on your mobile device.
Download Chrome Canary or Edge Canary. Checkout CanIUse.com for other browsers that support WebXR Device API.
Go to chrome://inspect/#devices and click on port forwarding. Add localhost:4200.

Name		Name	Last commit message	Last commit date
Latest commit History 20 Commits
images		images
jsm		jsm
models/AyaSofia		models/AyaSofia
threeJS		threeJS
.gitignore		.gitignore
README.md		README.md
config.example.js		config.example.js
favicon.ico		favicon.ico
index.html		index.html
main.css		main.css
package-lock.json		package-lock.json
package.json		package.json
poly.html		poly.html