Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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: 4 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 (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2023-01-07T04:08:52.000Z (over 1 year ago)
- Last Synced: 2024-03-22T02:45:18.987Z (4 months ago)
- Topics: after-effects, javascript, pixijs, typescript
- Language: TypeScript
- Size: 1.59 MB
- Stars: 128
- Watchers: 28
- Forks: 28
- Open Issues: 25
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Lists
- docsify-awesome-stars - blastrain/pixi-after-effects - play AfterEffects animation by pixi.js (TypeScript)
- awesome-jekyll - blastrain/pixi-after-effects - play AfterEffects animation by pixi.js (TypeScript)
- awesome-stars - blastrain/pixi-after-effects - play AfterEffects animation by pixi.js (TypeScript)
README
# pixi-after-effects
play AfterEffects animation by pixi.js[![CircleCI](https://circleci.com/gh/blastrain/pixi-after-effects.svg?style=svg)](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