aframe-lerp-component

    1.1.0 • Public • Published

    aframe-lerp-component

    A linear interpolation component for A-Frame.

    Changes the position, rotation, or scale when you call el.setAttribute('position', ...) from the current value to the new value in time duration.

    Use directly by calling el.components.lerp.toPosition(from, to)

    GIF Example

    Try on Glitch: https://aframe-lerp-component.glitch.me/

    API

    Property Description Default Value
    duration Time to move from from to to in milliseconds (ms) 100
    properties Array of properties to lerp. Eg. to only lerp position and rotation set to position, rotation position, rotation, scale

    Installation

    Browser

    Install and use by directly including the browser files:

    <head>
      <title>My A-Frame Scene</title>
      <script src="https://aframe.io/releases/0.4.0/aframe.min.js"></script> 
      <script src="https://unpkg.com/aframe-lerp-component/dist/aframe-lerp-component.min.js"></script> 
    </head>
     
    <body>
      <a-scene>
        <a-entity lerp="duration: 100; properties: position, rotation, scale"></a-entity>
      </a-scene>
    </body>

    npm

    Install via npm:

    npm install aframe-lerp-component

    Then require and use.

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

    Install

    npm i aframe-lerp-component

    DownloadsWeekly Downloads

    182

    Version

    1.1.0

    License

    MIT

    Last publish

    Collaborators

    • haydenjameslee