Sheldan/canvas
1
0
Fork 0
mirror of https://github.com/Sheldan/canvas.git synced 2026-01-01 14:58:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

survivors: also spawning basic enemy continuously and randomly

Browse Source 
better dynamic placement of stat labels in the player info
This commit is contained in:
Sheldan
2025-08-30 11:01:05 +02:00
parent a52754ce0d
commit 39da3d8abd
3 changed files with 25 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
absurd-survivors/src/Enemies.ts
View File

@@ -89,7 +89,7 @@ export class BasicEnemy extends Enemy {
static generateBasicEnemy(world: World, position?: Vector): BasicEnemy {
if(position === undefined) {
position = new Vector(250, 250)
position = world.randomPlace()
}
let basicEnemy = new BasicEnemy(position);
basicEnemy.size = 5;

2
absurd-survivors/src/main.ts
View File

@@ -107,9 +107,9 @@ docReady(function () {
world = new World(player, ctx, new Vector(window.innerWidth, window.innerHeight));
state = new WorldState();
BasicEnemy.spawnBasicEnemy(world)
ShootingEnemy.spawnShootingEnemy(world, new Vector(350, 350))
setInterval(() => {
BasicEnemy.spawnBasicEnemy(world)
ShootingEnemy.spawnShootingEnemy(world)
}, 1_000)

28
absurd-survivors/src/ui.ts
View File

@@ -21,19 +21,31 @@ export class PlayerInfo implements DrawContainer {
private bar: InfoBar;
private statLabels: StatLabel[] = []
private world: World;
private statLabelBase: Vector;
private static readonly STAT_LABEL_HEIGHT_OFFSET: number = 4;
constructor(world: World) {
this.world = world;
this.bar = new InfoBar(new Vector(0, 50), 50, 150, () => 'Health', () => this.world.player.status.health, () => this.world.player.stats.health)
this.statLabelBase = new Vector(0, 150)
this.statLabels = [
new StatLabel(new Vector(0, 150), () => 'Money', () => this.world.player.status.wealth),
new StatLabel(new Vector(0, 160), () => 'Level', () => this.world.player.status.level)
new StatLabel(() => 'Money', () => this.world.player.status.wealth),
new StatLabel(() => 'Level', () => this.world.player.status.level),
new StatLabel(() => 'Speed', () => this.world.player.stats.speed),
new StatLabel(() => 'Pull range', () => this.world.player.stats.pullRange),
new StatLabel(() => 'Weapon range', () => this.world.player.stats.effectiveWeaponRange)
]
}
draw(ctx: CanvasRenderingContext2D) {
this.bar.draw(ctx)
this.statLabels.forEach(label => label.draw(ctx))
let metrics = ctx.measureText('I')
let upperCaseCharacterSize = new Vector(0, metrics.actualBoundingBoxAscent + metrics.actualBoundingBoxDescent).add(new Vector(0, PlayerInfo.STAT_LABEL_HEIGHT_OFFSET))
for (let i = 0; i < this.statLabels.length; i++){
const label = this.statLabels[i];
label.move(this.statLabelBase.add(upperCaseCharacterSize.multiply(i)))
label.draw(ctx);
}
}
}
@@ -45,12 +57,17 @@ export class StatLabel implements Drawable {
private valueLambda: () => number;
constructor(position: Vector, textLambda: () => string, valueLambda: () => number) {
constructor(textLambda: () => string, valueLambda: () => number);
constructor(textLambda: () => string, valueLambda: () => number, position?: Vector) {
if(!position) {
position = new Vector(0, 0)
}
this.position = position;
this.textLambda = textLambda;
this.valueLambda = valueLambda;
}
draw(ctx: CanvasRenderingContext2D) {
ctx.beginPath();
ctx.strokeStyle = this.borderColor
@@ -64,7 +81,8 @@ export class StatLabel implements Drawable {
return this.position;
}
move(any?: any) {
move(position: Vector) {
this.position = position
}
getSize() {