core: split: game and pong

frontend/static/js/api/game/pong/Segment.js

@@ -0,0 +1,80 @@
+import { Point } from "./Point.js";
+import { AExchangeable } from "../../AExchangable.js";
+import { PongGame } from "./PongGame.js";
+import { renderCube } from "../../../3D/cube.js";
+
+class Segment extends AExchangeable
+{
+    /**
+     * @param {Point} start
+     * @param {Point} stop
+     * @param {PongGame} game 
+     */
+    constructor(game, start = new Point(), stop = new Point())
+    {
+        super();
+        
+        /**
+         * @type {Point}
+         */
+        this.start = start;
+
+        /**
+         * @type {Point}
+         */
+        this.stop = stop;
+
+        /**
+         * @type {PongGame}
+         */
+        this.game = game
+
+    }
+
+    angle()
+    {
+        let x = this.start.x - this.stop.x,
+            y = this.start.y - this.stop.y;
+
+        return Math.atan2(y, x);
+    }
+
+    len()
+    {
+        let x = this.start.x - this.stop.x,
+            y = this.start.y - this.stop.y;
+
+        return (x ** 2 + y ** 2) ** (1 / 2);
+    }
+
+    draw(ctx)
+	{
+		if(ctx instanceof CanvasRenderingContext2D)
+		{
+			ctx.moveTo(this.start.x, this.start.y);
+			ctx.lineTo(this.stop.x, this.stop.y);
+		}
+		else if(ctx instanceof WebGLRenderingContext)
+		{
+			const size = this.game.config.BALL_SIZE * 2;
+			const sizex = this.len() / 2;
+			const posx = (this.start.x - this.game.config.CENTER_X);
+			const posy = (this.start.y - this.game.config.CENTER_Y);
+			renderCube(ctx, posx, 0, posy, -this.angle(), sizex, size, size);
+		}
+		else
+		{
+			alert('Unknown rendering context type');
+		}
+	}
+
+    /**
+     * @param {[String]} additionalFieldList
+     */
+    export(additionalFieldList)
+    {
+        super.export([...additionalFieldList, "start", "stop"]);
+    }
+}
+
+export { Segment }