alois/OpenFrontIO
1
0
Fork 0
mirror of https://github.com/openfrontio/OpenFrontIO.git synced 2026-06-21 13:00:42 +00:00
Code Issues Packages Projects Releases Wiki Activity

moved troup ui to top center of screen

Browse Source
This commit is contained in:
evanpelle
2024-09-05 19:26:30 -07:00
parent 4161b4d71c
commit e6d1aac27a
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/client/graphics/UIRenderer.ts
+3 -3
View File
@@ -47,16 +47,16 @@ export class UIRenderer {
document.body.appendChild(this.exitButton);
}
render(context) {
render(context: CanvasRenderingContext2D) {
const p = this.game.players().find(p => p.clientID() == this.clientID);
let troopCount = p ? `${renderTroops(p.troops())}` : '';
context.save();
context.fillStyle = 'black';
context.fillStyle = 'rgba(0, 0, 0, 0.7)'; // Black with 70% opacity
context.textAlign = 'center';
context.textBaseline = 'top';
const x = 65 + 18 * (troopCount.length - 2); // Right edge of the text area
const x = context.canvas.width / 2; // Center horizontally
const y = 40; // Distance from the top
context.font = `bold ${60}px ${this.theme.font()}`;