1
0
mirror of https://github.com/tobspr/shapez.io.git synced 2026-03-02 03:39:21 +00:00

Add tutorial images for all building variants

This commit is contained in:
tobspr
2020-05-21 11:40:26 +02:00
parent c6228f8d32
commit 8dd3a7c748
22 changed files with 156 additions and 85 deletions

View File

@@ -258,11 +258,6 @@ export class HUDBuildingPlacer extends BaseHUDPart {
})
);
metaBuilding.updateVariants(this.fakeEntity, 0, this.currentVariant.get());
this.buildingInfoElements.tutorialImage.setAttribute(
"data-icon",
"building_tutorials/" + metaBuilding.getId() + ".png"
);
} else {
this.fakeEntity = null;
}
@@ -281,8 +276,10 @@ export class HUDBuildingPlacer extends BaseHUDPart {
return;
}
this.buildingInfoElements.label.innerHTML = T.buildings[metaBuilding.id].name;
this.buildingInfoElements.descText.innerHTML = T.buildings[metaBuilding.id].description;
const variant = this.currentVariant.get();
this.buildingInfoElements.label.innerHTML = T.buildings[metaBuilding.id][variant].name;
this.buildingInfoElements.descText.innerHTML = T.buildings[metaBuilding.id][variant].description;
const binding = this.root.keyMapper.getBinding(KEYMAPPINGS.buildings[metaBuilding.getId()]);
this.buildingInfoElements.hotkey.innerHTML = T.ingame.buildingPlacement.hotkeyLabel.replace(
@@ -290,6 +287,14 @@ export class HUDBuildingPlacer extends BaseHUDPart {
"<code class='keybinding'>" + binding.getKeyCodeString() + "</code>"
);
this.buildingInfoElements.tutorialImage.setAttribute(
"data-icon",
"building_tutorials/" +
metaBuilding.getId() +
(variant === defaultBuildingVariant ? "" : "-" + variant) +
".png"
);
removeAllChildren(this.buildingInfoElements.additionalInfo);
const additionalInfo = metaBuilding.getAdditionalStatistics(this.root, this.currentVariant.get());
for (let i = 0; i < additionalInfo.length; ++i) {
@@ -332,10 +337,12 @@ export class HUDBuildingPlacer extends BaseHUDPart {
)
);
const container = makeDiv(this.variantsElement, null, ["variants"]);
for (let i = 0; i < availableVariants.length; ++i) {
const variant = availableVariants[i];
const element = makeDiv(this.variantsElement, null, ["variant"]);
const element = makeDiv(container, null, ["variant"]);
element.classList.toggle("active", variant === this.currentVariant.get());
makeDiv(element, null, ["label"], variant);