📂
📂
📂
📂
Azure Mixed Reality Docs
Search…
⌃K
Azure Mixed Reality Curriculum
What is the Metaverse?
Unity Lessons
WebXR Lessons
3D on the Web
WebXR Device APIs
A-Frame
Concepts
Basic A-Frame Scene
Project
Inclusive Apps with WebXR & AI
Creating WebXR apps for Transportation with A-Frame
Transportation Game
What could go wrong?
Resources
Three.js
Babylon.js
WebXR Meetups
Resources
Unreal Engine Lessons
Artificial Intelligence(AI) Lessons
Exercises
FAQ
Glossary
How to contribute?
Powered By
GitBook
Creating WebXR apps for Transportation with A-Frame
Find the related links document:
bit.ly/webstreet
.
00:00
Introduction
02:24
Why are we doing this?
03:51
What are we building in this video?
05:30
What you need for this session. Google Docs:
http://bit.ly/webstreet
11:10
Introduction to Glitch:
https://glitch.com/
18:10
A-Frame intro:
http://aframe.io/
39:16
Adding Orbit Controls Component
40:13
3DStreet component:
https://github.com/kfarr/3dstreet
55:15
Mapbox Component:
https://github.com/mattrei/aframe-map...
58:45
After manual configuration to position and rotate the street entity:
https://glitch.com/edit/#!/17thbikelane
1:19:40
Augmented Reality example
1:11:07
A-Frame Presentation Component:
https://github.com/rvdleun/aframe-pre...
11:18
Q&A
Find the links on
Resources
.
Previous
Inclusive Apps with WebXR & AI
Next
Transportation Game
Last modified
2yr ago