isleward/src/client/js/components/pather.js

define([
	'js/rendering/renderer',
	'js/system/events'
], function(
	renderer,
	events
) {
	var scale = 40;
	var scaleMult = 5;
	var round = Math.round.bind(Math);

	return {
		type: 'pather',

		path: [],

		pathColor: '0x48edff',
		pathAlpha: 0.2,

		pathPos: {
			x: 0,
			y: 0
		},

		lastX: 0,
		lastY: 0,

		init: function() {
			events.on('onDeath', this.onDeath.bind(this));
			events.on('onClearQueue', this.onDeath.bind(this));

			this.pathPos.x = round(this.obj.x);
			this.pathPos.y = round(this.obj.y);
		},

		clearPath: function() {
			this.path.forEach(function(p) {
				renderer.destroyObject({
					layerName: 'effects',
					sprite: p.sprite
				});
			});		

			this.path = [];
		},

		onDeath: function() {
			this.clearPath();
			
			this.pathPos.x = round(this.obj.x);
			this.pathPos.y = round(this.obj.y);
		},

		add: function(x, y) {
			this.path.push({
				x: x,
				y: y,
				sprite: renderer.buildRectangle({
					layerName: 'effects',
					color: this.pathColor,
					alpha: this.pathAlpha,
					x: (x * scale) + scaleMult,
					y: (y * scale) + scaleMult,
					w: scale - (scaleMult * 2),
					h: scale - (scaleMult * 2)
				})
			});
		},

		update: function() {
			var x = this.obj.x;
			var y = this.obj.y;

			if (this.path.length == 0) {
				this.pathPos.x = round(x);
				this.pathPos.y = round(y);
			}

			if ((x == this.lastX) && (y == this.lastY))
				return;

			this.lastX = x;
			this.lastY = y;

			for (var i = 0; i < this.path.length; i++) {
				var p = this.path[i];

				if ((p.x == x) && (p.y == y)) {
					for (var j = 0; j <= i; j++) {
						renderer.destroyObject({
							layerName: 'effects',
							sprite: this.path[j].sprite
						});
					}
					this.path.splice(0, i + 1);
					return;
				}
			}
		},

		setPath: function(path) {
			this.path = this.path.concat(path);

			this.pathPos.x = round(path[path.length - 1].x);
			this.pathPos.y = round(path[path.length - 1].y);
		}
	};
});