WIP, tout est en chantier, très content :)

src/client/class/GameComponentsClient.ts

@@ -0,0 +1,51 @@
+
+import * as c from "../constants.js"
+import {Vector, VectorInteger} from "../../shared_js/class/Vector.js";
+import {Rectangle, Line} from "../../shared_js/class/Rectangle.js";
+import {TextElem, TextNumericValue} from "./Text.js";
+import { GameComponents } from "../../shared_js/class/GameComponents.js";
+
+class GameComponentsClient extends GameComponents {
+	midLine: Line;
+	score1: TextNumericValue;
+	score2: TextNumericValue;
+
+	w_grid_mid: Rectangle;
+	w_grid_u1: Rectangle;
+	w_grid_d1: Rectangle;
+	h_grid_mid: Rectangle;
+	h_grid_u1: Rectangle;
+	h_grid_d1: Rectangle;
+	constructor(ctx: CanvasRenderingContext2D)
+	{
+		super(ctx);
+		let pos = new VectorInteger;
+		// Scores
+		pos.assign(c.w_mid-c.scoreSize*1.6, c.scoreSize*1.5);
+		this.score1 = new TextNumericValue(ctx, pos, "white", c.scoreSize);
+		pos.assign(c.w_mid+c.scoreSize*1.1, c.scoreSize*1.5);
+		this.score2 = new TextNumericValue(ctx, pos, "white", c.scoreSize);
+		this.score1.value = 0;
+		this.score2.value = 0;
+	
+		// Dotted Midline
+		pos.assign(c.w_mid-c.midLineSize/2, 0+c.wallSize);
+		this.midLine = new Line(ctx, pos, "white", c.midLineSize, c.h-c.wallSize*2, 15);
+	
+		// Grid
+		pos.assign(0, c.h_mid);
+		this.w_grid_mid = new Rectangle(ctx, pos, "darkgreen", c.w, c.gridSize);
+		pos.assign(0, c.h/4);
+		this.w_grid_u1 = new Rectangle(ctx, pos, "darkgreen", c.w, c.gridSize);
+		pos.assign(0, c.h-c.h/4);
+		this.w_grid_d1 = new Rectangle(ctx, pos, "darkgreen", c.w, c.gridSize);
+		pos.assign(c.w_mid, 0);
+		this.h_grid_mid = new Rectangle(ctx, pos, "darkgreen", c.gridSize, c.h);
+		pos.assign(c.w/4, 0);
+		this.h_grid_u1 = new Rectangle(ctx, pos, "darkgreen", c.gridSize, c.h);
+		pos.assign(c.w-c.w/4, 0);
+		this.h_grid_d1 = new Rectangle(ctx, pos, "darkgreen", c.gridSize, c.h);
+	}
+}
+
+export {GameComponentsClient}