@operato/scene-visualizer 9.2.2 → 10.0.0-beta.10

package/dist/stocker-3d.js

@@ -0,0 +1,352 @@
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ *
+ * Stocker 3D — aisle, rail, crane, ports, enclosure, rack frames, cell stocks.
+ */
+import * as THREE from 'three';
+import * as BufferGeometryUtils from 'three/examples/jsm/utils/BufferGeometryUtils.js';
+import { RealObjectGroup } from '@hatiolab/things-scene';
+import { computeLayout } from './stocker.js';
+const FRAME_COLOR = 0x8a8a8a;
+const BOARD_COLOR = 0xcccccc;
+const AISLE_COLOR = 0xd4d4c8;
+const RAIL_COLOR = 0x666666;
+const CRANE_COLOR = 0xff6600;
+const CRANE_MAST_COLOR = 0xcc5500;
+const FORK_COLOR = 0xddaa00;
+const CELL_EMPTY_COLOR = 0xf0f0f0;
+const CELL_FULL_COLOR = 0x4a9eff;
+const CELL_RESERVED_COLOR = 0xffcc00;
+const CELL_ERROR_COLOR = 0xe74c3c;
+function cellColor3d(status) {
+    switch (status) {
+        case 'FULL': return CELL_FULL_COLOR;
+        case 'RESERVED': return CELL_RESERVED_COLOR;
+        case 'ERROR': return CELL_ERROR_COLOR;
+        default: return CELL_EMPTY_COLOR;
+    }
+}
+export class Stocker3d extends RealObjectGroup {
+    _cranes = [];
+    _cellMeshes = [];
+    _animRaf = 0;
+    get stocker() {
+        return this.component;
+    }
+    get position() {
+        const { zPos = 0 } = this.component.state;
+        return { x: this.cx || 0, y: zPos, z: this.cy || 0 };
+    }
+    build() {
+        super.build();
+        const state = this.component.state;
+        const { width = 200, height = 100, depth: totalHeight = 80, rotation = 0, aisleRatio = 0.15 } = state;
+        const layout = computeLayout(state);
+        let orientY = -rotation;
+        if (layout.vertical)
+            orientY += Math.PI / 2;
+        if (layout.flipped)
+            orientY += Math.PI;
+        this.object3d.rotation.y = orientY;
+        const alongSize = layout.along;
+        const acrossSize = layout.across;
+        const aisleDepth = acrossSize * aisleRatio;
+        const rackAreaDepth = acrossSize - aisleDepth;
+        const leftRackDepth = layout.leftRack ? rackAreaDepth / (layout.rightRack ? 2 : 1) : 0;
+        const rightRackDepth = layout.rightRack ? rackAreaDepth / (layout.leftRack ? 2 : 1) : 0;
+        const frameGeoms = [];
+        const boardGeoms = [];
+        // ── Rack sides ──
+        if (layout.leftRack) {
+            const rackZ = -(aisleDepth / 2 + leftRackDepth / 2);
+            this._buildRackSide('L', layout.leftRack.config, alongSize, totalHeight, leftRackDepth, rackZ, frameGeoms, boardGeoms);
+        }
+        if (layout.rightRack) {
+            const rackZ = aisleDepth / 2 + rightRackDepth / 2;
+            this._buildRackSide('R', layout.rightRack.config, alongSize, totalHeight, rightRackDepth, rackZ, frameGeoms, boardGeoms);
+        }
+        // merge frames
+        if (!state.hideRackFrame && frameGeoms.length > 0) {
+            const mat = new THREE.MeshStandardMaterial({ color: FRAME_COLOR, metalness: 0.85, roughness: 0.35, transparent: true, opacity: 0.8 });
+            const mesh = new THREE.Mesh(BufferGeometryUtils.mergeGeometries(frameGeoms), mat);
+            mesh.castShadow = true;
+            this.object3d.add(mesh);
+        }
+        if (!state.hideRackFrame && boardGeoms.length > 0) {
+            const mat = new THREE.MeshStandardMaterial({ color: BOARD_COLOR, side: THREE.DoubleSide, transparent: true, opacity: 0.5 });
+            this.object3d.add(new THREE.Mesh(BufferGeometryUtils.mergeGeometries(boardGeoms), mat));
+        }
+        // ── Enclosure ──
+        const { fillStyle } = state;
+        if (fillStyle && fillStyle !== 'transparent' && fillStyle !== 'rgba(0,0,0,0)') {
+            this._buildEnclosure(alongSize, acrossSize, totalHeight, fillStyle);
+        }
+        // ── Aisle ──
+        const aisleGeom = new THREE.PlaneGeometry(alongSize, aisleDepth);
+        aisleGeom.rotateX(-Math.PI / 2);
+        const aisleMesh = new THREE.Mesh(aisleGeom, new THREE.MeshStandardMaterial({ color: AISLE_COLOR, roughness: 0.9 }));
+        aisleMesh.position.y = 0.1;
+        aisleMesh.receiveShadow = true;
+        this.object3d.add(aisleMesh);
+        // rail
+        const railMesh = new THREE.Mesh(new THREE.BoxGeometry(alongSize, 1, 2), new THREE.MeshStandardMaterial({ color: RAIL_COLOR, metalness: 0.8, roughness: 0.3 }));
+        railMesh.position.set(0, 0.5, 0);
+        this.object3d.add(railMesh);
+        // ── Cranes ──
+        const maxBays = layout.maxBays;
+        const levels = Math.max(state.lLevels || 0, state.rLevels || 0, 1);
+        this._buildCranes(alongSize, totalHeight, maxBays, levels, aisleDepth, leftRackDepth, rightRackDepth);
+    }
+    _buildRackSide(side, config, totalWidth, totalHeight, rackDepth, rackZ, frameGeoms, boardGeoms) {
+        const { bays, levels, depthCount } = config;
+        const bayWidth = totalWidth / bays;
+        const levelHeight = totalHeight / levels;
+        const cellDepthSize = rackDepth / depthCount;
+        const postW = Math.min(bayWidth * 0.05, 2);
+        const inset = 3;
+        const hw = totalWidth / 2 - inset;
+        const hd = rackDepth / 2 - inset;
+        // vertical posts — 수평바 + 1/2 두께로 접합부 갭 채움
+        const topRailY = totalHeight - inset;
+        const bottomRailY = inset;
+        const postHeight = topRailY - bottomRailY + postW;
+        const postGeom = new THREE.BoxGeometry(postW, postHeight, postW);
+        for (const [px, pz] of [[-hw, rackZ - hd], [-hw, rackZ + hd], [hw, rackZ - hd], [hw, rackZ + hd]]) {
+            const g = postGeom.clone();
+            g.translate(px, bottomRailY - postW / 2 + postHeight / 2, pz);
+            frameGeoms.push(g);
+        }
+        // horizontal rails — 좌우 inset, 상하는 enclosure 안쪽에 위치
+        const railW = totalWidth - inset * 2;
+        const railAlongGeom = new THREE.BoxGeometry(railW, postW, postW);
+        const railDepthW = rackDepth - inset * 2;
+        const railDepthGeom = new THREE.BoxGeometry(postW, postW, railDepthW);
+        for (let l = 0; l <= levels; l++) {
+            let y = l * levelHeight;
+            // bottom은 enclosure 바닥에서 올라오고, top은 천장에서 내려옴
+            if (l === 0)
+                y = inset;
+            else if (l === levels)
+                y = totalHeight - inset;
+            // along 방향 (전면/후면)
+            for (const dz of [rackZ - hd, rackZ + hd]) {
+                const g = railAlongGeom.clone();
+                g.translate(0, y, dz);
+                frameGeoms.push(g);
+            }
+            // depth 방향 (좌측/우측 끝)
+            for (const px of [-hw, hw]) {
+                const g = railDepthGeom.clone();
+                g.translate(px, y, rackZ);
+                frameGeoms.push(g);
+            }
+        }
+        // shelf boards
+        const boardW = totalWidth - inset * 2;
+        const boardD = rackDepth - inset * 2;
+        for (let l = 0; l < levels; l++) {
+            const y = l * levelHeight + 0.5;
+            const g = new THREE.PlaneGeometry(boardW, boardD);
+            g.rotateX(-Math.PI / 2);
+            g.translate(0, y, rackZ);
+            boardGeoms.push(g);
+        }
+        // cell stock
+        for (let l = 1; l <= levels; l++) {
+            for (let b = 1; b <= bays; b++) {
+                for (let d = 1; d <= depthCount; d++) {
+                    const status = this.stocker.getCellStatus(side, b, l, d);
+                    const geom = new THREE.BoxGeometry(bayWidth * 0.7, levelHeight * 0.7, cellDepthSize * 0.7);
+                    const mat = new THREE.MeshStandardMaterial({
+                        color: cellColor3d(status), metalness: 0.1, roughness: 0.8,
+                        transparent: !status || status === 'EMPTY',
+                        opacity: (!status || status === 'EMPTY') ? 0.15 : 1
+                    });
+                    const mesh = new THREE.Mesh(geom, mat);
+                    mesh.position.set(-totalWidth / 2 + (b - 0.5) * bayWidth, (l - 0.5) * levelHeight, rackZ + (d - 0.5 - depthCount / 2) * cellDepthSize);
+                    mesh.name = this.stocker.getLocationId(side, b, l, d);
+                    this._cellMeshes.push(mesh);
+                    this.object3d.add(mesh);
+                }
+            }
+        }
+    }
+    _buildEnclosure(alongSize, acrossSize, totalHeight, fillStyle) {
+        let color = 0xcccccc;
+        let opacity = 0.4;
+        // rgba에서 alpha 추출, 색상만 THREE.Color로
+        const rgbaMatch = fillStyle.match(/rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*(?:,\s*([\d.]+))?\s*\)/);
+        if (rgbaMatch) {
+            const [, r, g, b, a] = rgbaMatch;
+            color = new THREE.Color(parseInt(r) / 255, parseInt(g) / 255, parseInt(b) / 255).getHex();
+            if (a !== undefined)
+                opacity = parseFloat(a);
+        }
+        else {
+            try {
+                color = new THREE.Color(fillStyle).getHex();
+            }
+            catch { }
+        }
+        const mat = new THREE.MeshStandardMaterial({ color, transparent: true, opacity, side: THREE.DoubleSide, depthWrite: false });
+        const halfW = alongSize / 2;
+        const halfD = acrossSize / 2;
+        for (const [w, h, x, y, z, ry] of [
+            [alongSize, totalHeight, 0, totalHeight / 2, -halfD, 0],
+            [alongSize, totalHeight, 0, totalHeight / 2, halfD, 0],
+            [acrossSize, totalHeight, -halfW, totalHeight / 2, 0, Math.PI / 2],
+            [acrossSize, totalHeight, halfW, totalHeight / 2, 0, Math.PI / 2]
+        ]) {
+            const mesh = new THREE.Mesh(new THREE.PlaneGeometry(w, h), mat);
+            mesh.position.set(x, y, z);
+            mesh.rotation.y = ry;
+            this.object3d.add(mesh);
+        }
+        const roofGeom = new THREE.PlaneGeometry(alongSize, acrossSize);
+        roofGeom.rotateX(-Math.PI / 2);
+        const roofMesh = new THREE.Mesh(roofGeom, mat);
+        roofMesh.position.y = totalHeight;
+        this.object3d.add(roofMesh);
+    }
+    _buildCranes(alongSize, totalHeight, maxBays, levels, aisleDepth, leftRackDepth, rightRackDepth) {
+        const cranesData = this.stocker.cranesData;
+        const craneCount = Math.max(cranesData.length, this.component.state.cranes || 1);
+        const bayWidth = alongSize / maxBays;
+        const levelHeight = totalHeight / levels;
+        const craneHeight = totalHeight * 0.95;
+        const mastMat = new THREE.MeshStandardMaterial({ color: CRANE_MAST_COLOR, metalness: 0.7, roughness: 0.4 });
+        const carriageMat = new THREE.MeshStandardMaterial({ color: CRANE_COLOR, metalness: 0.3, roughness: 0.6 });
+        const forkMat = new THREE.MeshStandardMaterial({ color: FORK_COLOR, metalness: 0.5, roughness: 0.5 });
+        for (let i = 0; i < craneCount; i++) {
+            const cd = cranesData[i];
+            const bay = cd?.bay ?? Math.round((i + 1) * maxBays / (craneCount + 1));
+            const level = cd?.level ?? 1;
+            const side = cd?.side;
+            const status = cd?.status || 'IDLE';
+            const craneX = -alongSize / 2 + (bay - 0.5) * bayWidth;
+            const craneY = (level - 0.5) * levelHeight;
+            let targetForkZ = 0;
+            if ((status === 'PICKING' || status === 'PLACING') && side) {
+                targetForkZ = side === 'L' ? -(aisleDepth / 2 + leftRackDepth / 2) : (aisleDepth / 2 + rightRackDepth / 2);
+            }
+            const mastGroup = new THREE.Group();
+            mastGroup.position.x = craneX;
+            this.object3d.add(mastGroup);
+            const mastMesh = new THREE.Mesh(new THREE.BoxGeometry(3, craneHeight, 3), mastMat);
+            mastMesh.position.y = craneHeight / 2;
+            mastMesh.castShadow = true;
+            mastGroup.add(mastMesh);
+            const topBeam = new THREE.Mesh(new THREE.BoxGeometry(bayWidth * 0.3, 2, aisleDepth * 0.8), mastMat);
+            topBeam.position.y = craneHeight - 1;
+            mastGroup.add(topBeam);
+            const carriageGroup = new THREE.Group();
+            carriageGroup.position.y = craneY;
+            mastGroup.add(carriageGroup);
+            const carrW = bayWidth * 0.7, carrH = 4, carrD = aisleDepth * 0.5;
+            const carriageMesh = new THREE.Mesh(new THREE.BoxGeometry(carrW, carrH, carrD), carriageMat);
+            carriageMesh.castShadow = true;
+            carriageGroup.add(carriageMesh);
+            const forkGroup = new THREE.Group();
+            carriageGroup.add(forkGroup);
+            const forkLength = Math.max(leftRackDepth, rightRackDepth) * 0.8;
+            const forkW = carrW * 0.15, forkH = 1.5;
+            const prongGeom = new THREE.BoxGeometry(forkW, forkH, forkLength);
+            const lp = new THREE.Mesh(prongGeom, forkMat);
+            lp.position.set(-carrW * 0.25, -carrH / 2 + forkH / 2, 0);
+            forkGroup.add(lp);
+            const rp = new THREE.Mesh(prongGeom.clone(), forkMat);
+            rp.position.set(carrW * 0.25, -carrH / 2 + forkH / 2, 0);
+            forkGroup.add(rp);
+            const baseMesh = new THREE.Mesh(new THREE.BoxGeometry(carrW * 0.7, forkH, forkW), forkMat);
+            baseMesh.position.set(0, -carrH / 2 + forkH / 2, -forkLength / 2 + forkW / 2);
+            forkGroup.add(baseMesh);
+            this._cranes.push({
+                mastGroup, carriageGroup, forkGroup,
+                state: { x: craneX, y: craneY, forkZ: 0, targetX: craneX, targetY: craneY, targetForkZ, bayWidth, levelHeight, maxBays, levels, leftRackDepth, rightRackDepth, aisleDepth }
+            });
+        }
+        if (this._cranes.some(c => c.state.targetForkZ !== 0))
+            this._startCraneAnim();
+    }
+    updateCraneTargets() {
+        const cranesData = this.stocker.cranesData;
+        const alongSize = this.stocker.layout.along;
+        for (let i = 0; i < this._cranes.length; i++) {
+            const crane = this._cranes[i];
+            const cd = cranesData[i];
+            const s = crane.state;
+            const bay = cd?.bay ?? Math.round((i + 1) * s.maxBays / (this._cranes.length + 1));
+            const level = cd?.level ?? 1;
+            const side = cd?.side;
+            const status = cd?.status || 'IDLE';
+            s.targetX = -alongSize / 2 + (bay - 0.5) * s.bayWidth;
+            s.targetY = (level - 0.5) * s.levelHeight;
+            if ((status === 'PICKING' || status === 'PLACING') && side) {
+                s.targetForkZ = side === 'L' ? -(s.aisleDepth / 2 + s.leftRackDepth / 2) : (s.aisleDepth / 2 + s.rightRackDepth / 2);
+            }
+            else {
+                s.targetForkZ = 0;
+            }
+        }
+        this._startCraneAnim();
+    }
+    _startCraneAnim() {
+        if (this._animRaf)
+            return;
+        const animate = () => {
+            let allDone = true;
+            for (const crane of this._cranes) {
+                const s = crane.state, speed = 0.08;
+                s.x += (s.targetX - s.x) * speed;
+                s.y += (s.targetY - s.y) * speed;
+                s.forkZ += (s.targetForkZ - s.forkZ) * speed;
+                crane.mastGroup.position.x = s.x;
+                crane.carriageGroup.position.y = s.y;
+                crane.forkGroup.position.z = s.forkZ;
+                if (Math.abs(s.targetX - s.x) > 0.1 || Math.abs(s.targetY - s.y) > 0.1 || Math.abs(s.targetForkZ - s.forkZ) > 0.1) {
+                    allDone = false;
+                }
+                else {
+                    s.x = s.targetX;
+                    s.y = s.targetY;
+                    s.forkZ = s.targetForkZ;
+                    crane.mastGroup.position.x = s.x;
+                    crane.carriageGroup.position.y = s.y;
+                    crane.forkGroup.position.z = s.forkZ;
+                }
+            }
+            if (allDone) {
+                this._animRaf = 0;
+                return;
+            }
+            this._animRaf = requestAnimationFrame(animate);
+        };
+        this._animRaf = requestAnimationFrame(animate);
+    }
+    onchange(after, before) {
+        if ('data' in after) {
+            this.updateCraneTargets();
+            this.update();
+            return;
+        }
+        if ('lBays' in after || 'lLevels' in after || 'lDepth' in after || 'rBays' in after || 'rLevels' in after || 'rDepth' in after ||
+            'cranes' in after || 'depth' in after || 'aisleRatio' in after ||
+            'width' in after || 'height' in after || 'locationRule' in after || 'hideRackFrame' in after || 'fillStyle' in after || 'frontSide' in after) {
+            this.update();
+            return;
+        }
+        super.onchange(after, before);
+    }
+    dispose() {
+        if (this._animRaf) {
+            cancelAnimationFrame(this._animRaf);
+            this._animRaf = 0;
+        }
+        this._cranes = [];
+        this._cellMeshes = [];
+        super.dispose();
+    }
+    updateDimension() { }
+    updateAlpha() { }
+}
+//# sourceMappingURL=stocker-3d.js.map

