local pong done, start multiplayer implementation

src/client/class/GameArea.ts

@@ -0,0 +1,36 @@
+
+class GameArea {
+	keys: string[];
+	interval: number = 0;
+	canvas: HTMLCanvasElement;
+	ctx: CanvasRenderingContext2D;
+	constructor() {
+		this.keys = [];
+		this.canvas = document.createElement("canvas");
+		this.ctx = this.canvas.getContext("2d") as CanvasRenderingContext2D;
+		/* ratio 5/3 (1.66) */
+		const ratio = 1.66666;
+		this.canvas.width = 1500;
+		this.canvas.height = this.canvas.width / ratio;
+		let container = document.getElementById("canvas-container");
+		if (container)
+			container.insertBefore(this.canvas, container.childNodes[0]);
+	}
+	addKey(key: string) {
+		key = key.toLowerCase();
+		var i = this.keys.indexOf(key);
+		if (i == -1)
+			this.keys.push(key);
+	}
+	deleteKey(key: string) {
+		key = key.toLowerCase();
+		var i = this.keys.indexOf(key);
+		if (i != -1)
+			this.keys.splice(i, 1);
+	}
+	clear() {
+		this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);
+	}
+}
+
+export {GameArea}