You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
105 lines
3.4 KiB
105 lines
3.4 KiB
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 GstoreRenderer 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 = GstoreRenderer.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()
|
|
}
|
|
}
|
|
|