package/dist/stocker-3d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stocker-3d.js","sourceRoot":"","sources":["../src/stocker-3d.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n *\n * Stocker 3D — aisle, rail, crane, ports, enclosure, rack frames, cell stocks.\n */\n\nimport * as THREE from 'three'\nimport * as BufferGeometryUtils from 'three/examples/jsm/utils/BufferGeometryUtils.js'\nimport { RealObjectGroup } from '@hatiolab/things-scene'\nimport type { Stocker, StockerData, CraneData } from './stocker.js'\nimport { computeLayout } from './stocker.js'\n\nconst FRAME_COLOR = 0x8a8a8a\nconst BOARD_COLOR = 0xcccccc\nconst AISLE_COLOR = 0xd4d4c8\nconst RAIL_COLOR = 0x666666\nconst CRANE_COLOR = 0xff6600\nconst CRANE_MAST_COLOR = 0xcc5500\nconst FORK_COLOR = 0xddaa00\nconst CELL_EMPTY_COLOR = 0xf0f0f0\nconst CELL_FULL_COLOR = 0x4a9eff\nconst CELL_RESERVED_COLOR = 0xffcc00\nconst CELL_ERROR_COLOR = 0xe74c3c\n\nfunction cellColor3d(status?: string): number {\n  switch (status) {\n    case 'FULL': return CELL_FULL_COLOR\n    case 'RESERVED': return CELL_RESERVED_COLOR\n    case 'ERROR': return CELL_ERROR_COLOR\n    default: return CELL_EMPTY_COLOR\n  }\n}\n\ninterface CraneState {\n  x: number; y: number; forkZ: number\n  targetX: number; targetY: number; targetForkZ: number\n  bayWidth: number; levelHeight: number; maxBays: number; levels: number\n  leftRackDepth: number; rightRackDepth: number; aisleDepth: number\n}\n\ninterface CraneInstance {\n  mastGroup: THREE.Group\n  carriageGroup: THREE.Group\n  forkGroup: THREE.Group\n  state: CraneState\n}\n\nexport class Stocker3d extends RealObjectGroup {\n  private _cranes: CraneInstance[] = []\n  private _cellMeshes: THREE.Mesh[] = []\n  private _animRaf = 0\n\n  get stocker(): Stocker {\n    return this.component as unknown as Stocker\n  }\n\n  get position() {\n    const { zPos = 0 } = this.component.state\n    return { x: this.cx || 0, y: zPos, z: this.cy || 0 }\n  }\n\n  build() {\n    super.build()\n\n    const state = this.component.state\n    const { width = 200, height = 100, depth: totalHeight = 80, rotation = 0, aisleRatio = 0.15 } = state\n\n    const layout = computeLayout(state)\n    let orientY = -rotation\n    if (layout.vertical) orientY += Math.PI / 2\n    if (layout.flipped) orientY += Math.PI\n    this.object3d.rotation.y = orientY\n\n    const alongSize = layout.along\n    const acrossSize = layout.across\n    const aisleDepth = acrossSize * aisleRatio\n    const rackAreaDepth = acrossSize - aisleDepth\n    const leftRackDepth = layout.leftRack ? rackAreaDepth / (layout.rightRack ? 2 : 1) : 0\n    const rightRackDepth = layout.rightRack ? rackAreaDepth / (layout.leftRack ? 2 : 1) : 0\n\n    const frameGeoms: THREE.BufferGeometry[] = []\n    const boardGeoms: THREE.BufferGeometry[] = []\n\n    // ── Rack sides ──\n    if (layout.leftRack) {\n      const rackZ = -(aisleDepth / 2 + leftRackDepth / 2)\n      this._buildRackSide('L', layout.leftRack.config, alongSize, totalHeight, leftRackDepth, rackZ, frameGeoms, boardGeoms)\n    }\n    if (layout.rightRack) {\n      const rackZ = aisleDepth / 2 + rightRackDepth / 2\n      this._buildRackSide('R', layout.rightRack.config, alongSize, totalHeight, rightRackDepth, rackZ, frameGeoms, boardGeoms)\n    }\n\n    // merge frames\n    if (!state.hideRackFrame && frameGeoms.length > 0) {\n      const mat = new THREE.MeshStandardMaterial({ color: FRAME_COLOR, metalness: 0.85, roughness: 0.35, transparent: true, opacity: 0.8 })\n      const mesh = new THREE.Mesh(BufferGeometryUtils.mergeGeometries(frameGeoms), mat)\n      mesh.castShadow = true\n      this.object3d.add(mesh)\n    }\n\n    if (!state.hideRackFrame && boardGeoms.length > 0) {\n      const mat = new THREE.MeshStandardMaterial({ color: BOARD_COLOR, side: THREE.DoubleSide, transparent: true, opacity: 0.5 })\n      this.object3d.add(new THREE.Mesh(BufferGeometryUtils.mergeGeometries(boardGeoms), mat))\n    }\n\n    // ── Enclosure ──\n    const { fillStyle } = state\n    if (fillStyle && fillStyle !== 'transparent' && fillStyle !== 'rgba(0,0,0,0)') {\n      this._buildEnclosure(alongSize, acrossSize, totalHeight, fillStyle)\n    }\n\n    // ── Aisle ──\n    const aisleGeom = new THREE.PlaneGeometry(alongSize, aisleDepth)\n    aisleGeom.rotateX(-Math.PI / 2)\n    const aisleMesh = new THREE.Mesh(aisleGeom, new THREE.MeshStandardMaterial({ color: AISLE_COLOR, roughness: 0.9 }))\n    aisleMesh.position.y = 0.1\n    aisleMesh.receiveShadow = true\n    this.object3d.add(aisleMesh)\n\n    // rail\n    const railMesh = new THREE.Mesh(\n      new THREE.BoxGeometry(alongSize, 1, 2),\n      new THREE.MeshStandardMaterial({ color: RAIL_COLOR, metalness: 0.8, roughness: 0.3 })\n    )\n    railMesh.position.set(0, 0.5, 0)\n    this.object3d.add(railMesh)\n\n    // ── Cranes ──\n    const maxBays = layout.maxBays\n    const levels = Math.max(state.lLevels || 0, state.rLevels || 0, 1)\n    this._buildCranes(alongSize, totalHeight, maxBays, levels, aisleDepth, leftRackDepth, rightRackDepth)\n\n  }\n\n  private _buildRackSide(\n    side: 'L' | 'R', config: { bays: number; levels: number; depthCount: number },\n    totalWidth: number, totalHeight: number, rackDepth: number, rackZ: number,\n    frameGeoms: THREE.BufferGeometry[], boardGeoms: THREE.BufferGeometry[]\n  ) {\n    const { bays, levels, depthCount } = config\n    const bayWidth = totalWidth / bays\n    const levelHeight = totalHeight / levels\n    const cellDepthSize = rackDepth / depthCount\n    const postW = Math.min(bayWidth * 0.05, 2)\n    const inset = 3\n\n    const hw = totalWidth / 2 - inset\n    const hd = rackDepth / 2 - inset\n\n    // vertical posts — 수평바 + 1/2 두께로 접합부 갭 채움\n    const topRailY = totalHeight - inset\n    const bottomRailY = inset\n    const postHeight = topRailY - bottomRailY + postW\n    const postGeom = new THREE.BoxGeometry(postW, postHeight, postW)\n    for (const [px, pz] of [[-hw, rackZ - hd], [-hw, rackZ + hd], [hw, rackZ - hd], [hw, rackZ + hd]]) {\n      const g = postGeom.clone()\n      g.translate(px, bottomRailY - postW / 2 + postHeight / 2, pz)\n      frameGeoms.push(g)\n    }\n\n    // horizontal rails — 좌우 inset, 상하는 enclosure 안쪽에 위치\n    const railW = totalWidth - inset * 2\n    const railAlongGeom = new THREE.BoxGeometry(railW, postW, postW)\n    const railDepthW = rackDepth - inset * 2\n    const railDepthGeom = new THREE.BoxGeometry(postW, postW, railDepthW)\n\n    for (let l = 0; l <= levels; l++) {\n      let y = l * levelHeight\n      // bottom은 enclosure 바닥에서 올라오고, top은 천장에서 내려옴\n      if (l === 0) y = inset\n      else if (l === levels) y = totalHeight - inset\n\n      // along 방향 (전면/후면)\n      for (const dz of [rackZ - hd, rackZ + hd]) {\n        const g = railAlongGeom.clone()\n        g.translate(0, y, dz)\n        frameGeoms.push(g)\n      }\n      // depth 방향 (좌측/우측 끝)\n      for (const px of [-hw, hw]) {\n        const g = railDepthGeom.clone()\n        g.translate(px, y, rackZ)\n        frameGeoms.push(g)\n      }\n    }\n\n    // shelf boards\n    const boardW = totalWidth - inset * 2\n    const boardD = rackDepth - inset * 2\n    for (let l = 0; l < levels; l++) {\n      const y = l * levelHeight + 0.5\n      const g = new THREE.PlaneGeometry(boardW, boardD)\n      g.rotateX(-Math.PI / 2)\n      g.translate(0, y, rackZ)\n      boardGeoms.push(g)\n    }\n\n    // cell stock\n    for (let l = 1; l <= levels; l++) {\n      for (let b = 1; b <= bays; b++) {\n        for (let d = 1; d <= depthCount; d++) {\n          const status = this.stocker.getCellStatus(side, b, l, d)\n          const geom = new THREE.BoxGeometry(bayWidth * 0.7, levelHeight * 0.7, cellDepthSize * 0.7)\n          const mat = new THREE.MeshStandardMaterial({\n            color: cellColor3d(status), metalness: 0.1, roughness: 0.8,\n            transparent: !status || status === 'EMPTY',\n            opacity: (!status || status === 'EMPTY') ? 0.15 : 1\n          })\n          const mesh = new THREE.Mesh(geom, mat)\n          mesh.position.set(\n            -totalWidth / 2 + (b - 0.5) * bayWidth,\n            (l - 0.5) * levelHeight,\n            rackZ + (d - 0.5 - depthCount / 2) * cellDepthSize\n          )\n          mesh.name = this.stocker.getLocationId(side, b, l, d)\n          this._cellMeshes.push(mesh)\n          this.object3d.add(mesh)\n        }\n      }\n    }\n  }\n\n  private _buildEnclosure(alongSize: number, acrossSize: number, totalHeight: number, fillStyle: string) {\n    let color = 0xcccccc\n    let opacity = 0.4\n    // rgba에서 alpha 추출, 색상만 THREE.Color로\n    const rgbaMatch = fillStyle.match(/rgba?\\(\\s*(\\d+)\\s*,\\s*(\\d+)\\s*,\\s*(\\d+)\\s*(?:,\\s*([\\d.]+))?\\s*\\)/)\n    if (rgbaMatch) {\n      const [, r, g, b, a] = rgbaMatch\n      color = new THREE.Color(parseInt(r) / 255, parseInt(g) / 255, parseInt(b) / 255).getHex()\n      if (a !== undefined) opacity = parseFloat(a)\n    } else {\n      try { color = new THREE.Color(fillStyle).getHex() } catch {}\n    }\n    const mat = new THREE.MeshStandardMaterial({ color, transparent: true, opacity, side: THREE.DoubleSide, depthWrite: false })\n    const halfW = alongSize / 2\n    const halfD = acrossSize / 2\n\n    for (const [w, h, x, y, z, ry] of [\n      [alongSize, totalHeight, 0, totalHeight / 2, -halfD, 0],\n      [alongSize, totalHeight, 0, totalHeight / 2, halfD, 0],\n      [acrossSize, totalHeight, -halfW, totalHeight / 2, 0, Math.PI / 2],\n      [acrossSize, totalHeight, halfW, totalHeight / 2, 0, Math.PI / 2]\n    ] as [number, number, number, number, number, number][]) {\n      const mesh = new THREE.Mesh(new THREE.PlaneGeometry(w, h), mat)\n      mesh.position.set(x, y, z)\n      mesh.rotation.y = ry\n      this.object3d.add(mesh)\n    }\n    const roofGeom = new THREE.PlaneGeometry(alongSize, acrossSize)\n    roofGeom.rotateX(-Math.PI / 2)\n    const roofMesh = new THREE.Mesh(roofGeom, mat)\n    roofMesh.position.y = totalHeight\n    this.object3d.add(roofMesh)\n  }\n\n  private _buildCranes(alongSize: number, totalHeight: number, maxBays: number, levels: number, aisleDepth: number, leftRackDepth: number, rightRackDepth: number) {\n    const cranesData = this.stocker.cranesData\n    const craneCount = Math.max(cranesData.length, this.component.state.cranes || 1)\n    const bayWidth = alongSize / maxBays\n    const levelHeight = totalHeight / levels\n    const craneHeight = totalHeight * 0.95\n\n    const mastMat = new THREE.MeshStandardMaterial({ color: CRANE_MAST_COLOR, metalness: 0.7, roughness: 0.4 })\n    const carriageMat = new THREE.MeshStandardMaterial({ color: CRANE_COLOR, metalness: 0.3, roughness: 0.6 })\n    const forkMat = new THREE.MeshStandardMaterial({ color: FORK_COLOR, metalness: 0.5, roughness: 0.5 })\n\n    for (let i = 0; i < craneCount; i++) {\n      const cd = cranesData[i]\n      const bay = cd?.bay ?? Math.round((i + 1) * maxBays / (craneCount + 1))\n      const level = cd?.level ?? 1\n      const side = cd?.side\n      const status = cd?.status || 'IDLE'\n\n      const craneX = -alongSize / 2 + (bay - 0.5) * bayWidth\n      const craneY = (level - 0.5) * levelHeight\n      let targetForkZ = 0\n      if ((status === 'PICKING' || status === 'PLACING') && side) {\n        targetForkZ = side === 'L' ? -(aisleDepth / 2 + leftRackDepth / 2) : (aisleDepth / 2 + rightRackDepth / 2)\n      }\n\n      const mastGroup = new THREE.Group()\n      mastGroup.position.x = craneX\n      this.object3d.add(mastGroup)\n\n      const mastMesh = new THREE.Mesh(new THREE.BoxGeometry(3, craneHeight, 3), mastMat)\n      mastMesh.position.y = craneHeight / 2\n      mastMesh.castShadow = true\n      mastGroup.add(mastMesh)\n\n      const topBeam = new THREE.Mesh(new THREE.BoxGeometry(bayWidth * 0.3, 2, aisleDepth * 0.8), mastMat)\n      topBeam.position.y = craneHeight - 1\n      mastGroup.add(topBeam)\n\n      const carriageGroup = new THREE.Group()\n      carriageGroup.position.y = craneY\n      mastGroup.add(carriageGroup)\n\n      const carrW = bayWidth * 0.7, carrH = 4, carrD = aisleDepth * 0.5\n      const carriageMesh = new THREE.Mesh(new THREE.BoxGeometry(carrW, carrH, carrD), carriageMat)\n      carriageMesh.castShadow = true\n      carriageGroup.add(carriageMesh)\n\n      const forkGroup = new THREE.Group()\n      carriageGroup.add(forkGroup)\n\n      const forkLength = Math.max(leftRackDepth, rightRackDepth) * 0.8\n      const forkW = carrW * 0.15, forkH = 1.5\n      const prongGeom = new THREE.BoxGeometry(forkW, forkH, forkLength)\n\n      const lp = new THREE.Mesh(prongGeom, forkMat)\n      lp.position.set(-carrW * 0.25, -carrH / 2 + forkH / 2, 0)\n      forkGroup.add(lp)\n      const rp = new THREE.Mesh(prongGeom.clone(), forkMat)\n      rp.position.set(carrW * 0.25, -carrH / 2 + forkH / 2, 0)\n      forkGroup.add(rp)\n      const baseMesh = new THREE.Mesh(new THREE.BoxGeometry(carrW * 0.7, forkH, forkW), forkMat)\n      baseMesh.position.set(0, -carrH / 2 + forkH / 2, -forkLength / 2 + forkW / 2)\n      forkGroup.add(baseMesh)\n\n      this._cranes.push({\n        mastGroup, carriageGroup, forkGroup,\n        state: { x: craneX, y: craneY, forkZ: 0, targetX: craneX, targetY: craneY, targetForkZ, bayWidth, levelHeight, maxBays, levels, leftRackDepth, rightRackDepth, aisleDepth }\n      })\n    }\n    if (this._cranes.some(c => c.state.targetForkZ !== 0)) this._startCraneAnim()\n  }\n\n  updateCraneTargets() {\n    const cranesData = this.stocker.cranesData\n    const alongSize = this.stocker.layout.along\n    for (let i = 0; i < this._cranes.length; i++) {\n      const crane = this._cranes[i]\n      const cd = cranesData[i]\n      const s = crane.state\n      const bay = cd?.bay ?? Math.round((i + 1) * s.maxBays / (this._cranes.length + 1))\n      const level = cd?.level ?? 1\n      const side = cd?.side\n      const status = cd?.status || 'IDLE'\n      s.targetX = -alongSize / 2 + (bay - 0.5) * s.bayWidth\n      s.targetY = (level - 0.5) * s.levelHeight\n      if ((status === 'PICKING' || status === 'PLACING') && side) {\n        s.targetForkZ = side === 'L' ? -(s.aisleDepth / 2 + s.leftRackDepth / 2) : (s.aisleDepth / 2 + s.rightRackDepth / 2)\n      } else { s.targetForkZ = 0 }\n    }\n    this._startCraneAnim()\n  }\n\n  private _startCraneAnim() {\n    if (this._animRaf) return\n    const animate = () => {\n      let allDone = true\n      for (const crane of this._cranes) {\n        const s = crane.state, speed = 0.08\n        s.x += (s.targetX - s.x) * speed; s.y += (s.targetY - s.y) * speed; s.forkZ += (s.targetForkZ - s.forkZ) * speed\n        crane.mastGroup.position.x = s.x; crane.carriageGroup.position.y = s.y; crane.forkGroup.position.z = s.forkZ\n        if (Math.abs(s.targetX - s.x) > 0.1 || Math.abs(s.targetY - s.y) > 0.1 || Math.abs(s.targetForkZ - s.forkZ) > 0.1) { allDone = false }\n        else { s.x = s.targetX; s.y = s.targetY; s.forkZ = s.targetForkZ; crane.mastGroup.position.x = s.x; crane.carriageGroup.position.y = s.y; crane.forkGroup.position.z = s.forkZ }\n      }\n      if (allDone) { this._animRaf = 0; return }\n      this._animRaf = requestAnimationFrame(animate)\n    }\n    this._animRaf = requestAnimationFrame(animate)\n  }\n\n  onchange(after: Record<string, unknown>, before: Record<string, unknown>) {\n    if ('data' in after) { this.updateCraneTargets(); this.update(); return }\n    if ('lBays' in after || 'lLevels' in after || 'lDepth' in after || 'rBays' in after || 'rLevels' in after || 'rDepth' in after ||\n        'cranes' in after || 'depth' in after || 'aisleRatio' in after ||\n        'width' in after || 'height' in after || 'locationRule' in after || 'hideRackFrame' in after || 'fillStyle' in after || 'frontSide' in after) {\n      this.update(); return\n    }\n    super.onchange(after, before)\n  }\n\n  dispose() {\n    if (this._animRaf) { cancelAnimationFrame(this._animRaf); this._animRaf = 0 }\n    this._cranes = []; this._cellMeshes = []\n    super.dispose()\n  }\n\n  updateDimension() {}\n  updateAlpha() {}\n}\n"]}

package/dist/stocker-port-3d.d.ts

@@ -0,0 +1,14 @@
+import { RealObjectGroup } from '@hatiolab/things-scene';
+import type { StockerPort } from './stocker-port.js';
+export declare class StockerPort3d extends RealObjectGroup {
+    get port(): StockerPort;
+    get position(): {
+        x: number;
+        y: any;
+        z: number;
+    };
+    build(): void;
+    onchange(after: Record<string, unknown>, before: Record<string, unknown>): void;
+    updateDimension(): void;
+    updateAlpha(): void;
+}

package/dist/stocker-port-3d.js

@@ -0,0 +1,80 @@
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ *
+ * StockerPort 3D — 독립 포트의 3D 렌더링.
+ */
+import * as THREE from 'three';
+import { RealObjectGroup } from '@hatiolab/things-scene';
+const PORT_IN_COLOR = 0x27ae60;
+const PORT_OUT_COLOR = 0xe67e22;
+const CARRIER_COLOR = 0x4a9eff;
+const EMPTY_COLOR = 0xdddddd;
+export class StockerPort3d extends RealObjectGroup {
+    get port() {
+        return this.component;
+    }
+    get position() {
+        const { zPos = 0 } = this.component.state;
+        return { x: this.cx || 0, y: zPos, z: this.cy || 0 };
+    }
+    build() {
+        super.build();
+        const { width = 30, height = 20, depth = 15, rotation = 0 } = this.component.state;
+        const isIn = this.port.portType === 'in';
+        const hasCarrier = this.port.hasCarrier;
+        this.object3d.rotation.y = -rotation;
+        const portColor = isIn ? PORT_IN_COLOR : PORT_OUT_COLOR;
+        // 포트 본체 (테이블/컨베이어 형태)
+        const baseH = depth * 0.6;
+        const legH = depth * 0.4;
+        const legW = Math.min(width, height) * 0.08;
+        // 상판
+        const topGeom = new THREE.BoxGeometry(width, 2, height);
+        const topMat = new THREE.MeshStandardMaterial({ color: portColor, metalness: 0.3, roughness: 0.7 });
+        const topMesh = new THREE.Mesh(topGeom, topMat);
+        topMesh.position.y = legH + 1;
+        topMesh.castShadow = true;
+        this.object3d.add(topMesh);
+        // 다리 4개
+        const legGeom = new THREE.BoxGeometry(legW, legH, legW);
+        const legMat = new THREE.MeshStandardMaterial({ color: 0x888888, metalness: 0.6, roughness: 0.4 });
+        const hw = width / 2 - legW;
+        const hd = height / 2 - legW;
+        for (const [lx, lz] of [[-hw, -hd], [-hw, hd], [hw, -hd], [hw, hd]]) {
+            const leg = new THREE.Mesh(legGeom, legMat);
+            leg.position.set(lx, legH / 2, lz);
+            this.object3d.add(leg);
+        }
+        // carrier가 있으면 상판 위에 박스 표시
+        if (hasCarrier) {
+            const carrierW = width * 0.7;
+            const carrierH = depth * 0.3;
+            const carrierD = height * 0.7;
+            const carrierGeom = new THREE.BoxGeometry(carrierW, carrierH, carrierD);
+            const carrierMat = new THREE.MeshStandardMaterial({ color: CARRIER_COLOR, metalness: 0.1, roughness: 0.8 });
+            const carrierMesh = new THREE.Mesh(carrierGeom, carrierMat);
+            carrierMesh.position.y = legH + 2 + carrierH / 2;
+            carrierMesh.castShadow = true;
+            this.object3d.add(carrierMesh);
+        }
+        // 방향 표시 (작은 화살표 형태 — 상판 위)
+        const arrowLen = Math.min(width, height) * 0.3;
+        const arrowGeom = new THREE.ConeGeometry(arrowLen * 0.4, arrowLen, 4);
+        const arrowMat = new THREE.MeshStandardMaterial({ color: portColor, metalness: 0.2, roughness: 0.8 });
+        const arrowMesh = new THREE.Mesh(arrowGeom, arrowMat);
+        arrowMesh.position.set(0, legH + 3, 0);
+        // IN: 아래로(+z), OUT: 위로(-z)
+        arrowMesh.rotation.x = isIn ? 0 : Math.PI;
+        this.object3d.add(arrowMesh);
+    }
+    onchange(after, before) {
+        if ('data' in after || 'portType' in after || 'width' in after || 'height' in after || 'depth' in after) {
+            this.update();
+            return;
+        }
+        super.onchange(after, before);
+    }
+    updateDimension() { }
+    updateAlpha() { }
+}
+//# sourceMappingURL=stocker-port-3d.js.map

package/dist/stocker-port-3d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stocker-port-3d.js","sourceRoot":"","sources":["../src/stocker-port-3d.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n *\n * StockerPort 3D — 독립 포트의 3D 렌더링.\n */\n\nimport * as THREE from 'three'\nimport { RealObjectGroup } from '@hatiolab/things-scene'\nimport type { StockerPort } from './stocker-port.js'\n\nconst PORT_IN_COLOR = 0x27ae60\nconst PORT_OUT_COLOR = 0xe67e22\nconst CARRIER_COLOR = 0x4a9eff\nconst EMPTY_COLOR = 0xdddddd\n\nexport class StockerPort3d extends RealObjectGroup {\n\n  get port(): StockerPort {\n    return this.component as unknown as StockerPort\n  }\n\n  get position() {\n    const { zPos = 0 } = this.component.state\n    return { x: this.cx || 0, y: zPos, z: this.cy || 0 }\n  }\n\n  build() {\n    super.build()\n\n    const { width = 30, height = 20, depth = 15, rotation = 0 } = this.component.state\n    const isIn = this.port.portType === 'in'\n    const hasCarrier = this.port.hasCarrier\n\n    this.object3d.rotation.y = -rotation\n\n    const portColor = isIn ? PORT_IN_COLOR : PORT_OUT_COLOR\n\n    // 포트 본체 (테이블/컨베이어 형태)\n    const baseH = depth * 0.6\n    const legH = depth * 0.4\n    const legW = Math.min(width, height) * 0.08\n\n    // 상판\n    const topGeom = new THREE.BoxGeometry(width, 2, height)\n    const topMat = new THREE.MeshStandardMaterial({ color: portColor, metalness: 0.3, roughness: 0.7 })\n    const topMesh = new THREE.Mesh(topGeom, topMat)\n    topMesh.position.y = legH + 1\n    topMesh.castShadow = true\n    this.object3d.add(topMesh)\n\n    // 다리 4개\n    const legGeom = new THREE.BoxGeometry(legW, legH, legW)\n    const legMat = new THREE.MeshStandardMaterial({ color: 0x888888, metalness: 0.6, roughness: 0.4 })\n    const hw = width / 2 - legW\n    const hd = height / 2 - legW\n    for (const [lx, lz] of [[-hw, -hd], [-hw, hd], [hw, -hd], [hw, hd]]) {\n      const leg = new THREE.Mesh(legGeom, legMat)\n      leg.position.set(lx, legH / 2, lz)\n      this.object3d.add(leg)\n    }\n\n    // carrier가 있으면 상판 위에 박스 표시\n    if (hasCarrier) {\n      const carrierW = width * 0.7\n      const carrierH = depth * 0.3\n      const carrierD = height * 0.7\n      const carrierGeom = new THREE.BoxGeometry(carrierW, carrierH, carrierD)\n      const carrierMat = new THREE.MeshStandardMaterial({ color: CARRIER_COLOR, metalness: 0.1, roughness: 0.8 })\n      const carrierMesh = new THREE.Mesh(carrierGeom, carrierMat)\n      carrierMesh.position.y = legH + 2 + carrierH / 2\n      carrierMesh.castShadow = true\n      this.object3d.add(carrierMesh)\n    }\n\n    // 방향 표시 (작은 화살표 형태 — 상판 위)\n    const arrowLen = Math.min(width, height) * 0.3\n    const arrowGeom = new THREE.ConeGeometry(arrowLen * 0.4, arrowLen, 4)\n    const arrowMat = new THREE.MeshStandardMaterial({ color: portColor, metalness: 0.2, roughness: 0.8 })\n    const arrowMesh = new THREE.Mesh(arrowGeom, arrowMat)\n    arrowMesh.position.set(0, legH + 3, 0)\n    // IN: 아래로(+z), OUT: 위로(-z)\n    arrowMesh.rotation.x = isIn ? 0 : Math.PI\n    this.object3d.add(arrowMesh)\n  }\n\n  onchange(after: Record<string, unknown>, before: Record<string, unknown>) {\n    if ('data' in after || 'portType' in after || 'width' in after || 'height' in after || 'depth' in after) {\n      this.update()\n      return\n    }\n    super.onchange(after, before)\n  }\n\n  updateDimension() {}\n  updateAlpha() {}\n}\n"]}