A-Frame
This module integrates Drupal with A-Frame, a framework for building web-based virtual reality experiences. It allows you to create VR scenes using Drupal's rendering system, Views, and Display Suite, and can format image and file fields as VR elements.
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:
- Native A-Frame elements/primitives as Drupal elements.
- Views Style plugin: A-Frame scene.
- A-Frame scene Display Suite layout.
- Field Formatter plugin for:
- Image fields:
- File fields:
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.