Update regular layer building descriptions, update artwork

src/css/resources.scss

@@ -10,7 +10,8 @@ $buildings: belt, cutter, miner, mixer, painter, rotater, balancer, stacker, tra
 
 $buildingsAndVariants: belt, balancer, balancer-merger, balancer-splitter, underground_belt,
     underground_belt-tier2, miner, miner-chainable, cutter, cutter-quad, rotater, rotater-ccw, rotater-fl,
-    stacker, mixer, painter, painter-double, painter-quad, trash, storage, reader;
+    stacker, mixer, painter, painter-double, painter-quad, trash, storage, reader, rotater-rotate180, lever,
+    display, constant_signal;
 @each $building in $buildingsAndVariants {
     [data-icon="building_tutorials/#{$building}.png"] {
         /* @load-async */
@@ -33,6 +34,10 @@ $buildingsAndVariants: belt, balancer, balancer-merger, balancer-splitter, under
     /* @load-async */
     background-image: uiResource("res/ui/building_tutorials/balancer-splitter.png") !important;
 }
+[data-icon="building_tutorials/filter.png"] {
+    /* @load-async */
+    background-image: uiResource("res/ui/building_tutorials/lever.png") !important;
+}
 
 $icons: notification_saved, notification_success, notification_upgrade;
 @each $icon in $icons {

src/css/states/main_menu.scss

@@ -344,10 +344,14 @@
                     align-self: center;
                     justify-self: center;
                     @include IncreasedClickArea(0px);
+                    background: #44484a center center / 40% no-repeat;
+                }
 
+                button.resumeGame {
+                    background-color: #44484a;
                     & {
                         /* @load-async */
-                        background: #44484a uiResource("icons/play.png") center center / 40% no-repeat;
+                        background-image: uiResource("icons/play.png");
                     }
                 }
 

src/css/states/settings.scss

@@ -11,6 +11,7 @@
 
         @include StyleBelowWidth($layoutBreak) {
             grid-template-columns: 1fr;
+            grid-template-rows: auto 1fr;
         }
 
         .sidebar {

src/js/game/buildings/reader.js

@@ -9,6 +9,9 @@ import { GameRoot } from "../root";
 import { BeltUnderlaysComponent } from "../components/belt_underlays";
 import { BeltReaderComponent } from "../components/belt_reader";
 import { enumHubGoalRewards } from "../tutorial_goals";
+import { generateMatrixRotations } from "../../core/utils";
+
+const overlayMatrix = generateMatrixRotations([0, 1, 0, 0, 1, 0, 0, 1, 0]);
 
 export class MetaReaderBuilding extends MetaBuilding {
     constructor() {
@@ -34,6 +37,17 @@ export class MetaReaderBuilding extends MetaBuilding {
         return true;
     }
 
+    /**
+     * @param {number} rotation
+     * @param {number} rotationVariant
+     * @param {string} variant
+     * @param {Entity} entity
+     * @returns {Array<number>|null}
+     */
+    getSpecialOverlayRenderMatrix(rotation, rotationVariant, variant, entity) {
+        return overlayMatrix[rotation];
+    }
+
     /**
      * Creates the entity at the given location
      * @param {Entity} entity

src/js/game/buildings/rotater.js

@@ -15,6 +15,7 @@ export const enumRotaterVariants = { ccw: "ccw", rotate180: "rotate180" };
 const overlayMatrices = {
     [defaultBuildingVariant]: generateMatrixRotations([0, 1, 1, 1, 1, 0, 0, 1, 1]),
     [enumRotaterVariants.ccw]: generateMatrixRotations([1, 1, 0, 0, 1, 1, 1, 1, 0]),
+    [enumRotaterVariants.rotate180]: generateMatrixRotations([1, 1, 0, 1, 1, 1, 0, 1, 1]),
 };
 
 export class MetaRotaterBuilding extends MetaBuilding {

src/js/game/buildings/underground_belt.js

@@ -25,7 +25,7 @@ export const enumUndergroundBeltVariantToTier = {
     [enumUndergroundBeltVariants.tier2]: 1,
 };
 
-const colorsByRotationVariant = ["#6d9dff", "#51d723"];
+const colorsByRotationVariant = ["#6d9dff", "#9cad40"];
 
 const overlayMatrices = [
     // Sender

src/js/game/hud/parts/keybinding_overlay.js

@@ -7,6 +7,7 @@ import {
     KEYCODE_RMB,
     KEYMAPPINGS,
 } from "../../key_action_mapper";
+import { enumHubGoalRewards } from "../../tutorial_goals";
 import { BaseHUDPart } from "../base_hud_part";
 import { DynamicDomAttach } from "../dynamic_dom_attach";
 
@@ -257,7 +258,8 @@ export class HUDKeybindingOverlay extends BaseHUDPart {
                 // Switch layers
                 label: T.ingame.keybindingsOverlay.switchLayers,
                 keys: [k.ingame.switchLayers],
-                condition: () => true,
+                condition: () =>
+                    this.root.hubGoals.isRewardUnlocked(enumHubGoalRewards.reward_wires_filters_and_levers),
             },
         ];
 

src/js/game/tutorial_goals_mappings.js

@@ -3,6 +3,7 @@ import { enumBalancerVariants, MetaBalancerBuilding } from "./buildings/balancer
 import { MetaConstantSignalBuilding } from "./buildings/constant_signal";
 import { enumCutterVariants, MetaCutterBuilding } from "./buildings/cutter";
 import { MetaDisplayBuilding } from "./buildings/display";
+import { MetaLeverBuilding } from "./buildings/lever";
 import { enumMinerVariants, MetaMinerBuilding } from "./buildings/miner";
 import { MetaMixerBuilding } from "./buildings/mixer";
 import { enumPainterVariants, MetaPainterBuilding } from "./buildings/painter";
@@ -56,7 +57,9 @@ export const enumHubGoalRewardsToContentUnlocked = {
     [enumHubGoalRewards.reward_logic_gates]: null, // @TODO!
     [enumHubGoalRewards.reward_virtual_processing]: null, // @TODO!
 
-    [enumHubGoalRewards.reward_wires_filters_and_levers]: null,
+    [enumHubGoalRewards.reward_wires_filters_and_levers]: typed([
+        [MetaLeverBuilding, defaultBuildingVariant],
+    ]),
     [enumHubGoalRewards.reward_freeplay]: null,
     [enumHubGoalRewards.reward_blueprints]: null,
     [enumHubGoalRewards.no_reward]: null,