127 lines
2.4 KiB
JavaScript
Executable file
127 lines
2.4 KiB
JavaScript
Executable file
ig.module(
|
|
'impact.animation'
|
|
)
|
|
.requires(
|
|
'impact.timer',
|
|
'impact.image'
|
|
)
|
|
.defines(function(){ "use strict";
|
|
|
|
ig.AnimationSheet = ig.Class.extend({
|
|
width: 8,
|
|
height: 8,
|
|
image: null,
|
|
|
|
init: function( path, width, height ) {
|
|
this.width = width;
|
|
this.height = height;
|
|
|
|
this.image = new ig.Image( path );
|
|
}
|
|
});
|
|
|
|
|
|
|
|
ig.Animation = ig.Class.extend({
|
|
sheet: null,
|
|
timer: null,
|
|
|
|
sequence: [],
|
|
flip: {x: false, y: false},
|
|
pivot: {x: 0, y: 0},
|
|
|
|
frame: 0,
|
|
tile: 0,
|
|
loopCount: 0,
|
|
alpha: 1,
|
|
angle: 0,
|
|
|
|
|
|
init: function( sheet, frameTime, sequence, stop ) {
|
|
this.sheet = sheet;
|
|
this.pivot = {x: sheet.width/2, y: sheet.height/2 };
|
|
this.timer = new ig.Timer();
|
|
|
|
this.frameTime = frameTime;
|
|
this.sequence = sequence;
|
|
this.stop = !!stop;
|
|
this.tile = this.sequence[0];
|
|
},
|
|
|
|
|
|
rewind: function() {
|
|
this.timer.set();
|
|
this.loopCount = 0;
|
|
this.tile = this.sequence[0];
|
|
return this;
|
|
},
|
|
|
|
|
|
gotoFrame: function( f ) {
|
|
this.timer.set( this.frameTime * -f );
|
|
this.update();
|
|
},
|
|
|
|
|
|
gotoRandomFrame: function() {
|
|
this.gotoFrame( Math.floor(Math.random() * this.sequence.length) )
|
|
},
|
|
|
|
|
|
update: function() {
|
|
var frameTotal = Math.floor(this.timer.delta() / this.frameTime);
|
|
this.loopCount = Math.floor(frameTotal / this.sequence.length);
|
|
if( this.stop && this.loopCount > 0 ) {
|
|
this.frame = this.sequence.length - 1;
|
|
}
|
|
else {
|
|
this.frame = frameTotal % this.sequence.length;
|
|
}
|
|
this.tile = this.sequence[ this.frame ];
|
|
},
|
|
|
|
|
|
draw: function( targetX, targetY ) {
|
|
var bbsize = Math.max(this.sheet.width, this.sheet.height);
|
|
|
|
// On screen?
|
|
if(
|
|
targetX > ig.system.width || targetY > ig.system.height ||
|
|
targetX + bbsize < 0 || targetY + bbsize < 0
|
|
) {
|
|
return;
|
|
}
|
|
|
|
if( this.alpha != 1) {
|
|
ig.system.context.globalAlpha = this.alpha;
|
|
}
|
|
|
|
if( this.angle == 0 ) {
|
|
this.sheet.image.drawTile(
|
|
targetX, targetY,
|
|
this.tile, this.sheet.width, this.sheet.height,
|
|
this.flip.x, this.flip.y
|
|
);
|
|
}
|
|
else {
|
|
ig.system.context.save();
|
|
ig.system.context.translate(
|
|
ig.system.getDrawPos(targetX + this.pivot.x),
|
|
ig.system.getDrawPos(targetY + this.pivot.y)
|
|
);
|
|
ig.system.context.rotate( this.angle );
|
|
this.sheet.image.drawTile(
|
|
-this.pivot.x, -this.pivot.y,
|
|
this.tile, this.sheet.width, this.sheet.height,
|
|
this.flip.x, this.flip.y
|
|
);
|
|
ig.system.context.restore();
|
|
}
|
|
|
|
if( this.alpha != 1) {
|
|
ig.system.context.globalAlpha = 1;
|
|
}
|
|
}
|
|
});
|
|
|
|
}); |