104 lines
2.1 KiB
TypeScript
104 lines
2.1 KiB
TypeScript
import { Layer, DrawSet } from "../Applet/Render";
|
|
import { Store } from "../Ecs/Data";
|
|
import { Data as EcsData } from "../Ecs/Components";
|
|
|
|
export enum GamePhase {
|
|
TITLE,
|
|
PLAYING,
|
|
LOST,
|
|
WON
|
|
}
|
|
export type RGB = [number, number, number];
|
|
export class World {
|
|
width = 500;
|
|
height = 400;
|
|
|
|
/*
|
|
* Core Game Status
|
|
*/
|
|
phase = GamePhase.TITLE;
|
|
score = 0;
|
|
|
|
constructor() {}
|
|
|
|
/*
|
|
* Drawing Layers
|
|
*/
|
|
groundLayer = new Layer(0);
|
|
debugLayer = new Layer(2);
|
|
bulletLayer = new Layer(10);
|
|
playerLayer = new Layer(15);
|
|
smokeLayer = new Layer(16);
|
|
hudLayer = new Layer(20);
|
|
|
|
bgColor: RGB = [255, 255, 255];
|
|
|
|
/**
|
|
* Catch-all debug tool
|
|
*/
|
|
debug: Record<string, any> = {};
|
|
|
|
drawHud(drawSet: DrawSet) {
|
|
drawSet.queue(this.hudLayer.toRender((cx, dt) => {
|
|
cx.font = "16px monospace";
|
|
cx.textAlign = "left";
|
|
cx.textBaseline = "middle";
|
|
|
|
const score = `Score: ${this.score}`;
|
|
cx.fillStyle = "#000";
|
|
cx.fillText(score, this.width/3 + 1, this.height - 18 + 1, this.width/4);
|
|
cx.fillStyle = "#0ff";
|
|
cx.fillText(score, this.width/3, this.height - 18, this.width/4);
|
|
}));
|
|
}
|
|
}
|
|
|
|
export class Data extends EcsData {
|
|
boss: Store<Boss> = {};
|
|
bullet: Store<Bullet> = {};
|
|
hp: Store<Hp> = {};
|
|
lifetime: Store<Lifetime> = {};
|
|
message: Store<Message> = {};
|
|
}
|
|
|
|
export enum Teams {
|
|
PLAYER,
|
|
ENEMY
|
|
}
|
|
export class Bullet {
|
|
hit = false;
|
|
constructor(
|
|
public team: Teams,
|
|
public attack: number
|
|
) {};
|
|
}
|
|
export class Hp {
|
|
receivedDamage = 0;
|
|
constructor(
|
|
public team: Teams,
|
|
public hp: number
|
|
) {};
|
|
}
|
|
|
|
export class Lifetime {
|
|
constructor(
|
|
public time: number
|
|
) {};
|
|
}
|
|
|
|
export class Boss {
|
|
constructor(
|
|
public name: string
|
|
) {}
|
|
}
|
|
|
|
export class Message {
|
|
targetY = 0;
|
|
constructor(
|
|
public layer: Layer,
|
|
public color: string,
|
|
public message: string,
|
|
public timeout = 3
|
|
) {}
|
|
}
|