pixi.bodymovin

a bodymovin animation data parser for pixi.js, seamless help pixi.js build AE transform animation

install

npm install -S pixi.bodymovin

usage

import { Application } from 'pixi.js';
import { AnimationManager } from 'pixi.bodymovin';
import data from './animations/data.js';
 
const width = window.innerWidth;
const height = window.innerHeight;
const app = new Application(width, height, {backgroundColor : 0xffffff});
document.body.appendChild(app.view);
 
const animationManager = new AnimationManager(app.ticker);
 
const anim = manager.parserAnimation({
  keyframes: data,
  prefix: '',
  infinite: true,
});
 
app.stage.addChild(anim.group);
 

Documentation

documentation

Examples

• examples lucky
• examples cloud
• examples gift
• examples pop