isleward/src/client/js/components/spellbook.js

define([
	'js/system/client',
	'js/renderer',
	'js/system/events'
], function(
	client,
	renderer,
	events
) {
	var scale = 40;

	var objects = null;
	require(['js/objects/objects'], function(o) {
		objects = o;
	});

	return {
		type: 'spellbook',

		hoverTarget: null,

		target: null,
		selected: null,
		reticleState: 0,
		reticleCd: 0,
		reticleCdMax: 10,

		renderRange: null,

		reticleSprite: null,
		tarpSprite: null,

		shiftDown: false,

		init: function(blueprint) {
			this.targetSprite = renderer.buildObject({
				sheetName: 'ui',
				layerName: 'effects',
				cell: this.reticleState,
			});
			this.targetSprite.visible = false;

			this.reticleSprite = renderer.buildObject({
				sheetName: 'ui',
				layerName: 'effects',
				cell: 8 + this.reticleState,
			});
			this.reticleSprite.visible = false;

			events.emit('onGetSpells', this.spells);

			this.reticleCd = this.reticleCdMax;
			this.obj.on('onDeath', this.onDeath.bind(this));

			this.obj.on('onMobHover', this.onMobHover.bind(this));
			this.obj.on('mouseDown', this.onMouseDown.bind(this));

			this.obj.on('onKeyDown', this.onKeyDown.bind(this));
			this.obj.on('onKeyUp', this.onKeyUp.bind(this));
		},

		extend: function(blueprint) {
			if (blueprint.removeSpells) {
				blueprint.removeSpells.forEach(function(spellId) {
					this.spells.spliceWhere(function(s) {
						return (s.id == spellId);
					});
				}, this);

				events.emit('onGetSpells', this.spells);
			}

			if (blueprint.getSpells) {
				blueprint.getSpells.forEach(function(s) {
					var existIndex = this.spells.firstIndex(function(spell) {
						return (spell.id == s.id);
					});

					if (existIndex > -1) {
						this.spells.splice(existIndex, 1, s);
						return;
					}

					if (this.spells.length - 1 >= s.id)
						this.spells.splice(s.id, 0, s);
					else
						this.spells.push(s);
				}, this);

				events.emit('onGetSpells', this.spells);
			}
		},

		getSpell: function(number) {
			var spellNumber = -1;

			if (number == 1) {
				spellNumber = 0;
			} else if (number == 2)
				spellNumber = 1;
			else if (number == 3)
				spellNumber = 2;

			if (spellNumber == -1)
				return;

			var spell = this.spells[spellNumber];
			if (!spell)
				return null;

			return spell;
		},

		onMobHover: function(target) {
			this.hoverTarget = target;
		},

		onMouseDown: function(e, target) {
			this.target = target || this.hoverTarget;

			if (this.target) {
				this.targetSprite.x = this.target.x * scale;
				this.targetSprite.y = this.target.y * scale;

				this.targetSprite.visible = true;
			} else {
				client.request({
					cpn: 'player',
					method: 'queueAction',
					data: {
						action: 'spell',
						priority: true,
						target: null
					}
				});

				this.targetSprite.visible = false;
			}

			events.emit('onSetTarget', this.target, e);
		},

		tabTarget: function() {
			this.onMouseDown(null, objects.getClosest(window.player.x, window.player.y, 10, false, this.target));
		},

		shiftTabTarget: function() {
			this.onMouseDown(null, objects.getClosest(window.player.x, window.player.y, 10, true, this.target));
		},

		build: function(destroy) {
			client.request({
				cpn: 'player',
				method: 'performAction',
				data: {
					instanceModule: 'customMap',
					method: 'customize',
					data: {
						tile: 189,
						direction: this.obj.keyboardMover.direction,
						destroy: destroy
					}
				},
				callback: renderer.onGetMapCustomization.bind(renderer)
			});
		},

		onKeyDown: function(key) {
			if (key == 'b') {
				this.build();
				return;
			}
			else if (key == 'n') {
				this.build(true);
				return;
			}

			if (key == 'shift') {
				this.shiftDown = true;
				return;
			} else if (key == 'tab') {
				if (this.shiftDown) {
					this.shiftTabTarget();
				} else {
					this.tabTarget();
				}
				return;
			}

			var spell = this.getSpell(key);
			if (!spell)
				return;

			var oldTarget = null;
			if (this.shiftDown) {
				oldTarget = this.target;
				this.target = this.obj;
			}

			if ((!spell.targetGround) && (!this.target))
				return;

			var hoverTile = this.obj.mouseMover.hoverTile;
			var target = spell.targetGround ? hoverTile : this.target.id;

			if (this.shiftDown)
				this.target = oldTarget;

			client.request({
				cpn: 'player',
				method: 'queueAction',
				data: {
					action: 'spell',
					priority: true,
					spell: key - 1,
					auto: spell.auto,
					target: target,
					self: this.shiftDown
				}
			});
		},

		onKeyUp: function(key) {
			if (key == 'shift') {
				this.shiftDown = false;
				return;
			}
		},

		onDeath: function() {
			this.target = null;
			this.targetSprite.visible = false;
		},

		update: function() {
			if ((this.target) && (this.target.destroyed)) {
				this.target = null;
				this.targetSprite.visible = false;
			}
			if ((this.target) && (this.target.nonSelectable)) {
				this.target = null;
				this.targetSprite.visible = false;
			}

			if (this.reticleCd > 0)
				this.reticleCd--;
			else {
				this.reticleCd = this.reticleCdMax;
				this.reticleState++;
				if (this.reticleState == 4)
					this.reticleState = 0;
			}

			if (!this.target)
				return;

			renderer.setSprite({
				sprite: this.targetSprite,
				cell: this.reticleState,
				sheetName: 'ui'
			});

			this.targetSprite.x = this.target.x * scale;
			this.targetSprite.y = this.target.y * scale;
		},

		destroy: function() {
			if (this.targetSprite) {
				renderer.destroyObject({
					layerName: 'effects',
					sprite: this.targetSprite
				});
			}
		},

		render: function() {
			if (this.reticleCd > 0)
				this.reticleCd--;
			else {
				this.reticleCd = this.reticleCdMax;
				this.reticleState++;
				if (this.reticleState == 4)
					this.reticleState = 0;
			}

			if (!this.target)
				return;

			renderer.setSprite({
				sprite: this.targetSprite,
				cell: this.reticleState,
				sheetName: 'ui'
			});

			this.targetSprite.x = this.target.x * scale;
			this.targetSprite.y = this.target.y * scale;
		}
	};
});