Aframe-entity-slider-component NPM

aframe-entity-slider-component

Used to create a entity-slider of aframe entities

API

Property	Description	Default Value
duration	animation duration (in seconds)	2
offset	vector connecting previous element to next element	2 0 0
forwardTrigger	selector to the forward trigger	mandatory
backwardTrigger	selector to the forward trigger	mandatory
toShow	how many elements to show at once	4

Installation

Browser

Install and use by directly including the browser files:

Usage

<head>
  <title>My A-Frame Scene</title>
  <script src="https://aframe.io/releases/1.3.0/aframe.min.js"></script>
  <script src="https://unpkg.com/aframe-entity-slider-component@1.0.0/dist/aframe-entity-slider-component.min.js"></script>
</head>

<body>
  <a-scene>
    <a-entity id="slider" position="-3 2 -5" entity-slider="backwardTrigger: #left; forwardTrigger: #right;">
      <!--slides-->
    </a-entity>
    <a-entity position="0 1 -1" scale="0.2 0.2 0.2">
      <!--triggers-->
      <a-cylinder class="clickable"  position="-2 0 0" color="cyan" segments-radial="3" rotation ="0 40 0" id="left"></a-cylinder>
      <a-cylinder class="clickable"  position="2 0 0" color="crimson" segments-radial="3" rotation ="0 -40 0" id="right"></a-cylinder>
    </a-entity>
  </a-scene>
</body>

npm

Install via npm:

npm install aframe-entity-slider-component

Then require and use.

require('aframe');
require('aframe-entity-slider-component');

aframe aframe-component aframe-vr vr webvr webxr entity-slider

1.0.0

12 days ago