@operato/scene-wheel-sorter 9.1.1 → 10.0.0-beta.1

package/dist/conveyor-3d.d.ts

@@ -0,0 +1,22 @@
+import { RealObjectGroup } from '@hatiolab/things-scene';
+export declare class Conveyor3D extends RealObjectGroup {
+    get effectiveDepth(): number;
+    get position(): {
+        x: number;
+        y: any;
+        z: number;
+    };
+    /**
+     * syncFromObject3D 역변환 시 zPos 오프셋.
+     * position.y = zPos + effectiveDepth/2 이므로, 역변환도 effectiveDepth/2를 빼야 한다.
+     */
+    protected get syncZPosOffset(): number;
+    build(): void;
+    private buildRollers;
+    private buildBelt;
+    /** Control box (motor/controller housing) + status indicator light */
+    private buildControlBox;
+    updateDimension(): void;
+    onchange(after: Record<string, unknown>, before: Record<string, unknown>): void;
+    updateAlpha(): void;
+}

package/dist/conveyor-3d.js

@@ -0,0 +1,257 @@
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ *
+ * Straight Conveyor 3D Model
+ *
+ * Roller type: side rails + evenly-spaced cylindrical rollers + 4 legs with cross-bracing
+ * Belt type:   side rails + two end drums with belt wrapping over them + 4 legs with cross-bracing
+ * Both types include a control box at one end and a status indicator light.
+ */
+import * as THREE from 'three';
+import * as BufferGeometryUtils from 'three/examples/jsm/utils/BufferGeometryUtils.js';
+import { RealObjectGroup } from '@hatiolab/things-scene';
+const FILL_COLORS = {
+    0: 0xcccccc, // IDLE
+    1: 0xafd0f1, // RUN
+    2: 0xafd0f1, // REVERSE
+    3: 0xffba00, // WARN
+    4: 0xe9746b // ERROR
+};
+const FRAME_COLOR = 0x888899;
+const ROLLER_COLOR = 0xaaaabc;
+const CONTROL_BOX_COLOR = 0x556677;
+const STATUS_EMISSIVE = {
+    0: 0x333333,
+    1: 0x44aaff,
+    2: 0x44aaff,
+    3: 0xffaa00,
+    4: 0xff3333
+};
+export class Conveyor3D extends RealObjectGroup {
+    get effectiveDepth() {
+        const { width, height, depth } = this.component.state;
+        return depth || Math.min(width, height) * 1.5;
+    }
+    get position() {
+        const { zPos = 0 } = this.component.state;
+        return {
+            x: this.cx,
+            y: zPos + this.effectiveDepth / 2,
+            z: this.cy
+        };
+    }
+    /**
+     * syncFromObject3D 역변환 시 zPos 오프셋.
+     * position.y = zPos + effectiveDepth/2 이므로, 역변환도 effectiveDepth/2를 빼야 한다.
+     */
+    get syncZPosOffset() {
+        return this.effectiveDepth / 2;
+    }
+    build() {
+        super.build();
+        const { width, height, conveyorType = 0, value = 0, rollWidth = 10 } = this.component.state;
+        const depth = this.effectiveDepth;
+        // 프레임 두께: rollWidth(롤러 직경)와 동일 단위. 롤러를 감쌀 수 있어야 한다.
+        const rollerDiameter = Math.max(rollWidth, 2);
+        const frameH = rollerDiameter;
+        const legH = Math.max(depth - frameH, 0);
+        const railW = Math.max(height * 0.06, 2);
+        const legThickness = Math.max(railW * 0.8, 2);
+        const frameMaterial = new THREE.MeshStandardMaterial({
+            color: FRAME_COLOR,
+            metalness: 0.85,
+            roughness: 0.35
+        });
+        // --- Frame: side rails + legs + cross-bracing ---
+        const frameGeometries = [];
+        const railY = depth / 2 - frameH / 2;
+        // Side rails (along X)
+        for (const zSign of [-1, 1]) {
+            const rail = new THREE.BoxGeometry(width, frameH, railW);
+            rail.translate(0, railY, zSign * (height / 2 - railW / 2));
+            frameGeometries.push(rail);
+        }
+        // 4 legs at corners — 레일 바로 아래에 정렬
+        const legTopY = depth / 2 - frameH;
+        const legCenterY = legTopY - legH / 2;
+        for (const xSign of [-1, 1]) {
+            for (const zSign of [-1, 1]) {
+                const lx = xSign * (width / 2 - legThickness / 2);
+                const lz = zSign * (height / 2 - railW / 2);
+                const leg = new THREE.BoxGeometry(legThickness, legH, legThickness);
+                leg.translate(lx, legCenterY, lz);
+                frameGeometries.push(leg);
+            }
+        }
+        // Cross-bracing: 다리 사이 연결
+        const braceH = legThickness * 0.6;
+        const braceW = legThickness * 0.6;
+        const braceLen = height - railW;
+        const braceY = legTopY - legH * 0.35;
+        for (const xSign of [-1, 1]) {
+            const brace = new THREE.BoxGeometry(braceW, braceH, braceLen);
+            brace.translate(xSign * (width / 2 - legThickness / 2), braceY, 0);
+            frameGeometries.push(brace);
+        }
+        // Cross-bracing: 좌우 다리 연결
+        const braceLenX = width - legThickness;
+        for (const zSign of [-1, 1]) {
+            const brace = new THREE.BoxGeometry(braceLenX, braceH, braceW);
+            brace.translate(0, braceY, zSign * (height / 2 - railW / 2));
+            frameGeometries.push(brace);
+        }
+        const frameMesh = new THREE.Mesh(BufferGeometryUtils.mergeGeometries(frameGeometries), frameMaterial);
+        frameMesh.castShadow = true;
+        frameMesh.receiveShadow = true;
+        this.object3d.add(frameMesh);
+        // --- Rollers or Belt ---
+        if (conveyorType === 1) {
+            this.buildBelt(width, height, depth, frameH, railW, value);
+        }
+        else {
+            this.buildRollers(width, height, depth, frameH, railW, rollWidth);
+        }
+        // --- Control box (motor housing at one end) ---
+        this.buildControlBox(width, height, depth, frameH, railW, value);
+    }
+    buildRollers(width, height, depth, frameH, railW, rollWidth) {
+        // 롤러 반지름: rollWidth 속성으로 결정 (기본 10 → 직경 10)
+        const rollerRadius = Math.max(rollWidth / 2, 1);
+        const rollerLength = height - railW * 2 - 0.5;
+        const diameter = rollerRadius * 2;
+        // 롤러 간 최소 간격 (Z-fighting 방지)
+        const step = diameter + 1;
+        // 롤러 중심 = 프레임 중심 (프레임이 롤러를 감싸도록)
+        const rollerY = depth / 2 - frameH / 2;
+        const rollerGeometries = [];
+        const count = Math.max(1, Math.floor(width / step));
+        const totalSpan = (count - 1) * step;
+        const startX = -totalSpan / 2;
+        for (let i = 0; i < count; i++) {
+            const x = startX + i * step;
+            const roller = new THREE.CylinderGeometry(rollerRadius, rollerRadius, rollerLength, 16);
+            roller.rotateX(Math.PI / 2);
+            roller.translate(x, rollerY, 0);
+            rollerGeometries.push(roller);
+        }
+        if (rollerGeometries.length > 0) {
+            const rollerMesh = new THREE.Mesh(BufferGeometryUtils.mergeGeometries(rollerGeometries), new THREE.MeshStandardMaterial({ color: ROLLER_COLOR, metalness: 0.9, roughness: 0.2 }));
+            rollerMesh.castShadow = true;
+            this.object3d.add(rollerMesh);
+        }
+    }
+    buildBelt(width, height, depth, frameH, railW, value) {
+        const drumRadius = frameH * 0.38;
+        const drumLength = height - railW * 2;
+        const beltY = depth / 2 - frameH / 2;
+        const fillColor = FILL_COLORS[value] ?? FILL_COLORS[0];
+        const rollerMaterial = new THREE.MeshStandardMaterial({
+            color: ROLLER_COLOR,
+            metalness: 0.9,
+            roughness: 0.2
+        });
+        // Two end drums
+        const drumGeometries = [];
+        const drumInset = drumRadius * 1.5;
+        const leftDrumX = -width / 2 + drumInset;
+        const rightDrumX = width / 2 - drumInset;
+        for (const dx of [leftDrumX, rightDrumX]) {
+            const drum = new THREE.CylinderGeometry(drumRadius, drumRadius, drumLength, 16);
+            drum.rotateX(Math.PI / 2);
+            drum.translate(dx, beltY, 0);
+            drumGeometries.push(drum);
+        }
+        const drumMesh = new THREE.Mesh(BufferGeometryUtils.mergeGeometries(drumGeometries), rollerMaterial);
+        drumMesh.castShadow = true;
+        this.object3d.add(drumMesh);
+        // Belt surface: flat top + half-cylinder wraps around each drum end
+        const beltThickness = drumRadius * 0.12;
+        const beltMaterial = new THREE.MeshStandardMaterial({
+            color: fillColor,
+            metalness: 0.0,
+            roughness: 0.9
+        });
+        // Flat belt top surface spanning between drums
+        const flatLen = rightDrumX - leftDrumX;
+        const flatGeo = new THREE.BoxGeometry(flatLen, beltThickness, drumLength);
+        const flatMesh = new THREE.Mesh(flatGeo, beltMaterial);
+        flatMesh.position.set(0, beltY + drumRadius, 0);
+        flatMesh.castShadow = true;
+        this.object3d.add(flatMesh);
+        // Belt wrap around drums (half-torus shape using extruded half-circle)
+        const wrapSegments = 12;
+        for (const [dx, angleStart] of [
+            [leftDrumX, Math.PI / 2],
+            [rightDrumX, -Math.PI / 2]
+        ]) {
+            const wrapGeometries = [];
+            for (let i = 0; i < wrapSegments; i++) {
+                const a0 = angleStart + (Math.PI * i) / wrapSegments;
+                const a1 = angleStart + (Math.PI * (i + 1)) / wrapSegments;
+                const r = drumRadius + beltThickness / 2;
+                const x0 = dx + Math.cos(a0) * r;
+                const y0 = beltY + Math.sin(a0) * r;
+                const x1 = dx + Math.cos(a1) * r;
+                const y1 = beltY + Math.sin(a1) * r;
+                const segLen = Math.sqrt((x1 - x0) ** 2 + (y1 - y0) ** 2) * 1.05;
+                const segAngle = Math.atan2(y1 - y0, x1 - x0);
+                const seg = new THREE.BoxGeometry(segLen, beltThickness, drumLength);
+                seg.rotateZ(segAngle);
+                seg.translate((x0 + x1) / 2, (y0 + y1) / 2, 0);
+                wrapGeometries.push(seg);
+            }
+            const wrapMesh = new THREE.Mesh(BufferGeometryUtils.mergeGeometries(wrapGeometries), beltMaterial);
+            wrapMesh.castShadow = true;
+            this.object3d.add(wrapMesh);
+        }
+        // Flat belt bottom (return path, slightly below)
+        const bottomGeo = new THREE.BoxGeometry(flatLen, beltThickness, drumLength * 0.85);
+        const bottomMesh = new THREE.Mesh(bottomGeo, beltMaterial);
+        bottomMesh.position.set(0, beltY - drumRadius, 0);
+        this.object3d.add(bottomMesh);
+    }
+    /** Control box (motor/controller housing) + status indicator light */
+    buildControlBox(width, height, depth, frameH, railW, value) {
+        const boxW = Math.max(width * 0.08, 4);
+        const boxH = frameH * 0.7;
+        const boxD = Math.max(height * 0.2, 4);
+        const railY = depth / 2 - frameH / 2;
+        // Box positioned at one end, attached to the side rail
+        const boxMaterial = new THREE.MeshStandardMaterial({
+            color: CONTROL_BOX_COLOR,
+            metalness: 0.6,
+            roughness: 0.4
+        });
+        const boxGeo = new THREE.BoxGeometry(boxW, boxH, boxD);
+        const boxMesh = new THREE.Mesh(boxGeo, boxMaterial);
+        boxMesh.position.set(-width / 2 + boxW / 2 + railW, railY - frameH / 2 - boxH / 2 + boxH * 0.15, -height / 2 + railW + boxD / 2);
+        boxMesh.castShadow = true;
+        this.object3d.add(boxMesh);
+        // Status indicator light on top of control box
+        const lightR = Math.min(boxW, boxD) * 0.25;
+        const lightH = lightR * 1.2;
+        const emissiveColor = STATUS_EMISSIVE[value] ?? STATUS_EMISSIVE[0];
+        const lightIntensity = value > 0 ? 1.5 : 0.2;
+        const lightMaterial = new THREE.MeshStandardMaterial({
+            color: emissiveColor,
+            emissive: emissiveColor,
+            emissiveIntensity: lightIntensity,
+            metalness: 0.0,
+            roughness: 0.3
+        });
+        const lightGeo = new THREE.CylinderGeometry(lightR, lightR * 0.8, lightH, 12);
+        const lightMesh = new THREE.Mesh(lightGeo, lightMaterial);
+        lightMesh.position.set(boxMesh.position.x, boxMesh.position.y + boxH / 2 + lightH / 2, boxMesh.position.z);
+        this.object3d.add(lightMesh);
+    }
+    updateDimension() { }
+    onchange(after, before) {
+        if ('value' in after || 'conveyorType' in after || 'rollWidth' in after || 'width' in after || 'height' in after || 'depth' in after) {
+            this.update();
+            return;
+        }
+        super.onchange(after, before);
+    }
+    updateAlpha() { }
+}
+//# sourceMappingURL=conveyor-3d.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"conveyor-3d.js","sourceRoot":"","sources":["../src/conveyor-3d.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n *\n * Straight Conveyor 3D Model\n *\n * Roller type: side rails + evenly-spaced cylindrical rollers + 4 legs with cross-bracing\n * Belt type:   side rails + two end drums with belt wrapping over them + 4 legs with cross-bracing\n * Both types include a control box at one end and a status indicator light.\n */\n\nimport * as THREE from 'three'\nimport * as BufferGeometryUtils from 'three/examples/jsm/utils/BufferGeometryUtils.js'\nimport { RealObjectGroup } from '@hatiolab/things-scene'\n\nconst FILL_COLORS: Record<number, number> = {\n  0: 0xcccccc, // IDLE\n  1: 0xafd0f1, // RUN\n  2: 0xafd0f1, // REVERSE\n  3: 0xffba00, // WARN\n  4: 0xe9746b // ERROR\n}\n\nconst FRAME_COLOR = 0x888899\nconst ROLLER_COLOR = 0xaaaabc\nconst CONTROL_BOX_COLOR = 0x556677\nconst STATUS_EMISSIVE: Record<number, number> = {\n  0: 0x333333,\n  1: 0x44aaff,\n  2: 0x44aaff,\n  3: 0xffaa00,\n  4: 0xff3333\n}\n\nexport class Conveyor3D extends RealObjectGroup {\n  get effectiveDepth(): number {\n    const { width, height, depth } = this.component.state\n    return depth || Math.min(width, height) * 1.5\n  }\n\n  get position() {\n    const { zPos = 0 } = this.component.state\n    return {\n      x: this.cx,\n      y: zPos + this.effectiveDepth / 2,\n      z: this.cy\n    }\n  }\n\n  /**\n   * syncFromObject3D 역변환 시 zPos 오프셋.\n   * position.y = zPos + effectiveDepth/2 이므로, 역변환도 effectiveDepth/2를 빼야 한다.\n   */\n  protected get syncZPosOffset(): number {\n    return this.effectiveDepth / 2\n  }\n\n  build() {\n    super.build()\n\n    const { width, height, conveyorType = 0, value = 0, rollWidth = 10 } = this.component.state\n    const depth = this.effectiveDepth\n\n    // 프레임 두께: rollWidth(롤러 직경)와 동일 단위. 롤러를 감쌀 수 있어야 한다.\n    const rollerDiameter = Math.max(rollWidth as number, 2)\n    const frameH = rollerDiameter\n    const legH = Math.max(depth - frameH, 0)\n    const railW = Math.max(height * 0.06, 2)\n    const legThickness = Math.max(railW * 0.8, 2)\n\n    const frameMaterial = new THREE.MeshStandardMaterial({\n      color: FRAME_COLOR,\n      metalness: 0.85,\n      roughness: 0.35\n    })\n\n    // --- Frame: side rails + legs + cross-bracing ---\n    const frameGeometries: THREE.BufferGeometry[] = []\n    const railY = depth / 2 - frameH / 2\n\n    // Side rails (along X)\n    for (const zSign of [-1, 1]) {\n      const rail = new THREE.BoxGeometry(width, frameH, railW)\n      rail.translate(0, railY, zSign * (height / 2 - railW / 2))\n      frameGeometries.push(rail)\n    }\n\n    // 4 legs at corners — 레일 바로 아래에 정렬\n    const legTopY = depth / 2 - frameH\n    const legCenterY = legTopY - legH / 2\n\n    for (const xSign of [-1, 1]) {\n      for (const zSign of [-1, 1]) {\n        const lx = xSign * (width / 2 - legThickness / 2)\n        const lz = zSign * (height / 2 - railW / 2)\n        const leg = new THREE.BoxGeometry(legThickness, legH, legThickness)\n        leg.translate(lx, legCenterY, lz)\n        frameGeometries.push(leg)\n      }\n    }\n\n    // Cross-bracing: 다리 사이 연결\n    const braceH = legThickness * 0.6\n    const braceW = legThickness * 0.6\n    const braceLen = height - railW\n    const braceY = legTopY - legH * 0.35\n\n    for (const xSign of [-1, 1]) {\n      const brace = new THREE.BoxGeometry(braceW, braceH, braceLen)\n      brace.translate(xSign * (width / 2 - legThickness / 2), braceY, 0)\n      frameGeometries.push(brace)\n    }\n\n    // Cross-bracing: 좌우 다리 연결\n    const braceLenX = width - legThickness\n    for (const zSign of [-1, 1]) {\n      const brace = new THREE.BoxGeometry(braceLenX, braceH, braceW)\n      brace.translate(0, braceY, zSign * (height / 2 - railW / 2))\n      frameGeometries.push(brace)\n    }\n\n    const frameMesh = new THREE.Mesh(BufferGeometryUtils.mergeGeometries(frameGeometries), frameMaterial)\n    frameMesh.castShadow = true\n    frameMesh.receiveShadow = true\n    this.object3d.add(frameMesh)\n\n    // --- Rollers or Belt ---\n    if (conveyorType === 1) {\n      this.buildBelt(width, height, depth, frameH, railW, value)\n    } else {\n      this.buildRollers(width, height, depth, frameH, railW, rollWidth as number)\n    }\n\n    // --- Control box (motor housing at one end) ---\n    this.buildControlBox(width, height, depth, frameH, railW, value)\n  }\n\n  private buildRollers(width: number, height: number, depth: number, frameH: number, railW: number, rollWidth: number) {\n    // 롤러 반지름: rollWidth 속성으로 결정 (기본 10 → 직경 10)\n    const rollerRadius = Math.max(rollWidth / 2, 1)\n    const rollerLength = height - railW * 2 - 0.5\n    const diameter = rollerRadius * 2\n    // 롤러 간 최소 간격 (Z-fighting 방지)\n    const step = diameter + 1\n    // 롤러 중심 = 프레임 중심 (프레임이 롤러를 감싸도록)\n    const rollerY = depth / 2 - frameH / 2\n\n    const rollerGeometries: THREE.BufferGeometry[] = []\n    const count = Math.max(1, Math.floor(width / step))\n    const totalSpan = (count - 1) * step\n    const startX = -totalSpan / 2\n\n    for (let i = 0; i < count; i++) {\n      const x = startX + i * step\n      const roller = new THREE.CylinderGeometry(rollerRadius, rollerRadius, rollerLength, 16)\n      roller.rotateX(Math.PI / 2)\n      roller.translate(x, rollerY, 0)\n      rollerGeometries.push(roller)\n    }\n\n    if (rollerGeometries.length > 0) {\n      const rollerMesh = new THREE.Mesh(\n        BufferGeometryUtils.mergeGeometries(rollerGeometries),\n        new THREE.MeshStandardMaterial({ color: ROLLER_COLOR, metalness: 0.9, roughness: 0.2 })\n      )\n      rollerMesh.castShadow = true\n      this.object3d.add(rollerMesh)\n    }\n  }\n\n  private buildBelt(width: number, height: number, depth: number, frameH: number, railW: number, value: number) {\n    const drumRadius = frameH * 0.38\n    const drumLength = height - railW * 2\n    const beltY = depth / 2 - frameH / 2\n    const fillColor = FILL_COLORS[value] ?? FILL_COLORS[0]\n\n    const rollerMaterial = new THREE.MeshStandardMaterial({\n      color: ROLLER_COLOR,\n      metalness: 0.9,\n      roughness: 0.2\n    })\n\n    // Two end drums\n    const drumGeometries: THREE.BufferGeometry[] = []\n    const drumInset = drumRadius * 1.5\n    const leftDrumX = -width / 2 + drumInset\n    const rightDrumX = width / 2 - drumInset\n\n    for (const dx of [leftDrumX, rightDrumX]) {\n      const drum = new THREE.CylinderGeometry(drumRadius, drumRadius, drumLength, 16)\n      drum.rotateX(Math.PI / 2)\n      drum.translate(dx, beltY, 0)\n      drumGeometries.push(drum)\n    }\n\n    const drumMesh = new THREE.Mesh(BufferGeometryUtils.mergeGeometries(drumGeometries), rollerMaterial)\n    drumMesh.castShadow = true\n    this.object3d.add(drumMesh)\n\n    // Belt surface: flat top + half-cylinder wraps around each drum end\n    const beltThickness = drumRadius * 0.12\n    const beltMaterial = new THREE.MeshStandardMaterial({\n      color: fillColor,\n      metalness: 0.0,\n      roughness: 0.9\n    })\n\n    // Flat belt top surface spanning between drums\n    const flatLen = rightDrumX - leftDrumX\n    const flatGeo = new THREE.BoxGeometry(flatLen, beltThickness, drumLength)\n    const flatMesh = new THREE.Mesh(flatGeo, beltMaterial)\n    flatMesh.position.set(0, beltY + drumRadius, 0)\n    flatMesh.castShadow = true\n    this.object3d.add(flatMesh)\n\n    // Belt wrap around drums (half-torus shape using extruded half-circle)\n    const wrapSegments = 12\n    for (const [dx, angleStart] of [\n      [leftDrumX, Math.PI / 2],\n      [rightDrumX, -Math.PI / 2]\n    ] as [number, number][]) {\n      const wrapGeometries: THREE.BufferGeometry[] = []\n      for (let i = 0; i < wrapSegments; i++) {\n        const a0 = angleStart + (Math.PI * i) / wrapSegments\n        const a1 = angleStart + (Math.PI * (i + 1)) / wrapSegments\n        const r = drumRadius + beltThickness / 2\n\n        const x0 = dx + Math.cos(a0) * r\n        const y0 = beltY + Math.sin(a0) * r\n        const x1 = dx + Math.cos(a1) * r\n        const y1 = beltY + Math.sin(a1) * r\n\n        const segLen = Math.sqrt((x1 - x0) ** 2 + (y1 - y0) ** 2) * 1.05\n        const segAngle = Math.atan2(y1 - y0, x1 - x0)\n\n        const seg = new THREE.BoxGeometry(segLen, beltThickness, drumLength)\n        seg.rotateZ(segAngle)\n        seg.translate((x0 + x1) / 2, (y0 + y1) / 2, 0)\n        wrapGeometries.push(seg)\n      }\n      const wrapMesh = new THREE.Mesh(BufferGeometryUtils.mergeGeometries(wrapGeometries), beltMaterial)\n      wrapMesh.castShadow = true\n      this.object3d.add(wrapMesh)\n    }\n\n    // Flat belt bottom (return path, slightly below)\n    const bottomGeo = new THREE.BoxGeometry(flatLen, beltThickness, drumLength * 0.85)\n    const bottomMesh = new THREE.Mesh(bottomGeo, beltMaterial)\n    bottomMesh.position.set(0, beltY - drumRadius, 0)\n    this.object3d.add(bottomMesh)\n  }\n\n  /** Control box (motor/controller housing) + status indicator light */\n  private buildControlBox(\n    width: number,\n    height: number,\n    depth: number,\n    frameH: number,\n    railW: number,\n    value: number\n  ) {\n    const boxW = Math.max(width * 0.08, 4)\n    const boxH = frameH * 0.7\n    const boxD = Math.max(height * 0.2, 4)\n    const railY = depth / 2 - frameH / 2\n\n    // Box positioned at one end, attached to the side rail\n    const boxMaterial = new THREE.MeshStandardMaterial({\n      color: CONTROL_BOX_COLOR,\n      metalness: 0.6,\n      roughness: 0.4\n    })\n\n    const boxGeo = new THREE.BoxGeometry(boxW, boxH, boxD)\n    const boxMesh = new THREE.Mesh(boxGeo, boxMaterial)\n    boxMesh.position.set(\n      -width / 2 + boxW / 2 + railW,\n      railY - frameH / 2 - boxH / 2 + boxH * 0.15,\n      -height / 2 + railW + boxD / 2\n    )\n    boxMesh.castShadow = true\n    this.object3d.add(boxMesh)\n\n    // Status indicator light on top of control box\n    const lightR = Math.min(boxW, boxD) * 0.25\n    const lightH = lightR * 1.2\n    const emissiveColor = STATUS_EMISSIVE[value] ?? STATUS_EMISSIVE[0]\n    const lightIntensity = value > 0 ? 1.5 : 0.2\n\n    const lightMaterial = new THREE.MeshStandardMaterial({\n      color: emissiveColor,\n      emissive: emissiveColor,\n      emissiveIntensity: lightIntensity,\n      metalness: 0.0,\n      roughness: 0.3\n    })\n\n    const lightGeo = new THREE.CylinderGeometry(lightR, lightR * 0.8, lightH, 12)\n    const lightMesh = new THREE.Mesh(lightGeo, lightMaterial)\n    lightMesh.position.set(\n      boxMesh.position.x,\n      boxMesh.position.y + boxH / 2 + lightH / 2,\n      boxMesh.position.z\n    )\n    this.object3d.add(lightMesh)\n  }\n\n  updateDimension() {}\n\n  onchange(after: Record<string, unknown>, before: Record<string, unknown>) {\n    if ('value' in after || 'conveyorType' in after || 'rollWidth' 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  updateAlpha() {}\n}\n"]}

