diff --git a/src/modules/rack/RackEntity.ts b/src/modules/rack/RackEntity.ts new file mode 100644 index 0000000..713ed0e --- /dev/null +++ b/src/modules/rack/RackEntity.ts @@ -0,0 +1,5 @@ +import BaseEntity from '@/core/base/BaseItemEntity.ts' + +export default class RackEntity extends BaseEntity { + +} diff --git a/src/modules/rack/RackInteraction.ts b/src/modules/rack/RackInteraction.ts new file mode 100644 index 0000000..7a7b41d --- /dev/null +++ b/src/modules/rack/RackInteraction.ts @@ -0,0 +1,22 @@ +import BaseInteraction from '@/core/base/BaseInteraction.ts' +import * as THREE from 'three' + +export default class RackInteraction extends BaseInteraction { + + get isSinglePointMode(): boolean { + return true + } + + constructor(itemTypeName: string) { + super(itemTypeName) + } + + createPointOfItem(item: ItemJson, point: THREE.Vector3): ItemJson { + item = super.createPointOfItem(item, point) + + // 创建一个地堆货架 + item.dt.storeWidth = 1.2 // 宽度 + item.dt.storeDepth = 1.2 // 深度 + return item + } +} diff --git a/src/modules/rack/RackMeta.ts b/src/modules/rack/RackMeta.ts new file mode 100644 index 0000000..2273048 --- /dev/null +++ b/src/modules/rack/RackMeta.ts @@ -0,0 +1,14 @@ +import type { IMeta } from '@/core/base/IMeta.ts' + +export default [ + { field: 'uuid', editor: 'UUID', label: 'uuid', readonly: true, category: 'basic' }, + { field: 'name', editor: 'TextInput', label: '名称', category: 'basic' }, + { field: 'dt.label', editor: 'TextInput', label: '标签', category: 'basic' }, + { editor: 'TransformEditor', category: 'basic' }, + { field: 'dt.color', editor: 'Color', label: '颜色', category: 'basic' }, + { editor: '-', category: 'basic' }, + { field: 'tf', editor: 'InOutCenterEditor', category: 'basic' }, + { field: 'dt.selectable', editor: 'Switch', label: '可选中', category: 'basic' }, + { field: 'dt.protected', editor: 'Switch', label: '受保护', category: 'basic' }, + { field: 'visible', editor: 'Switch', label: '可见', category: 'basic' } +] as IMeta \ No newline at end of file diff --git a/src/modules/rack/RackRenderer.ts b/src/modules/rack/RackRenderer.ts new file mode 100644 index 0000000..e6d5984 --- /dev/null +++ b/src/modules/rack/RackRenderer.ts @@ -0,0 +1,105 @@ +import * as THREE from 'three' +import BaseRenderer from '@/core/base/BaseRenderer.ts' +import { Line2 } from 'three/examples/jsm/lines/Line2.js' +import { LineGeometry } from 'three/examples/jsm/lines/LineGeometry.js' +import { LineMaterial } from 'three/examples/jsm/lines/LineMaterial.js' + +/** + * 地堆货位渲染器 + */ +export default class RackRenderer extends BaseRenderer { + static POINT_NAME = 'ground_store' + + pointMaterial: THREE.Material + + /** + * 默认点的高度, 防止和地面重合 + */ + readonly defulePositionY: number = 0.5 // 默认点的高度, 0.01, 防止和地面重合 + readonly defaultScale: THREE.Vector3 = new THREE.Vector3(1.5, 1.2, 0.1) + readonly defaultRotation: THREE.Vector3 = new THREE.Vector3(0, 0, 0) + readonly defaultLineWidth: number = 0.05 + + constructor(itemTypeName: string) { + super(itemTypeName) + } + + /** + * 所有的点,必须使用 storeWidth/storeDepth, 改TF无效 + */ + override afterCreateOrUpdatePoint(item: ItemJson, option: RendererCudOption, objects: THREE.Object3D[]) { + super.afterCreateOrUpdatePoint(item, option, objects) + + const point = objects[0] + point.position.y = this.defulePositionY + point.scale.set(item.dt.storeWidth, this.defaultScale.y, item.dt.storeDepth) + point.rotation.set( + THREE.MathUtils.degToRad(this.defaultRotation.x), + THREE.MathUtils.degToRad(this.defaultRotation.y), + THREE.MathUtils.degToRad(this.defaultRotation.z) + ) + } + + + createLineBasic(start: ItemJson, end: ItemJson, type: LinkType): THREE.Object3D[] { + throw new Error('not allow store line.') + } + + updateLine(start: ItemJson, end: ItemJson, type: LinkType, option?: RendererCudOption) { + throw new Error('not allow store line.') + } + + createPointBasic(item: ItemJson, option?: RendererCudOption): THREE.Object3D[] { + // 创建平面几何体 + + const group = new THREE.Group() + group.name = RackRenderer.POINT_NAME + + // 绘制背景矩形框 + const planeGeometry = new THREE.PlaneGeometry(item.dt.storeWidth, item.dt.storeDepth); + planeGeometry.rotateX(-Math.PI / 2) + const planeMaterial = new THREE.MeshBasicMaterial({ + color: 'white', + transparent: true, // 启用透明 + opacity: 0.2, // 50%透明度 + depthWrite: false, // 防止深度冲突 + side: THREE.DoubleSide // 双面渲染:ml-citation{ref="5,8" data="citationList"} + }); + const planeMesh = new THREE.Mesh(planeGeometry, planeMaterial); + group.add(planeMesh) + + if (!item.dt.storeWidth || !item.dt.storeDepth) { + return [group] + } + + // 绘制边框 + const lineXLen = item.dt.storeWidth - this.defaultLineWidth + const lineYLen = item.dt.storeDepth - this.defaultLineWidth + + const lineGeometry = new LineGeometry().setPositions([ + -(lineXLen/2),-(lineYLen/2),0, + lineXLen/2,-(lineYLen/2),0, + lineXLen/2,lineYLen/2,0, + -(lineXLen/2),lineYLen/2,0, + -(lineXLen/2),-(lineYLen/2),0 + ]); + lineGeometry.rotateX(-Math.PI / 2) + const lineMaterial = new LineMaterial({ + color: 0x00ff00, + linewidth: 0.05, + worldUnits: true, + resolution: new THREE.Vector2(window.innerWidth, window.innerHeight), + side: THREE.DoubleSide + }); + // + const line = new Line2(lineGeometry, lineMaterial); + group.add(line as THREE.Object3D) + + return [group] + } + + dispose() { + super.dispose() + this.pointMaterial.dispose() + } +} diff --git a/src/modules/rack/index.ts b/src/modules/rack/index.ts new file mode 100644 index 0000000..4e16547 --- /dev/null +++ b/src/modules/rack/index.ts @@ -0,0 +1,15 @@ +import { defineModule } from '@/core/manager/ModuleManager.ts' +import RackRenderer from './RackRenderer.ts' +import RackEntity from './RackEntity.ts' +import RackMeta from './RackMeta.ts' +import RackInteraction from './RackInteraction.ts' + +export const ITEM_TYPE_NAME = 'rack' + +export default defineModule({ + name: ITEM_TYPE_NAME, + renderer: new RackRenderer(ITEM_TYPE_NAME), + interaction: new RackInteraction(ITEM_TYPE_NAME), + meta: RackMeta, + entity: RackEntity +})