# @porkchappie/tweenjs

> simple tweening for js

Latest version **1.0.0-rc.1** (published 2022-06-21) · The Unlicense license · 0 weekly downloads

## Install

```sh
npm install @porkchappie/tweenjs
pnpm add @porkchappie/tweenjs
yarn add @porkchappie/tweenjs
bun add @porkchappie/tweenjs
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.0-rc.1 |
| Published | 2022-06-21 |
| First published | 2022-06-21 |
| Weekly downloads | 0 |
| License | The Unlicense |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 3.8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Gerald Jaucian |
| Maintainers | porkchappie |
| Keywords | tween, tweenjs, tween-js, es6, javascript, js |

## Links

- npm: https://www.npmjs.com/package/@porkchappie/tweenjs
- Repository: https://github.com/geraldjaucian/tweenjs
- Homepage: https://github.com/geraldjaucian/tweenjs#readme
- Issues: https://github.com/geraldjaucian/tweenjs/issues
- npm.io page: https://npm.io/package/@porkchappie/tweenjs

## Alternatives

- [@mapbox/jsonlint-lines-primitives](https://npm.io/package/@mapbox/jsonlint-lines-primitives.md) — 5.3M weekly downloads
- [reftools](https://npm.io/package/reftools.md) — 3.5M weekly downloads
- [@hey-api/openapi-ts](https://npm.io/package/@hey-api/openapi-ts.md) — 3.5M weekly downloads
- [@mapbox/geojson-rewind](https://npm.io/package/@mapbox/geojson-rewind.md) — 2.4M weekly downloads
- [turbo-stream](https://npm.io/package/turbo-stream.md) — 1.7M weekly downloads

## Recent versions

- 1.0.0-rc.1 (latest) — 2022-06-21

## README

# tweenjs

simple tween using requestAnimationFrame

> npm i @porkchappie/tweenjs

```js
import Tween from '@porkchappie/tweenjs'

const tween = Tween({
  target: 143, duration: 69143,
  onstart: o => console.log(`start@ ellapsed: ${o.ellapsed}, value: ${o.value}`),
  onupdate: o => console.log(`update@ ellapsed: ${o.ellapsed}, value: ${o.value}`),
  onend: o => console.log(`end@ ellapsed: ${o.ellapsed}, value: ${o.value}`),
  oncancel: o => console.log(`cancel@ ellapsed: ${o.ellapsed}, value: ${o.value}`),
  interpolation: t => t * t
})
tween.cancel()
```

---
_Source: https://npm.io/package/@porkchappie/tweenjs · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._