Add existing to tracked
This commit is contained in:
+23
@@ -0,0 +1,23 @@
|
||||
The MIT License
|
||||
|
||||
Copyright (c) 2010-2012 Tween.js authors.
|
||||
|
||||
Easing equations Copyright (c) 2001 Robert Penner http://robertpenner.com/easing/
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in
|
||||
all copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
||||
THE SOFTWARE.
|
||||
+484
@@ -0,0 +1,484 @@
|
||||
# tween.js
|
||||
|
||||
JavaScript (TypeScript) tweening engine for easy animations, incorporating optimised Robert Penner's equations.
|
||||
|
||||
[![NPM Version][npm-image]][npm-url]
|
||||
[![CDNJS][cdnjs-image]][cdnjs-url]
|
||||
[![NPM Downloads][downloads-image]][downloads-url]
|
||||
[![Build and Tests][ci-image]][ci-url]
|
||||
|
||||
More languages: [English](./README.md), [简体中文](./README_zh-CN.md)
|
||||
|
||||
---
|
||||
|
||||
```html
|
||||
<div id="box"></div>
|
||||
|
||||
<style>
|
||||
#box {
|
||||
background-color: deeppink;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script type="module">
|
||||
import {Tween, Easing} from 'https://unpkg.com/@tweenjs/tween.js@23.1.3/dist/tween.esm.js'
|
||||
|
||||
const box = document.getElementById('box') // Get the element we want to animate.
|
||||
|
||||
const coords = {x: 0, y: 0} // Start at (0, 0)
|
||||
|
||||
const tween = new Tween(coords, false) // Create a new tween that modifies 'coords'.
|
||||
.to({x: 300, y: 200}, 1000) // Move to (300, 200) in 1 second.
|
||||
.easing(Easing.Quadratic.InOut) // Use an easing function to make the animation smooth.
|
||||
.onUpdate(() => {
|
||||
// Called after tween.js updates 'coords'.
|
||||
// Move 'box' to the position described by 'coords' with a CSS translation.
|
||||
box.style.setProperty('transform', 'translate(' + coords.x + 'px, ' + coords.y + 'px)')
|
||||
})
|
||||
.start() // Start the tween immediately.
|
||||
|
||||
// Setup the animation loop.
|
||||
function animate(time) {
|
||||
tween.update(time)
|
||||
requestAnimationFrame(animate)
|
||||
}
|
||||
requestAnimationFrame(animate)
|
||||
</script>
|
||||
```
|
||||
|
||||
[Try this example on CodePen](https://codepen.io/trusktr/pen/KKGaBVz?editors=1000)
|
||||
|
||||
# Features
|
||||
|
||||
- Does one thing only and does it well: tweens properties of an object
|
||||
- Doesn't take care of CSS units (e.g. appending `px`)
|
||||
- Doesn't interpolate colors
|
||||
- Easing functions are reusable outside of Tween
|
||||
- Can also use custom easing functions
|
||||
- Doesn't make its own animation loop, making it flexible for integration into
|
||||
any animation loop.
|
||||
|
||||
# Examples
|
||||
|
||||
<table>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="http://tweenjs.github.io/tween.js/examples/00_hello_world.html">
|
||||
<img width="100" height="50" src="https://tweenjs.github.io/tween.js/assets/examples/00_hello_world.png" alt="hello world" />
|
||||
</a>
|
||||
</td>
|
||||
<td>
|
||||
hello world<br />
|
||||
(<a href="examples/00_hello_world.html">source</a>)
|
||||
</td>
|
||||
<td>
|
||||
<a href="http://tweenjs.github.io/tween.js/examples/01_bars.html">
|
||||
<img width="100" height="50" src="https://tweenjs.github.io/tween.js/assets/examples/01_bars.png" alt="Bars" />
|
||||
</a>
|
||||
</td>
|
||||
<td>
|
||||
Bars<br />
|
||||
(<a href="examples/01_bars.html">source</a>)
|
||||
</td>
|
||||
<tr>
|
||||
</tr>
|
||||
<td>
|
||||
<a href="http://tweenjs.github.io/tween.js/examples/02_black_and_red.html">
|
||||
<img width="100" height="50" src="https://tweenjs.github.io/tween.js/assets/examples/02_black_and_red.png" alt="Black and red" />
|
||||
</a>
|
||||
</td>
|
||||
<td>
|
||||
Black and red<br />
|
||||
(<a href="examples/02_black_and_red.html">source</a>)
|
||||
</td>
|
||||
<td>
|
||||
<a href="http://tweenjs.github.io/tween.js/examples/03_graphs.html">
|
||||
<img width="100" height="50" src="https://tweenjs.github.io/tween.js/assets/examples/03_graphs.png" alt="Graphs" />
|
||||
</a>
|
||||
</td>
|
||||
<td>
|
||||
Graphs<br />
|
||||
(<a href="examples/03_graphs.html">source</a>)
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="http://tweenjs.github.io/tween.js/examples/04_simplest.html">
|
||||
<img width="100" height="50" src="https://tweenjs.github.io/tween.js/assets/examples/04_simplest.png" alt="Simplest possible example" />
|
||||
</a>
|
||||
</td>
|
||||
<td>
|
||||
Simplest possible example<br />
|
||||
(<a href="examples/04_simplest.html">source</a>)
|
||||
</td>
|
||||
<td>
|
||||
<a href="http://tweenjs.github.io/tween.js/examples/05_video_and_time.html">
|
||||
<img width="100" height="50" src="https://tweenjs.github.io/tween.js/assets/examples/06_video_and_time.png" alt="Video and time" />
|
||||
</a>
|
||||
</td>
|
||||
<td>
|
||||
Video and time<br />
|
||||
(<a href="examples/05_video_and_time.html">source</a>)
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="http://tweenjs.github.io/tween.js/examples/06_array_interpolation.html">
|
||||
<img width="100" height="50" src="https://tweenjs.github.io/tween.js/assets/examples/03_graphs.png" alt="Array interpolation" />
|
||||
</a>
|
||||
</td>
|
||||
<td>
|
||||
Array interpolation<br />
|
||||
(<a href="examples/06_array_interpolation.html">source</a>)
|
||||
</td>
|
||||
<td>
|
||||
<a href="http://tweenjs.github.io/tween.js/examples/07_dynamic_to.html">
|
||||
<img width="100" height="50" src="https://tweenjs.github.io/tween.js/assets/examples/07_dynamic_to.png" alt="Dynamic to, object" />
|
||||
</a>
|
||||
</td>
|
||||
<td>
|
||||
Dynamic to, object<br />
|
||||
(<a href="examples/07_dynamic_to.html">source</a>)
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="http://tweenjs.github.io/tween.js/examples/07a_dynamic_to_two_array_values.html">
|
||||
<img width="100" height="50" src="https://tweenjs.github.io/tween.js/assets/examples/07a_dynamic_to.png" alt="Dynamic to, interpolation array" />
|
||||
</a>
|
||||
</td>
|
||||
<td>
|
||||
Dynamic to, interpolation array<br />
|
||||
(<a href="examples/07a_dynamic_to_two_array_values.html">source</a>)
|
||||
</td>
|
||||
<td>
|
||||
<a href="http://tweenjs.github.io/tween.js/examples/07b_dynamic_to_an_array_of_values.html">
|
||||
<img width="100" height="50" src="https://tweenjs.github.io/tween.js/assets/examples/07b_dynamic_to.png" alt="Dynamic to, large interpolation array" />
|
||||
</a>
|
||||
</td>
|
||||
<td>
|
||||
Dynamic to, large interpolation array<br />
|
||||
(<a href="examples/07b_dynamic_to_an_array_of_values.html">source</a>)
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="http://tweenjs.github.io/tween.js/examples/08_repeat.html">
|
||||
<img width="100" height="50" src="https://tweenjs.github.io/tween.js/assets/examples/08_repeat.png" alt="Repeat" />
|
||||
</a>
|
||||
</td>
|
||||
<td>
|
||||
Repeat<br />
|
||||
(<a href="examples/08_repeat.html">source</a>)
|
||||
</td>
|
||||
<td>
|
||||
<a href="http://tweenjs.github.io/tween.js/examples/09_relative_values.html">
|
||||
<img width="100" height="50" src="https://tweenjs.github.io/tween.js/assets/examples/09_relative.png" alt="Relative values" />
|
||||
</a>
|
||||
</td>
|
||||
<td>
|
||||
Relative values<br />
|
||||
(<a href="examples/09_relative_values.html">source</a>)
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="http://tweenjs.github.io/tween.js/examples/10_yoyo.html">
|
||||
<img width="100" height="50" src="https://tweenjs.github.io/tween.js/assets/examples/10_yoyo.png" alt="Yoyo" />
|
||||
</a>
|
||||
</td>
|
||||
<td>
|
||||
Yoyo<br />
|
||||
(<a href="examples/10_yoyo.html">source</a>)
|
||||
</td>
|
||||
<td>
|
||||
<a href="http://tweenjs.github.io/tween.js/examples/11_stop_all_chained_tweens.html">
|
||||
<img width="100" height="50" src="https://tweenjs.github.io/tween.js/assets/examples/11_stop_all_chained_tweens.png" alt="Stop all chained tweens" />
|
||||
</a>
|
||||
</td>
|
||||
<td>
|
||||
Stop all chained tweens<br />
|
||||
(<a href="examples/11_stop_all_chained_tweens.html">source</a>)
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="http://tweenjs.github.io/tween.js/examples/12_graphs_custom_functions.html">
|
||||
<img width="100" height="50" src="https://tweenjs.github.io/tween.js/assets/examples/03_graphs.png" alt="Custom functions" />
|
||||
</a>
|
||||
</td>
|
||||
<td>
|
||||
Custom functions<br />
|
||||
(<a href="examples/12_graphs_custom_functions.html">source</a>)
|
||||
</td>
|
||||
<td>
|
||||
<a href="http://tweenjs.github.io/tween.js/examples/13_relative_start_time.html">
|
||||
<img width="100" height="50" src="https://tweenjs.github.io/tween.js/assets/examples/13_relative_start_time.png" alt="Relative start time" />
|
||||
</a>
|
||||
</td>
|
||||
<td>
|
||||
Relative start time<br />
|
||||
(<a href="examples/13_relative_start_time.html">source</a>)
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="http://tweenjs.github.io/tween.js/examples/14_pause_tween.html">
|
||||
<img width="100" height="50" src="https://tweenjs.github.io/tween.js/assets/examples/14_pause_tween.png" alt="Pause tween" />
|
||||
</a>
|
||||
</td>
|
||||
<td>
|
||||
Pause tween<br />
|
||||
(<a href="examples/14_pause_tween.html">source</a>)
|
||||
</td>
|
||||
<td>
|
||||
<a href="http://tweenjs.github.io/tween.js/examples/15_complex_properties.html">
|
||||
<img width="100" height="50" src="https://tweenjs.github.io/tween.js/assets/examples/15_complex_properties.png" alt="Complex properties" />
|
||||
</a>
|
||||
</td>
|
||||
<td>
|
||||
Complex properties<br />
|
||||
(<a href="examples/15_complex_properties.html">source</a>)
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="http://tweenjs.github.io/tween.js/examples/16_animate_an_array_of_values.html">
|
||||
<img width="100" height="50" src="https://tweenjs.github.io/tween.js/assets/examples/16_animate_an_array_of_values.png" alt="Animate an array of values" />
|
||||
</a>
|
||||
</td>
|
||||
<td>
|
||||
Animate an array of values<br />
|
||||
(<a href="examples/16_animate_an_array_of_values.html">source</a>)
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
# Installation
|
||||
|
||||
The recommended method is to use `import` syntax. Here we've listed various
|
||||
install methods starting roughly with the most recommended first and least
|
||||
desirable last. Evaluate all of the following methods to pick what is most
|
||||
suitable for your project.
|
||||
|
||||
## With `npm install` and `import` from `node_modules`
|
||||
|
||||
You can add tween.js as an npm dependency:
|
||||
|
||||
```bash
|
||||
npm install @tweenjs/tween.js
|
||||
```
|
||||
|
||||
### Without a build tool
|
||||
|
||||
#### Installed locally
|
||||
|
||||
You can import from `node_modules` if you serve `node_modules` as part of your
|
||||
website, using a standard `importmap` script tag. First, assuming `node_modules`
|
||||
is at the root of your website, you can write an import map like so in your HTML
|
||||
file:
|
||||
|
||||
```html
|
||||
<script type="importmap">
|
||||
{
|
||||
"imports": {
|
||||
"@tweenjs/tween.js": "/node_modules/@tweenjs/tween.js/dist/tween.esm.js"
|
||||
}
|
||||
}
|
||||
</script>
|
||||
```
|
||||
|
||||
Now in any of your module scripts you can import Tween.js by its package name:
|
||||
|
||||
```html
|
||||
<script type="module">
|
||||
import {Tween} from '@tweenjs/tween.js'
|
||||
</script>
|
||||
```
|
||||
|
||||
#### Import from CDN
|
||||
|
||||
Note that, without the `importmap`, you can import directly from a CDN as with the first example above, like so:
|
||||
|
||||
```html
|
||||
<script type="module">
|
||||
import {Tween} from 'https://unpkg.com/browse/@tweenjs/tween.js@23.1.3/dist/tween.esm.js'
|
||||
</script>
|
||||
```
|
||||
|
||||
You can also link your `importmap` to the CDN instead of a local `node_modules` folder, if you prefer that:
|
||||
|
||||
```html
|
||||
<script type="importmap">
|
||||
{
|
||||
"imports": {
|
||||
"@tweenjs/tween.js": "https://unpkg.com/browse/@tweenjs/tween.js@23.1.3/dist/tween.esm.js"
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<script type="module">
|
||||
import {Tween} from '@tweenjs/tween.js'
|
||||
</script>
|
||||
```
|
||||
|
||||
### With a build tool
|
||||
|
||||
If you are using [Node.js](https://nodejs.org/),
|
||||
[Parcel](https://parceljs.org/), [Webpack](https://webpack.js.org/),
|
||||
[Rollup](https://rollupjs.org/), [Vite](https://vitejs.dev/), or another build
|
||||
tool, then you can install `@tweenjs/tween.js` with `npm install
|
||||
@tweenjs/tween.js`, and `import` the library into your JavaScript (or
|
||||
TypeScript) file, and the build tool will know how to find the source code from
|
||||
`node_modules` without needing to create an `importmap` script:
|
||||
|
||||
```javascript
|
||||
import * as TWEEN from '@tweenjs/tween.js'
|
||||
```
|
||||
|
||||
However, note that this approach requires always running a build tool for your
|
||||
app to work, while the `importmap` approach will simply work without any build
|
||||
tools as a simple static HTML site.
|
||||
|
||||
## Manual build
|
||||
|
||||
Another approach is to download the source code with git, manually build the
|
||||
library, then place the output in your project. Node.js is required for this.
|
||||
|
||||
```bash
|
||||
git clone https://github.com/tweenjs/tween.js
|
||||
cd tween.js
|
||||
npm install
|
||||
npm run build
|
||||
```
|
||||
|
||||
This will create some builds in the `dist` directory. There are currently two different builds of the library:
|
||||
|
||||
- ES6 Module in `/dist/tween.esm.js` (recommended)
|
||||
- UMD in `/dist/tween.umd.js` (deprecated, will be removed in a future major version)
|
||||
|
||||
You are now able to copy one of those two files into your project, and use like this (recommended):
|
||||
|
||||
```html
|
||||
<script type="module">
|
||||
import {Tween} from 'path/to/tween.esm.js'
|
||||
</script>
|
||||
```
|
||||
|
||||
or (deprecated, to be removed in future major):
|
||||
|
||||
```html
|
||||
<script src="path/to/tween.umd.js"></script>
|
||||
<script>
|
||||
const {Tween} = TWEEN
|
||||
</script>
|
||||
```
|
||||
|
||||
where `path/to` is replaced with the location where you placed the file.
|
||||
|
||||
> [!Note]
|
||||
> You can also download these files from unpkg, for example here:
|
||||
> https://unpkg.com/browse/@tweenjs/tween.js@23.1.3/dist/
|
||||
|
||||
## Global variable from CDN (deprecated)
|
||||
|
||||
> [!Note]
|
||||
> This method is deprecated and will be removed in a future major version!
|
||||
|
||||
Install a global `TWEEN` variable from a content-delivery network (CDN) using the UMD file.
|
||||
|
||||
From cdnjs:
|
||||
|
||||
```html
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/tween.js/23.1.3/tween.umd.js"></script>
|
||||
```
|
||||
|
||||
Or from unpkg.com:
|
||||
|
||||
```html
|
||||
<script src="https://unpkg.com/@tweenjs/tween.js@^23.1.3/dist/tween.umd.js"></script>
|
||||
```
|
||||
|
||||
Then use the `TWEEN` variable in any script:
|
||||
|
||||
```html
|
||||
<script>
|
||||
const {Tween, Easing, Group /*, ...*/} = TWEEN
|
||||
|
||||
const tween = new Tween(someObject)
|
||||
// ...
|
||||
</script>
|
||||
```
|
||||
|
||||
> [!Note]
|
||||
> unpkg.com supports a semver version in the URL, where the `^` in the
|
||||
> URL tells unpkg to give you the latest version 20.x.x.
|
||||
|
||||
## CommonJS (deprecated)
|
||||
|
||||
Skip this section if you don't know what CommonJS is!
|
||||
|
||||
> [!Note]
|
||||
> This method is deprecated and will be removed in a future major version!
|
||||
|
||||
Any of the above methods work in older systems that still use CommonJS. Repeat
|
||||
any of the above methods but using `dist/tween.cjs` instead of
|
||||
`dist/tween.esm.js` or `dist/tween.umd.js`.
|
||||
|
||||
# Documentation
|
||||
|
||||
- [User guide](./docs/user_guide.md)
|
||||
- [Contributor guide](./docs/contributor_guide.md)
|
||||
- [Tutorial](https://web.archive.org/web/20220601192930/http://learningthreejs.com/blog/2011/08/17/tweenjs-for-smooth-animation/) using tween.js with three.js
|
||||
- Also: [libtween](https://github.com/jsm174/libtween), a port of tween.js to C by [jsm174](https://github.com/jsm174)
|
||||
|
||||
# Tests
|
||||
|
||||
You need to install `npm` first--this comes with node.js, so install that one first. Then, cd to `tween.js`'s (or wherever you cloned the repo) directory and run:
|
||||
|
||||
```bash
|
||||
npm install
|
||||
```
|
||||
|
||||
To run the tests run:
|
||||
|
||||
```bash
|
||||
npm test
|
||||
```
|
||||
|
||||
If you want to add any feature or change existing features, you _must_ run the
|
||||
tests to make sure you didn't break anything else. Any pull request (PR) needs
|
||||
to have updated passing tests for feature changes (or new passing tests for new
|
||||
features or fixes) in `src/tests.ts` to be accepted. See
|
||||
[contributing](CONTRIBUTING.md) for more information.
|
||||
|
||||
# People
|
||||
|
||||
Maintainers: [Joe Pea (@trusktr)](https://github.com/trusktr).
|
||||
|
||||
[All contributors](http://github.com/tweenjs/tween.js/contributors).
|
||||
|
||||
# Projects using tween.js
|
||||
|
||||
[<img src="./assets/projects/11_lume.jpg" width="100" alt="Lume" />](https://lume.io)
|
||||
[](https://aframe.io)
|
||||
[](http://www.moma.org/interactives/exhibitions/2012/inventingabstraction/)
|
||||
[](http://www.chromeweblab.com/)
|
||||
[](http://5013.es/toys/macchina)
|
||||
[](http://egraether.com/mine3d/)
|
||||
[](http://ro.me)
|
||||
[](http://data-arts.appspot.com/globe)
|
||||
[](http://www.androidify.com/)
|
||||
[](http://thewildernessdowntown.com/)
|
||||
[](http://dejavis.org/linechart)
|
||||
|
||||
[npm-image]: https://img.shields.io/npm/v/@tweenjs/tween.js.svg
|
||||
[npm-url]: https://npmjs.org/package/@tweenjs/tween.js
|
||||
[downloads-image]: https://img.shields.io/npm/dm/@tweenjs/tween.js.svg
|
||||
[downloads-url]: https://npmjs.org/package/@tweenjs/tween.js
|
||||
[ci-image]: https://github.com/tweenjs/tween.js/workflows/build%20and%20tests/badge.svg?branch=master
|
||||
[ci-url]: https://github.com/tweenjs/tween.js/actions
|
||||
[cdnjs-image]: https://img.shields.io/cdnjs/v/tween.js.svg
|
||||
[cdnjs-url]: https://cdnjs.com/libraries/tween.js
|
||||
+1405
File diff suppressed because it is too large
Load Diff
+1403
File diff suppressed because it is too large
Load Diff
+722
@@ -0,0 +1,722 @@
|
||||
type EasingFunction = (amount: number) => number;
|
||||
type EasingFunctionGroup = {
|
||||
In: EasingFunction;
|
||||
Out: EasingFunction;
|
||||
InOut: EasingFunction;
|
||||
};
|
||||
/**
|
||||
* The Ease class provides a collection of easing functions for use with tween.js.
|
||||
*/
|
||||
declare const Easing: Readonly<{
|
||||
Linear: Readonly<EasingFunctionGroup & {
|
||||
None: EasingFunction;
|
||||
}>;
|
||||
Quadratic: Readonly<EasingFunctionGroup>;
|
||||
Cubic: Readonly<EasingFunctionGroup>;
|
||||
Quartic: Readonly<EasingFunctionGroup>;
|
||||
Quintic: Readonly<EasingFunctionGroup>;
|
||||
Sinusoidal: Readonly<EasingFunctionGroup>;
|
||||
Exponential: Readonly<EasingFunctionGroup>;
|
||||
Circular: Readonly<EasingFunctionGroup>;
|
||||
Elastic: Readonly<EasingFunctionGroup>;
|
||||
Back: Readonly<EasingFunctionGroup>;
|
||||
Bounce: Readonly<EasingFunctionGroup>;
|
||||
generatePow(power?: number): EasingFunctionGroup;
|
||||
}>;
|
||||
|
||||
/**
|
||||
*
|
||||
*/
|
||||
type InterpolationFunction = (v: number[], k: number) => number;
|
||||
/**
|
||||
*
|
||||
*/
|
||||
declare const Interpolation: {
|
||||
Linear: (v: number[], k: number) => number;
|
||||
Bezier: (v: number[], k: number) => number;
|
||||
CatmullRom: (v: number[], k: number) => number;
|
||||
Utils: {
|
||||
Linear: (p0: number, p1: number, t: number) => number;
|
||||
Bernstein: (n: number, i: number) => number;
|
||||
Factorial: (n: number) => number;
|
||||
CatmullRom: (p0: number, p1: number, p2: number, p3: number, t: number) => number;
|
||||
};
|
||||
};
|
||||
|
||||
/**
|
||||
* Tween.js - Licensed under the MIT license
|
||||
* https://github.com/tweenjs/tween.js
|
||||
* ----------------------------------------------
|
||||
*
|
||||
* See https://github.com/tweenjs/tween.js/graphs/contributors for the full list of contributors.
|
||||
* Thank you all, you're awesome!
|
||||
*/
|
||||
|
||||
declare class Tween<T extends UnknownProps = any> {
|
||||
static autoStartOnUpdate: boolean;
|
||||
private _isPaused;
|
||||
private _pauseStart;
|
||||
private _valuesStart;
|
||||
private _valuesEnd;
|
||||
private _valuesStartRepeat;
|
||||
private _duration;
|
||||
private _isDynamic;
|
||||
private _initialRepeat;
|
||||
private _repeat;
|
||||
private _repeatDelayTime?;
|
||||
private _yoyo;
|
||||
private _isPlaying;
|
||||
private _reversed;
|
||||
private _delayTime;
|
||||
private _startTime;
|
||||
private _easingFunction;
|
||||
private _interpolationFunction;
|
||||
private _chainedTweens;
|
||||
private _onStartCallback?;
|
||||
private _onStartCallbackFired;
|
||||
private _onEveryStartCallback?;
|
||||
private _onEveryStartCallbackFired;
|
||||
private _onUpdateCallback?;
|
||||
private _onRepeatCallback?;
|
||||
private _onCompleteCallback?;
|
||||
private _onStopCallback?;
|
||||
private _id;
|
||||
private _isChainStopped;
|
||||
private _propertiesAreSetUp;
|
||||
private _object;
|
||||
private _group?;
|
||||
/**
|
||||
* @param object - The object whose properties this Tween will animate.
|
||||
* @param group - The object whose properties this Tween will animate.
|
||||
*/
|
||||
constructor(object: T, group?: Group);
|
||||
/**
|
||||
* @deprecated The group parameter is now deprecated, instead use `new
|
||||
* Tween(object)` then `group.add(tween)` to add a tween to a group. Use
|
||||
* `new Tween(object, true)` to restore the old behavior for now, but this
|
||||
* will be removed in the future.
|
||||
*/
|
||||
constructor(object: T, group: true);
|
||||
getId(): number;
|
||||
isPlaying(): boolean;
|
||||
isPaused(): boolean;
|
||||
getDuration(): number;
|
||||
to(target: UnknownProps, duration?: number): this;
|
||||
duration(duration?: number): this;
|
||||
dynamic(dynamic?: boolean): this;
|
||||
start(time?: number, overrideStartingValues?: boolean): this;
|
||||
startFromCurrentValues(time?: number): this;
|
||||
private _setupProperties;
|
||||
stop(): this;
|
||||
end(): this;
|
||||
pause(time?: number): this;
|
||||
resume(time?: number): this;
|
||||
stopChainedTweens(): this;
|
||||
/**
|
||||
* Removes the tween from the current group it is in, if any, then adds the
|
||||
* tween to the specified `group`.
|
||||
*/
|
||||
group(group: Group): this;
|
||||
/**
|
||||
* @deprecated The argless call signature has been removed. Use
|
||||
* `tween.group(group)` or `group.add(tween)`, instead.
|
||||
*/
|
||||
group(): this;
|
||||
/**
|
||||
* Removes the tween from whichever group it is in.
|
||||
*/
|
||||
remove(): this;
|
||||
delay(amount?: number): this;
|
||||
repeat(times?: number): this;
|
||||
repeatDelay(amount?: number): this;
|
||||
yoyo(yoyo?: boolean): this;
|
||||
easing(easingFunction?: EasingFunction): this;
|
||||
interpolation(interpolationFunction?: InterpolationFunction): this;
|
||||
chain(...tweens: Array<Tween<any>>): this;
|
||||
onStart(callback?: (object: T) => void): this;
|
||||
onEveryStart(callback?: (object: T) => void): this;
|
||||
onUpdate(callback?: (object: T, elapsed: number) => void): this;
|
||||
onRepeat(callback?: (object: T) => void): this;
|
||||
onComplete(callback?: (object: T) => void): this;
|
||||
onStop(callback?: (object: T) => void): this;
|
||||
private _goToEnd;
|
||||
/**
|
||||
* @returns true if the tween is still playing after the update, false
|
||||
* otherwise (calling update on a paused tween still returns true because
|
||||
* it is still playing, just paused).
|
||||
*
|
||||
* @param autoStart - When true, calling update will implicitly call start()
|
||||
* as well. Note, if you stop() or end() the tween, but are still calling
|
||||
* update(), it will start again!
|
||||
*/
|
||||
update(time?: number, autoStart?: boolean): boolean;
|
||||
private _updateProperties;
|
||||
private _handleRelativeValue;
|
||||
private _swapEndStartRepeatValues;
|
||||
}
|
||||
type UnknownProps = Record<string, any>;
|
||||
|
||||
/**
|
||||
* Controlling groups of tweens
|
||||
*
|
||||
* Using the TWEEN singleton to manage your tweens can cause issues in large apps with many components.
|
||||
* In these cases, you may want to create your own smaller groups of tween
|
||||
*/
|
||||
declare class Group {
|
||||
private _tweens;
|
||||
private _tweensAddedDuringUpdate;
|
||||
constructor(...tweens: Tween[]);
|
||||
getAll(): Array<Tween>;
|
||||
removeAll(): void;
|
||||
add(...tweens: Tween[]): void;
|
||||
remove(...tweens: Tween[]): void;
|
||||
/** Return true if all tweens in the group are not paused or playing. */
|
||||
allStopped(): boolean;
|
||||
update(time?: number): void;
|
||||
/**
|
||||
* @deprecated The `preserve` parameter is now defaulted to `true` and will
|
||||
* be removed in a future major release, at which point all tweens of a
|
||||
* group will always be preserved when calling update. To migrate, always
|
||||
* use `group.add(tween)` or `group.remove(tween)` to manually add or remove
|
||||
* tweens, and do not rely on tweens being automatically added or removed.
|
||||
*/
|
||||
update(time?: number, preserve?: boolean): void;
|
||||
}
|
||||
|
||||
declare const now: () => number;
|
||||
|
||||
/**
|
||||
* Utils
|
||||
*/
|
||||
declare class Sequence {
|
||||
private static _nextId;
|
||||
static nextId(): number;
|
||||
}
|
||||
|
||||
declare const VERSION = "25.0.0";
|
||||
|
||||
declare const nextId: typeof Sequence.nextId;
|
||||
/**
|
||||
* @deprecated The global TWEEN Group will be removed in a following major
|
||||
* release. To migrate, create a `new Group()` instead of using `TWEEN` as a
|
||||
* group.
|
||||
*
|
||||
* Old code:
|
||||
*
|
||||
* ```js
|
||||
* import * as TWEEN from '@tweenjs/tween.js'
|
||||
*
|
||||
* //...
|
||||
*
|
||||
* const tween = new TWEEN.Tween(obj)
|
||||
* const tween2 = new TWEEN.Tween(obj2)
|
||||
*
|
||||
* //...
|
||||
*
|
||||
* requestAnimationFrame(function loop(time) {
|
||||
* TWEEN.update(time)
|
||||
* requestAnimationFrame(loop)
|
||||
* })
|
||||
* ```
|
||||
*
|
||||
* New code:
|
||||
*
|
||||
* ```js
|
||||
* import {Tween, Group} from '@tweenjs/tween.js'
|
||||
*
|
||||
* //...
|
||||
*
|
||||
* const tween = new Tween(obj)
|
||||
* const tween2 = new TWEEN.Tween(obj2)
|
||||
*
|
||||
* //...
|
||||
*
|
||||
* const group = new Group()
|
||||
* group.add(tween)
|
||||
* group.add(tween2)
|
||||
*
|
||||
* //...
|
||||
*
|
||||
* requestAnimationFrame(function loop(time) {
|
||||
* group.update(time)
|
||||
* requestAnimationFrame(loop)
|
||||
* })
|
||||
* ```
|
||||
*/
|
||||
declare const getAll: () => Tween<any>[];
|
||||
/**
|
||||
* @deprecated The global TWEEN Group will be removed in a following major
|
||||
* release. To migrate, create a `new Group()` instead of using `TWEEN` as a
|
||||
* group.
|
||||
*
|
||||
* Old code:
|
||||
*
|
||||
* ```js
|
||||
* import * as TWEEN from '@tweenjs/tween.js'
|
||||
*
|
||||
* //...
|
||||
*
|
||||
* const tween = new TWEEN.Tween(obj)
|
||||
* const tween2 = new TWEEN.Tween(obj2)
|
||||
*
|
||||
* //...
|
||||
*
|
||||
* requestAnimationFrame(function loop(time) {
|
||||
* TWEEN.update(time)
|
||||
* requestAnimationFrame(loop)
|
||||
* })
|
||||
* ```
|
||||
*
|
||||
* New code:
|
||||
*
|
||||
* ```js
|
||||
* import {Tween, Group} from '@tweenjs/tween.js'
|
||||
*
|
||||
* //...
|
||||
*
|
||||
* const tween = new Tween(obj)
|
||||
* const tween2 = new TWEEN.Tween(obj2)
|
||||
*
|
||||
* //...
|
||||
*
|
||||
* const group = new Group()
|
||||
* group.add(tween)
|
||||
* group.add(tween2)
|
||||
*
|
||||
* //...
|
||||
*
|
||||
* requestAnimationFrame(function loop(time) {
|
||||
* group.update(time)
|
||||
* requestAnimationFrame(loop)
|
||||
* })
|
||||
* ```
|
||||
*/
|
||||
declare const removeAll: () => void;
|
||||
/**
|
||||
* @deprecated The global TWEEN Group will be removed in a following major
|
||||
* release. To migrate, create a `new Group()` instead of using `TWEEN` as a
|
||||
* group.
|
||||
*
|
||||
* Old code:
|
||||
*
|
||||
* ```js
|
||||
* import * as TWEEN from '@tweenjs/tween.js'
|
||||
*
|
||||
* //...
|
||||
*
|
||||
* const tween = new TWEEN.Tween(obj)
|
||||
* const tween2 = new TWEEN.Tween(obj2)
|
||||
*
|
||||
* //...
|
||||
*
|
||||
* requestAnimationFrame(function loop(time) {
|
||||
* TWEEN.update(time)
|
||||
* requestAnimationFrame(loop)
|
||||
* })
|
||||
* ```
|
||||
*
|
||||
* New code:
|
||||
*
|
||||
* ```js
|
||||
* import {Tween, Group} from '@tweenjs/tween.js'
|
||||
*
|
||||
* //...
|
||||
*
|
||||
* const tween = new Tween(obj)
|
||||
* const tween2 = new TWEEN.Tween(obj2)
|
||||
*
|
||||
* //...
|
||||
*
|
||||
* const group = new Group()
|
||||
* group.add(tween)
|
||||
* group.add(tween2)
|
||||
*
|
||||
* //...
|
||||
*
|
||||
* requestAnimationFrame(function loop(time) {
|
||||
* group.update(time)
|
||||
* requestAnimationFrame(loop)
|
||||
* })
|
||||
* ```
|
||||
*/
|
||||
declare const add: (...tweens: Tween<any>[]) => void;
|
||||
/**
|
||||
* @deprecated The global TWEEN Group will be removed in a following major
|
||||
* release. To migrate, create a `new Group()` instead of using `TWEEN` as a
|
||||
* group.
|
||||
*
|
||||
* Old code:
|
||||
*
|
||||
* ```js
|
||||
* import * as TWEEN from '@tweenjs/tween.js'
|
||||
*
|
||||
* //...
|
||||
*
|
||||
* const tween = new TWEEN.Tween(obj)
|
||||
* const tween2 = new TWEEN.Tween(obj2)
|
||||
*
|
||||
* //...
|
||||
*
|
||||
* requestAnimationFrame(function loop(time) {
|
||||
* TWEEN.update(time)
|
||||
* requestAnimationFrame(loop)
|
||||
* })
|
||||
* ```
|
||||
*
|
||||
* New code:
|
||||
*
|
||||
* ```js
|
||||
* import {Tween, Group} from '@tweenjs/tween.js'
|
||||
*
|
||||
* //...
|
||||
*
|
||||
* const tween = new Tween(obj)
|
||||
* const tween2 = new TWEEN.Tween(obj2)
|
||||
*
|
||||
* //...
|
||||
*
|
||||
* const group = new Group()
|
||||
* group.add(tween)
|
||||
* group.add(tween2)
|
||||
*
|
||||
* //...
|
||||
*
|
||||
* requestAnimationFrame(function loop(time) {
|
||||
* group.update(time)
|
||||
* requestAnimationFrame(loop)
|
||||
* })
|
||||
* ```
|
||||
*/
|
||||
declare const remove: (...tweens: Tween<any>[]) => void;
|
||||
/**
|
||||
* @deprecated The global TWEEN Group will be removed in a following major
|
||||
* release. To migrate, create a `new Group()` instead of using `TWEEN` as a
|
||||
* group.
|
||||
*
|
||||
* Old code:
|
||||
*
|
||||
* ```js
|
||||
* import * as TWEEN from '@tweenjs/tween.js'
|
||||
*
|
||||
* //...
|
||||
*
|
||||
* const tween = new TWEEN.Tween(obj)
|
||||
* const tween2 = new TWEEN.Tween(obj2)
|
||||
*
|
||||
* //...
|
||||
*
|
||||
* requestAnimationFrame(function loop(time) {
|
||||
* TWEEN.update(time)
|
||||
* requestAnimationFrame(loop)
|
||||
* })
|
||||
* ```
|
||||
*
|
||||
* New code:
|
||||
*
|
||||
* ```js
|
||||
* import {Tween, Group} from '@tweenjs/tween.js'
|
||||
*
|
||||
* //...
|
||||
*
|
||||
* const tween = new Tween(obj)
|
||||
* const tween2 = new TWEEN.Tween(obj2)
|
||||
*
|
||||
* //...
|
||||
*
|
||||
* const group = new Group()
|
||||
* group.add(tween)
|
||||
* group.add(tween2)
|
||||
*
|
||||
* //...
|
||||
*
|
||||
* requestAnimationFrame(function loop(time) {
|
||||
* group.update(time)
|
||||
* requestAnimationFrame(loop)
|
||||
* })
|
||||
* ```
|
||||
*/
|
||||
declare const update: {
|
||||
(time?: number | undefined): void;
|
||||
(time?: number | undefined, preserve?: boolean | undefined): void;
|
||||
};
|
||||
|
||||
declare const exports: {
|
||||
Easing: Readonly<{
|
||||
Linear: Readonly<EasingFunctionGroup & {
|
||||
None: EasingFunction;
|
||||
}>;
|
||||
Quadratic: Readonly<EasingFunctionGroup>;
|
||||
Cubic: Readonly<EasingFunctionGroup>;
|
||||
Quartic: Readonly<EasingFunctionGroup>;
|
||||
Quintic: Readonly<EasingFunctionGroup>;
|
||||
Sinusoidal: Readonly<EasingFunctionGroup>;
|
||||
Exponential: Readonly<EasingFunctionGroup>;
|
||||
Circular: Readonly<EasingFunctionGroup>;
|
||||
Elastic: Readonly<EasingFunctionGroup>;
|
||||
Back: Readonly<EasingFunctionGroup>;
|
||||
Bounce: Readonly<EasingFunctionGroup>;
|
||||
generatePow(power?: number): EasingFunctionGroup;
|
||||
}>;
|
||||
Group: typeof Group;
|
||||
Interpolation: {
|
||||
Linear: (v: number[], k: number) => number;
|
||||
Bezier: (v: number[], k: number) => number;
|
||||
CatmullRom: (v: number[], k: number) => number;
|
||||
Utils: {
|
||||
Linear: (p0: number, p1: number, t: number) => number;
|
||||
Bernstein: (n: number, i: number) => number;
|
||||
Factorial: (n: number) => number;
|
||||
CatmullRom: (p0: number, p1: number, p2: number, p3: number, t: number) => number;
|
||||
};
|
||||
};
|
||||
now: () => number;
|
||||
Sequence: typeof Sequence;
|
||||
nextId: typeof Sequence.nextId;
|
||||
Tween: typeof Tween;
|
||||
VERSION: string;
|
||||
/**
|
||||
* @deprecated The global TWEEN Group will be removed in a following major
|
||||
* release. To migrate, create a `new Group()` instead of using `TWEEN` as a
|
||||
* group.
|
||||
*
|
||||
* Old code:
|
||||
*
|
||||
* ```js
|
||||
* import * as TWEEN from '@tweenjs/tween.js'
|
||||
*
|
||||
* //...
|
||||
*
|
||||
* const tween = new TWEEN.Tween(obj)
|
||||
* const tween2 = new TWEEN.Tween(obj2)
|
||||
*
|
||||
* //...
|
||||
*
|
||||
* requestAnimationFrame(function loop(time) {
|
||||
* TWEEN.update(time)
|
||||
* requestAnimationFrame(loop)
|
||||
* })
|
||||
* ```
|
||||
*
|
||||
* New code:
|
||||
*
|
||||
* ```js
|
||||
* import {Tween, Group} from '@tweenjs/tween.js'
|
||||
*
|
||||
* //...
|
||||
*
|
||||
* const tween = new Tween(obj)
|
||||
* const tween2 = new TWEEN.Tween(obj2)
|
||||
*
|
||||
* //...
|
||||
*
|
||||
* const group = new Group()
|
||||
* group.add(tween)
|
||||
* group.add(tween2)
|
||||
*
|
||||
* //...
|
||||
*
|
||||
* requestAnimationFrame(function loop(time) {
|
||||
* group.update(time)
|
||||
* requestAnimationFrame(loop)
|
||||
* })
|
||||
* ```
|
||||
*/
|
||||
getAll: () => Tween<any>[];
|
||||
/**
|
||||
* @deprecated The global TWEEN Group will be removed in a following major
|
||||
* release. To migrate, create a `new Group()` instead of using `TWEEN` as a
|
||||
* group.
|
||||
*
|
||||
* Old code:
|
||||
*
|
||||
* ```js
|
||||
* import * as TWEEN from '@tweenjs/tween.js'
|
||||
*
|
||||
* //...
|
||||
*
|
||||
* const tween = new TWEEN.Tween(obj)
|
||||
* const tween2 = new TWEEN.Tween(obj2)
|
||||
*
|
||||
* //...
|
||||
*
|
||||
* requestAnimationFrame(function loop(time) {
|
||||
* TWEEN.update(time)
|
||||
* requestAnimationFrame(loop)
|
||||
* })
|
||||
* ```
|
||||
*
|
||||
* New code:
|
||||
*
|
||||
* ```js
|
||||
* import {Tween, Group} from '@tweenjs/tween.js'
|
||||
*
|
||||
* //...
|
||||
*
|
||||
* const tween = new Tween(obj)
|
||||
* const tween2 = new TWEEN.Tween(obj2)
|
||||
*
|
||||
* //...
|
||||
*
|
||||
* const group = new Group()
|
||||
* group.add(tween)
|
||||
* group.add(tween2)
|
||||
*
|
||||
* //...
|
||||
*
|
||||
* requestAnimationFrame(function loop(time) {
|
||||
* group.update(time)
|
||||
* requestAnimationFrame(loop)
|
||||
* })
|
||||
* ```
|
||||
*/
|
||||
removeAll: () => void;
|
||||
/**
|
||||
* @deprecated The global TWEEN Group will be removed in a following major
|
||||
* release. To migrate, create a `new Group()` instead of using `TWEEN` as a
|
||||
* group.
|
||||
*
|
||||
* Old code:
|
||||
*
|
||||
* ```js
|
||||
* import * as TWEEN from '@tweenjs/tween.js'
|
||||
*
|
||||
* //...
|
||||
*
|
||||
* const tween = new TWEEN.Tween(obj)
|
||||
* const tween2 = new TWEEN.Tween(obj2)
|
||||
*
|
||||
* //...
|
||||
*
|
||||
* requestAnimationFrame(function loop(time) {
|
||||
* TWEEN.update(time)
|
||||
* requestAnimationFrame(loop)
|
||||
* })
|
||||
* ```
|
||||
*
|
||||
* New code:
|
||||
*
|
||||
* ```js
|
||||
* import {Tween, Group} from '@tweenjs/tween.js'
|
||||
*
|
||||
* //...
|
||||
*
|
||||
* const tween = new Tween(obj)
|
||||
* const tween2 = new TWEEN.Tween(obj2)
|
||||
*
|
||||
* //...
|
||||
*
|
||||
* const group = new Group()
|
||||
* group.add(tween)
|
||||
* group.add(tween2)
|
||||
*
|
||||
* //...
|
||||
*
|
||||
* requestAnimationFrame(function loop(time) {
|
||||
* group.update(time)
|
||||
* requestAnimationFrame(loop)
|
||||
* })
|
||||
* ```
|
||||
*/
|
||||
add: (...tweens: Tween<any>[]) => void;
|
||||
/**
|
||||
* @deprecated The global TWEEN Group will be removed in a following major
|
||||
* release. To migrate, create a `new Group()` instead of using `TWEEN` as a
|
||||
* group.
|
||||
*
|
||||
* Old code:
|
||||
*
|
||||
* ```js
|
||||
* import * as TWEEN from '@tweenjs/tween.js'
|
||||
*
|
||||
* //...
|
||||
*
|
||||
* const tween = new TWEEN.Tween(obj)
|
||||
* const tween2 = new TWEEN.Tween(obj2)
|
||||
*
|
||||
* //...
|
||||
*
|
||||
* requestAnimationFrame(function loop(time) {
|
||||
* TWEEN.update(time)
|
||||
* requestAnimationFrame(loop)
|
||||
* })
|
||||
* ```
|
||||
*
|
||||
* New code:
|
||||
*
|
||||
* ```js
|
||||
* import {Tween, Group} from '@tweenjs/tween.js'
|
||||
*
|
||||
* //...
|
||||
*
|
||||
* const tween = new Tween(obj)
|
||||
* const tween2 = new TWEEN.Tween(obj2)
|
||||
*
|
||||
* //...
|
||||
*
|
||||
* const group = new Group()
|
||||
* group.add(tween)
|
||||
* group.add(tween2)
|
||||
*
|
||||
* //...
|
||||
*
|
||||
* requestAnimationFrame(function loop(time) {
|
||||
* group.update(time)
|
||||
* requestAnimationFrame(loop)
|
||||
* })
|
||||
* ```
|
||||
*/
|
||||
remove: (...tweens: Tween<any>[]) => void;
|
||||
/**
|
||||
* @deprecated The global TWEEN Group will be removed in a following major
|
||||
* release. To migrate, create a `new Group()` instead of using `TWEEN` as a
|
||||
* group.
|
||||
*
|
||||
* Old code:
|
||||
*
|
||||
* ```js
|
||||
* import * as TWEEN from '@tweenjs/tween.js'
|
||||
*
|
||||
* //...
|
||||
*
|
||||
* const tween = new TWEEN.Tween(obj)
|
||||
* const tween2 = new TWEEN.Tween(obj2)
|
||||
*
|
||||
* //...
|
||||
*
|
||||
* requestAnimationFrame(function loop(time) {
|
||||
* TWEEN.update(time)
|
||||
* requestAnimationFrame(loop)
|
||||
* })
|
||||
* ```
|
||||
*
|
||||
* New code:
|
||||
*
|
||||
* ```js
|
||||
* import {Tween, Group} from '@tweenjs/tween.js'
|
||||
*
|
||||
* //...
|
||||
*
|
||||
* const tween = new Tween(obj)
|
||||
* const tween2 = new TWEEN.Tween(obj2)
|
||||
*
|
||||
* //...
|
||||
*
|
||||
* const group = new Group()
|
||||
* group.add(tween)
|
||||
* group.add(tween2)
|
||||
*
|
||||
* //...
|
||||
*
|
||||
* requestAnimationFrame(function loop(time) {
|
||||
* group.update(time)
|
||||
* requestAnimationFrame(loop)
|
||||
* })
|
||||
* ```
|
||||
*/
|
||||
update: {
|
||||
(time?: number | undefined): void;
|
||||
(time?: number | undefined, preserve?: boolean | undefined): void;
|
||||
};
|
||||
};
|
||||
|
||||
export { Easing, Group, Interpolation, Sequence, Tween, VERSION, add, exports as default, getAll, nextId, now, remove, removeAll, update };
|
||||
+1386
File diff suppressed because it is too large
Load Diff
+1409
File diff suppressed because it is too large
Load Diff
+64
@@ -0,0 +1,64 @@
|
||||
{
|
||||
"name": "@tweenjs/tween.js",
|
||||
"description": "Simple and fast tweening engine with optimised Robert Penner's equations.",
|
||||
"version": "25.0.0",
|
||||
"type": "module",
|
||||
"main": "dist/tween.cjs",
|
||||
"types": "dist/tween.d.ts",
|
||||
"module": "dist/tween.esm.js",
|
||||
"exports": {
|
||||
".": {
|
||||
"import": "./dist/tween.esm.js",
|
||||
"require": "./dist/tween.cjs",
|
||||
"types": "./dist/tween.d.ts"
|
||||
}
|
||||
},
|
||||
"files": [
|
||||
"dist",
|
||||
"README.md",
|
||||
"LICENSE"
|
||||
],
|
||||
"homepage": "https://github.com/tweenjs/tween.js",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/tweenjs/tween.js.git"
|
||||
},
|
||||
"bugs": {
|
||||
"url": "https://github.com/tweenjs/tween.js/issues"
|
||||
},
|
||||
"license": "MIT",
|
||||
"keywords": [
|
||||
"tween",
|
||||
"interpolation"
|
||||
],
|
||||
"dependencies": {},
|
||||
"scripts": {
|
||||
"dev": "(npm run tsc-watch -- --preserveWatchOutput & p1=$!; npm run rollup-build -- --watch & p2=$!; wait $p1 $p2)",
|
||||
"build": "rimraf dist .tmp && node scripts/write-version.js && npm run tsc && npm run rollup-build",
|
||||
"rollup-build": "rollup -c ./rollup.config.js",
|
||||
"tsc": "tsc",
|
||||
"tsc-watch": "tsc --watch",
|
||||
"examples": "npx serve .",
|
||||
"test": "npm run build && npm run test-lint && npm run test-unit",
|
||||
"test-unit": "nodeunit test/unit/nodeunitheadless.cjs",
|
||||
"test-lint": "npm run prettier -- --check",
|
||||
"lint": "npm run prettier -- --write",
|
||||
"prettier": "prettier .",
|
||||
"prepare": "npm run build",
|
||||
"version": "npm test && git add .",
|
||||
"release:patch": "npm version patch --message 'v%s' && npm publish && npm run _release:push-branch",
|
||||
"release:minor": "npm version minor --message 'v%s' && npm publish && npm run _release:push-branch",
|
||||
"release:major": "npm version major --message 'v%s' && npm publish && npm run _release:push-branch",
|
||||
"_release:push-branch": "git push --follow-tags --set-upstream origin `git rev-parse --abbrev-ref HEAD`"
|
||||
},
|
||||
"author": "tween.js contributors (https://github.com/tweenjs/tween.js/graphs/contributors)",
|
||||
"devDependencies": {
|
||||
"nodeunit": "^0.11.3",
|
||||
"prettier": "^3.0.0",
|
||||
"rimraf": "^3.0.0",
|
||||
"rollup": "3.20.7",
|
||||
"rollup-plugin-dts": "5.3.0",
|
||||
"tslib": "^1.10.0",
|
||||
"typescript": "5.0.4"
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user