@vpmedia/phaser 1.103.0 → 1.105.0

package/src/phaser/display/webgl/shader/primitive.ts

@@ -1,15 +1,20 @@
-// @ts-nocheck
 import { v4 as uuidv4 } from 'uuid';
 import { compileProgram } from '../util.js';
 
 // the next one is used for rendering primitives
 
 export class PrimitiveShader {
+  [key: string]: any;
+gl!: any;
+_UID!: any;
+program!: any;
+fragmentSrc!: any;
+vertexSrc!: any;
   /**
    * Creates a new PrimitiveShader instance.
    * @param {WebGLRenderingContext} gl - The WebGL rendering context.
    */
-  constructor(gl) {
+  constructor(gl: WebGLRenderingContext) {
     this.gl = gl;
     this._UID = uuidv4();
     /** @type {WebGLProgram} */

package/src/phaser/display/webgl/shader/strip.ts

@@ -1,15 +1,20 @@
-// @ts-nocheck
 import { v4 as uuidv4 } from 'uuid';
 import { compileProgram } from '../util.js';
 
 // the next one is used for rendering triangle strips
 
 export class StripShader {
+  [key: string]: any;
+gl!: any;
+_UID!: any;
+program!: any;
+fragmentSrc!: any;
+vertexSrc!: any;
   /**
    * Creates a new StripShader instance.
    * @param {WebGLRenderingContext} gl - The WebGL rendering context.
    */
-  constructor(gl) {
+  constructor(gl: WebGLRenderingContext) {
     this.gl = gl;
     this._UID = uuidv4();
     /** @type {WebGLProgram} */

package/src/phaser/display/webgl/shader_manager.ts

@@ -1,4 +1,3 @@
-// @ts-nocheck
 import { ComplexPrimitiveShader } from './shader/complex.js';
 import { FastShader } from './shader/fast.js';
 import { NormalShader } from './shader/normal.js';
@@ -6,6 +5,17 @@ import { PrimitiveShader } from './shader/primitive.js';
 import { StripShader } from './shader/strip.js';
 
 export class WebGLShaderManager {
+  [key: string]: any;
+gl!: any;
+primitiveShader!: any;
+complexPrimitiveShader!: any;
+defaultShader!: any;
+fastShader!: any;
+stripShader!: any;
+maxAttibs!: any;
+attribState!: any;
+tempAttribState!: any;
+stack!: any;
   /**
    * Initializes the shader manager with a WebGL context.
    */
@@ -43,7 +53,7 @@ export class WebGLShaderManager {
    * Sets up the shader manager for WebGL rendering.
    * @param {number[]} attribs - The attribute locations to set up.
    */
-  setAttribs(attribs) {
+  setAttribs(attribs: number[]) {
     // reset temp state
     let i;
     for (i = 0; i < this.tempAttribState.length; i += 1) {
@@ -72,7 +82,7 @@ export class WebGLShaderManager {
    * @param {NormalShader} shader - The shader to set up.
    * @returns {boolean} Whether the shader setup was successful.
    */
-  setShader(shader) {
+  setShader(shader: NormalShader) {
     if (this._currentId === shader._UID) {
       return false;
     }

package/src/phaser/display/webgl/sprite_batch.ts

@@ -1,8 +1,24 @@
-// @ts-nocheck
 import { AbstractFilter } from './abstract_filter.js';
 import { NormalShader } from './shader/normal.js';
 
 export class WebGLSpriteBatch {
+  [key: string]: any;
+vertSize!: any;
+size!: any;
+vertices!: any;
+positions!: any;
+colors!: any;
+indices!: any;
+lastIndexCount!: any;
+drawing!: any;
+currentBatchSize!: any;
+currentBaseTexture!: any;
+dirty!: any;
+textures!: any;
+blendModes!: any;
+shaders!: any;
+sprites!: any;
+defaultShader!: any;
   /**
    * Creates a new SpriteBatch instance.
    */
@@ -72,7 +88,7 @@ export class WebGLSpriteBatch {
    * Renders the sprite batch using WebGL.
    * @param {object} renderSession - The render session to use.
    */
-  begin(renderSession) {
+  begin(renderSession: any) {
     this.renderSession = renderSession;
     this.shader = this.renderSession.shaderManager.defaultShader;
     this.start();
@@ -90,7 +106,7 @@ export class WebGLSpriteBatch {
    * @param {import('../../display/image.js').Image} sprite - The sprite to render.
    * @param {import('../../geom/matrix.js').Matrix} matrix - The transformation matrix.
    */
-  render(sprite, matrix) {
+  render(sprite: import('../../display/image.js').Image, matrix: import('../../geom/matrix.js').Matrix) {
     const texture = sprite.texture;
     //  They provided an alternative rendering matrix, so use it
     let wt = sprite.worldTransform;
@@ -299,7 +315,7 @@ export class WebGLSpriteBatch {
    * @param {number} size - The size of the batch.
    * @param {number} startIndex - The start index in the batch.
    */
-  renderBatch(texture, size, startIndex) {
+  renderBatch(texture: import('./base_texture.js').BaseTexture, size: number, startIndex: number) {
     if (size === 0) {
       return;
     }

package/src/phaser/display/webgl/stencil_manager.ts

@@ -1,7 +1,10 @@
-// @ts-nocheck
 import { hex2rgb } from '../../util/math.js';
 
 export class WebGLStencilManager {
+  [key: string]: any;
+stencilStack!: any;
+reverse!: any;
+count!: any;
   /**
    * Initializes the stencil manager.
    */
@@ -15,7 +18,7 @@ export class WebGLStencilManager {
    * Binds the stencil buffer for rendering.
    * @param {WebGLRenderingContext} gl - The WebGL rendering context.
    */
-  setContext(gl) {
+  setContext(gl: WebGLRenderingContext) {
     this.gl = gl;
   }
 
@@ -33,7 +36,7 @@ export class WebGLStencilManager {
    * @param {import('./graphics_data.js').GraphicsData} webGLData - The WebGL graphics data.
    * @param {object} renderSession - The rendering session.
    */
-  pushStencil(graphics, webGLData, renderSession) {
+  pushStencil(graphics: import('../graphics.js').Graphics, webGLData: import('./graphics_data.js').GraphicsData, renderSession: any) {
     const gl = renderSession.gl;
     this.bindGraphics(graphics, webGLData, renderSession);
     if (this.stencilStack.length === 0) {
@@ -91,7 +94,7 @@ export class WebGLStencilManager {
    * @param {import('./graphics_data.js').GraphicsData} webGLData - The WebGL graphics data.
    * @param {object} renderSession - The rendering session.
    */
-  bindGraphics(graphics, webGLData, renderSession) {
+  bindGraphics(graphics: import('../graphics.js').Graphics, webGLData: import('./graphics_data.js').GraphicsData, renderSession: any) {
     // if(this._currentGraphics === graphics)return;
     // this._currentGraphics = graphics;
     const gl = renderSession.gl;
@@ -138,7 +141,7 @@ export class WebGLStencilManager {
    * @param {import('./graphics_data.js').GraphicsData} webGLData - The WebGL graphics data.
    * @param {object} renderSession - The rendering session.
    */
-  popStencil(graphics, webGLData, renderSession) {
+  popStencil(graphics: import('../graphics.js').Graphics, webGLData: import('./graphics_data.js').GraphicsData, renderSession: any) {
     const gl = renderSession.gl;
     this.stencilStack.pop();
     this.count -= 1;

package/src/phaser/display/webgl/texture.ts

@@ -1,7 +1,26 @@
-// @ts-nocheck
 import { Rectangle } from '../../geom/rectangle.js';
 
 export class TextureUvs {
+  noFrame!: any;
+  baseTexture!: any;
+  frame!: any;
+  trim!: any;
+  valid!: any;
+  isTiling!: any;
+  requiresUpdate!: any;
+  requiresReTint!: any;
+  _uvs!: any;
+  width!: any;
+  height!: any;
+  crop!: any;
+  x0!: any;
+  y0!: any;
+  x1!: any;
+  y1!: any;
+  x2!: any;
+  y2!: any;
+  x3!: any;
+  y3!: any;
   /**
    * Creates a new Texture instance.
    */
@@ -18,6 +37,18 @@ export class TextureUvs {
 }
 
 export class Texture {
+  noFrame!: any;
+  baseTexture!: any;
+  frame!: any;
+  trim!: any;
+  valid!: any;
+  isTiling!: any;
+  requiresUpdate!: any;
+  requiresReTint!: any;
+  _uvs!: any;
+  width!: any;
+  height!: any;
+  crop!: any;
   /**
    * Creates a new Texture instance.
    * @param {import('./base_texture.js').BaseTexture} baseTexture - The base texture to use.
@@ -25,7 +56,7 @@ export class Texture {
    * @param {Rectangle | null | undefined} crop - The crop rectangle.
    * @param {Rectangle | null | undefined} trim - The trim rectangle.
    */
-  constructor(baseTexture, frame = null, crop = null, trim = null) {
+  constructor(baseTexture: import('./base_texture.js').BaseTexture, frame: Rectangle | null | undefined = null, crop: Rectangle | null | undefined = null, trim: Rectangle | null | undefined = null) {
     this.noFrame = false;
     if (!frame) {
       this.noFrame = true;
@@ -77,7 +108,7 @@ export class Texture {
    * Destroys this texture and cleans up resources.
    * @param {boolean} destroyBase - Whether to destroy the base texture as well.
    */
-  destroy(destroyBase = false) {
+  destroy(destroyBase: boolean = false) {
     if (destroyBase) {
       this.baseTexture.destroy();
     }
@@ -89,7 +120,7 @@ export class Texture {
    * @param {Rectangle} frame - The new frame rectangle.
    * @throws {Error} If the operation fails.
    */
-  setFrame(frame) {
+  setFrame(frame: Rectangle) {
     this.noFrame = false;
     this.frame = frame;
     this.width = frame.width;

package/src/phaser/display/webgl/texture_util.ts

@@ -1,4 +1,3 @@
-// @ts-nocheck
 import { BaseTexture } from './base_texture.js';
 import { Texture } from './texture.js';
 
@@ -8,7 +7,7 @@ import { Texture } from './texture.js';
  * @param {number} [scaleMode] - The scale mode to use for the texture.
  * @returns {BaseTexture} The newly created BaseTexture instance.
  */
-export const baseTextureFromCanvas = (canvas, scaleMode) => {
+export const baseTextureFromCanvas = (canvas: HTMLCanvasElement, scaleMode: number) => {
   if (canvas.width === 0) {
     canvas.width = 1;
   }
@@ -24,6 +23,6 @@ export const baseTextureFromCanvas = (canvas, scaleMode) => {
  * @param {number} [scaleMode] - The scale mode to use for the texture.
  * @returns {Texture} The newly created Texture instance.
  */
-export const textureFromCanvas = (canvas, scaleMode) => {
+export const textureFromCanvas = (canvas: HTMLCanvasElement, scaleMode?: any) => {
   return new Texture(baseTextureFromCanvas(canvas, scaleMode));
 };

package/src/phaser/display/webgl/util.ts

@@ -18,7 +18,7 @@ export const CONTEXT_LOST_WEBGL = 0x9242;
  * @param {WebGLRenderingContext} gl - The WebGL rendering context.
  * @returns {number} The error code from the WebGL context.
  */
-export const getWebGLContextErrorCode = (gl) => {
+export const getWebGLContextErrorCode = (gl: WebGLRenderingContext) => {
   return gl?.getError() ?? 0;
 };
 
@@ -27,7 +27,7 @@ export const getWebGLContextErrorCode = (gl) => {
  * @param {number} errorCode - The error code to look up.
  * @returns {string} The name of the WebGL error.
  */
-export const getWebGLContextErrorName = (errorCode) => {
+export const getWebGLContextErrorName = (errorCode: number) => {
   switch (errorCode) {
     case NO_ERROR:
       return 'NO_ERROR';
@@ -60,7 +60,7 @@ export const initDefaultShaders = () => {};
  * @param {object} shaderType - The type of shader to compile.
  * @returns {WebGLShader} The compiled WebGL shader or null if compilation failed.
  */
-export const compileShader = (gl, shaderSrc, shaderType) => {
+export const compileShader = (gl: WebGLRenderingContext, shaderSrc: string[]|string, shaderType: any) => {
   const src = Array.isArray(shaderSrc) ? shaderSrc.join('\n') : shaderSrc;
   const shader = gl.createShader(shaderType);
   gl.shaderSource(shader, src);
@@ -81,7 +81,7 @@ export const compileShader = (gl, shaderSrc, shaderType) => {
  * @param {string[]|string} shaderSrc - The vertex shader source code.
  * @returns {WebGLShader} The compiled WebGL vertex shader or null if compilation failed.
  */
-export const compileVertexShader = (gl, shaderSrc) => {
+export const compileVertexShader = (gl: WebGLRenderingContext, shaderSrc: string[]|string) => {
   return compileShader(gl, shaderSrc, gl.VERTEX_SHADER);
 };
 
@@ -91,7 +91,7 @@ export const compileVertexShader = (gl, shaderSrc) => {
  * @param {string[]|string} shaderSrc - The fragment shader source code.
  * @returns {WebGLShader} The compiled WebGL fragment shader or null if compilation failed.
  */
-export const compileFragmentShader = (gl, shaderSrc) => {
+export const compileFragmentShader = (gl: WebGLRenderingContext, shaderSrc: string[]|string) => {
   return compileShader(gl, shaderSrc, gl.FRAGMENT_SHADER);
 };
 
@@ -102,7 +102,7 @@ export const compileFragmentShader = (gl, shaderSrc) => {
  * @param {string[]|string} fragmentSrc - The fragment shader source code.
  * @returns {WebGLProgram} The compiled WebGL shader program or null if compilation failed.
  */
-export const compileProgram = (gl, vertexSrc, fragmentSrc) => {
+export const compileProgram = (gl: WebGLRenderingContext, vertexSrc: string[]|string, fragmentSrc: string[]|string) => {
   const fragmentShader = compileFragmentShader(gl, fragmentSrc);
   const vertexShader = compileVertexShader(gl, vertexSrc);
 

package/src/phaser/geom/circle.ts

@@ -17,7 +17,7 @@ export class Circle {
    * @param {number} y - The y coordinate of the center point (default: 0).
    * @param {number} diameter - The diameter of the circle (default: 0).
    */
-  constructor(x = 0, y = 0, diameter = 0) {
+  constructor(x: number = 0, y: number = 0, diameter: number = 0) {
     /** @type {number} */
     this.x = x;
     /** @type {number} */
@@ -46,7 +46,7 @@ export class Circle {
    * @param {Point} output - The point to store the result in (optional).
    * @returns {Point} A random point within this circle.
    */
-  random(output = null) {
+  random(output: Point = null) {
     const result = output || new Point();
     const t = 2 * Math.PI * Math.random();
     const u = Math.random() + Math.random();
@@ -73,7 +73,7 @@ export class Circle {
    * @param {number} diameter - The new diameter of the circle.
    * @returns {Circle} This circle instance for chaining.
    */
-  setTo(x, y, diameter) {
+  setTo(x: number, y: number, diameter: number) {
     this.x = x;
     this.y = y;
     this._diameter = diameter;
@@ -86,7 +86,7 @@ export class Circle {
    * @param {Circle} source - The circle to copy values from.
    * @returns {Circle} This circle instance for chaining.
    */
-  copyFrom(source) {
+  copyFrom(source: Circle) {
     return this.setTo(source.x, source.y, source.diameter);
   }
 
@@ -95,7 +95,7 @@ export class Circle {
    * @param {Circle} dest - The circle to copy values to.
    * @returns {Circle} The destination circle.
    */
-  copyTo(dest) {
+  copyTo(dest: Circle) {
     dest.x = this.x;
     dest.y = this.y;
     dest.diameter = this._diameter;
@@ -108,7 +108,7 @@ export class Circle {
    * @param {boolean} round - Whether to round the result (default: false).
    * @returns {number} The distance between the circles.
    */
-  distance(dest, round = false) {
+  distance(dest: Circle, round: boolean = false) {
     const d = distance(this.x, this.y, dest.x, dest.y);
     return round ? Math.round(d) : d;
   }
@@ -127,7 +127,7 @@ export class Circle {
    * @param {number} y - The y coordinate of the point to check.
    * @returns {boolean} True if the point is contained within this circle, false otherwise.
    */
-  contains(x, y) {
+  contains(x: number, y: number) {
     return contains(this, x, y);
   }
 
@@ -138,7 +138,7 @@ export class Circle {
    * @param {Point} out - The point to store the result in (optional).
    * @returns {Point} A point at the specified angle on the circumference of this circle.
    */
-  circumferencePoint(angle, asDegrees?, out?) {
+  circumferencePoint(angle: number, asDegrees?: boolean, out?: Point) {
     return circumferencePoint(this, angle, asDegrees, out);
   }
 
@@ -148,7 +148,7 @@ export class Circle {
    * @param {number} dy - The amount to offset the y coordinate by.
    * @returns {Circle} This circle instance for chaining.
    */
-  offset(dx, dy) {
+  offset(dx: number, dy: number) {
     this.x += dx;
     this.y += dy;
     return this;
@@ -159,7 +159,7 @@ export class Circle {
    * @param {Point} point - The point to offset the circle by.
    * @returns {Circle} This circle instance for chaining.
    */
-  offsetPoint(point) {
+  offsetPoint(point: Point) {
     return this.offset(point.x, point.y);
   }
 

package/src/phaser/geom/ellipse.ts

@@ -17,7 +17,7 @@ export class Ellipse {
    * @param {number} width - The width of the ellipse (default: 0).
    * @param {number} height - The height of the ellipse (default: 0).
    */
-  constructor(x = 0, y = 0, width = 0, height = 0) {
+  constructor(x: number = 0, y: number = 0, width: number = 0, height: number = 0) {
     /** @type {number} */
     this.x = x;
     /** @type {number} */
@@ -38,7 +38,7 @@ export class Ellipse {
    * @param {number} height - The new height of the ellipse.
    * @returns {Ellipse} This ellipse instance for chaining.
    */
-  setTo(x, y, width, height) {
+  setTo(x: number, y: number, width: number, height: number) {
     this.x = x;
     this.y = y;
     this.width = width;
@@ -59,7 +59,7 @@ export class Ellipse {
    * @param {Ellipse} source - The ellipse to copy values from.
    * @returns {Ellipse} This ellipse instance for chaining.
    */
-  copyFrom(source) {
+  copyFrom(source: Ellipse) {
     return this.setTo(source.x, source.y, source.width, source.height);
   }
 
@@ -68,7 +68,7 @@ export class Ellipse {
    * @param {Ellipse} dest - The ellipse to copy values to.
    * @returns {Ellipse} The destination ellipse.
    */
-  copyTo(dest) {
+  copyTo(dest: Ellipse) {
     dest.x = this.x;
     dest.y = this.y;
     dest.width = this.width;
@@ -82,7 +82,7 @@ export class Ellipse {
    * @param {number} y - The y coordinate of the point to check.
    * @returns {boolean} True if the point is contained within this ellipse, false otherwise.
    */
-  contains(x, y) {
+  contains(x: number, y: number) {
     return contains(this, x, y);
   }
 
@@ -91,7 +91,7 @@ export class Ellipse {
    * @param {Point} output - The point to store the result in (optional).
    * @returns {Point} A random point within this ellipse.
    */
-  random(output = null) {
+  random(output: Point = null) {
     const result = output || new Point();
     const p = Math.random() * Math.PI * 2;
     const r = Math.random();

package/src/phaser/geom/line.ts

@@ -15,7 +15,7 @@ export class Line {
    * @param {number} x2 - The x coordinate of the end point (default: 0).
    * @param {number} y2 - The y coordinate of the end point (default: 0).
    */
-  constructor(x1 = 0, y1 = 0, x2 = 0, y2 = 0) {
+  constructor(x1: number = 0, y1: number = 0, x2: number = 0, y2: number = 0) {
     /** @type {Point} */
     this.start = new Point(x1, y1);
     /** @type {Point} */
@@ -32,7 +32,7 @@ export class Line {
    * @param {number} y2 - The new y coordinate of the end point.
    * @returns {Line} This line instance for chaining.
    */
-  setTo(x1, y1, x2, y2) {
+  setTo(x1: number, y1: number, x2: number, y2: number) {
     this.start.setTo(x1, y1);
     this.end.setTo(x2, y2);
     return this;
@@ -45,7 +45,7 @@ export class Line {
    * @param {boolean} useCenter - Whether to use the center of the sprites (default: false).
    * @returns {Line} This line instance for chaining.
    */
-  fromSprite(startSprite, endSprite, useCenter = false) {
+  fromSprite(startSprite: any, endSprite: any, useCenter: boolean = false) {
     if (useCenter) {
       return this.setTo(startSprite.center.x, startSprite.center.y, endSprite.center.x, endSprite.center.y);
     }
@@ -60,7 +60,7 @@ export class Line {
    * @param {number} length - The length of the line.
    * @returns {Line} This line instance for chaining.
    */
-  fromAngle(x, y, angle, length) {
+  fromAngle(x: number, y: number, angle: number, length: number) {
     this.start.setTo(x, y);
     this.end.setTo(x + Math.cos(angle) * length, y + Math.sin(angle) * length);
     return this;
@@ -72,7 +72,7 @@ export class Line {
    * @param {boolean} asDegrees - Whether the angle is provided in degrees (default: false).
    * @returns {Line} This line instance for chaining.
    */
-  rotate(angle, asDegrees = false) {
+  rotate(angle: number, asDegrees: boolean = false) {
     const cx = (this.start.x + this.end.x) / 2;
     const cy = (this.start.y + this.end.y) / 2;
     this.start.rotate(cx, cy, angle, asDegrees);
@@ -88,7 +88,7 @@ export class Line {
    * @param {boolean} asDegrees - Whether the angle is provided in degrees (default: false).
    * @returns {Line} This line instance for chaining.
    */
-  rotateAround(x, y, angle, asDegrees = false) {
+  rotateAround(x: number, y: number, angle: number, asDegrees: boolean = false) {
     this.start.rotate(x, y, angle, asDegrees);
     this.end.rotate(x, y, angle, asDegrees);
     return this;
@@ -101,7 +101,7 @@ export class Line {
    * @param {Point} result - The point to store the intersection in (optional).
    * @returns {Point} The intersection point, or null if no intersection occurs.
    */
-  intersects(line, asSegment, result) {
+  intersects(line: Line, asSegment: boolean, result: Point) {
     return intersectsPoints(this.start, this.end, line.start, line.end, asSegment, result);
   }
 
@@ -110,7 +110,7 @@ export class Line {
    * @param {Line} line - The line to reflect off.
    * @returns {number} The angle of reflection in radians.
    */
-  reflect(line) {
+  reflect(line: Line) {
     return reflect(this, line);
   }
 
@@ -119,7 +119,7 @@ export class Line {
    * @param {Point} output - The point to store the result in (optional).
    * @returns {Point} The midpoint of this line.
    */
-  midPoint(output = null) {
+  midPoint(output: Point = null) {
     const result = output || new Point();
     result.x = (this.start.x + this.end.x) / 2;
     result.y = (this.start.y + this.end.y) / 2;
@@ -131,7 +131,7 @@ export class Line {
    * @param {number} x - The x coordinate to center the line on.
    * @param {number} y - The y coordinate to center the line on.
    */
-  centerOn(x, y) {
+  centerOn(x: number, y: number) {
     const cx = (this.start.x + this.end.x) / 2;
     const cy = (this.start.y + this.end.y) / 2;
     const tx = x - cx;
@@ -146,7 +146,7 @@ export class Line {
    * @param {number} y - The y coordinate of the point to check.
    * @returns {boolean} True if the point lies on this line, false otherwise.
    */
-  pointOnLine(x, y) {
+  pointOnLine(x: number, y: number) {
     return (x - this.start.x) * (this.end.y - this.start.y) === (this.end.x - this.start.x) * (y - this.start.y);
   }
 
@@ -156,7 +156,7 @@ export class Line {
    * @param {number} y - The y coordinate of the point to check.
    * @returns {boolean} True if the point lies on this line segment, false otherwise.
    */
-  pointOnSegment(x, y) {
+  pointOnSegment(x: number, y: number) {
     const xMin = Math.min(this.start.x, this.end.x);
     const xMax = Math.max(this.start.x, this.end.x);
     const yMin = Math.min(this.start.y, this.end.y);
@@ -169,7 +169,7 @@ export class Line {
    * @param {Point} output - The point to store the result in (optional).
    * @returns {Point} A random point on this line.
    */
-  random(output = null) {
+  random(output: Point = null) {
     const result = output || new Point();
     const t = Math.random();
     result.x = this.start.x + t * (this.end.x - this.start.x);
@@ -183,7 +183,7 @@ export class Line {
    * @param {number[][]} results - The array to store the results in (optional).
    * @returns {number[][]} An array of coordinate pairs representing points along this line.
    */
-  coordinatesOnLine(stepRate = 1, results = []) {
+  coordinatesOnLine(stepRate: number = 1, results: number[][] = []) {
     let x1 = Math.round(this.start.x);
     let y1 = Math.round(this.start.y);
     const x2 = Math.round(this.end.x);