add start of ship controls

public/js/starbugs/input.js

@@ -0,0 +1,62 @@
+function Input() {
+	this.mouse = {
+		x: 0,
+		y: 0,
+		held: {},
+		pressed: {}
+	};
+	this.keys = {
+		held: {},
+		pressed: {}
+	};
+
+	this.mouseMove = function (el) {
+		return function (event) {
+			var rect = game.renderer.canvas.getBoundingClientRect();
+			el.mouse.x = event.clientX - rect.left;
+			el.mouse.y = event.clientY - rect.top;
+		}
+	};
+
+	this.mouseDown = function (el) {
+		return function (event) {
+			el.mouse.pressed[event.which] = true;
+			el.mouse.held[event.which] = true;
+		}
+	};
+
+	this.mouseUp = function (el) {
+		return function (event) {
+			el.mouse.held[event.which] = false;
+		}
+	}
+
+	this.keyDown = function (el) {
+		return function (event) {
+			if (!el.keys.held[event.which]) el.keys.pressed[event.which] = true;
+			el.keys.held[event.which] = true;
+		}
+	}
+
+	this.keyUp = function (el) {
+		return function (event) {
+			el.keys.held[event.which] = false;
+		}
+	}
+
+	document.addEventListener('mousemove', this.mouseMove(this));
+	document.addEventListener('mousedown', this.mouseDown(this));
+	document.addEventListener('mouseup', this.mouseUp(this));
+	document.addEventListener('keydown', this.keyDown(this));
+	document.addEventListener('keyup', this.keyUp(this));
+
+	this.mouseAnyPressed = function () {
+		var p = this.mouse.pressed;
+		return p[1] || p[2] || p[3];
+	}
+
+	this.clear = function () {
+		for (var i in this.keys.pressed) this.keys.pressed[i] = false;
+		for (var i in this.mouse.pressed) this.mouse.pressed[i] = false;
+	};
+}

public/js/starbugs/main.js

@@ -18,6 +18,7 @@ function Game() {
 	this.connected = false;
 	this.state = 'connecting';
 
+	this.input = new Input();
 	this.net = new Net();
 	this.world = new World();
 	this.renderer = new Renderer();
@@ -25,6 +26,17 @@ function Game() {
 	this.tick = function() {
 		self.renderer.render(self.state);
 
+		var ship = self.world ? self.world.playerShip : false;
+
+		if(ship) {
+			ship.move[0] = self.input.keys.held[87] || false;
+			ship.move[1] = self.input.keys.held[65] || false;
+			ship.move[2] = self.input.keys.held[68] || false;
+			ship.updateMove();
+		}
+
+		self.input.clear();
+
 		requestAnimationFrame(self.tick);
 	}
 }

public/js/starbugs/net.js

@@ -18,4 +18,12 @@ function Net() {
 			game.world.update(data);
 		});
 	};
+
+	this.update = function(move) {
+		this.socket.emit('move', {
+			forward: move[0],
+			left: move[1],
+			right: move[2]
+		});
+	}
 }

public/js/starbugs/render/render.js

@@ -5,6 +5,8 @@ function Renderer() {
 	var context = canvas.getContext('2d');
 	var pallet = new Pallet();
 
+	this.canvas = canvas;
+
 	this.render = function(state) {
 		if (state == 'connecting' || state == 'disconnected') {
 			pallet.clear();

public/js/starbugs/world/ship.js

@@ -2,4 +2,13 @@ function Ship(id) {
 	this.id = id;
 	this.x = 0;
 	this.y = 0;
+	this.move = [];
+	this.lastMove = [];
+
+	this.updateMove = function() {
+		if (JSON.stringify(this.move) != JSON.stringify(this.lastMove) || true) {
+			game.net.update(this.move);
+			this.lastMove = Array.apply(0, this.move); // Bloody Javascript.
+		}
+	}
 }

server/game/net/connection.js

@@ -22,6 +22,10 @@ class Connection {
 			this.player.name = data.name.slice(0, 20) || 'Fish';
 		});
 
+		socket.on('move', data => {
+			this.player.move(data);
+		});
+
 		this.server.assignRoom(this.player);
 	}
 

server/game/player.js

@@ -17,6 +17,14 @@ class Player {
 		this.room.remove(this);
 	}
 
+	move(data) {
+		this.ship.move({
+			forward: data.forward || 0,
+			left: data.left || 0,
+			right: data.right || 0
+		});
+	}
+
 	sendUpdate() {
 		if (Object.keys(this.delta).length == 0) return;
 		this.connection.send('update', this.delta);

server/game/room/world/index.js

@@ -51,7 +51,7 @@ class World {
 	tick(self) {
 		self.physics.step();
 
-		if (Math.random() < 0.001) {
+		if (Math.random() < 0.01) {
 			self.bodies.forEach(body => body.applyDelta());
 		}
 	}

server/game/room/world/physics.js

@@ -20,7 +20,7 @@ class Physics {
 		bodyDef.position = new b2Vec2(body.x || 0, body.y || 0);
 		bodyDef.fixedRotation = false;
 		bodyDef.active = true;
-		bodyDef.linearVelocity = new b2Vec2(body.xvel || 0.05, body.yvel || 0);
+		bodyDef.linearVelocity = new b2Vec2(body.xvel || 0, body.yvel || 0);
 		bodyDef.angularVelocity = body.rvel || 0;
 		bodyDef.type = body.type == 'static' ?
 			Box2D.b2Body.b2_staticBody : Box2D.b2Body.b2_dynamicBody;

server/game/room/world/ship.js

@@ -5,6 +5,8 @@ const hulls = require('./traits/hulls.json');
 
 const Body = require('./body.js');
 
+const b2Vec2 = require('box2d-html5').b2Vec2;
+
 class Ship extends Body {
 	constructor(world, player, build) {
 		super(world);
@@ -13,6 +15,28 @@ class Ship extends Body {
 		this.player = player;
 		this.structure = hulls[this.build.hull];
 	}
+
+	move(data) {
+		let b = this.b2body;
+
+		for(var i in b) {
+			//if(typeof b[i] == 'function') console.log(i);
+		}
+
+		if (data.forward) {
+			//console.log('forward');
+			b.ApplyLinearImpulse(b2Vec2(0, 500), b.GetWorldCenter());
+			b.ApplyTorque(2000);
+		}
+
+		if (data.left) {
+			b.ApplyTorque(-20);
+		}
+
+		if (data.right) {
+			b.ApplyTorque(20);
+		}
+	}
 }
 
 module.exports = Ship;