|
|
|
@ -3,20 +3,22 @@ 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' |
|
|
|
import {decimalSumBy} from "@/core/ModelUtils"; |
|
|
|
import Constract from '@/core/Constract.ts' |
|
|
|
|
|
|
|
/** |
|
|
|
* 地堆货位渲染器 |
|
|
|
* 货架货位渲染器 |
|
|
|
*/ |
|
|
|
export default class RackRenderer extends BaseRenderer { |
|
|
|
static POINT_NAME = 'ground_store' |
|
|
|
static POINT_NAME = 'rack' |
|
|
|
|
|
|
|
pointMaterial: THREE.Material |
|
|
|
|
|
|
|
/** |
|
|
|
* 默认点的高度, 防止和地面重合 |
|
|
|
*/ |
|
|
|
readonly defulePositionY: number = 0.5 // 默认点的高度, 0.01, 防止和地面重合
|
|
|
|
readonly defaultScale: THREE.Vector3 = new THREE.Vector3(1.5, 1.2, 0.1) |
|
|
|
readonly defulePositionY: number = Constract.HEIGHT_WAY |
|
|
|
readonly defaultScale: THREE.Vector3 = new THREE.Vector3(1, 1, 1) |
|
|
|
readonly defaultRotation: THREE.Vector3 = new THREE.Vector3(0, 0, 0) |
|
|
|
readonly defaultLineWidth: number = 0.05 |
|
|
|
|
|
|
|
@ -32,7 +34,8 @@ export default class RackRenderer extends BaseRenderer { |
|
|
|
|
|
|
|
const point = objects[0] |
|
|
|
point.position.y = this.defulePositionY |
|
|
|
point.scale.set(item.dt.storeWidth, this.defaultScale.y, item.dt.storeDepth) |
|
|
|
|
|
|
|
//point.scale.set(_.sumBy(item.dt.bays, b=>b.bayWidth), this.defaultScale.y, item.dt.rackDepth)
|
|
|
|
point.rotation.set( |
|
|
|
THREE.MathUtils.degToRad(this.defaultRotation.x), |
|
|
|
THREE.MathUtils.degToRad(this.defaultRotation.y), |
|
|
|
@ -49,57 +52,95 @@ export default class RackRenderer extends BaseRenderer { |
|
|
|
throw new Error('not allow store line.') |
|
|
|
} |
|
|
|
|
|
|
|
createPointBasic(item: ItemJson, option?: RendererCudOption): THREE.Object3D[] { |
|
|
|
|
|
|
|
createPoint(item: ItemJson, option?: RendererCudOption): THREE.Object3D[] { |
|
|
|
// 创建平面几何体
|
|
|
|
|
|
|
|
const group = new THREE.Group() |
|
|
|
group.name = RackRenderer.POINT_NAME |
|
|
|
|
|
|
|
const rackWidth = decimalSumBy(item.dt.bays, b=>b.bayWidth) |
|
|
|
const heights = [] |
|
|
|
for (let i = 0; i < item.dt.bays.length; i++) { |
|
|
|
const bay = item.dt.bays[i] |
|
|
|
const bayHeight = decimalSumBy(bay.levelHeight) |
|
|
|
heights.push(bayHeight) |
|
|
|
} |
|
|
|
const rackHeight = _.max(heights) |
|
|
|
// 绘制背景矩形框
|
|
|
|
const planeGeometry = new THREE.PlaneGeometry(item.dt.storeWidth, item.dt.storeDepth); |
|
|
|
planeGeometry.rotateX(-Math.PI / 2) |
|
|
|
const planeGeometry = new THREE.PlaneGeometry(rackWidth, item.dt.rackDepth); |
|
|
|
|
|
|
|
planeGeometry.rotateX(Math.PI / 2) |
|
|
|
|
|
|
|
const planeMaterial = new THREE.MeshBasicMaterial({ |
|
|
|
color: 'white', |
|
|
|
color: '#9a9090', |
|
|
|
transparent: true, // 启用透明
|
|
|
|
opacity: 0.2, // 50%透明度
|
|
|
|
opacity: 0.5, // 50%透明度
|
|
|
|
depthWrite: false, // 防止深度冲突
|
|
|
|
side: THREE.DoubleSide // 双面渲染:ml-citation{ref="5,8" data="citationList"}
|
|
|
|
}); |
|
|
|
const planeMesh = new THREE.Mesh(planeGeometry, planeMaterial); |
|
|
|
}) |
|
|
|
const planeMesh = new THREE.Mesh(planeGeometry, planeMaterial) |
|
|
|
group.add(planeMesh) |
|
|
|
|
|
|
|
if (!item.dt.storeWidth || !item.dt.storeDepth) { |
|
|
|
if (!item.dt.bays || !item.dt.rackDepth) { |
|
|
|
return [group] |
|
|
|
} |
|
|
|
|
|
|
|
// 绘制边框
|
|
|
|
const lineXLen = item.dt.storeWidth - this.defaultLineWidth |
|
|
|
const lineYLen = item.dt.storeDepth - this.defaultLineWidth |
|
|
|
const lineXLen = rackWidth - this.defaultLineWidth |
|
|
|
const lineYLen = item.dt.rackDepth - 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) |
|
|
|
-(lineXLen/2),0,-(lineYLen/2), |
|
|
|
lineXLen/2,0,-(lineYLen/2), |
|
|
|
lineXLen/2,0,lineYLen/2, |
|
|
|
-(lineXLen/2),0,lineYLen/2, |
|
|
|
-(lineXLen/2),0,-(lineYLen/2) |
|
|
|
]) |
|
|
|
const lineMaterial = new LineMaterial({ |
|
|
|
color: 0x00ff00, |
|
|
|
color: '#0d89a5', |
|
|
|
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] |
|
|
|
let lineDistanceX = 0 |
|
|
|
|
|
|
|
for (let i = 0; item.dt.bays.length > 1 && i < item.dt.bays.length - 1; i++) { |
|
|
|
const bay = item.dt.bays[i] |
|
|
|
lineDistanceX += bay.bayWidth |
|
|
|
const lineGeometryT = new LineGeometry().setPositions([ |
|
|
|
-(lineDistanceX) +(lineXLen/2),0,lineYLen/2, |
|
|
|
-(lineDistanceX)+(lineXLen/2),0,-(lineYLen/2) |
|
|
|
]) |
|
|
|
const lineT = new Line2(lineGeometryT, lineMaterial); |
|
|
|
group.add(lineT as THREE.Object3D) |
|
|
|
} |
|
|
|
|
|
|
|
// 设置位置
|
|
|
|
group.position.set(item.tf[0][0], item.tf[0][1], item.tf[0][2]) |
|
|
|
|
|
|
|
|
|
|
|
item.dt.rackWidth = rackWidth |
|
|
|
item.dt.rackHeight = rackHeight |
|
|
|
|
|
|
|
const points = [group] |
|
|
|
this.fillObjectUserDataFromItem(item, ...points) |
|
|
|
this.afterCreateOrUpdatePoint(item, option, points) |
|
|
|
this.tempViewport.entityManager.appendObject(item.id, points) |
|
|
|
this.appendToScene(...points) |
|
|
|
return points |
|
|
|
} |
|
|
|
|
|
|
|
dispose() { |
|
|
|
super.dispose() |
|
|
|
this.pointMaterial.dispose() |
|
|
|
} |
|
|
|
|
|
|
|
createPointBasic(item: ItemJson, option?: RendererCudOption): Object3D[] { |
|
|
|
return []; |
|
|
|
} |
|
|
|
} |
|
|
|
|
