Articles tagged “A-Frame”
-
Anyone can create a virtual reality experience with this new WebVR starter kit from Mozilla and Glitch
Building a virtual reality experience may seem daunting, but it really isn’t. WebVR and frameworks like A-Frame make it easy to get started right. This is why we worked with Glitch to create a WebVR starter kit. Today we introduce a free, 5-part video course with interactive code examples that will teach you the fundamentals of WebVR using A-Frame.
-
Building an Immersive Game with A-Frame and Low Poly Models
In the first part of this two-part tutorial, Josh Marinacci builds an immersive WebVR game using A-Frame, and walks through the key concepts and code for adding a physics engine, managing collisions, and adding 3d models and effects.
-
Building an Immersive Game with A-Frame and Low Poly Models (Part 2)
In Part 2 of this two-part tutorial on using A-Frame to build an immersive game, Josh Marinacci shows how to add lighting, audio, responsiveness and polish to the simple game he developed in Part 1.
-
Optimizing Performance of A-Frame Scenes for Mobile Devices
A-Frame makes building 3D and VR web applications easy, so developers of all skill levels can create rich and interactive virtual worlds. For an Oregon State University student project focused on WebVR, our team investigated performance and optimizations for A-Frame on Android smartphones. We developed a means of benchmarking the level of 3D complexity a mobile phone is capable of, and determining which performance metrics are required for such a benchmark.
-
Showcasing your WebVR experiences
WebVR combines the powerful reach of the Internet with the immersive appeal of virtual reality content. With WebVR, a VR experience is never more than one URL away. Nevertheless, VR equipment is still expensive and not quite adopted for consumer use. For this reason, it is useful to be able to record your VR projects for others to experience and enjoy. This tutorial teaches you how to record a virtual experience you’ve created using the mirror mode in SteamVR.
-
Having fun with physics and A-Frame
A-Frame is a WebVR framework to build virtual reality experiences. It comes with some bundled components that allow you to easily add behavior to your VR scenes, but you can download more –or even create your own. In this post, you can see how to create a VR scene that integrates a physics engine via a third-party component.
-
A Saturday Night: Track and record movement in WebVR
Mozilla’s WebVR team has released a fun new virtual reality demo called A Saturday Night. Put your VR headset on, perform a dance, and share it with the world!
-
A practitioner’s perspective on A-Frame: —Interview with Roland Dubois
In this conversation, we chat with Roland Dubois, a Virtuleap finalist and founding designer at studio.zeldman. Roland is the creator of gravr.io, a cloud service that allows you to create a VR profile and ‘avatar’ and synchronize your VR preferences and pre-sets. Gravr.io is built with A-Frame.
-
Building Cardboard Dungeon With A-Frame
Cardboard Dungeon is a web-based dungeon-crawling experience designed for use with Google Cardboard and written using Mozilla’s virtual reality framework, A-Frame. In this case study, I’ll discuss the key challenges I faced during the development of Cardboard Dungeon, my experiences with A-Frame, and some of the lessons I learned whilst approaching virtual reality for the […]
