Add decal management functionality and refactor wall components

2025-06-25 17:20:35 +05:30
parent 587ed6c9d7
commit 08208528a5
7 changed files with 124 additions and 27 deletions
--- a/app/src/modules/scene/postProcessing/postProcessing.tsx
+++ b/app/src/modules/scene/postProcessing/postProcessing.tsx
@@ -15,7 +15,7 @@ export default function PostProcessing() {
    const { selectedWallItem } = useSelectedWallItem();
    const { selectedFloorItem } = useSelectedFloorItem();
    const { selectedEventSphere } = useSelectedEventSphere();
-    const { selectedAisle, selectedWall } = useBuilderStore();
+    const { selectedAisle, selectedWall, selectedDecal } = useBuilderStore();

    function flattenChildren(children: any[]) {
        const allChildren: any[] = [];
@@ -85,6 +85,21 @@ export default function PostProcessing() {
                    xRay={true}
                />
            )}
+            {selectedDecal && (
+                <Outline
+                    selection={selectedDecal}
+                    selectionLayer={10}
+                    width={2000}
+                    blendFunction={BlendFunction.ALPHA}
+                    edgeStrength={5}
+                    resolutionScale={2}
+                    pulseSpeed={0}
+                    visibleEdgeColor={CONSTANTS.outlineConfig.assetSelectColor}
+                    hiddenEdgeColor={CONSTANTS.outlineConfig.assetSelectColor}
+                    blur={true}
+                    xRay={true}
+                />
+            )}
            {deletableFloorItem && (
                <Outline
                    selection={flattenChildren(deletableFloorItem.children)}