• Stars
    star
    130
  • Rank 277,575 (Top 6 %)
  • Language
    TypeScript
  • License
    MIT License
  • Created over 6 years ago
  • Updated almost 2 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

play AfterEffects animation by pixi.js

pixi-after-effects

play AfterEffects animation by pixi.js

CircleCI

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) 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