Skip to content

blastrain/pixi-after-effects

Repository files navigation

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