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.
The time taken to interpolate to the new value is the time between the previous change and the most recent change.
Try on Glitch: https://aframe-lerp-component.glitch.me/
| Property | Description | Default Value |
|---|---|---|
| properties | Array of properties to lerp. Eg. to only lerp position and rotation set to position, rotation |
position, rotation, scale |
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="properties: position, rotation, scale"></a-entity>
</a-scene>
</body>Install via npm:
npm install aframe-lerp-componentThen require and use.
require('aframe');
require('aframe-lerp-component');