<script src='path/to/phina.js'></script>
<script src='path/to/phina-aseprite-loader.js'></script>
<script src='https://cdn.jsdelivr.net/npm/phina.js@0.2.2/build/phina.min.js'></script>
<script src='https://cdn.jsdelivr.net/npm/phina-aseprite-loader@latest/dist/phina-aseprite-loader.min.js'></script>
Almost same as built-in FrameAnimation class.
phina.main(function() {
var app = phina.game.GameApp({
startLabel: 'main',
assets: {
image: {
tomapiko: "assets/tomapiko_ss.png",
},
aseprite: {
tomapiko_ss: "assets/tomapiko_ss.json",
},
},
});
app.run();
});
phina.define('MainScene', {
superClass: 'phina.display.DisplayScene',
init: function(options) {
this.superInit(options);
var sprite = this.sprite = phina.display.Sprite('tomapiko')
.setPosition(this.width, this.height*0.5)
.addChildTo(this)
;
var animation = phina.accessory.FrameAnimation("tomapiko_ss")
.attachTo(sprite);
animation.setNext("walk", "walk");
animation.gotoAndPlay("walk");
},
});