Difference between revisions of "A-Frame"
From Virtual Reality, Augmented Reality Wiki
Shadowdawn (talk | contribs) (Created page with "{{stub}} Category:Developer Resources Category:Markup Languages Category:Frameworks Category:WebVR Category:MozVR") |
|||
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

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