https://github.com/blastrain/pixi-after-effects
play AfterEffects animation by pixi.js
https://github.com/blastrain/pixi-after-effects
after-effects javascript pixijs typescript
Last synced: 6 months ago
JSON representation
play AfterEffects animation by pixi.js
- Host: GitHub
- URL: https://github.com/blastrain/pixi-after-effects
- Owner: blastrain
- License: mit
- Created: 2018-08-24T04:29:17.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2023-01-07T04:08:52.000Z (almost 3 years ago)
- Last Synced: 2024-09-23T22:12:51.031Z (about 1 year ago)
- Topics: after-effects, javascript, pixijs, typescript
- Language: TypeScript
- Size: 1.59 MB
- Stars: 130
- Watchers: 28
- Forks: 29
- Open Issues: 25
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# pixi-after-effects
play AfterEffects animation by pixi.js
[](https://circleci.com/gh/blastrain/pixi-after-effects)
# FEATURES
- play AfterEffects animation from JSON
- support AfterEffects composition as PIXI.Container
- support images in AfterEffects as PIXI.Sprite
- can play independent each animation in AfterEffects
# DOCUMENTATION
see https://blastrain.github.io/pixi-after-effects/docs
# INSTALL
```
npm install pixi-after-effects
```
install minified file to `node_modules/pixi-after-effects/dist/pixi-ae.js`
# DEMO
see https://blastrain.github.io/pixi-after-effects/dist
or run your machine the following step
```
yarn install # install dependencies
yarn server # start simply server by webpack-dev-server (using port 5000)
# access http://localhost:5000 and can see demonstration
```
# HOW IT WORKS
**pixi-after-effects** use lottie-web(bodymovin)'s AfterEffects plugin.
※ [lottie-web(bodymovin)](https://github.com/airbnb/lottie-web) supports AfterEffects plugin.
It can convert AfterEffects animation to JSON format. (detail : https://github.com/airbnb/lottie-web#plugin-installation )
**pixi-after-effects** play animation from JSON format generated by lottie-web plugin.
# LICENSE
MIT