dkraeker / awesome-aframe Goto Github PK

A collection of awesome things regarding A-Frame VR. Easily build WebVR experiences.

• Official Resources
• Community
• Learning
• Components
• Frameworks/Libraries
• Scenes

Straight from the horse's mouth.

• Official Site
• Team Site
• Examples

Find human beings using A-Frame.

• Slack
• Made with A-Frame Tumblr
• Twitter
• IRC: irc://irc.mozilla.org:6697/#VR

Learn how to use A-Frame.

• A-Frame - Virtual Reality on the Web Simplified
• Hands-on With Virtual Reality Using A-Frame, React and Redux
• Schneller Einstieg in die WebVR Entwicklung mit A-Frame (German) — Translated
• WebVR mit A-Frame: Einführung & Grundlagen (German) — Translated

• "A Review of Mozilla's A-Frame WebVR Framework" by ARVR Magazine
• "Responsive Web Design with A-Frame" by @alexrkrass

Learn about the entity-component system which A-Frame is based on.

• Das Objekt-Komponenten System von A-Frame verstehen (German) — Translated
• Entity Systems Wiki
• How A-Frame is Different from Other 3D Markup Languages
• Wikipedia Entry

Third-party A-Frame components (of the entity-component system).

• aframe-component-boilerplate - Boilerplate for creating and sharing A-Frame VR components.
• alongpath component - Interpolating an entity's position along a path.
• aframe-extrude-and-lathe - Extrude and lathe geometries.
• aframe-fps-look-component - Facilitates controlling entity rotation directly with captured mouse.
• aframe-gamepad-controls - Gamepad controls using HTML5 Gamepad API.
• aframe-layout-component - 3D layout of child entities.
• aframe-no-click-look-controls - Intuitive desktop view controls without requiring mousedown + drag.
• aframe-obj-loader-component - Loader for .OBJ models and .MTL materials.
• aframe-physics-components - Rigid-body physics.
• aframe-text-component - Polygonal text.
• collider/explode/spawner components - Collection of components for collision, geometry explosions, and entity spawning.

• aframe-jade-boilerplate
• aframe-role
• D3.js
• Vue.js + TweenMax demo (by @cheapsteak)

Use React with A-Frame. Share your A-Frame React Components!

• aframe-react
• aframe-react-boilerplate (with Webpack)
• aframe-react-starter
• React + Redux Demo (incl. switching between 2d and 3d)
• React + TweenMax Demo (by @cheapsteak)

• a-invaders - Space invaders game.
• a-wakens — Code - Star Wars Audio Visualization
• Minecraft-Inspired VR Website Experience (by @drawvr)
• Movie Theater (by @drawvr)
• EEVO - 360-degree image with transitions.
• Hershey Sweet Lights — Code
• MeetupVR — Code — Post - Switching Interaction between 2D and 3D.
• Ricoh Theta S Live Preview — Code - Live video preview with the Ricoh Theta S.
• threeschwifty — Code - 360-degree photo and video viewer.
• VR GIF — Post - GIFs in VR.
• Virtual Art School Tour (by @withersc) - 360-degree photos with navigation.

Your contributions and suggestions are heartily welcome. Check out the guidelines and make a pull request.