"Pixim-animate-container" is a plugin for using content created by Adobe Animate with "Pixim.js".
@tawaship/pixi-animate-container
- 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.
npm install --save pixi.js @tawaship/pixim.js @tawaship/pixim-animate-containerimport * as PIXI from 'pixi.js';
import * as Pixim from '@tawaship/pixim.js';
import * as PiximAnimate from '@tawaship/pixim-animate-container';git clone https://github.com/tawaship/Pixim-animate-container<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>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();
});See here for complete options for Pixim.animate.defineAnimatesTo and Pixim.animate.addAnimatesTo.
-
Overrides
name class createjs.MovieClip CreatejsMovieClip
- Compatible with @tawaship/pixi-animate-container@2.0.0