A-Frame - Mozilla Mixed Reality Blog

WebXR category in JS13KGames!

Today starts the 8th edition of the annual js13kGames [https://js13kgames.com] competition and we are sponsoring its WebXR category with a bunch of prizes including Oculus Quest headsets! Like many other game

Tutorials

Wrapping up a week of WebVR experiments

Earlier this week, we kicked off a week of WebVR experiments [https://hacks.mozilla.org/2019/04/sharpen-your-webvr-skills-with-experiments/] with our friends at Glitch.com [http://]. Glitch creator and WebVR expert Andrés Cuervo [https:

cartography

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

Add maps to your A-Frame projects!

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

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

WebVR

Using glTF Models with A-Frame

You may have found your way to this blog because Mozilla just announced a new challenge [https://challenges.mozilla.community/webvr-challenge/] with Sketchfab models, or maybe you just want a way to use

A-Frame

Input mapping in A-Frame

Introduction When we were developing WebVR applications such as a-painter [https://aframe.io/a-painter], a-blast [https://aframe.io/a-blast], and a-saturday-night [https://aframe.io/a-saturday-night] that were designed to work across different hardware,

A-Frame

glTF Exporter in three.js and A-Frame

A brief introduction When creating WebVR [https://webvr.rocks/] experiences developers usually face a common problem: it’s hard to find assets other than just basic primitives. There’re several 3D packages to

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 [https://cdn.rawgit.com/feiss/aframe-environment-component/76b2bbf3/aframe-environment-component.min.js] component

WebVR

glTF Workflow for A-Saturday-Night

In A-Saturday-Night [https://aframe.io/a-saturday-night/], we used the glTF format [https://www.khronos.org/gltf] for all of the 3D content. glTF (gl Transmission Format) is a new 3D file format positioning

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: 1. Make sure you have a WebVR-enabled browser [https://webvr.rocks/

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 [https://aframe.io/aframe-inspector/example/] version that may pass unnoticed to some. Image assets dialog v0.5.0 introduces

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 [https://webvr.info]. Firefox is ready in Nightly [https://www.mozilla.org/en-US/

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 [http://mozvr.com] built with A-Frame [http:

Tutorials

Mastering A-Painter

It has been almost four months since we released A-Painter [https://blog.mozvr.com/a-painter/]. We've received lots of compliments, help and feedback from users and developers. Thanks for your support! Now that

A-Frame

Developing an A-Frame Teleport Component

Want to jump right to it? Try the demos [https://fernandojsg.github.io/aframe-teleport-controls]! Make sure you have a WebVR-enabled browser [https://webvr.info/get-chrome/]. In Chromium, enable the flags for chrome://flags/

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 [https://webvr.info/get-chrome/]. In Chromium, enable the flags for chrome://flags/#enable-webvr and chrome:

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 [https://w3c.github.io/webvr/], we aim higher towards state-of-the-art VR. With room-scale tracking, we can walk in