isleward/src/client/js/components/attackAnimation.js

define([
	'js/rendering/effects',
	'js/rendering/renderer'
], function (
	effects,
	renderer
) {
	let scale = 40;

	return {
		type: 'attackAnimation',

		frames: 4,
		frameDelay: 4,
		layer: 'attacks',
		spriteSheet: 'attacks',

		row: null,
		col: null,

		loop: 1,
		loopCounter: 0,

		frame: 0,

		frameDelayCd: 0,

		flipped: false,

		sprite: null,

		init: function (blueprint) {
			effects.register(this);

			if ((this.hideSprite) && (this.obj.sprite))
				this.obj.sprite.visible = false;

			this.flipped = (Math.random() < 0.5);

			this.frameDelayCd = this.frameDelay;

			let cell = (this.row * 8) + this.col + this.frame;

			this.sprite = renderer.buildObject({
				sheetName: this.spritesheet || this.spriteSheet,
				cell: cell,
				x: this.obj.x + (this.flipped ? 1 : 0),
				y: this.obj.y,
				offsetX: this.obj.offsetX,
				offsetY: this.obj.offsetY,
				flipX: this.flipped
			});
			this.sprite.alpha = 1;
		},

		renderManual: function () {
			if (this.frameDelayCd > 0)
				this.frameDelayCd--;
			else {
				this.frameDelayCd = this.frameDelay;
				this.frame++;
				if (this.frame == this.frames) {
					this.loopCounter++;
					if (this.loopCounter == this.loop) {
						if (this.destroyObject)
							this.obj.destroyed = true;
						else {
							if (this.hideSprite)
								this.obj.sprite.visible = true;

							this.destroyed = true;
						}
						return;
					} this.frame = 0;
				}
			}

			if (((!this.hideSprite) || (this.loop > 0)) && (this.sprite)) {
				this.sprite.x = this.obj.x * scale;
				this.sprite.y = this.obj.y * scale;
			}

			let cell = (this.row * 8) + this.col + this.frame;

			renderer.setSprite({
				sheetName: this.spritesheet || this.spriteSheet,
				cell: cell,
				flipX: this.flipped,
				sprite: this.sprite
			});

			if ((!this.hideSprite) || (this.loop > 0)) {
				if (this.flipped)
					this.sprite.x += scale;
			}
		},

		destroyManual: function () {
			renderer.destroyObject({
				layerName: this.spriteSheet,
				sprite: this.sprite
			});
		}
	};
});