Difference between revisions of "A-Frame"

From Virtual Reality, Augmented Reality Wiki
Jump to: navigation, search
 
Line 1: Line 1:
 
{{stub}}
 
{{stub}}
 +
==Tutorials==
 +
===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
 +
 +
===Advanced===
 +
 +
==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
 +
 +
  
 
[[Category:Developer Resources]] [[Category:Markup Languages]] [[Category:Frameworks]] [[Category:WebVR]] [[Category:MozVR]]
 
[[Category:Developer Resources]] [[Category:Markup Languages]] [[Category:Frameworks]] [[Category:WebVR]] [[Category:MozVR]]

Revision as of 04:44, 24 November 2016

Information icon1.png This page is a stub, please expand it if you have more information.

Tutorials

Official

Beginner

Intermediate

Advanced

Projects