A-Frame
Categories
Component ID
Component name
Component type
Maintenance status
Development status
Component security advisory coverage
Downloads
Component created
Component changed
Component body
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
None.
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.