🆙 added latest changes

packages/room/.eslintrc.json

@@ -1,3 +0,0 @@
-{
-    "extends": [ "@nitrots/eslint-config" ]
-}

packages/room/package.json

@@ -5,8 +5,7 @@
   "type": "module",
   "license": "GPL-3.0",
   "scripts": {
-    "compile": "tsc --project ./tsconfig.json --noEmit false",
-    "eslint": "eslint ./src --fix"
+    "compile": "tsc --project ./tsconfig.json --noEmit false"
   },
   "main": "./index",
   "dependencies": {
@@ -15,10 +14,9 @@
     "@nitrots/avatar": "1.0.0",
     "@nitrots/communication": "1.0.0",
     "@nitrots/configuration": "1.0.0",
-    "@nitrots/eslint-config": "1.0.0",
     "@nitrots/events": "1.0.0",
     "@nitrots/session": "1.0.0",
-    "pixi.js": "^8.1.0"
+    "pixi.js": "^8.1.6"
   },
   "devDependencies": {
     "typescript": "~5.4.2"

packages/room/src/RoomEngine.ts

@@ -1,7 +1,7 @@
-import { IFurnitureStackingHeightMap, IGetImageListener, IImageResult, ILegacyWallGeometry, IObjectData, IPetColorResult, IPetCustomPart, IRoomContentListener, IRoomContentLoader, IRoomCreator, IRoomEngine, IRoomEngineServices, IRoomGeometry, IRoomInstance, IRoomManager, IRoomManagerListener, IRoomObject, IRoomObjectController, IRoomRenderer, IRoomRenderingCanvas, IRoomSessionManager, ISelectedRoomObjectData, ISessionDataManager, ITileObjectMap, IUpdateReceiver, IVector3D, LegacyDataType, MouseEventType, ObjectDataFactory, PetFigureData, RoomControllerLevel, RoomObjectCategory, RoomObjectUserType, RoomObjectVariable, ToolbarIconEnum } from '@nitrots/api';
+import { IFurnitureStackingHeightMap, IGetImageListener, IImageResult, ILegacyWallGeometry, IObjectData, IPetColorResult, IPetCustomPart, IRoomAreaSelectionManager, IRoomContentListener, IRoomContentLoader, IRoomCreator, IRoomEngine, IRoomEngineServices, IRoomGeometry, IRoomInstance, IRoomManager, IRoomManagerListener, IRoomObject, IRoomObjectController, IRoomRenderer, IRoomRenderingCanvas, IRoomSessionManager, ISelectedRoomObjectData, ISessionDataManager, ITileObjectMap, IUpdateReceiver, IVector3D, LegacyDataType, MouseEventType, ObjectDataFactory, PetFigureData, RoomControllerLevel, RoomObjectCategory, RoomObjectUserType, RoomObjectVariable, ToolbarIconEnum } from '@nitrots/api';
 import { GetCommunication, RenderRoomMessageComposer, RenderRoomThumbnailMessageComposer } from '@nitrots/communication';
 import { GetConfiguration } from '@nitrots/configuration';
-import { BadgeImageReadyEvent, GetEventDispatcher, NitroToolbarAnimateIconEvent, RoomBackgroundColorEvent, RoomDragEvent, RoomEngineEvent, RoomEngineObjectEvent, RoomObjectEvent, RoomObjectFurnitureActionEvent, RoomObjectMouseEvent, RoomSessionEvent, RoomToObjectOwnAvatarMoveEvent } from '@nitrots/events';
+import { BadgeImageReadyEvent, GetEventDispatcher, NitroToolbarAnimateIconEvent, RoomBackgroundColorEvent, RoomDragEvent, RoomEngineAreaHideStateEvent, RoomEngineEvent, RoomEngineObjectEvent, RoomObjectEvent, RoomObjectFurnitureActionEvent, RoomObjectMouseEvent, RoomSessionEvent, RoomToObjectOwnAvatarMoveEvent } from '@nitrots/events';
 import { GetRoomSessionManager, GetSessionDataManager } from '@nitrots/session';
 import { FurniId, GetTickerTime, NitroLogger, NumberBank, TextureUtils, Vector3d } from '@nitrots/utils';
 import { Container, Matrix, Point, Rectangle, RenderTexture, Sprite, Texture, Ticker } from 'pixi.js';
@@ -16,7 +16,7 @@ import { RoomVariableEnum } from './RoomVariableEnum';
 import { ObjectAvatarCarryObjectUpdateMessage, ObjectAvatarChatUpdateMessage, ObjectAvatarDanceUpdateMessage, ObjectAvatarEffectUpdateMessage, ObjectAvatarExperienceUpdateMessage, ObjectAvatarExpressionUpdateMessage, ObjectAvatarFigureUpdateMessage, ObjectAvatarFlatControlUpdateMessage, ObjectAvatarGestureUpdateMessage, ObjectAvatarGuideStatusUpdateMessage, ObjectAvatarMutedUpdateMessage, ObjectAvatarOwnMessage, ObjectAvatarPetGestureUpdateMessage, ObjectAvatarPlayerValueUpdateMessage, ObjectAvatarPlayingGameUpdateMessage, ObjectAvatarPostureUpdateMessage, ObjectAvatarSignUpdateMessage, ObjectAvatarSleepUpdateMessage, ObjectAvatarTypingUpdateMessage, ObjectAvatarUpdateMessage, ObjectAvatarUseObjectUpdateMessage, ObjectDataUpdateMessage, ObjectGroupBadgeUpdateMessage, ObjectHeightUpdateMessage, ObjectItemDataUpdateMessage, ObjectModelDataUpdateMessage, ObjectMoveUpdateMessage, ObjectRoomColorUpdateMessage, ObjectRoomFloorHoleUpdateMessage, ObjectRoomMaskUpdateMessage, ObjectRoomPlanePropertyUpdateMessage, ObjectRoomPlaneVisibilityUpdateMessage, ObjectRoomUpdateMessage, ObjectStateUpdateMessage, RoomObjectUpdateMessage } from './messages';
 import { RoomLogic, RoomMapData } from './object';
 import { RoomRenderer } from './renderer';
-import { RoomCamera, RoomData, RoomEnterEffect, RoomFurnitureData, RoomGeometry, RoomInstanceData, RoomObjectBadgeImageAssetListener } from './utils';
+import { RoomAreaSelectionManager, RoomCamera, RoomData, RoomEnterEffect, RoomFurnitureData, RoomGeometry, RoomInstanceData, RoomObjectBadgeImageAssetListener } from './utils';
 
 export class RoomEngine implements IRoomEngine, IRoomCreator, IRoomEngineServices, IRoomManagerListener, IRoomContentListener, IUpdateReceiver
 {
@@ -55,6 +55,7 @@ export class RoomEngine implements IRoomEngine, IRoomCreator, IRoomEngineService
     private _activeRoomDragStartY: number = 0;
     private _activeRoomDragX: number = 0;
     private _activeRoomDragY: number = 0;
+    private _moveBlocked: boolean = false;
     private _roomDraggingAlwaysCenters: boolean = false;
     private _roomAllowsDragging: boolean = true;
     private _roomDatas: Map<number, RoomData> = new Map();
@@ -62,15 +63,11 @@ export class RoomEngine implements IRoomEngine, IRoomCreator, IRoomEngineService
     private _skipFurnitureCreationForNextFrame: boolean = false;
     private _mouseCursorUpdate: boolean = false;
     private _badgeListenerObjects: Map<string, RoomObjectBadgeImageAssetListener[]> = new Map();
-
-    constructor()
-    {
-        this.onBadgeImageReadyEvent = this.onBadgeImageReadyEvent.bind(this);
-    }
+    private _areaSelectionManager: IRoomAreaSelectionManager = new RoomAreaSelectionManager(this);
 
     public async init(): Promise<void>
     {
-        GetRoomObjectLogicFactory().registerEventFunction(this.processRoomObjectEvent.bind(this));
+        GetRoomObjectLogicFactory().registerEventFunction(event => this.processRoomObjectEvent(event));
 
         GetEventDispatcher().addEventListener<RoomSessionEvent>(RoomSessionEvent.STARTED, event => this.onRoomSessionEvent(event));
         GetEventDispatcher().addEventListener<RoomSessionEvent>(RoomSessionEvent.ENDED, event => this.onRoomSessionEvent(event));
@@ -548,6 +545,24 @@ export class RoomEngine implements IRoomEngine, IRoomCreator, IRoomEngineService
         return true;
     }
 
+    public updateAreaHide(roomId: number, furniId: number, on: boolean, rootX: number, rootY: number, width: number, length: number, invert: boolean): boolean
+    {
+        const roomObject = this.getRoomOwnObject(roomId);
+
+        if(!roomObject || !roomObject.logic) return false;
+
+        GetEventDispatcher().dispatchEvent(new RoomEngineAreaHideStateEvent(roomId, furniId, RoomObjectCategory.FLOOR, on));
+
+        if(on)
+        {
+            roomObject.logic.processUpdateMessage(new ObjectRoomFloorHoleUpdateMessage(ObjectRoomFloorHoleUpdateMessage.ADD, furniId, rootX, rootY, width, length, invert));
+        }
+        else
+        {
+            roomObject.logic.processUpdateMessage(new ObjectRoomFloorHoleUpdateMessage(ObjectRoomFloorHoleUpdateMessage.REMOVE, furniId));
+        }
+    }
+
     public updateObjectRoomColor(roomId: number, color: number, light: number, backgroundOnly: boolean): boolean
     {
         const roomObject = this.getRoomOwnObject(roomId);
@@ -685,7 +700,7 @@ export class RoomEngine implements IRoomEngine, IRoomCreator, IRoomEngineService
 
             while((pendingData = instanceData.getNextPendingFurnitureFloor()))
             {
-                furnitureAdded = this.processPendingFurnitureFloor(instanceData.roomId, pendingData.id, pendingData);
+                furnitureAdded = this.addObjectFurnitureFromData(instanceData.roomId, pendingData.id, pendingData);
 
                 if(hasTickLimit)
                 {
@@ -705,7 +720,7 @@ export class RoomEngine implements IRoomEngine, IRoomCreator, IRoomEngineService
 
             while(!this._skipFurnitureCreationForNextFrame && (pendingData = instanceData.getNextPendingFurnitureWall()))
             {
-                furnitureAdded = this.processPendingFurnitureWall(instanceData.roomId, pendingData.id, pendingData);
+                furnitureAdded = this.addObjectWallItemFromData(instanceData.roomId, pendingData.id, pendingData);
 
                 if(hasTickLimit)
                 {
@@ -734,7 +749,7 @@ export class RoomEngine implements IRoomEngine, IRoomCreator, IRoomEngineService
         }
     }
 
-    private processPendingFurnitureFloor(roomId: number, id: number, data: RoomFurnitureData): boolean
+    private addObjectFurnitureFromData(roomId: number, id: number, data: RoomFurnitureData): boolean
     {
         if(!data)
         {
@@ -795,7 +810,7 @@ export class RoomEngine implements IRoomEngine, IRoomCreator, IRoomEngineService
         return true;
     }
 
-    private processPendingFurnitureWall(roomId: number, id: number, data: RoomFurnitureData): boolean
+    private addObjectWallItemFromData(roomId: number, id: number, data: RoomFurnitureData): boolean
     {
         if(!data)
         {
@@ -1440,12 +1455,12 @@ export class RoomEngine implements IRoomEngine, IRoomCreator, IRoomEngineService
             switch(category)
             {
                 case RoomObjectCategory.FLOOR:
-                    this.processPendingFurnitureFloor(this.getRoomIdFromString(roomId), objectId, null);
+                    this.addObjectFurnitureFromData(this.getRoomIdFromString(roomId), objectId, null);
 
                     roomObject = (roomInstance.getRoomObject(objectId, category) as IRoomObjectController);
                     break;
                 case RoomObjectCategory.WALL:
-                    this.processPendingFurnitureWall(this.getRoomIdFromString(roomId), objectId, null);
+                    this.addObjectWallItemFromData(this.getRoomIdFromString(roomId), objectId, null);
 
                     roomObject = (roomInstance.getRoomObject(objectId, category) as IRoomObjectController);
                     break;
@@ -2104,7 +2119,32 @@ export class RoomEngine implements IRoomEngine, IRoomCreator, IRoomEngineService
 
             if(!this._badgeListenerObjects.size)
             {
-                GetEventDispatcher().addEventListener(BadgeImageReadyEvent.IMAGE_READY, this.onBadgeImageReadyEvent);
+                const onBadgeImageReadyEvent = (event: BadgeImageReadyEvent) =>
+                {
+                    const listeners = this._badgeListenerObjects && this._badgeListenerObjects.get(event.badgeId);
+
+                    if(!listeners) return;
+
+                    for(const listener of listeners)
+                    {
+                        if(!listener) continue;
+
+                        this.putBadgeInObjectAssets(listener.object, event.badgeId, listener.groupBadge);
+
+                        const badgeName = (listener.groupBadge) ? this._sessionDataManager.loadGroupBadgeImage(event.badgeId) : this._sessionDataManager.loadBadgeImage(event.badgeId);
+
+                        if(listener.object && listener.object.logic) listener.object.logic.processUpdateMessage(new ObjectGroupBadgeUpdateMessage(event.badgeId, badgeName));
+                    }
+
+                    this._badgeListenerObjects.delete(event.badgeId);
+
+                    if(!this._badgeListenerObjects.size)
+                    {
+                        GetEventDispatcher().removeEventListener(BadgeImageReadyEvent.IMAGE_READY, onBadgeImageReadyEvent);
+                    }
+                };
+
+                GetEventDispatcher().addEventListener(BadgeImageReadyEvent.IMAGE_READY, onBadgeImageReadyEvent);
             }
 
             let listeners = this._badgeListenerObjects.get(badgeId);
@@ -2123,31 +2163,6 @@ export class RoomEngine implements IRoomEngine, IRoomCreator, IRoomEngineService
         roomObject.logic.processUpdateMessage(new ObjectGroupBadgeUpdateMessage(badgeId, badgeName));
     }
 
-    private onBadgeImageReadyEvent(k: BadgeImageReadyEvent): void
-    {
-        const listeners = this._badgeListenerObjects && this._badgeListenerObjects.get(k.badgeId);
-
-        if(!listeners) return;
-
-        for(const listener of listeners)
-        {
-            if(!listener) continue;
-
-            this.putBadgeInObjectAssets(listener.object, k.badgeId, listener.groupBadge);
-
-            const badgeName = (listener.groupBadge) ? this._sessionDataManager.loadGroupBadgeImage(k.badgeId) : this._sessionDataManager.loadBadgeImage(k.badgeId);
-
-            if(listener.object && listener.object.logic) listener.object.logic.processUpdateMessage(new ObjectGroupBadgeUpdateMessage(k.badgeId, badgeName));
-        }
-
-        this._badgeListenerObjects.delete(k.badgeId);
-
-        if(!this._badgeListenerObjects.size)
-        {
-            GetEventDispatcher().removeEventListener(BadgeImageReadyEvent.IMAGE_READY, this.onBadgeImageReadyEvent);
-        }
-    }
-
     private putBadgeInObjectAssets(object: IRoomObjectController, badgeId: string, groupBadge: boolean = false): void
     {
         const badgeName = (groupBadge) ? this._sessionDataManager.loadGroupBadgeImage(badgeId) : this._sessionDataManager.loadBadgeImage(badgeId);
@@ -2173,33 +2188,37 @@ export class RoomEngine implements IRoomEngine, IRoomCreator, IRoomEngineService
             sprite.y = (y - (rectangle.height / 2));
         }
 
-        if(!this.handleRoomDragging(canvas, x, y, type, altKey, ctrlKey, shiftKey))
+        if(type === MouseEventType.MOUSE_CLICK && this._areaSelectionManager.finishSelecting())
         {
-            if(!canvas.handleMouseEvent(x, y, type, altKey, ctrlKey, shiftKey, buttonDown))
+            this._areaSelectionManager.finishSelecting();
+        }
+        else
+        {
+            if(!this.handleRoomDragging(canvas, x, y, type, altKey, ctrlKey, shiftKey))
             {
-                let eventType: string = null;
-
-                if(type === MouseEventType.MOUSE_CLICK)
+                if(!canvas.handleMouseEvent(x, y, type, altKey, ctrlKey, shiftKey, buttonDown))
                 {
-                    if(GetEventDispatcher())
+                    let eventType: string = null;
+
+                    if(type === MouseEventType.MOUSE_CLICK)
                     {
                         GetEventDispatcher().dispatchEvent(new RoomEngineObjectEvent(RoomEngineObjectEvent.DESELECTED, this._activeRoomId, -1, RoomObjectCategory.MINIMUM));
+
+                        eventType = RoomObjectMouseEvent.CLICK;
+                    }
+                    else
+                    {
+                        if(type === MouseEventType.MOUSE_MOVE) eventType = RoomObjectMouseEvent.MOUSE_MOVE;
+
+                        else if(type === MouseEventType.MOUSE_DOWN) eventType = RoomObjectMouseEvent.MOUSE_DOWN;
+
+                        else if(type === MouseEventType.MOUSE_DOWN_LONG) eventType = RoomObjectMouseEvent.MOUSE_DOWN_LONG;
+
+                        else if(type === MouseEventType.MOUSE_UP) eventType = RoomObjectMouseEvent.MOUSE_UP;
                     }
 
-                    eventType = RoomObjectMouseEvent.CLICK;
+                    this._roomObjectEventHandler.handleRoomObjectEvent(new RoomObjectMouseEvent(eventType, this.getRoomObject(this._activeRoomId, RoomEngine.ROOM_OBJECT_ID, RoomObjectCategory.ROOM), null, altKey), this._activeRoomId);
                 }
-                else
-                {
-                    if(type === MouseEventType.MOUSE_MOVE) eventType = RoomObjectMouseEvent.MOUSE_MOVE;
-
-                    else if(type === MouseEventType.MOUSE_DOWN) eventType = RoomObjectMouseEvent.MOUSE_DOWN;
-
-                    else if(type === MouseEventType.MOUSE_DOWN_LONG) eventType = RoomObjectMouseEvent.MOUSE_DOWN_LONG;
-
-                    else if(type === MouseEventType.MOUSE_UP) eventType = RoomObjectMouseEvent.MOUSE_UP;
-                }
-
-                this._roomObjectEventHandler.handleRoomObjectEvent(new RoomObjectMouseEvent(eventType, this.getRoomObject(this._activeRoomId, RoomEngine.ROOM_OBJECT_ID, RoomObjectCategory.ROOM), null, altKey), this._activeRoomId);
             }
         }
 
@@ -2210,6 +2229,16 @@ export class RoomEngine implements IRoomEngine, IRoomCreator, IRoomEngineService
 
     private handleRoomDragging(canvas: IRoomRenderingCanvas, x: number, y: number, type: string, altKey: boolean, ctrlKey: boolean, shiftKey: boolean): boolean
     {
+        if(this.isPlayingGame()) return false;
+
+        if(this._areaSelectionManager.areaSelectionState === RoomAreaSelectionManager.SELECTING)
+        {
+            this._activeRoomIsDragged = false;
+            this._activeRoomWasDragged = false;
+
+            return false;
+        };
+
         let offsetX = (x - this._activeRoomActiveCanvasMouseX);
         let offsetY = (y - this._activeRoomActiveCanvasMouseY);
 
@@ -3004,7 +3033,7 @@ export class RoomEngine implements IRoomEngine, IRoomCreator, IRoomEngineService
 
         while(index >= 0)
         {
-            const child = (container.getChildAt(index) as Sprite);
+            const child = (container.getChildAt(index));
 
             if(child)
             {
@@ -3014,7 +3043,7 @@ export class RoomEngine implements IRoomEngine, IRoomCreator, IRoomEngineService
 
                     if(child.children.length)
                     {
-                        const firstChild = (child.getChildAt(0) as Sprite);
+                        const firstChild = (child.getChildAt(0));
 
                         firstChild.parent.removeChild(firstChild);
 
@@ -3039,11 +3068,11 @@ export class RoomEngine implements IRoomEngine, IRoomCreator, IRoomEngineService
 
         while(index >= 0)
         {
-            const child = (container.getChildAt(index) as Sprite);
+            const child = (container.getChildAt(index));
 
             if(child)
             {
-                if(child.label === label) return child;
+                if(child.label === label) return (child as Sprite);
             }
 
             index--;
@@ -3228,6 +3257,11 @@ export class RoomEngine implements IRoomEngine, IRoomCreator, IRoomEngineService
         this._roomManager = manager;
     }
 
+    public get areaSelectionManager(): IRoomAreaSelectionManager
+    {
+        return this._areaSelectionManager;
+    }
+
     public get objectEventHandler(): RoomObjectEventHandler
     {
         return this._roomObjectEventHandler;
@@ -3263,4 +3297,24 @@ export class RoomEngine implements IRoomEngine, IRoomCreator, IRoomEngineService
 
         return this._roomManager.getRoomInstance(roomId.toString()).getRoomObjectsForCategory(categoryId).length;
     }
+
+    public get moveBlocked(): boolean
+    {
+        return this._moveBlocked;
+    }
+
+    public set moveBlocked(flag: boolean)
+    {
+        this._moveBlocked = flag;
+    }
+
+    public isAreaSelectionMode(): boolean
+    {
+        return this._areaSelectionManager.areaSelectionState !== RoomAreaSelectionManager.NOT_ACTIVE;
+    }
+
+    public whereYouClickIsWhereYouGo(): boolean
+    {
+        return !this.isAreaSelectionMode();
+    }
 }

packages/room/src/RoomManager.ts

@@ -17,18 +17,24 @@ export class RoomManager implements IRoomManager, IRoomInstanceContainer
     private _pendingContentTypes: string[] = [];
     private _skipContentProcessing: boolean = false;
 
-    constructor()
-    {
-        this.onRoomContentLoadedEvent = this.onRoomContentLoadedEvent.bind(this);
-    }
-
     public async init(listener: IRoomManagerListener): Promise<void>
     {
         this._listener = listener;
 
-        GetEventDispatcher().addEventListener(RoomContentLoadedEvent.RCLE_SUCCESS, this.onRoomContentLoadedEvent);
-        GetEventDispatcher().addEventListener(RoomContentLoadedEvent.RCLE_FAILURE, this.onRoomContentLoadedEvent);
-        GetEventDispatcher().addEventListener(RoomContentLoadedEvent.RCLE_CANCEL, this.onRoomContentLoadedEvent);
+        const onRoomContentLoadedEvent = (event: RoomContentLoadedEvent) =>
+        {
+            if(!GetRoomContentLoader()) return;
+
+            const contentType = event.contentType;
+
+            if(this._pendingContentTypes.indexOf(contentType) >= 0) return;
+
+            this._pendingContentTypes.push(contentType);
+        };
+
+        GetEventDispatcher().addEventListener(RoomContentLoadedEvent.RCLE_SUCCESS, onRoomContentLoadedEvent);
+        GetEventDispatcher().addEventListener(RoomContentLoadedEvent.RCLE_FAILURE, onRoomContentLoadedEvent);
+        GetEventDispatcher().addEventListener(RoomContentLoadedEvent.RCLE_CANCEL, onRoomContentLoadedEvent);
     }
 
     public getRoomInstance(roomId: string): IRoomInstance
@@ -276,17 +282,6 @@ export class RoomManager implements IRoomManager, IRoomInstanceContainer
         }
     }
 
-    private onRoomContentLoadedEvent(event: RoomContentLoadedEvent): void
-    {
-        if(!GetRoomContentLoader()) return;
-
-        const contentType = event.contentType;
-
-        if(this._pendingContentTypes.indexOf(contentType) >= 0) return;
-
-        this._pendingContentTypes.push(contentType);
-    }
-
     public update(time: number, update: boolean = false): void
     {
         this.processPendingContentTypes(time);

packages/room/src/RoomMessageHandler.ts

@@ -1,5 +1,5 @@
 import { AvatarGuideStatus, IConnection, IRoomCreator, IVector3D, LegacyDataType, ObjectRolling, PetType, RoomObjectType, RoomObjectUserType, RoomObjectVariable } from '@nitrots/api';
-import { DiceValueMessageEvent, FloorHeightMapEvent, FurnitureAliasesComposer, FurnitureAliasesEvent, FurnitureDataEvent, FurnitureFloorAddEvent, FurnitureFloorDataParser, FurnitureFloorEvent, FurnitureFloorRemoveEvent, FurnitureFloorUpdateEvent, FurnitureWallAddEvent, FurnitureWallDataParser, FurnitureWallEvent, FurnitureWallRemoveEvent, FurnitureWallUpdateEvent, GetCommunication, GetRoomEntryDataMessageComposer, GuideSessionEndedMessageEvent, GuideSessionErrorMessageEvent, GuideSessionStartedMessageEvent, IgnoreResultEvent, ItemDataUpdateMessageEvent, ObjectsDataUpdateEvent, ObjectsRollingEvent, OneWayDoorStatusMessageEvent, PetExperienceEvent, PetFigureUpdateEvent, RoomEntryTileMessageEvent, RoomEntryTileMessageParser, RoomHeightMapEvent, RoomHeightMapUpdateEvent, RoomPaintEvent, RoomReadyMessageEvent, RoomUnitChatEvent, RoomUnitChatShoutEvent, RoomUnitChatWhisperEvent, RoomUnitDanceEvent, RoomUnitEffectEvent, RoomUnitEvent, RoomUnitExpressionEvent, RoomUnitHandItemEvent, RoomUnitIdleEvent, RoomUnitInfoEvent, RoomUnitNumberEvent, RoomUnitRemoveEvent, RoomUnitStatusEvent, RoomUnitTypingEvent, RoomVisualizationSettingsEvent, UserInfoEvent, YouArePlayingGameEvent } from '@nitrots/communication';
+import { AreaHideMessageEvent, DiceValueMessageEvent, FloorHeightMapEvent, FurnitureAliasesComposer, FurnitureAliasesEvent, FurnitureDataEvent, FurnitureFloorAddEvent, FurnitureFloorDataParser, FurnitureFloorEvent, FurnitureFloorRemoveEvent, FurnitureFloorUpdateEvent, FurnitureWallAddEvent, FurnitureWallDataParser, FurnitureWallEvent, FurnitureWallRemoveEvent, FurnitureWallUpdateEvent, GetCommunication, GetRoomEntryDataMessageComposer, GuideSessionEndedMessageEvent, GuideSessionErrorMessageEvent, GuideSessionStartedMessageEvent, IgnoreResultEvent, ItemDataUpdateMessageEvent, ObjectsDataUpdateEvent, ObjectsRollingEvent, OneWayDoorStatusMessageEvent, PetExperienceEvent, PetFigureUpdateEvent, RoomEntryTileMessageEvent, RoomEntryTileMessageParser, RoomHeightMapEvent, RoomHeightMapUpdateEvent, RoomPaintEvent, RoomReadyMessageEvent, RoomUnitChatEvent, RoomUnitChatShoutEvent, RoomUnitChatWhisperEvent, RoomUnitDanceEvent, RoomUnitEffectEvent, RoomUnitEvent, RoomUnitExpressionEvent, RoomUnitHandItemEvent, RoomUnitIdleEvent, RoomUnitInfoEvent, RoomUnitNumberEvent, RoomUnitRemoveEvent, RoomUnitStatusEvent, RoomUnitTypingEvent, RoomVisualizationSettingsEvent, UserInfoEvent, YouArePlayingGameEvent } from '@nitrots/communication';
 import { GetRoomSessionManager, GetSessionDataManager } from '@nitrots/session';
 import { Vector3d } from '@nitrots/utils';
 import { GetRoomEngine } from './GetRoomEngine';
@@ -47,6 +47,7 @@ export class RoomMessageHandler
         this._connection.addMessageEvent(new FurnitureDataEvent(this.onFurnitureDataEvent.bind(this)));
         this._connection.addMessageEvent(new ItemDataUpdateMessageEvent(this.onItemDataUpdateMessageEvent.bind(this)));
         this._connection.addMessageEvent(new OneWayDoorStatusMessageEvent(this.onOneWayDoorStatusMessageEvent.bind(this)));
+        this._connection.addMessageEvent(new AreaHideMessageEvent(this.onAreaHideMessageEvent.bind(this)));
         this._connection.addMessageEvent(new RoomUnitDanceEvent(this.onRoomUnitDanceEvent.bind(this)));
         this._connection.addMessageEvent(new RoomUnitEffectEvent(this.onRoomUnitEffectEvent.bind(this)));
         this._connection.addMessageEvent(new RoomUnitEvent(this.onRoomUnitEvent.bind(this)));
@@ -555,6 +556,16 @@ export class RoomMessageHandler
         this._roomEngine.updateRoomObjectFloor(this._currentRoomId, parser.itemId, null, null, parser.state, new LegacyDataType());
     }
 
+    private onAreaHideMessageEvent(event: AreaHideMessageEvent): void
+    {
+        if(!(event instanceof AreaHideMessageEvent) || !event.connection || !this._roomEngine) return;
+
+        const parser = event.getParser();
+        const areaData = parser.areaData;
+
+        this._roomEngine.updateAreaHide(this._currentRoomId, areaData.furniId, areaData.on, areaData.rootX, areaData.rootY, areaData.width, areaData.length, areaData.invert);
+    }
+
     private onDiceValueMessageEvent(event: DiceValueMessageEvent): void
     {
         if(!(event instanceof DiceValueMessageEvent) || !event.connection || !this._roomEngine) return;

packages/room/src/RoomObjectEventHandler.ts

@@ -1,5 +1,5 @@
 import { IFurnitureStackingHeightMap, ILegacyWallGeometry, IObjectData, IRoomCanvasMouseListener, IRoomEngineServices, IRoomGeometry, IRoomObject, IRoomObjectController, IRoomObjectEventManager, ISelectedRoomObjectData, IVector3D, MouseEventType, RoomObjectCategory, RoomObjectOperationType, RoomObjectPlacementSource, RoomObjectType, RoomObjectUserType, RoomObjectVariable } from '@nitrots/api';
-import { BotPlaceComposer, FurnitureColorWheelComposer, FurnitureDiceActivateComposer, FurnitureDiceDeactivateComposer, FurnitureFloorUpdateComposer, FurnitureGroupInfoComposer, FurnitureMultiStateComposer, FurnitureOneWayDoorComposer, FurniturePickupComposer, FurniturePlaceComposer, FurniturePostItPlaceComposer, FurnitureRandomStateComposer, FurnitureWallMultiStateComposer, FurnitureWallUpdateComposer, GetCommunication, GetItemDataComposer, GetResolutionAchievementsMessageComposer, PetMoveComposer, PetPlaceComposer, RemoveWallItemComposer, RoomUnitLookComposer, RoomUnitWalkComposer, SetItemDataMessageComposer, SetObjectDataMessageComposer } from '@nitrots/communication';
+import { BotPlaceComposer, ClickFurniMessageComposer, FurnitureColorWheelComposer, FurnitureDiceActivateComposer, FurnitureDiceDeactivateComposer, FurnitureFloorUpdateComposer, FurnitureGroupInfoComposer, FurnitureMultiStateComposer, FurnitureOneWayDoorComposer, FurniturePickupComposer, FurniturePlaceComposer, FurniturePostItPlaceComposer, FurnitureRandomStateComposer, FurnitureWallMultiStateComposer, FurnitureWallUpdateComposer, GetCommunication, GetItemDataComposer, GetResolutionAchievementsMessageComposer, PetMoveComposer, PetPlaceComposer, RemoveWallItemComposer, RoomUnitLookComposer, RoomUnitWalkComposer, SetItemDataMessageComposer, SetObjectDataMessageComposer } from '@nitrots/communication';
 import { GetConfiguration } from '@nitrots/configuration';
 import { GetEventDispatcher, RoomEngineDimmerStateEvent, RoomEngineObjectEvent, RoomEngineObjectPlacedEvent, RoomEngineObjectPlacedOnUserEvent, RoomEngineObjectPlaySoundEvent, RoomEngineRoomAdEvent, RoomEngineSamplePlaybackEvent, RoomEngineTriggerWidgetEvent, RoomEngineUseProductEvent, RoomObjectBadgeAssetEvent, RoomObjectDataRequestEvent, RoomObjectDimmerStateUpdateEvent, RoomObjectEvent, RoomObjectFloorHoleEvent, RoomObjectFurnitureActionEvent, RoomObjectHSLColorEnableEvent, RoomObjectHSLColorEnabledEvent, RoomObjectMouseEvent, RoomObjectMoveEvent, RoomObjectPlaySoundIdEvent, RoomObjectRoomAdEvent, RoomObjectSamplePlaybackEvent, RoomObjectSoundMachineEvent, RoomObjectStateChangedEvent, RoomObjectTileMouseEvent, RoomObjectWallMouseEvent, RoomObjectWidgetRequestEvent, RoomSpriteMouseEvent } from '@nitrots/events';
 import { GetRoomSessionManager, GetSessionDataManager } from '@nitrots/session';
@@ -185,6 +185,7 @@ export class RoomObjectEventHandler implements IRoomCanvasMouseListener, IRoomOb
             case RoomObjectWidgetRequestEvent.MONSTERPLANT_SEED_PLANT_CONFIRMATION_DIALOG:
             case RoomObjectWidgetRequestEvent.PURCHASABLE_CLOTHING_CONFIRMATION_DIALOG:
             case RoomObjectWidgetRequestEvent.BACKGROUND_COLOR:
+            case RoomObjectWidgetRequestEvent.AREA_HIDE:
             case RoomObjectWidgetRequestEvent.MYSTERYBOX_OPEN_DIALOG:
             case RoomObjectWidgetRequestEvent.EFFECTBOX_OPEN_DIALOG:
             case RoomObjectWidgetRequestEvent.MYSTERYTROPHY_OPEN_DIALOG:
@@ -265,6 +266,11 @@ export class RoomObjectEventHandler implements IRoomCanvasMouseListener, IRoomOb
     {
         if(!event || !event.type) return;
 
+        if(event instanceof RoomObjectTileMouseEvent)
+        {
+            this._roomEngine.areaSelectionManager.handleTileMouseEvent(event);
+        }
+
         switch(event.type)
         {
             case RoomObjectMouseEvent.CLICK:
@@ -291,10 +297,36 @@ export class RoomObjectEventHandler implements IRoomCanvasMouseListener, IRoomOb
         }
     }
 
+    private clickRoomObject(event: RoomObjectMouseEvent): void
+    {
+        if(!event || event.altKey || event.ctrlKey || event.shiftKey) return;
+
+        const objectId = event.objectId;
+        const objectType = event.objectType;
+        const category = this._roomEngine.getRoomObjectCategoryForType(objectType);
+
+        if(category === RoomObjectCategory.FLOOR)
+        {
+            GetCommunication().connection.send(new ClickFurniMessageComposer(objectId, category));
+
+            return;
+        }
+
+        if(category === RoomObjectCategory.WALL)
+        {
+            // This packet only sends a negative number to tell the server that its a wall item
+            GetCommunication().connection.send(new ClickFurniMessageComposer(-Math.abs(objectId), category));
+
+            return;
+        }
+    }
+
     private handleRoomObjectMouseClickEvent(event: RoomObjectMouseEvent, roomId: number): void
     {
         if(!event) return;
 
+        this.clickRoomObject(event);
+
         let operation = RoomObjectOperationType.OBJECT_UNDEFINED;
 
         const selectedData = this.getSelectedRoomObjectData(roomId);
@@ -304,7 +336,7 @@ export class RoomObjectEventHandler implements IRoomCanvasMouseListener, IRoomOb
         let didWalk = false;
         let didMove = false;
 
-        if(this._whereYouClickIsWhereYouGo)
+        if(this.whereYouClickIsWhereYouGo())
         {
             if(!operation || (operation === RoomObjectOperationType.OBJECT_UNDEFINED))
             {
@@ -370,11 +402,20 @@ export class RoomObjectEventHandler implements IRoomCanvasMouseListener, IRoomOb
             case RoomObjectOperationType.OBJECT_UNDEFINED:
                 if(category === RoomObjectCategory.ROOM)
                 {
-                    if(!didWalk && (event instanceof RoomObjectTileMouseEvent)) this.onRoomObjectTileMouseEvent(roomId, event);
+                    if(!didWalk && (event instanceof RoomObjectTileMouseEvent)) this.handleClickOnTile(roomId, event);
                 }
                 else
                 {
-                    this.setSelectedObject(roomId, event.objectId, category);
+                    if(!this._roomEngine.isAreaSelectionMode() || (category === RoomObjectCategory.UNIT))
+                    {
+                        this.setSelectedObject(roomId, event.objectId, category);
+                    }
+                    else
+                    {
+                        this.deselectObject(roomId);
+
+                        GetEventDispatcher().dispatchEvent(new RoomEngineObjectEvent(RoomEngineObjectEvent.DESELECTED, roomId, -1, RoomObjectCategory.MINIMUM));
+                    }
 
                     didMove = false;
 
@@ -507,7 +548,7 @@ export class RoomObjectEventHandler implements IRoomCanvasMouseListener, IRoomOb
 
                 else if(event.object && (event.object.id !== -1))
                 {
-                    if(this._whereYouClickIsWhereYouGo)
+                    if(this.whereYouClickIsWhereYouGo())
                     {
                         newEvent = this.handleMouseOverObject(category, roomId, event);
                     }
@@ -758,6 +799,9 @@ export class RoomObjectEventHandler implements IRoomCanvasMouseListener, IRoomOb
             case RoomObjectWidgetRequestEvent.BACKGROUND_COLOR:
                 GetEventDispatcher().dispatchEvent(new RoomEngineTriggerWidgetEvent(RoomEngineTriggerWidgetEvent.REQUEST_BACKGROUND_COLOR, roomId, objectId, objectCategory));
                 return;
+            case RoomObjectWidgetRequestEvent.AREA_HIDE:
+                GetEventDispatcher().dispatchEvent(new RoomEngineTriggerWidgetEvent(RoomEngineTriggerWidgetEvent.REQUEST_AREA_HIDE, roomId, objectId, objectCategory));
+                return;
             case RoomObjectWidgetRequestEvent.MYSTERYBOX_OPEN_DIALOG:
                 GetEventDispatcher().dispatchEvent(new RoomEngineTriggerWidgetEvent(RoomEngineTriggerWidgetEvent.REQUEST_MYSTERYBOX_OPEN_DIALOG, roomId, objectId, objectCategory));
                 return;
@@ -1017,13 +1061,15 @@ export class RoomObjectEventHandler implements IRoomCanvasMouseListener, IRoomOb
         }
     }
 
-    private onRoomObjectTileMouseEvent(roomId: number, event: RoomObjectTileMouseEvent): void
+    private handleClickOnTile(roomId: number, event: RoomObjectTileMouseEvent): void
     {
+        if(!this._roomEngine || this._roomEngine.isDecorating) return;
+
         const session = GetRoomSessionManager().getSession(roomId);
 
         if(!session || session.isSpectator) return;
 
-        this.sendWalkUpdate(event.tileXAsInt, event.tileYAsInt);
+        if(!this._roomEngine.moveBlocked) this.sendWalkUpdate(event.tileXAsInt, event.tileYAsInt);
     }
 
     private handleObjectMove(event: RoomObjectMouseEvent, roomId: number): void
@@ -1480,14 +1526,12 @@ export class RoomObjectEventHandler implements IRoomCanvasMouseListener, IRoomOb
 
     private handleMoveTargetFurni(k: number, _arg_2: RoomObjectMouseEvent): boolean
     {
-        if((_arg_2.objectType === RoomObjectUserType.USER) || (_arg_2.objectType === RoomObjectUserType.PET) || (_arg_2.objectType === RoomObjectUserType.BOT) || (_arg_2.objectType === RoomObjectUserType.RENTABLE_BOT) || (_arg_2.objectType === RoomObjectUserType.MONSTER_PLANT)) return;
+        const roomObject = this._roomEngine.getRoomObject(k, _arg_2.objectId, RoomObjectCategory.FLOOR);
+        const point = this.getActiveSurfaceLocation(roomObject, _arg_2);
 
-        const _local_3 = this._roomEngine.getRoomObject(k, _arg_2.objectId, RoomObjectCategory.FLOOR);
-        const _local_4 = this.getActiveSurfaceLocation(_local_3, _arg_2);
-
-        if(_local_4)
+        if(point && !this._roomEngine.moveBlocked)
         {
-            this.sendWalkUpdate(_local_4.x, _local_4.y);
+            this.sendWalkUpdate(point.x, point.y);
 
             return true;
         }
@@ -1548,7 +1592,7 @@ export class RoomObjectEventHandler implements IRoomCanvasMouseListener, IRoomOb
 
     private handleMouseOverTile(k: RoomObjectTileMouseEvent, roomId: number): ObjectTileCursorUpdateMessage
     {
-        if(this._whereYouClickIsWhereYouGo)
+        if(this.whereYouClickIsWhereYouGo())
         {
             return new ObjectTileCursorUpdateMessage(new Vector3d(k.tileXAsInt, k.tileYAsInt, k.tileZAsInt), 0, true, k.eventId);
         }
@@ -1955,17 +1999,17 @@ export class RoomObjectEventHandler implements IRoomCanvasMouseListener, IRoomOb
 
     private placeObjectOnUser(roomId: number, objectId: number, category: number): void
     {
-        const _local_4 = this.getSelectedRoomObjectData(roomId);
+        const objectData = this.getSelectedRoomObjectData(roomId);
 
-        if(!_local_4) return;
+        if(!objectData) return;
 
-        const _local_5 = (this._roomEngine.getRoomObject(roomId, objectId, category) as IRoomObjectController);
+        const roomObjectController = this._roomEngine.getRoomObject(roomId, objectId, category);
 
-        if(!_local_5) return;
+        if(!roomObjectController) return;
 
         if(!this._roomEngine || !GetEventDispatcher()) return;
 
-        GetEventDispatcher().dispatchEvent(new RoomEngineObjectPlacedOnUserEvent(RoomEngineObjectEvent.PLACED_ON_USER, roomId, objectId, category, _local_4.id, _local_4.category));
+        GetEventDispatcher().dispatchEvent(new RoomEngineObjectPlacedOnUserEvent(RoomEngineObjectEvent.PLACED_ON_USER, roomId, objectId, category, objectData.id, objectData.category));
     }
 
     public setSelectedObject(roomId: number, objectId: number, category: number): void
@@ -2187,4 +2231,9 @@ export class RoomObjectEventHandler implements IRoomCanvasMouseListener, IRoomOb
     {
         return this._selectedAvatarId;
     }
+
+    public whereYouClickIsWhereYouGo(): boolean
+    {
+        return this._roomEngine.whereYouClickIsWhereYouGo();
+    }
 }

packages/room/src/RoomObjectLogicFactory.ts

@@ -2,7 +2,7 @@ import { IEventDispatcher, IRoomObjectEventHandler, IRoomObjectLogicFactory, Roo
 import { GetEventDispatcher, RoomObjectEvent } from '@nitrots/events';
 import { NitroLogger } from '@nitrots/utils';
 import { RoomObjectLogicBase } from '../../room';
-import { AvatarLogic, FurnitureAchievementResolutionLogic, FurnitureBadgeDisplayLogic, FurnitureChangeStateWhenStepOnLogic, FurnitureClothingChangeLogic, FurnitureCounterClockLogic, FurnitureCrackableLogic, FurnitureCraftingGizmoLogic, FurnitureCreditLogic, FurnitureCuckooClockLogic, FurnitureCustomStackHeightLogic, FurnitureDiceLogic, FurnitureEcotronBoxLogic, FurnitureEditableInternalLinkLogic, FurnitureEditableRoomLinkLogic, FurnitureEffectBoxLogic, FurnitureExternalImageLogic, FurnitureFireworksLogic, FurnitureFloorHoleLogic, FurnitureGroupForumTerminalLogic, FurnitureGuildCustomizedLogic, FurnitureHabboWheelLogic, FurnitureHighScoreLogic, FurnitureHockeyScoreLogic, FurnitureHweenLovelockLogic, FurnitureIceStormLogic, FurnitureInternalLinkLogic, FurnitureJukeboxLogic, FurnitureLogic, FurnitureLoveLockLogic, FurnitureMannequinLogic, FurnitureMonsterplantSeedLogic, FurnitureMultiHeightLogic, FurnitureMultiStateLogic, FurnitureMysteryBoxLogic, FurnitureMysteryTrophyLogic, FurnitureOneWayDoorLogic, FurniturePetCustomizationLogic, FurniturePlaceholderLogic, FurniturePlanetSystemLogic, FurniturePresentLogic, FurniturePurchaseableClothingLogic, FurniturePushableLogic, FurnitureRandomStateLogic, FurnitureRandomTeleportLogic, FurnitureRentableSpaceLogic, FurnitureRoomBackgroundColorLogic, FurnitureRoomBackgroundLogic, FurnitureRoomBillboardLogic, FurnitureRoomDimmerLogic, FurnitureScoreLogic, FurnitureSongDiskLogic, FurnitureSoundBlockLogic, FurnitureSoundMachineLogic, FurnitureStickieLogic, FurnitureTrophyLogic, FurnitureVoteCounterLogic, FurnitureVoteMajorityLogic, FurnitureWelcomeGiftLogic, FurnitureWindowLogic, FurnitureYoutubeLogic, PetLogic, RoomLogic, SelectionArrowLogic, TileCursorLogic } from './object';
+import { AvatarLogic, FurnitureAchievementResolutionLogic, FurnitureAreaHideLogic, FurnitureBadgeDisplayLogic, FurnitureChangeStateWhenStepOnLogic, FurnitureClothingChangeLogic, FurnitureCounterClockLogic, FurnitureCrackableLogic, FurnitureCraftingGizmoLogic, FurnitureCreditLogic, FurnitureCuckooClockLogic, FurnitureCustomStackHeightLogic, FurnitureDiceLogic, FurnitureEcotronBoxLogic, FurnitureEditableInternalLinkLogic, FurnitureEditableRoomLinkLogic, FurnitureEffectBoxLogic, FurnitureExternalImageLogic, FurnitureFireworksLogic, FurnitureFloorHoleLogic, FurnitureGroupForumTerminalLogic, FurnitureGuildCustomizedLogic, FurnitureHabboWheelLogic, FurnitureHighScoreLogic, FurnitureHockeyScoreLogic, FurnitureHweenLovelockLogic, FurnitureIceStormLogic, FurnitureInternalLinkLogic, FurnitureJukeboxLogic, FurnitureLogic, FurnitureLoveLockLogic, FurnitureMannequinLogic, FurnitureMonsterplantSeedLogic, FurnitureMultiHeightLogic, FurnitureMultiStateLogic, FurnitureMysteryBoxLogic, FurnitureMysteryTrophyLogic, FurnitureOneWayDoorLogic, FurniturePetCustomizationLogic, FurniturePlaceholderLogic, FurniturePlanetSystemLogic, FurniturePresentLogic, FurniturePurchaseableClothingLogic, FurniturePushableLogic, FurnitureRandomStateLogic, FurnitureRandomTeleportLogic, FurnitureRentableSpaceLogic, FurnitureRoomBackgroundColorLogic, FurnitureRoomBackgroundLogic, FurnitureRoomBillboardLogic, FurnitureRoomDimmerLogic, FurnitureScoreLogic, FurnitureSongDiskLogic, FurnitureSoundBlockLogic, FurnitureSoundMachineLogic, FurnitureStickieLogic, FurnitureTrophyLogic, FurnitureVoteCounterLogic, FurnitureVoteMajorityLogic, FurnitureWelcomeGiftLogic, FurnitureWindowLogic, FurnitureYoutubeLogic, PetLogic, RoomLogic, SelectionArrowLogic, TileCursorLogic } from './object';
 
 export class RoomObjectLogicFactory implements IRoomObjectLogicFactory
 {
@@ -293,6 +293,9 @@ export class RoomObjectLogicFactory implements IRoomObjectLogicFactory
             case RoomObjectLogicType.FURNITURE_HABBOWHEEL:
                 logic = FurnitureHabboWheelLogic;
                 break;
+            case RoomObjectLogicType.FURNITURE_AREA_HIDE:
+                logic = FurnitureAreaHideLogic;
+                break;
             default:
                 logic = FurnitureLogic;
                 break;

packages/room/src/RoomPreviewer.ts

@@ -36,7 +36,7 @@ export class RoomPreviewer
     private _automaticStateChange: boolean;
     private _previousAutomaticStateChangeTime: number;
     private _addViewOffset: Point;
-    private _backgroundColor: number = 305148561;
+    private _backgroundColor: number = 0x000000;
     private _backgroundSprite: Sprite = null;
     private _disableUpdate: boolean = false;
 
@@ -431,7 +431,7 @@ export class RoomPreviewer
     {
         if(this.isRoomEngineReady)
         {
-            const displayObject = (this._roomEngine.getRoomInstanceDisplay(this._previewRoomId, RoomPreviewer.PREVIEW_CANVAS_ID, width, height, this._currentPreviewScale) as Container);
+            const displayObject = this._roomEngine.getRoomInstanceDisplay(this._previewRoomId, RoomPreviewer.PREVIEW_CANVAS_ID, width, height, this._currentPreviewScale);
 
             if(displayObject && (this._backgroundColor !== null))
             {
@@ -446,7 +446,7 @@ export class RoomPreviewer
 
                 backgroundSprite.width = width;
                 backgroundSprite.height = height;
-                //backgroundSprite.tint = this._backgroundColor;
+                backgroundSprite.tint = this._backgroundColor;
             }
 
             this._roomEngine.setRoomInstanceRenderingCanvasMask(this._previewRoomId, RoomPreviewer.PREVIEW_CANVAS_ID, true);

packages/room/src/messages/ObjectRoomFloorHoleUpdateMessage.ts

@@ -11,8 +11,9 @@ export class ObjectRoomFloorHoleUpdateMessage extends RoomObjectUpdateMessage
     private _y: number;
     private _width: number;
     private _height: number;
+    private _invert: boolean;
 
-    constructor(type: string, id: number, x: number = 0, y: number = 0, width: number = 0, height: number = 0)
+    constructor(type: string, id: number, x: number = 0, y: number = 0, width: number = 0, height: number = 0, invert: boolean = false)
     {
         super(null, null);
 
@@ -22,6 +23,7 @@ export class ObjectRoomFloorHoleUpdateMessage extends RoomObjectUpdateMessage
         this._y = y;
         this._width = width;
         this._height = height;
+        this._invert = invert;
     }
 
     public get type(): string
@@ -53,4 +55,9 @@ export class ObjectRoomFloorHoleUpdateMessage extends RoomObjectUpdateMessage
     {
         return this._height;
     }
+
+    public get invert(): boolean
+    {
+        return this._invert;
+    }
 }

packages/room/src/object/RoomMapData.ts

@@ -7,7 +7,7 @@ export class RoomMapData implements IRoomMapData
     private _wallHeight: number;
     private _fixedWallsHeight: number;
     private _tileMap: { height: number }[][];
-    private _holeMap: { id: number, x: number, y: number, width: number, height: number }[];
+    private _holeMap: { id: number, x: number, y: number, width: number, height: number, invert: boolean }[];
     private _doors: { x: number, y: number, z: number, dir: number }[];
     private _dimensions: { minX: number, maxX: number, minY: number, maxY: number };
 
@@ -73,7 +73,7 @@ export class RoomMapData implements IRoomMapData
         return this._tileMap;
     }
 
-    public get holeMap(): { id: number, x: number, y: number, width: number, height: number }[]
+    public get holeMap(): { id: number, x: number, y: number, width: number, height: number, invert: boolean }[]
     {
         return this._holeMap;
     }

packages/room/src/object/RoomObjectModel.ts

@@ -26,7 +26,7 @@ export class RoomObjectModel implements IRoomObjectModel
             if(this._map.get(key) === value) return;
         }
 
-        this._map.set(key, (value as T));
+        this._map.set(key, value);
 
         this._updateCounter++;
     }

packages/room/src/object/logic/RoomLogic.ts

@@ -413,12 +413,14 @@ export class RoomLogic extends RoomObjectLogicBase
         let eventType: string = null;
 
         if((event.type === MouseEventType.MOUSE_MOVE) || (event.type === MouseEventType.ROLL_OVER)) eventType = RoomObjectMouseEvent.MOUSE_MOVE;
-        else if((event.type === MouseEventType.MOUSE_CLICK)) eventType = RoomObjectMouseEvent.CLICK;
+        else if(event.type === MouseEventType.MOUSE_CLICK) eventType = RoomObjectMouseEvent.CLICK;
+        else if(event.type === MouseEventType.MOUSE_DOWN) eventType = RoomObjectMouseEvent.MOUSE_DOWN;
 
         switch(event.type)
         {
             case MouseEventType.MOUSE_MOVE:
             case MouseEventType.ROLL_OVER:
+            case MouseEventType.MOUSE_DOWN:
             case MouseEventType.MOUSE_CLICK: {
                 let newEvent: RoomObjectEvent = null;
 

packages/room/src/object/logic/furniture/FurnitureAreaHideLogic.ts

@@ -0,0 +1,96 @@
+import { IRoomGeometry, MouseEventType, NumberDataType, RoomObjectVariable } from '@nitrots/api';
+import { RoomObjectEvent, RoomObjectStateChangedEvent, RoomObjectWidgetRequestEvent, RoomSpriteMouseEvent } from '@nitrots/events';
+import { ObjectDataUpdateMessage, RoomObjectUpdateMessage } from '../../../messages';
+import { FurnitureMultiStateLogic } from './FurnitureMultiStateLogic';
+
+export class FurnitureAreaHideLogic extends FurnitureMultiStateLogic
+{
+    public getEventTypes(): string[]
+    {
+        const types = [RoomObjectWidgetRequestEvent.AREA_HIDE];
+
+        return this.mergeTypes(super.getEventTypes(), types);
+    }
+
+    public processUpdateMessage(message: RoomObjectUpdateMessage): void
+    {
+        super.processUpdateMessage(message);
+
+        if(!this.object) return;
+
+        if(message instanceof ObjectDataUpdateMessage)
+        {
+            message.data.writeRoomObjectModel(this.object.model);
+
+            if(this.object.model.getValue<number>(RoomObjectVariable.FURNITURE_REAL_ROOM_OBJECT) === 1)
+            {
+                this.setupObject();
+            }
+        }
+    }
+
+    private setupObject(): void
+    {
+        if(!this.object || !this.object.model) return;
+
+        const numberData = new NumberDataType();
+
+        numberData.initializeFromRoomObjectModel(this.object.model);
+
+        const state = numberData.getValue(0);
+        const rootX = numberData.getValue(1);
+        const rootY = numberData.getValue(2);
+        const width = numberData.getValue(3);
+        const length = numberData.getValue(4);
+        const invisibility = (numberData.getValue(5) === 1);
+        const wallItems = (numberData.getValue(6) === 1);
+        const invert = (numberData.getValue(7) === 1);
+
+        this.object.model.setValue(RoomObjectVariable.FURNITURE_AREA_HIDE_ROOT_X, rootX);
+        this.object.model.setValue(RoomObjectVariable.FURNITURE_AREA_HIDE_ROOT_Y, rootY);
+        this.object.model.setValue(RoomObjectVariable.FURNITURE_AREA_HIDE_WIDTH, width);
+        this.object.model.setValue(RoomObjectVariable.FURNITURE_AREA_HIDE_LENGTH, length);
+        this.object.model.setValue(RoomObjectVariable.FURNITURE_AREA_HIDE_INVISIBILITY, ((invisibility) ? 1 : 0));
+        this.object.model.setValue(RoomObjectVariable.FURNITURE_AREA_HIDE_WALL_ITEMS, ((wallItems) ? 1 : 0));
+        this.object.model.setValue(RoomObjectVariable.FURNITURE_AREA_HIDE_INVERT, ((invert) ? 1 : 0));
+        this.object.setState(state, 0);
+    }
+
+    public useObject(): void
+    {
+        if(!this.object || !this.eventDispatcher) return;
+
+        this.eventDispatcher.dispatchEvent(new RoomObjectWidgetRequestEvent(RoomObjectWidgetRequestEvent.AREA_HIDE, this.object));
+    }
+
+    public mouseEvent(event: RoomSpriteMouseEvent, geometry: IRoomGeometry): void
+    {
+        if(!event || !geometry || !this.object) return;
+
+        let objectEvent: RoomObjectEvent = null;
+
+        switch(event.type)
+        {
+            case MouseEventType.DOUBLE_CLICK: {
+                if((event.spriteTag === 'turn_on') || (event.spriteTag === 'turn_off'))
+                {
+                    objectEvent = new RoomObjectStateChangedEvent(RoomObjectStateChangedEvent.STATE_CHANGE, this.object);
+                }
+                else
+                {
+                    objectEvent = new RoomObjectWidgetRequestEvent(RoomObjectWidgetRequestEvent.AREA_HIDE, this.object);
+                }
+
+                if(this.eventDispatcher && objectEvent)
+                {
+                    this.eventDispatcher.dispatchEvent(objectEvent);
+
+                    return;
+                }
+                break;
+            }
+        }
+
+        super.mouseEvent(event, geometry);
+    }
+}

packages/room/src/object/logic/furniture/index.ts

@@ -1,4 +1,5 @@
 export * from './FurnitureAchievementResolutionLogic';
+export * from './FurnitureAreaHideLogic';
 export * from './FurnitureBadgeDisplayLogic';
 export * from './FurnitureChangeStateWhenStepOnLogic';
 export * from './FurnitureClothingChangeLogic';

packages/room/src/object/visualization/RoomObjectSprite.ts

@@ -26,6 +26,7 @@ export class RoomObjectSprite implements IRoomObjectSprite
     private _varyingDepth: boolean = false;
     private _libraryAssetName: string = '';
     private _clickHandling: boolean = false;
+    private _skipMouseHandling: boolean = false;
     private _visible: boolean = true;
     private _tag: string = '';
     private _posture: string = null;
@@ -352,4 +353,14 @@ export class RoomObjectSprite implements IRoomObjectSprite
     {
         return this._updateCounter;
     }
+
+    public get skipMouseHandling(): boolean
+    {
+        return this._skipMouseHandling;
+    }
+
+    public set skipMouseHandling(flag: boolean)
+    {
+        this._skipMouseHandling = flag;
+    }
 }

packages/room/src/object/visualization/data/PetSizeData.ts

@@ -8,7 +8,7 @@ export class PetSizeData extends AnimationSizeData
     private _posturesToAnimations: Map<string, number> = new Map();
     private _gesturesToAnimations: Map<string, number> = new Map();
     private _defaultPosture: string = null;
-    
+
     public processPostures(postures: { defaultPosture?: string, postures: IAssetPosture[] }): boolean
     {
         if(!postures) return false;

packages/room/src/object/visualization/data/SizeData.ts

@@ -235,7 +235,7 @@ export class SizeData
 
     public getLayerColor(layerId: number, colorId: number): number
     {
-        const existing = this._colors[colorId] as ColorData;
+        const existing = this._colors[colorId];
 
         if(!existing) return ColorData.DEFAULT_COLOR;
 

packages/room/src/object/visualization/furniture/FurnitureFireworksVisualization.ts

@@ -40,6 +40,8 @@ export class FurnitureFireworksVisualization extends FurnitureAnimatedVisualizat
                 {
                     const particleSystem = this._particleSystems.getValue(scale);
 
+                    if(!particleSystem) return false;
+
                     particleSystem.copyStateFrom(this._currentParticleSystem);
 
                     if(this._currentParticleSystem) this._currentParticleSystem.reset();

packages/room/src/object/visualization/furniture/FurnitureVisualization.ts

@@ -1,5 +1,5 @@
 import { AlphaTolerance, IGraphicAsset, IObjectVisualizationData, IRoomGeometry, IRoomObjectSprite, RoomObjectVariable, RoomObjectVisualizationType } from '@nitrots/api';
-import { BLEND_MODES, Texture } from 'pixi.js';
+import { BLEND_MODES, Filter, Texture } from 'pixi.js';
 import { RoomObjectSpriteVisualization } from '../RoomObjectSpriteVisualization';
 import { ColorData, LayerData } from '../data';
 import { FurnitureVisualizationData } from './FurnitureVisualizationData';
@@ -38,8 +38,11 @@ export class FurnitureVisualization extends RoomObjectSpriteVisualization
     protected _spriteXOffsets: number[];
     protected _spriteYOffsets: number[];
     protected _spriteZOffsets: number[];
+    protected _filters: Filter[] = [];
 
     private _animationNumber: number;
+    private _lookThrough: boolean;
+    private _needsLookThroughUpdate: boolean;
 
     constructor()
     {
@@ -75,6 +78,7 @@ export class FurnitureVisualization extends RoomObjectSpriteVisualization
         this._spriteZOffsets = [];
 
         this._animationNumber = 0;
+        this._lookThrough = false;
     }
 
     public initialize(data: IObjectVisualizationData): boolean
@@ -104,6 +108,7 @@ export class FurnitureVisualization extends RoomObjectSpriteVisualization
         this._spriteXOffsets = null;
         this._spriteYOffsets = null;
         this._spriteZOffsets = null;
+        this._filters = [];
     }
 
     protected reset(): void
@@ -160,6 +165,12 @@ export class FurnitureVisualization extends RoomObjectSpriteVisualization
 
         if(this.updateModel(scale)) updateSprites = true;
 
+        if(this._needsLookThroughUpdate)
+        {
+            updateSprites = true;
+            this._needsLookThroughUpdate = false;
+        }
+
         let number = 0;
 
         if(skipUpdate)
@@ -313,11 +324,15 @@ export class FurnitureVisualization extends RoomObjectSpriteVisualization
                     relativeDepth = 1;
                 }
 
+                if(this._lookThrough) sprite.alpha *= 0.2;
+
                 sprite.relativeDepth = (relativeDepth * FurnitureVisualization.DEPTH_MULTIPLIER);
                 sprite.name = assetName;
                 sprite.libraryAssetName = this.getLibraryAssetNameForSprite(assetData, sprite);
                 sprite.posture = this.getPostureForAsset(scale, assetData.source);
                 sprite.clickHandling = this._clickHandling;
+
+                if(sprite.blendMode !== 'add') sprite.filters = this._filters;
             }
             else
             {
@@ -582,6 +597,14 @@ export class FurnitureVisualization extends RoomObjectSpriteVisualization
         return asset?.texture ?? null;
     }
 
+    public set lookThrough(flag: boolean)
+    {
+        if(this._lookThrough == flag) return;
+
+        this._lookThrough = flag;
+        this._needsLookThroughUpdate = true;
+    }
+
     protected get direction(): number
     {
         return this._direction;

packages/room/src/object/visualization/furniture/FurnitureVisualizationData.ts

@@ -70,7 +70,7 @@ export class FurnitureVisualizationData implements IObjectVisualizationData
     {
         if(!visualizations) return false;
 
-        for(const visualizationId in visualizations)
+        for(const visualizationId of Object.keys(visualizations))
         {
             const visualization = visualizations[visualizationId];
 

packages/room/src/object/visualization/room/RoomPlane.ts

@@ -50,6 +50,8 @@ export class RoomPlane implements IRoomPlane
     private _hasTexture: boolean = true;
     private _canBeVisible: boolean = true;
     private _geometryUpdateId: number = -1;
+    private _extraDepth: number = 0;
+    private _isHighlighter: boolean = false;
 
     private _useMask: boolean;
     private _bitmapMasks: RoomPlaneBitmapMask[] = [];
@@ -569,7 +571,12 @@ export class RoomPlane implements IRoomPlane
 
     public get relativeDepth(): number
     {
-        return this._relativeDepth;
+        return (this._relativeDepth + this._extraDepth);
+    }
+
+    public set extraDepth(value: number)
+    {
+        this._extraDepth = value;
     }
 
     public get color(): number
@@ -633,4 +640,14 @@ export class RoomPlane implements IRoomPlane
     {
         this._hasTexture = flag;
     }
+
+    public get isHighlighter(): boolean
+    {
+        return this._isHighlighter;
+    }
+
+    public set isHighlighter(flag: boolean)
+    {
+        this._isHighlighter = flag;
+    }
 }

packages/room/src/object/visualization/room/RoomVisualization.ts

@@ -1,6 +1,6 @@
+import { AlphaTolerance, IObjectVisualizationData, IPlaneVisualization, IRoomGeometry, IRoomObjectModel, IRoomObjectSprite, IRoomPlane, RoomObjectSpriteType, RoomObjectVariable } from '@nitrots/api';
 import { ToInt32, Vector3d } from '@nitrots/utils';
-import { Rectangle, Texture } from 'pixi.js';
-import { AlphaTolerance, IObjectVisualizationData, IPlaneVisualization, IRoomGeometry, IRoomObjectModel, IRoomObjectSprite, IRoomPlane, RoomObjectSpriteType, RoomObjectVariable } from '../../../../../api';
+import { Filter, Rectangle, Texture } from 'pixi.js';
 import { RoomMapData } from '../../RoomMapData';
 import { RoomMapMaskData } from '../../RoomMapMaskData';
 import { RoomPlaneBitmapMaskData } from '../../RoomPlaneBitmapMaskData';
@@ -13,16 +13,16 @@ import { RoomVisualizationData } from './RoomVisualizationData';
 
 export class RoomVisualization extends RoomObjectSpriteVisualization implements IPlaneVisualization
 {
-    public static FLOOR_COLOR: number = 0xFFFFFF;
-    public static FLOOR_COLOR_LEFT: number = 0xDDDDDD;
-    public static FLOOR_COLOR_RIGHT: number = 0xBBBBBB;
+    private static FLOOR_COLOR: number = 0xFFFFFF;
+    private static FLOOR_COLOR_LEFT: number = 0xDDDDDD;
+    private static FLOOR_COLOR_RIGHT: number = 0xBBBBBB;
     private static WALL_COLOR_TOP: number = 0xFFFFFF;
     private static WALL_COLOR_SIDE: number = 0xCCCCCC;
     private static WALL_COLOR_BOTTOM: number = 0x999999;
     private static WALL_COLOR_BORDER: number = 0x999999;
-    public static LANDSCAPE_COLOR_TOP: number = 0xFFFFFF;
-    public static LANDSCAPE_COLOR_SIDE: number = 0xCCCCCC;
-    public static LANDSCAPE_COLOR_BOTTOM: number = 0x999999;
+    private static LANDSCAPE_COLOR_TOP: number = 0xFFFFFF;
+    private static LANDSCAPE_COLOR_SIDE: number = 0xCCCCCC;
+    private static LANDSCAPE_COLOR_BOTTOM: number = 0x999999;
     private static ROOM_DEPTH_OFFSET: number = 1000;
 
     protected _data: RoomVisualizationData = null;
@@ -54,6 +54,13 @@ export class RoomVisualization extends RoomObjectSpriteVisualization implements
     private _maskData: RoomMapMaskData = null;
     private _isPlaneSet: boolean = false;
 
+    private _highlightAreaX: number = 0;
+    private _highlightAreaY: number = 0;
+    private _highlightAreaWidth: number = 0;
+    private _highlightAreaHeight: number = 0;
+    private _highlightFilter: Filter = null;
+    private _highlightPlaneOffsets: number[] = [];
+
     constructor()
     {
         super();
@@ -86,6 +93,7 @@ export class RoomVisualization extends RoomObjectSpriteVisualization implements
         this._planes = null;
         this._visiblePlanes = null;
         this._visiblePlaneSpriteNumbers = null;
+        this._highlightPlaneOffsets = [];
 
         if(this._roomPlaneParser)
         {
@@ -321,6 +329,7 @@ export class RoomVisualization extends RoomObjectSpriteVisualization implements
             }
 
             this._planes = [];
+            this._highlightPlaneOffsets = [];
         }
 
         this._isPlaneSet = false;
@@ -336,19 +345,29 @@ export class RoomVisualization extends RoomObjectSpriteVisualization implements
         if(!isNaN(this._floorThickness)) this._roomPlaneParser.floorThicknessMultiplier = this._floorThickness;
         if(!isNaN(this._wallThickness)) this._roomPlaneParser.wallThicknessMultiplier = this._wallThickness;
 
+        this._roomPlaneParser.clearHighlightArea();
+
         const mapData = this.object.model.getValue<RoomMapData>(RoomObjectVariable.ROOM_MAP_DATA);
 
         if(!this._roomPlaneParser.initializeFromMapData(mapData)) return;
 
+        this._roomPlaneParser.initializeHighlightArea(this._highlightAreaX, this._highlightAreaY, this._highlightAreaWidth, this._highlightAreaHeight);
+
+        this.createPlanesAndSprites();
+    }
+
+    private createPlanesAndSprites(offset: number = 0): void
+    {
         const maxX = this.getLandscapeWidth();
         const maxY = this.getLandscapeHeight();
 
         let landscapeOffsetX = 0;
         let randomSeed = this.object.model.getValue<number>(RoomObjectVariable.ROOM_RANDOM_SEED);
-        let index = 0;
+        let index = offset;
 
         while(index < this._roomPlaneParser.planeCount)
         {
+            this._highlightPlaneOffsets[index] = -1;
             const location = this._roomPlaneParser.getPlaneLocation(index);
             const leftSide = this._roomPlaneParser.getPlaneLeftSide(index);
             const rightSide = this._roomPlaneParser.getPlaneRightSide(index);
@@ -414,6 +433,7 @@ export class RoomVisualization extends RoomObjectSpriteVisualization implements
                         i++;
                     }
 
+                    this._highlightPlaneOffsets[index] = this._planes.length;
                     this._planes.push(plane);
                 }
             }
@@ -429,6 +449,53 @@ export class RoomVisualization extends RoomObjectSpriteVisualization implements
         this.defineSprites();
     }
 
+    public initializeHighlightArea(highlightAreaX: number, highlightAreaY: number, highlightAreaWidth: number, highlightAreaHeight: number, highlightFilter: Filter): void
+    {
+        this.clearHighlightArea();
+
+        this._highlightAreaX = highlightAreaX;
+        this._highlightAreaY = highlightAreaY;
+        this._highlightAreaWidth = highlightAreaWidth;
+        this._highlightAreaHeight = highlightAreaHeight;
+        this._highlightFilter = highlightFilter;
+
+        this._roomPlaneParser.initializeHighlightArea(highlightAreaX, highlightAreaY, highlightAreaWidth, highlightAreaHeight);
+
+        this.createPlanesAndSprites(this._planes.length);
+        this.reset();
+    }
+
+    public clearHighlightArea(): void
+    {
+        this._highlightAreaX = 0;
+        this._highlightAreaY = 0;
+        this._highlightAreaWidth = 0;
+        this._highlightAreaHeight = 0;
+
+        const totalHighlightedPlanes = this._roomPlaneParser.clearHighlightArea();
+        let _local_4 = 0;
+
+        let _local_1 = this._roomPlaneParser.planeCount;
+
+        while(_local_1 < (this._roomPlaneParser.planeCount + totalHighlightedPlanes))
+        {
+            const _local_2 = this._highlightPlaneOffsets[_local_1];
+
+            if(_local_2 !== -1)
+            {
+                _local_4 = (_local_4 + 1);
+                this._highlightPlaneOffsets[_local_1] = -1;
+            };
+
+            _local_1 = (_local_1 + 1);
+        };
+
+        this._planes = this._planes.slice(0, (this._planes.length - _local_4));
+        this.createSprites(this._planes.length);
+
+        this.reset();
+    }
+
     protected defineSprites(): void
     {
         this.createSprites(this._planes.length);
@@ -467,6 +534,22 @@ export class RoomVisualization extends RoomObjectSpriteVisualization implements
                 }
 
                 sprite.spriteType = RoomObjectSpriteType.ROOM_PLANE;
+
+                if(this._roomPlaneParser.isPlaneTemporaryHighlighter(planeIndex))
+                {
+                    if(this._highlightFilter) sprite.filters = [ this._highlightFilter ];
+
+                    sprite.skipMouseHandling = true;
+                    plane.extraDepth = -100;
+                    plane.isHighlighter = true;
+                }
+                else
+                {
+                    sprite.filters = [];
+                    sprite.skipMouseHandling = false;
+                    plane.extraDepth = 0;
+                    plane.isHighlighter = false;
+                }
             }
 
             planeIndex++;

packages/room/src/renderer/RoomRenderer.ts

@@ -102,7 +102,7 @@ export class RoomRenderer implements IRoomRenderer, IRoomSpriteCanvasContainer
 
     public createCanvas(id: number, width: number, height: number, scale: number): IRoomRenderingCanvas
     {
-        const existing = this._canvases.get(id) as IRoomRenderingCanvas;
+        const existing = this._canvases.get(id);
 
         if(existing)
         {

packages/room/src/renderer/RoomSpriteCanvas.ts

@@ -84,7 +84,7 @@ export class RoomSpriteCanvas implements IRoomRenderingCanvas
         {
             const display = new Container();
 
-            display.isRenderGroup = true;
+            display.isRenderGroup = false;
             display.cullableChildren = false;
 
             this._master.addChild(display);
@@ -475,11 +475,11 @@ export class RoomSpriteCanvas implements IRoomRenderingCanvas
     {
         if((index < 0) || (index >= this._spriteCount)) return null;
 
-        const sprite = (this._display.getChildAt(index) as ExtendedSprite);
+        const sprite = (this._display.getChildAt(index));
 
         if(!sprite) return null;
 
-        return sprite;
+        return (sprite as ExtendedSprite);
     }
 
     protected getExtendedSpriteIdentifier(sprite: ExtendedSprite): string
@@ -528,6 +528,7 @@ export class RoomSpriteCanvas implements IRoomRenderingCanvas
             extendedSprite.label = sprite.name;
             extendedSprite.varyingDepth = objectSprite.varyingDepth;
             extendedSprite.clickHandling = objectSprite.clickHandling;
+            extendedSprite.skipMouseHandling = objectSprite.skipMouseHandling;
             extendedSprite.filters = objectSprite.filters;
 
             const alpha = (objectSprite.alpha / 255);
@@ -604,6 +605,7 @@ export class RoomSpriteCanvas implements IRoomRenderingCanvas
         extendedSprite.label = sprite.name;
         extendedSprite.varyingDepth = sprite.varyingDepth;
         extendedSprite.clickHandling = sprite.clickHandling;
+        extendedSprite.skipMouseHandling = sprite.skipMouseHandling;
         extendedSprite.blendMode = sprite.blendMode;
         extendedSprite.filters = sprite.filters;
 
@@ -757,61 +759,64 @@ export class RoomSpriteCanvas implements IRoomRenderingCanvas
 
             if(extendedSprite && extendedSprite.containsPoint(new Point((x - extendedSprite.x), (y - extendedSprite.y))))
             {
-                if(extendedSprite.clickHandling && ((type === MouseEventType.MOUSE_CLICK) || (type === MouseEventType.DOUBLE_CLICK)))
+                if(!extendedSprite.skipMouseHandling)
                 {
-                    //
-                }
-                else
-                {
-                    const identifier = this.getExtendedSpriteIdentifier(extendedSprite);
-
-                    if(checkedSprites.indexOf(identifier) === -1)
+                    if(extendedSprite.clickHandling && ((type === MouseEventType.MOUSE_CLICK) || (type === MouseEventType.DOUBLE_CLICK)))
                     {
-                        const tag = extendedSprite.tag;
+                        //
+                    }
+                    else
+                    {
+                        const identifier = this.getExtendedSpriteIdentifier(extendedSprite);
 
-                        let mouseData = this._mouseActiveObjects.get(identifier);
-
-                        if(mouseData)
+                        if(checkedSprites.indexOf(identifier) === -1)
                         {
-                            if(mouseData.spriteTag !== tag)
-                            {
-                                mouseEvent = this.createMouseEvent(0, 0, 0, 0, MouseEventType.ROLL_OUT, mouseData.spriteTag, altKey, ctrlKey, shiftKey, buttonDown);
+                            const tag = extendedSprite.tag;
 
+                            let mouseData = this._mouseActiveObjects.get(identifier);
+
+                            if(mouseData)
+                            {
+                                if(mouseData.spriteTag !== tag)
+                                {
+                                    mouseEvent = this.createMouseEvent(0, 0, 0, 0, MouseEventType.ROLL_OUT, mouseData.spriteTag, altKey, ctrlKey, shiftKey, buttonDown);
+
+                                    this.bufferMouseEvent(mouseEvent, identifier);
+                                }
+                            }
+
+                            if((type === MouseEventType.MOUSE_MOVE) && (!mouseData || (mouseData.spriteTag !== tag)))
+                            {
+                                mouseEvent = this.createMouseEvent(x, y, (x - extendedSprite.x), (y - extendedSprite.y), MouseEventType.ROLL_OVER, tag, altKey, ctrlKey, shiftKey, buttonDown);
+                            }
+                            else
+                            {
+                                mouseEvent = this.createMouseEvent(x, y, (x - extendedSprite.x), (y - extendedSprite.y), type, tag, altKey, ctrlKey, shiftKey, buttonDown);
+
+                                mouseEvent.spriteOffsetX = extendedSprite.offsetX;
+                                mouseEvent.spriteOffsetY = extendedSprite.offsetY;
+                            }
+
+                            if(!mouseData)
+                            {
+                                mouseData = new ObjectMouseData();
+
+                                mouseData.objectId = identifier;
+                                this._mouseActiveObjects.set(identifier, mouseData);
+                            }
+
+                            mouseData.spriteTag = tag;
+
+                            if(((type !== MouseEventType.MOUSE_MOVE) || (x !== this._mouseOldX)) || (y !== this._mouseOldY))
+                            {
                                 this.bufferMouseEvent(mouseEvent, identifier);
                             }
+
+                            checkedSprites.push(identifier);
                         }
 
-                        if((type === MouseEventType.MOUSE_MOVE) && (!mouseData || (mouseData.spriteTag !== tag)))
-                        {
-                            mouseEvent = this.createMouseEvent(x, y, (x - extendedSprite.x), (y - extendedSprite.y), MouseEventType.ROLL_OVER, tag, altKey, ctrlKey, shiftKey, buttonDown);
-                        }
-                        else
-                        {
-                            mouseEvent = this.createMouseEvent(x, y, (x - extendedSprite.x), (y - extendedSprite.y), type, tag, altKey, ctrlKey, shiftKey, buttonDown);
-
-                            mouseEvent.spriteOffsetX = extendedSprite.offsetX;
-                            mouseEvent.spriteOffsetY = extendedSprite.offsetY;
-                        }
-
-                        if(!mouseData)
-                        {
-                            mouseData = new ObjectMouseData();
-
-                            mouseData.objectId = identifier;
-                            this._mouseActiveObjects.set(identifier, mouseData);
-                        }
-
-                        mouseData.spriteTag = tag;
-
-                        if(((type !== MouseEventType.MOUSE_MOVE) || (x !== this._mouseOldX)) || (y !== this._mouseOldY))
-                        {
-                            this.bufferMouseEvent(mouseEvent, identifier);
-                        }
-
-                        checkedSprites.push(identifier);
+                        didHitSprite = true;
                     }
-
-                    didHitSprite = true;
                 }
             }
 

packages/room/src/renderer/utils/ExtendedSprite.ts

@@ -1,6 +1,6 @@
 import { AlphaTolerance } from '@nitrots/api';
 import { GetRenderer, TextureUtils } from '@nitrots/utils';
-import { GlRenderTarget, Point, RendererType, Sprite, Texture, TextureSource, WebGPURenderer } from 'pixi.js';
+import { Point, RendererType, Sprite, Texture, TextureSource, WebGPURenderer } from 'pixi.js';
 
 const BYTES_PER_PIXEL = 4;
 
@@ -12,6 +12,7 @@ export class ExtendedSprite extends Sprite
     private _alphaTolerance: number = AlphaTolerance.MATCH_OPAQUE_PIXELS;
     private _varyingDepth: boolean = false;
     private _clickHandling: boolean = false;
+    private _skipMouseHandling: boolean = false;
 
     private _updateId1: number = -1;
     private _updateId2: number = -1;
@@ -43,7 +44,7 @@ export class ExtendedSprite extends Sprite
 
     public containsPoint(point: Point): boolean
     {
-        if(!point || (this.alphaTolerance > 255) || !this.texture || (this.texture === Texture.EMPTY) || (this.blendMode !== 'normal')) return false;
+        if(!point || (this.alphaTolerance > 255) || !this.texture || (this.texture === Texture.EMPTY)) return false;
 
         point = new Point((point.x * this.scale.x), (point.y * this.scale.y));
 
@@ -92,12 +93,12 @@ export class ExtendedSprite extends Sprite
             pixels = TextureUtils.getPixels(new Texture(textureSource))?.pixels ?? null;
         }
 
-        else if(renderer.type === RendererType.WEBGL)
+        else if((renderer.type as RendererType) === RendererType.WEBGL)
         {
             pixels = new Uint8ClampedArray(BYTES_PER_PIXEL * width * height);
 
             const renderTarget = renderer.renderTarget.getRenderTarget(textureSource);
-            const glRenderTarget = renderer.renderTarget.getGpuRenderTarget(renderTarget) as GlRenderTarget;
+            const glRenderTarget = renderer.renderTarget.getGpuRenderTarget(renderTarget);
 
             const gl = renderer.gl;
 
@@ -181,4 +182,14 @@ export class ExtendedSprite extends Sprite
     {
         this._clickHandling = flag;
     }
+
+    public get skipMouseHandling(): boolean
+    {
+        return this._skipMouseHandling;
+    }
+
+    public set skipMouseHandling(flag: boolean)
+    {
+        this._skipMouseHandling = flag;
+    }
 }

packages/room/src/utils/RoomAreaSelectionManager.ts

@@ -0,0 +1,248 @@
+import { IRoomAreaSelectionManager, IRoomEngine, IRoomObject } from '@nitrots/api';
+import { GetEventDispatcher, RoomEngineObjectEvent, RoomObjectMouseEvent, RoomObjectTileMouseEvent } from '@nitrots/events';
+import { ColorMatrixFilter } from 'pixi.js';
+import { FurnitureVisualization, RoomVisualization } from '../object';
+
+export class RoomAreaSelectionManager implements IRoomAreaSelectionManager
+{
+    public static NOT_ACTIVE: number = 0;
+    public static NOT_SELECTING_AREA: number = 1;
+    public static AWAITING_MOUSE_DOWN: number = 2;
+    public static SELECTING: number = 3;
+    public static HIGHLIGHT_DARKEN = 'highlight_darken';
+    public static HIGHLIGHT_BRIGHTEN = 'highlight_brighten';
+    public static HIGHLIGHT_BLUE = 'highlight_blue';
+
+    private static HIGHLIGHT_FILTERS: { [key: string]: ColorMatrixFilter } = {};
+
+    private _roomEngine: IRoomEngine = null;
+    private _state: number = RoomAreaSelectionManager.NOT_ACTIVE;
+    private _tileXInit: number = 0;
+    private _tileYInit: number = 0;
+    private _tileXEnd: number = 0;
+    private _tileYEnd: number = 0;
+    private _highlightRootX: number = 0;
+    private _highlightRootY: number = 0;
+    private _highlightWidth: number = 0;
+    private _highlightHeight: number = 0;
+    private _callback: (rootX: number, rootY: number, width: number, height: number) => void;
+    private _highlightType: string = RoomAreaSelectionManager.HIGHLIGHT_BRIGHTEN;
+
+    constructor(roomEngine: IRoomEngine)
+    {
+        this._roomEngine = roomEngine;
+
+        GetEventDispatcher().addEventListener<RoomEngineObjectEvent>(RoomEngineObjectEvent.ADDED, event =>
+        {
+            if(this._state === RoomAreaSelectionManager.NOT_ACTIVE) return;
+
+            if(event.roomId !== this._roomEngine.activeRoomId) return;
+
+            if(event.category !== 10 && event.category !== 20) return;
+
+            const roomObject = this._roomEngine.getRoomObject(event.roomId, event.objectId, event.category);
+
+            if(roomObject.visualization instanceof FurnitureVisualization) roomObject.visualization.lookThrough = true;
+        });
+
+        const brightenFilter = new ColorMatrixFilter();
+
+        brightenFilter.matrix = [
+            1.5, 0, 0, 0,
+            0, 1.5, 0, 0,
+            0, 0, 1.5, 0,
+            0, 0, 0, 1,
+            0, 0.0784, 0.0784, 0];
+
+        const blueFilter = new ColorMatrixFilter();
+
+        blueFilter.matrix = [
+            1.05, 0, 0, 0,
+            0, 1.3, 0, 0,
+            0, 0, 1.8, 0,
+            0, 0, 0, 1,
+            0, 0.0314, 0.0784, 0];
+
+        const darkenFilter = new ColorMatrixFilter();
+
+        darkenFilter.matrix = [
+            0.55, 0, 0, 0,
+            0, 0.55, 0, 0,
+            0, 0, 0.55, 0,
+            0, 0, 0, 1,
+            -0.0392, -0.0392, -0.0392, 0];
+
+        RoomAreaSelectionManager.HIGHLIGHT_FILTERS[RoomAreaSelectionManager.HIGHLIGHT_DARKEN] = darkenFilter;
+        RoomAreaSelectionManager.HIGHLIGHT_FILTERS[RoomAreaSelectionManager.HIGHLIGHT_BRIGHTEN] = brightenFilter;
+        RoomAreaSelectionManager.HIGHLIGHT_FILTERS[RoomAreaSelectionManager.HIGHLIGHT_BLUE] = blueFilter;
+    }
+
+    private getAllFurniture(): IRoomObject[]
+    {
+        return this._roomEngine.getRoomObjects(this._roomEngine.activeRoomId, 20).concat(this._roomEngine.getRoomObjects(this._roomEngine.activeRoomId, 10));
+    }
+
+    public startSelecting(): void
+    {
+        if(this._state !== RoomAreaSelectionManager.NOT_SELECTING_AREA) return;
+
+        this.clearHighlightSilent();
+        this._state = RoomAreaSelectionManager.AWAITING_MOUSE_DOWN;
+        this._roomEngine.moveBlocked = true;
+    }
+
+    public handleTileMouseEvent(event: RoomObjectTileMouseEvent): void
+    {
+        let isWaitingForMouseDown = ((this._state === RoomAreaSelectionManager.AWAITING_MOUSE_DOWN) && (event.type == RoomObjectMouseEvent.MOUSE_DOWN));
+
+        if(event.shiftKey && (this._state === RoomAreaSelectionManager.NOT_SELECTING_AREA) && (event.type == RoomObjectMouseEvent.MOUSE_DOWN))
+        {
+            this.startSelecting();
+
+            isWaitingForMouseDown = true;
+        };
+
+        if(isWaitingForMouseDown)
+        {
+            this._state = RoomAreaSelectionManager.SELECTING;
+            this._tileXInit = event.tileXAsInt;
+            this._tileYInit = event.tileYAsInt;
+            this._tileXEnd = event.tileXAsInt;
+            this._tileYEnd = event.tileYAsInt;
+            this.setHighlight(this._tileXInit, this._tileYInit, 1, 1);
+
+            return;
+        }
+
+        if((this._state === RoomAreaSelectionManager.SELECTING) && (event.type === RoomObjectMouseEvent.MOUSE_MOVE))
+        {
+            if((event.tileXAsInt !== this._tileXEnd) || (event.tileYAsInt !== this._tileYEnd))
+            {
+                let rootX: number = 0;
+                let rootY: number = 0;
+                let width: number = 0;
+                let height: number = 0;
+
+                this._tileXEnd = event.tileXAsInt;
+                this._tileYEnd = event.tileYAsInt;
+
+                if(this._tileXEnd > this._tileXInit)
+                {
+                    rootX = this._tileXInit;
+                    width = ((this._tileXEnd - this._tileXInit) + 1);
+                }
+                else
+                {
+                    rootX = this._tileXEnd;
+                    width = ((this._tileXInit - this._tileXEnd) + 1);
+                };
+
+                if(this._tileYEnd > this._tileYInit)
+                {
+                    rootY = this._tileYInit;
+                    height = ((this._tileYEnd - this._tileYInit) + 1);
+                }
+                else
+                {
+                    rootY = this._tileYEnd;
+                    height = ((this._tileYInit - this._tileYEnd) + 1);
+                };
+
+                this.setHighlight(rootX, rootY, width, height);
+            };
+        };
+    }
+
+    public finishSelecting(): boolean
+    {
+        if(this._state !== RoomAreaSelectionManager.SELECTING) return false;
+
+        this._state = RoomAreaSelectionManager.NOT_SELECTING_AREA;
+
+        this._roomEngine.moveBlocked = false;
+
+        if(this._callback) this._callback(this._highlightRootX, this._highlightRootY, this._highlightWidth, this._highlightHeight);
+
+        return true;
+    }
+
+    private clearHighlightSilent():void
+    {
+        const roomObject = this._roomEngine.getRoomObject(this._roomEngine.activeRoomId, -1, 0);
+
+        if(!roomObject) return;
+
+        (roomObject.visualization as RoomVisualization)?.clearHighlightArea();
+    }
+
+    public clearHighlight(): void
+    {
+        if(this._state === RoomAreaSelectionManager.NOT_ACTIVE) return;
+
+        this.clearHighlightSilent();
+
+        this._state = RoomAreaSelectionManager.NOT_SELECTING_AREA;
+
+        this._roomEngine.moveBlocked = false;
+
+        if(this._callback) this._callback(0, 0, 0, 0);
+    }
+
+    public setHighlight(rootX: number, rootY: number, width: number, height: number): void
+    {
+        if(this._state === RoomAreaSelectionManager.NOT_ACTIVE) return;
+
+        this._highlightRootX = rootX;
+        this._highlightRootY = rootY;
+        this._highlightWidth = width;
+        this._highlightHeight = height;
+
+        const roomObject = this._roomEngine.getRoomObject(this._roomEngine.activeRoomId, -1, 0);
+
+        if(!roomObject) return;
+
+        (roomObject.visualization as RoomVisualization)?.initializeHighlightArea(rootX, rootY, width, height, RoomAreaSelectionManager.HIGHLIGHT_FILTERS[this._highlightType]);
+    }
+
+    public activate(callback: (rootX: number, rootY: number, width: number, height: number) => void, highlightType: string): boolean
+    {
+        if(this._state !== RoomAreaSelectionManager.NOT_ACTIVE) return false;
+
+        this._callback = callback;
+        this._highlightType = highlightType;
+
+        for(const roomObject of this.getAllFurniture())
+        {
+            const visualization = (roomObject.visualization as FurnitureVisualization);
+
+            if(visualization) visualization.lookThrough = true;
+        };
+
+        this._state = RoomAreaSelectionManager.NOT_SELECTING_AREA;
+
+        return true;
+    }
+
+    public deactivate(): void
+    {
+        if(this._state === RoomAreaSelectionManager.NOT_ACTIVE) return;
+
+        this._callback = null;
+
+        for(const roomObject of this.getAllFurniture())
+        {
+            const visualization = (roomObject.visualization as FurnitureVisualization);
+
+            if(visualization) visualization.lookThrough = false;
+        };
+
+        this.clearHighlight();
+
+        this._state = RoomAreaSelectionManager.NOT_ACTIVE;
+    }
+
+    public get areaSelectionState(): number
+    {
+        return this._state;
+    }
+}

packages/room/src/utils/SpriteDataCollector.ts

@@ -1,453 +0,0 @@
-import { IPlaneDrawingData, IPlaneVisualization, IRoomObjectSpriteVisualization, IRoomPlane, IRoomRenderingCanvas, RoomObjectCategory, RoomObjectSpriteData } from '@nitrots/api';
-import { GetStage, Vector3d } from '@nitrots/utils';
-import { Point, Rectangle } from 'pixi.js';
-import { RoomEngine } from '../RoomEngine';
-import { PlaneDrawingData } from '../object';
-
-export class SpriteDataCollector
-{
-    private static MANNEQUIN_MAGIC_X_OFFSET: number = 1;
-    private static MANNEQUIN_MAGIC_Y_OFFSET: number = -16;
-    private static AVATAR_WATER_EFFECT_MAGIC_Y_OFFSET: number = -52;
-    private static MAX_EXTERNAL_IMAGE_COUNT: number = 30;
-
-    private maxZ: number;
-    private spriteCount: number = 0;
-    private externalImageCount: number = 0;
-
-    private static addMannequinSprites(k: RoomObjectSpriteData[], _arg_2: RoomEngine): RoomObjectSpriteData[]
-    {
-        const datas: RoomObjectSpriteData[] = [];
-
-        for(const data of k)
-        {
-            if(!data) continue;
-
-            if((data.type === 'boutique_mannequin1') && (data.name.indexOf('mannequin_') === 0))
-            {
-                const roomObject = _arg_2.getRoomObject(_arg_2.activeRoomId, data.objectId, RoomObjectCategory.FLOOR);
-
-                if(roomObject)
-                {
-                    const spriteList = (roomObject.visualization as IRoomObjectSpriteVisualization).getSpriteList();
-
-                    if(spriteList)
-                    {
-                        for(const sprite of spriteList)
-                        {
-                            sprite.x = (sprite.x + ((data.x + (data.width / 2)) + SpriteDataCollector.MANNEQUIN_MAGIC_X_OFFSET));
-                            sprite.y = (sprite.y + ((data.y + data.height) + SpriteDataCollector.MANNEQUIN_MAGIC_Y_OFFSET));
-                            sprite.z = (sprite.z + data.z);
-                            datas.push(sprite);
-                        }
-                    }
-                }
-            }
-            else
-            {
-                datas.push(data);
-            }
-        }
-
-        return datas;
-    }
-
-    private static sortSpriteDataObjects(k: RoomObjectSpriteData, _arg_2: RoomObjectSpriteData): number
-    {
-        if(k.z < _arg_2.z) return 1;
-
-        if(k.z > _arg_2.z) return -1;
-
-        return -1;
-    }
-
-    private static isSpriteInViewPort(k: RoomObjectSpriteData, _arg_2: Rectangle, _arg_3: IRoomRenderingCanvas): boolean
-    {
-        return true;
-        // var _local_4 = new Rectangle((k.x + _arg_3.screenOffsetX), (k.y + _arg_3.screenOffsetY), k.width, k.height);
-        // // intersects
-        // return _local_4.contains(_arg_2.x, _arg_2.y);
-    }
-
-    private static sortQuadPoints(k: Point, _arg_2: Point, _arg_3: Point, _arg_4: Point): Point[]
-    {
-        const points: Point[] = [];
-
-        if(k.x == _arg_2.x)
-        {
-            points.push(k, _arg_3, _arg_2, _arg_4);
-        }
-        else
-        {
-            if(k.x == _arg_3.x)
-            {
-                points.push(k, _arg_2, _arg_3, _arg_4);
-            }
-            else
-            {
-                if((((_arg_2.x < k.x) && (_arg_2.y > k.y)) || ((_arg_2.x > k.x) && (_arg_2.y < k.y))))
-                {
-                    points.push(k, _arg_3, _arg_2, _arg_4);
-                }
-                else
-                {
-                    points.push(k, _arg_2, _arg_3, _arg_4);
-                }
-            }
-        }
-
-        if(points[0].x < points[1].x)
-        {
-            let _local_6 = points[0];
-
-            points[0] = points[1];
-            points[1] = _local_6;
-
-            _local_6 = points[2];
-
-            points[2] = points[3];
-            points[3] = _local_6;
-        }
-
-        if(points[0].y < points[2].y)
-        {
-            let _local_6 = points[0];
-
-            points[0] = points[2];
-            points[2] = _local_6;
-
-            _local_6 = points[1];
-
-            points[1] = points[3];
-            points[3] = _local_6;
-        }
-
-        return points;
-    }
-
-
-    public getFurniData(k: Rectangle, _arg_2: IRoomRenderingCanvas, _arg_3: RoomEngine, _arg_4: number): string
-    {
-        const _local_5: Object[] = [];
-        let _local_6 = _arg_2.getSortableSpriteList();
-
-        const _local_7 = _arg_3.getRoomObjects(_arg_3.activeRoomId, RoomObjectCategory.UNIT);
-
-        for(const _local_8 of _local_7)
-        {
-            if(_local_8.id !== _arg_4)
-            {
-                const _local_11 = (_local_8.visualization as IRoomObjectSpriteVisualization).getSpriteList();
-
-                if(_local_11)
-                {
-                    let _local_12 = 0;
-                    let _local_13 = 0;
-
-                    for(const _local_14 of _local_6)
-                    {
-                        if(_local_14.name === ('avatar_' + _local_8.id))
-                        {
-                            _local_12 = _local_14.z;
-                            _local_13 = ((_local_14.y + _local_14.height) - (_arg_2.geometry.scale / 4));
-
-                            break;
-                        }
-                    }
-
-                    const _local_15 = _arg_3.getRoomObjectScreenLocation(_arg_3.activeRoomId, _local_8.id, RoomObjectCategory.UNIT, _arg_2.id);
-
-                    if(_local_15)
-                    {
-                        if(_local_13 === 0) _local_13 = _local_15.y;
-
-                        for(const _local_16 of _local_11)
-                        {
-                            _local_16.x = (_local_16.x + (_local_15.x - _arg_2.screenOffsetX));
-                            _local_16.y = (_local_16.y + _local_13);
-                            _local_16.z = (_local_16.z + _local_12);
-
-                            if(((_local_16.name.indexOf('h_std_fx29_') === 0) || (_local_16.name.indexOf('h_std_fx185_') === 0)))
-                            {
-                                _local_16.y = (_local_16.y + SpriteDataCollector.AVATAR_WATER_EFFECT_MAGIC_Y_OFFSET);
-                            }
-
-                            _local_6.push(_local_16);
-                        }
-                    }
-                }
-            }
-        }
-
-        _local_6 = SpriteDataCollector.addMannequinSprites(_local_6, _arg_3);
-        _local_6.sort(SpriteDataCollector.sortSpriteDataObjects);
-
-        for(const _local_9 of _local_6)
-        {
-            if((((((!(_local_9.name === null)) && (_local_9.name.length > 0)) && (!(_local_9.name.indexOf('tile_cursor_') === 0))) && (SpriteDataCollector.isSpriteInViewPort(_local_9, k, _arg_2))) && ((_arg_4 < 0) || (!(_local_9.objectId == _arg_4)))))
-            {
-                _local_5.push(this.getSpriteDataObject(_local_9, k, _arg_2, _arg_3));
-
-                if(!this.maxZ) this.maxZ = _local_9.z;
-
-                this.spriteCount++;
-            }
-        }
-
-        return JSON.stringify(_local_5);
-    }
-
-    public getRoomRenderingModifiers(k: RoomEngine): string
-    {
-        return JSON.stringify(new Object());
-    }
-
-    private getSpriteDataObject(k: RoomObjectSpriteData, _arg_2: Rectangle, _arg_3: IRoomRenderingCanvas, _arg_4: RoomEngine): Object
-    {
-        let _local_7: string = null;
-        let _local_9: string[] = [];
-
-        const _local_5: {
-            name?: string,
-            x?: number,
-            y?: number,
-            z?: number,
-            alpha?: number,
-            flipH?: boolean,
-            skew?: number,
-            frame?: boolean,
-            color?: number,
-            blendMode?: string,
-            width?: number,
-            height?: number,
-            posture?: string
-        } = {};
-
-        let _local_6 = k.name;
-
-        if(k.name.indexOf('@') !== -1)
-        {
-            _local_9 = k.name.split('@');
-            _local_6 = _local_9[0];
-            _local_7 = _local_9[1];
-        }
-
-        // if(((_local_7) && (k.type)))
-        // {
-        //     const _local_10 = _arg_4.roomContentLoader.getCollection(k.type);
-
-        //     if(_local_10)
-        //     {
-        //         const _local_11 = _local_10.getPalette(_local_7);
-
-        //         if (((!(_local_11 == null)) && (!(_local_11.@source == null))))
-        //         {
-        //             _local_5.paletteSourceName = (_local_11.@source + '');
-        //         }
-        //     }
-        // }
-
-        // var _local_8: string = _arg_4.configuration.getProperty('image.library.url');
-        // _local_6 = _local_6.replace('%image.library.url%', _local_8);
-        // if (_local_6.indexOf('%group.badge.url%') != -1)
-        // {
-        //     _local_12 = _arg_4.configuration.getProperty('group.badge.url');
-        //     _local_6 = _local_6.replace('%group.badge.url%', '');
-        //     _local_13 = _local_12.replace('%imagerdata%', _local_6);
-        //     _local_6 = _local_13;
-        // }
-
-        _local_5.name = _local_6;
-        _local_5.x = (k.x - _arg_2.x);
-        _local_5.y = (k.y - _arg_2.y);
-        _local_5.x = (_local_5.x + _arg_3.screenOffsetX);
-        _local_5.y = (_local_5.y + _arg_3.screenOffsetY);
-        _local_5.z = k.z;
-
-        if(k.alpha && (k.alpha.toString() !== '255')) _local_5.alpha = k.alpha;
-
-        if(k.flipH) _local_5.flipH = k.flipH;
-
-        if(k.skew) _local_5.skew = k.skew;
-
-        if(k.frame) _local_5.frame = k.frame;
-
-        if(k.color && (k.color.length > 0)) _local_5.color = parseInt(k.color);
-
-        if(k.blendMode && (k.blendMode !== 'normal')) _local_5.blendMode = k.blendMode;
-
-        if(_local_6.indexOf('http') === 0)
-        {
-            _local_5.width = k.width;
-            _local_5.height = k.height;
-
-            this.externalImageCount++;
-
-            if(this.externalImageCount > SpriteDataCollector.MAX_EXTERNAL_IMAGE_COUNT) _local_5.name = 'box';
-        }
-
-        if(k.posture) _local_5.posture = k.posture;
-
-        return _local_5;
-    }
-
-    private makeBackgroundPlane(k: Rectangle, _arg_2: number, _arg_3: IPlaneDrawingData[]): PlaneDrawingData
-    {
-        const _local_4 = new Point(0, 0);
-        const _local_5 = new Point(k.width, 0);
-        const _local_6 = new Point(0, k.height);
-        const _local_7 = new Point(k.width, k.height);
-        const _local_8 = SpriteDataCollector.sortQuadPoints(_local_4, _local_5, _local_6, _local_7);
-
-        let _local_9 = 0;
-
-        if(_arg_3.length > 0)
-        {
-            _local_9 = _arg_3[0].z;
-
-            if(this.maxZ) _local_9 = Math.max(this.maxZ, _local_9);
-        }
-        else
-        {
-            _local_9 = ((this.maxZ) ? this.maxZ : 0);
-        }
-
-        _local_9 = (_local_9 + ((this.spriteCount * 1.776104) + (_arg_3.length * 2.31743)));
-
-        const _local_10 = new PlaneDrawingData(null, _arg_2);
-
-        _local_10.cornerPoints = _local_8;
-        _local_10.z = _local_9;
-
-        return _local_10;
-    }
-
-    private sortRoomPlanes(k: IRoomPlane[], _arg_2: IRoomRenderingCanvas, _arg_3: RoomEngine): { plane: IRoomPlane, z: number }[]
-    {
-        const _local_4: Map<number, { plane: IRoomPlane, z: number }> = new Map();
-
-        let _local_5 = 1;
-
-        if(this.maxZ)
-        {
-            _local_5 = (_local_5 + this.maxZ);
-        }
-
-        for(const _local_6 of k)
-        {
-            const _local_10 = {
-                plane: _local_6,
-                z: _local_5
-            };
-
-            _local_4.set(_local_6.uniqueId, _local_10);
-        }
-
-        const sprites = _arg_2.getPlaneSortableSprites();
-
-        sprites.sort((a, b) =>
-        {
-            return (b.z - a.z);
-        });
-
-        sprites.reverse();
-
-        let _local_8: { plane: IRoomPlane, z: number }[] = [];
-
-        for(const sprite of sprites)
-        {
-            const objectSprite = sprite.sprite;
-
-            if(objectSprite)
-            {
-                const _local_10 = _local_4.get(objectSprite.id);
-
-                if(_local_10)
-                {
-                    _local_4.delete(objectSprite.id);
-
-                    _local_10.z = sprite.z;
-
-                    _local_8.push(_local_10);
-                }
-            }
-        }
-
-        _local_8 = _local_8.concat(Array.from(_local_4.values()));
-
-        return _local_8;
-    }
-
-    public getRoomPlanes(k: Rectangle, _arg_2: IRoomRenderingCanvas, _arg_3: RoomEngine, _arg_4: number): IPlaneDrawingData[]
-    {
-        const _local_5: IPlaneDrawingData[] = [];
-
-        const roomObject = _arg_3.getRoomObject(_arg_3.activeRoomId, RoomEngine.ROOM_OBJECT_ID, RoomObjectCategory.ROOM);
-        const visualization = (roomObject.visualization as unknown as IPlaneVisualization);
-
-        if(visualization)
-        {
-            const _local_8 = _arg_2.geometry;
-            const _local_9 = this.sortRoomPlanes(visualization.planes, _arg_2, _arg_3);
-            const _local_10 = GetStage();
-
-            for(const _local_11 of _local_9)
-            {
-                const _local_12 = _local_11.plane;
-                const _local_13: Point[] = [];
-
-                const _local_14 = Vector3d.sum(_local_12.location, _local_12.leftSide);
-                const _local_15 = _local_8.getScreenPoint(_local_12.location);
-                const _local_16 = _local_8.getScreenPoint(_local_14);
-                const _local_17 = _local_8.getScreenPoint(Vector3d.sum(_local_12.location, _local_12.rightSide));
-                const _local_18 = _local_8.getScreenPoint(Vector3d.sum(_local_14, _local_12.rightSide));
-
-                _local_13.push(_local_15, _local_16, _local_17, _local_18);
-
-                let _local_19 = 0;
-                let _local_20 = 0;
-
-                for(const _local_21 of _local_13)
-                {
-                    _local_21.x += (_local_10.width / 2);
-                    _local_21.y += (_local_10.height / 2);
-
-                    _local_21.x += _arg_2.screenOffsetX;
-                    _local_21.y += _arg_2.screenOffsetY;
-
-                    _local_21.x += -(k.x);
-                    _local_21.y += -(k.y);
-
-                    if(_local_21.x < 0) _local_19--;
-
-                    else if(_local_21.x >= k.width) _local_19++;
-
-                    if(_local_21.y < 0) _local_20--;
-
-                    else if(_local_21.y >= k.height) _local_20++;
-                }
-
-                if(((Math.abs(_local_19) === 4) || (Math.abs(_local_20) === 4)))
-                {
-                    //
-                }
-                else
-                {
-                    const _local_22 = SpriteDataCollector.sortQuadPoints(_local_15, _local_16, _local_17, _local_18);
-
-                    /* for(const _local_23 of _local_12.getDrawingDatas(_local_8))
-                    {
-                        _local_23.cornerPoints = _local_22;
-                        _local_23.z = _local_11.z;
-
-                        _local_5.push(_local_23);
-                    } */
-                }
-            }
-
-            _local_5.unshift(this.makeBackgroundPlane(k, _arg_4, _local_5));
-        }
-
-        return _local_5;
-    }
-}

packages/room/src/utils/index.ts

@@ -1,5 +1,6 @@
 export * from './FurnitureStackingHeightMap';
 export * from './LegacyWallGeometry';
+export * from './RoomAreaSelectionManager';
 export * from './RoomCamera';
 export * from './RoomData';
 export * from './RoomEnterEffect';

packages/room/tsconfig.json

@@ -25,7 +25,5 @@
       "ESNext"
     ],
     "module": "ES6"
-  },
-  "include": [
-    "src" ]
+  }
 }