20 changed files with 150 additions and 824 deletions
@ -1,31 +0,0 @@ |
|||||||
|
|
||||||
import { FacilityType } from "../../../../model-data/model-data-facility"; |
|
||||||
import { PropertyData_Base } from "../property-data-base"; |
|
||||||
|
|
||||||
/** |
|
||||||
* 安全出口 |
|
||||||
*/ |
|
||||||
export class PropertyData_AQCK extends PropertyData_Base { |
|
||||||
|
|
||||||
img: string = ""; |
|
||||||
is360: boolean;//全景图片
|
|
||||||
name: string = "安全出口"; |
|
||||||
width: string = ""; |
|
||||||
constructor(key: string, img: string, is360: boolean, name: string, width: string) { |
|
||||||
super(key, FacilityType.AQCK); |
|
||||||
this.img = img; |
|
||||||
this.is360 = is360; |
|
||||||
this.name = name; |
|
||||||
this.width = width; |
|
||||||
} |
|
||||||
|
|
||||||
clone(key: string) { |
|
||||||
let result = new PropertyData_AQCK(key, this.img, this.is360, "安全出口", "1"); |
|
||||||
|
|
||||||
return result; |
|
||||||
} |
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
} |
|
||||||
@ -1,26 +0,0 @@ |
|||||||
|
|
||||||
import { FacilityType } from "../../../../model-data/model-data-facility"; |
|
||||||
import { PropertyData_Base } from "../property-data-base"; |
|
||||||
|
|
||||||
/** |
|
||||||
* 高度 |
|
||||||
*/ |
|
||||||
export class PropertyData_GD extends PropertyData_Base { |
|
||||||
|
|
||||||
|
|
||||||
info: string = ""; |
|
||||||
constructor(key: string, info: string) { |
|
||||||
super(key, FacilityType.GD); |
|
||||||
this.info = info; |
|
||||||
} |
|
||||||
|
|
||||||
clone(key: string) { |
|
||||||
let result = new PropertyData_GD(key, this.info); |
|
||||||
|
|
||||||
return result; |
|
||||||
} |
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
} |
|
||||||
@ -1,267 +0,0 @@ |
|||||||
//#region 高度
|
|
||||||
|
|
||||||
import { AbstractMesh, MeshBuilder, Color3, Vector3, Mesh, Observer, Scene, Vector2 } from "@babylonjs/core"; |
|
||||||
import { Control, Button } from "@babylonjs/gui"; |
|
||||||
import { GridMaterial } from "@babylonjs/materials"; |
|
||||||
import { ModeManager, ModeType } from "src/app/babylon/controller/mode-manager"; |
|
||||||
import { SceneManager } from "src/app/babylon/controller/scene-manager"; |
|
||||||
import { UIManager } from "src/app/babylon/controller/ui-manager"; |
|
||||||
import { BabylonUIStyleTool, UI_LineInfo } from "src/app/babylon/tool/babylon-ui-style-tool"; |
|
||||||
import { GizmoTool, TransformUIType } from "src/app/babylon/tool/gizmo-tool"; |
|
||||||
|
|
||||||
import { PropertyData_GD } from "../../../data/institution/facility/property-data/outdoor/property-data-gd"; |
|
||||||
import { ModelData_facility } from "../../../data/model-data/model-data-facility"; |
|
||||||
|
|
||||||
import { ModelInfo_facility } from "../model-info-facility"; |
|
||||||
|
|
||||||
/** |
|
||||||
* 高度信息 |
|
||||||
*/ |
|
||||||
export class GdInfo { |
|
||||||
|
|
||||||
pointData_start: Vector3;//起位
|
|
||||||
pointData_end: Vector3;//终点
|
|
||||||
|
|
||||||
material: GridMaterial; |
|
||||||
belongToFacility: ModelInfo_facility; |
|
||||||
|
|
||||||
myPath: Vector3[] = []; |
|
||||||
myTube: Mesh; |
|
||||||
gdMeshPoints: GdMeshPoint[] = []; |
|
||||||
|
|
||||||
isShow: boolean; |
|
||||||
onGizmoAimMeshObserver: Observer<AbstractMesh>; |
|
||||||
updateObserver: Observer<Scene>; |
|
||||||
|
|
||||||
constructor(startPoint: Vector3, endPoint: Vector3, belongToFacility: ModelInfo_facility) { |
|
||||||
let instance = this; |
|
||||||
this.belongToFacility = belongToFacility; |
|
||||||
this.pointData_start = startPoint; |
|
||||||
|
|
||||||
let point_start = new GdMeshPoint(this, this.pointData_start, false); |
|
||||||
this.gdMeshPoints.push(point_start); |
|
||||||
|
|
||||||
this.pointData_end = endPoint; |
|
||||||
let point_end = new GdMeshPoint(this, this.pointData_end, true); |
|
||||||
this.gdMeshPoints.push(point_end); |
|
||||||
|
|
||||||
this.myPath.push(point_start.pos); |
|
||||||
this.myPath.push(point_end.pos); |
|
||||||
this.updateObserver = SceneManager.Instance.scene.onBeforeRenderObservable.add(() => { |
|
||||||
instance.update(); |
|
||||||
}); |
|
||||||
this.onGizmoAimMeshObserver = GizmoTool.onGizmoAimMeshObservable.add((mesh) => { |
|
||||||
instance.onChangeGizmo(mesh); |
|
||||||
}) |
|
||||||
|
|
||||||
this.createMesh(); |
|
||||||
|
|
||||||
|
|
||||||
} |
|
||||||
|
|
||||||
createMesh() { |
|
||||||
this.myTube = MeshBuilder.CreateTube("tube", { path: this.myPath, radius: 2, sideOrientation: Mesh.DOUBLESIDE, updatable: true }, SceneManager.Instance.scene); |
|
||||||
this.myTube.parent = this.belongToFacility.modelBox; |
|
||||||
this.myTube.position = Vector3.Zero(); |
|
||||||
this.material = new GridMaterial("mat_myTube", SceneManager.Instance.scene); |
|
||||||
this.material.mainColor = Color3.FromHexString(BabylonUIStyleTool.c_color_3d_blue); // new Color3(0, 0.5, 1)
|
|
||||||
this.material.lineColor = new Color3(0, 0, 0); |
|
||||||
this.myTube.material = this.material; |
|
||||||
} |
|
||||||
|
|
||||||
update() { |
|
||||||
this.gdMeshPoints[1].mesh.position.x = 0; |
|
||||||
this.gdMeshPoints[1].mesh.position.z = 0; |
|
||||||
this.myPath[1] = this.gdMeshPoints[1].mesh.position; |
|
||||||
this.myTube = MeshBuilder.CreateTube("tube", { path: this.myPath, radius: 2, sideOrientation: Mesh.DOUBLESIDE, updatable: true, instance: this.myTube }, SceneManager.Instance.scene); |
|
||||||
let facilityData = this.belongToFacility.modelData as ModelData_facility; |
|
||||||
let property = facilityData.propertyData as PropertyData_GD; |
|
||||||
this.gdMeshPoints[1].updateInfo(property.info); |
|
||||||
} |
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
//释放
|
|
||||||
dispose() { |
|
||||||
SceneManager.Instance.scene.onBeforeRenderObservable.remove(this.updateObserver); |
|
||||||
GizmoTool.onGizmoAimMeshObservable.remove(this.onGizmoAimMeshObserver); |
|
||||||
this.updateObserver = null; |
|
||||||
|
|
||||||
for (let i = 0; i < this.gdMeshPoints.length; i++) { |
|
||||||
this.gdMeshPoints[i].dispose(); |
|
||||||
} |
|
||||||
|
|
||||||
this.material.dispose(); |
|
||||||
this.myTube.dispose(); |
|
||||||
} |
|
||||||
|
|
||||||
onChangeGizmo(mesh: AbstractMesh) { |
|
||||||
// if (mesh != null) {
|
|
||||||
// this.isShow = mesh == this.belongToFacility.modelBox || this.isPosPointMesh(mesh);
|
|
||||||
// this.setEnable(this.isShow);
|
|
||||||
// }
|
|
||||||
// else {
|
|
||||||
// this.setEnable(false);
|
|
||||||
// }
|
|
||||||
|
|
||||||
} |
|
||||||
|
|
||||||
//是否是位点mesh
|
|
||||||
isPosPointMesh(mesh: AbstractMesh): boolean { |
|
||||||
|
|
||||||
if (mesh == null) { |
|
||||||
return false; |
|
||||||
} |
|
||||||
|
|
||||||
for (let i = 0; i < this.gdMeshPoints.length; i++) { |
|
||||||
if (mesh == this.gdMeshPoints[i].mesh) { |
|
||||||
return true; |
|
||||||
} |
|
||||||
} |
|
||||||
return false; |
|
||||||
} |
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
setEnable(show: boolean) { |
|
||||||
for (let i = 0; i < this.gdMeshPoints.length; i++) { |
|
||||||
this.gdMeshPoints[i].setEnable(show); |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
|
|
||||||
setUIEnable(show: boolean) { |
|
||||||
for (let i = 0; i < this.gdMeshPoints.length; i++) { |
|
||||||
this.gdMeshPoints[i].showEditUI(show); |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
|
|
||||||
} |
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/** |
|
||||||
* 高度mesh |
|
||||||
*/ |
|
||||||
export class GdMeshPoint { |
|
||||||
|
|
||||||
pos: Vector3; |
|
||||||
canSet: boolean; |
|
||||||
gdInfo: GdInfo; |
|
||||||
uiRoot: Button; |
|
||||||
|
|
||||||
lineInfo: UI_LineInfo; |
|
||||||
|
|
||||||
mesh: Mesh; |
|
||||||
constructor(gdInfo: GdInfo, pos: Vector3, canSet: boolean) { |
|
||||||
this.pos = pos; |
|
||||||
this.canSet = canSet; |
|
||||||
if (canSet) { |
|
||||||
this.gdInfo = gdInfo; |
|
||||||
this.mesh = MeshBuilder.CreateBox(gdInfo.belongToFacility.modelBox.name + "_point", { size: 1 }); |
|
||||||
this.mesh.setParent(gdInfo.belongToFacility.modelBox); |
|
||||||
this.mesh.position = pos; |
|
||||||
this.mesh.isVisible = false; |
|
||||||
|
|
||||||
|
|
||||||
this.initEditUI(); |
|
||||||
|
|
||||||
this.lineInfo = BabylonUIStyleTool.createLineInfo(gdInfo.belongToFacility.modelBox.name, this.mesh); |
|
||||||
|
|
||||||
this.showEditUI(false); |
|
||||||
|
|
||||||
} |
|
||||||
|
|
||||||
|
|
||||||
} |
|
||||||
|
|
||||||
//初始化 编辑UI
|
|
||||||
initEditUI() { |
|
||||||
if (ModeManager.currentMode == ModeType.Edit) { |
|
||||||
let instance = this; |
|
||||||
this.uiRoot = Button.CreateImageButton("ui_editPoint_" + this.gdInfo.belongToFacility.modelBox.name, "", "assets/images/ui/edit.png"); |
|
||||||
UIManager.Instance.uiRoot.addControl(this.uiRoot); |
|
||||||
this.uiRoot.linkWithMesh(this.mesh); |
|
||||||
this.uiRoot.linkOffsetYInPixels = 20; |
|
||||||
this.uiRoot.linkOffsetXInPixels = -40; |
|
||||||
BabylonUIStyleTool.setStyle_size(this.uiRoot, "20px", "20px"); |
|
||||||
this.uiRoot.image.width = 0.8; |
|
||||||
this.uiRoot.image.horizontalAlignment = Control.HORIZONTAL_ALIGNMENT_CENTER; |
|
||||||
this.uiRoot.image.verticalAlignment = Control.HORIZONTAL_ALIGNMENT_CENTER; |
|
||||||
// this.uiRoot.thickness = 0;
|
|
||||||
this.uiRoot.background = BabylonUIStyleTool.c_color_3d_blueBg; |
|
||||||
this.uiRoot.color = BabylonUIStyleTool.c_color_3d_blue; |
|
||||||
// this.uiRoot.alpha = 0.7;
|
|
||||||
this.uiRoot.onPointerClickObservable.add(() => { |
|
||||||
instance.changeAim(); |
|
||||||
}); |
|
||||||
} |
|
||||||
|
|
||||||
|
|
||||||
} |
|
||||||
|
|
||||||
//显示或隐藏 编辑UI
|
|
||||||
showEditUI(show: boolean) { |
|
||||||
if (this.uiRoot != null) { |
|
||||||
this.uiRoot.isVisible = show && this.canSet; |
|
||||||
} |
|
||||||
|
|
||||||
} |
|
||||||
|
|
||||||
//显示、隐藏标识UI
|
|
||||||
setEnable(show: boolean) { |
|
||||||
if (this.lineInfo != null) { |
|
||||||
this.lineInfo.setEnable(show); |
|
||||||
} |
|
||||||
this.showEditUI(show && ModeManager.currentMode == ModeType.Edit); |
|
||||||
} |
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
//改变选中的目标
|
|
||||||
changeAim() { |
|
||||||
let instance = this; |
|
||||||
GizmoTool.onTransformUITypeChange(TransformUIType.Position);//强行变为position
|
|
||||||
GizmoTool.changeGizmoAim(instance.mesh, false, true, false); |
|
||||||
// PosPointTool.attachMesh(instance.mesh as Mesh, instance.pos,
|
|
||||||
// () => {
|
|
||||||
// instance.addPoint();
|
|
||||||
// },
|
|
||||||
// () => {
|
|
||||||
// instance.reducePoint();
|
|
||||||
// }
|
|
||||||
// );
|
|
||||||
//如果需要增加节点，在此拓展
|
|
||||||
} |
|
||||||
|
|
||||||
dispose() { |
|
||||||
|
|
||||||
|
|
||||||
if (this.canSet) { |
|
||||||
if (this.uiRoot != null) { |
|
||||||
this.uiRoot.dispose(); |
|
||||||
} |
|
||||||
|
|
||||||
GizmoTool.leaveTheGizmoAimMesh(this.mesh); |
|
||||||
this.mesh.dispose(); |
|
||||||
this.lineInfo.dispose(); |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
/** |
|
||||||
* 更新显示内容 |
|
||||||
* @param text
|
|
||||||
*/ |
|
||||||
updateInfo(text: string) { |
|
||||||
if (this.lineInfo.info != null) { |
|
||||||
this.lineInfo.info.text = "高度：" + text; |
|
||||||
this.lineInfo.info.resizeToFit = true; |
|
||||||
this.lineInfo.infoBg.height = (this.lineInfo.info.heightInPixels + 5) + "px"; |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
//#endregion
|
|
||||||
|
Before Width: | Height: | Size: 2.1 KiB After Width: | Height: | Size: 2.1 KiB |
|
Before Width: | Height: | Size: 1.4 KiB After Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 1.7 KiB After Width: | Height: | Size: 1.7 KiB |
Loading…
Reference in new issue