62 lines
1.7 KiB
TypeScript
62 lines
1.7 KiB
TypeScript
import { add_player_hotbar, add_player_inventory, GuiInventoryScreen, Slot } from "./gui_screen.ts";
|
|
import { canvas, draw_rect, Texture } from "$/client/renderer/mod.ts";
|
|
import { AssetManager } from "../assets.ts";
|
|
import { SLOT_SIZE } from "../../common/constants.ts";
|
|
import { draw_nine_slice } from "../rendering/render_utils.ts";
|
|
import { ClientInventories } from "../inventory.ts";
|
|
import { ClientMessage, CRAFTING_RESULT_SLOT } from "$/common/protocol.ts";
|
|
|
|
const PADDING = 10;
|
|
|
|
// the recipes live on the server, which fills in the result slot
|
|
export class GuiPlayerInventory extends GuiInventoryScreen {
|
|
override inventory_width = PADDING * 2 + SLOT_SIZE * 9;
|
|
override inventory_height = PADDING * 2 + SLOT_SIZE * 4 + PADDING + SLOT_SIZE * 3 + PADDING;
|
|
|
|
constructor(inventories: ClientInventories, send: (message: ClientMessage) => void) {
|
|
super(inventories, send);
|
|
|
|
add_player_hotbar(this, PADDING, PADDING);
|
|
add_player_inventory(this, PADDING, PADDING * 2 + SLOT_SIZE);
|
|
|
|
const crafting_x = PADDING;
|
|
const crafting_y = PADDING * 3 + SLOT_SIZE * 4;
|
|
|
|
for (let i = 0; i < 3; i += 1) {
|
|
for (let j = 0; j < 3; j += 1) {
|
|
this.slots.push(
|
|
new Slot("crafting", j * 3 + i, crafting_x + i * SLOT_SIZE, crafting_y + j * SLOT_SIZE),
|
|
);
|
|
}
|
|
}
|
|
|
|
this.slots.push(
|
|
new Slot("crafting", CRAFTING_RESULT_SLOT, crafting_x + 5 * SLOT_SIZE, crafting_y + 1 * SLOT_SIZE, true),
|
|
);
|
|
}
|
|
|
|
override on_render(): void {
|
|
draw_rect(0, 0, canvas.width, canvas.height, [0, 0, 0, 0.8]);
|
|
|
|
const ui = AssetManager.instance.get<Texture>("bworld:ui");
|
|
|
|
draw_nine_slice(
|
|
ui,
|
|
160,
|
|
0,
|
|
16,
|
|
16,
|
|
4,
|
|
4,
|
|
4,
|
|
4,
|
|
this.x,
|
|
this.y,
|
|
this.inventory_width,
|
|
this.inventory_height,
|
|
);
|
|
|
|
super.on_render();
|
|
}
|
|
}
|