wosn do los

frontend/game.ts

@@ -1,13 +1,19 @@
+let obstacle: Obstacle;
+
 function setup() {
     createCanvas(400, 400)
     background(187)
     line(0,0, 400,400)
+
+    obstacle = new Obstacle(new Pipe(new Position(width, 0), 20, 50, 0), new Pipe(new Position(width, 300), 20, 50, 0))
 }
 
 function draw() {
-
+    background(187)
-}
+    // obstacle.draw()
-
+    // obstacle.update()
-function keyPressed() {
-    
 }
+//
+// function keyPressed() {
+//
+// }

frontend/models/Entity.ts

@@ -35,7 +35,7 @@ abstract class Entity {
         this._fill = fill;
     }
 
-    public abstract update();
+    public abstract update(): void;
     public draw() {
         fill(this._fill);
         rect(this.position.x, this.position.y, this.width, this.height);

frontend/models/Obstacle.ts

@@ -1,11 +1,17 @@
-class Obstacle {
+class Obstacle extends Entity {
     private pipeTop: Entity;
     private pipeBottom: Entity;
-    private distanceBetweenPipes: number;
+    private distanceBetweenPipes: number = 50;
-    private padding: number;
+    private padding: number = 50;
-    private speed: number;
+    private speed: number = 10;
     private static startX: number;
 
+    constructor(pipeTop: Entity, pipeBottom: Entity) {
+        super(pipeTop.position, pipeTop.width, height, 0);
+        this.pipeTop = pipeTop;
+        this.pipeBottom = pipeBottom;
+    }
+
     private resetPosition(){
         let randomY = Math.random() * (height - this.padding) + this.padding;
 

frontend/models/Pipe.ts

@@ -0,0 +1,5 @@
+class Pipe extends Entity {
+    update() {
+
+    }
+}

frontend/models/Position.ts

@@ -17,4 +17,9 @@ class Position {
     set y(value: number) {
         this._y = value;
     }
+
+    constructor(x: number, y: number) {
+        this._x = x;
+        this._y = y;
+    }
 }