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. In this post, I’ve collected a few Github repositories and resources to support you in building AFrame experiences.
Kevin’s collection of A-Frame components and scenes.
Awesome WebXR from Don McCurdy
Infinite background environments for your A-Frame VR scene in just one file.
Interactive workshop and lessons for learning A-Frame and WebVR.
Official registry of cool AFrame stuff
Components for A-Frame physics integration, built on CANNON.js.
Experiment with AR and A-Frame
AFrame now has support for ARCore. Paint the real world with your XR content! Using FireFox Reality for iOS, you can leverage ARKit on your favorite IPad or IPhone.
I’ve collected a small collection of demo apps to explore some of the core ideas of AFrame.
AFrame Layout Component
Automatically positions child entities in 3D space, with several layouts to choose from.
An animation component for A-Frame using anime.js. Also check out the animation-timeline component for defining and orchestrating timelines of animations.
All-in-one natural hand controller, pointer, and gaze interaction library for A-Frame. Seems to work well with Oculus Quest.
A-Frame Component loading Google Poly models from Google Poly
Component enables you to quickly load 3D content from Google Poly
HTML Component for A-Frame VR that allows for interaction with HTML in VR. Demo
L-System/LSystem component for A-Frame to draw 3D turtle graphics. Using Lindenmayer as backend.
Thanks to the amazing work from Mozilla, WebXR usability has improved leveraging specialized FireFox browsers
– FireFox Reality
– FireFox Reality for HoloLens 2 – For raw ThreeJs scripts, it works well. I’m still doing testing on AFrame scenes.
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:
Top Stories on InspiredToEducate.NET
- Learn to Build Your Own Conversational Bot using ChatScript
- Sonic-PI: Sound synth application for learning coding and music