A-Frame: Difference between revisions
Appearance
Shadowdawn (talk | contribs) Created page with "{{stub}} Category:Developer Resources Category:Markup Languages Category:Frameworks Category:WebVR Category:MozVR" |
No edit summary |
||
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