Aframe-alongpath NPM

aframe-alongpath-component

A component for A-Frame that allows entities to follow predefined paths.

Properties

Property	Description	Default Value
path	One or more point on the path the entity should follow (Format: "x,y,z x,y,z x,y,z")	''
closed	Whether or not the path should be closed automatically	false
dur	Duration in milliseconds for the object to follow the entire path	1000
delay	Number of milliseconds to wait for the animation to begin	2000
loop	Whether or not the animation should loop	false

Usage

Browser Installation

Install and use by directly including the browser files:

<head>
  <title>My A-Frame Scene</title>
  <script src="https://aframe.io/releases/0.3.0/aframe.min.js"></script>
  <script src="https://rawgit.com/protyze/aframe-alongpath-component/master/dist/aframe-alongpath-component.min.js"></script>
</head>

<body>
  <a-scene>
    <a-sphere color="red" radius="0.25" position="0 0 0"
              alongpath="path:2,2,-5 -2,1,-2.5 0,1,-1; closed:false; dur:5000; delay:4000">
    </a-sphere>
  </a-scene>
</body>

NPM Installation

Install via NPM:

npm install aframe-alongpath-component

Then register and use.

require('aframe');
require('aframe-alongpath-component');

aframe aframe-component aframe-vr vr mozvr webvr

aframe

@everything-registry/sub-chunk-1104 @zalastax/nolb-afr

0.1.0

8 years ago