@fmsim/machine 2.0.0-beta.56 → 2.0.0-beta.57

package/package.json

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

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

@@ -30,8 +30,8 @@ interface MCS3DConfig {
   roughness: number
   /** statusColor 미사용 시 기본 색상 */
   defaultColor: number
-  /** 'box' | 'hexagon' */
-  shape: 'box' | 'hexagon' | 'plane'
+  /** 'box' | 'hexagon' | 'plane' | 'triangle' */
+  shape: 'box' | 'hexagon' | 'plane' | 'triangle'
   /** mesh 생성 전 가시성 판정 — false 반환 시 mesh 미생성 */
   isVisible?: (component: Component) => boolean
   /** 부모 대비 크기 비율 (기본 1.0). < 1이면 부모 중심에 배치. */
@@ -76,9 +76,14 @@ class MCSRealObject3D extends RealObjectGroup {
     this._config = config
   }
 
-  // width, height 절대값 (음수 값은 양수로 취급)
+  // width, height 절대값 (음수 값은 양수로 취급).
+  // `resizable:false` 컴포넌트(예: Scanner)는 state.width/height 가 없고
+  // bounds 만 있을 수 있으므로 bounds 를 fallback 으로 사용.
   protected get absSize(): { w: number; h: number } {
-    const { width = 10, height = 10 } = this.component.state
+    const state = (this.component.state || {}) as any
+    const bounds = (this.component.bounds || {}) as any
+    const width = state.width ?? bounds.width ?? 10
+    const height = state.height ?? bounds.height ?? 10
     return { w: Math.abs(width), h: Math.abs(height) }
   }
 
@@ -221,6 +226,37 @@ class MCSRealObject3D extends RealObjectGroup {
     return geo
   }
 
+  /**
+   * 삼각형 prism — 2D Triangle 의 꼭짓점(state.x1/y1, x2/y2, x3/y3) 을 그대로 사용.
+   * things-scene 의 TriangleExtrude 와 동일한 방식 — 각 Scanner 인스턴스의
+   * 실제 정점 배치(방향, 비대칭 등) 가 3D 에 반영된다.
+   *
+   * `geometry.center()` 로 로컬 원점을 bounding-box 중심으로 맞추므로
+   * 후속 placement 와 정합.
+   */
+  private buildTriangleGeometry(d: number): THREE.BufferGeometry {
+    const state = (this.component.state || {}) as any
+    const { x1 = 0, y1 = 0, x2 = 0, y2 = 0, x3 = 0, y3 = 0 } = state
+
+    const shape = new THREE.Shape()
+    shape.moveTo(x1, y1)
+    shape.lineTo(x2, y2)
+    shape.lineTo(x3, y3)
+    shape.closePath()
+
+    const geo = new THREE.ExtrudeGeometry(shape, {
+      steps: 1,
+      depth: d,
+      bevelEnabled: false,
+    })
+
+    // bounding box 중심으로 원점 정렬 후 Y-up 좌표계로 회전
+    geo.center()
+    geo.rotateX(Math.PI / 2)
+
+    return this.removeBottomFace(geo)
+  }
+
   // ── Build ──
 
   protected _ownMesh?: THREE.Mesh
@@ -248,7 +284,9 @@ class MCSRealObject3D extends RealObjectGroup {
         ? this.buildPlaneGeometry(w, h)
         : shape === 'hexagon'
           ? this.buildHexagonGeometry(w, depth, h)
-          : this.buildBoxGeometry(w, depth, h)
+          : shape === 'triangle'
+            ? this.buildTriangleGeometry(depth)
+            : this.buildBoxGeometry(w, depth, h)
 
     const isPlane = shape === 'plane'
     const material = isPlane
@@ -998,7 +1036,8 @@ class NodeRealObject3D extends RealObjectGroup {
 
 registerRealObjectFactory('Node', (component: Component) => new NodeRealObject3D(component))
 
-// Scanner — 이송 표면 높이의 기둥 형태
+// Scanner — 2D Triangle 실루엣과 정합되는 삼각형 prism.
+// 이송 표면 높이의 0.2배(=6) 얇은 기둥 — 원래 값 유지, shape 만 'box' → 'triangle'.
 const SCANNER_CONFIG: MCS3DConfig = {
   ...DEFAULTS,
   defaultDepth: TRANSPORT_SURFACE_HEIGHT * 0.2,
@@ -1007,6 +1046,6 @@ const SCANNER_CONFIG: MCS3DConfig = {
   metalness: 0.3,
   roughness: 0.7,
   defaultColor: 0x888888,
-  shape: 'box',
+  shape: 'triangle',
 }
 registerRealObjectFactory('Scanner', (component: Component) => new MCSRealObject3D(component, SCANNER_CONFIG))

package/src/templates/scanner.ts

@@ -14,7 +14,7 @@ export default {
     x3: 100,
     y3: 120,
     strokeStyle: '#333',
-    fillStyle: '#8899aa',
+    fillStyle: 'red',
     lineWidth: 1
   }
 }