package/dist/conveyor-join-3d.d.ts

@@ -0,0 +1,19 @@
+import { RealObjectGroup } from '@hatiolab/things-scene';
+export declare class ConveyorJoin3D extends RealObjectGroup {
+    get effectiveDepth(): number;
+    get position(): {
+        x: number;
+        y: any;
+        z: number;
+    };
+    build(): void;
+    private buildArcRail;
+    private arcPoint;
+    private buildRollers;
+    private buildBelt;
+    /** Control box + status light positioned at outer edge near start angle */
+    private buildControlBox;
+    updateDimension(): void;
+    onchange(after: Record<string, unknown>, before: Record<string, unknown>): void;
+    updateAlpha(): void;
+}

package/dist/conveyor-join-3d.js

@@ -0,0 +1,288 @@
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ *
+ * Curved Conveyor (ConveyorJoin) 3D Model
+ * Reference: Kramer & Duyvis Round Belt Conveyor Type R
+ *
+ * A curved conveyor section that changes direction of travel (e.g., 90° turn).
+ * Key feature: conical (tapered) rollers — wider at outer radius, narrower at
+ * inner radius — ensuring uniform belt speed across the curve width.
+ * Structure: curved side rails + conical rollers/belt + end caps + legs
+ *          + cross-bracing + control box with status light.
+ */
+import * as THREE from 'three';
+import * as BufferGeometryUtils from 'three/examples/jsm/utils/BufferGeometryUtils.js';
+import { RealObjectGroup } from '@hatiolab/things-scene';
+const FILL_COLORS = {
+    0: 0xcccccc, // IDLE
+    1: 0xafd0f1, // RUN
+    2: 0xafd0f1, // REVERSE
+    3: 0xffba00, // WARN
+    4: 0xe9746b // ERROR
+};
+const FRAME_COLOR = 0x888899;
+const ROLLER_COLOR = 0xaaaabc;
+const CONTROL_BOX_COLOR = 0x556677;
+const STATUS_EMISSIVE = {
+    0: 0x333333,
+    1: 0x44aaff,
+    2: 0x44aaff,
+    3: 0xffaa00,
+    4: 0xff3333
+};
+export class ConveyorJoin3D extends RealObjectGroup {
+    get effectiveDepth() {
+        const { rx = 100, ratio = 50, depth } = this.component.state;
+        const outerR = Math.abs(rx);
+        const beltWidth = outerR - (outerR * Math.abs(ratio)) / 100;
+        return depth || beltWidth * 1.5;
+    }
+    get position() {
+        const { zPos = 0 } = this.component.state;
+        return {
+            x: this.cx,
+            y: zPos + this.effectiveDepth / 2,
+            z: this.cy
+        };
+    }
+    build() {
+        super.build();
+        const { rx: _rx = 100, ry: _ry = 100, ratio = 50, startAngle = 0, endAngle = Math.PI / 2, value = 0, conveyorType = 0, rollWidth } = this.component.state;
+        const depth = this.effectiveDepth;
+        const outerRx = Math.abs(_rx);
+        const outerRy = Math.abs(_ry);
+        const innerRx = (outerRx * Math.abs(ratio)) / 100;
+        const innerRy = (outerRy * Math.abs(ratio)) / 100;
+        const beltWidth = outerRx - innerRx;
+        const frameH = depth * 0.15;
+        const legH = depth - frameH;
+        const railW = Math.max(beltWidth * 0.06, 2);
+        const legThickness = Math.max(railW * 0.8, 2);
+        const railY = depth / 2 - frameH / 2;
+        const arcSpan = endAngle - startAngle;
+        const segments = Math.max(12, Math.floor((Math.abs(arcSpan) * outerRx) / 5));
+        const frameMaterial = new THREE.MeshStandardMaterial({
+            color: FRAME_COLOR,
+            metalness: 0.85,
+            roughness: 0.35
+        });
+        // --- Side rails (box segments along inner/outer arcs) ---
+        const frameGeometries = [];
+        this.buildArcRail(frameGeometries, outerRx, outerRy, railW, startAngle, endAngle, segments, frameH, railY, true);
+        this.buildArcRail(frameGeometries, innerRx, innerRy, railW, startAngle, endAngle, segments, frameH, railY, false);
+        // End caps (straight segments connecting inner/outer at start and end angles)
+        for (const angle of [startAngle, endAngle]) {
+            const ox = outerRx * Math.sin(angle);
+            const oz = -outerRy * Math.cos(angle);
+            const ix = innerRx * Math.sin(angle);
+            const iz = -innerRy * Math.cos(angle);
+            const capLen = Math.sqrt((ox - ix) ** 2 + (oz - iz) ** 2);
+            const capAngle = Math.atan2(ox - ix, -(oz - iz));
+            const cap = new THREE.BoxGeometry(capLen, frameH, railW);
+            cap.rotateY(-capAngle);
+            cap.translate((ox + ix) / 2, railY, (oz + iz) / 2);
+            frameGeometries.push(cap);
+        }
+        // 4 legs at corners + cross-bracing
+        const legPositions = [];
+        for (const angle of [startAngle, endAngle]) {
+            for (const [rx, ry] of [
+                [outerRx - railW, outerRy - railW],
+                [innerRx + railW, innerRy + railW]
+            ]) {
+                const lx = rx * Math.sin(angle);
+                const lz = -ry * Math.cos(angle);
+                const leg = new THREE.BoxGeometry(legThickness, legH, legThickness);
+                leg.translate(lx, depth / 2 - frameH - legH / 2, lz);
+                frameGeometries.push(leg);
+                legPositions.push([lx, lz]);
+            }
+        }
+        // Cross-bracing: connect leg pairs at each end (outer-inner) and along each side (start-end)
+        const braceSize = legThickness * 0.6;
+        const braceY = depth / 2 - frameH - legH * 0.35;
+        // Connect outer-to-inner at each end angle
+        for (let i = 0; i < legPositions.length; i += 2) {
+            const [x0, z0] = legPositions[i];
+            const [x1, z1] = legPositions[i + 1];
+            const braceLen = Math.sqrt((x1 - x0) ** 2 + (z1 - z0) ** 2);
+            const braceAngle = Math.atan2(x1 - x0, -(z1 - z0));
+            const brace = new THREE.BoxGeometry(braceLen, braceSize, braceSize);
+            brace.rotateY(-braceAngle);
+            brace.translate((x0 + x1) / 2, braceY, (z0 + z1) / 2);
+            frameGeometries.push(brace);
+        }
+        // Connect start-to-end along outer side and inner side
+        for (const side of [0, 1]) {
+            const [x0, z0] = legPositions[side];
+            const [x1, z1] = legPositions[side + 2];
+            const braceLen = Math.sqrt((x1 - x0) ** 2 + (z1 - z0) ** 2);
+            const braceAngle = Math.atan2(x1 - x0, -(z1 - z0));
+            const brace = new THREE.BoxGeometry(braceLen, braceSize, braceSize);
+            brace.rotateY(-braceAngle);
+            brace.translate((x0 + x1) / 2, braceY, (z0 + z1) / 2);
+            frameGeometries.push(brace);
+        }
+        const frameMesh = new THREE.Mesh(BufferGeometryUtils.mergeGeometries(frameGeometries), frameMaterial);
+        frameMesh.castShadow = true;
+        frameMesh.receiveShadow = true;
+        this.object3d.add(frameMesh);
+        // --- Rollers or Belt ---
+        if (conveyorType === 1) {
+            this.buildBelt(outerRx, outerRy, innerRx, innerRy, railW, startAngle, endAngle, segments, depth, frameH, value);
+        }
+        else {
+            this.buildRollers(outerRx, outerRy, innerRx, innerRy, railW, startAngle, endAngle, depth, frameH, rollWidth, beltWidth);
+        }
+        // --- Control box + status light at outer edge near start angle ---
+        this.buildControlBox(outerRx, outerRy, innerRx, innerRy, startAngle, depth, frameH, railW, value);
+    }
+    buildArcRail(geometries, rx, ry, railW, startAngle, endAngle, segments, frameH, railY, _isOuter) {
+        const arcSpan = endAngle - startAngle;
+        for (let i = 0; i < segments; i++) {
+            const t0 = i / segments;
+            const t1 = (i + 1) / segments;
+            const a0 = startAngle + arcSpan * t0;
+            const a1 = startAngle + arcSpan * t1;
+            const x0 = rx * Math.sin(a0);
+            const z0 = -ry * Math.cos(a0);
+            const x1 = rx * Math.sin(a1);
+            const z1 = -ry * Math.cos(a1);
+            const segLen = Math.sqrt((x1 - x0) ** 2 + (z1 - z0) ** 2) * 1.03;
+            const tangentAngle = Math.atan2(x1 - x0, -(z1 - z0));
+            const seg = new THREE.BoxGeometry(segLen, frameH, railW);
+            seg.rotateY(-tangentAngle);
+            seg.translate((x0 + x1) / 2, railY, (z0 + z1) / 2);
+            geometries.push(seg);
+        }
+    }
+    arcPoint(rx, ry, angle) {
+        return { x: rx * Math.sin(angle), z: -ry * Math.cos(angle) };
+    }
+    buildRollers(outerRx, outerRy, innerRx, innerRy, railW, startAngle, endAngle, depth, frameH, rollWidth, beltWidth) {
+        const rollerRadius = frameH * 0.25;
+        const rollerY = depth / 2 - frameH / 2;
+        const midRx = (outerRx + innerRx) / 2;
+        const arcLength = midRx * Math.abs(endAngle - startAngle);
+        const spacing = rollWidth || Math.max(beltWidth * 0.5, 8);
+        const count = Math.max(1, Math.floor(arcLength / spacing));
+        const rollerMaterial = new THREE.MeshStandardMaterial({
+            color: ROLLER_COLOR,
+            metalness: 0.9,
+            roughness: 0.2
+        });
+        const rollerGeometries = [];
+        for (let i = 1; i <= count; i++) {
+            const t = i / (count + 1);
+            const angle = startAngle + (endAngle - startAngle) * t;
+            const o = this.arcPoint(outerRx - railW, outerRy - railW, angle);
+            const inn = this.arcPoint(innerRx + railW, innerRy + railW, angle);
+            const rollerLength = Math.sqrt((o.x - inn.x) ** 2 + (o.z - inn.z) ** 2);
+            const midX = (o.x + inn.x) / 2;
+            const midZ = (o.z + inn.z) / 2;
+            const radialAngle = Math.atan2(o.x - inn.x, -(o.z - inn.z));
+            // Conical roller: taper capped at 1.5:1
+            const outerDist = Math.sqrt(o.x ** 2 + o.z ** 2);
+            const innerDist = Math.sqrt(inn.x ** 2 + inn.z ** 2);
+            const rawRatio = innerDist > 0 ? outerDist / innerDist : 1;
+            const cappedRatio = Math.min(rawRatio, 1.5);
+            const outerRollerR = (rollerRadius * (2 * cappedRatio)) / (cappedRatio + 1);
+            const innerRollerR = (rollerRadius * 2) / (cappedRatio + 1);
+            const roller = new THREE.CylinderGeometry(innerRollerR, outerRollerR, rollerLength, 16);
+            roller.rotateX(Math.PI / 2);
+            roller.rotateY(-radialAngle);
+            roller.translate(midX, rollerY, midZ);
+            rollerGeometries.push(roller);
+        }
+        if (rollerGeometries.length > 0) {
+            const rollerMesh = new THREE.Mesh(BufferGeometryUtils.mergeGeometries(rollerGeometries), rollerMaterial);
+            rollerMesh.castShadow = true;
+            this.object3d.add(rollerMesh);
+        }
+    }
+    buildBelt(outerRx, outerRy, innerRx, innerRy, railW, startAngle, endAngle, segments, depth, frameH, value) {
+        const beltOx = outerRx - railW;
+        const beltOy = outerRy - railW;
+        const beltIx = innerRx + railW;
+        const beltIy = innerRy + railW;
+        const beltH = frameH * 0.15;
+        const fillColor = FILL_COLORS[value] ?? FILL_COLORS[0];
+        const shape = new THREE.Shape();
+        for (let i = 0; i <= segments; i++) {
+            const angle = startAngle + ((endAngle - startAngle) * i) / segments;
+            const sx = beltOx * Math.sin(angle);
+            const sy = beltOy * Math.cos(angle);
+            if (i === 0)
+                shape.moveTo(sx, sy);
+            else
+                shape.lineTo(sx, sy);
+        }
+        for (let i = segments; i >= 0; i--) {
+            const angle = startAngle + ((endAngle - startAngle) * i) / segments;
+            shape.lineTo(beltIx * Math.sin(angle), beltIy * Math.cos(angle));
+        }
+        shape.closePath();
+        const beltGeo = new THREE.ExtrudeGeometry(shape, { depth: beltH, bevelEnabled: false });
+        beltGeo.rotateX(-Math.PI / 2);
+        beltGeo.translate(0, depth / 2, 0);
+        const beltMesh = new THREE.Mesh(beltGeo, new THREE.MeshStandardMaterial({ color: fillColor, metalness: 0.0, roughness: 0.9 }));
+        beltMesh.castShadow = true;
+        this.object3d.add(beltMesh);
+    }
+    /** Control box + status light positioned at outer edge near start angle */
+    buildControlBox(outerRx, outerRy, innerRx, innerRy, startAngle, depth, frameH, railW, value) {
+        const beltWidth = outerRx - innerRx;
+        const boxW = Math.max(beltWidth * 0.12, 3);
+        const boxH = frameH * 0.6;
+        const boxD = Math.max(beltWidth * 0.15, 3);
+        // Position at outer edge near start angle
+        const midR = outerRx - railW - boxD / 2;
+        const boxX = midR * Math.sin(startAngle);
+        const boxZ = -midR * Math.cos(startAngle);
+        const railY = depth / 2 - frameH / 2;
+        const boxMaterial = new THREE.MeshStandardMaterial({
+            color: CONTROL_BOX_COLOR,
+            metalness: 0.6,
+            roughness: 0.4
+        });
+        const boxGeo = new THREE.BoxGeometry(boxW, boxH, boxD);
+        boxGeo.rotateY(-startAngle);
+        const boxMesh = new THREE.Mesh(boxGeo, boxMaterial);
+        boxMesh.position.set(boxX, railY - frameH / 2 - boxH / 2, boxZ);
+        boxMesh.castShadow = true;
+        this.object3d.add(boxMesh);
+        // Status light
+        const lightR = Math.min(boxW, boxD) * 0.25;
+        const lightH = lightR * 1.2;
+        const emissiveColor = STATUS_EMISSIVE[value] ?? STATUS_EMISSIVE[0];
+        const lightMaterial = new THREE.MeshStandardMaterial({
+            color: emissiveColor,
+            emissive: emissiveColor,
+            emissiveIntensity: value > 0 ? 1.5 : 0.2,
+            metalness: 0.0,
+            roughness: 0.3
+        });
+        const lightGeo = new THREE.CylinderGeometry(lightR, lightR * 0.8, lightH, 12);
+        const lightMesh = new THREE.Mesh(lightGeo, lightMaterial);
+        lightMesh.position.set(boxX, boxMesh.position.y + boxH / 2 + lightH / 2, boxZ);
+        this.object3d.add(lightMesh);
+    }
+    updateDimension() { }
+    onchange(after, before) {
+        if ('value' in after ||
+            'conveyorType' in after ||
+            'rollWidth' in after ||
+            'rx' in after ||
+            'ry' in after ||
+            'ratio' in after ||
+            'startAngle' in after ||
+            'endAngle' in after ||
+            'depth' in after) {
+            this.update();
+            return;
+        }
+        super.onchange(after, before);
+    }
+    updateAlpha() { }
+}
+//# sourceMappingURL=conveyor-join-3d.js.map