73 lines
1.5 KiB
JavaScript
73 lines
1.5 KiB
JavaScript
import { Point } from "./Point.js";
|
|
import { renderCube } from "../../3D/cube.js"
|
|
|
|
class Segment
|
|
{
|
|
/**
|
|
* @param {Point} start
|
|
* @param {Point} stop
|
|
*/
|
|
constructor(game, start, stop)
|
|
{
|
|
/**
|
|
* @type {Point}
|
|
*/
|
|
this.start = start === undefined ? new Point() : start;
|
|
|
|
this.game = game;
|
|
|
|
/**
|
|
* @type {Point}
|
|
*/
|
|
this.stop = stop === undefined ? new Point() : stop;
|
|
|
|
}
|
|
|
|
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');
|
|
}
|
|
}
|
|
|
|
from_json(data)
|
|
{
|
|
this.start = this.start.from_json(data.start);
|
|
this.stop = this.stop.from_json(data.stop);
|
|
|
|
return this;
|
|
}
|
|
}
|
|
|
|
export { Segment }
|