• Blog
  • Mozilla Reality
  • Firefox Reality
  • Merchandise

A-Frame

A collection of 18 posts

js13k

WebXR category in JS13KGames!

Today starts the 8th edition of the annual js13kGames competition and we are sponsoring its WebXR category with a bunch of prizes including Oculus Quest headsets! Like many other game development contests, the

Fernando Serrano Fernando Serrano
Tutorials

Wrapping up a week of WebVR experiments

Earlier this week, we kicked off a week of WebVR experiments with our friends at Glitch.com. Glitch creator and WebVR expert Andrés Cuervo put together seven projects that are fun, unique, and

Dan Brown Dan Brown
cartography

Introducing A-Terrain - a cartography component for A-Frame

Add maps to your A-Frame projects!

Anselm Hook Anselm Hook
WebVR

Building Mixed Reality spaces for the web

One of the primary goals of our Social Mixed Reality team is to enable and accelerate access to Mixed Reality-based communication. As mentioned in our announcement blog post, we feel meeting with others

Jim Conrad Jim Conrad
A-Frame

A-Painter performance optimizations

Introduction A-Painter was the first demo we made using A-Frame. It was released more than a year ago, and it’s still one of the most popular WebVR experiences shown at meetups and

Fernando Serrano Fernando Serrano
WebVR

Using glTF Models with A-Frame

You may have found your way to this blog because Mozilla just announced a new challenge with Sketchfab models, or maybe you just want a way to use glTF (GL Transmission Format) models

Josh Marinacci Josh Marinacci
A-Frame

Input mapping in A-Frame

Introduction When we were developing WebVR applications such as a-painter, a-blast, and a-saturday-night that were designed to work across different hardware, we realized the importance of having a convenient way to map inputs

Fernando Serrano Fernando Serrano
A-Frame

glTF Exporter in three.js and A-Frame

A brief introduction When creating WebVR experiences developers usually face a common problem: it’s hard to find assets other than just basic primitives. There’re several 3D packages to generate custom objects

Fernando Serrano Fernando Serrano
A-Frame

Easily customized environments using the Aframe-Environment-Component

Get a fresh and new environment for your A-Frame demos and experiments with the aframe-environment component! Just include the aframe-environment-component.min.js component in your html file, add an <a-entity environment>

Diego F. Goberna Diego F. Goberna
WebVR

glTF Workflow for A-Saturday-Night

In A-Saturday-Night, we used the glTF format for all of the 3D content. glTF (gl Transmission Format) is a new 3D file format positioning itself as "the JPEG of 3D" for

Diego F. Goberna Diego F. Goberna
WebVR

Record & Replay: Motion Capture for A-Frame

No time for blog posts today? Skip the line, and get to the trendiest club of the Metaverse through the VIP access: Make sure you have a WebVR-enabled browser. Fix your hair. Hop

Diego Marcos Diego Marcos
A-Frame

New features in A-Frame Inspector v0.5.0

This is a small summary of some new features of the latest A-Frame Inspector version that may pass unnoticed to some. Image assets dialog v0.5.0 introduces an assets management window to

Fernando Serrano Fernando Serrano
A-Frame

A-Blast: Save the World from the Cutest Creatures in the Universe!

Are you prepared? Get your VR controllers and jump https://aframe.io/a-blast! Make sure you have a WebVR-enabled browser. Firefox is ready in Nightly branch. In Chromium, enable the flags for chrome:

Fernando Serrano Fernando Serrano
Tutorials

Creating a new A-Painter brush using the Brush API

In this tutorial we will take the minimum steps required to create a very simple brush for A-Painter, a VR painting experience made by Mozilla VR built with A-Frame. For example, a brush

Diego F. Goberna Diego F. Goberna
Tutorials

Mastering A-Painter

It has been almost four months since we released A-Painter. We've received lots of compliments, help and feedback from users and developers. Thanks for your support! Now that you're familiar with the basics,

Diego F. Goberna Diego F. Goberna
A-Frame

Developing an A-Frame Teleport Component

Want to jump right to it? Try the demos! Make sure you have a WebVR-enabled browser. In Chromium, enable the flags for chrome://flags/#enable-webvr and chrome://flags/#enable-gamepad-extensions. Firefox support is coming

Fernando Serrano Fernando Serrano
Tools

A-Painter: Paint in VR in Your Browser

Want to start painting now? Head to https://aframe.io/a-painter! Make sure you have a WebVR-enabled browser. In Chromium, enable the flags for chrome://flags/#enable-webvr and chrome://flags/#enable-gamepad-extensions. Firefox support

Fernando Serrano Fernando Serrano
A-Frame

A-Frame v0.3.0 - Walk in a Web Page

A-Frame v0.3.0 has dropped! With support for the new WebVR 1.0 API, we aim higher towards state-of-the-art VR. With room-scale tracking, we can walk in a web page, and with

Kevin Ngo Kevin Ngo
Additional Links
  • Mozilla Mixed Reality
  • A-Frame
  • A-Frame Blog
  • Twitter
  • GitHub
Mozilla
  • About
  • Contact Us
  • Donate
  • Privacy
  • Cookies
  • Legal