Easily code a virtual reality web experience with A-Frame (WebVR)

Channel:
United States freeCodeCamp.org
Subscribers:
10,700,000
Published on ● Video Link: https://www.youtube.com/watch?v=jhEfT9YjLcU


Duration: 10:58
52,776 views
1,129

With Mozilla's free framework A-Frame, anyone who can write HTML can create a virtual reality app, and anyone who knows JavaScript can animate the scene. In this video, Benji walks through an example, starting from scratch.

A-Frame:
https://aframe.io/

Code:
https://github.com/okaybenji/a-frame-demo

Demo:
https://okaybenji.github.io/a-frame-demo/

Thanks to Goldfire Studios for setting aside time for employees to work on their own projects.
http://goldfirestudios.com

You can follow Benji on Twitter @okaybenji
https://twitter.com/okaybenji

-
Learn to code for free and get a developer job: https://www.freecodecamp.com

Read hundreds of articles on programming: https://medium.freecodecamp.com



Other Videos By freeCodeCamp.org


2017-09-26Live Workshop: Basics of ReactJS
2017-09-26Redesigning a Homepage Part 2 (P3D9) - Live Coding with Jesse
2017-09-22Redesigning a Homepage (P3D8) - Live Coding with Jesse
2017-09-22JAMstack Tutorial - Full site using Netlify & Hugo
2017-09-21SendGrid API Node Client: Breaking Changes (P2D33) - Live Coding with Jesse
2017-09-21Which programming language should you learn first?
2017-09-20Creating a Footer Part 2 (P3D7) - Live Coding with Jesse
2017-09-19Creating a Footer (P3D6) - Live Coding with Jesse
2017-09-19Alexa Development 101 - Full Amazon Echo tutorial course in one video!
2017-09-18Parallax Hero Section (P3D5) - Live Coding with Jesse
2017-09-16Easily code a virtual reality web experience with A-Frame (WebVR)
2017-09-15Adding a Material Design Side Nav with .NET Part 2 (P3D4) - Live Coding with Jesse
2017-09-14Adding a Material Design Side Nav with .NET (P3D3) - Live Coding with Jesse
2017-09-13Building a Nav with .NET (P3D2) - Live Coding with Jesse
2017-09-12Updating a Slow Website (P3D1) - Live Coding with Jesse
2017-09-11Sass Styling and Refactoring (P2D32) - Live Coding with Jesse
2017-09-10Full Stack Web App using Vue.js & Express.js: Part 7 - Wrapping Up
2017-09-10Full Stack Web App using Vue.js & Express.js: Part 6 - Search
2017-09-09Full Stack Web App using Vue.js & Express.js: Part 5 - View Song
2017-09-09JavaScript Tic Tac Toe Project Tutorial - Unbeatable AI w/ Minimax Algorithm
2017-09-07Full Stack Web App using Vue.js & Express.js: Part 4


Tags:
tutorial
virtual realtity
webvr
javascript
a-frame
vr
project
learn to code