RaspberryRocketeer/frontend/model/Pipe.ts
dhain f1babb7c13 Floor & Positioning & small Obstacle rework
- added images for pipes and floor
- floor is now working
- raspberry is falling on floor correctly
- images are now getting preloaded
- font ia getting preloaded
- obstacle and pipe constructor now take p5.Image instead of a string with the path
- removed everything to do with drawing background posters

- started working on pipe tiling instead of streching
2023-01-17 11:10:26 +01:00

70 lines
No EOL
2.1 KiB
TypeScript

/**
* Rectangular obstacle.
*/
class Pipe extends Entity implements Collidable {
/**
* Pipe's image.
* @private
*/
private readonly image: p5.Image;
/**
* Constructs the pipe.
* @param positionX starting x-Position
* @param width pipe width
* @param height pipe height
* @param image image object
*/
constructor(positionX: number, width: number, height: number, image: p5.Image) {
super(new Position(positionX, 0), width, height, 0);
this.image = image;
}
/**
* YAGNI.
*/
public update(): void {
}
/**
* Draws the pipe.
*/
public draw(): void {
push();
noFill();
if (this.height > this.image.height) {
let maxImageYPos = Math.ceil(this.height / this.image.height) * this.image.height;
for (let imageYPos = 0; imageYPos < maxImageYPos; imageYPos += this.image.height) {
console.log("maximageypos: " + maxImageYPos);
console.log("image height: " + this.image.height);
console.log("imageypos: " + imageYPos);
image(this.image, this.position.x, this.position.y + imageYPos, this.width, this.image.height);
}
} else {
image(this.image, this.position.x, this.position.y, this.width, this.height);
}
rect(this.position.x, this.position.y, this.width, this.height);
pop();
}
/**
* Moves the pipe to the lift with the given speed
* @param speed how fast the pipe moves
*/
public move(speed: number): void {
this.position.x -= speed;
}
/**
* Determines when the pipe is colliding with another entity
* @param o other entity
*/
collides(o: Entity): boolean {
return this.position.x < (o.position.x + o.width) && //inside left border
(this.position.x + this.width) > o.position.x && //but not outside right border
this.position.y < (o.position.y + o.height) && //inside top border
(this.position.y + this.height) > o.position.y; //but not outside bottom border
}
}