@environment-safe/tween NPM

@environment-safe/tween

Robert Penner's tweening functions as used in tween-functions, and unlike @tweenjs/tween.js it's not written in a metalanguage so the source can be directly included without build, but it does include types built with jsdoc.

Penner's original functions uses the change in value rather than final value as parameter. tween-functions changed this to finalValue, which I continue to support.

Usage

API

tweenFunction.tweenName(currentTime, beginValue, endValue, totalDuration)

Examples

@environment-safe/tween supports legacy usage of commonjs, modern ESM, can be built with either of those or may be directly included in the browser with ESM. No build is required in your library or ours.

const { Tween } = require('@environment-safe/tween');
Tween.easeInQuad(1, 0, 50, 5); // => 2

import { Tween } from '@environment-safe/tween';
Tween.easeInQuad(1, 0, 50, 5); // => 2

<script type="importmap">{ "imports" :{
    "@environment-safe/tween":
        "./node_modules/@environment-safe/tween/src/index.mjs"
}}</script>
<script type="module">
    import { Tween } from '@environment-safe/tween';
    Tween.easeInQuad(1, 0, 50, 5); // => 2
</script>