|
|
|
|
@ -5,6 +5,14 @@ import { T } from "../../translations";
|
|
|
|
|
import { HubComponent } from "../components/hub";
|
|
|
|
|
import { Entity } from "../entity";
|
|
|
|
|
import { GameSystemWithFilter } from "../game_system_with_filter";
|
|
|
|
|
import { globalConfig } from "../../core/config";
|
|
|
|
|
import { smoothenDpi } from "../../core/dpi_manager";
|
|
|
|
|
import { drawSpriteClipped } from "../../core/draw_utils";
|
|
|
|
|
import { Rectangle } from "../../core/rectangle";
|
|
|
|
|
import { ORIGINAL_SPRITE_SCALE } from "../../core/sprites";
|
|
|
|
|
|
|
|
|
|
const HUB_SIZE_TILES = 4;
|
|
|
|
|
const HUB_SIZE_PIXELS = HUB_SIZE_TILES * globalConfig.tileSize;
|
|
|
|
|
|
|
|
|
|
export class HubSystem extends GameSystemWithFilter {
|
|
|
|
|
constructor(root) {
|
|
|
|
|
@ -13,8 +21,13 @@ export class HubSystem extends GameSystemWithFilter {
|
|
|
|
|
this.hubSprite = Loader.getSprite("sprites/buildings/hub.png");
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* @param {DrawParameters} parameters
|
|
|
|
|
*/
|
|
|
|
|
draw(parameters) {
|
|
|
|
|
this.forEachMatchingEntityOnScreen(parameters, this.drawEntity.bind(this));
|
|
|
|
|
for (let i = 0; i < this.allEntities.length; ++i) {
|
|
|
|
|
this.drawEntity(parameters, this.allEntities[i]);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
update() {
|
|
|
|
|
@ -27,35 +40,42 @@ export class HubSystem extends GameSystemWithFilter {
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* @param {DrawParameters} parameters
|
|
|
|
|
* @param {Entity} entity
|
|
|
|
|
*
|
|
|
|
|
* @param {HTMLCanvasElement} canvas
|
|
|
|
|
* @param {CanvasRenderingContext2D} context
|
|
|
|
|
* @param {number} w
|
|
|
|
|
* @param {number} h
|
|
|
|
|
* @param {number} dpi
|
|
|
|
|
*/
|
|
|
|
|
drawEntity(parameters, entity) {
|
|
|
|
|
const context = parameters.context;
|
|
|
|
|
const staticComp = entity.components.StaticMapEntity;
|
|
|
|
|
redrawHubBaseTexture(canvas, context, w, h, dpi) {
|
|
|
|
|
// This method is quite ugly, please ignore it!
|
|
|
|
|
|
|
|
|
|
if (!staticComp.shouldBeDrawn(parameters)) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
context.scale(dpi, dpi);
|
|
|
|
|
|
|
|
|
|
const pos = staticComp.getTileSpaceBounds().getCenter().toWorldSpace();
|
|
|
|
|
const parameters = new DrawParameters({
|
|
|
|
|
context,
|
|
|
|
|
visibleRect: new Rectangle(0, 0, w, h),
|
|
|
|
|
desiredAtlasScale: ORIGINAL_SPRITE_SCALE,
|
|
|
|
|
zoomLevel: dpi * 0.75,
|
|
|
|
|
root: this.root,
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
// Background
|
|
|
|
|
staticComp.drawSpriteOnFullEntityBounds(parameters, this.hubSprite, 2.2);
|
|
|
|
|
context.clearRect(0, 0, w, h);
|
|
|
|
|
|
|
|
|
|
const definition = this.root.hubGoals.currentGoal.definition;
|
|
|
|
|
this.hubSprite.draw(context, 0, 0, w, h);
|
|
|
|
|
|
|
|
|
|
definition.drawCentered(pos.x - 25, pos.y - 10, parameters, 40);
|
|
|
|
|
const definition = this.root.hubGoals.currentGoal.definition;
|
|
|
|
|
definition.drawCentered(45, 58, parameters, 36);
|
|
|
|
|
|
|
|
|
|
const goals = this.root.hubGoals.currentGoal;
|
|
|
|
|
|
|
|
|
|
const textOffsetX = 2;
|
|
|
|
|
const textOffsetY = -6;
|
|
|
|
|
const textOffsetX = 70;
|
|
|
|
|
const textOffsetY = 61;
|
|
|
|
|
|
|
|
|
|
// Deliver count
|
|
|
|
|
const delivered = this.root.hubGoals.getCurrentGoalDelivered();
|
|
|
|
|
const deliveredText = "" + formatBigNumber(delivered);
|
|
|
|
|
|
|
|
|
|
if (delivered > 9999) {
|
|
|
|
|
context.font = "bold 16px GameFont";
|
|
|
|
|
@ -66,52 +86,87 @@ export class HubSystem extends GameSystemWithFilter {
|
|
|
|
|
}
|
|
|
|
|
context.fillStyle = "#64666e";
|
|
|
|
|
context.textAlign = "left";
|
|
|
|
|
context.fillText("" + formatBigNumber(delivered), pos.x + textOffsetX, pos.y + textOffsetY);
|
|
|
|
|
context.fillText(deliveredText, textOffsetX, textOffsetY);
|
|
|
|
|
|
|
|
|
|
// Required
|
|
|
|
|
context.font = "13px GameFont";
|
|
|
|
|
context.fillStyle = "#a4a6b0";
|
|
|
|
|
context.fillText(
|
|
|
|
|
"/ " + formatBigNumber(goals.required),
|
|
|
|
|
pos.x + textOffsetX,
|
|
|
|
|
pos.y + textOffsetY + 13
|
|
|
|
|
);
|
|
|
|
|
context.fillText("/ " + formatBigNumber(goals.required), textOffsetX, textOffsetY + 13);
|
|
|
|
|
|
|
|
|
|
// Reward
|
|
|
|
|
const rewardText = T.storyRewards[goals.reward].title.toUpperCase();
|
|
|
|
|
if (rewardText.length > 12) {
|
|
|
|
|
context.font = "bold 9px GameFont";
|
|
|
|
|
context.font = "bold 8px GameFont";
|
|
|
|
|
} else {
|
|
|
|
|
context.font = "bold 11px GameFont";
|
|
|
|
|
context.font = "bold 10px GameFont";
|
|
|
|
|
}
|
|
|
|
|
context.fillStyle = "#fd0752";
|
|
|
|
|
context.textAlign = "center";
|
|
|
|
|
|
|
|
|
|
context.fillText(rewardText, pos.x, pos.y + 46);
|
|
|
|
|
context.fillText(rewardText, HUB_SIZE_PIXELS / 2, 105);
|
|
|
|
|
|
|
|
|
|
// Level
|
|
|
|
|
context.font = "bold 11px GameFont";
|
|
|
|
|
// Level "8"
|
|
|
|
|
context.font = "bold 10px GameFont";
|
|
|
|
|
context.fillStyle = "#fff";
|
|
|
|
|
context.fillText("" + this.root.hubGoals.level, pos.x - 42, pos.y - 36);
|
|
|
|
|
context.fillText("" + this.root.hubGoals.level, 27, 32);
|
|
|
|
|
|
|
|
|
|
// Texts
|
|
|
|
|
// "LVL"
|
|
|
|
|
context.textAlign = "center";
|
|
|
|
|
context.fillStyle = "#fff";
|
|
|
|
|
context.font = "bold 7px GameFont";
|
|
|
|
|
context.fillText(T.buildings.hub.levelShortcut, pos.x - 42, pos.y - 47);
|
|
|
|
|
context.font = "bold 6px GameFont";
|
|
|
|
|
context.fillText(T.buildings.hub.levelShortcut, 27, 22);
|
|
|
|
|
|
|
|
|
|
// "Deliver"
|
|
|
|
|
context.fillStyle = "#64666e";
|
|
|
|
|
context.font = "bold 11px GameFont";
|
|
|
|
|
context.fillText(T.buildings.hub.deliver.toUpperCase(), pos.x, pos.y - 40);
|
|
|
|
|
context.font = "bold 10px GameFont";
|
|
|
|
|
context.fillText(T.buildings.hub.deliver.toUpperCase(), HUB_SIZE_PIXELS / 2, 30);
|
|
|
|
|
|
|
|
|
|
// "To unlock"
|
|
|
|
|
const unlockText = T.buildings.hub.toUnlock.toUpperCase();
|
|
|
|
|
if (unlockText.length > 15) {
|
|
|
|
|
context.font = "bold 8px GameFont";
|
|
|
|
|
} else {
|
|
|
|
|
context.font = "bold 11px GameFont";
|
|
|
|
|
context.font = "bold 10px GameFont";
|
|
|
|
|
}
|
|
|
|
|
context.fillText(T.buildings.hub.toUnlock.toUpperCase(), pos.x, pos.y + 30);
|
|
|
|
|
context.fillText(T.buildings.hub.toUnlock.toUpperCase(), HUB_SIZE_PIXELS / 2, 92);
|
|
|
|
|
|
|
|
|
|
context.textAlign = "left";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* @param {DrawParameters} parameters
|
|
|
|
|
* @param {Entity} entity
|
|
|
|
|
*/
|
|
|
|
|
drawEntity(parameters, entity) {
|
|
|
|
|
const staticComp = entity.components.StaticMapEntity;
|
|
|
|
|
if (!staticComp.shouldBeDrawn(parameters)) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// Deliver count
|
|
|
|
|
const delivered = this.root.hubGoals.getCurrentGoalDelivered();
|
|
|
|
|
const deliveredText = "" + formatBigNumber(delivered);
|
|
|
|
|
|
|
|
|
|
const dpi = smoothenDpi(globalConfig.shapesSharpness * parameters.zoomLevel);
|
|
|
|
|
const canvas = parameters.root.buffers.getForKey({
|
|
|
|
|
key: "hub",
|
|
|
|
|
subKey: dpi + "/" + this.root.hubGoals.level + "/" + deliveredText,
|
|
|
|
|
w: globalConfig.tileSize * 4,
|
|
|
|
|
h: globalConfig.tileSize * 4,
|
|
|
|
|
dpi,
|
|
|
|
|
redrawMethod: this.redrawHubBaseTexture.bind(this),
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
const extrude = 8;
|
|
|
|
|
drawSpriteClipped({
|
|
|
|
|
parameters,
|
|
|
|
|
sprite: canvas,
|
|
|
|
|
x: staticComp.origin.x * globalConfig.tileSize - extrude,
|
|
|
|
|
y: staticComp.origin.y * globalConfig.tileSize - extrude,
|
|
|
|
|
w: HUB_SIZE_PIXELS + 2 * extrude,
|
|
|
|
|
h: HUB_SIZE_PIXELS + 2 * extrude,
|
|
|
|
|
originalW: HUB_SIZE_PIXELS * dpi,
|
|
|
|
|
originalH: HUB_SIZE_PIXELS * dpi,
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
tobspr
4 years ago