A-Frame

A-Frame is a web framework written in Javascript for virtual reality (VR).

Official

• Getting started: https://aframe.io/docs/0.3.0/introduction/getting-started.html
• Building with HTML: https://aframe.io/docs/0.3.0/guides/
• Building with Components: https://aframe.io/docs/0.3.0/guides/building-with-components.html
• Building with Magicavoxel: https://aframe.io/docs/0.3.0/guides/building-with-magicavoxel.html
• Using the inspector: https://aframe.io/docs/0.3.0/guides/using-the-aframe-inspector.html
• Writing a component: https://aframe.io/docs/0.3.0/core/component.html#write-a-component

Beginner

• Olympic rings: http://www.tomango.co.uk/thinks/getting-started-aframe/
• A-frame made super easy: https://curiousbrickinthewall.wordpress.com/2016/08/18/a-frame-vr-on-web-made-super-easy/
• Build the VR Web with A-Frame: https://hacks.mozilla.org/2016/03/build-the-virtual-reality-web-with-a-frame/
• Building a simple WebVR UI with A-Frame: https://blog.neondaylight.com/build-a-simple-web-vr-ui-with-a-frame-a17a2d5b484#.buy06eh0e
• A-Frame Web VR Tutorial series: https://www.youtube.com/watch?v=dv6_C4UqTfs&list=PLRtjMdoYXLf4inSULAHyCMqpIUj4cmBTr
• https://www.sitepoint.com/a-frame-the-easiest-way-to-bring-vr-to-the-web-today/

Intermediate

• How to make a VR game: http://www.mattnutsch.com/How_to_Make_a_VR_Game
• Building a Tumblr image gallery: https://medium.com/@tombalou/one-day-prototyping-with-aframevr-5759279f823b#.2si49r5r0
• Making an A-Frame dungeon game: https://hacks.mozilla.org/2016/03/building-cardboard-dungeon-with-a-frame/ and https://github.com/chrismwaite/cardboard-dungeon

Projects

• Weather Room: https://github.com/sebscholl/weatherroom
• Experiments: https://github.com/armthethinker/webVR-experiments
• Altspace VR and A-Frame: https://medium.com/immersion-for-the-win/building-social-vr-apps-in-altspacevr-with-a-frame-81cb1bbc3ec4#.pqkoym5sk
• 30 Days of WebVR https://codepen.io/collection/AKkywv/
• A-frame dominoes: https://github.com/bryik/aframe-dominoes
• LyricsVR https://github.com/gurumukhi/vr-ram/tree/gh-pages/demos/lyricsVR
• A-Frame ball throw: https://github.com/bryik/aframe-ball-throw
• A-invaders: https://github.com/dmarcos/a-invaders
• Hershey Sweet lights experience: https://github.com/davexoxide/sweet-lights/
• Treasure hunt demo: https://github.com/i3games/aframe-cardboard-demo/
• 360 degree concert hall: https://github.com/ybinstock/concert_hall_360
• Carmen Sandiego: https://github.com/ybinstock/carmensandiego_360/
• Aztec Pong: https://github.com/meta-meta/aztec-pong/
• Web VR Soccer stadium: https://github.com/cassell/webvr-soccer-stadium-multiplex
• Moz Laser Shooter tutorial: https://codepen.io/mozvr/pen/wGBLeB
• A-frame clubber music visualization: https://github.com/wizgrav/aframe-clubber
• A-Frame Racer game: https://github.com/SamsungInternet/a-frame-demos/tree/gh-pages/racer
• Star Wars Audiovisualizer: https://github.com/ngokevin/a-wakens
• A-frame labyrinth: https://github.com/zalomea/aframe-labyrinth
• 360 degree photo / video viewer: https://github.com/ngokevin/threeschwifty
• Audio visualizing trippy space travel demo: https://github.com/FlexingDream/aframe_demo
• WebVR Spotify: https://github.com/sebscholl/koo-WebVR
• Tanks game: https://github.com/ourvrisrealerthanyours/tanks
• A-Frame Painter: https://github.com/aframevr/a-painter