@fmsim/machine 2.0.0-beta.27 → 2.0.0-beta.28

package/package.json

@@ -2,7 +2,7 @@
   "name": "@fmsim/machine",
   "description": "Layout View를 구성하는 설비(machine)들과 유닛을 구현한 모듈입니다.",
   "author": "heartyoh",
-  "version": "2.0.0-beta.27",
+  "version": "2.0.0-beta.28",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "things-scene": true,
@@ -55,5 +55,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "6482e3e211dcafba99eef49819737c10108e99d0"
+  "gitHead": "d707acf52f4d81773f7594b83dddfc6ea465214f"
 }

package/src/carrier-manager.ts

@@ -57,7 +57,7 @@ export default class CarrierManager {
       ) as unknown as Carrier
 
       this.carriers.set(afterName, carrier)
-      holder.addComponent(carrier, true)
+      holder.addComponent(carrier, { silent: true })
     } else if (carrier.parent !== holder && (!beforeName && afterName)) {
       // CARRIERNAME이 새로 나타남 (이전엔 없었음) → 다른 holder로 이동
       ;(holder as any).reparent(carrier, { animated: true, duration: 2000, ease: 'inout' })

package/src/factories/machine-3d.ts

@@ -91,6 +91,9 @@ class MCSRealObject3D extends RealObjectGroup {
   }
 
   protected get syncZPosOffset(): number {
+    // zPos가 명시되면 그 값을 절대 높이로 사용 (다른 컴포넌트와 동일한 의미)
+    if (this.component.state.zPos != null) return 0
+
     // zPosOverride: 고정 높이 (OHTLine 등)
     if (this._config.zPosOverride != null) {
       return this._config.zPosOverride
@@ -99,10 +102,14 @@ class MCSRealObject3D extends RealObjectGroup {
     if (this._config.defaultZPosFromParent) {
       return TRANSPORT_SURFACE_HEIGHT
     }
-    // Carrier: Port 안이면 중앙, 그 외 컨테이너면 상단 위
+    // Carrier: 부모 유형에 따라 배치 위치 결정
     if (this._config.sizeRatio && this._config.sizeRatio < 1) {
       const parentType = this.component.parent?.state?.type
-      if (parentType === 'Port' || parentType === 'Shelf' || parentType === 'OHT' || parentType === 'Shuttle') {
+      // OHT: 그리퍼 아래에 매달림 (캐리어 상단이 OHT 하단에 붙음)
+      if (parentType === 'OHT') {
+        return -this.effectiveDepth
+      }
+      if (parentType === 'Port' || parentType === 'Shelf' || parentType === 'Shuttle') {
         return 0
       }
       return TRANSPORT_SURFACE_HEIGHT
@@ -395,9 +402,9 @@ class MCSRealObject3D extends RealObjectGroup {
   updateDimension() {}
 
   updateAlpha() {
-    const { alpha = 1 } = this.component.state
-    const configOpacity = this._config.opacity
-    const effective = configOpacity * alpha
+    const state = this.component.state
+    // alpha가 명시적으로 설정되어 있으면 그 값을 사용, 없으면 config 기본값 적용
+    const effective = ('alpha' in state) ? (state.alpha as number) : this._config.opacity
 
     this.object3d.traverse((o: any) => {
       if (!o.material) return
@@ -979,10 +986,15 @@ class NodeRealObject3D extends RealObjectGroup {
 
 registerRealObjectFactory('Node', (component: Component) => new NodeRealObject3D(component))
 
-// Scanner — Triangle extrude + 기본 depth = Port + Carrier 높이
-class ScannerExtrude extends TriangleExtrude {
-  get effectiveDepth(): number {
-    return this.component.state.depth || TRANSPORT_SURFACE_HEIGHT * 1.3
-  }
+// Scanner — 이송 표면 높이의 기둥 형태
+const SCANNER_CONFIG: MCS3DConfig = {
+  ...DEFAULTS,
+  defaultDepth: TRANSPORT_SURFACE_HEIGHT * 0.2,
+  defaultZPosFromParent: true,
+  opacity: 1,
+  metalness: 0.3,
+  roughness: 0.7,
+  defaultColor: 0x888888,
+  shape: 'box',
 }
-registerRealObjectFactory('Scanner', (component: Component) => new ScannerExtrude(component))
+registerRealObjectFactory('Scanner', (component: Component) => new MCSRealObject3D(component, SCANNER_CONFIG))

package/dist/factories/scanner-3d.js

@@ -1,139 +0,0 @@
-/**
- * Scanner 3D Factory
- *
- * 배터리 제조라인 고정 마운트 바코드/QR 스캐너.
- * 최소 폴리곤: 삼각 기둥(마운트 폴) + 스캐너 헤드(작은 박스) + 스캔 방향 표시.
- *
- * 구조 (바닥 원점, y=0~depth):
- *   - 삼각 기둥: 2D 삼각형을 위로 올린 형태 (마운트 기둥 겸 방향 표시)
- *   - 스캐너 헤드: 삼각 기둥 꼭짓점(스캔 방향) 상단에 작은 박스
- */
-import * as THREE from 'three';
-import { RealObjectGroup, registerRealObjectFactory, disposeObject3D } from '@hatiolab/things-scene';
-import { TRANSPORT_SURFACE_HEIGHT } from './machine-3d.js';
-const PILLAR_COLOR = 0x555566;
-const HEAD_COLOR = 0x222233;
-const LENS_COLOR = 0xcc3300;
-export class Scanner3D extends RealObjectGroup {
-    constructor() {
-        super(...arguments);
-        this._ownMeshes = [];
-    }
-    get effectiveDepth() {
-        const { depth } = this.component.state;
-        return depth || TRANSPORT_SURFACE_HEIGHT;
-    }
-    get syncZPosOffset() {
-        return 0;
-    }
-    resolveColor() {
-        const comp = this.component;
-        try {
-            const sc = comp.statusColor;
-            if (typeof sc === 'string' && sc && sc.toUpperCase() !== '#F0F0F0' && sc !== 'transparent')
-                return new THREE.Color(sc).getHex();
-        }
-        catch ( /* */_a) { /* */ }
-        const { fillStyle } = this.component.state;
-        if (fillStyle && typeof fillStyle === 'string' && fillStyle !== 'transparent') {
-            try {
-                return new THREE.Color(fillStyle).getHex();
-            }
-            catch ( /* */_b) { /* */ }
-        }
-        return PILLAR_COLOR;
-    }
-    build() {
-        super.build();
-        const { width = 10, height = 10 } = this.component.state;
-        const w = Math.abs(width);
-        const h = Math.abs(height);
-        const d = this.effectiveDepth;
-        if (!w || !h)
-            return;
-        const color = this.resolveColor();
-        // ── 삼각 기둥 (2D 삼각형을 y축으로 올린 형태) ──
-        // 삼각형: (0, -h/2) → (w/2, 0) → (0, h/2)  (꼭짓점이 +X 방향 = 스캔 방향)
-        const shape = new THREE.Shape();
-        shape.moveTo(-w / 2, -h / 2);
-        shape.lineTo(w / 2, 0);
-        shape.lineTo(-w / 2, h / 2);
-        shape.closePath();
-        const extrudeSettings = { depth: d, bevelEnabled: false };
-        const pillarGeo = new THREE.ExtrudeGeometry(shape, extrudeSettings);
-        // ExtrudeGeometry: shape은 XY 평면, depth는 +Z로 올라감
-        // 3D 좌표계: Y=up이므로 X→X, Y→Z, Z→Y로 회전
-        pillarGeo.rotateX(-Math.PI / 2);
-        // 이제 shape XY 평면이 XZ가 되고, depth가 +Y로 올라감
-        const pillarMat = new THREE.MeshStandardMaterial({
-            color,
-            metalness: 0.5,
-            roughness: 0.5,
-        });
-        const pillarMesh = new THREE.Mesh(pillarGeo, pillarMat);
-        pillarMesh.castShadow = true;
-        pillarMesh.receiveShadow = true;
-        // ── 스캐너 헤드 (삼각 기둥 꼭짓점 상단, 작은 박스) ──
-        const headW = Math.max(w * 0.25, 2);
-        const headH = Math.max(d * 0.15, 2);
-        const headD = Math.max(h * 0.3, 2);
-        const headGeo = new THREE.BoxGeometry(headW, headH, headD);
-        const headMat = new THREE.MeshStandardMaterial({
-            color: HEAD_COLOR,
-            metalness: 0.6,
-            roughness: 0.3,
-        });
-        const headMesh = new THREE.Mesh(headGeo, headMat);
-        headMesh.position.set(w / 2 - headW / 2, d + headH / 2, 0);
-        headMesh.castShadow = true;
-        // ── 렌즈 (스캔 방향 표시, 작은 빨간 디스크) ──
-        const lensR = Math.min(headD, headH) * 0.3;
-        const lensGeo = new THREE.CylinderGeometry(lensR, lensR, headW * 0.1, 8);
-        lensGeo.rotateZ(Math.PI / 2);
-        const lensMat = new THREE.MeshStandardMaterial({
-            color: LENS_COLOR,
-            emissive: LENS_COLOR,
-            emissiveIntensity: 0.5,
-            metalness: 0.0,
-            roughness: 0.3,
-        });
-        const lensMesh = new THREE.Mesh(lensGeo, lensMat);
-        lensMesh.position.set(w / 2 + headW * 0.05, d + headH / 2, 0);
-        this._ownMeshes = [pillarMesh, headMesh, lensMesh];
-        for (const m of this._ownMeshes)
-            this.object3d.add(m);
-    }
-    updateDimension() { }
-    update() {
-        for (const m of this._ownMeshes) {
-            this.object3d.remove(m);
-            disposeObject3D(m);
-        }
-        this._ownMeshes = [];
-        this.build();
-        this.updateTransform();
-        this.updateAlpha();
-        this.updateHidden();
-    }
-    updateAlpha() {
-        const { alpha = 1 } = this.component.state;
-        for (const m of this._ownMeshes) {
-            const materials = Array.isArray(m.material) ? m.material : [m.material];
-            for (const mat of materials) {
-                ;
-                mat.opacity = alpha;
-                mat.transparent = alpha < 1;
-            }
-        }
-    }
-    onchange(after, before) {
-        if ('width' in after || 'height' in after || 'depth' in after ||
-            'fillStyle' in after || 'strokeStyle' in after || 'id' in after) {
-            this.update();
-            return;
-        }
-        super.onchange(after, before);
-    }
-}
-registerRealObjectFactory('Scanner', (component) => new Scanner3D(component));
-//# sourceMappingURL=scanner-3d.js.map

package/dist/factories/scanner-3d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scanner-3d.js","sourceRoot":"","sources":["../../src/factories/scanner-3d.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Scanner 3D Factory\n *\n * 배터리 제조라인 고정 마운트 바코드/QR 스캐너.\n * 최소 폴리곤: 삼각 기둥(마운트 폴) + 스캐너 헤드(작은 박스) + 스캔 방향 표시.\n *\n * 구조 (바닥 원점, y=0~depth):\n *   - 삼각 기둥: 2D 삼각형을 위로 올린 형태 (마운트 기둥 겸 방향 표시)\n *   - 스캐너 헤드: 삼각 기둥 꼭짓점(스캔 방향) 상단에 작은 박스\n */\n\nimport * as THREE from 'three'\nimport { RealObjectGroup, registerRealObjectFactory, disposeObject3D } from '@hatiolab/things-scene'\nimport type { Component } from '@hatiolab/things-scene'\nimport { TRANSPORT_SURFACE_HEIGHT } from './machine-3d.js'\n\nconst PILLAR_COLOR = 0x555566\nconst HEAD_COLOR = 0x222233\nconst LENS_COLOR = 0xcc3300\n\nexport class Scanner3D extends RealObjectGroup {\n  private _ownMeshes: THREE.Mesh[] = []\n\n  get effectiveDepth(): number {\n    const { depth } = this.component.state\n    return depth || TRANSPORT_SURFACE_HEIGHT\n  }\n\n  protected get syncZPosOffset(): number {\n    return 0\n  }\n\n  private resolveColor(): number {\n    const comp = this.component as any\n    try {\n      const sc = comp.statusColor\n      if (typeof sc === 'string' && sc && sc.toUpperCase() !== '#F0F0F0' && sc !== 'transparent')\n        return new THREE.Color(sc).getHex()\n    } catch { /* */ }\n\n    const { fillStyle } = this.component.state\n    if (fillStyle && typeof fillStyle === 'string' && fillStyle !== 'transparent') {\n      try { return new THREE.Color(fillStyle).getHex() } catch { /* */ }\n    }\n    return PILLAR_COLOR\n  }\n\n  build() {\n    super.build()\n\n    const { width = 10, height = 10 } = this.component.state\n    const w = Math.abs(width)\n    const h = Math.abs(height)\n    const d = this.effectiveDepth\n    if (!w || !h) return\n\n    const color = this.resolveColor()\n\n    // ── 삼각 기둥 (2D 삼각형을 y축으로 올린 형태) ──\n    // 삼각형: (0, -h/2) → (w/2, 0) → (0, h/2)  (꼭짓점이 +X 방향 = 스캔 방향)\n    const shape = new THREE.Shape()\n    shape.moveTo(-w / 2, -h / 2)\n    shape.lineTo(w / 2, 0)\n    shape.lineTo(-w / 2, h / 2)\n    shape.closePath()\n\n    const extrudeSettings = { depth: d, bevelEnabled: false }\n    const pillarGeo = new THREE.ExtrudeGeometry(shape, extrudeSettings)\n    // ExtrudeGeometry: shape은 XY 평면, depth는 +Z로 올라감\n    // 3D 좌표계: Y=up이므로 X→X, Y→Z, Z→Y로 회전\n    pillarGeo.rotateX(-Math.PI / 2)\n    // 이제 shape XY 평면이 XZ가 되고, depth가 +Y로 올라감\n\n    const pillarMat = new THREE.MeshStandardMaterial({\n      color,\n      metalness: 0.5,\n      roughness: 0.5,\n    })\n    const pillarMesh = new THREE.Mesh(pillarGeo, pillarMat)\n    pillarMesh.castShadow = true\n    pillarMesh.receiveShadow = true\n\n    // ── 스캐너 헤드 (삼각 기둥 꼭짓점 상단, 작은 박스) ──\n    const headW = Math.max(w * 0.25, 2)\n    const headH = Math.max(d * 0.15, 2)\n    const headD = Math.max(h * 0.3, 2)\n    const headGeo = new THREE.BoxGeometry(headW, headH, headD)\n    const headMat = new THREE.MeshStandardMaterial({\n      color: HEAD_COLOR,\n      metalness: 0.6,\n      roughness: 0.3,\n    })\n    const headMesh = new THREE.Mesh(headGeo, headMat)\n    headMesh.position.set(w / 2 - headW / 2, d + headH / 2, 0)\n    headMesh.castShadow = true\n\n    // ── 렌즈 (스캔 방향 표시, 작은 빨간 디스크) ──\n    const lensR = Math.min(headD, headH) * 0.3\n    const lensGeo = new THREE.CylinderGeometry(lensR, lensR, headW * 0.1, 8)\n    lensGeo.rotateZ(Math.PI / 2)\n    const lensMat = new THREE.MeshStandardMaterial({\n      color: LENS_COLOR,\n      emissive: LENS_COLOR,\n      emissiveIntensity: 0.5,\n      metalness: 0.0,\n      roughness: 0.3,\n    })\n    const lensMesh = new THREE.Mesh(lensGeo, lensMat)\n    lensMesh.position.set(w / 2 + headW * 0.05, d + headH / 2, 0)\n\n    this._ownMeshes = [pillarMesh, headMesh, lensMesh]\n    for (const m of this._ownMeshes) this.object3d.add(m)\n  }\n\n  updateDimension() {}\n\n  update() {\n    for (const m of this._ownMeshes) {\n      this.object3d.remove(m)\n      disposeObject3D(m)\n    }\n    this._ownMeshes = []\n    this.build()\n    this.updateTransform()\n    this.updateAlpha()\n    this.updateHidden()\n  }\n\n  updateAlpha() {\n    const { alpha = 1 } = this.component.state\n    for (const m of this._ownMeshes) {\n      const materials = Array.isArray(m.material) ? m.material : [m.material]\n      for (const mat of materials) {\n        ;(mat as THREE.MeshStandardMaterial).opacity = alpha\n        ;(mat as THREE.MeshStandardMaterial).transparent = alpha < 1\n      }\n    }\n  }\n\n  onchange(after: Record<string, unknown>, before: Record<string, unknown>) {\n    if ('width' in after || 'height' in after || 'depth' in after ||\n        'fillStyle' in after || 'strokeStyle' in after || 'id' in after) {\n      this.update()\n      return\n    }\n    super.onchange(after, before)\n  }\n}\n\nregisterRealObjectFactory('Scanner', (component: Component) => new Scanner3D(component))\n"]}