pixi.bodymovin

[![npm](https://img.shields.io/npm/v/pixi.bodymovin.svg?style=flat-square)](https://github.com/jasonChen1982/pixi.bodymovin.js) [![javascript style guide](https://img.shields.io/badge/code_style-google-brightgreen.svg)](https://google.github.io/styleguide

Usage no npm install needed!

<script type="module">
  import pixiBodymovin from 'https://cdn.skypack.dev/pixi.bodymovin';
</script>

README

pixi.bodymovin

npm javascript style guide Standard Version

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