10 AFrame.IO Resources For Your WebVR Project

Posted on by

AFrame Logo

I’m a big fan of the work of the AFrame.IO community.  Thank you to Mozilla, Diego Marcos, Kevin Ngo, and Don McCurdy for their influence and effort to build a fun and productive platform for building WebVR experiences.   For some of my amigos from DevFestFlorida 2017, I’ve collected a few Github repositories and resources to support you in building AFrame experiences.

Thanks to the efforts of many GDG leaders and Traversoft, you can check out my talk at DevFestFL in the following video.  I had a great time connecting with other local web developers and sharing the WebVR love.    Hope you enjoy the talk.  And I hope you find the following links helpful.

Talk Abstract: In the next few years, augmented reality and virtual reality will continue to provide innovations in gaming, education, and training. Other applications might include helping you tour your next vacation resort or explore a future architecture design. Thanks to open web standards like WebVR, web developers can leverage their existing skills in JavaScript and HTML to create delightful VR experiences. During this session, we will explore A-Frame.io, an open source project supported by Mozilla enabling you to craft VR experiences using JavaScript and a growing ecosystem of web components.

https://github.com/ngokevin/kframe
Kevin’s collection of A-Frame components and scenes.

https://webvr.donmccurdy.com/
Awesome WebVR from Don McCurdy

https://github.com/archilogic-com/3dio-js
JavaScript toolkit for interior apps https://3d.io

https://github.com/feiss/aframe-environment-component
Infinite background environments for your A-Frame VR scene in just one file.

https://github.com/aframevr/aframe-school
Interactive workshop and lessons for learning A-Frame and WebVR.

https://github.com/scenevr/htmltexture-component
Aframe component for using html as a texture, powered by html2canvas

https://github.com/nylki/aframe-lsystem-component
L-System/LSystem component for A-Frame to draw 3D turtle graphics. Using Lindenmayer as backend.

https://aframe.io/aframe-registry/
Official registry of cool AFrame stuff

https://github.com/omgitsraven/aframe-room-component
A set of A-Frame components for quickly creating rooms connected by doors.

https://github.com/donmccurdy/aframe-physics-system
Components for A-Frame physics integration, built on CANNON.js.

https://github.com/michaelprosario/aframe
I’ve collected a small collection of demo apps to explore some of the core ideas of AFrame.

 

If you live in Central Florida or Orlando, consider checking out our local chapter of Google developer Group.  We enjoy building a fun creative community of developers, sharing ideas, code, and supporting each other in the craft of software.  Learn more about our community here:

GDGCentralFlorida.org

 

Top Stories on InspiredToEducate.NET