A-Frame logo

This module provides integration with A-Frame.

A-Frame is a framework for creating virtual reality web experiences that work across desktop, mobile, and the Oculus Rift.

Source: https://aframe.io

Features

Drupal 8:

Drupal 7:

  • A-Frame library.

Requirements

D7: None.

D8: You have to download one of the aframe builds as a library. The easiest way to do it is to add an entree in your composer.json. You can find an example in the README file. For more details, see the original issue #2943185

Installation

Install the module as per standard Drupal instructions.

Usage

Drupal 8:

There are multiple ways to use this module:

  • Build an A-Frame scene as a Drupal render array.
  • Render multiple entities as an A-Frame scene using the Views Style plugin and the Field Formatters.
  • Render an entity type as A-Frame scenes using the Display Suite layout and the Field Formatters.

Enable the A-Frame Example module to see more details.

Drupal 7:

To start an A-Frame scene, we import the A-Frame JavaScript file, this module do that for you for every page.

The second thing that wee need to do is add an <a-scene> element. This module add the a-scene tag inside of every element with ".vr-scene" class, you can add that class to the <body> to a <div>, etc (you can use a module as Context to do that).

Inside of any scene you can add any object, for example: <a-cube></a-cube>. See the full list of objects and components that you can use in the official documentation: https://aframe.io/docs/guide/

Credits

  • A-Frame for Drupal 7 is developed by Eleo Basili (Spinetta Limited).
  • A-Frame for Drupal 8 is developed by Stuart Clark (Deciphered).
  • A-Frame is developed by Mozilla.

Project information

Releases