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.
Project information
- Module categories: Integrations
- 10 sites report using this module
- Created by eleonel on , updated
- Stable releases for this project are covered by the security advisory policy.
Look for the shield icon below.
Releases
Development version: 7.x-1.x-dev updated 5 Apr 2017 at 22:48 UTC