# phaser-animate

> phaser-animate

Latest version **1.0.6** (published 2020-11-02) · ISC license · 0 weekly downloads

## Install

```sh
npm install phaser-animate
pnpm add phaser-animate
yarn add phaser-animate
bun add phaser-animate
```

## 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.6 |
| Published | 2020-11-02 |
| First published | 2020-11-02 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 6 |
| Unpacked size | 75.7 KB |
| Known vulnerabilities | 0 (+6 in 1 direct dependencies) |
| Install scripts | no |
| GitHub stars | 2 |
| Author | chenxiang |
| Maintainers | chenxiang123 |

## Links

- npm: https://www.npmjs.com/package/phaser-animate
- Repository: https://github.com/alpacachen/animate4phaser
- Homepage: https://github.com/alpacachen/animate4phaser#readme
- Issues: https://github.com/alpacachen/animate4phaser/issues
- npm.io page: https://npm.io/package/phaser-animate

## Dependencies (6)

- [@babel/core](https://npm.io/package/@babel/core.md) ^7.10.2
- [animate.css](https://npm.io/package/animate.css.md) ^4.1.1
- [babel-loader](https://npm.io/package/babel-loader.md) ^8.1.0
- [bezier-easing](https://npm.io/package/bezier-easing.md) ^2.1.0
- [postcss-loader](https://npm.io/package/postcss-loader.md) ^3.0.0
- [webpack-dev-server](https://npm.io/package/webpack-dev-server.md) ^3.10.3

## Recent versions

- 1.0.6 (latest) — 2020-11-02

## README

# phaser-animate
> animate.css for Phaser, Automatic conversion based on [animate.css](https://github.com/animate-css/animate.css)

> ps:the core is Exhausting all the css rules animate.css used.so if animate.css use some rules that never used before, some animation might be wrong. 
# DEMO
[Demo](http://www.qwero.cn/index.html#/animate4phaser "")

#### Usage
```js
import { animate, list } from 'animate4phaser'
// supported animationList
console.log(list)

const boy = new Phaser.GameObjects.Image(this.scene, 0, 0, src);

animate({
    targets: boy,
    name: 'bounce',
}).then((e)=>{
    // e => boy
    console.log(e)
})
```
#### Options
| option | necessary | type | desc |
| :-------- |:-----:| :-----:| :-----|
| targets | yes | Phaser.GameObject | - |
| name | yes | String | supported animation name |
| time | no | Number | animate duration |
| mode | no | String | 'backwards' or 'forwards', default 'backwards' |
| tweenScale | no | Number | Range of motion, default 1 |

#### Develop

```javaScript
// install dependencies
yarn

// run dev mode
yarn start

// get lastest animate.css code and transform
yarn tran

// build
yarn build
```

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