⚡ Room editor: you can now navigate around with Spacebar + Left mouse button

Cosmo Myzrail Gorynych · Cosmo Myzrail Gorynych · commit 1e3c6624b610 · 2024-11-04T00:21:14.000+12:00
Closes what irritates #545
diff --git a/src/node_requires/roomEditor/IRoomEditorRiotTag.d.ts b/src/node_requires/roomEditor/IRoomEditorRiotTag.d.ts
@@ -30,6 +30,7 @@ export interface IRoomEditorRiotTag extends IRiotTag {
     gridOn: boolean;
     freePlacementMode: boolean;
     controlMode: boolean;
+    spacebarMode: boolean;
     currentTool: tool;
     currentTemplate: ITemplate | -1;
     setTool(tool: tool): () => void;
diff --git a/src/node_requires/roomEditor/interactions/camera/move.ts b/src/node_requires/roomEditor/interactions/camera/move.ts
@@ -16,9 +16,10 @@ interface IMoveCameraAffixedData {
 const moveCameraOnWheelPress: IRoomEditorInteraction<IMoveCameraAffixedData> = {
     ifListener: 'pointerdown',
     if(e: PIXI.FederatedPointerEvent) {
-        // Checks for a pressed mouse wheel
+        // Checks for a pressed mouse wheel, or Alt+Shift dragging, or Spacebar
         return e.button === 1 ||
-            (e.altKey && e.shiftKey);
+            (e.altKey && e.shiftKey) ||
+            this.riotEditor.spacebarMode;
     },
     listeners: {
         pointerdown(e: PIXI.FederatedPointerEvent, roomTag, affixedData) {
diff --git a/src/riotTags/editors/room-editor/room-editor.tag b/src/riotTags/editors/room-editor/room-editor.tag
@@ -218,6 +218,9 @@ room-editor.aPanel.aView(data-hotkey-scope="{asset.uid}")
                 e.preventDefault();
             } else if (e.key === 'Shift') {
                 this.controlMode = false;
+            } else if (e.key === ' ') {
+                this.spacebarMode = true;
+                e.preventDefault();
             }
         };
         const modifiersUpListener = e => {
@@ -233,6 +236,9 @@ room-editor.aPanel.aView(data-hotkey-scope="{asset.uid}")
             } else if (e.key === 'Control' || e.key.Meta) {
                 this.controlMode = false;
                 e.preventDefault();
+            } else if (e.key === ' ') {
+                this.spacebarMode = false;
+                e.preventDefault();
             }
         };
         const blurListener = () => {
