Blog

Creating Augmented Reality with AR.js and A-Frame

Creating Augmented Reality with AR.js and A-Frame

Don’t Worry It’s Less Than 10 Lines of HTML

AR.js is an efficient Augmented Reality solution on the Web. It runs 100% in your web browser, this means no app to install! There is no need for a specific device either e.g. Tango or iphone. It runs on all mobile platforms: Android, iOS11 and Windows mobile. You can use it with your own phone.

Depending on your device, it can run very fast, up to 60fps on 2year-old phones! On top of that, the code is open source and all available on github.

screen shot 2017-04-01 at 14 36 00

A-Frame is very easy to use so I wanted to make sure that AR.js was working well with it. Thus, combining A-Frame and AR.js, it’s simple for everybody to create AR content on the web.

Sounds good? Let’s see how to use it.

Read more …

A Week of A-Frame 67 - 68

What's up with A-Frame, a WebVR framework for building virtual reality experiences, from Jun 23, 2017 to Jul 7, 2017.
Read more …

A-Frame v0.6.0 - Link Traversal

A-Frame v0.6.0 - Link Traversal

A-Frame v0.6.0 at last fulfills the “Web” in WebVR. After three months of work, this release features support for WebVR 1.1 API features such as link traversal that shipped on Firefox Nightly (and soon release Firefox 55), portals, and fills out controller support for Daydream and GearVR including a component for laser interactions.

Use it today with <script src="https://aframe.io/releases/0.6.0/aframe.min.js"></script>.

What’s New?

After years of waiting, link traversal has finally landed in a desktop browser with Firefox in the WebVR 1.1 API, and A-Frame is there to help you travel from world to world. Link traversal lets us stay in VR as we travel between VR web pages, at last fulfilling one of the key promises of WebVR. This is accomplished by listening to a browser event on page load and kicking into VR, but A-Frame also provides a link component and portals so we can zip through the Metaverse in style.

Developed by Diego, the portals are represented as windows into another scene, powered by 360° panoramic images, which can be taken in A-Frame using the screenshot shortcut <ctrl> + <alt> + <shift> + s.

Try link traversal out with Firefox Nightly and a headset or read the link docs. We’ll have another blog post in detail soon.

A-Frame completes the collection by providing components out of the box for controllers for every major headset: vive-controls, oculus-touch-controls, daydream-controls, and gearvr-controls. Want to support them all at once in your application? Just toss in <a-entity laser-controls></a-entity> and we have a ray-based control scheme that scales across every type of controller.

There have been major gains in performance. We’ve:

  • Added some caching and reduced some type checking in critical paths of object updates.
  • Reduced memory usage by caching textures.
  • Reduced memory usage by reducing the number of instantiated JavaScript objects.
  • Eliminated duplicate asset network requests when using <a-assets>.
  • Throttled the componentchanged event which gets emitted very often.

Some nice cherries on top are the shadow component for creating real-time shadows. Add some depth and presence to our scene alongside lights. Brought to you by our now core A-Frame developer, @donrmccurdy. And add some post-processing with aframe-effects by @wizgrav.

Check out the release notes for the complete changelog which includes a list of all new features, optimizations, and bug fixes.

Read more …

A Week of A-Frame 66

What's up with A-Frame, a WebVR framework for building virtual reality experiences, from Jun 16, 2017 to Jun 23, 2017.
Read more …

A Week of A-Frame 65

What's up with A-Frame, a WebVR framework for building virtual reality experiences, from Jun 9, 2017 to Jun 16, 2017.
Read more …

A Week of A-Frame 64

What's up with A-Frame, a WebVR framework for building virtual reality experiences, from Jun 2, 2017 to Jun 9, 2017.
Read more …

A Week of A-Frame 63

What's up with A-Frame, a WebVR framework for building virtual reality experiences, from May 26, 2017 to Jun 2, 2017.

A-Frame 0.6.0 is nearly ready. Bug fixes are landing, and finishing touches are being made to the Link Traversal and Laser Control PRs.

Read more …

A Week of A-Frame 62

What's up with A-Frame, a WebVR framework for building virtual reality experiences, from May 19, 2017 to May 26, 2017.
Read more …

A Week of A-Frame 61

What's up with A-Frame, a WebVR framework for building virtual reality experiences, from May 12, 2017 to May 19, 2017.
Read more …

Don McCurdy as an A-Frame Core Developer

Don McCurdy as an A-Frame Core Developer

We are excited to include Don McCurdy as a core developer on the A-Frame open source project! Don is a developer at Google working on Project Sunroof. Since A-Frame was released in December 2015, Don has been active in the community. Volunteering in some of his free time, Don has:

What can we expect? In the short term, things will be similar as Don may have already felt like a core member. We’re just making it official!

Read more …