Pixim-animate-container

"Pixim-animate-container" is a plugin for using content created by Adobe Animate with "Pixim.js".

---

Core module

@tawaship/pixi-animate-container

Supported version

• A complete set of content created with Adobe Animate version 24.0.1
• pixi.js 5.3.x
• Pixim.js 1.14.0

It may work with other versions as well.

Setup

NPM

npm install --save pixi.js @tawaship/pixim.js @tawaship/pixim-animate-container
Copy

import * as PIXI from 'pixi.js';
import * as Pixim from '@tawaship/pixim.js';
import * as PiximAnimate from '@tawaship/pixim-animate-container';
Copy

Browser

git clone https://github.com/tawaship/Pixim-animate-container
Copy

<script src="https://code.createjs.com/1.0.0/createjs.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pixi.js/5.3.2/pixi.min.js"></script>
<script src="/path/to/lib/Pixim.min.js"></script>
<script src="/path/to/dist/Pixim-animate-container.min.js"></script>
Copy

Usage

For browsers, this module is stored in the namespace "Pixim.animate".

const app = new Pixim.Application();

const Game = Pixim.Content.create();

Game.setConfig({
    width: 450,
    height: 800
});

Pixim.animate.defineAnimatesTo(Game, {
    test: {
        id: "[conposition id]", // "lib.properties.id" in Animate content.
        basepath: "[content directory path]", // Directory path of Animate content.
        filepath: "[content js file path], // Javascript file path from basepath.
        options: {
            crossOrigin: true
        }
    }
});

Game.defineLibraries({
    root: class Root extends Pixim.animate.Container {
        constructor($) {
            super();
            
            this.addCreatejs(new $.resources.animates.test.game()); // The class you want to use.
        }
    }
});

const game = new Game();

app
    .fullScreen()
    .attachAsync(game)
    .then(function() {
        app.play();
    });
Copy

See here for complete options for Pixim.animate.defineAnimatesTo and Pixim.animate.addAnimatesTo.

Change log

1.0.0

• Overrides

  name	class
  createjs.MovieClip	CreatejsMovieClip

2.0.0

• Compatible with @tawaship/pixi-animate-container@2.0.0