112 changed files with 24688 additions and 899 deletions
@ -0,0 +1,232 @@ |
|||||||
|
import { MarkKindType, MarkType, MarkTagPos } from "../model/data/mark/mark-data"; |
||||||
|
import { FacilityPosType, FacilityType } from "../model/data/model-data/model-data-facility"; |
||||||
|
|
||||||
|
//配置、常量管理器
|
||||||
|
export class ConfigManager { |
||||||
|
static readonly c_resPath_assetsRoot = 'assets/'; //资源根目录
|
||||||
|
|
||||||
|
static readonly c_resPath_institutionsRoot = 'institutions/'; //单位
|
||||||
|
static readonly c_reaPath_facilityProperty = "facilityProperty";//设备属性资源（一般是图片）
|
||||||
|
static readonly c_resPath_facilitiesRoot = 'facilities/'; //设备资源
|
||||||
|
static readonly c_resPath_facilityIcon = "images/facility/";// 设备icon
|
||||||
|
|
||||||
|
|
||||||
|
static readonly c_size_facilityIconSize = 40;//设备icon的大小
|
||||||
|
|
||||||
|
static readonly c_time_longPress = 500;//长按时间（毫秒）
|
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 获取设备icon的url |
||||||
|
* @param type 设备的类型 |
||||||
|
* @param pos 设备的位置（室内还是室外） |
||||||
|
*/ |
||||||
|
static getFacilityIconUrl(type: FacilityType, pos: FacilityPosType): string { |
||||||
|
|
||||||
|
let result = ConfigManager.c_resPath_assetsRoot + "images/facility/" + pos + "/" + type + ".png"; |
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 根据设备类型获取名称 |
||||||
|
* @param type 设备类型 |
||||||
|
*/ |
||||||
|
static getFacilityTypeName(type: FacilityType): string { |
||||||
|
let result = "未知"; |
||||||
|
switch (type) { |
||||||
|
case FacilityType.AQCK: result = "安全出口"; break; |
||||||
|
case FacilityType.DSXHS: result = "地上消火栓"; break; |
||||||
|
case FacilityType.DXXHS: result = "地下消火栓"; break; |
||||||
|
case FacilityType.SZDSXHS: result = "市政地上消火栓"; break; |
||||||
|
case FacilityType.SZDXXHS: result = "市政地下消火栓"; break; |
||||||
|
case FacilityType.DSSBJHQ: result = "地上水泵接合器"; break; |
||||||
|
case FacilityType.DXSBJHQ: result = "地下水泵接合器"; break; |
||||||
|
case FacilityType.QBSBJHQ: result = "墙壁式接合器"; break; |
||||||
|
case FacilityType.DGNSBJHQ: result = "多功能接合器"; break; |
||||||
|
case FacilityType.GD: result = "高度"; break; |
||||||
|
case FacilityType.PL: result = "毗邻"; break; |
||||||
|
case FacilityType.JTQ: result = "禁停区"; break; |
||||||
|
case FacilityType.JJQ: result = "集结区"; break; |
||||||
|
case FacilityType.TPBZ: result = "图片标注"; break; |
||||||
|
|
||||||
|
case FacilityType.XKS: result = "消控室"; break; |
||||||
|
case FacilityType.BF: result = "泵房"; break; |
||||||
|
case FacilityType.SX: result = "水箱"; break; |
||||||
|
case FacilityType.LSXFB: result = "立式消防泵"; break; |
||||||
|
case FacilityType.WSXFB: result = "卧式消防泵"; break; |
||||||
|
case FacilityType.CYXFB: result = "柴油消防泵"; break; |
||||||
|
case FacilityType.FHFQ: result = "防火分区"; break; |
||||||
|
case FacilityType.SNXHS: result = "室内消火栓"; break; |
||||||
|
case FacilityType.FHM: result = "防火门"; break; |
||||||
|
case FacilityType.FHJL: result = "防火卷帘"; break; |
||||||
|
case FacilityType.SSLT: result = "疏散楼梯"; break; |
||||||
|
case FacilityType.XFDT: result = "消防电梯"; break; |
||||||
|
case FacilityType.PTDT: result = "普通电梯"; break; |
||||||
|
case FacilityType.WXY: result = "危险源"; break; |
||||||
|
case FacilityType.ZDQY: result = "重点区域"; break; |
||||||
|
case FacilityType.DWBZ: result = "点位标注"; break; |
||||||
|
case FacilityType.HT: result = "货梯"; break; |
||||||
|
|
||||||
|
case FacilityType.BNC: result = "避难层"; break;//特殊
|
||||||
|
} |
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 查询某设备所处位置类型（室内还是室外） |
||||||
|
* @param facilityType
|
||||||
|
*/ |
||||||
|
static getPosType(facilityType: FacilityType): FacilityPosType { |
||||||
|
let result = FacilityPosType.Indoor; |
||||||
|
|
||||||
|
switch (facilityType) { |
||||||
|
case FacilityType.AQCK: |
||||||
|
case FacilityType.DSXHS: |
||||||
|
case FacilityType.DXXHS: |
||||||
|
case FacilityType.SZDXXHS: |
||||||
|
case FacilityType.SZDSXHS: |
||||||
|
case FacilityType.DSSBJHQ: |
||||||
|
case FacilityType.DXSBJHQ: |
||||||
|
case FacilityType.QBSBJHQ: |
||||||
|
case FacilityType.DGNSBJHQ: |
||||||
|
case FacilityType.GD: |
||||||
|
case FacilityType.PL: |
||||||
|
case FacilityType.JTQ: |
||||||
|
case FacilityType.JJQ: |
||||||
|
case FacilityType.TPBZ: result = FacilityPosType.Outdoor; break; |
||||||
|
case FacilityType.DWBZ: |
||||||
|
case FacilityType.ZDQY: |
||||||
|
case FacilityType.WXY: result = FacilityPosType.Public; break; |
||||||
|
} |
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
//#region 事态标绘
|
||||||
|
|
||||||
|
/** |
||||||
|
* 事态标绘的名称配置 |
||||||
|
*/ |
||||||
|
static s_markName = new Map<MarkType, string>([ |
||||||
|
[MarkType.SYA, "伤员"], |
||||||
|
[MarkType.SYB, "伤员"], |
||||||
|
[MarkType.SYC, "伤员"], |
||||||
|
[MarkType.SYD, "伤员"], |
||||||
|
[MarkType.ZQR, "知情人"], |
||||||
|
[MarkType.WXP, "危险品"], |
||||||
|
[MarkType.ZWD, "杂物堆"], |
||||||
|
[MarkType.PCD, "破拆点"], |
||||||
|
[MarkType.H, "火"], |
||||||
|
[MarkType.TPH, "突破火"], |
||||||
|
[MarkType.SNH, "室内火"], |
||||||
|
[MarkType.YWA, "烟雾"], |
||||||
|
[MarkType.YWB, "烟雾"], |
||||||
|
[MarkType.YWC, "烟雾"], |
||||||
|
[MarkType.MHF, "灭火服"], |
||||||
|
[MarkType.JYF, "救援服"], |
||||||
|
[MarkType.GRF, "隔热服"], |
||||||
|
[MarkType.FHF, "防化服"], |
||||||
|
[MarkType.BHF, "避火服"], |
||||||
|
[MarkType.YWXFY, "义务消防员"], |
||||||
|
[MarkType.AQS, "安全哨"], |
||||||
|
[MarkType.MTC, "摩托车"], |
||||||
|
[MarkType.XLC, "巡逻车"], |
||||||
|
[MarkType.SGC, "水罐车"], |
||||||
|
[MarkType.PMC, "泡沫车"], |
||||||
|
[MarkType.GPC, "高喷车"], |
||||||
|
[MarkType.DGPTC, "登高平台车"], |
||||||
|
[MarkType.YTC, "云梯车"], |
||||||
|
[MarkType.QXJYC, "抢险救援车"], |
||||||
|
[MarkType.QCC, "器材车"], |
||||||
|
[MarkType.ZMC, "照明车"], |
||||||
|
[MarkType.PCC, "破拆车"], |
||||||
|
[MarkType.PYC, "排烟车"], |
||||||
|
[MarkType.ZHC, "指挥车"], |
||||||
|
[MarkType.GCGSC, "高层供水车"], |
||||||
|
[MarkType.KQHXCQC, "空气呼吸充气车"], |
||||||
|
[MarkType.GA, "公安"], |
||||||
|
[MarkType.JJ, "交警"], |
||||||
|
[MarkType.YS, "医生"], |
||||||
|
[MarkType.QXRY, "抢修人员"], |
||||||
|
[MarkType.JHC, "救护车"], |
||||||
|
[MarkType.JC, "警车"], |
||||||
|
[MarkType.DLQXC, "电力抢修车"], |
||||||
|
[MarkType.RQQXC, "燃气抢修车"], |
||||||
|
[MarkType.GSQXC, "供水抢修车"], |
||||||
|
[MarkType.HBJCC, "环保检测车"], |
||||||
|
[MarkType.JTYSC, "交通运输车"], |
||||||
|
[MarkType.WSFYC, "卫生防疫车"], |
||||||
|
[MarkType.YJTXC, "应急通信车"], |
||||||
|
[MarkType.JCA, "轿车"], |
||||||
|
[MarkType.JCB, "轿车"], |
||||||
|
[MarkType.JCC, "轿车"], |
||||||
|
[MarkType.DSZ, "董事长"], |
||||||
|
[MarkType.JL, "经理"], |
||||||
|
[MarkType.FZ, "副总"], |
||||||
|
[MarkType.MS, "秘书"], |
||||||
|
[MarkType.ZJ, "总监"], |
||||||
|
[MarkType.ZG, "主管"], |
||||||
|
[MarkType.ZZ, "组长"], |
||||||
|
[MarkType.QT, "前台"], |
||||||
|
[MarkType.SJS, "设计师"], |
||||||
|
[MarkType.CXY, "程序员"], |
||||||
|
[MarkType.ZYA, "职员"], |
||||||
|
[MarkType.ZYB, "职员"], |
||||||
|
[MarkType.JG, "技工"], |
||||||
|
[MarkType.BA, "保安"], |
||||||
|
[MarkType.JJX, "警戒线"], |
||||||
|
[MarkType.SD, "水带"], |
||||||
|
[MarkType.JGLX, "进攻路线"], |
||||||
|
[MarkType.CT, "撤退"],
|
||||||
|
[MarkType.ZHB, "指挥部"], |
||||||
|
[MarkType.LT6, "6米拉梯"], |
||||||
|
[MarkType.LT15, "15米拉梯"], |
||||||
|
[MarkType.FSQ, "分水器"], |
||||||
|
[MarkType.STB, "手抬泵"], |
||||||
|
[MarkType.SP, "水炮"], |
||||||
|
[MarkType.WZ, "文字"], |
||||||
|
[MarkType.JJQ, "集结区"], |
||||||
|
[MarkType.QYSDA, "区域设定"], |
||||||
|
[MarkType.QYSDB, "区域设定"], |
||||||
|
]); |
||||||
|
|
||||||
|
/** |
||||||
|
* 获取事态标绘素材的名称 |
||||||
|
* @param type
|
||||||
|
*/ |
||||||
|
static getMarkName(type: MarkType) { |
||||||
|
if (ConfigManager.s_markName.has(type)) { |
||||||
|
return ConfigManager.s_markName.get(type); |
||||||
|
} |
||||||
|
else { |
||||||
|
return "未知"; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 获取事态标绘模型的路径 |
||||||
|
* @param type
|
||||||
|
* @param pos
|
||||||
|
*/ |
||||||
|
static getMarkModelPath(pos: MarkTagPos, type: MarkType): string { |
||||||
|
|
||||||
|
let result = ConfigManager.c_resPath_assetsRoot + "mark/" + pos.toLocaleLowerCase() + "/" + type.toLocaleLowerCase() + "/"; |
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 获取事态标绘素材的图标 |
||||||
|
* @param type
|
||||||
|
* @param pos
|
||||||
|
*/ |
||||||
|
static getMarkIconUrl(pos: MarkTagPos, type: MarkType): string { |
||||||
|
|
||||||
|
let result = ConfigManager.c_resPath_assetsRoot + "images/mark/" + pos.toLocaleLowerCase() + "/" + type.toLocaleLowerCase() + ".png"; |
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
//#endregion
|
||||||
|
|
||||||
|
} |
||||||
@ -0,0 +1,646 @@ |
|||||||
|
import { Quaternion, Vector3 } from '@babylonjs/core'; |
||||||
|
import { |
||||||
|
BuildingData, |
||||||
|
BuildingData_ChemicalPlant, |
||||||
|
BuildingData_Environment, |
||||||
|
BuildingData_Normal, |
||||||
|
BuildingType, |
||||||
|
} from '../model/data/institution/building/building-data'; |
||||||
|
import { |
||||||
|
FacilityPosType, |
||||||
|
FacilityType, |
||||||
|
ModelData_facility, |
||||||
|
} from '../model/data/model-data/model-data-facility'; |
||||||
|
import { |
||||||
|
InstitutionData, |
||||||
|
NormalData, |
||||||
|
} from '../model/data/institution/institution-data'; |
||||||
|
import { |
||||||
|
BuildingPosType, |
||||||
|
ModelData, |
||||||
|
|
||||||
|
} from '../model/data/model-data/model-data'; |
||||||
|
import { ModelData_building } from '../model/data/model-data/model-data-building'; |
||||||
|
import { TransformData } from '../model/data/transform-data'; |
||||||
|
import { BabylonTool } from '../tool/babylon-tool'; |
||||||
|
import { AllFacilityData } from '../model/data/institution/facility/all-facility-data'; |
||||||
|
import { plainToClass } from 'class-transformer'; |
||||||
|
import { ConfigManager } from './config-manager'; |
||||||
|
import { ModelEditData } from '../model/data/model-data/model-edit-data'; |
||||||
|
import { ServeManager } from './serve-manager'; |
||||||
|
import { InsitutionDataSimple } from '../model/data/institution/institution-data-simple'; |
||||||
|
import { PropertyData_Base } from '../model/data/institution/facility/property-data/property-data-base'; |
||||||
|
import { PropertyData_AQCK } from '../model/data/institution/facility/property-data/outdoor/property-data-aqck'; |
||||||
|
import { PropertyData_public } from '../model/data/institution/facility/property-data/property-data-public'; |
||||||
|
import { TsTool } from '../tool/ts-tool'; |
||||||
|
import { PropertyData_Base_XHS } from '../model/data/institution/facility/property-data/base/property-data-base-xhs'; |
||||||
|
import { PropertyData_Base_SBJHQ } from '../model/data/institution/facility/property-data/base/property-data-base-sbjhq'; |
||||||
|
import { PropertyData_PL } from '../model/data/institution/facility/property-data/outdoor/property-data-pl'; |
||||||
|
import { PropertyData_Base_IMG } from '../model/data/institution/facility/property-data/base/property-data-base-img'; |
||||||
|
import { PropertyData_Base_XFB } from '../model/data/institution/facility/property-data/base/property-data-base-xfb'; |
||||||
|
import { PropertyData_FHFQ } from '../model/data/institution/facility/property-data/indoor/property-data-fhfq'; |
||||||
|
import { PropertyData_SSLT } from '../model/data/institution/facility/property-data/indoor/property-data-sslt'; |
||||||
|
import { PropertyData_XFDT } from '../model/data/institution/facility/property-data/indoor/property-data-xfdt'; |
||||||
|
import { PropertyData_ZDQY } from '../model/data/institution/facility/property-data/indoor/property-data-zdqy'; |
||||||
|
import { PropertyData_DWBZ } from '../model/data/institution/facility/property-data/indoor/property-data-dwbz'; |
||||||
|
import { PropertyData_GD } from '../model/data/institution/facility/property-data/outdoor/property-data-gd'; |
||||||
|
import { ModeManager, ModeType } from './mode-manager'; |
||||||
|
import { AllMarkData } from '../model/data/mark/all-mark-data'; |
||||||
|
import { AllMarkPlanData } from '../model/data/mark/mark-plan-data'; |
||||||
|
import { HttpErrorResponse } from '@angular/common/http'; |
||||||
|
import { PropertyData_Q } from '../model/data/institution/facility/property-data/outdoor/property-data-q'; |
||||||
|
|
||||||
|
class Test { |
||||||
|
id: string; |
||||||
|
} |
||||||
|
|
||||||
|
//数据管理器
|
||||||
|
export class DataManager { |
||||||
|
|
||||||
|
static institutionData_simple: InsitutionDataSimple;//当前单位简易信息
|
||||||
|
static institutionData: InstitutionData; //当前单位信息
|
||||||
|
|
||||||
|
static allFacilityData: AllFacilityData; //所有可用的设备数据(将来读取自配置表)
|
||||||
|
|
||||||
|
/** |
||||||
|
* 态势标绘的素材库 |
||||||
|
*/ |
||||||
|
static allMarkData: AllMarkData; |
||||||
|
|
||||||
|
/** |
||||||
|
* 当前单位的标绘方案信息 |
||||||
|
*/ |
||||||
|
static allMarkPlanData: AllMarkPlanData; |
||||||
|
|
||||||
|
static initDebugData(institutionKey: string, onSuccess?: (key: string) => void, onError?: (key: string, error: string) => void) { |
||||||
|
|
||||||
|
//本地捏造消防设备列表信息
|
||||||
|
DataManager.initDebugData_facility(); |
||||||
|
if (ModeManager.currentMode == ModeType.Look) { |
||||||
|
DataManager.initDebugData_mark(); |
||||||
|
} |
||||||
|
|
||||||
|
let dataFromServe = true;//true-表示数据来自服务器，false-表示来自本地捏造
|
||||||
|
|
||||||
|
if (dataFromServe) { |
||||||
|
|
||||||
|
ServeManager.instance.getInstitutionData(institutionKey, (key, result) => { |
||||||
|
if (onSuccess) { |
||||||
|
DataManager.institutionData = plainToClass(InstitutionData, result); |
||||||
|
DataManager.institutionData.normalData.name = DataManager.institutionData_simple.name; |
||||||
|
// console.log(DataManager.institutionData);
|
||||||
|
onSuccess(key); |
||||||
|
} |
||||||
|
}, (key, error) => { |
||||||
|
|
||||||
|
if (onError) { |
||||||
|
console.error("获取单位信息失败" + key); |
||||||
|
onError(key, error); |
||||||
|
} |
||||||
|
|
||||||
|
console.error("获取单位信息失败,本地捏造数据"); |
||||||
|
DataManager.initDebugData_institution(); |
||||||
|
if (onSuccess) { |
||||||
|
onSuccess(key); |
||||||
|
} |
||||||
|
}); |
||||||
|
} |
||||||
|
else { |
||||||
|
//本地捏造测试数据
|
||||||
|
DataManager.initDebugData_institution(); |
||||||
|
onSuccess(DataManager.institutionData.normalData.key); |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
//初始化单位数据
|
||||||
|
static initDebugData_institution() { |
||||||
|
DataManager.institutionData = new InstitutionData(); |
||||||
|
|
||||||
|
DataManager.institutionData.normalData = new NormalData(); |
||||||
|
DataManager.institutionData.normalData.key = 'Institution001'; |
||||||
|
DataManager.institutionData.normalData.name = '单位001'; |
||||||
|
|
||||||
|
DataManager.institutionData.environmentDatas = [ |
||||||
|
new BuildingData_Environment(), |
||||||
|
]; |
||||||
|
DataManager.institutionData.environmentDatas[0].normalData = new NormalData(); |
||||||
|
DataManager.institutionData.environmentDatas[0].normalData.key = |
||||||
|
'environment001'; |
||||||
|
DataManager.institutionData.environmentDatas[0].normalData.name = '环境001'; |
||||||
|
|
||||||
|
let environmentTransform = new TransformData(); //用于测试建筑的数据还原效果
|
||||||
|
environmentTransform.originalScaling = new Vector3(961.66, 5.17, 962.6); |
||||||
|
environmentTransform.position = new Vector3(0, -2.939, 0); |
||||||
|
environmentTransform.scaling = environmentTransform.originalScaling.clone(); |
||||||
|
|
||||||
|
DataManager.institutionData.environmentDatas[0].outdoorData = new ModelEditData(); |
||||||
|
DataManager.institutionData.environmentDatas[0].outdoorData.index = 1; |
||||||
|
let resPath_en = DataManager.getResPath_building( |
||||||
|
DataManager.institutionData.normalData.key.toLowerCase(), |
||||||
|
DataManager.institutionData.environmentDatas[0].normalData.key.toLocaleLowerCase(), |
||||||
|
BuildingPosType.Environment, |
||||||
|
'modelEn001' |
||||||
|
); |
||||||
|
DataManager.institutionData.environmentDatas[0].outdoorData.modelData = new ModelData_building( |
||||||
|
'modelEn001', |
||||||
|
'环境001', |
||||||
|
BuildingPosType.Environment, |
||||||
|
'Terrain.gltf', |
||||||
|
environmentTransform, |
||||||
|
resPath_en |
||||||
|
); |
||||||
|
|
||||||
|
DataManager.institutionData.environmentDatas[0].describe = '这是环境'; |
||||||
|
|
||||||
|
let facilityTransform = new TransformData(); |
||||||
|
facilityTransform.position = new Vector3(-137, 3.3, 150); |
||||||
|
facilityTransform.rotationQuaternion = Quaternion.FromEulerAngles( |
||||||
|
0, |
||||||
|
80 / BabylonTool.c_radian1, |
||||||
|
0 |
||||||
|
); |
||||||
|
facilityTransform.originalScaling = new Vector3(0.39, 0.7, 0.37); |
||||||
|
facilityTransform.scaling = facilityTransform.originalScaling.multiplyByFloats( |
||||||
|
2, |
||||||
|
2, |
||||||
|
2 |
||||||
|
); |
||||||
|
// let facilityData = new ModelData_facility(
|
||||||
|
// 'facility001',
|
||||||
|
// FacilityType.DSXHS,
|
||||||
|
// '地上消火栓',
|
||||||
|
// 'DXXHS.gltf',
|
||||||
|
// facilityTransform,
|
||||||
|
// FacilityPosType.Outdoor
|
||||||
|
// );
|
||||||
|
// DataManager.institutionData.environmentDatas[0].outdoorData.facilities = [
|
||||||
|
// facilityData,
|
||||||
|
// ];
|
||||||
|
|
||||||
|
DataManager.institutionData.normalBuildingDatas = [ |
||||||
|
new BuildingData_Normal(), |
||||||
|
]; |
||||||
|
|
||||||
|
DataManager.institutionData.normalBuildingDatas[0].normalData = new NormalData(); |
||||||
|
DataManager.institutionData.normalBuildingDatas[0].buildingType = |
||||||
|
BuildingType.Normal; |
||||||
|
DataManager.institutionData.normalBuildingDatas[0].normalData.key = |
||||||
|
'building001'; |
||||||
|
DataManager.institutionData.normalBuildingDatas[0].normalData.name = |
||||||
|
'大楼001'; |
||||||
|
DataManager.institutionData.normalBuildingDatas[0].describe = |
||||||
|
'一个普通大楼'; |
||||||
|
|
||||||
|
DataManager.institutionData.normalBuildingDatas[0].outdoorData = new ModelEditData(); |
||||||
|
DataManager.institutionData.normalBuildingDatas[0].outdoorData.index = 1; |
||||||
|
let resPath_out = DataManager.getResPath_building( |
||||||
|
DataManager.institutionData.normalData.key.toLowerCase(), |
||||||
|
DataManager.institutionData.normalBuildingDatas[0].normalData.key.toLocaleLowerCase(), |
||||||
|
BuildingPosType.OutDoor, |
||||||
|
'modelOut001' |
||||||
|
); |
||||||
|
DataManager.institutionData.normalBuildingDatas[0].outdoorData.modelData = new ModelData_building( |
||||||
|
'modelOut001', |
||||||
|
'外观模型1', |
||||||
|
BuildingPosType.OutDoor, |
||||||
|
'ZhuTi.gltf', |
||||||
|
new TransformData(), |
||||||
|
resPath_out |
||||||
|
); |
||||||
|
|
||||||
|
DataManager.institutionData.normalBuildingDatas[0].indoorsData = []; |
||||||
|
|
||||||
|
let indoorData1 = new ModelEditData(); |
||||||
|
DataManager.institutionData.normalBuildingDatas[0].indoorsData.push( |
||||||
|
indoorData1 |
||||||
|
); |
||||||
|
indoorData1.index = 1; |
||||||
|
let resPath_inDoor1 = DataManager.getResPath_building( |
||||||
|
DataManager.institutionData.normalData.key.toLowerCase(), |
||||||
|
DataManager.institutionData.normalBuildingDatas[0].normalData.key.toLocaleLowerCase(), |
||||||
|
BuildingPosType.Indoor, |
||||||
|
'nei1' |
||||||
|
); |
||||||
|
indoorData1.modelData = new ModelData_building( |
||||||
|
'nei1', |
||||||
|
'室内模型1层', |
||||||
|
BuildingPosType.Indoor, |
||||||
|
'nei1.gltf', |
||||||
|
null, |
||||||
|
resPath_inDoor1 |
||||||
|
); |
||||||
|
|
||||||
|
let indoorData2 = new ModelEditData(); |
||||||
|
DataManager.institutionData.normalBuildingDatas[0].indoorsData.push( |
||||||
|
indoorData2 |
||||||
|
); |
||||||
|
indoorData2.index = 2; |
||||||
|
let resPath_inDoor2 = DataManager.getResPath_building( |
||||||
|
DataManager.institutionData.normalData.key.toLowerCase(), |
||||||
|
DataManager.institutionData.normalBuildingDatas[0].normalData.key.toLocaleLowerCase(), |
||||||
|
BuildingPosType.Indoor, |
||||||
|
'nei2' |
||||||
|
); |
||||||
|
indoorData2.modelData = new ModelData_building( |
||||||
|
'nei2', |
||||||
|
'室内模型2层', |
||||||
|
BuildingPosType.Indoor, |
||||||
|
'nei2.gltf', |
||||||
|
null, |
||||||
|
resPath_inDoor2 |
||||||
|
); |
||||||
|
indoorData2.facilities = []; |
||||||
|
|
||||||
|
let indoorData2FacilityTransform = new TransformData(); |
||||||
|
indoorData2FacilityTransform.position = new Vector3(-6, -3.1, 29); |
||||||
|
indoorData2FacilityTransform.rotationQuaternion = Quaternion.FromEulerAngles( |
||||||
|
0, |
||||||
|
30 / BabylonTool.c_radian1, |
||||||
|
0 |
||||||
|
); |
||||||
|
// let indoorData2FacilityData = new ModelData_facility(
|
||||||
|
// 'indoor2_facility001',
|
||||||
|
// FacilityType.DSXHS,
|
||||||
|
// '地下消火栓1',
|
||||||
|
// 'DSXHS.gltf',
|
||||||
|
// indoorData2FacilityTransform,
|
||||||
|
// FacilityPosType.Indoor
|
||||||
|
// );
|
||||||
|
// indoorData2.facilities.push(indoorData2FacilityData);
|
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
//获取建筑资源完整路径
|
||||||
|
static getResPath_building( |
||||||
|
institutionKey: string, |
||||||
|
buildingKey: string, |
||||||
|
buildingPosType: BuildingPosType, |
||||||
|
key: string |
||||||
|
): string { |
||||||
|
let result = |
||||||
|
ConfigManager.c_resPath_institutionsRoot + |
||||||
|
institutionKey.toLocaleLowerCase() + |
||||||
|
'/' + |
||||||
|
buildingKey.toLocaleLowerCase() + |
||||||
|
'/' + |
||||||
|
buildingPosType + |
||||||
|
'/' + |
||||||
|
key + |
||||||
|
'/'; |
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
//获取属性所需文件的路径
|
||||||
|
static getResPath_facilityProperty(institutionKey: string, |
||||||
|
buildingKey: string, facilityType: FacilityType, facilityKey: string, key: string) { |
||||||
|
|
||||||
|
let result = |
||||||
|
ConfigManager.c_resPath_institutionsRoot + |
||||||
|
institutionKey.toLocaleLowerCase() + |
||||||
|
'/' + |
||||||
|
buildingKey.toLocaleLowerCase() + |
||||||
|
'/' + |
||||||
|
ConfigManager.c_reaPath_facilityProperty + |
||||||
|
"/" + |
||||||
|
facilityType.toLocaleLowerCase() + |
||||||
|
'/' + |
||||||
|
facilityKey.toLocaleLowerCase() + |
||||||
|
"/"; |
||||||
|
|
||||||
|
|
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
//获取设备资源完整路径
|
||||||
|
static getResPath_facility(facilityPosType: FacilityPosType, type: FacilityType): string { |
||||||
|
let result = "facilities/"; |
||||||
|
|
||||||
|
result += facilityPosType.toString() + "/"; |
||||||
|
|
||||||
|
result += DataManager.getResName_facility(type).toLocaleLowerCase(); |
||||||
|
result += "/"; |
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
//获取设备的资源名（有些是公用的）
|
||||||
|
static getResName_facility(type: FacilityType): string { |
||||||
|
let result = type.toString(); |
||||||
|
switch (type) { |
||||||
|
case FacilityType.XKS: |
||||||
|
case FacilityType.BF: |
||||||
|
case FacilityType.SX: |
||||||
|
case FacilityType.FHM: |
||||||
|
case FacilityType.FHJL: |
||||||
|
case FacilityType.SSLT: |
||||||
|
case FacilityType.XFDT: |
||||||
|
case FacilityType.PTDT: |
||||||
|
case FacilityType.HT: |
||||||
|
case FacilityType.WXY: result = "Location"; break; |
||||||
|
|
||||||
|
} |
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
//初始化设备信息
|
||||||
|
static initDebugData_facility() { |
||||||
|
DataManager.allFacilityData = AllFacilityData.CreateAllFacilityData(); |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 初始化态势标绘的素材库 |
||||||
|
*/ |
||||||
|
static initDebugData_mark() { |
||||||
|
DataManager.allMarkData = AllMarkData.CreateAllMarkData(); |
||||||
|
console.log(DataManager.allMarkData, "态势标会"); |
||||||
|
} |
||||||
|
|
||||||
|
static init(simpleData: InsitutionDataSimple, onSuccess?: (key: string) => void) { |
||||||
|
DataManager.institutionData_simple = simpleData; |
||||||
|
DataManager.initDebugData(simpleData.key, onSuccess); |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 新建当前单位的标绘信息 |
||||||
|
*/ |
||||||
|
static initAllMarkPlaneData() { |
||||||
|
DataManager.allMarkPlanData = new AllMarkPlanData(); |
||||||
|
DataManager.allMarkPlanData.institutionID = DataManager.institutionData.normalData.key; |
||||||
|
DataManager.allMarkPlanData.datas = []; |
||||||
|
return DataManager.allMarkPlanData; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 初始化当前建筑的 态势标绘信息 |
||||||
|
*/ |
||||||
|
static initMarkData(onSuccess?: (data: AllMarkPlanData) => void) { |
||||||
|
ServeManager.instance.getMarkData(DataManager.institutionData.normalData.key, (institutionID: string, data: string) => { |
||||||
|
if (data == null) //新建单位的标绘信息
|
||||||
|
{ |
||||||
|
DataManager.initAllMarkPlaneData(); |
||||||
|
} |
||||||
|
else //读取已有的标绘信息
|
||||||
|
{ |
||||||
|
DataManager.allMarkPlanData = plainToClass(AllMarkPlanData, data); |
||||||
|
} |
||||||
|
if (onSuccess != null) { |
||||||
|
onSuccess(DataManager.allMarkPlanData); |
||||||
|
} |
||||||
|
}, (institutionID: string, data: any) => { |
||||||
|
if (data instanceof HttpErrorResponse && data.status == 404) { |
||||||
|
//404，新增单位标绘数据，不算错误
|
||||||
|
} |
||||||
|
else { |
||||||
|
ModeManager.log("获取态势标会失败" + institutionID, data); |
||||||
|
} |
||||||
|
|
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
//#region 创建类方法
|
||||||
|
|
||||||
|
/** |
||||||
|
* 新建建筑 |
||||||
|
* @param key
|
||||||
|
* @param name
|
||||||
|
* @param buildingType
|
||||||
|
*/ |
||||||
|
static createBuilding(key: string, name: string, buildingType: BuildingType): BuildingData { |
||||||
|
let result = false; |
||||||
|
if (buildingType == null) { |
||||||
|
throw new Error('create building buildingType is null'); |
||||||
|
} |
||||||
|
|
||||||
|
if (key == null) { |
||||||
|
throw new Error('create building key is null'); |
||||||
|
} |
||||||
|
|
||||||
|
if (name == null || name == "") { |
||||||
|
throw new Error('create building name is null'); |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
let normalData = new NormalData(key, name); |
||||||
|
|
||||||
|
let newBuilding: BuildingData_Normal | BuildingData_Environment | BuildingData_ChemicalPlant; |
||||||
|
switch (buildingType) { |
||||||
|
case BuildingType.Normal: |
||||||
|
newBuilding = new BuildingData_Normal(); |
||||||
|
|
||||||
|
DataManager.institutionData.normalBuildingDatas.push(newBuilding as BuildingData_Normal); |
||||||
|
break; |
||||||
|
case BuildingType.Environment: |
||||||
|
newBuilding = new BuildingData_Environment(); |
||||||
|
DataManager.institutionData.environmentDatas.push(newBuilding as BuildingData_Environment); |
||||||
|
|
||||||
|
break; |
||||||
|
case BuildingType.ChemicalPlant: |
||||||
|
newBuilding = new BuildingData_ChemicalPlant(); |
||||||
|
DataManager.institutionData.chemicalPlantData.push(newBuilding as BuildingData_ChemicalPlant); |
||||||
|
break; |
||||||
|
} |
||||||
|
newBuilding.normalData = normalData; |
||||||
|
|
||||||
|
return newBuilding; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 创建属性 |
||||||
|
* @param key
|
||||||
|
* @param facilityType
|
||||||
|
*/ |
||||||
|
static createPropertyData(key: string, facilityType: FacilityType): PropertyData_Base { |
||||||
|
let result: PropertyData_Base = null; |
||||||
|
switch (facilityType) { |
||||||
|
case FacilityType.AQCK: result = new PropertyData_AQCK(key, "", false, "安全出口", ""); break; //安全出口
|
||||||
|
case FacilityType.DSXHS: |
||||||
|
case FacilityType.DXXHS: |
||||||
|
case FacilityType.SZDSXHS: |
||||||
|
case FacilityType.SZDXXHS: result = new PropertyData_Base_XHS(key, "", false, "", "", "", facilityType); break; |
||||||
|
case FacilityType.DSSBJHQ: |
||||||
|
case FacilityType.DXSBJHQ: |
||||||
|
case FacilityType.QBSBJHQ: |
||||||
|
case FacilityType.DGNSBJHQ: result = new PropertyData_Base_SBJHQ(key, "", "", "", "", facilityType); break; |
||||||
|
case FacilityType.GD: result = new PropertyData_GD(key, "-"); break; |
||||||
|
case FacilityType.PL: result = new PropertyData_PL(key, 0, "", []); break; |
||||||
|
case FacilityType.JTQ: |
||||||
|
case FacilityType.JJQ: result = new PropertyData_Q(key, "", "", "", null, facilityType); break; |
||||||
|
case FacilityType.TPBZ: |
||||||
|
case FacilityType.XKS: |
||||||
|
case FacilityType.BF: |
||||||
|
case FacilityType.SX: result = new PropertyData_Base_IMG(key, "", "", "", facilityType); break; |
||||||
|
case FacilityType.LSXFB: |
||||||
|
case FacilityType.WSXFB: |
||||||
|
case FacilityType.CYXFB: result = new PropertyData_Base_XFB(key, "", "", "", "", "", "", facilityType); break; |
||||||
|
case FacilityType.FHFQ: result = new PropertyData_FHFQ(key, "", ""); break; |
||||||
|
case FacilityType.SSLT: result = new PropertyData_SSLT(key, "", "", ""); break; |
||||||
|
case FacilityType.XFDT: result = new PropertyData_XFDT(key, "", "", ""); break; |
||||||
|
case FacilityType.WXY: result = new PropertyData_Base_IMG(key, "", "", "", facilityType); break; |
||||||
|
case FacilityType.ZDQY: result = new PropertyData_ZDQY(key, "", "", "", "", "", []); break; |
||||||
|
case FacilityType.DWBZ: result = new PropertyData_DWBZ(key, "", ""); break; |
||||||
|
//其他在表格中显示无
|
||||||
|
} |
||||||
|
|
||||||
|
if (result == null) { |
||||||
|
result = new PropertyData_public(key, facilityType); |
||||||
|
} |
||||||
|
|
||||||
|
return result; |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 新建标绘方案 |
||||||
|
* @param name
|
||||||
|
*/ |
||||||
|
static createMarkPlane(name: string) { |
||||||
|
if (DataManager.allMarkPlanData == null) { |
||||||
|
console.error("当前单位没有标绘方案，无法新建"); |
||||||
|
return; |
||||||
|
} |
||||||
|
|
||||||
|
let index = 0; |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
//#endregion
|
||||||
|
|
||||||
|
|
||||||
|
//#region 查询类方法
|
||||||
|
/** |
||||||
|
* 根据类型查询建筑列表 |
||||||
|
* @param buildingType 建筑类型 |
||||||
|
*/ |
||||||
|
static getBuildingDataListByType(buildingType: BuildingType): BuildingData_Normal[] | BuildingData_Environment[] | BuildingData_ChemicalPlant[] { |
||||||
|
let buildingDatas: BuildingData_Normal[] | BuildingData_Environment[] | BuildingData_ChemicalPlant[]; |
||||||
|
|
||||||
|
switch (buildingType) { |
||||||
|
case BuildingType.Normal: |
||||||
|
buildingDatas = DataManager.institutionData.normalBuildingDatas; |
||||||
|
break; |
||||||
|
case BuildingType.Environment: |
||||||
|
buildingDatas = DataManager.institutionData.environmentDatas; |
||||||
|
break; |
||||||
|
case BuildingType.ChemicalPlant: |
||||||
|
buildingDatas = DataManager.institutionData.chemicalPlantData; |
||||||
|
break; |
||||||
|
} |
||||||
|
|
||||||
|
return buildingDatas; |
||||||
|
|
||||||
|
} |
||||||
|
//#endregion
|
||||||
|
|
||||||
|
//#region 修改和删除类方法
|
||||||
|
|
||||||
|
//删除一个当前单位的buildingData
|
||||||
|
static deleteOneBuildingData(buildingType: BuildingType, key: string) { |
||||||
|
let buildingDatas = DataManager.getBuildingDataListByType(buildingType); |
||||||
|
|
||||||
|
for (let i = 0; i < buildingDatas.length; i++) { |
||||||
|
if (buildingDatas[i].normalData.key == key) { |
||||||
|
TsTool.arrayRemove(buildingDatas, buildingDatas[i]); |
||||||
|
break; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 保存当前的标绘信息 |
||||||
|
*/ |
||||||
|
static saveallMarkPlanData() { |
||||||
|
console.log("当前标绘", DataManager.allMarkPlanData); |
||||||
|
ServeManager.instance.saveMarkData(DataManager.allMarkPlanData); |
||||||
|
} |
||||||
|
//#endregion
|
||||||
|
|
||||||
|
|
||||||
|
//#region 文件修改类
|
||||||
|
|
||||||
|
/** |
||||||
|
* 创建manifest 类文件 |
||||||
|
* @param fileName //资源文件名，例如 zhuti.gltf
|
||||||
|
* @param version //版本号
|
||||||
|
*/ |
||||||
|
static createFile_manifest(fileName: string, version: number): File { |
||||||
|
let file; |
||||||
|
let data = []; |
||||||
|
|
||||||
|
let info = { |
||||||
|
"version": version, |
||||||
|
"enableSceneOffline": true, |
||||||
|
"enableTexturesOffline": true |
||||||
|
}; |
||||||
|
|
||||||
|
data.push(JSON.stringify(info)); |
||||||
|
|
||||||
|
|
||||||
|
let properties = { type: 'text/cache-manifest' }; // 设置文件的 mime-type.
|
||||||
|
try { |
||||||
|
// 使用文件构造函数指定文件名,如果 ...
|
||||||
|
file = new File(data, fileName + ".manifest", properties); |
||||||
|
} catch (e) { |
||||||
|
// ... 如果不支持Blob构造函数，请退回到Blob构造函数。
|
||||||
|
file = new Blob(data, properties); |
||||||
|
} |
||||||
|
|
||||||
|
console.log("创建版本号" + version); |
||||||
|
|
||||||
|
return file; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 创建版本文件(版本号+1) |
||||||
|
* @param indoorData
|
||||||
|
*/ |
||||||
|
static createManifestFile(modelData: ModelData): File { |
||||||
|
modelData.version += 1; |
||||||
|
let manifestFile = DataManager.createFile_manifest(modelData.resName, modelData.version); |
||||||
|
|
||||||
|
return manifestFile; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 读取版本文件中的版本号 |
||||||
|
* @param file
|
||||||
|
*/ |
||||||
|
static readFile_manifest(file: File, onLoad: (result) => void): number { |
||||||
|
let version = 1; |
||||||
|
|
||||||
|
var reader = new FileReader(); |
||||||
|
reader.onload = function (evt) { // 指定异步读写后触发的函数
|
||||||
|
ModeManager.log(evt.target.result); |
||||||
|
let object = JSON.parse(evt.target.result as string); |
||||||
|
onLoad(object.version); |
||||||
|
}; |
||||||
|
reader.readAsText(file); |
||||||
|
|
||||||
|
return version; |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
//#endregion
|
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
//模型信息变化类型
|
||||||
|
export enum ModelChangeType { |
||||||
|
Add, |
||||||
|
Remove, |
||||||
|
Update, |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@ -0,0 +1,12 @@ |
|||||||
|
|
||||||
|
/** |
||||||
|
* 事件基础类 |
||||||
|
*/ |
||||||
|
export class Event_Base { |
||||||
|
|
||||||
|
//属性 自定义
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
@ -0,0 +1,138 @@ |
|||||||
|
import { EventState, Observable, Observer, TransformNode } from "@babylonjs/core"; |
||||||
|
import { Event_Base } from "./event-base"; |
||||||
|
|
||||||
|
/** |
||||||
|
* 事件管理器 |
||||||
|
*/ |
||||||
|
export class EventManager { |
||||||
|
|
||||||
|
//#region 单例
|
||||||
|
private static instance: EventManager; |
||||||
|
|
||||||
|
public static get Instcane() { |
||||||
|
if (EventManager.instance == null) { |
||||||
|
EventManager.instance = new EventManager(); |
||||||
|
} |
||||||
|
|
||||||
|
return EventManager.instance; |
||||||
|
|
||||||
|
} |
||||||
|
//#endregion
|
||||||
|
|
||||||
|
//#region event 实例管理
|
||||||
|
//所有实例化的event
|
||||||
|
private static s_allEventContainer: any[]; |
||||||
|
|
||||||
|
//创建event实例
|
||||||
|
private static createEvent<T extends Event_Base>(c: { new(): T }): EventContainer<T> { |
||||||
|
let newEvent = null; |
||||||
|
if (newEvent == null) { |
||||||
|
newEvent = new EventContainer<T>(c); |
||||||
|
EventManager.s_allEventContainer.push(newEvent); |
||||||
|
} |
||||||
|
|
||||||
|
return newEvent; |
||||||
|
} |
||||||
|
|
||||||
|
//获取event实例
|
||||||
|
private static getEvent<T extends Event_Base>(c: { new(): T }): EventContainer<T> { |
||||||
|
|
||||||
|
if (EventManager.s_allEventContainer == null) { |
||||||
|
EventManager.s_allEventContainer = []; |
||||||
|
} |
||||||
|
let result = null; |
||||||
|
for (let i = 0; i < EventManager.s_allEventContainer.length; i++) { |
||||||
|
|
||||||
|
if (EventManager.s_allEventContainer[i].key == c.name) { |
||||||
|
result = (EventManager.s_allEventContainer[i]); |
||||||
|
// console.log("找到已有的event" + (c.name));
|
||||||
|
return result; |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
result = EventManager.createEvent<T>(c); |
||||||
|
|
||||||
|
// console.log("新建event" + result);
|
||||||
|
|
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
//#endregion
|
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 添加监听 |
||||||
|
* @param callback 事件派发时的回调 |
||||||
|
*/ |
||||||
|
static addListener<T extends Event_Base>(c: { new(): T }, callback: (eventData: T, eventState: EventState) => void, |
||||||
|
mask?: number, |
||||||
|
insertFirst?: boolean, |
||||||
|
scope?: any, |
||||||
|
unregisterOnFirstCall?: boolean): Observer<T> { |
||||||
|
|
||||||
|
let instance = EventManager.getEvent<T>(c); |
||||||
|
|
||||||
|
|
||||||
|
return instance.observable.add(callback, mask, insertFirst, scope, unregisterOnFirstCall); |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 移除监听者 |
||||||
|
* @param observer 要移除的观察者 |
||||||
|
*/ |
||||||
|
static removeListener<T extends Event_Base>(c: { new(): T }, observer: Observer<T>) { |
||||||
|
let instance = EventManager.getEvent<T>(c); |
||||||
|
if (instance == null) { |
||||||
|
return; |
||||||
|
} |
||||||
|
instance.observable.remove(observer); |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 移除监听者（通过回调） |
||||||
|
* @param callback
|
||||||
|
*/ |
||||||
|
static removeCallback<T extends Event_Base>(c: { new(): T }, callback: (eventData: T, eventState: EventState) => void, |
||||||
|
mask?: number, |
||||||
|
insertFirst?: boolean, |
||||||
|
scope?: any, |
||||||
|
unregisterOnFirstCall?: boolean) { |
||||||
|
let instance = EventManager.getEvent<T>(c); |
||||||
|
if (instance == null) { |
||||||
|
return; |
||||||
|
} |
||||||
|
|
||||||
|
instance.observable.removeCallback(callback); |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 派发事件 |
||||||
|
* @param eventData 派发的信息 |
||||||
|
*/ |
||||||
|
static dispatch<T extends Event_Base>(c: { new(): T }, eventData: T) { |
||||||
|
let instance = EventManager.getEvent<T>(c); |
||||||
|
if (instance == null) { |
||||||
|
return; |
||||||
|
} |
||||||
|
instance.observable.notifyObservers(eventData); |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 事件容器 |
||||||
|
*/ |
||||||
|
class EventContainer<T extends Event_Base> { |
||||||
|
key: string; |
||||||
|
observable: Observable<T>; |
||||||
|
constructor(c: { new(): T }) { |
||||||
|
|
||||||
|
this.key = c.name; |
||||||
|
// console.log("EventContainer===" + this.key);
|
||||||
|
this.observable = new Observable<T>(); |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,30 @@ |
|||||||
|
|
||||||
|
import { ModelData } from "src/babylon/model/data/model-data/model-data"; |
||||||
|
import { BuildingInfo } from "src/babylon/model/info/building/building-info"; |
||||||
|
import { ModelChangeType } from "../../data-manager"; |
||||||
|
import { Event_Base } from "../event-base"; |
||||||
|
import { EventManager } from "../event-manager"; |
||||||
|
|
||||||
|
export class Event_ChangeFacility extends Event_Base { |
||||||
|
|
||||||
|
modeleData: ModelData; |
||||||
|
modelChangeType: ModelChangeType; |
||||||
|
belongtoBuilding: BuildingInfo;//属于哪个建筑
|
||||||
|
|
||||||
|
initInfo(modeleData: ModelData, |
||||||
|
modelChangeType: ModelChangeType, |
||||||
|
belongtoBuilding: BuildingInfo) { |
||||||
|
this.modeleData = modeleData; |
||||||
|
this.modelChangeType = modelChangeType; |
||||||
|
this.belongtoBuilding = belongtoBuilding; |
||||||
|
} |
||||||
|
|
||||||
|
static dispatch(modeleData: ModelData, |
||||||
|
modelChangeType: ModelChangeType, |
||||||
|
belongtoBuilding: BuildingInfo) { |
||||||
|
let eventInfo = new Event_ChangeFacility(); |
||||||
|
eventInfo.initInfo(modeleData, modelChangeType, belongtoBuilding); |
||||||
|
|
||||||
|
EventManager.dispatch(Event_ChangeFacility, eventInfo); |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,23 @@ |
|||||||
|
import { AllMarkPlanData } from "src/babylon/model/data/mark/mark-plan-data"; |
||||||
|
import { Event_Base } from "../event-base"; |
||||||
|
import { EventManager } from "../event-manager"; |
||||||
|
|
||||||
|
/** |
||||||
|
* 获取单位的标绘方案信息的结果 |
||||||
|
*/ |
||||||
|
export class Event_GetAllMarkPlanData extends Event_Base { |
||||||
|
|
||||||
|
success: boolean; |
||||||
|
data: AllMarkPlanData; |
||||||
|
|
||||||
|
static dispatch(success: boolean, data: AllMarkPlanData) { |
||||||
|
let info = new Event_GetAllMarkPlanData(); |
||||||
|
info.success = success; |
||||||
|
info.data = data; |
||||||
|
|
||||||
|
EventManager.dispatch(Event_GetAllMarkPlanData, info); |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
@ -0,0 +1,17 @@ |
|||||||
|
import { Event_Base } from "../event-base"; |
||||||
|
import { EventManager } from "../event-manager"; |
||||||
|
|
||||||
|
/** |
||||||
|
* 键盘输入事件 |
||||||
|
*/ |
||||||
|
export class Event_KeyboardInput extends Event_Base { |
||||||
|
|
||||||
|
data: KeyboardEvent; |
||||||
|
|
||||||
|
static dispatch(ev: KeyboardEvent) { |
||||||
|
let eventData = new Event_KeyboardInput(); |
||||||
|
eventData.data = ev; |
||||||
|
EventManager.dispatch<Event_KeyboardInput>(Event_KeyboardInput, eventData); |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
@ -0,0 +1,43 @@ |
|||||||
|
import { ModelInfo_mark } from "src/babylon/model/info/mark/model-info-mark"; |
||||||
|
import { Event_Base } from "../event-base"; |
||||||
|
import { EventManager } from "../event-manager"; |
||||||
|
|
||||||
|
/** |
||||||
|
* MarkInfo(标绘物运行时数据)发生变化 |
||||||
|
*/ |
||||||
|
export class Event_MarkInfoChange extends Event_Base { |
||||||
|
|
||||||
|
eventType: MarkInfoChangeType; |
||||||
|
|
||||||
|
markInfo: ModelInfo_mark; |
||||||
|
|
||||||
|
static dispatch(eventType: MarkInfoChangeType, markInfo: ModelInfo_mark) { |
||||||
|
|
||||||
|
let eventInfo = new Event_MarkInfoChange(); |
||||||
|
eventInfo.eventType = eventType; |
||||||
|
eventInfo.markInfo = markInfo; |
||||||
|
|
||||||
|
EventManager.dispatch(Event_MarkInfoChange, eventInfo); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 标绘物运行时数据发生变化 |
||||||
|
*/ |
||||||
|
export enum MarkInfoChangeType { |
||||||
|
|
||||||
|
/** |
||||||
|
* 创建 |
||||||
|
*/ |
||||||
|
Create, |
||||||
|
|
||||||
|
/** |
||||||
|
* 选中 |
||||||
|
*/ |
||||||
|
Select, |
||||||
|
/** |
||||||
|
* 取消选中 |
||||||
|
*/ |
||||||
|
UnSelect, |
||||||
|
|
||||||
|
} |
||||||
@ -0,0 +1,32 @@ |
|||||||
|
import { ModelInfo } from "src/babylon/model/info/model/model-info"; |
||||||
|
import { ModelChangeType } from "../../data-manager"; |
||||||
|
import { Event_Base } from "../event-base"; |
||||||
|
import { EventManager } from "../event-manager"; |
||||||
|
|
||||||
|
/** |
||||||
|
* modelInfo发生变化 |
||||||
|
*/ |
||||||
|
export class Event_ModelInfoChange extends Event_Base { |
||||||
|
|
||||||
|
//属性
|
||||||
|
modeleInfo: ModelInfo; |
||||||
|
modelChangeType: ModelChangeType; |
||||||
|
|
||||||
|
|
||||||
|
setInfo(modelInfo: ModelInfo, modelChangeType: ModelChangeType) { |
||||||
|
|
||||||
|
this.modeleInfo = modelInfo; |
||||||
|
this.modelChangeType = modelChangeType; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 派发事件 |
||||||
|
* @param modeleInfo
|
||||||
|
* @param modelChangeType
|
||||||
|
*/ |
||||||
|
static dispatch(modeleInfo: ModelInfo, modelChangeType: ModelChangeType) { |
||||||
|
let eventData = new Event_ModelInfoChange(); |
||||||
|
eventData.setInfo(modeleInfo, modelChangeType); |
||||||
|
EventManager.dispatch<Event_ModelInfoChange>(Event_ModelInfoChange, eventData); |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,228 @@ |
|||||||
|
|
||||||
|
import { AbstractMesh } from "@babylonjs/core"; |
||||||
|
import { MarkData } from "../model/data/mark/mark-data"; |
||||||
|
import { ModelData } from "../model/data/model-data/model-data"; |
||||||
|
import { FacilityType, ModelData_facility } from "../model/data/model-data/model-data-facility"; |
||||||
|
import { ModelEditData } from "../model/data/model-data/model-edit-data"; |
||||||
|
import { TransformData } from "../model/data/transform-data"; |
||||||
|
import { BuildingInfo } from "../model/info/building/building-info"; |
||||||
|
import { ModelInfo_mark } from "../model/info/mark/model-info-mark"; |
||||||
|
import { ModelInfo } from "../model/info/model/model-info"; |
||||||
|
import { ModelInfo_building } from "../model/info/model/model-info-building"; |
||||||
|
import { FacilityInfoByType, ModelInfo_facility } from "../model/info/model/model-info-facility"; |
||||||
|
import { GizmoTool } from "../tool/gizmo-tool"; |
||||||
|
import { TsTool } from "../tool/ts-tool"; |
||||||
|
import { FacilityWindow } from "../view/facility-window/facility-window"; |
||||||
|
import { FacilityInfoInSceneWindow } from "../view/facilityinfoinscene-window/facilityinfoinscene-window"; |
||||||
|
import { ModelChangeType } from "./data-manager"; |
||||||
|
import { Event_ModelInfoChange } from "./event-manager/events/event-modelinfo-change"; |
||||||
|
import { ModeManager, ModeType } from "./mode-manager"; |
||||||
|
import { SceneManager } from "./scene-manager"; |
||||||
|
|
||||||
|
//运行时数据管理器
|
||||||
|
export class InfoManager { |
||||||
|
static s_currentTransformData: TransformData; //当前模型的transform信息
|
||||||
|
static s_currentMesh: AbstractMesh; //当前选中的mesh
|
||||||
|
|
||||||
|
// static s_allBuildingInfos: ModelInfo_building[] = []; //所有实例化的建筑(室外)
|
||||||
|
|
||||||
|
// static s_allFactivityInfos_outdoor: FacilityInfoByType[] = []; //所有实例化的设备(室外)
|
||||||
|
|
||||||
|
// static s_allFactivityInfos_indoor: FacilityInfoByType[] = []; //所有实例化的设备(室内)
|
||||||
|
|
||||||
|
// static s_onModelInfoChangeObservable: Observable<ModelInfoChange>; //模型信息变化事件
|
||||||
|
|
||||||
|
// static s_onModelEnableChangeObservable: Observable<AbstractMesh>; //模型状态变化事件
|
||||||
|
|
||||||
|
static init() { |
||||||
|
SceneManager.Instance.scene.onBeforeRenderObservable.add(InfoManager.onBeforeRender); |
||||||
|
GizmoTool.onPickMeshInfoObservable.add(InfoManager.onPickMesh); |
||||||
|
} |
||||||
|
|
||||||
|
static onBeforeRender() { |
||||||
|
if (InfoManager.s_currentTransformData != null) { |
||||||
|
InfoManager.s_currentTransformData.position = |
||||||
|
InfoManager.s_currentMesh.position; |
||||||
|
InfoManager.s_currentTransformData.rotation = |
||||||
|
InfoManager.s_currentMesh.rotation; |
||||||
|
InfoManager.s_currentTransformData.rotationQuaternion = |
||||||
|
InfoManager.s_currentMesh.rotationQuaternion; |
||||||
|
InfoManager.s_currentTransformData.scaling = |
||||||
|
InfoManager.s_currentMesh.scaling; |
||||||
|
InfoManager.s_currentMesh.absoluteScaling; |
||||||
|
} |
||||||
|
} |
||||||
|
static onPickMesh(modelInfo: ModelInfo) { |
||||||
|
if (modelInfo != null) { |
||||||
|
InfoManager.s_currentMesh = modelInfo.modelBox; |
||||||
|
InfoManager.s_currentTransformData = modelInfo.modelData.transformData; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
//加入管理
|
||||||
|
static addModelInfo(modelInfo: ModelInfo) { |
||||||
|
Event_ModelInfoChange.dispatch(modelInfo, ModelChangeType.Add); |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 创建一个建筑模型info |
||||||
|
* @param key
|
||||||
|
* @param modelData
|
||||||
|
* @param models
|
||||||
|
* @param modelBox
|
||||||
|
*/ |
||||||
|
static newModelInfo_building(key: string, |
||||||
|
modelData: ModelData, |
||||||
|
models: AbstractMesh[], |
||||||
|
modelBox: AbstractMesh): ModelInfo_building { |
||||||
|
let result = new ModelInfo_building(key, |
||||||
|
modelData, |
||||||
|
models, |
||||||
|
modelBox); |
||||||
|
InfoManager.addModelInfo(result); |
||||||
|
|
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 新建设备 info |
||||||
|
* @param key
|
||||||
|
* @param modelData
|
||||||
|
* @param models
|
||||||
|
* @param modelBox
|
||||||
|
*/ |
||||||
|
static newModelInfo_facility(key: string, |
||||||
|
modelData: ModelData, |
||||||
|
models: AbstractMesh[], |
||||||
|
modelBox: AbstractMesh, |
||||||
|
belongToBuilding: BuildingInfo, |
||||||
|
isNew: boolean): ModelInfo_facility { |
||||||
|
let result = new ModelInfo_facility(key, |
||||||
|
modelData, |
||||||
|
models, |
||||||
|
modelBox, |
||||||
|
belongToBuilding, |
||||||
|
isNew |
||||||
|
); |
||||||
|
if (belongToBuilding != null) //表示游离态的设备
|
||||||
|
{ |
||||||
|
InfoManager.addFacilityInfoToTypeList(result, belongToBuilding.ModelInfo.facilityInfos); |
||||||
|
} |
||||||
|
InfoManager.addModelInfo(result); |
||||||
|
|
||||||
|
|
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 新建标绘物 info |
||||||
|
* @param key
|
||||||
|
* @param modelData
|
||||||
|
* @param models
|
||||||
|
* @param modelBox
|
||||||
|
*/ |
||||||
|
static newModelInfo_mark( |
||||||
|
markData: MarkData, |
||||||
|
models: AbstractMesh[], |
||||||
|
modelBox: AbstractMesh, |
||||||
|
belongToBuilding: BuildingInfo, |
||||||
|
isNew: boolean): ModelInfo_mark { |
||||||
|
let result = new ModelInfo_mark( |
||||||
|
markData, |
||||||
|
models, |
||||||
|
modelBox, |
||||||
|
belongToBuilding, |
||||||
|
isNew |
||||||
|
); |
||||||
|
// if (belongToBuilding != null) //表示游离态的设备
|
||||||
|
// {
|
||||||
|
// InfoManager.addFacilityInfoToTypeList(result, belongToBuilding.ModelInfo.facilityInfos);
|
||||||
|
// }
|
||||||
|
if (isNew) { |
||||||
|
InfoManager.addModelInfo(result); |
||||||
|
} |
||||||
|
|
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
//移除model info
|
||||||
|
static removeModelInfo(modelInfo: ModelInfo) { |
||||||
|
|
||||||
|
Event_ModelInfoChange.dispatch(modelInfo, ModelChangeType.Remove); |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
//创建建筑中的设备
|
||||||
|
static createFacilityInfos( |
||||||
|
modelEditData: ModelEditData, |
||||||
|
buildingInfo: BuildingInfo = null |
||||||
|
) { |
||||||
|
|
||||||
|
let facilities = modelEditData.facilities; |
||||||
|
|
||||||
|
for (let i = 0; i < facilities.length; i++) { |
||||||
|
|
||||||
|
for (let j = 0; j < facilities[i].facilities.length; j++) { |
||||||
|
FacilityWindow.instance.createFacility( |
||||||
|
modelEditData.facilities[i].facilities[j], |
||||||
|
false, |
||||||
|
buildingInfo, |
||||||
|
true, |
||||||
|
false, |
||||||
|
(modelInfo: ModelInfo_facility) => { |
||||||
|
if (ModeManager.currentMode == ModeType.Look) { |
||||||
|
modelInfo.setIconEnable(false);//查看模式下隐藏所有设备ui
|
||||||
|
} |
||||||
|
} |
||||||
|
); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
//将某设备info，加入到相应的列表中
|
||||||
|
static addFacilityInfoToTypeList(facilityInfo: ModelInfo_facility, facilityInfosByType: FacilityInfoByType[]) { |
||||||
|
let facilityType = (facilityInfo.modelData as ModelData_facility).facilityType; |
||||||
|
let facilityInfoByType = InfoManager.getFacilityInfoByType(facilityType, facilityInfosByType); |
||||||
|
|
||||||
|
if (facilityInfoByType == null) { |
||||||
|
facilityInfoByType = new FacilityInfoByType(facilityType); |
||||||
|
facilityInfosByType.push(facilityInfoByType); |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
facilityInfoByType.facilityInfo.push(facilityInfo); |
||||||
|
} |
||||||
|
|
||||||
|
//将某设备info，从相应的列表中移除
|
||||||
|
static removeFacilityInfoToTypeList(facilityInfo: ModelInfo_facility, facilityInfosByType: FacilityInfoByType[]) { |
||||||
|
let facilityType = (facilityInfo.modelData as ModelData_facility).facilityType; |
||||||
|
let facilityInfoByType = InfoManager.getFacilityInfoByType(facilityType, facilityInfosByType); |
||||||
|
|
||||||
|
TsTool.arrayRemove(facilityInfoByType.facilityInfo, facilityInfo); |
||||||
|
} |
||||||
|
|
||||||
|
//根据类型获取
|
||||||
|
static getFacilityInfoByType(facilityType: FacilityType, facilityInfosByType: FacilityInfoByType[]) { |
||||||
|
let result: FacilityInfoByType = null; |
||||||
|
|
||||||
|
for (let i = 0; i < facilityInfosByType.length; i++) { |
||||||
|
if (facilityInfosByType[i].type == facilityType) { |
||||||
|
result = facilityInfosByType[i]; |
||||||
|
break; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,79 @@ |
|||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 模式类型 |
||||||
|
*/ |
||||||
|
export enum ModeType { |
||||||
|
|
||||||
|
Look = "Look",//查看模式
|
||||||
|
Edit = "Edit",//编辑模式
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 模式管理器 |
||||||
|
*/ |
||||||
|
export class ModeManager { |
||||||
|
|
||||||
|
/** |
||||||
|
* 当前模式的类型 |
||||||
|
*/ |
||||||
|
private static s_currentMode: ModeType = ModeType.Edit; |
||||||
|
|
||||||
|
/** |
||||||
|
* 调试模式 |
||||||
|
*/ |
||||||
|
public static isDebug = true; |
||||||
|
|
||||||
|
|
||||||
|
//#region 演示单单位
|
||||||
|
|
||||||
|
//未指定演示单位，正常打开
|
||||||
|
static readonly c_demoKey_null = null; |
||||||
|
|
||||||
|
// 上海国际会议中心 测试
|
||||||
|
static readonly c_demoKey_shanghai = "shanghai"; |
||||||
|
|
||||||
|
//测试
|
||||||
|
static readonly c_demoKey_test = "test"; |
||||||
|
|
||||||
|
/** |
||||||
|
* 演示单位的key
|
||||||
|
*/ |
||||||
|
public static institutionDemoKey = ModeManager.c_demoKey_null; |
||||||
|
|
||||||
|
//#endregion
|
||||||
|
|
||||||
|
/** |
||||||
|
* 获取当前模式的类型 |
||||||
|
*/ |
||||||
|
static get currentMode(): ModeType { |
||||||
|
return ModeManager.s_currentMode; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 改变模式类型 |
||||||
|
*/ |
||||||
|
static set currentMode(modeType: ModeType) { |
||||||
|
ModeManager.s_currentMode = modeType; |
||||||
|
ModeManager.log("currentMode" + modeType); |
||||||
|
} |
||||||
|
|
||||||
|
//封装打印
|
||||||
|
static log(data: any, ...optionalParams: any[]) { |
||||||
|
if (ModeManager.isDebug) { |
||||||
|
console.log(data, optionalParams); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 封装的打印堆栈 |
||||||
|
*/ |
||||||
|
static trace(message?: any, ...optionalParams: any[]) { |
||||||
|
if (ModeManager.isDebug) { |
||||||
|
console.trace(message, optionalParams); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
@ -0,0 +1,915 @@ |
|||||||
|
import { |
||||||
|
AbstractMesh, |
||||||
|
AnimationGroup, |
||||||
|
ArcRotateCamera, |
||||||
|
BoundingBoxGizmo, |
||||||
|
Color3, |
||||||
|
Color4, |
||||||
|
CubeTexture, |
||||||
|
DirectionalLight, |
||||||
|
Engine, |
||||||
|
EventState, |
||||||
|
HemisphericLight, |
||||||
|
HighlightLayer, |
||||||
|
IParticleSystem, |
||||||
|
Mesh, |
||||||
|
MeshBuilder, |
||||||
|
Observable, |
||||||
|
Observer, |
||||||
|
PBRMaterial, |
||||||
|
PickingInfo, |
||||||
|
PointerEventTypes, |
||||||
|
Quaternion, |
||||||
|
Scene, |
||||||
|
ShadowGenerator, |
||||||
|
Skeleton, |
||||||
|
StandardMaterial, |
||||||
|
Texture, |
||||||
|
TransformNode, |
||||||
|
Vector3, |
||||||
|
} from '@babylonjs/core'; |
||||||
|
import '@babylonjs/core/Debug/debugLayer'; |
||||||
|
import '@babylonjs/inspector'; |
||||||
|
import { GridMaterial } from '@babylonjs/materials'; |
||||||
|
import { ModelData, ModelType } from '../model/data/model-data/model-data'; |
||||||
|
import { ModelInfo } from '../model/info/model/model-info'; |
||||||
|
import { ModelInfo_building } from '../model/info/model/model-info-building'; |
||||||
|
import { MyArcRotateCameraPointersInput } from '../tool/myArcRotateCameraPointersInput'; |
||||||
|
import { BabylonTool } from '../tool/babylon-tool'; |
||||||
|
import { GizmoTool } from '../tool/gizmo-tool'; |
||||||
|
import { TsTool } from '../tool/ts-tool'; |
||||||
|
import { FacilityWindow } from '../view/facility-window/facility-window'; |
||||||
|
import { FacilityInfoInSceneWindow } from '../view/facilityinfoinscene-window/facilityinfoinscene-window'; |
||||||
|
import { InfoManager } from './info-manager'; |
||||||
|
import { ModeManager } from './mode-manager'; |
||||||
|
import { MarkWindow } from '../view/mark-window/mark-window'; |
||||||
|
import { ModelInfo_facility } from '../model/info/model/model-info-facility'; |
||||||
|
import { ModelInfo_mark } from '../model/info/mark/model-info-mark'; |
||||||
|
import { MarkData, MarkType } from '../model/data/mark/mark-data'; |
||||||
|
import { Event_KeyboardInput } from './event-manager/events/event-keyboard-input'; |
||||||
|
import { ModelInfo_mark_area } from '../model/info/mark/other/mark-plan-area-info'; |
||||||
|
import { classToClass, plainToClass } from 'class-transformer'; |
||||||
|
import { MarkData_Area } from '../model/data/mark/other/mark-data-area'; |
||||||
|
import { MarkData_Line } from '../model/data/mark/other/mark-data-line'; |
||||||
|
import { ModelInfo_mark_line } from '../model/info/mark/other/mark-plan-line-info'; |
||||||
|
import { MarkData_multiLine } from '../model/data/mark/other/mark-data-multi-line'; |
||||||
|
import { ModelInfo_mark_multiLine } from '../model/info/mark/other/mark-plan-multi-line-info'; |
||||||
|
import { MarkData_multiArrow_CT, MarkData_multiArrow_JG } from '../model/data/mark/other/mark-data-multi-arrow'; |
||||||
|
import { ModelInfo_mark_multiArrow } from '../model/info/mark/other/mark-plan-multi-arrow'; |
||||||
|
import { ModelInfo_mark_particle } from '../model/info/mark/other/mark-plan-particle-info'; |
||||||
|
|
||||||
|
//场景管理器
|
||||||
|
export class SceneManager { |
||||||
|
//----------------Camera-----------------\\
|
||||||
|
|
||||||
|
public engine: Engine; |
||||||
|
public canvas: HTMLCanvasElement; |
||||||
|
public scene: Scene; |
||||||
|
public defaultCamera: ArcRotateCamera; |
||||||
|
private hemisphericLight: HemisphericLight; |
||||||
|
public shadowGenerator: ShadowGenerator;//阴影
|
||||||
|
public sunLight: DirectionalLight;//太阳光，用于产生阴影
|
||||||
|
public skyBox: Mesh;//天空球
|
||||||
|
public ground3D: Mesh;//无天空盒时的背景地面
|
||||||
|
|
||||||
|
|
||||||
|
static s_openLight: boolean = true;//开启光照效果(关闭是要同时关闭阴影)
|
||||||
|
static s_openShadow: boolean = true;//开启阴影（必须开启阴影）
|
||||||
|
static s_openSkyBox: boolean = true;//使用天空盒
|
||||||
|
static s_environmentCubeTexture: CubeTexture;//环境所用的cubeTexture
|
||||||
|
static s_openEnvironmentReflection: boolean = true;//使用环境反射
|
||||||
|
static s_allModelInfo: ModelInfo[] = []; //所有建筑模型信息
|
||||||
|
static s_facilityInfoInSceneWindow: FacilityInfoInSceneWindow; //场景中设备 界面
|
||||||
|
static s_facilityWindow: FacilityWindow; //可用设备 界面
|
||||||
|
static s_markWindow: MarkWindow;//可用的标绘素材 界面
|
||||||
|
|
||||||
|
//#region 单例
|
||||||
|
private static instance: SceneManager; |
||||||
|
|
||||||
|
public static get Instance() { |
||||||
|
if (SceneManager.instance == null) { |
||||||
|
throw new Error('Method not implemented.'); |
||||||
|
} |
||||||
|
return SceneManager.instance; |
||||||
|
} |
||||||
|
//#endregion
|
||||||
|
|
||||||
|
//#region 初始化
|
||||||
|
//初始化
|
||||||
|
public static init(scene: Scene, canvas: HTMLCanvasElement, engine: Engine): SceneManager { |
||||||
|
if (SceneManager.instance != null) { |
||||||
|
throw new Error("sceneManager can't be reinitialized"); |
||||||
|
} else { |
||||||
|
|
||||||
|
SceneManager.instance = new SceneManager(); |
||||||
|
SceneManager.instance.engine; |
||||||
|
SceneManager.instance.scene = scene; |
||||||
|
SceneManager.instance.canvas = canvas; |
||||||
|
|
||||||
|
} |
||||||
|
return SceneManager.instance; |
||||||
|
} |
||||||
|
//#endregion
|
||||||
|
|
||||||
|
//#region 摄像机
|
||||||
|
|
||||||
|
/** |
||||||
|
* 摄像机模式-是正交状态 |
||||||
|
*/ |
||||||
|
public cameraMode_Is2D = false; |
||||||
|
|
||||||
|
//初始化自由旋转相机
|
||||||
|
public initArcRotateCamera() { |
||||||
|
let camera = new ArcRotateCamera( |
||||||
|
'Camera', //名称
|
||||||
|
0, //alpha: 定义相机沿垂直轴的旋转
|
||||||
|
1.2, //beta: 定义相机沿水平轴的旋转
|
||||||
|
10, //摄像机与目标位置的距离
|
||||||
|
Vector3.Zero(), //目标位置
|
||||||
|
this.scene //定义摄像机所属的场景
|
||||||
|
); |
||||||
|
camera.maxZ = 6000; //摄像机拍摄的最远距离
|
||||||
|
camera.upperBetaLimit = 1.5; //beta方向上的旋转限制（防止看到模型底面）
|
||||||
|
camera.lowerRadiusLimit = 3; //相机距离拍摄目标的最小距离（防止穿插）
|
||||||
|
camera.setTarget(Vector3.Zero()); //设置拍摄目标
|
||||||
|
camera.attachControl(this.canvas, true); //把相机连接到画布
|
||||||
|
this.defaultCamera = camera; |
||||||
|
|
||||||
|
camera.inputs.removeByType("ArcRotateCameraPointersInput"); |
||||||
|
camera.inputs.removeByType("ArcRotateCameraKeyboardMoveInput"); //为了配合快捷键，屏蔽了
|
||||||
|
|
||||||
|
camera.inputs.add(new MyArcRotateCameraPointersInput()); |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 改变摄像机模式（正交还是透视） |
||||||
|
* @param is2D true表示正交 |
||||||
|
*/ |
||||||
|
public changeCameraMode(is2D: boolean) { |
||||||
|
this.cameraMode_Is2D = is2D; |
||||||
|
BabylonTool.changeCameraMode(this.defaultCamera, is2D); |
||||||
|
} |
||||||
|
|
||||||
|
//#endregion
|
||||||
|
|
||||||
|
//#region 光照与背景
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
//默认的半球光
|
||||||
|
public initLight() { |
||||||
|
this.hemisphericLight = new HemisphericLight( |
||||||
|
'light1', |
||||||
|
new Vector3(0, 1, 0), |
||||||
|
this.scene |
||||||
|
); |
||||||
|
|
||||||
|
this.updateLightSetting(); |
||||||
|
|
||||||
|
this.updateShadow(); |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 更新光照设置 |
||||||
|
*/ |
||||||
|
updateLightSetting() { |
||||||
|
if (SceneManager.s_openLight) { |
||||||
|
|
||||||
|
|
||||||
|
if (this.sunLight == null) { |
||||||
|
this.sunLight = new DirectionalLight("sun", new Vector3(0.49, -0.79, 0.38), this.scene); |
||||||
|
} |
||||||
|
else { |
||||||
|
this.sunLight.setEnabled(true); |
||||||
|
} |
||||||
|
|
||||||
|
if (SceneManager.s_openEnvironmentReflection) { |
||||||
|
this.hemisphericLight.intensity = 0.1;//有环境反射时，本身会比较亮（跟当前使用的环境贴图有关）
|
||||||
|
this.sunLight.intensity = 3; |
||||||
|
} |
||||||
|
else { |
||||||
|
this.hemisphericLight.intensity = 0.25; |
||||||
|
this.sunLight.intensity = 3; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
|
else { |
||||||
|
if (this.sunLight == null) { |
||||||
|
this.sunLight.setEnabled(false); |
||||||
|
} |
||||||
|
|
||||||
|
this.hemisphericLight.intensity = 10; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 初始化阴影 |
||||||
|
*/ |
||||||
|
public updateShadow() { |
||||||
|
if (SceneManager.s_openShadow) { |
||||||
|
if (this.shadowGenerator == null) { |
||||||
|
this.shadowGenerator = new ShadowGenerator(2048, this.sunLight); |
||||||
|
} |
||||||
|
|
||||||
|
this.shadowGenerator.usePercentageCloserFiltering = true; |
||||||
|
this.shadowGenerator.filteringQuality = ShadowGenerator.QUALITY_MEDIUM; |
||||||
|
// this.shadowGenerator.blurKernel = 32;
|
||||||
|
if (this.sunLight != null) { |
||||||
|
this.sunLight.autoCalcShadowZBounds = true; //投影矩阵距离自适应
|
||||||
|
} |
||||||
|
} |
||||||
|
else { |
||||||
|
if (this.shadowGenerator != null) { |
||||||
|
this.shadowGenerator.usePercentageCloserFiltering = false; |
||||||
|
} |
||||||
|
if (this.sunLight != null) { |
||||||
|
this.sunLight.autoCalcShadowZBounds = false; //投影矩阵距离自适应
|
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
//#endregion
|
||||||
|
|
||||||
|
//#region 高亮层
|
||||||
|
|
||||||
|
/** |
||||||
|
* 高亮层 |
||||||
|
*/ |
||||||
|
highLightLayer: HighlightLayer; |
||||||
|
|
||||||
|
/** |
||||||
|
* 添加到高亮层 |
||||||
|
* @param mesh
|
||||||
|
* @param color
|
||||||
|
*/ |
||||||
|
addToHighLight(mesh: Mesh, color: Color3) { |
||||||
|
if (this.highLightLayer == null) { |
||||||
|
this.highLightLayer = new HighlightLayer("highLight", this.scene); |
||||||
|
this.highLightLayer.innerGlow = false; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
let allMesh = mesh.getChildMeshes(); |
||||||
|
this.highLightLayer.addMesh(mesh, color); |
||||||
|
for (let i = 0; i < allMesh.length; i++) { |
||||||
|
let childMesh = allMesh[i]; |
||||||
|
if (childMesh instanceof Mesh) { |
||||||
|
this.highLightLayer.addMesh(childMesh, color); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 移除出高亮层 |
||||||
|
* @param mesh
|
||||||
|
*/ |
||||||
|
removeFromHighLight(mesh: Mesh) { |
||||||
|
if (this.highLightLayer == null) { |
||||||
|
return; |
||||||
|
} |
||||||
|
let allMesh = mesh.getChildMeshes(); |
||||||
|
for (let i = 0; i < allMesh.length; i++) { |
||||||
|
let childMesh = allMesh[i]; |
||||||
|
if (childMesh instanceof Mesh) { |
||||||
|
this.highLightLayer.removeMesh(childMesh); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 清空高亮层 |
||||||
|
*/ |
||||||
|
clearHighLight() { |
||||||
|
this.highLightLayer.removeAllMeshes(); |
||||||
|
} |
||||||
|
|
||||||
|
//#endregion
|
||||||
|
|
||||||
|
//#region 三维场景的背景
|
||||||
|
|
||||||
|
public updateSceneBG() { |
||||||
|
|
||||||
|
this.scene.clearColor = new Color4(0, 0, 0, 1);//0.51, 0.63, 0.89
|
||||||
|
this.scene.ambientColor = new Color3(1, 1, 1); |
||||||
|
|
||||||
|
if (SceneManager.s_openSkyBox) { |
||||||
|
|
||||||
|
if (this.skyBox == null) { |
||||||
|
this.skyBox = Mesh.CreateBox("skyBox", 4000.0, this.scene); |
||||||
|
let skyboxMaterial = new StandardMaterial("skyBox", this.scene); |
||||||
|
skyboxMaterial.backFaceCulling = false; |
||||||
|
skyboxMaterial.reflectionTexture = new CubeTexture("assets/skybox/default/default", this.scene); |
||||||
|
skyboxMaterial.reflectionTexture.coordinatesMode = Texture.SKYBOX_MODE; |
||||||
|
skyboxMaterial.diffuseColor = new Color3(0, 0, 0); |
||||||
|
skyboxMaterial.specularColor = new Color3(0, 0, 0); |
||||||
|
skyboxMaterial.disableLighting = true; |
||||||
|
this.skyBox.material = skyboxMaterial; |
||||||
|
this.skyBox.renderingGroupId = -1; |
||||||
|
} |
||||||
|
else { |
||||||
|
this.skyBox.setEnabled(true); |
||||||
|
} |
||||||
|
|
||||||
|
if (this.ground3D != null) { |
||||||
|
this.ground3D.setEnabled(false); |
||||||
|
} |
||||||
|
} |
||||||
|
else { |
||||||
|
if (this.ground3D == null) { |
||||||
|
this.ground3D = MeshBuilder.CreateGround("ground", { width: 10000, height: 10000 }); |
||||||
|
this.ground3D.position.y = -1.5; |
||||||
|
|
||||||
|
let mat_grid = new GridMaterial("mat_ground", SceneManager.Instance.scene); |
||||||
|
|
||||||
|
mat_grid.gridRatio = 10; |
||||||
|
mat_grid.mainColor = new Color3(0, 0, 0); |
||||||
|
mat_grid.lineColor = new Color3(0, 0.4, 1); |
||||||
|
|
||||||
|
this.ground3D.material = mat_grid; |
||||||
|
this.ground3D.renderingGroupId = -1; |
||||||
|
} |
||||||
|
else { |
||||||
|
this.ground3D.setEnabled(true); |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
//环境反射
|
||||||
|
if (SceneManager.s_openEnvironmentReflection) { |
||||||
|
this.scene.environmentTexture = new CubeTexture("assets/skybox/city/city.env", this.scene); |
||||||
|
SceneManager.s_environmentCubeTexture = this.scene.environmentTexture as CubeTexture; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
//#endregion
|
||||||
|
|
||||||
|
|
||||||
|
//#region 场景声明周期与事件
|
||||||
|
|
||||||
|
public initSceneEvent() { |
||||||
|
this.scene.onBeforeRenderObservable.add(SceneManager.onBeforeRender); |
||||||
|
|
||||||
|
this.scene.onPointerDown = SceneManager.onPointerDown; |
||||||
|
this.scene.onPointerUp = SceneManager.onPointerUp; |
||||||
|
this.scene.onPointerMove = SceneManager.onPointerMove; |
||||||
|
|
||||||
|
document.onkeydown = SceneManager.onKeyDown; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
static showDebug = false; |
||||||
|
//按键按下
|
||||||
|
static onKeyDown(this: GlobalEventHandlers, ev: KeyboardEvent) { |
||||||
|
if (ev.altKey && ev.key == 'd' && ModeManager.isDebug) { |
||||||
|
SceneManager.showDebug = !SceneManager.showDebug; |
||||||
|
if (SceneManager.showDebug) { |
||||||
|
SceneManager.Instance.scene.debugLayer.show(); |
||||||
|
} else { |
||||||
|
SceneManager.Instance.scene.debugLayer.hide(); |
||||||
|
} |
||||||
|
} |
||||||
|
Event_KeyboardInput.dispatch(ev); //派发给其他
|
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
//场景渲染前
|
||||||
|
static onBeforeRender(eventData: Scene, eventState: EventState) { |
||||||
|
if (SceneManager.s_isPointerDown) { |
||||||
|
SceneManager.s_downTime += SceneManager.Instance.scene.deltaTime; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
static s_isPointerDrag: boolean = false; //拖拽中
|
||||||
|
static s_isPointerDown = false; //按下中
|
||||||
|
static s_downTime = 0;//按下的时间
|
||||||
|
|
||||||
|
static readonly c_dragTime = 200;//超过则表示拖拽
|
||||||
|
|
||||||
|
//焦点按下
|
||||||
|
private static onPointerDown( |
||||||
|
evt: PointerEvent, |
||||||
|
pickInfo: PickingInfo, |
||||||
|
type: PointerEventTypes |
||||||
|
) { |
||||||
|
SceneManager.s_isPointerDown = true; |
||||||
|
SceneManager.s_downTime = 0; |
||||||
|
} |
||||||
|
|
||||||
|
//焦点移动
|
||||||
|
private static onPointerMove( |
||||||
|
evt: PointerEvent, |
||||||
|
pickInfo: PickingInfo, |
||||||
|
type: PointerEventTypes |
||||||
|
) { |
||||||
|
if (SceneManager.s_isPointerDown && SceneManager.s_downTime > SceneManager.c_dragTime) { |
||||||
|
SceneManager.s_isPointerDrag = true; |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
//焦点抬起
|
||||||
|
private static onPointerUp(evt: PointerEvent, pickInfo: PickingInfo) { |
||||||
|
SceneManager.s_isPointerDown = false; |
||||||
|
SceneManager.s_isPointerDrag = false; |
||||||
|
SceneManager.s_downTime = 0; |
||||||
|
} |
||||||
|
|
||||||
|
//#endregion
|
||||||
|
|
||||||
|
//#region 操作模型
|
||||||
|
//创建模型
|
||||||
|
/** |
||||||
|
* 加载模型 |
||||||
|
* @param modelType
|
||||||
|
* @param modelData
|
||||||
|
* @param needBox
|
||||||
|
* @param isNew
|
||||||
|
* @param tag 加载的原因 |
||||||
|
* @param onSuccess
|
||||||
|
* @param onError
|
||||||
|
* @param index 重试次数，超过五次就停止 |
||||||
|
*/ |
||||||
|
static createModel( |
||||||
|
modelType: ModelType, |
||||||
|
modelData: ModelData, |
||||||
|
needBox: boolean, |
||||||
|
isNew: boolean, |
||||||
|
tag: string, |
||||||
|
onSuccess?: ( |
||||||
|
meshes: AbstractMesh[], |
||||||
|
box: AbstractMesh, |
||||||
|
modelInfo: ModelInfo |
||||||
|
) => void, |
||||||
|
onError?: ( |
||||||
|
message: string |
||||||
|
) => void, |
||||||
|
index = 0 |
||||||
|
) { |
||||||
|
// console.log("准备加载");
|
||||||
|
|
||||||
|
let defaultMesh = MeshBuilder.CreateBox(modelData.key, { size: 0.01 }); |
||||||
|
defaultMesh.scaling.y = 0.01; |
||||||
|
defaultMesh.visibility = 0; |
||||||
|
|
||||||
|
let modelInfo: ModelInfo; |
||||||
|
if (modelType == ModelType.Building) { |
||||||
|
modelInfo = InfoManager.newModelInfo_building( |
||||||
|
modelData.key, |
||||||
|
modelData, |
||||||
|
null, |
||||||
|
defaultMesh |
||||||
|
); |
||||||
|
} |
||||||
|
else if (modelType == ModelType.Facility) { |
||||||
|
|
||||||
|
modelInfo = new ModelInfo_facility(modelData.key, modelData, null, defaultMesh, null, isNew); |
||||||
|
modelInfo.showFollowUI(false); |
||||||
|
} |
||||||
|
else if (modelType == ModelType.Mark) { |
||||||
|
switch ((modelData as MarkData).type) { |
||||||
|
case MarkType.JJQ: |
||||||
|
case MarkType.QYSDA: |
||||||
|
case MarkType.QYSDB: |
||||||
|
modelData = plainToClass(MarkData_Area, modelData); |
||||||
|
modelInfo = new ModelInfo_mark_area(modelData as MarkData, null, defaultMesh, null, isNew); |
||||||
|
break; |
||||||
|
case MarkType.JJX: |
||||||
|
modelData = plainToClass(MarkData_Line, modelData); |
||||||
|
modelInfo = new ModelInfo_mark_line(modelData as MarkData, null, defaultMesh, null, isNew); |
||||||
|
break; |
||||||
|
case MarkType.SD: |
||||||
|
modelData = plainToClass(MarkData_multiLine, modelData); |
||||||
|
modelInfo = new ModelInfo_mark_multiLine(modelData as MarkData, null, defaultMesh, null, isNew); |
||||||
|
break; |
||||||
|
case MarkType.JGLX: |
||||||
|
modelData = plainToClass(MarkData_multiArrow_JG, modelData); |
||||||
|
modelInfo = new ModelInfo_mark_multiArrow(modelData as MarkData, null, defaultMesh, null, isNew); |
||||||
|
break; |
||||||
|
case MarkType.CT: |
||||||
|
modelData = plainToClass(MarkData_multiArrow_CT, modelData); |
||||||
|
modelInfo = new ModelInfo_mark_multiArrow(modelData as MarkData, null, defaultMesh, null, isNew); |
||||||
|
break; |
||||||
|
case MarkType.H: |
||||||
|
case MarkType.TPH: |
||||||
|
case MarkType.SNH: |
||||||
|
case MarkType.YWA: |
||||||
|
case MarkType.YWB: |
||||||
|
case MarkType.YWC: |
||||||
|
modelInfo = new ModelInfo_mark_particle(modelData as MarkData, null, defaultMesh, null, isNew); |
||||||
|
break; |
||||||
|
|
||||||
|
default: modelInfo = new ModelInfo_mark(modelData as MarkData, null, defaultMesh, null, isNew); |
||||||
|
break; |
||||||
|
} |
||||||
|
|
||||||
|
modelInfo.showFollowUI(false); |
||||||
|
} |
||||||
|
|
||||||
|
if (modelData.isModel) { |
||||||
|
let importMeshSyncData = SceneManager.getImportMeshSyncData(modelData.resPath, modelData.resName); |
||||||
|
if (importMeshSyncData != null) //已经在加载了
|
||||||
|
{ |
||||||
|
importMeshSyncData.onsuccessObservable.add((eventData: ImportMeshSyncCallBack) => { |
||||||
|
let box = SceneManager.importMeshSuccess(eventData.newMeshes, eventData.particleSystems, eventData.skeletons, eventData.animationGroups, eventData.modelInfo, eventData.needBox, eventData.modelData); |
||||||
|
onSuccess(eventData.newMeshes, box, eventData.modelInfo); |
||||||
|
}) |
||||||
|
} |
||||||
|
else { |
||||||
|
|
||||||
|
importMeshSyncData = SceneManager.startLoadMesh(modelData.resPath, modelData.resName); |
||||||
|
BabylonTool.importMeshSync( |
||||||
|
'', |
||||||
|
modelData.resPath, |
||||||
|
modelData.resName, |
||||||
|
SceneManager.Instance.scene, |
||||||
|
tag, |
||||||
|
function (newMeshes: AbstractMesh[], particleSystems: IParticleSystem[], skeletons: Skeleton[], animationGroups: AnimationGroup[]) { |
||||||
|
let callBack = new ImportMeshSyncCallBack(newMeshes, particleSystems, skeletons, animationGroups, modelInfo, needBox, modelData); |
||||||
|
let allImportMeshSyncDatas = SceneManager.getAllImportMeshSyncData(modelData.resPath, modelData.resName); |
||||||
|
for (let i = 0; i < allImportMeshSyncDatas.length; i++) { |
||||||
|
allImportMeshSyncDatas[i].onsuccessObservable.notifyObservers(callBack); |
||||||
|
} |
||||||
|
SceneManager.endLoadMesh(modelData.resPath, modelData.resName); |
||||||
|
let box = SceneManager.importMeshSuccess(newMeshes, particleSystems, skeletons, animationGroups, modelInfo, needBox, modelData); |
||||||
|
console.log("加载模型完成", modelData.resName); |
||||||
|
onSuccess(newMeshes, box, modelInfo); |
||||||
|
}, null, |
||||||
|
function (scene: Scene, message: string, exception?: any) { |
||||||
|
|
||||||
|
if (index < 5) { |
||||||
|
let l_index = index + 1; |
||||||
|
modelInfo.dispose(); |
||||||
|
importMeshSyncData.isBreak = true;//中断
|
||||||
|
|
||||||
|
SceneManager.createModel(modelType, modelData, needBox, isNew, tag, onSuccess, onError, l_index); |
||||||
|
|
||||||
|
console.log("重新开始加载" + l_index, modelData); |
||||||
|
console.log(exception); |
||||||
|
} |
||||||
|
else { |
||||||
|
modelInfo.dispose(); |
||||||
|
console.log(message); |
||||||
|
console.log(exception); |
||||||
|
// alert("模型加载失败: " + message + "==" + exception);
|
||||||
|
// alert(exception);
|
||||||
|
if (onError) { |
||||||
|
onError(message) |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
); |
||||||
|
} |
||||||
|
} |
||||||
|
else { |
||||||
|
onSuccess([], defaultMesh, modelInfo); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 加载完成的回调 |
||||||
|
* @param newMeshes
|
||||||
|
* @param particleSystems
|
||||||
|
* @param skeletons
|
||||||
|
* @param animationGroups
|
||||||
|
*/ |
||||||
|
static importMeshSuccess(newMeshes: AbstractMesh[], particleSystems: IParticleSystem[], skeletons: Skeleton[], animationGroups: AnimationGroup[], modelInfo: ModelInfo, needBox: boolean, modelData: ModelData) { |
||||||
|
SceneManager.addModel(modelInfo); |
||||||
|
let box: AbstractMesh = null; |
||||||
|
if (needBox) { |
||||||
|
box = BoundingBoxGizmo.MakeNotPickableAndWrapInBoundingBox( |
||||||
|
newMeshes[0] as Mesh |
||||||
|
); |
||||||
|
|
||||||
|
box.isPickable = false; |
||||||
|
box.name = modelData.key; |
||||||
|
box.rotationQuaternion = undefined; |
||||||
|
modelInfo.models = newMeshes; |
||||||
|
modelInfo.modelBox = box; |
||||||
|
modelInfo.animationGroups = animationGroups; |
||||||
|
if (animationGroups != null && animationGroups.length > 0) { |
||||||
|
animationGroups[0].stop(); |
||||||
|
} |
||||||
|
|
||||||
|
let canPick = false; |
||||||
|
for (let i = 0; i < newMeshes.length; i++) { |
||||||
|
//if (newMeshes[i].name.match("Floor") || newMeshes[i].name.match("floor") || newMeshes[i].name.match("Terrain")) {
|
||||||
|
newMeshes[i].isPickable = true; |
||||||
|
canPick = true; |
||||||
|
//}
|
||||||
|
|
||||||
|
if (SceneManager.s_openShadow) { |
||||||
|
newMeshes[i].receiveShadows = true; |
||||||
|
|
||||||
|
// let mat = newMeshes[i].material;
|
||||||
|
//if (mat instanceof PBRMaterial && TsTool.stringContain(mat.name, "glass")) {
|
||||||
|
// mat.refractionTexture = SceneManager.s_environmentCubeTexture;//折射
|
||||||
|
// mat.reflectionTexture = SceneManager.s_prefabSkyBoxCubeTexture;//反射
|
||||||
|
// mat.invertRefractionY = true;
|
||||||
|
//}
|
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
if (!SceneManager.s_openLight) { |
||||||
|
BabylonTool.setMatToUnlit(newMeshes, true, "Color"); //无光材质
|
||||||
|
BabylonTool.setMatSheen(newMeshes, true, true); |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
// SceneManager.instance.shadowGenerator.addShadowCaster(newMeshes[0], true);
|
||||||
|
|
||||||
|
//如果是建筑，内部还没找到可接受pick的特定mesh，则整体可接受pick
|
||||||
|
if (modelInfo instanceof ModelInfo_building && !canPick) { |
||||||
|
//box.isPickable = true;
|
||||||
|
let ground = MeshBuilder.CreateBox("ground", { size: 1 }); |
||||||
|
ground.scaling = new Vector3(box.scaling.x, 0.1, box.scaling.z); |
||||||
|
ground.setParent(box); |
||||||
|
ground.rotationQuaternion = Quaternion.Zero(); |
||||||
|
ground.position = new Vector3(0, -0.5, 0); |
||||||
|
ground.visibility = 0.01; |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
// if (modelInfo instanceof ModelInfo_building) {
|
||||||
|
// for (let i = 0; i < newMeshes.length; i++) {
|
||||||
|
// newMeshes[i].receiveShadows = true;
|
||||||
|
// }
|
||||||
|
|
||||||
|
// }
|
||||||
|
} |
||||||
|
return box |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 正在加载的模型数据 |
||||||
|
*/ |
||||||
|
static s_ImportMeshSyncData: ImportMeshSyncData[] = []; |
||||||
|
|
||||||
|
/** |
||||||
|
* 开始加载模型 |
||||||
|
*/ |
||||||
|
static startLoadMesh(path: string, name: string) { |
||||||
|
let importMeshSyncData = new ImportMeshSyncData(path, name); |
||||||
|
|
||||||
|
SceneManager.s_ImportMeshSyncData.push(importMeshSyncData); |
||||||
|
|
||||||
|
return importMeshSyncData |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 结束加载模型 |
||||||
|
* @param path
|
||||||
|
* @param name
|
||||||
|
*/ |
||||||
|
static endLoadMesh(path: string, name: string) { |
||||||
|
let datas = SceneManager.getAllImportMeshSyncData(path, name); |
||||||
|
for (let i = 0; i < datas.length; i++) { |
||||||
|
TsTool.arrayRemove(SceneManager.s_ImportMeshSyncData, datas[i]); |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 查询加载模型的数据（确实在加载的） |
||||||
|
* @param path
|
||||||
|
* @param name
|
||||||
|
*/ |
||||||
|
static getImportMeshSyncData(path: string, name: string) { |
||||||
|
let result: ImportMeshSyncData = null; |
||||||
|
for (let i = 0; i < SceneManager.s_ImportMeshSyncData.length; i++) { |
||||||
|
let data = SceneManager.s_ImportMeshSyncData[i]; |
||||||
|
if (data.path == path && data.name == name && data.isBreak == false) { |
||||||
|
result = data; |
||||||
|
break; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 获取所有的加载信息（失败时，会产生多份） |
||||||
|
* @param path
|
||||||
|
* @param name
|
||||||
|
*/ |
||||||
|
static getAllImportMeshSyncData(path: string, name: string) { |
||||||
|
let result: ImportMeshSyncData[] = []; |
||||||
|
for (let i = 0; i < SceneManager.s_ImportMeshSyncData.length; i++) { |
||||||
|
let data = SceneManager.s_ImportMeshSyncData[i]; |
||||||
|
if (data.path == path && data.name == name) { |
||||||
|
result.push(data); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
//克隆模型
|
||||||
|
static cloneMesh( |
||||||
|
key, |
||||||
|
modelInfo: ModelInfo, |
||||||
|
prefab: Mesh, |
||||||
|
name?: string |
||||||
|
): Mesh { |
||||||
|
let result = BabylonTool.cloneMesh(prefab); |
||||||
|
|
||||||
|
if (SceneManager.s_openShadow) { |
||||||
|
SceneManager.Instance.shadowGenerator.addShadowCaster(result); |
||||||
|
} |
||||||
|
SceneManager.addModel(modelInfo); |
||||||
|
|
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
//获取模型
|
||||||
|
static getModel(modelKey: string): ModelInfo { |
||||||
|
let result = null; |
||||||
|
if (SceneManager.s_allModelInfo != null) { |
||||||
|
for (let i = 0; i < SceneManager.s_allModelInfo.length; i++) { |
||||||
|
let l_modelInfo = SceneManager.s_allModelInfo[i]; |
||||||
|
if (l_modelInfo.key == modelKey) { |
||||||
|
return l_modelInfo; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
//获取模型
|
||||||
|
static getModelById(uniqueId: number): ModelInfo { |
||||||
|
let result = null; |
||||||
|
if (SceneManager.s_allModelInfo != null) { |
||||||
|
for (let i = 0; i < SceneManager.s_allModelInfo.length; i++) { |
||||||
|
let l_modelInfo = SceneManager.s_allModelInfo[i]; |
||||||
|
if (l_modelInfo.modelBox.uniqueId == uniqueId) { |
||||||
|
return l_modelInfo; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
console.log('没找到：' + uniqueId); |
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
//删除模型
|
||||||
|
static destroyModel(model: string | ModelInfo) { |
||||||
|
let modelInfo: ModelInfo; |
||||||
|
|
||||||
|
if (model instanceof ModelInfo) { |
||||||
|
modelInfo = model; |
||||||
|
} else { |
||||||
|
modelInfo = SceneManager.getModel(model); |
||||||
|
} |
||||||
|
if (modelInfo == null) { |
||||||
|
return; |
||||||
|
} else { |
||||||
|
TsTool.arrayRemove(SceneManager.s_allModelInfo, modelInfo); |
||||||
|
modelInfo.dispose(); |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
//添加模型
|
||||||
|
private static addModel(modelInfo: ModelInfo) { |
||||||
|
SceneManager.s_allModelInfo.push(modelInfo); |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 聚焦当前选中的目标 |
||||||
|
*/ |
||||||
|
public static lookAtCurrentSelect() { |
||||||
|
if (GizmoTool.s_nowPickAim_mesh != null) { |
||||||
|
BabylonTool.changeCameraTarget(SceneManager.Instance.defaultCamera, GizmoTool.s_nowPickAim_mesh, true); |
||||||
|
} |
||||||
|
else { |
||||||
|
ModeManager.log("没有选中的目标"); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 模型的Y方向吸附 |
||||||
|
* @param mover 行动者 |
||||||
|
* @param target 吸附的目标物 |
||||||
|
*/ |
||||||
|
public static meshAdsorbY(mover: AbstractMesh, target: AbstractMesh, pickPos: Vector3) { |
||||||
|
|
||||||
|
ModeManager.log("吸附模型" + target); |
||||||
|
|
||||||
|
let targetRoot = SceneManager.getRootTransformNode(target); |
||||||
|
|
||||||
|
if (mover == targetRoot) { |
||||||
|
return; |
||||||
|
} |
||||||
|
let aimPos_y: number = 0; |
||||||
|
|
||||||
|
let direction = 0.5; |
||||||
|
if (mover.absolutePosition.y < pickPos.y) { |
||||||
|
direction = -0.5; |
||||||
|
} |
||||||
|
|
||||||
|
aimPos_y += mover.scaling.y * direction; |
||||||
|
|
||||||
|
let newPos = new Vector3(mover.absolutePosition.x, pickPos.y + aimPos_y, mover.absolutePosition.z) |
||||||
|
|
||||||
|
mover.setAbsolutePosition(newPos); |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
//获取根节点
|
||||||
|
public static getRootTransformNode(mesh: AbstractMesh): TransformNode { |
||||||
|
let result: TransformNode = mesh; |
||||||
|
let parent: any = mesh; |
||||||
|
while (true) { |
||||||
|
if (parent.id == "ground" || parent.id.match("Floor")) { |
||||||
|
result = parent; |
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
parent = parent.parent; |
||||||
|
if (parent == null) { |
||||||
|
return mesh; |
||||||
|
} |
||||||
|
else if (parent.id == "box") { |
||||||
|
result = parent; |
||||||
|
return result; |
||||||
|
} |
||||||
|
else { |
||||||
|
result = parent; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
//#endregion
|
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 正在异步导入模型的数据 |
||||||
|
*/ |
||||||
|
class ImportMeshSyncData { |
||||||
|
path: string; |
||||||
|
name: string; |
||||||
|
isBreak: boolean; //中断了
|
||||||
|
|
||||||
|
onsuccessObservable: Observable<ImportMeshSyncCallBack>; |
||||||
|
|
||||||
|
constructor(path: string, |
||||||
|
name: string) { |
||||||
|
this.isBreak = false; |
||||||
|
this.path = path; |
||||||
|
this.name = name; |
||||||
|
this.onsuccessObservable = new Observable(); |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 异步导入模型的回调 |
||||||
|
*/ |
||||||
|
class ImportMeshSyncCallBack { |
||||||
|
|
||||||
|
newMeshes: AbstractMesh[]; |
||||||
|
particleSystems: IParticleSystem[]; |
||||||
|
skeletons: Skeleton[]; |
||||||
|
animationGroups: AnimationGroup[]; |
||||||
|
modelInfo: ModelInfo; |
||||||
|
needBox: boolean; |
||||||
|
modelData: ModelData; |
||||||
|
|
||||||
|
constructor(newMeshes: AbstractMesh[], |
||||||
|
particleSystems: IParticleSystem[], |
||||||
|
skeletons: Skeleton[], |
||||||
|
animationGroups: AnimationGroup[], |
||||||
|
modelInfo: ModelInfo, |
||||||
|
needBox: boolean, |
||||||
|
modelData: ModelData) { |
||||||
|
this.newMeshes = newMeshes; |
||||||
|
this.particleSystems = particleSystems; |
||||||
|
this.skeletons = skeletons; |
||||||
|
this.animationGroups = animationGroups; |
||||||
|
this.modelInfo = modelInfo; |
||||||
|
this.needBox = needBox; |
||||||
|
this.modelData = modelData; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
@ -0,0 +1,242 @@ |
|||||||
|
import { HttpErrorResponse } from "@angular/common/http"; |
||||||
|
import { classToPlain } from "class-transformer"; |
||||||
|
import { BuildingBasicInfosService } from "src/app/service/babylon/building-basic-infos.service"; |
||||||
|
import { ObjectsService } from "src/app/service/babylon/objects.service"; |
||||||
|
import { InsitutionDataSimple } from "../model/data/institution/institution-data-simple"; |
||||||
|
import { AllMarkPlanData } from "../model/data/mark/mark-plan-data"; |
||||||
|
import { ModeManager } from "./mode-manager"; |
||||||
|
|
||||||
|
//服务器通信
|
||||||
|
export class ServeManager { |
||||||
|
|
||||||
|
static ngAssetsPath = "assets/";//资源根目录
|
||||||
|
|
||||||
|
static instance: ServeManager = null; |
||||||
|
|
||||||
|
postFilePath: string;//上传文件的相对路径
|
||||||
|
|
||||||
|
static Init(buildingBISrv: BuildingBasicInfosService, objectsSrv: ObjectsService) { |
||||||
|
ServeManager.instance = new ServeManager(buildingBISrv, objectsSrv); |
||||||
|
} |
||||||
|
|
||||||
|
constructor( |
||||||
|
private buildingBISrv: BuildingBasicInfosService, |
||||||
|
private objectsSrv: ObjectsService |
||||||
|
) { |
||||||
|
//this.fileInput = document.getElementById("file");
|
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
//从服务器获取单位信息
|
||||||
|
getInstitutionData(key: string = 'test', onSuccess?: (key: string, |
||||||
|
data: string |
||||||
|
) => void, onError?: (key: string, error: any) => void) { |
||||||
|
this.buildingBISrv.getBuildingBasicInfos(key) |
||||||
|
.subscribe(data => { |
||||||
|
|
||||||
|
if (onSuccess) { |
||||||
|
onSuccess(key, data); |
||||||
|
} |
||||||
|
}, error => { |
||||||
|
console.error("From serve" + key + "===" + error); |
||||||
|
if (onError) { |
||||||
|
onError(key, error); |
||||||
|
} |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
//保存单位信息
|
||||||
|
saveInstitutionData(institutionData: any, key: string = 'test', onSuccess?: (key: string, |
||||||
|
result: string |
||||||
|
) => void, onError?: (key: string, error: string) => void) { |
||||||
|
let data = classToPlain(institutionData); |
||||||
|
|
||||||
|
console.log(data); |
||||||
|
this.buildingBISrv.postBuildingBasicInfos(key, data) |
||||||
|
.subscribe(data => { |
||||||
|
ModeManager.log("保存单位成功：" + key); |
||||||
|
if (onSuccess) { |
||||||
|
onSuccess(key, data); |
||||||
|
} |
||||||
|
if (key != "InsList") { |
||||||
|
//ThreeDimensionalHomeComponent.instance.openSnackBar("保存单位成功");
|
||||||
|
// alert("保存单位成功");
|
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
//暂时没有失败的回调 onError
|
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
//保存单位列表
|
||||||
|
saveInstitutionListData(institutionList: InsitutionDataSimple[], onSucess?: () => void) { |
||||||
|
// console.log("======保存单位");
|
||||||
|
|
||||||
|
ServeManager.instance.saveInstitutionData(institutionList, "InsList", () => { |
||||||
|
//alert("保存单位列表成功");
|
||||||
|
if (onSucess) { |
||||||
|
onSucess(); |
||||||
|
} |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
//#region 态势标会
|
||||||
|
|
||||||
|
/** |
||||||
|
* 获取态势标会信息 |
||||||
|
* @param institutionID
|
||||||
|
* @param onSuccess
|
||||||
|
* @param onError
|
||||||
|
*/ |
||||||
|
getMarkData(institutionID: string, |
||||||
|
onSuccess?: (institutionID: string, data: string) => void, |
||||||
|
onError?: (institutionID: string, error: any) => void) { |
||||||
|
|
||||||
|
this.buildingBISrv.getMarkData(institutionID) |
||||||
|
.subscribe(data => { |
||||||
|
ModeManager.log(data); |
||||||
|
if (onSuccess) { |
||||||
|
onSuccess(institutionID, data); |
||||||
|
} |
||||||
|
}, (error) => { |
||||||
|
if (error instanceof HttpErrorResponse) { |
||||||
|
if (error.status === 404) { |
||||||
|
ModeManager.log("没有标绘数据，新建：" + error.error); |
||||||
|
onSuccess(institutionID, null); //data 为null ，表示新建
|
||||||
|
} |
||||||
|
else { |
||||||
|
if (onError) { |
||||||
|
onError(institutionID, error); |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
if (onError) { |
||||||
|
onError(institutionID, error); |
||||||
|
} |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 保存态势标会信息 |
||||||
|
*/ |
||||||
|
saveMarkData(allMarkPlanData: AllMarkPlanData, |
||||||
|
onSuccess?: (key: string, result: string) => void, |
||||||
|
onError?: (key: string, error: string) => void) { |
||||||
|
|
||||||
|
if (allMarkPlanData == null) { |
||||||
|
console.error("标绘信息为空，无法保存"); |
||||||
|
} |
||||||
|
else { |
||||||
|
let data = classToPlain(allMarkPlanData); |
||||||
|
this.buildingBISrv.postMarkData(allMarkPlanData.institutionID, data) |
||||||
|
.subscribe(data => { |
||||||
|
ModeManager.log("保存标绘信息成功：" + allMarkPlanData.institutionID); |
||||||
|
if (onSuccess) { |
||||||
|
onSuccess(allMarkPlanData.institutionID, data); |
||||||
|
} |
||||||
|
// ThreeDimensionalHomeComponent.instance.openSnackBar("保存标绘信息成功");
|
||||||
|
// alert("保存标绘信息成功");
|
||||||
|
|
||||||
|
//暂时没有失败的回调 onError
|
||||||
|
}) |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
//#endregion
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
//#region 文件上传
|
||||||
|
//队列性，批量上传
|
||||||
|
uploadFile(index: number, files: File[], resPath_out, onOneSuccess: (name: string, path: string, file: File) => void, onEnd: () => void) { |
||||||
|
if (index < files.length) { |
||||||
|
ServeManager.instance.openFileSelect(files[index], resPath_out, (name: string, path: string, file: File) => { |
||||||
|
onOneSuccess(name, path, file); |
||||||
|
this.uploadFile(index + 1, files, resPath_out, onOneSuccess, onEnd); |
||||||
|
|
||||||
|
}); |
||||||
|
} |
||||||
|
else { |
||||||
|
onEnd(); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
//设置文件路径并上传
|
||||||
|
openFileSelect(file: File, extensionPath: string, onSuccess?: (name: string, path: string, file: File) => void) { |
||||||
|
this.postFilePath = extensionPath; |
||||||
|
|
||||||
|
this.onPostFileSuccess = onSuccess; |
||||||
|
|
||||||
|
let fileSize = file.size || null //上传文件的总大小
|
||||||
|
let shardSize = 5 * 1024 * 1024 //5MB 超过5MB要分块上传
|
||||||
|
if (fileSize >= shardSize) // 超过5MB要分块上传
|
||||||
|
{ |
||||||
|
this.postFileByMul(file); |
||||||
|
} |
||||||
|
else //普通上传
|
||||||
|
{ |
||||||
|
this.postFile(file); |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
//上传成功
|
||||||
|
onPostFileSuccess?: (name: string, path: string, file: File) => void; |
||||||
|
|
||||||
|
//上传文件
|
||||||
|
async postFile(file: File) { |
||||||
|
await new Promise((resolve, reject) => { |
||||||
|
|
||||||
|
ServeManager.instance.objectsSrv.postFile(ServeManager.ngAssetsPath + this.postFilePath, file).subscribe(data => { |
||||||
|
let dataObj = data as any; |
||||||
|
let fileName = dataObj.fileName; |
||||||
|
let filePath: string = dataObj.objectName; |
||||||
|
filePath = filePath.replace(fileName, ""); |
||||||
|
filePath = ObjectsService.baseUrl + filePath; |
||||||
|
ServeManager.instance.onGetPostFileResult(fileName, filePath, file); |
||||||
|
resolve('success') |
||||||
|
}); |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 上传文件的结果 |
||||||
|
* @param data
|
||||||
|
* @param file
|
||||||
|
*/ |
||||||
|
onGetPostFileResult(fileName: string, filePath: string, file: File) { |
||||||
|
|
||||||
|
|
||||||
|
if (ServeManager.instance.onPostFileSuccess) { |
||||||
|
ServeManager.instance.onPostFileSuccess(fileName, filePath, file); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 分块上传 |
||||||
|
* @param file
|
||||||
|
*/ |
||||||
|
postFileByMul(file: File) { |
||||||
|
ServeManager.instance.objectsSrv.postFile_MultipartUpload(ServeManager.ngAssetsPath + this.postFilePath, file).then((value) => { |
||||||
|
let dataObj = value as any; |
||||||
|
ServeManager.instance.onGetPostFileResult(dataObj.fileName, dataObj.filePath, file); |
||||||
|
}); |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
//#endregion
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
@ -0,0 +1,164 @@ |
|||||||
|
|
||||||
|
import { Observable, Observer } from "@babylonjs/core"; |
||||||
|
import { Game } from "../../game"; |
||||||
|
import { BuildingType, BuildingData } from "../../model/data/institution/building/building-data"; |
||||||
|
import { FacilityPosType, ModelData_facility } from "../../model/data/model-data/model-data-facility"; |
||||||
|
import { ModelEditData } from "../../model/data/model-data/model-edit-data"; |
||||||
|
import { BuildingInfo } from "../../model/info/building/building-info"; |
||||||
|
import { GizmoTool } from "../../tool/gizmo-tool"; |
||||||
|
import { BuildingUIItem } from "../../view/building-window/building-ui-item"; |
||||||
|
import { BuildingWindow } from "../../view/building-window/building-window"; |
||||||
|
import { FacilityWindow } from "../../view/facility-window/facility-window"; |
||||||
|
import { FacilityInfoInSceneWindow } from "../../view/facilityinfoinscene-window/facilityinfoinscene-window"; |
||||||
|
import { MarkWindow } from "../../view/mark-window/mark-window"; |
||||||
|
import { ToolbarWindow } from "../../view/toolbar-window/toobar-window"; |
||||||
|
|
||||||
|
import { DataManager, ModelChangeType } from "../data-manager"; |
||||||
|
import { EventManager } from "../event-manager/event-manager"; |
||||||
|
import { Event_ChangeFacility } from "../event-manager/events/event-change-facility"; |
||||||
|
import { InfoManager } from "../info-manager"; |
||||||
|
import { ModeManager, ModeType } from "../mode-manager"; |
||||||
|
import { SceneManager } from "../scene-manager"; |
||||||
|
import { UIManager } from "../ui-manager"; |
||||||
|
import { StatusBase, StatusManager } from "./status-manager"; |
||||||
|
|
||||||
|
//建筑物外观模式
|
||||||
|
export class BuildingStatus extends StatusBase { |
||||||
|
buildingWindow: BuildingWindow; |
||||||
|
currentBuildingInfo: BuildingInfo; //当前的建筑
|
||||||
|
onChangeFacilityObserver: Observer<Event_ChangeFacility>; |
||||||
|
|
||||||
|
static changeStatusFromUI: boolean = false;//因为ui而切换
|
||||||
|
static startEnterObservable: Observable<BuildingUIItem> = new Observable<BuildingUIItem>();//开始切入
|
||||||
|
static enterSuccessObservable: Observable<BuildingUIItem> = new Observable<BuildingUIItem>();//进入成功的事件
|
||||||
|
|
||||||
|
|
||||||
|
//#region
|
||||||
|
/** |
||||||
|
* 在数据层创建建筑 |
||||||
|
* @param key 唯一key，来自服务器分配 |
||||||
|
* @param name 名称，由玩家自定义 |
||||||
|
* @param buildingType 建筑类型 |
||||||
|
*/ |
||||||
|
createOneBuildingInData(key: string, name: string, buildingType: BuildingType): BuildingData { |
||||||
|
return DataManager.createBuilding(key, name, buildingType); |
||||||
|
} |
||||||
|
//#endregion
|
||||||
|
|
||||||
|
//#region 生命周期
|
||||||
|
//初始化
|
||||||
|
onCreate() { |
||||||
|
super.onCreate(); |
||||||
|
// this.enterSuccessObservable = new Observable<BuildingUIItem>();
|
||||||
|
GizmoTool.init(SceneManager.Instance.scene, UIManager.Instance.uiRoot, SceneManager.Instance.defaultCamera); |
||||||
|
InfoManager.init(); |
||||||
|
//UIManager.open<InputHintWindow>(InputHintWindow);
|
||||||
|
UIManager.open<ToolbarWindow>(ToolbarWindow); |
||||||
|
} |
||||||
|
//进入状态
|
||||||
|
onEnter() { |
||||||
|
super.onEnter(); |
||||||
|
Game.instance.engine.resize(); |
||||||
|
|
||||||
|
//首次进入
|
||||||
|
if (this.buildingWindow == null) { |
||||||
|
SceneManager.s_facilityWindow = UIManager.open<FacilityWindow>(FacilityWindow); |
||||||
|
if (ModeManager.currentMode == ModeType.Look) { |
||||||
|
//此处应改为由前端调用， 退出编辑状态时应调用hide
|
||||||
|
// SceneManager.s_markWindow = MarkWindow.openWindow();
|
||||||
|
} |
||||||
|
|
||||||
|
this.buildingWindow = UIManager.open<BuildingWindow>(BuildingWindow); |
||||||
|
|
||||||
|
SceneManager.s_facilityInfoInSceneWindow = UIManager.open<FacilityInfoInSceneWindow>(FacilityInfoInSceneWindow); |
||||||
|
|
||||||
|
} |
||||||
|
else { //从室内返回
|
||||||
|
UIManager.show<BuildingWindow>(this.buildingWindow); |
||||||
|
if (this.buildingWindow.currentBuidngItem != null) { |
||||||
|
this.buildingWindow.currentBuidngItem.select(); |
||||||
|
BuildingStatus.startEnterObservable.notifyObservers(this.buildingWindow.currentBuidngItem); |
||||||
|
BuildingStatus.enterSuccessObservable.notifyObservers(this.buildingWindow.currentBuidngItem) |
||||||
|
if (MarkWindow.s_cameraData == null) { |
||||||
|
this.buildingWindow.currentBuidngItem.lookAt(); |
||||||
|
} |
||||||
|
else { |
||||||
|
|
||||||
|
MarkWindow.s_cameraData.setDataToCamera(SceneManager.Instance.defaultCamera); |
||||||
|
MarkWindow.s_cameraData = null; |
||||||
|
} |
||||||
|
|
||||||
|
FacilityInfoInSceneWindow.instance.createAllFacilities(this.buildingWindow.currentBuidngItem.buildingInfo.ModelInfo.facilityInfos); |
||||||
|
if (ModeManager.currentMode == ModeType.Look) { |
||||||
|
FacilityInfoInSceneWindow.instance.showFacilityByType(null, false); |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
SceneManager.s_facilityWindow.updateAllFacilities(FacilityPosType.Outdoor); |
||||||
|
|
||||||
|
let instance = this; |
||||||
|
this.onChangeFacilityObserver = EventManager.addListener<Event_ChangeFacility>(Event_ChangeFacility, ((eventInfo) => { |
||||||
|
instance.onChangeFacility(eventInfo); |
||||||
|
})); |
||||||
|
|
||||||
|
SceneManager.Instance.sunLight.intensity = 3; |
||||||
|
} |
||||||
|
//退出状态
|
||||||
|
onExit() { |
||||||
|
UIManager.hide<BuildingWindow>(this.buildingWindow); |
||||||
|
// console.log("==退出buildingStatus==");
|
||||||
|
EventManager.removeListener(Event_ChangeFacility, this.onChangeFacilityObserver); |
||||||
|
super.onExit(); |
||||||
|
} |
||||||
|
|
||||||
|
//#endregion
|
||||||
|
|
||||||
|
//改变当前选中的建筑
|
||||||
|
changeCurrentBuilding(buildingInfo: BuildingInfo) { |
||||||
|
|
||||||
|
if (buildingInfo == this.currentBuildingInfo) { |
||||||
|
return; |
||||||
|
} |
||||||
|
|
||||||
|
// console.log("改变当前建筑" + buildingInfo.buildingData.normalData.key);
|
||||||
|
//FacilityInfoInSceneWindow.instance.clearFacilityInfoUIItemes();
|
||||||
|
if (this.currentBuildingInfo != null) { |
||||||
|
// this.buildingWindow.clearFacilityInfos(this.currentBuildingInfo);
|
||||||
|
//隐藏
|
||||||
|
this.buildingWindow.showFacilityInfosIcon(this.currentBuildingInfo, false); |
||||||
|
} |
||||||
|
|
||||||
|
this.currentBuildingInfo = buildingInfo; |
||||||
|
|
||||||
|
|
||||||
|
FacilityInfoInSceneWindow.instance.createAllFacilities(buildingInfo.ModelInfo.facilityInfos); |
||||||
|
if (this.currentBuildingInfo.ModelInfo.facilityInfos != null && ModeManager.currentMode == ModeType.Edit) { |
||||||
|
//判断已经有了就不创建了
|
||||||
|
// InfoManager.createFacilityInfos(buildingInfo.buildingData.outdoorData, buildingInfo);
|
||||||
|
//显示
|
||||||
|
this.buildingWindow.showFacilityInfosIcon(this.currentBuildingInfo, true); |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
//模型变化
|
||||||
|
onChangeFacility(eventInfo: Event_ChangeFacility) { |
||||||
|
if (eventInfo.modeleData instanceof ModelData_facility) { |
||||||
|
let modelEditData: ModelEditData; |
||||||
|
if (StatusManager.s_currentStatus instanceof BuildingStatus) { |
||||||
|
modelEditData = this.currentBuildingInfo.buildingData.outdoorData; |
||||||
|
} |
||||||
|
|
||||||
|
if (eventInfo.modelChangeType == ModelChangeType.Add) { |
||||||
|
modelEditData.addFacility(eventInfo.modeleData); |
||||||
|
// console.log("添加设备数据" + eventInfo.modeleData.key);
|
||||||
|
} |
||||||
|
else if (eventInfo.modelChangeType == ModelChangeType.Remove) { |
||||||
|
modelEditData.removeFacility(eventInfo.modeleData); |
||||||
|
|
||||||
|
// console.log("移除设备数据" + eventInfo.modeleData.key);
|
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,127 @@ |
|||||||
|
import { Observable, Observer } from "@babylonjs/core"; |
||||||
|
import { BuildingData_Normal } from "../../model/data/institution/building/building-data"; |
||||||
|
import { ModelData } from "../../model/data/model-data/model-data"; |
||||||
|
import { FacilityPosType, ModelData_facility } from "../../model/data/model-data/model-data-facility"; |
||||||
|
import { ModelEditData } from "../../model/data/model-data/model-edit-data"; |
||||||
|
import { BuildingInfo_Normal } from "../../model/info/building/building-info-normal"; |
||||||
|
import { GizmoTool } from "../../tool/gizmo-tool"; |
||||||
|
import { IndoorFloorUIItem } from "../../view/indoor-window/indoor-floorui-item"; |
||||||
|
import { IndoorWindow } from "../../view/indoor-window/indoor-window"; |
||||||
|
|
||||||
|
import { ModelChangeType } from "../data-manager"; |
||||||
|
import { EventManager } from "../event-manager/event-manager"; |
||||||
|
import { Event_ChangeFacility } from "../event-manager/events/event-change-facility"; |
||||||
|
import { SceneManager } from "../scene-manager"; |
||||||
|
import { UIManager } from "../ui-manager"; |
||||||
|
import { StatusBase, StatusManager } from "./status-manager"; |
||||||
|
|
||||||
|
//室内模式
|
||||||
|
export class IndoorStatus extends StatusBase { |
||||||
|
buildingInfo: BuildingInfo_Normal; |
||||||
|
indoorWindow: IndoorWindow; |
||||||
|
|
||||||
|
//indoorInfos:BuildingInfo[];//室内信息（运行时）
|
||||||
|
indoorData: BuildingData_Normal; //室内信息（纯数据）
|
||||||
|
|
||||||
|
onChangeFacilityObserver: Observer<Event_ChangeFacility>; |
||||||
|
|
||||||
|
static changeStatusFromUI: boolean = false;//因为ui而切换
|
||||||
|
static startEnterObservable: Observable<IndoorFloorUIItem> = new Observable<IndoorFloorUIItem>();//开始切入
|
||||||
|
static enterSuccessObservable: Observable<IndoorFloorUIItem> = new Observable<IndoorFloorUIItem>();//进入成功的事件
|
||||||
|
|
||||||
|
//初始化
|
||||||
|
onCreate() { |
||||||
|
super.onCreate(); |
||||||
|
// this.enterSuccessObservable = new Observable<IndoorFloorUIItem>();
|
||||||
|
} |
||||||
|
//进入状态
|
||||||
|
onEnter() { |
||||||
|
super.onEnter(); |
||||||
|
if (this.indoorWindow == null) { |
||||||
|
this.indoorWindow = UIManager.open<IndoorWindow>(IndoorWindow); |
||||||
|
} else { |
||||||
|
UIManager.show<IndoorWindow>(this.indoorWindow); |
||||||
|
} |
||||||
|
|
||||||
|
let instance = this; |
||||||
|
this.onChangeFacilityObserver = EventManager.addListener<Event_ChangeFacility>(Event_ChangeFacility, (eventInfo) => { |
||||||
|
instance.onChangeFacility(eventInfo); |
||||||
|
}) |
||||||
|
|
||||||
|
GizmoTool.onPickMeshInfoObservable.notifyObservers(null);//取消之前的选中
|
||||||
|
|
||||||
|
SceneManager.s_facilityInfoInSceneWindow.clearFacilityInfoUIItemes();//先清空
|
||||||
|
SceneManager.s_facilityWindow.updateAllFacilities(FacilityPosType.Indoor); |
||||||
|
SceneManager.Instance.sunLight.intensity = 1; |
||||||
|
} |
||||||
|
//退出状态
|
||||||
|
onExit() { |
||||||
|
EventManager.removeListener(Event_ChangeFacility, this.onChangeFacilityObserver); |
||||||
|
UIManager.hide<IndoorWindow>(this.indoorWindow); |
||||||
|
this.clearIndoorInfo(); |
||||||
|
super.onExit(); |
||||||
|
} |
||||||
|
|
||||||
|
init(buildingInfo: BuildingInfo_Normal, key: string) { |
||||||
|
this.buildingInfo = buildingInfo; |
||||||
|
this.indoorData = buildingInfo.buildingData as BuildingData_Normal; |
||||||
|
|
||||||
|
this.indoorWindow.initAllFloor(this.indoorData.indoorsData, key); |
||||||
|
} |
||||||
|
|
||||||
|
//清空室内运行时信息
|
||||||
|
clearIndoorInfo() { |
||||||
|
console.log('清空室内'); |
||||||
|
this.indoorWindow.clearAllFloorUIItem(); |
||||||
|
|
||||||
|
if (this.indoorWindow.currentFloorUIItem != null && |
||||||
|
this.indoorWindow.currentFloorUIItem.buildingInfo != null) { |
||||||
|
GizmoTool.leaveTheGizmoAim(this.indoorWindow.currentFloorUIItem.buildingInfo.ModelInfo); |
||||||
|
} |
||||||
|
|
||||||
|
this.indoorWindow.currentFloorUIItem = null; |
||||||
|
} |
||||||
|
|
||||||
|
//模型Data数据变化
|
||||||
|
onChangeFacility(eventInfo: Event_ChangeFacility) { |
||||||
|
if (eventInfo.modeleData instanceof ModelData_facility) { |
||||||
|
let modelEditData: ModelEditData; |
||||||
|
|
||||||
|
modelEditData = (StatusManager.s_currentStatus as IndoorStatus) |
||||||
|
.indoorWindow.currentFloorUIItem.modelEditData; |
||||||
|
|
||||||
|
if (eventInfo.modelChangeType == ModelChangeType.Add) { |
||||||
|
modelEditData.addFacility(eventInfo.modeleData); |
||||||
|
} else if (eventInfo.modelChangeType == ModelChangeType.Remove) { |
||||||
|
modelEditData.removeFacility(eventInfo.modeleData); |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
//创建新的室内数据
|
||||||
|
newIndoorData(key: string, name: string, isRefugeFloor: boolean): ModelEditData { |
||||||
|
let newIndoorData = new ModelEditData(); |
||||||
|
|
||||||
|
newIndoorData.modelData = new ModelData(); |
||||||
|
newIndoorData.modelData.key = key; |
||||||
|
newIndoorData.modelData.name = name; |
||||||
|
newIndoorData.isRefugeFloor = isRefugeFloor; |
||||||
|
return newIndoorData; |
||||||
|
} |
||||||
|
|
||||||
|
//将新的室内添加到当前建筑中
|
||||||
|
addNewIndoorToBuilding(newIndoorData: ModelEditData) { |
||||||
|
let buildingData = this.buildingInfo.buildingData as BuildingData_Normal; |
||||||
|
if (buildingData.indoorsData == null) { |
||||||
|
buildingData.indoorsData = []; |
||||||
|
} |
||||||
|
newIndoorData.index = buildingData.getNextIndoorIndex(); |
||||||
|
//设置index为最大+1
|
||||||
|
buildingData.indoorsData.push(newIndoorData); |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
@ -0,0 +1,219 @@ |
|||||||
|
import { HttpErrorResponse } from "@angular/common/http"; |
||||||
|
import { plainToClass } from "class-transformer"; |
||||||
|
import { InstitutionData, NormalData } from "../../model/data/institution/institution-data"; |
||||||
|
import { InsitutionDataSimple } from "../../model/data/institution/institution-data-simple"; |
||||||
|
import { InstitutionCreateWindow } from "../../view/institution/institution-create-window"; |
||||||
|
import { InstitutionSelectWindow } from "../../view/institution/institution-select-window"; |
||||||
|
import { TopbarWindow } from "../../view/topbar-window/topbar-window"; |
||||||
|
|
||||||
|
import { DataManager } from "../data-manager"; |
||||||
|
import { SceneManager } from "../scene-manager"; |
||||||
|
import { ServeManager } from "../serve-manager"; |
||||||
|
import { UIManager } from "../ui-manager"; |
||||||
|
import { MainStatus } from "./main-status"; |
||||||
|
import { StatusBase, StatusManager } from "./status-manager"; |
||||||
|
|
||||||
|
export class LoginSatus extends StatusBase { |
||||||
|
|
||||||
|
institutionSelectWindow: InstitutionSelectWindow; |
||||||
|
|
||||||
|
institutionCreateWindow: InstitutionCreateWindow; |
||||||
|
|
||||||
|
institutionList: InsitutionDataSimple[];//单位简易信息列表
|
||||||
|
|
||||||
|
|
||||||
|
//#region 前端对接
|
||||||
|
|
||||||
|
/** |
||||||
|
* 新建单位 |
||||||
|
* @param insData 新的单位信息 |
||||||
|
*/ |
||||||
|
createInsitution(key: string, name: string, onSuccess?: (insDataSimple: InsitutionDataSimple) => void) { |
||||||
|
|
||||||
|
if (key == null) { |
||||||
|
console.error("创建单位key为null"); |
||||||
|
return; |
||||||
|
} |
||||||
|
let insData = new InstitutionData(); |
||||||
|
insData.normalData = new NormalData(key, name); |
||||||
|
|
||||||
|
this.saveNewIns(this, insData, key, onSuccess); |
||||||
|
} |
||||||
|
|
||||||
|
//#endregion
|
||||||
|
|
||||||
|
|
||||||
|
//#region 外部方法
|
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 获取单位简易信息列表 |
||||||
|
* @param onSuccess 获取成功的回调 |
||||||
|
*/ |
||||||
|
getInstitutionListFromServe(onSuccess?: (result: InsitutionDataSimple[], data?: any) => void, onFail?: (error: string) => void) { |
||||||
|
let debugList: any | InsitutionDataSimple[] = []; |
||||||
|
// let testIns1 = new InsitutionDataSimple();
|
||||||
|
// testIns1.key = "test";
|
||||||
|
// testIns1.name = "测试单位1";
|
||||||
|
// debugList.push(testIns1);
|
||||||
|
ServeManager.instance.getInstitutionData("InsList", (key, data) => { |
||||||
|
debugList = plainToClass(InsitutionDataSimple, data); |
||||||
|
this.institutionList = debugList; |
||||||
|
if (onSuccess) { |
||||||
|
onSuccess(debugList, data); |
||||||
|
} |
||||||
|
}, (key: string, error: any) => { |
||||||
|
console.error("获取单位列表失败"); |
||||||
|
console.log(error); |
||||||
|
if (error instanceof HttpErrorResponse && error.status === 404) { |
||||||
|
//数据库没有数据,新建
|
||||||
|
this.institutionList = []; |
||||||
|
if (onSuccess) { |
||||||
|
onSuccess(this.institutionList, this.institutionList); |
||||||
|
} |
||||||
|
console.log("新建数据列表"); |
||||||
|
} |
||||||
|
else { |
||||||
|
if (onFail) { |
||||||
|
onFail(error); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
return; |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 选择单位完成,初始化数据（向服务器请求完整数据） |
||||||
|
* @param simpleData 选择的单位 |
||||||
|
*/ |
||||||
|
onSelectInsSuccess(simpleData: InsitutionDataSimple) { |
||||||
|
let status: LoginSatus = StatusManager.getStatus<LoginSatus>(LoginSatus); |
||||||
|
if (status.institutionSelectWindow != null) { |
||||||
|
UIManager.close(status.institutionSelectWindow); |
||||||
|
status.institutionSelectWindow = null; |
||||||
|
} |
||||||
|
|
||||||
|
DataManager.init(simpleData, (resultkey) => { |
||||||
|
StatusManager.enterStatus<MainStatus>(MainStatus); |
||||||
|
}); |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
//#endregion
|
||||||
|
|
||||||
|
|
||||||
|
//#region 生命周期
|
||||||
|
//初始化
|
||||||
|
onCreate() { |
||||||
|
super.onCreate(); |
||||||
|
|
||||||
|
} |
||||||
|
//进入状态
|
||||||
|
onEnter() { |
||||||
|
super.onEnter(); |
||||||
|
|
||||||
|
console.log("进入 logins"); |
||||||
|
|
||||||
|
//UIManager.open<TopbarWindow>(TopbarWindow);
|
||||||
|
// this.openSelectWindow();//可以开启选择、新建单位
|
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
|
//退出状态
|
||||||
|
onExit() { |
||||||
|
|
||||||
|
super.onEnter(); |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
//开启选择界面
|
||||||
|
openSelectWindow() { |
||||||
|
console.log("=======开启选择界面"); |
||||||
|
this.institutionSelectWindow = UIManager.open<InstitutionSelectWindow>(InstitutionSelectWindow); |
||||||
|
console.log(this.institutionSelectWindow); |
||||||
|
let status = this; |
||||||
|
this.institutionSelectWindow.getInsList(status.onSelectInsSuccess); |
||||||
|
} |
||||||
|
|
||||||
|
//关闭选择界面
|
||||||
|
closeSelectWindow() { |
||||||
|
if (this.institutionSelectWindow != null) { |
||||||
|
UIManager.close(this.institutionSelectWindow); |
||||||
|
this.institutionSelectWindow = null; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
//新建完成
|
||||||
|
onCreateInsSuccess(insData: InsitutionDataSimple) { |
||||||
|
|
||||||
|
this.closeCreateWindow(); |
||||||
|
|
||||||
|
let isOverWrite = false; |
||||||
|
for (let i = 0; i < this.institutionList.length; i++) { |
||||||
|
if (this.institutionList[i].key == insData.key) { |
||||||
|
this.institutionList[i].name = insData.name; |
||||||
|
isOverWrite = true; |
||||||
|
break; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
if (!isOverWrite) { |
||||||
|
this.institutionList.push(insData); |
||||||
|
} |
||||||
|
|
||||||
|
let status = this; |
||||||
|
|
||||||
|
ServeManager.instance.saveInstitutionListData(this.institutionList, () => { |
||||||
|
//进入新单位
|
||||||
|
status.onSelectInsSuccess(insData); |
||||||
|
}); |
||||||
|
|
||||||
|
} |
||||||
|
//#endregion
|
||||||
|
|
||||||
|
//#region babylonGUI 新建单位
|
||||||
|
//开启新建界面
|
||||||
|
onNewIns() { |
||||||
|
this.closeSelectWindow(); |
||||||
|
|
||||||
|
this.institutionCreateWindow = UIManager.open<InstitutionCreateWindow>(InstitutionCreateWindow); |
||||||
|
let status = this; |
||||||
|
this.institutionCreateWindow.startCreate(); |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
//关闭创建界面
|
||||||
|
closeCreateWindow() { |
||||||
|
if (this.institutionCreateWindow != null) { |
||||||
|
UIManager.close(this.institutionCreateWindow); |
||||||
|
} |
||||||
|
this.institutionCreateWindow = null; |
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
//保存新单位信息至服务器
|
||||||
|
saveNewIns(status: LoginSatus, insData: InstitutionData, key: string, onSuccess?: (insDataSimple: InsitutionDataSimple) => void) { |
||||||
|
ServeManager.instance.saveInstitutionData(insData, key, (key, result) => { |
||||||
|
console.log("在服务器新建单位" + key); |
||||||
|
let insDataSimple = new InsitutionDataSimple(); |
||||||
|
insDataSimple.key = key; |
||||||
|
insDataSimple.name = insData.normalData.name; |
||||||
|
status.onCreateInsSuccess(insDataSimple); |
||||||
|
if (onSuccess != null) { |
||||||
|
onSuccess(insDataSimple); |
||||||
|
} |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
//#endregion
|
||||||
|
|
||||||
|
} |
||||||
@ -0,0 +1,28 @@ |
|||||||
|
|
||||||
|
import { DataManager } from "../data-manager"; |
||||||
|
import { BuildingStatus } from "./building-status"; |
||||||
|
import { StatusBase, StatusManager } from "./status-manager"; |
||||||
|
|
||||||
|
//主状态
|
||||||
|
export class MainStatus extends StatusBase { |
||||||
|
//初始化
|
||||||
|
onCreate() { |
||||||
|
super.onCreate(); |
||||||
|
} |
||||||
|
//进入状态
|
||||||
|
onEnter() { |
||||||
|
super.onEnter(); |
||||||
|
|
||||||
|
|
||||||
|
if (DataManager.institutionData == null) { |
||||||
|
//新建单位信息、开启上传建筑模型的界面
|
||||||
|
} else { |
||||||
|
//已有信息，进入建筑物模式
|
||||||
|
StatusManager.enterStatus<BuildingStatus>(BuildingStatus); |
||||||
|
} |
||||||
|
} |
||||||
|
//退出状态
|
||||||
|
onExit() { |
||||||
|
super.onExit(); |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,74 @@ |
|||||||
|
//状态管理
|
||||||
|
export class StatusManager { |
||||||
|
//所有已经实例化的status
|
||||||
|
static s_allStatus: StatusBase[] = []; |
||||||
|
//当前状态
|
||||||
|
static s_currentStatus: StatusBase; |
||||||
|
|
||||||
|
//获取已经有的目标类型status
|
||||||
|
static getStatus<T extends StatusBase>(c: { new(): T; }): T { |
||||||
|
|
||||||
|
if (StatusManager.s_allStatus == null) { |
||||||
|
return null; |
||||||
|
} |
||||||
|
for (let i = 0; i < StatusManager.s_allStatus.length; i++) { |
||||||
|
|
||||||
|
if ((StatusManager.s_allStatus[i]) instanceof c) { |
||||||
|
let result = <T>StatusManager.s_allStatus[i]; |
||||||
|
return result; |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
return null; |
||||||
|
} |
||||||
|
|
||||||
|
//创建status
|
||||||
|
static createStatus<T extends StatusBase>(c: { new(): T }): T { |
||||||
|
let newStatus = StatusManager.getStatus<T>(c); |
||||||
|
if (newStatus == null) { |
||||||
|
newStatus = new c(); |
||||||
|
newStatus.onCreate(); |
||||||
|
StatusManager.s_allStatus.push(newStatus); |
||||||
|
} |
||||||
|
|
||||||
|
return newStatus; |
||||||
|
} |
||||||
|
|
||||||
|
//进入某状态
|
||||||
|
static enterStatus<T extends StatusBase>(c: { new(): T }): T { |
||||||
|
if (StatusManager.s_currentStatus != null) { |
||||||
|
// console.log("退出status");
|
||||||
|
// console.log(StatusManager.s_currentStatus);
|
||||||
|
StatusManager.s_currentStatus.onExit(); |
||||||
|
} |
||||||
|
let newStatus = <T>StatusManager.getStatus<T>(c); |
||||||
|
if (newStatus == null) { |
||||||
|
newStatus = new c(); |
||||||
|
newStatus.onCreate(); |
||||||
|
StatusManager.s_allStatus.push(newStatus); |
||||||
|
} |
||||||
|
// console.log("进入status");
|
||||||
|
// console.log(newStatus);
|
||||||
|
|
||||||
|
StatusManager.s_currentStatus = newStatus; |
||||||
|
newStatus.onEnter(); |
||||||
|
return newStatus; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
//状态基类
|
||||||
|
export class StatusBase { |
||||||
|
//初始化
|
||||||
|
onCreate() { |
||||||
|
|
||||||
|
} |
||||||
|
//进入状态
|
||||||
|
onEnter() { |
||||||
|
|
||||||
|
} |
||||||
|
//退出状态
|
||||||
|
onExit() { |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,43 @@ |
|||||||
|
import { AdvancedDynamicTexture } from "@babylonjs/gui"; |
||||||
|
import { UIBase } from "../view/window-base/ui-base"; |
||||||
|
|
||||||
|
export class UIManager { |
||||||
|
public static _instance: UIManager; |
||||||
|
static get Instance(): UIManager { |
||||||
|
if (UIManager._instance == null) { |
||||||
|
UIManager._instance = new UIManager(); |
||||||
|
} |
||||||
|
return UIManager._instance; |
||||||
|
} |
||||||
|
|
||||||
|
public uiRoot: AdvancedDynamicTexture; |
||||||
|
|
||||||
|
|
||||||
|
public init() { |
||||||
|
this.uiRoot = AdvancedDynamicTexture.CreateFullscreenUI("UIRoot", undefined);//UtilityLayerRenderer.DefaultUtilityLayer.utilityLayerScene
|
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
static open<T extends UIBase>(c: { new(): T }): T { |
||||||
|
let ui: T = new c(); |
||||||
|
ui.onInit(); |
||||||
|
ui.onOpen(); |
||||||
|
return ui; |
||||||
|
} |
||||||
|
|
||||||
|
static close<T extends UIBase>(ui: T) { |
||||||
|
|
||||||
|
ui.onClose(); |
||||||
|
ui.root.dispose(); |
||||||
|
} |
||||||
|
|
||||||
|
static hide<T extends UIBase>(ui: T) { |
||||||
|
ui.onHide(); |
||||||
|
} |
||||||
|
|
||||||
|
static show<T extends UIBase>(ui: T) { |
||||||
|
ui.onShow(); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
@ -0,0 +1,58 @@ |
|||||||
|
import { Database, Engine, RenderingManager, Scene } from "@babylonjs/core"; |
||||||
|
import { AdvancedDynamicTexture } from "@babylonjs/gui"; |
||||||
|
|
||||||
|
import { SceneManager } from "./controller/scene-manager"; |
||||||
|
import { LoginSatus } from "./controller/status/login-status"; |
||||||
|
import { StatusManager } from "./controller/status/status-manager"; |
||||||
|
import { UIManager } from "./controller/ui-manager"; |
||||||
|
|
||||||
|
|
||||||
|
export class Game { |
||||||
|
public canvas: HTMLCanvasElement; |
||||||
|
public engine: Engine; |
||||||
|
public scene: Scene; |
||||||
|
public uiRoot: AdvancedDynamicTexture; |
||||||
|
|
||||||
|
static instance: Game; |
||||||
|
|
||||||
|
//初始化引擎和画布
|
||||||
|
public init(canvas: HTMLCanvasElement) { |
||||||
|
Game.instance = this; |
||||||
|
this.canvas = canvas; |
||||||
|
this.engine = new Engine(canvas, null, { stencil: true }); |
||||||
|
Database.IDBStorageEnabled = true;//开启本地缓存
|
||||||
|
this.scene = new Scene(this.engine); |
||||||
|
this.scene.useRightHandedSystem = true;//使用右手坐标系
|
||||||
|
RenderingManager.MIN_RENDERINGGROUPS = -1;//最小渲染序列
|
||||||
|
|
||||||
|
this.createScene(); |
||||||
|
let scene = this.scene; |
||||||
|
// canvas.translate = true; //用于设置背景透明
|
||||||
|
// scene.autoClear = true;
|
||||||
|
UIManager.Instance.init(); |
||||||
|
|
||||||
|
StatusManager.enterStatus<LoginSatus>(LoginSatus); |
||||||
|
|
||||||
|
//最后，将场景渲染出来 (重要，不可缺少)
|
||||||
|
this.engine.runRenderLoop(function () { |
||||||
|
scene.render(); |
||||||
|
}) |
||||||
|
|
||||||
|
// 监听浏览器改变大小的事件，通过调用engine.resize()来自适应窗口大小
|
||||||
|
window.addEventListener("resize", function () { |
||||||
|
Game.instance.engine.resize(); |
||||||
|
}); |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
//创建初始场景
|
||||||
|
private createScene() { |
||||||
|
let sceneManager = SceneManager.init(this.scene, this.canvas, this.engine); |
||||||
|
sceneManager.initArcRotateCamera(); |
||||||
|
sceneManager.initLight(); |
||||||
|
sceneManager.updateSceneBG(); |
||||||
|
sceneManager.initSceneEvent(); |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
@ -0,0 +1,37 @@ |
|||||||
|
import { ArcRotateCamera, Vector3 } from "@babylonjs/core"; |
||||||
|
import { Type } from "class-transformer"; |
||||||
|
|
||||||
|
/** |
||||||
|
* 自由旋转相机的数据 |
||||||
|
*/ |
||||||
|
export class ArcRotateCameraData { |
||||||
|
|
||||||
|
@Type(() => Vector3) |
||||||
|
target: Vector3; |
||||||
|
radius: number; |
||||||
|
alpha: number; |
||||||
|
beta: number; |
||||||
|
|
||||||
|
/** |
||||||
|
* 将数据设置到相机上 |
||||||
|
* @param camera
|
||||||
|
*/ |
||||||
|
setDataToCamera(camera: ArcRotateCamera) { |
||||||
|
camera._scene.stopAnimation(camera); |
||||||
|
camera.target = this.target; |
||||||
|
camera.radius = this.radius; |
||||||
|
camera.alpha = this.alpha; |
||||||
|
camera.beta = this.beta; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 将摄像机的数据记录下来 |
||||||
|
* @param camera
|
||||||
|
*/ |
||||||
|
getDataFromCamera(camera: ArcRotateCamera) { |
||||||
|
this.target = camera.target; |
||||||
|
this.radius = camera.radius; |
||||||
|
this.alpha = camera.alpha; |
||||||
|
this.beta = camera.beta; |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,70 @@ |
|||||||
|
import { Type } from "class-transformer"; |
||||||
|
import { ModelEditData } from "../../model-data/model-edit-data"; |
||||||
|
|
||||||
|
import { NormalData } from "../institution-data"; |
||||||
|
|
||||||
|
//基础建筑信息
|
||||||
|
export class BuildingData { |
||||||
|
// belongToInstitution: InstitutionData
|
||||||
|
@Type(() => NormalData) |
||||||
|
normalData: NormalData; //常规信息
|
||||||
|
buildingIDFromPlatform: string;//关联自预案管理平台中的建筑id
|
||||||
|
describe: string; //描述
|
||||||
|
buildingType: BuildingType; //建筑类型
|
||||||
|
@Type(() => ModelEditData) |
||||||
|
outdoorData: ModelEditData; //外观建筑编辑信息
|
||||||
|
|
||||||
|
constructor() { |
||||||
|
// this.belongToInstitution = belongToInstitution;
|
||||||
|
this.normalData = new NormalData(); |
||||||
|
this.outdoorData = new ModelEditData(); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
//普通大楼信息
|
||||||
|
export class BuildingData_Normal extends BuildingData { |
||||||
|
@Type(() => ModelEditData) |
||||||
|
indoorsData: ModelEditData[];//室内编辑信息
|
||||||
|
constructor() { |
||||||
|
super(); |
||||||
|
this.buildingType = BuildingType.Normal; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 获取下一个室内层的index序号 |
||||||
|
*/ |
||||||
|
getNextIndoorIndex() { |
||||||
|
let result = -1; |
||||||
|
for (let i = 0; i < this.indoorsData.length; i++) { |
||||||
|
if (this.indoorsData[i].index > result) { |
||||||
|
result = this.indoorsData[i].index; |
||||||
|
} |
||||||
|
} |
||||||
|
result++; |
||||||
|
return result; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
//环境信息
|
||||||
|
export class BuildingData_Environment extends BuildingData { |
||||||
|
constructor() { |
||||||
|
super(); |
||||||
|
this.buildingType = BuildingType.Environment; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
//化工厂信息
|
||||||
|
export class BuildingData_ChemicalPlant extends BuildingData { |
||||||
|
constructor() { |
||||||
|
super(); |
||||||
|
this.buildingType = BuildingType.ChemicalPlant; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
//建筑类型
|
||||||
|
export enum BuildingType { |
||||||
|
Normal = "normal", //普通大楼
|
||||||
|
Environment = "environment", //环境
|
||||||
|
ChemicalPlant = "chemicalPlant", //化工厂
|
||||||
|
} |
||||||
@ -0,0 +1,78 @@ |
|||||||
|
import { Type } from 'class-transformer'; |
||||||
|
import { ConfigManager } from 'src/assets/babylon/controller/config-manager'; |
||||||
|
import { DataManager } from 'src/assets/babylon/controller/data-manager'; |
||||||
|
|
||||||
|
import { FacilityPosType, FacilityType, ModelData_facility } from '../../model-data/model-data-facility'; |
||||||
|
import { TransformData } from '../../transform-data'; |
||||||
|
|
||||||
|
//所有设备数据
|
||||||
|
export class AllFacilityData { |
||||||
|
@Type(() => ModelData_facility) |
||||||
|
indoor: ModelData_facility[] = []; //室内
|
||||||
|
@Type(() => ModelData_facility) |
||||||
|
outdoor: ModelData_facility[] = []; //室外
|
||||||
|
|
||||||
|
/**捏造所有消防设施的源数据 */ |
||||||
|
static CreateAllFacilityData(): AllFacilityData { |
||||||
|
let result = new AllFacilityData(); |
||||||
|
|
||||||
|
AllFacilityData.newFacilityData(FacilityType.AQCK, FacilityPosType.Outdoor, result); |
||||||
|
AllFacilityData.newFacilityData(FacilityType.DSXHS, FacilityPosType.Outdoor, result); |
||||||
|
AllFacilityData.newFacilityData(FacilityType.DXXHS, FacilityPosType.Outdoor, result); |
||||||
|
AllFacilityData.newFacilityData(FacilityType.SZDSXHS, FacilityPosType.Outdoor, result); |
||||||
|
AllFacilityData.newFacilityData(FacilityType.SZDXXHS, FacilityPosType.Outdoor, result); |
||||||
|
AllFacilityData.newFacilityData(FacilityType.DSSBJHQ, FacilityPosType.Outdoor, result); |
||||||
|
AllFacilityData.newFacilityData(FacilityType.DXSBJHQ, FacilityPosType.Outdoor, result); |
||||||
|
AllFacilityData.newFacilityData(FacilityType.QBSBJHQ, FacilityPosType.Outdoor, result); |
||||||
|
AllFacilityData.newFacilityData(FacilityType.DGNSBJHQ, FacilityPosType.Outdoor, result); |
||||||
|
AllFacilityData.newFacilityData(FacilityType.GD, FacilityPosType.Outdoor, result, false); |
||||||
|
AllFacilityData.newFacilityData(FacilityType.PL, FacilityPosType.Outdoor, result); |
||||||
|
AllFacilityData.newFacilityData(FacilityType.JTQ, FacilityPosType.Outdoor, result, false); |
||||||
|
AllFacilityData.newFacilityData(FacilityType.JJQ, FacilityPosType.Outdoor, result, false); |
||||||
|
AllFacilityData.newFacilityData(FacilityType.TPBZ, FacilityPosType.Outdoor, result, true); |
||||||
|
|
||||||
|
AllFacilityData.newFacilityData(FacilityType.XKS, FacilityPosType.Indoor, result, false); |
||||||
|
AllFacilityData.newFacilityData(FacilityType.BF, FacilityPosType.Indoor, result, false); |
||||||
|
AllFacilityData.newFacilityData(FacilityType.SX, FacilityPosType.Indoor, result, false); |
||||||
|
AllFacilityData.newFacilityData(FacilityType.LSXFB, FacilityPosType.Indoor, result); |
||||||
|
AllFacilityData.newFacilityData(FacilityType.WSXFB, FacilityPosType.Indoor, result); |
||||||
|
AllFacilityData.newFacilityData(FacilityType.CYXFB, FacilityPosType.Indoor, result); |
||||||
|
AllFacilityData.newFacilityData(FacilityType.FHFQ, FacilityPosType.Indoor, result, false); |
||||||
|
AllFacilityData.newFacilityData(FacilityType.SNXHS, FacilityPosType.Indoor, result); |
||||||
|
AllFacilityData.newFacilityData(FacilityType.FHM, FacilityPosType.Indoor, result, false); |
||||||
|
AllFacilityData.newFacilityData(FacilityType.FHJL, FacilityPosType.Indoor, result, false); |
||||||
|
AllFacilityData.newFacilityData(FacilityType.SSLT, FacilityPosType.Indoor, result, false); |
||||||
|
AllFacilityData.newFacilityData(FacilityType.XFDT, FacilityPosType.Indoor, result, false); |
||||||
|
AllFacilityData.newFacilityData(FacilityType.PTDT, FacilityPosType.Indoor, result, false); |
||||||
|
AllFacilityData.newFacilityData(FacilityType.HT, FacilityPosType.Indoor, result, false); |
||||||
|
AllFacilityData.newFacilityData(FacilityType.WXY, FacilityPosType.Public, result); |
||||||
|
AllFacilityData.newFacilityData(FacilityType.ZDQY, FacilityPosType.Public, result); |
||||||
|
AllFacilityData.newFacilityData(FacilityType.DWBZ, FacilityPosType.Public, result); |
||||||
|
return result; |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
//新建设备信息
|
||||||
|
static newFacilityData(type: FacilityType, posType: FacilityPosType, allFacilityData: AllFacilityData, isModel: boolean = true): ModelData_facility { |
||||||
|
let name = ConfigManager.getFacilityTypeName(type); |
||||||
|
let result = new ModelData_facility(type.toString(), type, name, DataManager.getResName_facility(type) + ".gltf", new TransformData(), posType, isModel); |
||||||
|
switch (posType) { |
||||||
|
case FacilityPosType.Outdoor: |
||||||
|
allFacilityData.outdoor.push(result); |
||||||
|
break; |
||||||
|
case FacilityPosType.Indoor: |
||||||
|
allFacilityData.indoor.push(result); |
||||||
|
break; |
||||||
|
case FacilityPosType.Public: |
||||||
|
allFacilityData.outdoor.push(result); |
||||||
|
allFacilityData.indoor.push(result); |
||||||
|
break; |
||||||
|
} |
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@ -0,0 +1,30 @@ |
|||||||
|
|
||||||
|
import { FacilityType } from "../../../../model-data/model-data-facility"; |
||||||
|
import { PropertyData_Base } from "../property-data-base"; |
||||||
|
|
||||||
|
/** |
||||||
|
* 图片类 基础类 |
||||||
|
*/ |
||||||
|
export class PropertyData_Base_IMG extends PropertyData_Base { |
||||||
|
|
||||||
|
img: string;//图片
|
||||||
|
is360: boolean;//全景图片
|
||||||
|
pos: string;//位置
|
||||||
|
info: string;//详情
|
||||||
|
|
||||||
|
constructor(key: string, img: string, pos: string, info: string, type: FacilityType) { |
||||||
|
super(key, type); |
||||||
|
this.img = img; |
||||||
|
this.pos = pos; |
||||||
|
this.info = info; |
||||||
|
this.is360 = false; |
||||||
|
} |
||||||
|
|
||||||
|
clone(key: string) { |
||||||
|
let result = new PropertyData_Base_IMG(key, this.img, this.pos, this.info, this.facilityType); |
||||||
|
result.is360 = this.is360; |
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
@ -0,0 +1,27 @@ |
|||||||
|
|
||||||
|
import { FacilityType } from "../../../../model-data/model-data-facility"; |
||||||
|
import { PropertyData_Base } from "../property-data-base"; |
||||||
|
|
||||||
|
/** |
||||||
|
* 楼梯基础类 |
||||||
|
*/ |
||||||
|
export class PropertyData_Base_LT extends PropertyData_Base { |
||||||
|
|
||||||
|
number: string = "";//编号
|
||||||
|
channel: string = "";//通往层数
|
||||||
|
|
||||||
|
constructor(key: string, number: string, channel: string, type: FacilityType) { |
||||||
|
super(key, type); |
||||||
|
this.number = number; |
||||||
|
this.channel = channel; |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
clone(key: string) { |
||||||
|
let result = new PropertyData_Base_LT(key, this.number, this.channel, this.facilityType); |
||||||
|
|
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
@ -0,0 +1,31 @@ |
|||||||
|
|
||||||
|
import { FacilityType } from "../../../../model-data/model-data-facility"; |
||||||
|
import { PropertyData_Base } from "../property-data-base"; |
||||||
|
|
||||||
|
/** |
||||||
|
* 水泵接合器 基础类 |
||||||
|
*/ |
||||||
|
export class PropertyData_Base_SBJHQ extends PropertyData_Base { |
||||||
|
|
||||||
|
number: string;//编号
|
||||||
|
type: string;//类型(特殊字段，关系UI分类展示)
|
||||||
|
range: string;//供给范围
|
||||||
|
img: string;//图片
|
||||||
|
is360: boolean;//是否是全景图片
|
||||||
|
|
||||||
|
constructor(key: string, number: string, type: string, range: string, img: string, facilityType: FacilityType) { |
||||||
|
super(key, facilityType); |
||||||
|
this.number = number; |
||||||
|
this.type = type; |
||||||
|
this.range = range; |
||||||
|
this.img = img; |
||||||
|
this.is360 = false; |
||||||
|
} |
||||||
|
|
||||||
|
clone(key: string) { |
||||||
|
let result = new PropertyData_Base_SBJHQ(key, this.number, this.type, this.range, this.img, this.facilityType); |
||||||
|
result.is360 = this.is360; |
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
@ -0,0 +1,34 @@ |
|||||||
|
|
||||||
|
import { FacilityType } from "../../../../model-data/model-data-facility"; |
||||||
|
import { PropertyData_Base } from "../property-data-base"; |
||||||
|
|
||||||
|
/** |
||||||
|
* 消防泵基础类 |
||||||
|
*/ |
||||||
|
export class PropertyData_Base_XFB extends PropertyData_Base { |
||||||
|
|
||||||
|
type: string;//类型
|
||||||
|
number: string;//型号
|
||||||
|
power: string;//功率
|
||||||
|
lift: string;//扬程
|
||||||
|
flow: string;//流量
|
||||||
|
pressure: string;//压力
|
||||||
|
|
||||||
|
constructor(key: string, type: string, number: string, power: string, lift: string, flow: string, pressure: string, facilityType: FacilityType) { |
||||||
|
super(key, facilityType); |
||||||
|
this.type = type; |
||||||
|
this.power = power; |
||||||
|
this.number = number; |
||||||
|
this.lift = lift; |
||||||
|
this.flow = flow; |
||||||
|
this.pressure = pressure; |
||||||
|
} |
||||||
|
|
||||||
|
clone(key: string) { |
||||||
|
let result = new PropertyData_Base_XFB(key, this.type, this.number, this.power, this.lift, this.flow, this.pressure, this.facilityType); |
||||||
|
|
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
@ -0,0 +1,32 @@ |
|||||||
|
|
||||||
|
import { FacilityType } from "../../../../model-data/model-data-facility"; |
||||||
|
import { PropertyData_Base } from "../property-data-base"; |
||||||
|
|
||||||
|
/** |
||||||
|
* 消火栓基础类 |
||||||
|
*/ |
||||||
|
export class PropertyData_Base_XHS extends PropertyData_Base { |
||||||
|
|
||||||
|
img: string;//图片
|
||||||
|
is360: boolean;//全景图片
|
||||||
|
number: string;//编号
|
||||||
|
caliber: string;//管径
|
||||||
|
screw: string;//牙口
|
||||||
|
|
||||||
|
constructor(key: string, img: string, is360: boolean, number: string, caliber: string, screw: string, type: FacilityType) { |
||||||
|
super(key, type); |
||||||
|
this.img = img; |
||||||
|
this.is360 = is360; |
||||||
|
this.number = number; |
||||||
|
this.caliber = caliber; |
||||||
|
this.screw = screw; |
||||||
|
} |
||||||
|
|
||||||
|
clone(key: string) { |
||||||
|
let result = new PropertyData_Base_XHS(key, this.img, this.is360, this.number, this.caliber, this.screw, this.facilityType); |
||||||
|
|
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
@ -0,0 +1,27 @@ |
|||||||
|
|
||||||
|
import { FacilityType } from "../../../../model-data/model-data-facility"; |
||||||
|
import { PropertyData_Base } from "../property-data-base"; |
||||||
|
|
||||||
|
/** |
||||||
|
* 点位标注 |
||||||
|
*/ |
||||||
|
export class PropertyData_DWBZ extends PropertyData_Base { |
||||||
|
|
||||||
|
|
||||||
|
pos: string = "";//位置
|
||||||
|
info: string = "";//详情
|
||||||
|
constructor(key: string, pos: string, info: string) { |
||||||
|
super(key, FacilityType.DWBZ); |
||||||
|
this.pos = pos; |
||||||
|
this.info = info; |
||||||
|
} |
||||||
|
|
||||||
|
clone(key: string) { |
||||||
|
let result = new PropertyData_DWBZ(key, this.pos, this.info); |
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
@ -0,0 +1,31 @@ |
|||||||
|
import { Color3, Color4 } from "@babylonjs/core"; |
||||||
|
import { Type } from "class-transformer"; |
||||||
|
import { FacilityType } from "../../../../model-data/model-data-facility"; |
||||||
|
import { PropertyData_Base } from "../property-data-base"; |
||||||
|
|
||||||
|
/** |
||||||
|
* 防火分区 |
||||||
|
*/ |
||||||
|
export class PropertyData_FHFQ extends PropertyData_Base { |
||||||
|
|
||||||
|
|
||||||
|
name: string = "";//名称
|
||||||
|
area: string = "";//面积
|
||||||
|
@Type(() => Color3) |
||||||
|
color: Color3 = Color3.Red();//颜色
|
||||||
|
constructor(key: string, name: string, area: string, color: Color3 = Color3.Red()) { |
||||||
|
super(key, FacilityType.FHFQ); |
||||||
|
this.name = name; |
||||||
|
this.area = area; |
||||||
|
this.color = color; |
||||||
|
} |
||||||
|
|
||||||
|
clone(key: string) { |
||||||
|
let result = new PropertyData_FHFQ(key, this.name, this.area, this.color); |
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
@ -0,0 +1,26 @@ |
|||||||
|
|
||||||
|
import { FacilityType } from "../../../../model-data/model-data-facility"; |
||||||
|
import { PropertyData_Base_LT } from "../base/property-data-base-lt"; |
||||||
|
import { PropertyData_Base } from "../property-data-base"; |
||||||
|
|
||||||
|
/** |
||||||
|
* 疏散楼梯 |
||||||
|
*/ |
||||||
|
export class PropertyData_SSLT extends PropertyData_Base_LT { |
||||||
|
|
||||||
|
width: string = "";//宽度
|
||||||
|
|
||||||
|
constructor(key: string, number: string, channel: string, width: string) { |
||||||
|
super(key, number, channel, FacilityType.SSLT); |
||||||
|
this.width = width; |
||||||
|
} |
||||||
|
|
||||||
|
clone(key: string) { |
||||||
|
let result = new PropertyData_SSLT(key, this.number, this.channel, this.width); |
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
@ -0,0 +1,24 @@ |
|||||||
|
|
||||||
|
import { FacilityType } from "../../../../model-data/model-data-facility"; |
||||||
|
import { PropertyData_Base_LT } from "../base/property-data-base-lt"; |
||||||
|
import { PropertyData_Base } from "../property-data-base"; |
||||||
|
|
||||||
|
/** |
||||||
|
* 消防电梯 |
||||||
|
*/ |
||||||
|
export class PropertyData_XFDT extends PropertyData_Base_LT { |
||||||
|
|
||||||
|
weight: string = "";//载重
|
||||||
|
|
||||||
|
constructor(key: string, number: string, channel: string, weight: string) { |
||||||
|
super(key, number, channel, FacilityType.XFDT); |
||||||
|
this.weight = weight; |
||||||
|
} |
||||||
|
|
||||||
|
clone(key: string) { |
||||||
|
let result = new PropertyData_XFDT(key, this.number, this.channel, this.weight); |
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
@ -0,0 +1,42 @@ |
|||||||
|
|
||||||
|
import { FacilityType } from "../../../../model-data/model-data-facility"; |
||||||
|
import { PropertyData_Base } from "../property-data-base"; |
||||||
|
|
||||||
|
/** |
||||||
|
* 重点区域 |
||||||
|
*/ |
||||||
|
export class PropertyData_ZDQY extends PropertyData_Base { |
||||||
|
|
||||||
|
name: string = "";//名称
|
||||||
|
pos: string = "";//所在位置
|
||||||
|
construction: string = "";//建筑结构
|
||||||
|
character: string = "";//使用性质
|
||||||
|
danger: string = "";//主要危险性
|
||||||
|
imgs: string[] = [];//图片
|
||||||
|
|
||||||
|
constructor(key: string, name: string, pos: string, construction: string, character: string, danger: string, imgs: string[]) { |
||||||
|
super(key, FacilityType.ZDQY); |
||||||
|
this.name = name; |
||||||
|
this.pos = pos; |
||||||
|
this.construction = construction; |
||||||
|
this.character = character; |
||||||
|
this.danger = danger; |
||||||
|
this.imgs = imgs; |
||||||
|
} |
||||||
|
|
||||||
|
clone(key: string) { |
||||||
|
|
||||||
|
let newImgs: string[] = []; |
||||||
|
|
||||||
|
for (let i = 0; i < this.imgs.length; i++) { |
||||||
|
newImgs.push(this.imgs[i]); |
||||||
|
} |
||||||
|
|
||||||
|
let result = new PropertyData_ZDQY(key, this.name, this.pos, this.construction, this.character, this.danger, newImgs); |
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
@ -0,0 +1,31 @@ |
|||||||
|
|
||||||
|
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; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
@ -0,0 +1,26 @@ |
|||||||
|
|
||||||
|
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; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
@ -0,0 +1,36 @@ |
|||||||
|
|
||||||
|
import { FacilityType } from "../../../../model-data/model-data-facility"; |
||||||
|
import { PropertyData_Base } from "../property-data-base"; |
||||||
|
|
||||||
|
/** |
||||||
|
* 毗邻 |
||||||
|
*/ |
||||||
|
export class tableData { |
||||||
|
public tableRow: string[] |
||||||
|
} |
||||||
|
export class tableRow { |
||||||
|
public street: string = "" |
||||||
|
public adjoinBuilding: string = "" |
||||||
|
public range: string = "" |
||||||
|
} |
||||||
|
export class PropertyData_PL extends PropertyData_Base { |
||||||
|
|
||||||
|
direction: number = 0; //毗邻所属方向 0,1,2,3 --- 东南西北
|
||||||
|
info: string = ""; |
||||||
|
tableData: tableData[] = []; |
||||||
|
constructor(key: string, direction: number, info: string, tableData: tableData[]) { |
||||||
|
super(key, FacilityType.PL); |
||||||
|
this.direction = direction; |
||||||
|
this.info = info; |
||||||
|
this.tableData = tableData |
||||||
|
} |
||||||
|
|
||||||
|
clone(key: string) { |
||||||
|
let result = new PropertyData_PL(key, this.direction, this.info, this.tableData); |
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
@ -0,0 +1,37 @@ |
|||||||
|
import { Color3 } from "@babylonjs/core"; |
||||||
|
import { Type } from "class-transformer"; |
||||||
|
import { FacilityType } from "../../../../model-data/model-data-facility"; |
||||||
|
|
||||||
|
import { PropertyData_Base_IMG } from "../base/property-data-base-img"; |
||||||
|
import { PropertyData_Base } from "../property-data-base"; |
||||||
|
|
||||||
|
/** |
||||||
|
* 集结区和禁停区 |
||||||
|
*/ |
||||||
|
export class PropertyData_Q extends PropertyData_Base_IMG { |
||||||
|
|
||||||
|
@Type(() => Color3) |
||||||
|
color: Color3;//区域颜色
|
||||||
|
constructor(key: string, img: string, pos: string, info: string, color: Color3, type: FacilityType) { |
||||||
|
super(key, img, pos, info, type); |
||||||
|
this.color = color; |
||||||
|
if (color == null) { |
||||||
|
switch (type) { |
||||||
|
case FacilityType.JTQ: |
||||||
|
this.color = Color3.Yellow(); |
||||||
|
break; |
||||||
|
case FacilityType.JJQ: |
||||||
|
this.color = Color3.Green(); |
||||||
|
break; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
clone(key: string) { |
||||||
|
let result = new PropertyData_Q(key, this.img, this.pos, this.info, this.color, this.facilityType); |
||||||
|
|
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
@ -0,0 +1,38 @@ |
|||||||
|
|
||||||
|
import { classToClass } from "class-transformer"; |
||||||
|
import { FacilityType } from "../../../model-data/model-data-facility"; |
||||||
|
|
||||||
|
//基本属性
|
||||||
|
export abstract class PropertyData_Base { |
||||||
|
|
||||||
|
static readonly c_defaultText = "----"; //文字默认值
|
||||||
|
|
||||||
|
/** |
||||||
|
* 唯一身份key |
||||||
|
*/ |
||||||
|
key: string; |
||||||
|
/** |
||||||
|
* 设备具体类型 |
||||||
|
*/ |
||||||
|
facilityType: FacilityType; |
||||||
|
|
||||||
|
/** |
||||||
|
* 自定义名称 |
||||||
|
*/ |
||||||
|
name: string; |
||||||
|
|
||||||
|
|
||||||
|
constructor(key: string, facilityType: FacilityType) { |
||||||
|
this.key = key; |
||||||
|
this.facilityType = facilityType; |
||||||
|
} |
||||||
|
|
||||||
|
clone(key: string): PropertyData_Base { |
||||||
|
let result = classToClass(this); |
||||||
|
result.key = key; |
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
@ -0,0 +1,14 @@ |
|||||||
|
import { PropertyData_Base } from "./property-data-base"; |
||||||
|
|
||||||
|
//暂时用于哪些还没有具体实现的属性
|
||||||
|
export class PropertyData_public extends PropertyData_Base { |
||||||
|
|
||||||
|
|
||||||
|
clone(key: string) { |
||||||
|
|
||||||
|
let result = new PropertyData_public(key, this.facilityType); |
||||||
|
return result; |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
@ -0,0 +1,5 @@ |
|||||||
|
//简易单位基本信息，用于显示于列表中
|
||||||
|
export class InsitutionDataSimple { |
||||||
|
key: string;//唯一身份key
|
||||||
|
name: string;//自定义的名称
|
||||||
|
} |
||||||
@ -0,0 +1,87 @@ |
|||||||
|
import { Vector3 } from "@babylonjs/core"; |
||||||
|
import { Type } from "class-transformer"; |
||||||
|
import { BuildingData_ChemicalPlant, BuildingData_Environment, BuildingData_Normal, BuildingType } from "./building/building-data"; |
||||||
|
|
||||||
|
//单位信息
|
||||||
|
export class InstitutionData { |
||||||
|
|
||||||
|
@Type(() => NormalData) |
||||||
|
normalData: NormalData = null;//常规信息
|
||||||
|
|
||||||
|
@Type(() => BuildingData_Normal) |
||||||
|
normalBuildingDatas: BuildingData_Normal[] = [];//普通建筑列表
|
||||||
|
|
||||||
|
@Type(() => BuildingData_Environment) |
||||||
|
environmentDatas: BuildingData_Environment[] = [];//环境信息
|
||||||
|
|
||||||
|
@Type(() => BuildingData_ChemicalPlant) |
||||||
|
chemicalPlantData: BuildingData_ChemicalPlant[] = [];//化工厂信息
|
||||||
|
|
||||||
|
@Type(() => Vector3) |
||||||
|
pos: Vector3 = new Vector3(0, 0, 0); |
||||||
|
|
||||||
|
|
||||||
|
//获取一个最新的key（根据前一个同类建筑key，加一）
|
||||||
|
public getNewKey(buildingType: BuildingType): string { |
||||||
|
let result = ""; |
||||||
|
|
||||||
|
let lastNormalData: NormalData = null; |
||||||
|
let length = 0; |
||||||
|
switch (buildingType) { |
||||||
|
case BuildingType.Normal: |
||||||
|
if (this.normalBuildingDatas != null && this.normalBuildingDatas.length > 0) { |
||||||
|
length = this.normalBuildingDatas.length; |
||||||
|
lastNormalData = this.normalBuildingDatas[length - 1].normalData; |
||||||
|
} |
||||||
|
break; |
||||||
|
case BuildingType.Environment: |
||||||
|
if (this.environmentDatas != null && this.environmentDatas.length > 0) { |
||||||
|
length = this.environmentDatas.length; |
||||||
|
lastNormalData = this.environmentDatas[length - 1].normalData; |
||||||
|
} |
||||||
|
break; |
||||||
|
case BuildingType.ChemicalPlant: |
||||||
|
if (this.chemicalPlantData != null && this.chemicalPlantData.length > 0) { |
||||||
|
length = this.chemicalPlantData.length; |
||||||
|
lastNormalData = this.chemicalPlantData[length - 1].normalData; |
||||||
|
} |
||||||
|
break; |
||||||
|
} |
||||||
|
|
||||||
|
let lastKey = 0; |
||||||
|
if (lastNormalData != null) { |
||||||
|
lastKey = Number.parseInt(lastNormalData.key); |
||||||
|
lastKey++; |
||||||
|
} |
||||||
|
|
||||||
|
result += lastKey; |
||||||
|
|
||||||
|
|
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
//常规、必有的信息
|
||||||
|
export class NormalData { |
||||||
|
|
||||||
|
key: string;//唯一key
|
||||||
|
|
||||||
|
name: string;//给用户编辑、查看用的名称
|
||||||
|
constructor(key: string = "", name: string = "") { |
||||||
|
|
||||||
|
this.key = key; |
||||||
|
this.name = name; |
||||||
|
} |
||||||
|
clone(): NormalData { |
||||||
|
let result = new NormalData(this.key, this.name); |
||||||
|
return result; |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
getName() { |
||||||
|
//console.log("getName==" + this.name);
|
||||||
|
return this.name; |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,226 @@ |
|||||||
|
import { Type } from "class-transformer"; |
||||||
|
|
||||||
|
import { MarkData_Area } from "./other/mark-data-area"; |
||||||
|
import { MarkData, MarkType, MarkKindType, MarkTagPos, MarkTask } from "./mark-data"; |
||||||
|
import { MarkData_Line } from "./other/mark-data-line"; |
||||||
|
import { MarkData_multiLine } from "./other/mark-data-multi-line"; |
||||||
|
import { MarkData_multiArrow_CT, MarkData_multiArrow_JG } from "./other/mark-data-multi-arrow"; |
||||||
|
import { ConfigManager } from "src/assets/babylon/controller/config-manager"; |
||||||
|
|
||||||
|
export class AllMarkData { |
||||||
|
/** |
||||||
|
* 灾情 |
||||||
|
*/ |
||||||
|
@Type(() => MarkData) |
||||||
|
marks_Disaster: MarkData[] = []; |
||||||
|
|
||||||
|
/** |
||||||
|
* 消防力量 |
||||||
|
*/ |
||||||
|
@Type(() => MarkData) |
||||||
|
marks_FireFighting: MarkData[] = []; |
||||||
|
|
||||||
|
/** |
||||||
|
* 联动力量 |
||||||
|
*/ |
||||||
|
@Type(() => MarkData) |
||||||
|
marks_Linkage: MarkData[] = []; |
||||||
|
|
||||||
|
/** |
||||||
|
* 内部力量 |
||||||
|
*/ |
||||||
|
@Type(() => MarkData) |
||||||
|
marks_Inside: MarkData[] = []; |
||||||
|
|
||||||
|
/** |
||||||
|
* 标绘工具 |
||||||
|
*/ |
||||||
|
@Type(() => MarkData) |
||||||
|
marks_Tool: MarkData[] = []; |
||||||
|
|
||||||
|
static CreateAllMarkData(): AllMarkData { |
||||||
|
let result = new AllMarkData(); |
||||||
|
|
||||||
|
//灾情
|
||||||
|
let tagPos: MarkTagPos = MarkTagPos.Disaster; |
||||||
|
AllMarkData.newMarkData(MarkType.SYA, MarkKindType.Persion, tagPos, result); |
||||||
|
AllMarkData.newMarkData(MarkType.SYB, MarkKindType.Persion, tagPos, result); |
||||||
|
AllMarkData.newMarkData(MarkType.SYC, MarkKindType.Persion, tagPos, result); |
||||||
|
AllMarkData.newMarkData(MarkType.SYD, MarkKindType.Persion, tagPos, result); |
||||||
|
AllMarkData.newMarkData(MarkType.ZQR, MarkKindType.Persion, tagPos, result); |
||||||
|
AllMarkData.newMarkData(MarkType.WXP, MarkKindType.Goods, tagPos, result); |
||||||
|
AllMarkData.newMarkData(MarkType.ZWD, MarkKindType.Goods, tagPos, result); |
||||||
|
AllMarkData.newMarkData(MarkType.PCD, MarkKindType.Goods, tagPos, result); |
||||||
|
AllMarkData.newMarkData(MarkType.H, MarkKindType.Effect, tagPos, result, undefined, false); |
||||||
|
AllMarkData.newMarkData(MarkType.TPH, MarkKindType.Effect, tagPos, result, undefined, false); |
||||||
|
AllMarkData.newMarkData(MarkType.SNH, MarkKindType.Effect, tagPos, result, undefined, false); |
||||||
|
AllMarkData.newMarkData(MarkType.YWA, MarkKindType.Effect, tagPos, result, undefined, false); |
||||||
|
AllMarkData.newMarkData(MarkType.YWB, MarkKindType.Effect, tagPos, result, undefined, false); |
||||||
|
AllMarkData.newMarkData(MarkType.YWC, MarkKindType.Effect, tagPos, result, undefined, false); |
||||||
|
|
||||||
|
//消防力量
|
||||||
|
tagPos = MarkTagPos.FireFighting; |
||||||
|
AllMarkData.newMarkData(MarkType.MHF, MarkKindType.Persion, tagPos, result); |
||||||
|
AllMarkData.newMarkData(MarkType.JYF, MarkKindType.Persion, tagPos, result); |
||||||
|
AllMarkData.newMarkData(MarkType.GRF, MarkKindType.Persion, tagPos, result); |
||||||
|
AllMarkData.newMarkData(MarkType.FHF, MarkKindType.Persion, tagPos, result); |
||||||
|
AllMarkData.newMarkData(MarkType.BHF, MarkKindType.Persion, tagPos, result); |
||||||
|
AllMarkData.newMarkData(MarkType.YWXFY, MarkKindType.Persion, tagPos, result); |
||||||
|
AllMarkData.newMarkData(MarkType.AQS, MarkKindType.Persion, tagPos, result); |
||||||
|
AllMarkData.newMarkData(MarkType.MTC, MarkKindType.Car, tagPos, result); |
||||||
|
AllMarkData.newMarkData(MarkType.XLC, MarkKindType.Car, tagPos, result); |
||||||
|
AllMarkData.newMarkData(MarkType.SGC, MarkKindType.Car, tagPos, result); |
||||||
|
AllMarkData.newMarkData(MarkType.PMC, MarkKindType.Car, tagPos, result); |
||||||
|
AllMarkData.newMarkData(MarkType.GPC, MarkKindType.Car, tagPos, result); |
||||||
|
AllMarkData.newMarkData(MarkType.DGPTC, MarkKindType.Car, tagPos, result); |
||||||
|
AllMarkData.newMarkData(MarkType.YTC, MarkKindType.Car, tagPos, result); |
||||||
|
AllMarkData.newMarkData(MarkType.QXJYC, MarkKindType.Car, tagPos, result); |
||||||
|
AllMarkData.newMarkData(MarkType.QCC, MarkKindType.Car, tagPos, result); |
||||||
|
AllMarkData.newMarkData(MarkType.ZMC, MarkKindType.Car, tagPos, result); |
||||||
|
AllMarkData.newMarkData(MarkType.PCC, MarkKindType.Car, tagPos, result); |
||||||
|
AllMarkData.newMarkData(MarkType.PYC, MarkKindType.Car, tagPos, result); |
||||||
|
AllMarkData.newMarkData(MarkType.ZHC, MarkKindType.Car, tagPos, result); |
||||||
|
AllMarkData.newMarkData(MarkType.GCGSC, MarkKindType.Car, tagPos, result); |
||||||
|
AllMarkData.newMarkData(MarkType.KQHXCQC, MarkKindType.Car, tagPos, result); |
||||||
|
|
||||||
|
//联动力量
|
||||||
|
tagPos = MarkTagPos.Linkage; |
||||||
|
AllMarkData.newMarkData(MarkType.GA, MarkKindType.Persion, tagPos, result); |
||||||
|
AllMarkData.newMarkData(MarkType.JJ, MarkKindType.Persion, tagPos, result); |
||||||
|
AllMarkData.newMarkData(MarkType.YS, MarkKindType.Persion, tagPos, result); |
||||||
|
AllMarkData.newMarkData(MarkType.QXRY, MarkKindType.Persion, tagPos, result); |
||||||
|
AllMarkData.newMarkData(MarkType.JHC, MarkKindType.Car, tagPos, result); |
||||||
|
AllMarkData.newMarkData(MarkType.JC, MarkKindType.Car, tagPos, result); |
||||||
|
AllMarkData.newMarkData(MarkType.DLQXC, MarkKindType.Car, tagPos, result); |
||||||
|
AllMarkData.newMarkData(MarkType.RQQXC, MarkKindType.Car, tagPos, result); |
||||||
|
AllMarkData.newMarkData(MarkType.GSQXC, MarkKindType.Car, tagPos, result); |
||||||
|
AllMarkData.newMarkData(MarkType.HBJCC, MarkKindType.Car, tagPos, result); |
||||||
|
AllMarkData.newMarkData(MarkType.JTYSC, MarkKindType.Car, tagPos, result); |
||||||
|
AllMarkData.newMarkData(MarkType.WSFYC, MarkKindType.Car, tagPos, result); |
||||||
|
AllMarkData.newMarkData(MarkType.YJTXC, MarkKindType.Car, tagPos, result); |
||||||
|
AllMarkData.newMarkData(MarkType.JCA, MarkKindType.Car, tagPos, result); |
||||||
|
AllMarkData.newMarkData(MarkType.JCB, MarkKindType.Car, tagPos, result); |
||||||
|
AllMarkData.newMarkData(MarkType.JCC, MarkKindType.Car, tagPos, result); |
||||||
|
|
||||||
|
//内部力量
|
||||||
|
tagPos = MarkTagPos.Inside; |
||||||
|
AllMarkData.newMarkData(MarkType.DSZ, MarkKindType.Persion, tagPos, result); |
||||||
|
AllMarkData.newMarkData(MarkType.JL, MarkKindType.Persion, tagPos, result); |
||||||
|
AllMarkData.newMarkData(MarkType.FZ, MarkKindType.Persion, tagPos, result); |
||||||
|
AllMarkData.newMarkData(MarkType.MS, MarkKindType.Persion, tagPos, result); |
||||||
|
AllMarkData.newMarkData(MarkType.ZJ, MarkKindType.Persion, tagPos, result); |
||||||
|
AllMarkData.newMarkData(MarkType.ZG, MarkKindType.Persion, tagPos, result); |
||||||
|
AllMarkData.newMarkData(MarkType.ZZ, MarkKindType.Persion, tagPos, result); |
||||||
|
AllMarkData.newMarkData(MarkType.QT, MarkKindType.Persion, tagPos, result); |
||||||
|
AllMarkData.newMarkData(MarkType.SJS, MarkKindType.Persion, tagPos, result); |
||||||
|
AllMarkData.newMarkData(MarkType.CXY, MarkKindType.Persion, tagPos, result); |
||||||
|
AllMarkData.newMarkData(MarkType.ZYA, MarkKindType.Persion, tagPos, result); |
||||||
|
AllMarkData.newMarkData(MarkType.ZYB, MarkKindType.Persion, tagPos, result); |
||||||
|
AllMarkData.newMarkData(MarkType.JG, MarkKindType.Persion, tagPos, result); |
||||||
|
AllMarkData.newMarkData(MarkType.BA, MarkKindType.Persion, tagPos, result); |
||||||
|
|
||||||
|
//标绘工具
|
||||||
|
tagPos = MarkTagPos.Tool; |
||||||
|
AllMarkData.newMarkData(MarkType.JJX, MarkKindType.Goods, tagPos, result, undefined, false); |
||||||
|
AllMarkData.newMarkData(MarkType.SD, MarkKindType.Goods, tagPos, result, undefined, false); |
||||||
|
AllMarkData.newMarkData(MarkType.JGLX, MarkKindType.Virtual, tagPos, result, undefined, false); |
||||||
|
AllMarkData.newMarkData(MarkType.CT, MarkKindType.Virtual, tagPos, result, undefined, false); |
||||||
|
AllMarkData.newMarkData(MarkType.ZHB, MarkKindType.Goods, tagPos, result, MarkTask.Unknown); |
||||||
|
AllMarkData.newMarkData(MarkType.LT6, MarkKindType.Goods, tagPos, result); |
||||||
|
AllMarkData.newMarkData(MarkType.LT15, MarkKindType.Goods, tagPos, result); |
||||||
|
AllMarkData.newMarkData(MarkType.FSQ, MarkKindType.Goods, tagPos, result); |
||||||
|
AllMarkData.newMarkData(MarkType.STB, MarkKindType.Goods, tagPos, result); |
||||||
|
AllMarkData.newMarkData(MarkType.SP, MarkKindType.Goods, tagPos, result, MarkTask.WaterMonitor); |
||||||
|
AllMarkData.newMarkData(MarkType.WZ, MarkKindType.Virtual, tagPos, result, MarkTask.Unknown); |
||||||
|
AllMarkData.newMarkData(MarkType.JJQ, MarkKindType.Virtual, tagPos, result, MarkTask.Unknown, false); |
||||||
|
AllMarkData.newMarkData(MarkType.QYSDA, MarkKindType.Virtual, tagPos, result, MarkTask.Unknown, false); |
||||||
|
AllMarkData.newMarkData(MarkType.QYSDB, MarkKindType.Virtual, tagPos, result, MarkTask.Unknown, false); |
||||||
|
|
||||||
|
|
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
//新建设备信息
|
||||||
|
/** |
||||||
|
* 创建标绘物素材库数据 |
||||||
|
* @param type
|
||||||
|
* @param kindType
|
||||||
|
* @param tagPos
|
||||||
|
* @param allMarkData
|
||||||
|
* @param taskType
|
||||||
|
* @param isModel
|
||||||
|
*/ |
||||||
|
static newMarkData(type: MarkType, kindType: MarkKindType, tagPos: MarkTagPos, allMarkData: AllMarkData, taskType?: MarkTask, isModel = true): MarkData { |
||||||
|
|
||||||
|
let l_taskType: MarkTask = MarkTask.None; |
||||||
|
let list = []; |
||||||
|
switch (tagPos) { |
||||||
|
case MarkTagPos.Disaster: |
||||||
|
list = allMarkData.marks_Disaster; |
||||||
|
break; |
||||||
|
case MarkTagPos.FireFighting: |
||||||
|
list = allMarkData.marks_FireFighting |
||||||
|
break; |
||||||
|
case MarkTagPos.Linkage: |
||||||
|
list = allMarkData.marks_Linkage; |
||||||
|
break; |
||||||
|
case MarkTagPos.Inside: |
||||||
|
list = allMarkData.marks_Inside; |
||||||
|
break; |
||||||
|
case MarkTagPos.Tool: |
||||||
|
list = allMarkData.marks_Tool; |
||||||
|
break; |
||||||
|
} |
||||||
|
|
||||||
|
//除了灾情以外， 人和车的任务类型
|
||||||
|
if (tagPos != MarkTagPos.Disaster) { |
||||||
|
if (kindType == MarkKindType.Persion) { |
||||||
|
l_taskType = MarkTask.Person; |
||||||
|
} |
||||||
|
else if (kindType == MarkKindType.Car) { |
||||||
|
l_taskType = MarkTask.Car; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
//没指定，则使用规则的任务类型
|
||||||
|
if (taskType == null) { |
||||||
|
taskType = l_taskType; |
||||||
|
} |
||||||
|
|
||||||
|
let icon = ConfigManager.getMarkIconUrl(tagPos, type); |
||||||
|
let modelPath = ConfigManager.getMarkModelPath(tagPos, type); |
||||||
|
let modelName = type + ".gltf"; |
||||||
|
|
||||||
|
|
||||||
|
let result = null; |
||||||
|
switch (type) { |
||||||
|
case MarkType.JJQ: |
||||||
|
case MarkType.QYSDA: |
||||||
|
case MarkType.QYSDB: |
||||||
|
result = new MarkData_Area(type.toString(), type, tagPos, kindType, icon, modelPath, modelName, taskType, isModel); |
||||||
|
break; |
||||||
|
case MarkType.JJX: |
||||||
|
result = new MarkData_Line(type.toString(), type, tagPos, kindType, icon, modelPath, modelName, taskType, isModel); |
||||||
|
break; |
||||||
|
case MarkType.SD: |
||||||
|
result = new MarkData_multiLine(type.toString(), type, tagPos, kindType, icon, modelPath, modelName, taskType, isModel); |
||||||
|
break; |
||||||
|
case MarkType.JGLX: |
||||||
|
result = new MarkData_multiArrow_JG(type.toString(), type, tagPos, kindType, icon, modelPath, modelName, taskType, isModel); |
||||||
|
break; |
||||||
|
case MarkType.CT: |
||||||
|
result = new MarkData_multiArrow_CT(type.toString(), type, tagPos, kindType, icon, modelPath, modelName, taskType, isModel); |
||||||
|
break; |
||||||
|
default: |
||||||
|
result = new MarkData(type.toString(), type, tagPos, kindType, icon, modelPath, modelName, taskType, isModel); |
||||||
|
break; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
list.push(result); |
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
@ -0,0 +1,597 @@ |
|||||||
|
import { Type } from "class-transformer"; |
||||||
|
import { ConfigManager } from "src/assets/babylon/controller/config-manager"; |
||||||
|
|
||||||
|
import { ModelData } from "../model-data/model-data"; |
||||||
|
import { TransformData } from "../transform-data"; |
||||||
|
import { MarkProperty } from "./mark-property"; |
||||||
|
|
||||||
|
/** |
||||||
|
* 标绘数据 |
||||||
|
*/ |
||||||
|
export class MarkData extends ModelData { |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 名称类型，标志其具体是什么 |
||||||
|
*/ |
||||||
|
type: MarkType = MarkType.SYA; |
||||||
|
|
||||||
|
/** |
||||||
|
* 所属标签的tag |
||||||
|
*/ |
||||||
|
tagPos: MarkTagPos = MarkTagPos.Disaster; |
||||||
|
|
||||||
|
/** |
||||||
|
* 标记的类型划分 |
||||||
|
* 包括：人、车、物、虚拟物、特效 |
||||||
|
*/ |
||||||
|
markKindType: MarkKindType = MarkKindType.Persion; |
||||||
|
|
||||||
|
/** |
||||||
|
* 图标地址 |
||||||
|
*/ |
||||||
|
iconURL: string; |
||||||
|
|
||||||
|
/** |
||||||
|
* 所属建筑 |
||||||
|
*/ |
||||||
|
belongtoBuildingId: string; |
||||||
|
|
||||||
|
/** |
||||||
|
* 属性 |
||||||
|
*/ |
||||||
|
@Type(() => MarkProperty) |
||||||
|
property: MarkProperty; |
||||||
|
|
||||||
|
/** |
||||||
|
* 子节点信息(用于保存子节点变换信息，完成举臂等功能) |
||||||
|
*/ |
||||||
|
@Type(() => ChildNodeData) |
||||||
|
childrenNodeData: ChildNodeData[] = []; |
||||||
|
|
||||||
|
/** |
||||||
|
* 水枪特效强度 |
||||||
|
*/ |
||||||
|
waterPower: number = 20; |
||||||
|
|
||||||
|
|
||||||
|
constructor(id: string, type: MarkType, tagPos: MarkTagPos, markKindType: MarkKindType, iconURL: string, resPath: string, resName: string, taskType: MarkTask, isModel: boolean) { |
||||||
|
super(id, ConfigManager.getMarkName(type), resPath, resName, undefined, isModel) |
||||||
|
this.name = ConfigManager.getMarkName(type); |
||||||
|
this.type = type; |
||||||
|
this.tagPos = tagPos; |
||||||
|
this.markKindType = markKindType; |
||||||
|
this.iconURL = iconURL; |
||||||
|
|
||||||
|
let defaultTask: string = undefined; |
||||||
|
if (type == MarkType.WZ) { |
||||||
|
defaultTask = "文字信息"; |
||||||
|
} |
||||||
|
|
||||||
|
this.property = new MarkProperty(taskType, undefined, undefined, defaultTask); |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 子节点数据 |
||||||
|
*/ |
||||||
|
export class ChildNodeData { |
||||||
|
/** |
||||||
|
* 子节点名称 |
||||||
|
*/ |
||||||
|
name: string; |
||||||
|
|
||||||
|
/** |
||||||
|
* 变换信息 |
||||||
|
*/ |
||||||
|
@Type(() => TransformData) |
||||||
|
transformData: TransformData = new TransformData(); |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 所属标签的tag |
||||||
|
*/ |
||||||
|
export enum MarkTagPos { |
||||||
|
/** |
||||||
|
* 灾情 |
||||||
|
*/ |
||||||
|
Disaster = "Disaster", |
||||||
|
|
||||||
|
/** |
||||||
|
* 消防力量 |
||||||
|
*/ |
||||||
|
FireFighting = "FireFighting", |
||||||
|
|
||||||
|
/** |
||||||
|
* 联动力量 |
||||||
|
*/ |
||||||
|
Linkage = "Linkage", |
||||||
|
|
||||||
|
/** |
||||||
|
* 内部力量 |
||||||
|
*/ |
||||||
|
Inside = "Inside", |
||||||
|
|
||||||
|
/** |
||||||
|
* 标绘工具 |
||||||
|
*/ |
||||||
|
Tool = "Tool", |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 标绘的分类类型 |
||||||
|
*/ |
||||||
|
export enum MarkKindType { |
||||||
|
/** |
||||||
|
* 人 |
||||||
|
*/ |
||||||
|
Persion = "Persion", |
||||||
|
|
||||||
|
/** |
||||||
|
* 车 |
||||||
|
*/ |
||||||
|
Car = "Car", |
||||||
|
|
||||||
|
/** |
||||||
|
* 物品 |
||||||
|
*/ |
||||||
|
Goods = "Goods", |
||||||
|
|
||||||
|
/** |
||||||
|
* 虚拟物，如： 箭头、文字标记类 |
||||||
|
*/ |
||||||
|
Virtual = "Virtual", |
||||||
|
|
||||||
|
/** |
||||||
|
* 特效 |
||||||
|
*/ |
||||||
|
Effect = "Effect", |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 标绘的名称类型 |
||||||
|
* 每个标会类型id |
||||||
|
*/ |
||||||
|
export enum MarkType { |
||||||
|
|
||||||
|
//============灾情设定===============
|
||||||
|
/** |
||||||
|
* 伤员A |
||||||
|
*/ |
||||||
|
SYA = "SYA", |
||||||
|
/** |
||||||
|
* 伤员B |
||||||
|
*/ |
||||||
|
SYB = "SYB", |
||||||
|
/** |
||||||
|
* 伤员C |
||||||
|
*/ |
||||||
|
SYC = "SYC", |
||||||
|
/** |
||||||
|
* 伤员D |
||||||
|
*/ |
||||||
|
SYD = "SYD", |
||||||
|
|
||||||
|
/** |
||||||
|
* 知情人 |
||||||
|
*/ |
||||||
|
ZQR = "ZQR", |
||||||
|
|
||||||
|
/** |
||||||
|
* 危险品 |
||||||
|
*/ |
||||||
|
WXP = "WXP", |
||||||
|
|
||||||
|
/** |
||||||
|
* 杂物堆 |
||||||
|
*/ |
||||||
|
ZWD = "ZWD", |
||||||
|
|
||||||
|
/** |
||||||
|
* 破拆点 |
||||||
|
*/ |
||||||
|
PCD = "PCD", |
||||||
|
|
||||||
|
/** |
||||||
|
* 火 |
||||||
|
*/ |
||||||
|
H = "H", |
||||||
|
|
||||||
|
/** |
||||||
|
* 突破火 |
||||||
|
*/ |
||||||
|
TPH = "TPH", |
||||||
|
|
||||||
|
/** |
||||||
|
* 室内火 |
||||||
|
*/ |
||||||
|
SNH = "SNH", |
||||||
|
|
||||||
|
/** |
||||||
|
* 烟雾A |
||||||
|
*/ |
||||||
|
YWA = "YWA", |
||||||
|
|
||||||
|
/** |
||||||
|
* 烟雾B |
||||||
|
*/ |
||||||
|
YWB = "YWB", |
||||||
|
|
||||||
|
/** |
||||||
|
* 烟雾C |
||||||
|
*/ |
||||||
|
YWC = "YWC", |
||||||
|
|
||||||
|
//==================消防力量================
|
||||||
|
|
||||||
|
/** |
||||||
|
* 灭火服 |
||||||
|
*/ |
||||||
|
MHF = "MHF", |
||||||
|
|
||||||
|
/** |
||||||
|
* 救援服 |
||||||
|
*/ |
||||||
|
JYF = "JYF", |
||||||
|
|
||||||
|
/** |
||||||
|
* 隔热服 |
||||||
|
*/ |
||||||
|
GRF = "GRF", |
||||||
|
|
||||||
|
/** |
||||||
|
* 防化服 |
||||||
|
*/ |
||||||
|
FHF = "FHF", |
||||||
|
|
||||||
|
/** |
||||||
|
* 避火服 |
||||||
|
*/ |
||||||
|
BHF = "BHF", |
||||||
|
|
||||||
|
/** |
||||||
|
* 义务消防员 |
||||||
|
*/ |
||||||
|
YWXFY = "YWXFY", |
||||||
|
|
||||||
|
/** |
||||||
|
* 安全哨 |
||||||
|
*/ |
||||||
|
AQS = "AQS", |
||||||
|
|
||||||
|
/** |
||||||
|
* 摩托车 |
||||||
|
*/ |
||||||
|
MTC = "MTC", |
||||||
|
|
||||||
|
/** |
||||||
|
* 巡逻车 |
||||||
|
*/ |
||||||
|
XLC = "XLC", |
||||||
|
|
||||||
|
/** |
||||||
|
* 水罐车 |
||||||
|
*/ |
||||||
|
SGC = "SGC", |
||||||
|
|
||||||
|
/** |
||||||
|
* 泡沫车 |
||||||
|
*/ |
||||||
|
PMC = "PMC", |
||||||
|
|
||||||
|
/** |
||||||
|
* 高喷车 |
||||||
|
*/ |
||||||
|
GPC = "GPC", |
||||||
|
|
||||||
|
/** |
||||||
|
* 登高平台车 |
||||||
|
*/ |
||||||
|
DGPTC = "DGPTC", |
||||||
|
|
||||||
|
/** |
||||||
|
* 云梯车 |
||||||
|
*/ |
||||||
|
YTC = "YTC", |
||||||
|
|
||||||
|
/** |
||||||
|
* 抢险救援车 |
||||||
|
*/ |
||||||
|
QXJYC = "QXJYC", |
||||||
|
|
||||||
|
/** |
||||||
|
* 器材车 |
||||||
|
*/ |
||||||
|
QCC = "QCC", |
||||||
|
|
||||||
|
/** |
||||||
|
* 照明车 |
||||||
|
*/ |
||||||
|
ZMC = "ZMC", |
||||||
|
|
||||||
|
/** |
||||||
|
* 破拆车 |
||||||
|
*/ |
||||||
|
PCC = "PCC", |
||||||
|
|
||||||
|
/** |
||||||
|
* 排烟车 |
||||||
|
*/ |
||||||
|
PYC = "PYC", |
||||||
|
|
||||||
|
/** |
||||||
|
* 指挥车 |
||||||
|
*/ |
||||||
|
ZHC = "ZHC", |
||||||
|
|
||||||
|
/** |
||||||
|
* 高层供水车 |
||||||
|
*/ |
||||||
|
GCGSC = "GCGSC", |
||||||
|
|
||||||
|
/** |
||||||
|
* 空气呼吸充气车 |
||||||
|
*/ |
||||||
|
KQHXCQC = "KQHXCQC", |
||||||
|
|
||||||
|
//================联动力量===================
|
||||||
|
/** |
||||||
|
* 公安 |
||||||
|
*/ |
||||||
|
GA = "GA", |
||||||
|
|
||||||
|
/** |
||||||
|
* 交警 |
||||||
|
*/ |
||||||
|
JJ = "JJ", |
||||||
|
|
||||||
|
/** |
||||||
|
* 医生 |
||||||
|
*/ |
||||||
|
YS = "YS", |
||||||
|
|
||||||
|
/** |
||||||
|
* 抢修人员 |
||||||
|
*/ |
||||||
|
QXRY = "QXRY", |
||||||
|
|
||||||
|
/** |
||||||
|
* 救护车 |
||||||
|
*/ |
||||||
|
JHC = "JHC", |
||||||
|
|
||||||
|
/** |
||||||
|
* 警车 |
||||||
|
*/ |
||||||
|
JC = "JC", |
||||||
|
|
||||||
|
/** |
||||||
|
* 电力抢修车 |
||||||
|
*/ |
||||||
|
DLQXC = "DLQXC", |
||||||
|
|
||||||
|
/** |
||||||
|
* 燃气抢修车 |
||||||
|
*/ |
||||||
|
RQQXC = "RQQXC", |
||||||
|
|
||||||
|
/** |
||||||
|
* 供水抢修车 |
||||||
|
*/ |
||||||
|
GSQXC = "GSQXC", |
||||||
|
|
||||||
|
/** |
||||||
|
* 环保检测车 |
||||||
|
*/ |
||||||
|
HBJCC = "HBJCC", |
||||||
|
|
||||||
|
/** |
||||||
|
* 交通运输车 |
||||||
|
*/ |
||||||
|
JTYSC = "JTYSC", |
||||||
|
|
||||||
|
/** |
||||||
|
* 卫生防疫车 |
||||||
|
*/ |
||||||
|
WSFYC = "WSFYC", |
||||||
|
|
||||||
|
/** |
||||||
|
* 应急通信车 |
||||||
|
*/ |
||||||
|
YJTXC = "YJTXC", |
||||||
|
|
||||||
|
/** |
||||||
|
* 轿车 |
||||||
|
*/ |
||||||
|
JCA = "JCA", |
||||||
|
|
||||||
|
/** |
||||||
|
* 轿车 |
||||||
|
*/ |
||||||
|
JCB = "JCB", |
||||||
|
|
||||||
|
/** |
||||||
|
* 轿车 |
||||||
|
*/ |
||||||
|
JCC = "JCC", |
||||||
|
|
||||||
|
//===============内部力量=================
|
||||||
|
/** |
||||||
|
* 董事长 |
||||||
|
*/ |
||||||
|
DSZ = "DSZ", |
||||||
|
|
||||||
|
/** |
||||||
|
* 经理 |
||||||
|
*/ |
||||||
|
JL = "JL", |
||||||
|
|
||||||
|
/** |
||||||
|
* 副总 |
||||||
|
*/ |
||||||
|
FZ = "FZ", |
||||||
|
|
||||||
|
/** |
||||||
|
* 秘书 |
||||||
|
*/ |
||||||
|
MS = "MS", |
||||||
|
|
||||||
|
/** |
||||||
|
* 总监 |
||||||
|
*/ |
||||||
|
ZJ = "ZJ", |
||||||
|
|
||||||
|
/** |
||||||
|
* 主管 |
||||||
|
*/ |
||||||
|
ZG = "ZG", |
||||||
|
|
||||||
|
/** |
||||||
|
* 组长 |
||||||
|
*/ |
||||||
|
ZZ = "ZZ", |
||||||
|
|
||||||
|
/** |
||||||
|
* 前台 |
||||||
|
*/ |
||||||
|
QT = "QT", |
||||||
|
|
||||||
|
/** |
||||||
|
* 设计师 |
||||||
|
*/ |
||||||
|
SJS = "SJS", |
||||||
|
|
||||||
|
/** |
||||||
|
* 程序员 |
||||||
|
*/ |
||||||
|
CXY = "CXY", |
||||||
|
|
||||||
|
/** |
||||||
|
* 职员 |
||||||
|
*/ |
||||||
|
ZYA = "ZYA", |
||||||
|
|
||||||
|
/** |
||||||
|
* 职员 |
||||||
|
*/ |
||||||
|
ZYB = "ZYB", |
||||||
|
|
||||||
|
/** |
||||||
|
* 技工 |
||||||
|
*/ |
||||||
|
JG = "JG", |
||||||
|
|
||||||
|
/** |
||||||
|
* 保安 |
||||||
|
*/ |
||||||
|
BA = "BA", |
||||||
|
|
||||||
|
//===================标绘工具===================
|
||||||
|
|
||||||
|
/** |
||||||
|
* 警戒线 |
||||||
|
*/ |
||||||
|
JJX = "JJX", |
||||||
|
|
||||||
|
/** |
||||||
|
* 水带
|
||||||
|
*/ |
||||||
|
SD = "SD", |
||||||
|
|
||||||
|
/** |
||||||
|
* 进攻路线 |
||||||
|
*/ |
||||||
|
JGLX = "JGLX", |
||||||
|
|
||||||
|
/** |
||||||
|
* 撤退 |
||||||
|
*/ |
||||||
|
CT = "CT", |
||||||
|
|
||||||
|
/** |
||||||
|
* 指挥部 |
||||||
|
*/ |
||||||
|
ZHB = "ZHB", |
||||||
|
|
||||||
|
/** |
||||||
|
* 6米拉梯 |
||||||
|
*/ |
||||||
|
LT6 = "LT6", |
||||||
|
|
||||||
|
/** |
||||||
|
* 15米拉梯 |
||||||
|
*/ |
||||||
|
LT15 = "LT15", |
||||||
|
|
||||||
|
/** |
||||||
|
* 分水器 |
||||||
|
*/ |
||||||
|
FSQ = "FSQ", |
||||||
|
|
||||||
|
/** |
||||||
|
* 手抬泵 |
||||||
|
*/ |
||||||
|
STB = "STB", |
||||||
|
|
||||||
|
/** |
||||||
|
* 水炮 |
||||||
|
*/ |
||||||
|
SP = "SP", |
||||||
|
|
||||||
|
/** |
||||||
|
* 文字 |
||||||
|
*/ |
||||||
|
WZ = "WZ", |
||||||
|
|
||||||
|
/** |
||||||
|
* 集结区 |
||||||
|
*/ |
||||||
|
JJQ = "JJQ", |
||||||
|
|
||||||
|
/** |
||||||
|
* 区域设定 |
||||||
|
*/ |
||||||
|
QYSDA = "QYSDA", |
||||||
|
|
||||||
|
/** |
||||||
|
* 区域设定 |
||||||
|
*/ |
||||||
|
QYSDB = "QYSDB", |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 标记的任务类型 |
||||||
|
*/ |
||||||
|
export enum MarkTask { |
||||||
|
/** |
||||||
|
* 无任务（不打开任务界面） |
||||||
|
*/ |
||||||
|
None, |
||||||
|
|
||||||
|
/** |
||||||
|
* 未知（打开界面，但没有任务列表） |
||||||
|
*/ |
||||||
|
Unknown, |
||||||
|
|
||||||
|
/** |
||||||
|
* 人员 |
||||||
|
*/ |
||||||
|
Person, |
||||||
|
|
||||||
|
/** |
||||||
|
* 车辆 |
||||||
|
*/ |
||||||
|
Car, |
||||||
|
|
||||||
|
/** |
||||||
|
* 水炮 |
||||||
|
*/ |
||||||
|
WaterMonitor |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
@ -0,0 +1,491 @@ |
|||||||
|
import { Type } from "class-transformer"; |
||||||
|
import { TsTool } from "src/assets/babylon/tool/ts-tool"; |
||||||
|
|
||||||
|
import { ArcRotateCameraData } from "../camera-data"; |
||||||
|
import { MarkData } from "./mark-data"; |
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 当前单位的所有标绘信息 |
||||||
|
*/ |
||||||
|
export class AllMarkPlanData { |
||||||
|
|
||||||
|
/** |
||||||
|
* 单位ID |
||||||
|
*/ |
||||||
|
institutionID: string; |
||||||
|
|
||||||
|
/** |
||||||
|
* 所有方案 |
||||||
|
*/ |
||||||
|
@Type(() => MarkPlanData) |
||||||
|
datas: MarkPlanData[]; |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 创建新方案 |
||||||
|
* @param name
|
||||||
|
*/ |
||||||
|
createPlanData(name): MarkPlanData { |
||||||
|
let id = this.getNextPlaneId(); |
||||||
|
let data = new MarkPlanData(id, name, []); |
||||||
|
this.datas.push(data); |
||||||
|
return data; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 删除方案 |
||||||
|
*/ |
||||||
|
deletePlanData(id: number) { |
||||||
|
let planeData = this.getMarkPlanById(id); |
||||||
|
if (planeData != null) { |
||||||
|
TsTool.arrayRemove(this.datas, planeData); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 获取下一个方案的id |
||||||
|
*/ |
||||||
|
getNextPlaneId() { |
||||||
|
let index = -1; |
||||||
|
if (this.datas != null && this.datas.length > 0) { |
||||||
|
index = this.datas[this.datas.length - 1].id; |
||||||
|
} |
||||||
|
index++; |
||||||
|
return index; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 根据id查找标绘方案 |
||||||
|
* @param markPlanId
|
||||||
|
*/ |
||||||
|
getMarkPlanById(markPlanId: number) { |
||||||
|
if (this.datas != null) { |
||||||
|
for (let i = 0; i < this.datas.length; i++) { |
||||||
|
if (this.datas[i].id == markPlanId) { |
||||||
|
return this.datas[i]; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
return null; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 方案数据 |
||||||
|
*/ |
||||||
|
export class MarkPlanData { |
||||||
|
|
||||||
|
/** |
||||||
|
* 唯一身份id |
||||||
|
*/ |
||||||
|
id: number; |
||||||
|
/** |
||||||
|
* 显示的名称 |
||||||
|
*/ |
||||||
|
name: string; |
||||||
|
|
||||||
|
/** |
||||||
|
* 用于UI上排序 |
||||||
|
*/ |
||||||
|
index: number = 0; |
||||||
|
|
||||||
|
/** |
||||||
|
* 所有的标绘节点 |
||||||
|
*/ |
||||||
|
@Type(() => MarkNodeData) |
||||||
|
nodes: MarkNodeData[] = []; |
||||||
|
|
||||||
|
constructor(id: number, name: string, nodes: MarkNodeData[] = []) { |
||||||
|
this.id = id; |
||||||
|
this.index = id; |
||||||
|
this.name = name; |
||||||
|
this.nodes = nodes; |
||||||
|
this.index = 0; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 获取下一个节点的id |
||||||
|
*/ |
||||||
|
getNextNodeId() { |
||||||
|
let index = -1; |
||||||
|
|
||||||
|
if (this.nodes != null && this.nodes.length > 0) { |
||||||
|
index = this.nodes[this.nodes.length - 1].id; |
||||||
|
} |
||||||
|
|
||||||
|
index++; |
||||||
|
return index; |
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 创建方案的子节点 |
||||||
|
* @param name
|
||||||
|
*/ |
||||||
|
createMarkNode(name: string) { |
||||||
|
let id = this.getNextNodeId(); |
||||||
|
let result = new MarkNodeData(id, name); |
||||||
|
|
||||||
|
this.nodes.push(result); |
||||||
|
|
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 删除方案的节点 |
||||||
|
* @param id
|
||||||
|
*/ |
||||||
|
deleteMarkNode(id: number) { |
||||||
|
let node = this.getNodeById(id); |
||||||
|
if (node != null) { |
||||||
|
TsTool.arrayRemove(this.nodes, node); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 根据id获取节点 |
||||||
|
* @param id
|
||||||
|
*/ |
||||||
|
getNodeById(id: number) { |
||||||
|
if (this.nodes != null) { |
||||||
|
for (let i = 0; i < this.nodes.length; i++) { |
||||||
|
if (this.nodes[i].id == id) { |
||||||
|
return this.nodes[i]; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
return null; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 设置节点数据 |
||||||
|
* @param id //要替换的节点id
|
||||||
|
* @param nodeData //新数据
|
||||||
|
*/ |
||||||
|
setNodeData(id: number, nodeData: MarkNodeData) { |
||||||
|
if (this.nodes != null) { |
||||||
|
for (let i = 0; i < this.nodes.length; i++) { |
||||||
|
if (this.nodes[i].id == id) { |
||||||
|
this.nodes[i] = nodeData; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 标绘节点数据 |
||||||
|
*/ |
||||||
|
export class MarkNodeData { |
||||||
|
|
||||||
|
/** |
||||||
|
* 唯一身份id |
||||||
|
*/ |
||||||
|
id: number; |
||||||
|
|
||||||
|
/** |
||||||
|
* 显示的名称 |
||||||
|
*/ |
||||||
|
name: string; |
||||||
|
|
||||||
|
/** |
||||||
|
* 用于UI上排序 |
||||||
|
*/ |
||||||
|
index: number = 0; |
||||||
|
|
||||||
|
/** |
||||||
|
* 相机数据 |
||||||
|
*/ |
||||||
|
@Type(() => ArcRotateCameraData) |
||||||
|
cameraData: ArcRotateCameraData; |
||||||
|
|
||||||
|
/** |
||||||
|
* 所处环境的信息 |
||||||
|
*/ |
||||||
|
@Type(() => EnvironmentData) |
||||||
|
environmentData: EnvironmentData[]; |
||||||
|
|
||||||
|
/** |
||||||
|
* 自然信息 |
||||||
|
*/ |
||||||
|
@Type(() => NatureData) |
||||||
|
natureData: NatureData; |
||||||
|
|
||||||
|
|
||||||
|
constructor(id: number, name: string) { |
||||||
|
this.id = id; |
||||||
|
this.index = id; |
||||||
|
this.name = name; |
||||||
|
this.cameraData = new ArcRotateCameraData(); |
||||||
|
this.environmentData = []; |
||||||
|
this.natureData = new NatureData(); |
||||||
|
this.index = 0; |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 获取环境信息 |
||||||
|
* @param id
|
||||||
|
*/ |
||||||
|
getEnvironmentData(id: number) { |
||||||
|
let result = null; |
||||||
|
for (let i = 0; i < this.environmentData.length; i++) { |
||||||
|
if (this.environmentData[i].id == id) { |
||||||
|
result = this.environmentData[i]; |
||||||
|
break; |
||||||
|
} |
||||||
|
} |
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 改变当前环境值 |
||||||
|
* @param id
|
||||||
|
*/ |
||||||
|
changeNowEnvironmentData(id: number) { |
||||||
|
for (let i = 0; i < this.environmentData.length; i++) { |
||||||
|
if (this.environmentData[i].id == id) { |
||||||
|
this.environmentData[i].isNow = true; |
||||||
|
} |
||||||
|
else { |
||||||
|
this.environmentData[i].isNow = false; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 根据内容获取 |
||||||
|
* @param isOutdoor
|
||||||
|
* @param buildingId
|
||||||
|
* @param floorId
|
||||||
|
*/ |
||||||
|
getEnvironmentDataByValue(isOutdoor: boolean, |
||||||
|
|
||||||
|
/** |
||||||
|
* 建筑Id |
||||||
|
*/ |
||||||
|
buildingId: string, |
||||||
|
|
||||||
|
/** |
||||||
|
* 所处楼层的id（室内的话） |
||||||
|
*/ |
||||||
|
floorId: string) { |
||||||
|
let result: EnvironmentData = null; |
||||||
|
for (let i = 0; i < this.environmentData.length; i++) { |
||||||
|
if (isOutdoor == true && this.environmentData[i].isOutdoor == true) { |
||||||
|
result = this.environmentData[i]; |
||||||
|
break; |
||||||
|
} |
||||||
|
else if (this.environmentData[i].isOutdoor == isOutdoor && this.environmentData[i].buildingId == buildingId && this.environmentData[i].floorId == floorId) { |
||||||
|
result = this.environmentData[i]; |
||||||
|
break; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
return result; |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 获取当前状态的环境数据 |
||||||
|
*/ |
||||||
|
getCurrentEnvironmentData() { |
||||||
|
let result = this.environmentData[0]; |
||||||
|
for (let i = 0; i < this.environmentData.length; i++) { |
||||||
|
if (this.environmentData[i].isNow) { |
||||||
|
result = this.environmentData[i]; |
||||||
|
break; |
||||||
|
} |
||||||
|
} |
||||||
|
result.isNow = true; |
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
addEnvironment(buildingId: string, isOutdoor: boolean, floorId: string) { |
||||||
|
let index = -1; |
||||||
|
for (let i = 0; i < this.environmentData.length; i++) { |
||||||
|
if (this.environmentData[i].id > index) { |
||||||
|
index = this.environmentData[i].id; |
||||||
|
} |
||||||
|
} |
||||||
|
index++; |
||||||
|
|
||||||
|
let newEnvironment = new EnvironmentData(index, buildingId, isOutdoor, floorId); |
||||||
|
this.environmentData.push(newEnvironment); |
||||||
|
|
||||||
|
return newEnvironment; |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 环境信息 |
||||||
|
*/ |
||||||
|
export class EnvironmentData { |
||||||
|
|
||||||
|
id: number; |
||||||
|
/** |
||||||
|
* 室外、室内 |
||||||
|
*/ |
||||||
|
isOutdoor: boolean; |
||||||
|
|
||||||
|
/** |
||||||
|
* 建筑Id |
||||||
|
*/ |
||||||
|
buildingId: string; |
||||||
|
|
||||||
|
/** |
||||||
|
* 所处楼层的id（室内的话） |
||||||
|
*/ |
||||||
|
floorId: string; |
||||||
|
|
||||||
|
/** |
||||||
|
* 所有标绘物 |
||||||
|
*/ |
||||||
|
@Type(() => MarkData) |
||||||
|
markDatas: MarkData[] = []; |
||||||
|
|
||||||
|
/** |
||||||
|
* 是否是当前节点 |
||||||
|
*/ |
||||||
|
isNow: boolean; |
||||||
|
|
||||||
|
constructor(id: number, buildingId: string, isOutdoor: boolean, floorId: string) { |
||||||
|
this.id = id; |
||||||
|
this.buildingId = buildingId; |
||||||
|
this.isOutdoor = isOutdoor; |
||||||
|
this.floorId = floorId; |
||||||
|
this.markDatas = []; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 添加markData |
||||||
|
* @param markData
|
||||||
|
*/ |
||||||
|
addMarkData(markData: MarkData) { |
||||||
|
this.markDatas.push(markData); |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 移除markData |
||||||
|
* @param markData
|
||||||
|
*/ |
||||||
|
removeMarkData(markData: MarkData) { |
||||||
|
TsTool.arrayRemove(this.markDatas, markData); |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 自然信息 |
||||||
|
*/ |
||||||
|
export class NatureData { |
||||||
|
|
||||||
|
/** |
||||||
|
* 天气 |
||||||
|
*/ |
||||||
|
weather: WeatherType; |
||||||
|
/** |
||||||
|
* 温度 |
||||||
|
*/ |
||||||
|
temperature: number; |
||||||
|
|
||||||
|
/** |
||||||
|
* 风向 |
||||||
|
*/ |
||||||
|
windDirection: WindDirectionType; |
||||||
|
|
||||||
|
/** |
||||||
|
* 风力 |
||||||
|
*/ |
||||||
|
windPower: number; |
||||||
|
|
||||||
|
constructor() { |
||||||
|
this.weather = WeatherType.Sun; |
||||||
|
this.temperature = 26; |
||||||
|
this.windDirection = WindDirectionType.East; |
||||||
|
this.windPower = 3; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 天气类型 |
||||||
|
*/ |
||||||
|
export enum WeatherType { |
||||||
|
/** |
||||||
|
* 晴 |
||||||
|
*/ |
||||||
|
Sun = "Sun", |
||||||
|
/** |
||||||
|
* 阴 |
||||||
|
*/ |
||||||
|
Sloudy = "Sloudy", |
||||||
|
/** |
||||||
|
* 雨 |
||||||
|
*/ |
||||||
|
Rain = "Rain", |
||||||
|
/** |
||||||
|
* 雪 |
||||||
|
*/ |
||||||
|
Snow = "Snow" |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 方向类型 |
||||||
|
*/ |
||||||
|
export enum WindDirectionType { |
||||||
|
/** |
||||||
|
* 东 |
||||||
|
*/ |
||||||
|
East = "East", |
||||||
|
/** |
||||||
|
* 南 |
||||||
|
*/ |
||||||
|
South = "South", |
||||||
|
|
||||||
|
/** |
||||||
|
* 西 |
||||||
|
*/ |
||||||
|
West = "West", |
||||||
|
|
||||||
|
/** |
||||||
|
* 北 |
||||||
|
*/ |
||||||
|
North = "North", |
||||||
|
|
||||||
|
/** |
||||||
|
* 东南 |
||||||
|
*/ |
||||||
|
SouthEast = "SouthEast", |
||||||
|
|
||||||
|
/** |
||||||
|
* 西南 |
||||||
|
*/ |
||||||
|
SouthWest = "SouthWest", |
||||||
|
|
||||||
|
/** |
||||||
|
* 东北 |
||||||
|
*/ |
||||||
|
NorthEast = "NorthEast", |
||||||
|
|
||||||
|
/** |
||||||
|
* 西北 |
||||||
|
*/ |
||||||
|
NorthWest = "NorthWest", |
||||||
|
|
||||||
|
} |
||||||
@ -0,0 +1,50 @@ |
|||||||
|
import { MarkTask } from "./mark-data"; |
||||||
|
|
||||||
|
/** |
||||||
|
* 标绘物的属性 |
||||||
|
*/ |
||||||
|
export class MarkProperty { |
||||||
|
|
||||||
|
/** |
||||||
|
* 单位 |
||||||
|
*/ |
||||||
|
institution: string; |
||||||
|
|
||||||
|
/** |
||||||
|
* 编号 |
||||||
|
*/ |
||||||
|
index: number; |
||||||
|
|
||||||
|
/** |
||||||
|
* 任务的类型（预制项） |
||||||
|
*/ |
||||||
|
taskType: MarkTask; |
||||||
|
|
||||||
|
/** |
||||||
|
* 任务 |
||||||
|
*/ |
||||||
|
task: string; |
||||||
|
|
||||||
|
/** |
||||||
|
* 备注 |
||||||
|
*/ |
||||||
|
description: string; |
||||||
|
|
||||||
|
constructor(taskType?: MarkTask, institution: string = "辖区中队", index: number = 1, task: string = "待命", description?: string) { |
||||||
|
this.taskType = taskType |
||||||
|
this.institution = institution |
||||||
|
this.index = index |
||||||
|
this.task = task |
||||||
|
this.description = description |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 获取单位-编号 |
||||||
|
*/ |
||||||
|
getInstitutionNum() { |
||||||
|
return this.institution + "-" + this.index; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
@ -0,0 +1,19 @@ |
|||||||
|
import { Vector3 } from "@babylonjs/core"; |
||||||
|
import { Type } from "class-transformer"; |
||||||
|
import { MarkData } from "../mark-data"; |
||||||
|
|
||||||
|
/** |
||||||
|
* 区域类 |
||||||
|
*/ |
||||||
|
export class MarkData_Area extends MarkData { |
||||||
|
/** |
||||||
|
* 点位 |
||||||
|
*/ |
||||||
|
@Type(() => Vector3) |
||||||
|
pointData: Vector3[]; |
||||||
|
|
||||||
|
/** |
||||||
|
* 颜色 |
||||||
|
*/ |
||||||
|
color: string = "#FF666D"; |
||||||
|
} |
||||||
@ -0,0 +1,21 @@ |
|||||||
|
import { Vector3 } from "@babylonjs/core"; |
||||||
|
import { Type } from "class-transformer"; |
||||||
|
import { MarkData } from "../mark-data"; |
||||||
|
|
||||||
|
/** |
||||||
|
* 一条线 |
||||||
|
*/ |
||||||
|
export class MarkData_Line extends MarkData { |
||||||
|
/** |
||||||
|
* 点位 |
||||||
|
*/ |
||||||
|
@Type(() => Vector3) |
||||||
|
pointData: Vector3[] = []; |
||||||
|
|
||||||
|
/** |
||||||
|
* 颜色 |
||||||
|
*/ |
||||||
|
color: string = "#FFD306"; |
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
@ -0,0 +1,41 @@ |
|||||||
|
import { Vector3 } from "@babylonjs/core/Maths"; |
||||||
|
import { Type } from "class-transformer"; |
||||||
|
import { MarkData } from "../mark-data"; |
||||||
|
|
||||||
|
/** |
||||||
|
* 多个线条 |
||||||
|
*/ |
||||||
|
export class MarkData_multiArrow extends MarkData { |
||||||
|
|
||||||
|
/** |
||||||
|
* 点位 |
||||||
|
*/ |
||||||
|
@Type(() => Vector3) |
||||||
|
pointData: Vector3[]; |
||||||
|
|
||||||
|
/** |
||||||
|
* 颜色 |
||||||
|
*/ |
||||||
|
color: string; |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 进攻路线
|
||||||
|
*/ |
||||||
|
export class MarkData_multiArrow_JG extends MarkData_multiArrow { |
||||||
|
/** |
||||||
|
* 颜色 |
||||||
|
*/ |
||||||
|
color: string = "#d71345"; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 撤退路线 |
||||||
|
*/ |
||||||
|
export class MarkData_multiArrow_CT extends MarkData_multiArrow { |
||||||
|
/** |
||||||
|
* 颜色 |
||||||
|
*/ |
||||||
|
color: string = "#A9FF00"; |
||||||
|
} |
||||||
@ -0,0 +1,31 @@ |
|||||||
|
import { Vector3 } from "@babylonjs/core"; |
||||||
|
import { Type } from "class-transformer"; |
||||||
|
import { MarkData } from "../mark-data"; |
||||||
|
|
||||||
|
/** |
||||||
|
* 多个线条 |
||||||
|
*/ |
||||||
|
export class MarkData_multiLine extends MarkData { |
||||||
|
|
||||||
|
/** |
||||||
|
* 点位 |
||||||
|
*/ |
||||||
|
@Type(() => Vector3) |
||||||
|
pointData: Vector3[]; |
||||||
|
|
||||||
|
/** |
||||||
|
* 颜色 |
||||||
|
*/ |
||||||
|
color: string = "#FF5151"; |
||||||
|
|
||||||
|
/** |
||||||
|
* 管线半径 |
||||||
|
*/ |
||||||
|
radius: number = 0.1; |
||||||
|
|
||||||
|
/** |
||||||
|
* y偏移 |
||||||
|
*/ |
||||||
|
yPos: number = 0; |
||||||
|
|
||||||
|
} |
||||||
@ -0,0 +1,18 @@ |
|||||||
|
import { TransformData } from "../transform-data"; |
||||||
|
import { BuildingPosType, ModelData } from "./model-data"; |
||||||
|
|
||||||
|
//建筑类 模型数据
|
||||||
|
export class ModelData_building extends ModelData { |
||||||
|
modelType: BuildingPosType;//模型类别
|
||||||
|
baseInfoKey: string;//单位基本信息的key
|
||||||
|
|
||||||
|
|
||||||
|
constructor(key: string, name: string, modelType: BuildingPosType, resName: string, transformData: TransformData, l_resPath: string) { |
||||||
|
super(key, name, null, resName, transformData); |
||||||
|
this.modelType = modelType; |
||||||
|
|
||||||
|
this.resPath = l_resPath; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
@ -0,0 +1,279 @@ |
|||||||
|
import { ModelData } from "./model-data"; |
||||||
|
import { TransformData } from "../transform-data"; |
||||||
|
import { PropertyData_Base } from "../institution/facility/property-data/property-data-base"; |
||||||
|
|
||||||
|
import { classToClass, Type } from "class-transformer"; |
||||||
|
import { Vector3 } from "@babylonjs/core"; |
||||||
|
import { DataManager } from "src/assets/babylon/controller/data-manager"; |
||||||
|
|
||||||
|
//设备数据
|
||||||
|
export class ModelData_facility extends ModelData { |
||||||
|
posType: FacilityPosType = FacilityPosType.Outdoor;//位置类型
|
||||||
|
|
||||||
|
facilityType: FacilityType = FacilityType.AQCK;//具体设备类别
|
||||||
|
@Type(() => PropertyData_Base) |
||||||
|
propertyData: PropertyData_Base = null;//属性信息
|
||||||
|
@Type(() => Vector3) |
||||||
|
areaPoints: Vector3[] = [];//区域位点
|
||||||
|
|
||||||
|
|
||||||
|
constructor(key: string, type: FacilityType, name: string, resName: string, transformData: TransformData, posType: FacilityPosType, isModel: boolean = true) { |
||||||
|
|
||||||
|
super(key, name, null, resName, transformData, isModel); |
||||||
|
|
||||||
|
this.facilityType = type; |
||||||
|
this.posType = posType; |
||||||
|
if (type != undefined) { |
||||||
|
|
||||||
|
let showType = ModelData_facility.getShowType(type); |
||||||
|
switch (showType) { |
||||||
|
case FacilityShowType.ModelAndTag: |
||||||
|
this.resName = resName; |
||||||
|
this.resPath = DataManager.getResPath_facility(this.posType, type); |
||||||
|
break; |
||||||
|
case FacilityShowType.AreaAndTag: |
||||||
|
this.areaPoints = this.newAreapPoints(); |
||||||
|
break; |
||||||
|
} |
||||||
|
// this.resPath = ConfigManager.c_resPath_facilitiesRoot + this.posType.toString() + "/" + type.toLowerCase() + "/";
|
||||||
|
this.propertyData = DataManager.createPropertyData(key, type); |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 获取表现类型 |
||||||
|
*/ |
||||||
|
getShowtype() { |
||||||
|
let showType = ModelData_facility.getShowType(this.facilityType); |
||||||
|
return showType |
||||||
|
} |
||||||
|
|
||||||
|
clone(key: string): ModelData_facility { |
||||||
|
let result = new ModelData_facility(key, this.facilityType, this.name, this.resName, this.transformData.clone(), this.posType); |
||||||
|
result.propertyData = this.propertyData.clone(key); |
||||||
|
result.areaPoints = classToClass(this.areaPoints); |
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
//新建区域位点
|
||||||
|
newAreapPoints(): Vector3[] { |
||||||
|
let size = 10; |
||||||
|
let x = 0.75 * size; |
||||||
|
let z = 0.5 * size; |
||||||
|
let result: Vector3[] = []; |
||||||
|
result.push(new Vector3(0, 0, 1 * size)); |
||||||
|
result.push(new Vector3(x, 0, z)); |
||||||
|
result.push(new Vector3(x, 0, -z)); |
||||||
|
result.push(new Vector3(0, 0, -1 * size)); |
||||||
|
result.push(new Vector3(-x, 0, -z)); |
||||||
|
result.push(new Vector3(-x, 0, z)); |
||||||
|
|
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 查询展示方式 |
||||||
|
* @param facilityType 设备具体类型 |
||||||
|
*/ |
||||||
|
static getShowType(facilityType: FacilityType): FacilityShowType { |
||||||
|
let result = FacilityShowType.ModelAndTag; |
||||||
|
switch (facilityType) { |
||||||
|
case FacilityType.AQCK: |
||||||
|
case FacilityType.DSXHS: |
||||||
|
case FacilityType.DXXHS: |
||||||
|
case FacilityType.SZDXXHS: |
||||||
|
case FacilityType.SZDSXHS: |
||||||
|
case FacilityType.DSSBJHQ: |
||||||
|
case FacilityType.DXSBJHQ: |
||||||
|
case FacilityType.QBSBJHQ: |
||||||
|
case FacilityType.DGNSBJHQ: |
||||||
|
|
||||||
|
case FacilityType.PL: |
||||||
|
case FacilityType.TPBZ: |
||||||
|
|
||||||
|
case FacilityType.XKS: |
||||||
|
case FacilityType.BF: |
||||||
|
case FacilityType.SX: |
||||||
|
case FacilityType.LSXFB: |
||||||
|
case FacilityType.WSXFB: |
||||||
|
case FacilityType.CYXFB: |
||||||
|
case FacilityType.SNXHS: |
||||||
|
case FacilityType.FHM: |
||||||
|
case FacilityType.HT: |
||||||
|
case FacilityType.PTDT: |
||||||
|
case FacilityType.XFDT: |
||||||
|
case FacilityType.SSLT: |
||||||
|
case FacilityType.FHJL: result = FacilityShowType.ModelAndTag; break;//展示模型和标签
|
||||||
|
|
||||||
|
case FacilityType.JTQ: |
||||||
|
case FacilityType.JJQ: |
||||||
|
case FacilityType.FHFQ: result = FacilityShowType.AreaAndTag; break;//展示可编辑多边形
|
||||||
|
case FacilityType.GD: result = FacilityShowType.GdAndTag; break;//展示高度和标签
|
||||||
|
} |
||||||
|
|
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
//设备位置类型（室内还是室外）
|
||||||
|
export enum FacilityPosType { |
||||||
|
Indoor = "indoor", //室内
|
||||||
|
Outdoor = "outdoor", //室外
|
||||||
|
Public = "public",//共有
|
||||||
|
} |
||||||
|
|
||||||
|
//设备展示类型
|
||||||
|
export enum FacilityShowType { |
||||||
|
Tag,//标签
|
||||||
|
ModelAndTag,//模型和标签
|
||||||
|
AreaAndTag,//区域和标签
|
||||||
|
GdAndTag,//高度和标签
|
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 设备具体类型 |
||||||
|
*/ |
||||||
|
export enum FacilityType { |
||||||
|
//室外
|
||||||
|
/** |
||||||
|
* 安全出口 |
||||||
|
*/ |
||||||
|
AQCK = "AQCK", |
||||||
|
/** |
||||||
|
* 地上消火栓 |
||||||
|
*/ |
||||||
|
DSXHS = "DSXHS", |
||||||
|
/** |
||||||
|
* 地下消火栓 |
||||||
|
*/ |
||||||
|
DXXHS = "DXXHS", |
||||||
|
/** |
||||||
|
* 市政地上消火栓 |
||||||
|
*/ |
||||||
|
SZDSXHS = "SZDSXHS", |
||||||
|
/** |
||||||
|
* 市政地下消火栓 |
||||||
|
*/ |
||||||
|
SZDXXHS = "SZDXXHS", |
||||||
|
/** |
||||||
|
* 地上水泵接合器 |
||||||
|
*/ |
||||||
|
DSSBJHQ = "DSSBJHQ", |
||||||
|
/** |
||||||
|
* 地下水泵接合器 |
||||||
|
*/ |
||||||
|
DXSBJHQ = "DXSBJHQ", |
||||||
|
/** |
||||||
|
* 墙壁水泵接合器 |
||||||
|
*/ |
||||||
|
QBSBJHQ = "QBSBJHQ", |
||||||
|
/** |
||||||
|
* 多功能水泵接合器 |
||||||
|
*/ |
||||||
|
DGNSBJHQ = "DGNSBJHQ", |
||||||
|
|
||||||
|
/** |
||||||
|
* 高度 |
||||||
|
*/ |
||||||
|
GD = "GD", |
||||||
|
/** |
||||||
|
* 毗邻 |
||||||
|
*/ |
||||||
|
PL = "PL", |
||||||
|
/** |
||||||
|
* 禁停区 |
||||||
|
*/ |
||||||
|
JTQ = "JTQ", |
||||||
|
/** |
||||||
|
* 集结区 |
||||||
|
*/ |
||||||
|
JJQ = "JJQ", |
||||||
|
/** |
||||||
|
* 图片标注 |
||||||
|
*/ |
||||||
|
TPBZ = "TPBZ",//
|
||||||
|
|
||||||
|
//室内
|
||||||
|
/** |
||||||
|
* 消控室 |
||||||
|
*/ |
||||||
|
XKS = "XKS", |
||||||
|
/** |
||||||
|
* 泵房 |
||||||
|
*/ |
||||||
|
BF = "BF", |
||||||
|
/** |
||||||
|
* 水箱 |
||||||
|
*/ |
||||||
|
SX = "SX", |
||||||
|
/** |
||||||
|
* 立式消防泵 |
||||||
|
*/ |
||||||
|
LSXFB = "LSXFB", |
||||||
|
/** |
||||||
|
* 卧式消防泵 |
||||||
|
*/ |
||||||
|
WSXFB = "WSXFB", |
||||||
|
/** |
||||||
|
* 柴油消防泵 |
||||||
|
*/ |
||||||
|
CYXFB = "CYXFB", |
||||||
|
/** |
||||||
|
* 室内消火栓 |
||||||
|
*/ |
||||||
|
SNXHS = "SNXHS", |
||||||
|
/** |
||||||
|
* 防火门 |
||||||
|
*/ |
||||||
|
FHM = "FHM", |
||||||
|
/** |
||||||
|
* 防火卷帘 |
||||||
|
*/ |
||||||
|
FHJL = "FHJL", |
||||||
|
|
||||||
|
/** |
||||||
|
* 疏散楼梯 |
||||||
|
*/ |
||||||
|
SSLT = "SSLT", |
||||||
|
/** |
||||||
|
* 消防电梯 |
||||||
|
*/ |
||||||
|
XFDT = "XFDT", |
||||||
|
/** |
||||||
|
* 普通电梯 |
||||||
|
*/ |
||||||
|
PTDT = "PTDT", |
||||||
|
/** |
||||||
|
* 货梯 |
||||||
|
*/ |
||||||
|
HT = "HT", |
||||||
|
/** |
||||||
|
* 避难层 |
||||||
|
*/ |
||||||
|
BNC = "BNC", |
||||||
|
/** |
||||||
|
* 危险源 |
||||||
|
*/ |
||||||
|
WXY = "WXY", |
||||||
|
/** |
||||||
|
* 重点区域 |
||||||
|
*/ |
||||||
|
ZDQY = "ZDQY", |
||||||
|
/** |
||||||
|
* 点位标注 |
||||||
|
*/ |
||||||
|
DWBZ = "DWBZ", |
||||||
|
|
||||||
|
/** |
||||||
|
* 防火分区 |
||||||
|
*/ |
||||||
|
FHFQ = "FHFQ", |
||||||
|
} |
||||||
@ -0,0 +1,71 @@ |
|||||||
|
import { TransformData } from '../transform-data'; |
||||||
|
import { Type } from 'class-transformer'; |
||||||
|
|
||||||
|
//模型 数据
|
||||||
|
export class ModelData { |
||||||
|
|
||||||
|
key: string; //身份唯一标识
|
||||||
|
name: string; //用户定义的名称
|
||||||
|
resName: string; //资源名称
|
||||||
|
resPath: string; //资源路径(局部) 可使用 DataManager.getResPath进行构造
|
||||||
|
@Type(() => TransformData) |
||||||
|
transformData: TransformData; //变换信息
|
||||||
|
version: number = 1;//版本号
|
||||||
|
isModel: boolean;//是否是现成的模型要加载
|
||||||
|
|
||||||
|
constructor( |
||||||
|
key?: string, |
||||||
|
name?: string, |
||||||
|
resPath?: string, |
||||||
|
resName?: string, |
||||||
|
transformData?: TransformData, |
||||||
|
isModel: boolean = true |
||||||
|
) { |
||||||
|
this.key = key; |
||||||
|
this.name = name; |
||||||
|
this.resPath = resPath; |
||||||
|
this.resName = resName; |
||||||
|
this.isModel = isModel; |
||||||
|
if (transformData == null) { |
||||||
|
this.transformData = new TransformData(); |
||||||
|
} |
||||||
|
else { |
||||||
|
this.transformData = transformData; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
//建筑模型位置类别
|
||||||
|
export enum BuildingPosType { |
||||||
|
Default = 'default', |
||||||
|
OutDoor = 'outdoor', //建筑外观
|
||||||
|
Environment = 'environment', //环境
|
||||||
|
Indoor = 'indoor', //室内
|
||||||
|
} |
||||||
|
|
||||||
|
//模型类别
|
||||||
|
export enum ModelType { |
||||||
|
Building, //建筑
|
||||||
|
Facility, //设施
|
||||||
|
Mark,//态势标绘
|
||||||
|
} |
||||||
|
|
||||||
|
//数据记录的类型
|
||||||
|
export enum DataRecordType { |
||||||
|
Number,//数字
|
||||||
|
String,//字符串
|
||||||
|
Texture,//字符串
|
||||||
|
} |
||||||
|
|
||||||
|
//数据记录
|
||||||
|
export class DataRecord { |
||||||
|
|
||||||
|
dataRecordType: DataRecordType;//记录的类型
|
||||||
|
|
||||||
|
value: string;//值
|
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
@ -0,0 +1,78 @@ |
|||||||
|
import { Type } from "class-transformer"; |
||||||
|
import { TsTool } from "src/assets/babylon/tool/ts-tool"; |
||||||
|
|
||||||
|
import { ModelData } from "./model-data"; |
||||||
|
import { FacilityType, ModelData_facility } from "./model-data-facility"; |
||||||
|
|
||||||
|
//模型编辑信息(外观、环境、室内分层)
|
||||||
|
export class ModelEditData { |
||||||
|
index: number = 0; //楼层、顺序用于ui上排序
|
||||||
|
isRefugeFloor: boolean = false;//避难层
|
||||||
|
@Type(() => ModelData) |
||||||
|
modelData: ModelData; //模型信息
|
||||||
|
@Type(() => FacilityDatasByType) |
||||||
|
facilities: FacilityDatasByType[] = []; //含有哪些设备
|
||||||
|
|
||||||
|
constructor() { |
||||||
|
// this.belongToBuilding = belongToBuilding;
|
||||||
|
this.modelData = new ModelData(); |
||||||
|
this.index = 0; |
||||||
|
} |
||||||
|
//添加设备
|
||||||
|
addFacility(modelData_facility: ModelData_facility) { |
||||||
|
|
||||||
|
let facility = this.getFacilitiesByType(modelData_facility.facilityType); |
||||||
|
|
||||||
|
if (facility == null) { |
||||||
|
let newDataByType = new FacilityDatasByType(modelData_facility.facilityType); |
||||||
|
this.facilities.push(newDataByType); |
||||||
|
facility = newDataByType.facilities; |
||||||
|
} |
||||||
|
|
||||||
|
facility.push(modelData_facility); |
||||||
|
} |
||||||
|
//移除设备
|
||||||
|
removeFacility(modelData_facility: ModelData_facility) { |
||||||
|
let facility = this.getFacilitiesByType(modelData_facility.facilityType); |
||||||
|
if (facility == null) { |
||||||
|
console.error(this.modelData.key + "移除设备出错" + modelData_facility.key); |
||||||
|
} |
||||||
|
else { |
||||||
|
TsTool.arrayRemove(facility, modelData_facility); |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 根据设备类型获取设备数据 |
||||||
|
* @param facilityType 设备类型 |
||||||
|
*/ |
||||||
|
getFacilitiesByType(facilityType: FacilityType) { |
||||||
|
let result: ModelData_facility[] = null; |
||||||
|
for (let i = 0; i < this.facilities.length; i++) { |
||||||
|
if (this.facilities[i].facilityType == facilityType) { |
||||||
|
result = this.facilities[i].facilities; |
||||||
|
return result; |
||||||
|
} |
||||||
|
} |
||||||
|
return result; |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 根据类型储存的设备数据 |
||||||
|
*/ |
||||||
|
export class FacilityDatasByType { |
||||||
|
|
||||||
|
facilityType: FacilityType; |
||||||
|
|
||||||
|
@Type(() => ModelData_facility) |
||||||
|
facilities: ModelData_facility[] = []; //含有哪些设备
|
||||||
|
|
||||||
|
constructor(type: FacilityType) { |
||||||
|
this.facilityType = type; |
||||||
|
this.facilities = []; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
@ -0,0 +1,42 @@ |
|||||||
|
import { Quaternion, Vector3 } from "@babylonjs/core"; |
||||||
|
import { Type } from "class-transformer"; |
||||||
|
import "reflect-metadata"; |
||||||
|
|
||||||
|
//变换信息
|
||||||
|
export class TransformData { |
||||||
|
|
||||||
|
@Type(() => Vector3) |
||||||
|
position: Vector3 = new Vector3(0, 0, 0); |
||||||
|
|
||||||
|
@Type(() => Vector3) |
||||||
|
rotation: Vector3 = new Vector3(0, 0, 0); |
||||||
|
|
||||||
|
@Type(() => Quaternion) |
||||||
|
rotationQuaternion: Quaternion = new Quaternion(); |
||||||
|
|
||||||
|
@Type(() => Vector3) |
||||||
|
scaling: Vector3 = new Vector3(0, 0, 0); //在babylon中，相对父节点的当前缩放
|
||||||
|
|
||||||
|
@Type(() => Vector3) |
||||||
|
originalScaling: Vector3 = new Vector3(0, 0, 0); //原始缩放
|
||||||
|
|
||||||
|
clone(): TransformData { |
||||||
|
let result = new TransformData(); |
||||||
|
|
||||||
|
result.position = this.position.clone(); |
||||||
|
result.rotation = this.rotation.clone(); |
||||||
|
if ( |
||||||
|
result.rotationQuaternion != null && |
||||||
|
result.rotationQuaternion != undefined |
||||||
|
) { |
||||||
|
result.rotationQuaternion = this.rotationQuaternion.clone(); |
||||||
|
} |
||||||
|
|
||||||
|
result.scaling = this.scaling.clone(); |
||||||
|
result.originalScaling = this.originalScaling.clone(); |
||||||
|
|
||||||
|
return result; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
@ -0,0 +1,8 @@ |
|||||||
|
import { BuildingInfo } from "./building-info"; |
||||||
|
|
||||||
|
/** |
||||||
|
* 化工厂类建筑 |
||||||
|
*/ |
||||||
|
export class BuildingInfo_ChemicalPlant extends BuildingInfo { |
||||||
|
|
||||||
|
} |
||||||
@ -0,0 +1,54 @@ |
|||||||
|
import { TransformNode } from '@babylonjs/core'; |
||||||
|
import { BuildingStatus } from 'src/assets/babylon/controller/status/building-status'; |
||||||
|
import { IndoorStatus } from 'src/assets/babylon/controller/status/indoor-status'; |
||||||
|
import { StatusManager } from 'src/assets/babylon/controller/status/status-manager'; |
||||||
|
import { TsTool } from 'src/assets/babylon/tool/ts-tool'; |
||||||
|
|
||||||
|
import { BuildingInfo } from './building-info'; |
||||||
|
|
||||||
|
//环境数据
|
||||||
|
export class BuildingInfo_Environment extends BuildingInfo { |
||||||
|
|
||||||
|
|
||||||
|
readonly c_FuGaiCeng = "FuGaiCeng";//覆盖层关键字
|
||||||
|
go_FuGaiCeng: TransformNode; |
||||||
|
|
||||||
|
/** |
||||||
|
* 更新覆盖层。 室外模式显示覆盖层，室内模式隐藏 |
||||||
|
*/ |
||||||
|
updateFuGaiCeng() { |
||||||
|
if (this.go_FuGaiCeng == null) { |
||||||
|
return; |
||||||
|
} |
||||||
|
let currentStatus = StatusManager.s_currentStatus; |
||||||
|
if (currentStatus instanceof IndoorStatus) { |
||||||
|
this.go_FuGaiCeng.setEnabled(true); |
||||||
|
} |
||||||
|
else if (currentStatus instanceof BuildingStatus) { |
||||||
|
this.go_FuGaiCeng.setEnabled(false); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 设置modelInfo时 |
||||||
|
*/ |
||||||
|
onSetModel() { |
||||||
|
super.onSetModel(); |
||||||
|
|
||||||
|
if (this.ModelInfo != null && this.ModelInfo.modelBox != null) { |
||||||
|
console.log("查找覆盖层", this.ModelInfo.modelBox); |
||||||
|
let allChildren = this.ModelInfo.modelBox.getChildTransformNodes(false); |
||||||
|
if (allChildren != null) { |
||||||
|
for (let i = 0; i < allChildren.length; i++) { |
||||||
|
if (TsTool.stringContain(allChildren[i].name, this.c_FuGaiCeng)) { |
||||||
|
this.go_FuGaiCeng = allChildren[i]; |
||||||
|
break; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
@ -0,0 +1,11 @@ |
|||||||
|
import { BuildingData_Normal } from "../../data/institution/building/building-data"; |
||||||
|
import { ModelInfo_building } from "../model/model-info-building"; |
||||||
|
import { BuildingInfo } from "./building-info"; |
||||||
|
|
||||||
|
//普通大楼
|
||||||
|
export class BuildingInfo_Normal extends BuildingInfo { |
||||||
|
constructor(buildingData: BuildingData_Normal, modelInfo: ModelInfo_building) { |
||||||
|
super(buildingData, modelInfo) |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
@ -0,0 +1,118 @@ |
|||||||
|
import { Vector3 } from "@babylonjs/core"; |
||||||
|
import { InfoManager } from "src/assets/babylon/controller/info-manager"; |
||||||
|
import { SceneManager } from "src/assets/babylon/controller/scene-manager"; |
||||||
|
import { BuildingStatus } from "src/assets/babylon/controller/status/building-status"; |
||||||
|
import { StatusManager } from "src/assets/babylon/controller/status/status-manager"; |
||||||
|
import { GizmoTool } from "src/assets/babylon/tool/gizmo-tool"; |
||||||
|
|
||||||
|
import { BuildingData } from "../../data/institution/building/building-data"; |
||||||
|
import { TransformData } from "../../data/transform-data"; |
||||||
|
import { ModelInfo_building } from "../model/model-info-building"; |
||||||
|
|
||||||
|
//基本建筑信息
|
||||||
|
export class BuildingInfo { |
||||||
|
/** |
||||||
|
* 所属建筑的数据 |
||||||
|
*/ |
||||||
|
buildingData: BuildingData; |
||||||
|
/** |
||||||
|
* 本模型的数据（室外建筑或室内某层） |
||||||
|
*/ |
||||||
|
private modelInfo: ModelInfo_building; |
||||||
|
isDisposed = false;//已经释放了
|
||||||
|
isEnable = true;//显示状态
|
||||||
|
constructor(buildingData: BuildingData, modelInfo: ModelInfo_building) { |
||||||
|
this.buildingData = buildingData; |
||||||
|
this.ModelInfo = modelInfo; |
||||||
|
this.isDisposed = false; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 本模型的数据（室外建筑或室内某层） |
||||||
|
*/ |
||||||
|
get ModelInfo() { |
||||||
|
return this.modelInfo; |
||||||
|
} |
||||||
|
|
||||||
|
set ModelInfo(value: ModelInfo_building) { |
||||||
|
this.modelInfo = value; |
||||||
|
if (this.isDisposed) { |
||||||
|
this.dispose(); |
||||||
|
return; |
||||||
|
} |
||||||
|
if (value != null) { |
||||||
|
let modelInfo = this.modelInfo; |
||||||
|
if (modelInfo.modelData.transformData == null) { |
||||||
|
modelInfo.modelData.transformData = new TransformData(); |
||||||
|
} |
||||||
|
|
||||||
|
if ( |
||||||
|
modelInfo.modelData.transformData.originalScaling.equals(Vector3.Zero()) |
||||||
|
) { |
||||||
|
//表示是新建
|
||||||
|
modelInfo.modelData.transformData.position = modelInfo.modelBox.position; |
||||||
|
modelInfo.modelData.transformData.rotation = modelInfo.modelBox.rotation; |
||||||
|
modelInfo.modelData.transformData.rotationQuaternion = |
||||||
|
modelInfo.modelBox.rotationQuaternion; |
||||||
|
modelInfo.modelData.transformData.originalScaling = modelInfo.modelBox.absoluteScaling.clone(); |
||||||
|
modelInfo.modelData.transformData.scaling = modelInfo.modelBox.absoluteScaling.clone(); |
||||||
|
} //已有数据，进行还原
|
||||||
|
else { |
||||||
|
modelInfo.modelBox.position = modelInfo.modelData.transformData.position; |
||||||
|
modelInfo.modelBox.rotation = modelInfo.modelData.transformData.rotation; |
||||||
|
modelInfo.modelBox.rotationQuaternion = |
||||||
|
modelInfo.modelData.transformData.rotationQuaternion; |
||||||
|
} |
||||||
|
this.ModelInfo.buildingType = this.buildingData.buildingType; |
||||||
|
this.ModelInfo.setEnable(this.isEnable); |
||||||
|
this.onSetModel(); |
||||||
|
//this.initFacility();
|
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
// if (!this.isEnable) {
|
||||||
|
|
||||||
|
// }
|
||||||
|
// else {
|
||||||
|
// }
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 初始化设备 |
||||||
|
*/ |
||||||
|
initFacility() { |
||||||
|
if (StatusManager.s_currentStatus instanceof BuildingStatus) { |
||||||
|
InfoManager.createFacilityInfos(this.buildingData.outdoorData, this); |
||||||
|
this.ModelInfo.showFacilityUI(false); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
setEnable(enable: boolean) { |
||||||
|
this.isEnable = enable; |
||||||
|
if (this.ModelInfo != null) { |
||||||
|
this.ModelInfo.setEnable(enable); |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 设置模型了 |
||||||
|
*/ |
||||||
|
onSetModel() { |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
//释放
|
||||||
|
dispose() { |
||||||
|
this.isDisposed = true; |
||||||
|
StatusManager.getStatus(BuildingStatus).buildingWindow.clearFacilityInfos(this); |
||||||
|
if (this.modelInfo != null) { |
||||||
|
if (GizmoTool.s_nowPickAim == this.modelInfo) { |
||||||
|
GizmoTool.onPickMeshInfoObservable.notifyObservers(null); |
||||||
|
} |
||||||
|
SceneManager.destroyModel(this.modelInfo); |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,73 @@ |
|||||||
|
|
||||||
|
import { MarkType } from "../../data/mark/mark-data"; |
||||||
|
import { ModelInfo_mark } from "./model-info-mark"; |
||||||
|
|
||||||
|
/** |
||||||
|
* 所有标记素材的预制体信息 |
||||||
|
*/ |
||||||
|
export class AllMarkInfo { |
||||||
|
/** |
||||||
|
* 灾情 |
||||||
|
*/ |
||||||
|
marks_Disaster: Map<MarkType, ModelInfo_mark> = new Map(); |
||||||
|
|
||||||
|
/** |
||||||
|
* 消防力量 |
||||||
|
*/ |
||||||
|
|
||||||
|
marks_FireFighting: Map<MarkType, ModelInfo_mark> = new Map(); |
||||||
|
|
||||||
|
/** |
||||||
|
* 联动力量 |
||||||
|
*/ |
||||||
|
|
||||||
|
marks_Linkage: Map<MarkType, ModelInfo_mark> = new Map(); |
||||||
|
|
||||||
|
/** |
||||||
|
* 内部力量 |
||||||
|
*/ |
||||||
|
|
||||||
|
marks_Inside: Map<MarkType, ModelInfo_mark> = new Map(); |
||||||
|
|
||||||
|
/** |
||||||
|
* 标绘工具 |
||||||
|
*/ |
||||||
|
|
||||||
|
marks_Tool: Map<MarkType, ModelInfo_mark> = new Map(); |
||||||
|
|
||||||
|
|
||||||
|
// /**
|
||||||
|
// * 根据类型，找到预制体info
|
||||||
|
// * @param data
|
||||||
|
// */
|
||||||
|
// getMarkPrefab(data: MarkData): ModelInfo_mark {
|
||||||
|
|
||||||
|
// let map: Map<MarkType, ModelInfo_mark>;
|
||||||
|
// switch (data.tagPos) {
|
||||||
|
// case MarkTagPos.Disaster:
|
||||||
|
// map = this.marks_Disaster;
|
||||||
|
// break;
|
||||||
|
// case MarkTagPos.FireFighting:
|
||||||
|
// map = this.marks_FireFighting;
|
||||||
|
// break;
|
||||||
|
// case MarkTagPos.Inside:
|
||||||
|
// map = this.marks_Inside;
|
||||||
|
// break;
|
||||||
|
// case MarkTagPos.Linkage:
|
||||||
|
// map = this.marks_Linkage;
|
||||||
|
// break;
|
||||||
|
// case MarkTagPos.Tool:
|
||||||
|
// map = this.marks_Tool;
|
||||||
|
// break;
|
||||||
|
// }
|
||||||
|
|
||||||
|
// if (!map.has(data.type)) {
|
||||||
|
// let markInfoPrefab = new ModelInfo_mark(data, true);
|
||||||
|
// map.set(data.type, markInfoPrefab);
|
||||||
|
// }
|
||||||
|
|
||||||
|
// return map.get(data.type);
|
||||||
|
// }
|
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
@ -0,0 +1,130 @@ |
|||||||
|
|
||||||
|
import { TsTool } from "src/assets/babylon/tool/ts-tool"; |
||||||
|
import { MarkTagPos, MarkType } from "../../data/mark/mark-data"; |
||||||
|
import { MarkNodeData, MarkPlanData } from "../../data/mark/mark-plan-data"; |
||||||
|
import { ModelInfo_mark } from "./model-info-mark"; |
||||||
|
|
||||||
|
/** |
||||||
|
* 标绘方案数据(一级节点的集合) |
||||||
|
*/ |
||||||
|
export class MarkNodeInfo { |
||||||
|
|
||||||
|
/** |
||||||
|
* 所属的方案数据 |
||||||
|
*/ |
||||||
|
belongToPlanData: MarkPlanData; |
||||||
|
/** |
||||||
|
* 源数据 |
||||||
|
*/ |
||||||
|
nodeData: MarkNodeData; |
||||||
|
|
||||||
|
/** |
||||||
|
* 运行时的标绘数据 |
||||||
|
*/ |
||||||
|
markInfos: Map<MarkTagPos, ModelInfo_mark[]> = new Map(); |
||||||
|
|
||||||
|
currentMarkDataIndex = -1; |
||||||
|
|
||||||
|
|
||||||
|
constructor(belongToPlanData: MarkPlanData, nodeData: MarkNodeData) { |
||||||
|
this.belongToPlanData = belongToPlanData; |
||||||
|
this.nodeData = nodeData; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 获取标绘物 |
||||||
|
* @param tagPos
|
||||||
|
* @param type
|
||||||
|
* @param id
|
||||||
|
*/ |
||||||
|
getMarkInfo(tagPos: MarkTagPos, type: MarkType, id: string) { |
||||||
|
let result: ModelInfo_mark = null; |
||||||
|
if (this.markInfos.has(tagPos)) { |
||||||
|
let array = this.markInfos.get(tagPos); |
||||||
|
for (let i = 0; i < array.length; i++) { |
||||||
|
if (array[i].markData.key == id) { |
||||||
|
result = array[i]; |
||||||
|
break; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 新增标绘物 |
||||||
|
* @param markInfo
|
||||||
|
* @param addToData //新增时，需要添加进数据层
|
||||||
|
*/ |
||||||
|
addMarkInfo(markInfo: ModelInfo_mark, addToData: boolean) { |
||||||
|
if (!this.markInfos.has(markInfo.markData.tagPos)) { |
||||||
|
this.markInfos.set(markInfo.markData.tagPos, []); |
||||||
|
} |
||||||
|
this.markInfos.get(markInfo.markData.tagPos).push(markInfo); |
||||||
|
|
||||||
|
if (addToData) { |
||||||
|
this.nodeData.getCurrentEnvironmentData().addMarkData(markInfo.markData);//修改数据层
|
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 删除标绘物 |
||||||
|
* @param markInfo
|
||||||
|
*/ |
||||||
|
removeMarkInfo(markInfo: ModelInfo_mark) { |
||||||
|
if (this.markInfos.has(markInfo.markData.tagPos)) { |
||||||
|
TsTool.arrayRemove(this.markInfos.get(markInfo.markData.tagPos), markInfo); |
||||||
|
} |
||||||
|
this.nodeData.getCurrentEnvironmentData().removeMarkData(markInfo.markData); |
||||||
|
markInfo.dispose(); |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 获取下一个标绘物的id |
||||||
|
*/ |
||||||
|
getNextMarkDataId() { |
||||||
|
//console.log(this.currentMarkDataIndex, 1);
|
||||||
|
let environmentData = this.nodeData.getCurrentEnvironmentData(); |
||||||
|
if (this.currentMarkDataIndex < 0) { |
||||||
|
if (this.nodeData != null && environmentData.markDatas.length > 0) { |
||||||
|
this.currentMarkDataIndex = Number(environmentData.markDatas[environmentData.markDatas.length - 1].key); |
||||||
|
//console.log(this.currentMarkDataIndex, this.nodeData.markDatas[this.nodeData.markDatas.length - 1].key);
|
||||||
|
} |
||||||
|
} |
||||||
|
this.currentMarkDataIndex++; |
||||||
|
//console.log(this.currentMarkDataIndex, "=====");
|
||||||
|
return this.currentMarkDataIndex; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 清空标绘物（表现层和逻辑层） |
||||||
|
*/ |
||||||
|
clearAllMarkDataAndInfo() { |
||||||
|
let currentEnvironmentData = this.nodeData.getCurrentEnvironmentData(); |
||||||
|
currentEnvironmentData.markDatas.length = 0; |
||||||
|
this.nodeData.environmentData.length = 0; |
||||||
|
this.nodeData.environmentData.push(currentEnvironmentData); |
||||||
|
this.disposeInfo(); |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 只释放表现层 |
||||||
|
*/ |
||||||
|
disposeInfo() { |
||||||
|
this.markInfos.forEach((value: ModelInfo_mark[], key: MarkTagPos, map: Map<MarkTagPos, ModelInfo_mark[]>) => { |
||||||
|
if (value != null) { |
||||||
|
for (let i = 0; i < value.length; i++) { |
||||||
|
value[i].dispose(); |
||||||
|
} |
||||||
|
} |
||||||
|
}); |
||||||
|
this.markInfos.clear(); |
||||||
|
this.currentMarkDataIndex = -1; |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
@ -0,0 +1,534 @@ |
|||||||
|
import { AbstractMesh, Color3, EventState, Mesh, MeshBuilder, ParticleSystem, PointerDragBehavior, Vector3 } from "@babylonjs/core"; |
||||||
|
import { Button } from "@babylonjs/gui/2D/controls/button"; |
||||||
|
import { Control } from "@babylonjs/gui/2D/controls/control"; |
||||||
|
import { Ellipse } from "@babylonjs/gui/2D/controls/ellipse"; |
||||||
|
import { Rectangle } from "@babylonjs/gui/2D/controls/rectangle"; |
||||||
|
import { TextBlock, TextWrapping } from "@babylonjs/gui/2D/controls/textBlock"; |
||||||
|
import { Vector2WithInfo } from "@babylonjs/gui/2D/math2D"; |
||||||
|
import { classToClass } from "class-transformer"; |
||||||
|
import { ConfigManager } from "src/assets/babylon/controller/config-manager"; |
||||||
|
import { MarkInfoChangeType, Event_MarkInfoChange } from "src/assets/babylon/controller/event-manager/events/event-mark-info-change"; |
||||||
|
import { SceneManager } from "src/assets/babylon/controller/scene-manager"; |
||||||
|
import { UIManager } from "src/assets/babylon/controller/ui-manager"; |
||||||
|
import { BabylonTool } from "src/assets/babylon/tool/babylon-tool"; |
||||||
|
import { BabylonUIStyleTool } from "src/assets/babylon/tool/babylon-ui-style-tool"; |
||||||
|
import { ParticleSystemTool } from "src/assets/babylon/tool/particle-system-tool"; |
||||||
|
import { TsTool } from "src/assets/babylon/tool/ts-tool"; |
||||||
|
import { MarkWindow } from "src/assets/babylon/view/mark-window/mark-window"; |
||||||
|
import { ChildNodeData, MarkData, MarkTask, MarkType } from "../../data/mark/mark-data"; |
||||||
|
import { BuildingInfo } from "../building/building-info"; |
||||||
|
import { ModelInfo } from "../model/model-info"; |
||||||
|
|
||||||
|
/** |
||||||
|
* 标绘的运行时数据 |
||||||
|
*/ |
||||||
|
export class ModelInfo_mark extends ModelInfo { |
||||||
|
/** |
||||||
|
* 标绘的源数据 |
||||||
|
*/ |
||||||
|
markData: MarkData; |
||||||
|
|
||||||
|
/** |
||||||
|
* 所属建筑 |
||||||
|
*/ |
||||||
|
belongToBuilding: BuildingInfo; |
||||||
|
/** |
||||||
|
* 选中状态 |
||||||
|
*/ |
||||||
|
isSelect: boolean = false; |
||||||
|
ui_select: Ellipse; |
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 头部跟随mesh |
||||||
|
*/ |
||||||
|
headMesh: Mesh; |
||||||
|
|
||||||
|
uiFollowHead: Rectangle;//头部跟随节点
|
||||||
|
uiFollowHeadBg: Rectangle;//头部跟随节点的背景
|
||||||
|
uiNumber: TextBlock;//标号
|
||||||
|
uiTask: TextBlock;//任务
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
readonly c_highLightColor = Color3.Green(); |
||||||
|
readonly c_uiDefaultWidth = 100;//默认UI宽度
|
||||||
|
|
||||||
|
/** |
||||||
|
* 水枪强度——最小 |
||||||
|
*/ |
||||||
|
static readonly c_waterPower_min: number = 5; |
||||||
|
/** |
||||||
|
* 水枪强度——最大 |
||||||
|
*/ |
||||||
|
static readonly c_waterPower_max: number = 30; |
||||||
|
|
||||||
|
|
||||||
|
constructor(markData: MarkData, |
||||||
|
models: AbstractMesh[], |
||||||
|
modelBox: AbstractMesh, |
||||||
|
belongToBuilding: BuildingInfo, |
||||||
|
isNew: boolean) { |
||||||
|
super(markData.key, markData, models, modelBox, isNew); |
||||||
|
|
||||||
|
this.belongToBuilding = belongToBuilding; |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
// 根据名字找到子对象数据
|
||||||
|
public getChildrenDataByName(name: string): ChildNodeData { |
||||||
|
const data = this.markData.childrenNodeData.filter(item => item.name === name); |
||||||
|
if (data.length > 0) { |
||||||
|
return data[0] |
||||||
|
} else { |
||||||
|
return null; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
onCreate(isNew: boolean) { |
||||||
|
this.markData = this.modelData as MarkData; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
onCreateFollowUI() { |
||||||
|
super.onCreateFollowUI(); |
||||||
|
// console.log("创建跟随UI");
|
||||||
|
let instance = this; |
||||||
|
let modelData = this.modelData as MarkData; |
||||||
|
let posType = modelData.tagPos; |
||||||
|
// let iconPath = ConfigManager.getMarkIconUrl(posType, modelData.type);
|
||||||
|
BabylonUIStyleTool.setStyle_size(this.uiFollowRoot, ConfigManager.c_size_facilityIconSize + "px", ConfigManager.c_size_facilityIconSize + "px"); |
||||||
|
this.uiFollowRoot.thickness = 0; |
||||||
|
|
||||||
|
|
||||||
|
this.ui_select = new Ellipse("select"); |
||||||
|
|
||||||
|
|
||||||
|
this.uiFollowRoot.addControl(this.ui_select); |
||||||
|
this.ui_select.background = BabylonUIStyleTool.c_color_3d_blue; |
||||||
|
this.ui_select.thickness = 0; |
||||||
|
this.ui_select.width = 0.95; |
||||||
|
this.ui_select.height = 0.95; |
||||||
|
this.ui_select.shadowColor = BabylonUIStyleTool.c_color_3d_blue; |
||||||
|
this.ui_select.shadowBlur = 3; |
||||||
|
this.ui_select.isVisible = false; |
||||||
|
|
||||||
|
// this.uiIconBtn = Button.CreateImageButton("iconPath", "", iconPath);
|
||||||
|
// this.uiIconBtn.thickness = 0;
|
||||||
|
// this.uiIconBtn.image.width = 0.9;
|
||||||
|
// this.uiIconBtn.image.height = 0.9;
|
||||||
|
// this.uiIconBtn.image.horizontalAlignment = Control.HORIZONTAL_ALIGNMENT_CENTER;
|
||||||
|
// this.uiIconBtn.image.verticalAlignment = Control.VERTICAL_ALIGNMENT_CENTER;
|
||||||
|
// this.uiFollowRoot.addControl(this.uiIconBtn);
|
||||||
|
|
||||||
|
|
||||||
|
// this.uiIconBtn.onPointerClickObservable.add(() => {
|
||||||
|
// instance.onStopLongPress(null, null);
|
||||||
|
// });
|
||||||
|
|
||||||
|
this.uiFollowRoot.zIndex = BabylonUIStyleTool.c_zIndex_facilityIcon; |
||||||
|
|
||||||
|
this.markData = this.modelData as MarkData; |
||||||
|
if (this.markData.property != null && this.markData.property.taskType != MarkTask.None) { |
||||||
|
|
||||||
|
this.headMesh = MeshBuilder.CreateBox("headMesh", { size: 0.001 }); |
||||||
|
this.headMesh.position = this.modelBox.absolutePosition.add(new Vector3(0, this.modelBox.scaling.y * 0.5, 0)).add(new Vector3(0, 0.5, 0)); |
||||||
|
this.headMesh.setParent(this.modelBox); |
||||||
|
|
||||||
|
|
||||||
|
this.uiFollowHead = Button.CreateSimpleButton('followHead_' + this.key, ""); |
||||||
|
UIManager.Instance.uiRoot.addControl(this.uiFollowHead); |
||||||
|
this.uiFollowHead.width = this.c_uiDefaultWidth + "px"; |
||||||
|
this.uiFollowHead.height = "50px"; |
||||||
|
this.uiFollowHead.thickness = 0; |
||||||
|
this.uiFollowHead.linkWithMesh(this.headMesh); |
||||||
|
this.uiFollowHead.onPointerClickObservable.add(() => { |
||||||
|
MarkWindow.instance.selectMarkDataFrom3d(instance, true); |
||||||
|
instance.lookAt(); |
||||||
|
}); |
||||||
|
|
||||||
|
this.uiFollowHeadBg = new Rectangle('bg'); |
||||||
|
this.uiFollowHead.addControl(this.uiFollowHeadBg); |
||||||
|
this.uiFollowHeadBg.width = 1; |
||||||
|
this.uiFollowHeadBg.alpha = 0.7; |
||||||
|
this.uiFollowHeadBg.color = BabylonUIStyleTool.c_color_3d_blueLight; |
||||||
|
this.uiFollowHeadBg.background = BabylonUIStyleTool.c_color_3d_blueBg; |
||||||
|
|
||||||
|
|
||||||
|
this.uiNumber = new TextBlock(this.modelData.key + "-num", this.markData.property.getInstitutionNum()); |
||||||
|
this.uiFollowHead.addControl(this.uiNumber); |
||||||
|
this.uiNumber.width = 1; |
||||||
|
this.uiNumber.height = 0.5; |
||||||
|
this.uiNumber.verticalAlignment = Control.VERTICAL_ALIGNMENT_TOP; |
||||||
|
this.uiNumber.color = "white"; |
||||||
|
this.uiNumber.shadowBlur = 2; |
||||||
|
this.uiNumber.textWrapping = TextWrapping.Clip; |
||||||
|
this.uiNumber.resizeToFit = true; |
||||||
|
|
||||||
|
this.uiTask = new TextBlock(this.modelData.key + "-task", this.markData.property.task); |
||||||
|
this.uiFollowHead.addControl(this.uiTask); |
||||||
|
this.uiTask.width = 1; |
||||||
|
this.uiTask.height = 0.5; |
||||||
|
this.uiTask.verticalAlignment = Control.VERTICAL_ALIGNMENT_BOTTOM |
||||||
|
this.uiTask.color = BabylonUIStyleTool.c_color_3d_blue; |
||||||
|
this.uiTask.shadowBlur = 1; |
||||||
|
this.uiTask.textWrapping = TextWrapping.Clip; |
||||||
|
this.uiTask.resizeToFit = true; |
||||||
|
|
||||||
|
this.updateProperty(); |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
//终止长按
|
||||||
|
onStopLongPress(eventData: Vector2WithInfo, eventState: EventState) { |
||||||
|
// this.onClickMeshIconBtn(eventData,eventState);
|
||||||
|
MarkWindow.instance.selectMarkDataFrom3d(this, true); |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 选中 |
||||||
|
* @param select
|
||||||
|
*/ |
||||||
|
onSelect(select: boolean) { |
||||||
|
this.isSelect = select; |
||||||
|
// this.lookAt();
|
||||||
|
if (select) { |
||||||
|
SceneManager.Instance.addToHighLight(this.modelBox as Mesh, this.c_highLightColor); |
||||||
|
if (this.pointerDragBehavior == null) { |
||||||
|
this.pointerDragBehavior = new PointerDragBehavior({ dragPlaneNormal: Vector3.Up() }); //平面内移动
|
||||||
|
this.modelBox.addBehavior(this.pointerDragBehavior); |
||||||
|
this.pointerDragBehavior.onDragEndObservable.add((event) => { |
||||||
|
// instance.modelData.transformData.position = instance.modelBox.position;
|
||||||
|
}) |
||||||
|
} |
||||||
|
else { |
||||||
|
//this.pointerDragBehavior.enabled = true;
|
||||||
|
} |
||||||
|
|
||||||
|
// SceneManager.Instance.defaultCamera.target = this.modelBox.absolutePosition.clone()
|
||||||
|
// SceneManager.Instance.defaultCamera.setTarget(this.modelBox.absolutePosition.clone());
|
||||||
|
|
||||||
|
} |
||||||
|
else { |
||||||
|
SceneManager.Instance.removeFromHighLight(this.modelBox as Mesh) |
||||||
|
if (this.pointerDragBehavior != null) { |
||||||
|
//this.pointerDragBehavior.enabled = false; //停止拖拽
|
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
let eventType: MarkInfoChangeType = select ? MarkInfoChangeType.Select : MarkInfoChangeType.UnSelect; |
||||||
|
Event_MarkInfoChange.dispatch(eventType, this); |
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 聚焦 |
||||||
|
*/ |
||||||
|
lookAt() { |
||||||
|
BabylonTool.changeCameraTarget(SceneManager.Instance.defaultCamera, this.modelBox, true, null); |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 更新属性显示 |
||||||
|
*/ |
||||||
|
updateProperty() { |
||||||
|
if (this.markData.property.taskType != MarkTask.None) { |
||||||
|
this.uiNumber.text = this.markData.property.getInstitutionNum(); |
||||||
|
this.uiTask.text = this.markData.property.task; |
||||||
|
|
||||||
|
let instance = this; |
||||||
|
setTimeout(() => { |
||||||
|
if (instance.uiNumber == null) { |
||||||
|
return; |
||||||
|
} |
||||||
|
let numWidth = instance.uiNumber.widthInPixels; |
||||||
|
let taskWidth = instance.uiTask.widthInPixels; |
||||||
|
let maxWidth = Math.max(numWidth, taskWidth, this.c_uiDefaultWidth); |
||||||
|
instance.uiFollowHead.widthInPixels = maxWidth; |
||||||
|
// instance.uiFollowHeadBg.widthInPixels = maxWidth;
|
||||||
|
}, (50)); |
||||||
|
|
||||||
|
if (this.taskNeedWaterParticle()) { |
||||||
|
this.sprinklingWater(true); |
||||||
|
} |
||||||
|
else { |
||||||
|
this.sprinklingWater(false); |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 释放属性相关ui |
||||||
|
*/ |
||||||
|
disposeProperty() { |
||||||
|
|
||||||
|
if (this.uiNumber != null) { |
||||||
|
this.uiNumber.dispose(); |
||||||
|
this.uiNumber = null; |
||||||
|
} |
||||||
|
if (this.uiTask != null) { |
||||||
|
this.uiTask.dispose(); |
||||||
|
this.uiTask = null; |
||||||
|
} |
||||||
|
|
||||||
|
if (this.uiFollowHead != null) { |
||||||
|
this.uiFollowHead.dispose(); |
||||||
|
this.uiFollowHead = null; |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 克隆 |
||||||
|
*/ |
||||||
|
clone(markData?: MarkData, isNew: boolean = true): ModelInfo_mark { |
||||||
|
|
||||||
|
let l_markData: MarkData = null; |
||||||
|
if (markData == null) { |
||||||
|
l_markData = classToClass(this.modelData) as MarkData; |
||||||
|
} |
||||||
|
else { |
||||||
|
l_markData = markData; |
||||||
|
} |
||||||
|
|
||||||
|
let childMeshes = null; |
||||||
|
let modelBox = null; |
||||||
|
|
||||||
|
|
||||||
|
modelBox = BabylonTool.cloneMesh(this.modelBox as Mesh, null, (childMesh: AbstractMesh[]) => { |
||||||
|
childMeshes = childMesh; |
||||||
|
}); |
||||||
|
modelBox.name = markData.key; |
||||||
|
|
||||||
|
let info = new ModelInfo_mark(l_markData, childMeshes, modelBox, null, isNew); |
||||||
|
|
||||||
|
this.cloneAnimTo(info); |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
return info; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 显隐跟随UI |
||||||
|
* @param show
|
||||||
|
*/ |
||||||
|
showFollowUI(show: boolean) { |
||||||
|
super.showFollowUI(show); |
||||||
|
if (this.uiFollowHead != null) { |
||||||
|
this.uiFollowHead.isVisible = show; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
dispose() { |
||||||
|
SceneManager.Instance.removeFromHighLight(this.modelBox as Mesh); |
||||||
|
this.disposeProperty(); |
||||||
|
super.dispose(); |
||||||
|
} |
||||||
|
|
||||||
|
//#region 喷水
|
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 播放喷水特效的任务，包含此特殊字则播放 |
||||||
|
*/ |
||||||
|
static readonly c_taskPenShui: string[] = ["喷水", "冷却", "灭火", "控火"]; |
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 喷水特效 |
||||||
|
*/ |
||||||
|
particle_water: ParticleSystem; |
||||||
|
|
||||||
|
/** |
||||||
|
* 喷头（消防员喷水枪） |
||||||
|
*/ |
||||||
|
node_pt: Mesh; |
||||||
|
/** |
||||||
|
* 喷嘴，用于放特效的根节点 |
||||||
|
*/ |
||||||
|
node_pz: Mesh; |
||||||
|
|
||||||
|
/** |
||||||
|
* 正在喷水 |
||||||
|
*/ |
||||||
|
isSprinkling: boolean; |
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 是否可以喷水 |
||||||
|
*/ |
||||||
|
canSprinkling() { |
||||||
|
let result = false; |
||||||
|
switch (this.markData.type) { |
||||||
|
case MarkType.MHF: |
||||||
|
case MarkType.JYF: |
||||||
|
case MarkType.GRF: |
||||||
|
case MarkType.FHF: |
||||||
|
case MarkType.BHF: |
||||||
|
result = true; |
||||||
|
//五种消防员
|
||||||
|
if (this.node_pt == null && this.models != null) { |
||||||
|
this.node_pt = this.getChildrenByName("PT") as Mesh; |
||||||
|
// for (let i = 0; i < this.models.length; i++) {
|
||||||
|
// if (this.models[i].name == "PT") {
|
||||||
|
// this.node_pt = this.models[i] as Mesh;
|
||||||
|
// break;
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
} |
||||||
|
break; |
||||||
|
case MarkType.SGC: |
||||||
|
case MarkType.PMC: |
||||||
|
case MarkType.GPC: |
||||||
|
case MarkType.GCGSC: |
||||||
|
case MarkType.YTC: |
||||||
|
//五种消防车
|
||||||
|
result = true; |
||||||
|
break; |
||||||
|
case MarkType.SP: |
||||||
|
result = true; |
||||||
|
break; |
||||||
|
default: |
||||||
|
break; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
if (result == true && this.node_pz == null && this.models != null) { |
||||||
|
this.node_pz = this.getChildrenByName("PZ") as Mesh; |
||||||
|
// let transformNodes = this.modelBox.getChildTransformNodes();
|
||||||
|
// for (let i = 0; i < transformNodes.length; i++) {
|
||||||
|
// if (transformNodes[i].name == "PZ") {
|
||||||
|
|
||||||
|
// this.node_pz = new Mesh("PZ_1", undefined, transformNodes[i]);
|
||||||
|
// break;
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
} |
||||||
|
if (this.node_pz == null) { |
||||||
|
result = false; |
||||||
|
} |
||||||
|
else { |
||||||
|
this.node_pz.scaling = Vector3.One(); |
||||||
|
this.node_pz.isVisible = false; |
||||||
|
} |
||||||
|
|
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 当前任务是否需要喷水特效 |
||||||
|
*/ |
||||||
|
taskNeedWaterParticle() { |
||||||
|
let result: boolean = false; |
||||||
|
for (let i = 0; i < ModelInfo_mark.c_taskPenShui.length; i++) { |
||||||
|
//包含某些特殊字
|
||||||
|
if (TsTool.stringContain(this.markData.property.task, ModelInfo_mark.c_taskPenShui[i])) { |
||||||
|
result = true; |
||||||
|
break; |
||||||
|
} |
||||||
|
} |
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 喷水 |
||||||
|
* @param show
|
||||||
|
*/ |
||||||
|
sprinklingWater(show: boolean) { |
||||||
|
let canSprinkling = this.canSprinkling();//是否可以喷水
|
||||||
|
let instance = this; |
||||||
|
if (!canSprinkling) { |
||||||
|
return; |
||||||
|
} |
||||||
|
switch (this.markData.type) { |
||||||
|
case MarkType.MHF: |
||||||
|
case MarkType.JYF: |
||||||
|
case MarkType.GRF: |
||||||
|
case MarkType.FHF: |
||||||
|
case MarkType.BHF: |
||||||
|
//消防员，显隐喷枪
|
||||||
|
if (this.node_pt != null) { |
||||||
|
this.node_pt.setEnabled(show); |
||||||
|
} |
||||||
|
break; |
||||||
|
} |
||||||
|
if (this.particle_water != null) { |
||||||
|
this.playWater(show); |
||||||
|
} |
||||||
|
else { |
||||||
|
//编写特效克隆方案
|
||||||
|
//加载特效，然后播放
|
||||||
|
ParticleSystemTool.instance.importParticle(this.markData.type + "_water", MarkWindow.c_water_particlePath, (ps) => { |
||||||
|
instance.particle_water = ps; |
||||||
|
instance.particle_water.emitter = instance.node_pz; |
||||||
|
instance.playWater(show); |
||||||
|
|
||||||
|
}) |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
/** |
||||||
|
* 播放喷水 |
||||||
|
* @param show
|
||||||
|
*/ |
||||||
|
playWater(show: boolean) { |
||||||
|
if (this.particle_water == null) { |
||||||
|
return; |
||||||
|
} |
||||||
|
this.isSprinkling = show; |
||||||
|
if (show) { |
||||||
|
this.changeWaterPower(this.markData.waterPower); |
||||||
|
this.particle_water.start(); |
||||||
|
|
||||||
|
} |
||||||
|
else { |
||||||
|
this.particle_water.stop(); |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 改变喷水强度,返回改变后的 |
||||||
|
* @param 最小值：c_waterPower_min |
||||||
|
* @param 最大值：c_waterPower_max |
||||||
|
* @param value
|
||||||
|
*/ |
||||||
|
changeWaterPower(value: number): number { |
||||||
|
|
||||||
|
if (!this.isSprinkling) //不在喷水
|
||||||
|
{ |
||||||
|
return value; |
||||||
|
} |
||||||
|
|
||||||
|
let power = Math.min(value, ModelInfo_mark.c_waterPower_max); |
||||||
|
power = Math.max(power, ModelInfo_mark.c_waterPower_min); |
||||||
|
|
||||||
|
|
||||||
|
if (this.particle_water != null) { |
||||||
|
this.particle_water.minEmitPower = power * 0.3; |
||||||
|
this.particle_water.maxEmitPower = power; |
||||||
|
} |
||||||
|
|
||||||
|
this.markData.waterPower = power; |
||||||
|
return power; |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
//#endregion
|
||||||
|
|
||||||
|
} |
||||||
@ -0,0 +1,270 @@ |
|||||||
|
import { AbstractMesh, Color3, Material, Mesh, MeshBuilder, PointerDragBehavior, PolygonMeshBuilder, Vector2, Vector3 } from "@babylonjs/core"; |
||||||
|
import { StandardMaterial } from "@babylonjs/core/Materials/standardMaterial"; |
||||||
|
import { classToClass, plainToClass } from "class-transformer"; |
||||||
|
import { SceneManager } from "src/assets/babylon/controller/scene-manager"; |
||||||
|
import { BabylonTool } from "src/assets/babylon/tool/babylon-tool"; |
||||||
|
import { MarkWindow } from "src/assets/babylon/view/mark-window/mark-window"; |
||||||
|
|
||||||
|
import { MarkData, MarkType } from "../../../data/mark/mark-data"; |
||||||
|
import { MarkData_Area } from "../../../data/mark/other/mark-data-area"; |
||||||
|
import { ModelInfo_mark } from "../model-info-mark"; |
||||||
|
|
||||||
|
/** |
||||||
|
* 区域类的标绘物 |
||||||
|
*/ |
||||||
|
export class ModelInfo_mark_area extends ModelInfo_mark { |
||||||
|
|
||||||
|
areaSize = 5;//区域尺寸
|
||||||
|
|
||||||
|
material: StandardMaterial;//mesh材质
|
||||||
|
pointMat: StandardMaterial; //顶点材质
|
||||||
|
|
||||||
|
areaPoint: AreaPoint[]; |
||||||
|
|
||||||
|
areaMesh: Mesh; |
||||||
|
|
||||||
|
areaDragEvent: PointerDragBehavior;//区域mesh 拖拽行为
|
||||||
|
|
||||||
|
onCreate(isNew: boolean) { |
||||||
|
super.onCreate(isNew); |
||||||
|
|
||||||
|
this.modelBox.position.y = this.modelBox.position.y + 1; |
||||||
|
|
||||||
|
let data = this.markData as MarkData_Area; |
||||||
|
|
||||||
|
this.pointMat = new StandardMaterial("mat_areaPoint", SceneManager.Instance.scene); |
||||||
|
this.pointMat.emissiveColor = Color3.FromHexString("#A9FF00"); |
||||||
|
this.pointMat.disableLighting = true; |
||||||
|
this.pointMat.alpha = 0.87; |
||||||
|
|
||||||
|
|
||||||
|
let instance = this; |
||||||
|
this.areaDragEvent = new PointerDragBehavior({ dragPlaneNormal: Vector3.Up() }); //平面内移动
|
||||||
|
this.areaDragEvent.moveAttached = false; |
||||||
|
this.areaDragEvent.onDragStartObservable.add((eventData) => { |
||||||
|
//instance.modelBox.translate(eventData.dragPlaneNormal, eventData.dragDistance);
|
||||||
|
MarkWindow.instance.selectMarkDataFrom3d(instance, true); |
||||||
|
}) |
||||||
|
|
||||||
|
this.initMeshPoint(isNew); |
||||||
|
this.material = new StandardMaterial("mat_area", SceneManager.Instance.scene); |
||||||
|
this.material.emissiveColor = Color3.FromHexString((this.markData as MarkData_Area).color); |
||||||
|
this.material.disableLighting = true; |
||||||
|
this.material.alpha = 0.87; |
||||||
|
this.refreshMesh(); |
||||||
|
} |
||||||
|
|
||||||
|
getVector2Point(): Vector2[] { |
||||||
|
let data = this.markData as MarkData_Area; |
||||||
|
let point: Vector2[] = []; |
||||||
|
for (let i = 0; i < data.pointData.length; i++) { |
||||||
|
let pos = new Vector2(data.pointData[i].x, data.pointData[i].z); |
||||||
|
point.push(pos); |
||||||
|
} |
||||||
|
return point; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 更新mesh |
||||||
|
*/ |
||||||
|
refreshMesh() { |
||||||
|
if (this.areaMesh != null) { |
||||||
|
this.areaMesh.removeBehavior(this.areaDragEvent); |
||||||
|
this.areaMesh.dispose(); |
||||||
|
SceneManager.Instance.removeFromHighLight(this.areaMesh); |
||||||
|
} |
||||||
|
|
||||||
|
let poly_tri = new PolygonMeshBuilder("polytri", this.getVector2Point(), SceneManager.Instance.scene); |
||||||
|
this.areaMesh = poly_tri.build(true, 0); |
||||||
|
this.areaMesh.setParent(this.modelBox); |
||||||
|
this.areaMesh.position = new Vector3(0, 1, 0); |
||||||
|
this.areaMesh.material = this.material; |
||||||
|
this.areaMesh.addBehavior(this.areaDragEvent); |
||||||
|
|
||||||
|
if (this.isSelect) { |
||||||
|
// console.log("选中状态下更新");
|
||||||
|
SceneManager.Instance.addToHighLight(this.areaMesh, this.c_highLightColor); |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 更新顶点 |
||||||
|
* @param index
|
||||||
|
*/ |
||||||
|
initMeshPoint(isNew: boolean) { |
||||||
|
let data = this.markData as MarkData_Area; |
||||||
|
|
||||||
|
if (isNew) { |
||||||
|
switch (data.type) { |
||||||
|
case MarkType.JJQ: data.pointData = this.getDefaultPoint_4(); |
||||||
|
break; |
||||||
|
case MarkType.QYSDA: data.pointData = this.getDefaultPoint_6(); |
||||||
|
break; |
||||||
|
case MarkType.QYSDB: data.pointData = this.getDefaultPoint_8(); |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
else { |
||||||
|
data.pointData = plainToClass(Vector3, data.pointData); |
||||||
|
} |
||||||
|
|
||||||
|
this.areaPoint = []; |
||||||
|
for (let i = 0; i < data.pointData.length; i++) { |
||||||
|
let newPoint = new AreaPoint(data.pointData[i], this.pointMat, this); |
||||||
|
this.areaPoint.push(newPoint); |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 显示顶点 |
||||||
|
* @param show
|
||||||
|
*/ |
||||||
|
showMeshPoint(show: boolean) { |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
//清空顶点
|
||||||
|
clearMeshPoint() { |
||||||
|
for (let i = 0; i < this.areaPoint.length; i++) { |
||||||
|
this.areaPoint[i].dispose(); |
||||||
|
} |
||||||
|
this.areaPoint = []; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 获取默认位置，4点 |
||||||
|
* @param center
|
||||||
|
*/ |
||||||
|
getDefaultPoint_4() { |
||||||
|
let l_xy = this.areaSize; |
||||||
|
let result = [new Vector3(l_xy, 0, l_xy), new Vector3(l_xy, 0, -l_xy), new Vector3(-l_xy, 0, -l_xy), new Vector3(-l_xy, 0, l_xy)]; |
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 获取默认位置，6边型 |
||||||
|
* @param center
|
||||||
|
*/ |
||||||
|
getDefaultPoint_6() { |
||||||
|
let sin60 = Math.sin(Math.PI / 3) * this.areaSize; |
||||||
|
let sin30 = 0.5 * this.areaSize; |
||||||
|
let l_size = this.areaSize; |
||||||
|
let result = [new Vector3(0, 0, l_size), new Vector3(sin60, 0, sin30), new Vector3(sin60, 0, -sin30), new Vector3(0, 0, -l_size), new Vector3(-sin60, 0, -sin30), new Vector3(-sin60, 0, sin30)]; |
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 获取默认位置，8边形 |
||||||
|
* @param center
|
||||||
|
*/ |
||||||
|
getDefaultPoint_8() { |
||||||
|
let sin45 = Math.sin(Math.PI * 0.25) * this.areaSize; |
||||||
|
let l_size = this.areaSize; |
||||||
|
let result = [new Vector3(0, 0, l_size), new Vector3(sin45, 0, sin45), new Vector3(l_size, 0, 0), new Vector3(sin45, 0, -sin45), |
||||||
|
new Vector3(0, 0, -l_size), new Vector3(-sin45, 0, -sin45), new Vector3(-l_size, 0, 0), new Vector3(-sin45, 0, sin45)]; |
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 克隆 |
||||||
|
*/ |
||||||
|
clone(markData?: MarkData, isNew: boolean = true): ModelInfo_mark_area { |
||||||
|
|
||||||
|
let l_markData: MarkData = null; |
||||||
|
if (markData == null) { |
||||||
|
l_markData = classToClass(this.modelData) as MarkData; |
||||||
|
} |
||||||
|
else { |
||||||
|
l_markData = markData; |
||||||
|
} |
||||||
|
|
||||||
|
let childMeshes = null; |
||||||
|
let modelBox = null; |
||||||
|
|
||||||
|
|
||||||
|
modelBox = BabylonTool.cloneMesh(this.modelBox as Mesh, null, (childMesh: AbstractMesh[]) => { |
||||||
|
childMeshes = childMesh; |
||||||
|
}); |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
let info = new ModelInfo_mark_area(l_markData, childMeshes, modelBox, null, isNew); |
||||||
|
|
||||||
|
this.cloneAnimTo(info); |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
return info; |
||||||
|
} |
||||||
|
|
||||||
|
dispose() { |
||||||
|
this.areaMesh.dispose(); |
||||||
|
this.material.dispose(); |
||||||
|
this.pointMat.dispose(); |
||||||
|
this.clearMeshPoint(); |
||||||
|
|
||||||
|
super.dispose(); |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 区域顶点 |
||||||
|
*/ |
||||||
|
export class AreaPoint { |
||||||
|
|
||||||
|
parent: ModelInfo_mark_area; |
||||||
|
|
||||||
|
mesh: Mesh; |
||||||
|
|
||||||
|
pos: Vector3; |
||||||
|
|
||||||
|
pointerDragBehavior: PointerDragBehavior;//拖拽事件
|
||||||
|
|
||||||
|
constructor(pos: Vector3, material: Material, parent: ModelInfo_mark_area) { |
||||||
|
this.pos = pos; |
||||||
|
this.parent = parent; |
||||||
|
|
||||||
|
this.mesh = MeshBuilder.CreateSphere("AreaPoint", { segments: 4, diameter: 3 }); |
||||||
|
this.mesh.material = material; |
||||||
|
this.mesh.setParent(parent.modelBox); |
||||||
|
this.mesh.position = pos; |
||||||
|
this.initDragEvent(); |
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
initDragEvent() { |
||||||
|
let instance = this; |
||||||
|
this.pointerDragBehavior = new PointerDragBehavior({ dragPlaneNormal: Vector3.Up() }); //平面内移动
|
||||||
|
this.mesh.addBehavior(this.pointerDragBehavior); |
||||||
|
this.pointerDragBehavior.onDragStartObservable.add(() => { |
||||||
|
instance.parent.setDragEventEnable(false); |
||||||
|
}) |
||||||
|
this.pointerDragBehavior.onDragObservable.add(() => { |
||||||
|
instance.parent.refreshMesh(); |
||||||
|
setTimeout(() => { |
||||||
|
instance.parent.refreshMesh(); |
||||||
|
}, 100); |
||||||
|
}); |
||||||
|
this.pointerDragBehavior.onDragEndObservable.add(() => { |
||||||
|
instance.parent.setDragEventEnable(true); |
||||||
|
instance.parent.refreshMesh(); |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
dispose() { |
||||||
|
this.mesh.removeBehavior(this.pointerDragBehavior); |
||||||
|
this.pointerDragBehavior = null; |
||||||
|
this.mesh.dispose(); |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
@ -0,0 +1,182 @@ |
|||||||
|
import { Color3, EventState, Mesh, MeshBuilder, Observer, PointerEventTypes, PointerInfo, Scene, StandardMaterial, Vector3 } from "@babylonjs/core"; |
||||||
|
import { AbstractMesh } from "@babylonjs/core/Meshes/abstractMesh"; |
||||||
|
import { classToClass, plainToClass } from "class-transformer"; |
||||||
|
import { SceneManager } from "src/assets/babylon/controller/scene-manager"; |
||||||
|
import { BabylonTool } from "src/assets/babylon/tool/babylon-tool"; |
||||||
|
import { MarkWindow } from "src/assets/babylon/view/mark-window/mark-window"; |
||||||
|
import { MarkData } from "../../../data/mark/mark-data"; |
||||||
|
import { MarkData_Line } from "../../../data/mark/other/mark-data-line"; |
||||||
|
|
||||||
|
|
||||||
|
import { ModelInfo_mark } from "../model-info-mark"; |
||||||
|
|
||||||
|
/** |
||||||
|
* 单线条 |
||||||
|
*/ |
||||||
|
export class ModelInfo_mark_line extends ModelInfo_mark { |
||||||
|
lineData: MarkData_Line; |
||||||
|
|
||||||
|
onPointObserver: Observer<PointerInfo>; |
||||||
|
|
||||||
|
lineMesh: Mesh; |
||||||
|
|
||||||
|
mat: StandardMaterial; |
||||||
|
|
||||||
|
|
||||||
|
onCreate(isNew: boolean) { |
||||||
|
let instance = this; |
||||||
|
instance.lineData = this.markData as MarkData_Line; |
||||||
|
|
||||||
|
|
||||||
|
this.mat = new StandardMaterial("mat_areaPoint", SceneManager.Instance.scene); |
||||||
|
this.mat.emissiveColor = Color3.FromHexString(this.lineData.color); |
||||||
|
this.mat.disableLighting = true; |
||||||
|
|
||||||
|
if (isNew) { |
||||||
|
instance.lineData.pointData = []; |
||||||
|
instance.lineData.pointData.push(Vector3.Zero()); |
||||||
|
|
||||||
|
setTimeout(() => { |
||||||
|
instance.onPointObserver = SceneManager.Instance.scene.onPointerObservable.add((eventData: PointerInfo, eventState: EventState) => { |
||||||
|
instance.onPointerObservable(eventData, eventState); |
||||||
|
} |
||||||
|
|
||||||
|
); |
||||||
|
}, 300); |
||||||
|
} |
||||||
|
else { |
||||||
|
instance.lineData.pointData = plainToClass(Vector3, instance.lineData.pointData); |
||||||
|
} |
||||||
|
instance.updateRender(); |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 更新显示 |
||||||
|
*/ |
||||||
|
updateRender() { |
||||||
|
if (this.lineData.pointData != null && this.lineData.pointData.length > 1) { |
||||||
|
this.lineMesh = MeshBuilder.CreateTube("tube", { path: this.lineData.pointData, radius: 0.5, sideOrientation: Mesh.DOUBLESIDE, updatable: true }, SceneManager.Instance.scene); |
||||||
|
this.lineMesh.setParent(this.modelBox); |
||||||
|
this.lineMesh.position = Vector3.Zero(); |
||||||
|
this.lineMesh.material = this.mat; |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 添加节点 |
||||||
|
* @param point
|
||||||
|
*/ |
||||||
|
addPoint(point: Vector3) { |
||||||
|
|
||||||
|
this.lineData.pointData.push(point.subtract(this.modelBox.absolutePosition)); |
||||||
|
|
||||||
|
//更新表现
|
||||||
|
|
||||||
|
if (this.lineData.pointData.length == 2) { |
||||||
|
this.removeEvent(); |
||||||
|
this.updateRender(); |
||||||
|
|
||||||
|
MarkWindow.instance.selectMarkDataFrom3d(this, true); |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 移除事件 |
||||||
|
*/ |
||||||
|
removeEvent() { |
||||||
|
if (this.onPointObserver != null) { |
||||||
|
SceneManager.Instance.scene.onPointerObservable.remove(this.onPointObserver); |
||||||
|
this.onPointObserver = null; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 取消创建 |
||||||
|
*/ |
||||||
|
cancelCreate() { |
||||||
|
if (this.lineData.pointData.length < 2) { |
||||||
|
MarkWindow.instance.deleteMarkInfo(this); |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
onPointerObservable(eventData: PointerInfo, eventState: EventState) { |
||||||
|
let instance = this; |
||||||
|
if (MarkWindow.instance.markLineIsBreak < 0) { |
||||||
|
instance.cancelCreate(); |
||||||
|
return; |
||||||
|
} |
||||||
|
|
||||||
|
switch (eventData.type) { |
||||||
|
case PointerEventTypes.POINTERUP: |
||||||
|
if (eventData.event.button == 0) { //左键正常
|
||||||
|
if (eventData.pickInfo.hit && !SceneManager.s_isPointerDrag) { |
||||||
|
console.log("点击添加节点"); |
||||||
|
instance.addPoint(eventData.pickInfo.pickedPoint); |
||||||
|
} |
||||||
|
} |
||||||
|
else { //右键取消
|
||||||
|
console.log("按键", eventData.event.button); |
||||||
|
instance.cancelCreate(); |
||||||
|
} |
||||||
|
break; |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
onSelect(select: boolean) { |
||||||
|
super.onSelect(select); |
||||||
|
|
||||||
|
if (select = false) { |
||||||
|
this.cancelCreate(); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 克隆 |
||||||
|
*/ |
||||||
|
clone(markData?: MarkData, isNew: boolean = true): ModelInfo_mark { |
||||||
|
|
||||||
|
let l_markData: MarkData = null; |
||||||
|
if (markData == null) { |
||||||
|
l_markData = classToClass(this.modelData) as MarkData; |
||||||
|
} |
||||||
|
else { |
||||||
|
l_markData = markData; |
||||||
|
} |
||||||
|
|
||||||
|
let childMeshes = null; |
||||||
|
let modelBox = null; |
||||||
|
|
||||||
|
modelBox = BabylonTool.cloneMesh(this.modelBox as Mesh, null, (childMesh: AbstractMesh[]) => { |
||||||
|
childMeshes = childMesh; |
||||||
|
}); |
||||||
|
|
||||||
|
|
||||||
|
let info = new ModelInfo_mark_line(l_markData, childMeshes, modelBox, null, isNew); |
||||||
|
|
||||||
|
this.cloneAnimTo(info); |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
return info; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
dispose() { |
||||||
|
if (this.mat != null) { |
||||||
|
this.mat.dispose(); |
||||||
|
} |
||||||
|
|
||||||
|
this.removeEvent(); |
||||||
|
super.dispose(); |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
@ -0,0 +1,322 @@ |
|||||||
|
import { Color3, MeshBuilder, Quaternion, Space, Vector3 } from "@babylonjs/core"; |
||||||
|
import { PointerEventTypes, PointerInfo } from "@babylonjs/core/Events/pointerEvents"; |
||||||
|
import { StandardMaterial } from "@babylonjs/core/Materials/standardMaterial"; |
||||||
|
import { AbstractMesh } from "@babylonjs/core/Meshes/abstractMesh"; |
||||||
|
import { Mesh } from "@babylonjs/core/Meshes/mesh"; |
||||||
|
import { EventState, Observer } from "@babylonjs/core/Misc/observable"; |
||||||
|
import { classToClass, plainToClass } from "class-transformer"; |
||||||
|
import { SceneManager } from "src/assets/babylon/controller/scene-manager"; |
||||||
|
import { BabylonTool } from "src/assets/babylon/tool/babylon-tool"; |
||||||
|
import { MarkWindow } from "src/assets/babylon/view/mark-window/mark-window"; |
||||||
|
|
||||||
|
import { MarkData, MarkType } from "../../../data/mark/mark-data"; |
||||||
|
import { MarkData_multiArrow } from "../../../data/mark/other/mark-data-multi-arrow"; |
||||||
|
import { ModelInfo_mark } from "../model-info-mark"; |
||||||
|
|
||||||
|
/** |
||||||
|
* 多点的箭头 |
||||||
|
*/ |
||||||
|
export class ModelInfo_mark_multiArrow extends ModelInfo_mark { |
||||||
|
|
||||||
|
|
||||||
|
arrowData: MarkData_multiArrow; |
||||||
|
|
||||||
|
onPointObserver: Observer<PointerInfo>; |
||||||
|
|
||||||
|
arrowInfo: ArrowInfo[] = []; |
||||||
|
|
||||||
|
mat: StandardMaterial; |
||||||
|
|
||||||
|
|
||||||
|
onCreate(isNew: boolean) { |
||||||
|
let instance = this; |
||||||
|
instance.arrowData = this.markData as MarkData_multiArrow; |
||||||
|
|
||||||
|
|
||||||
|
this.mat = new StandardMaterial("mat_multiArrow", SceneManager.Instance.scene); |
||||||
|
if (this.arrowData.color == null) { |
||||||
|
this.mat.emissiveColor = Color3.Green(); |
||||||
|
} |
||||||
|
else { |
||||||
|
this.mat.emissiveColor = Color3.FromHexString(this.arrowData.color); |
||||||
|
} |
||||||
|
|
||||||
|
this.mat.disableLighting = true; |
||||||
|
|
||||||
|
if (isNew) { |
||||||
|
instance.arrowData.pointData = []; |
||||||
|
instance.addPoint(this.modelBox.absolutePosition.clone()); |
||||||
|
|
||||||
|
setTimeout(() => { |
||||||
|
instance.onPointObserver = SceneManager.Instance.scene.onPointerObservable.add((eventData: PointerInfo, eventState: EventState) => { |
||||||
|
instance.onPointerObservable(eventData, eventState); |
||||||
|
} |
||||||
|
|
||||||
|
); |
||||||
|
}, 300); |
||||||
|
} |
||||||
|
else { |
||||||
|
instance.arrowData.pointData = plainToClass(Vector3, instance.arrowData.pointData); |
||||||
|
instance.updateRender(); |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 更新显示 |
||||||
|
*/ |
||||||
|
updateRender() { |
||||||
|
if (this.arrowData.pointData != null && this.arrowData.pointData.length > 1) { |
||||||
|
// this.lineMesh = MeshBuilder.CreateTube("tube", { path: this.lineData.pointData, radius: this.lineData.radius, sideOrientation: Mesh.DOUBLESIDE, updatable: true }, SceneManager.Instance.scene);
|
||||||
|
// this.lineMesh.setParent(this.modelBox);
|
||||||
|
// this.lineMesh.position = Vector3.Zero();
|
||||||
|
// this.lineMesh.material = this.mat;
|
||||||
|
for (let i = 1; i < this.arrowData.pointData.length; i++) { |
||||||
|
// let newBox = MeshBuilder.CreateBox("box", { size: 1 });
|
||||||
|
// newBox.setParent(this.modelBox);
|
||||||
|
// newBox.position = this.arrowData.pointData[i];
|
||||||
|
let lastPoint = this.arrowData.pointData[i - 1]; |
||||||
|
let point = this.arrowData.pointData[i]; |
||||||
|
let newArrow = new ArrowInfo(lastPoint, point, this.mat, this.modelBox as Mesh); |
||||||
|
this.arrowInfo.push(newArrow); |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 添加节点 |
||||||
|
* @param point
|
||||||
|
*/ |
||||||
|
addPoint(point: Vector3) { |
||||||
|
|
||||||
|
let localPos = point.subtract(this.modelBox.absolutePosition); |
||||||
|
|
||||||
|
localPos.y = localPos.y / this.modelBox.scaling.y; |
||||||
|
console.log(point, localPos, this.modelBox.absolutePosition); |
||||||
|
|
||||||
|
let startBox = MeshBuilder.CreateBox("start", { size: 1 }); |
||||||
|
startBox.setParent(this.modelBox); |
||||||
|
|
||||||
|
startBox.position = localPos; |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
this.arrowData.pointData.push(localPos); |
||||||
|
|
||||||
|
//更新表现
|
||||||
|
|
||||||
|
if (this.arrowData.pointData.length > 1) { |
||||||
|
|
||||||
|
// this.updateRender();
|
||||||
|
let lastPoint = this.arrowData.pointData[this.arrowData.pointData.length - 2]; |
||||||
|
let newArrow = new ArrowInfo(lastPoint, localPos, this.mat, this.modelBox as Mesh); |
||||||
|
this.arrowInfo.push(newArrow); |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 移除事件 |
||||||
|
*/ |
||||||
|
removeEvent() { |
||||||
|
if (this.onPointObserver != null) { |
||||||
|
SceneManager.Instance.scene.onPointerObservable.remove(this.onPointObserver); |
||||||
|
this.onPointObserver = null; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 取消创建 |
||||||
|
*/ |
||||||
|
cancelCreate() { |
||||||
|
if (this.arrowData.pointData.length < 2) { |
||||||
|
MarkWindow.instance.deleteMarkInfo(this); |
||||||
|
} |
||||||
|
|
||||||
|
if (this.arrowData.type == MarkType.JGLX) { |
||||||
|
MarkWindow.instance.mulArrowIsBreak_JG = -1; |
||||||
|
} |
||||||
|
else if (this.arrowData.type == MarkType.CT) { |
||||||
|
MarkWindow.instance.mulArrowIsBreak_CT = -1; |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
onPointerObservable(eventData: PointerInfo, eventState: EventState) { |
||||||
|
let instance = this; |
||||||
|
if (this.arrowData.type == MarkType.JGLX && MarkWindow.instance.mulArrowIsBreak_JG < 0) { |
||||||
|
instance.cancelCreate(); |
||||||
|
instance.removeEvent(); |
||||||
|
return; |
||||||
|
} |
||||||
|
else if (this.arrowData.type == MarkType.CT && MarkWindow.instance.mulArrowIsBreak_CT < 0) { |
||||||
|
instance.cancelCreate(); |
||||||
|
instance.removeEvent(); |
||||||
|
return; |
||||||
|
} |
||||||
|
|
||||||
|
switch (eventData.type) { |
||||||
|
case PointerEventTypes.POINTERUP: |
||||||
|
if (eventData.event.button == 0) { //左键正常
|
||||||
|
if (eventData.pickInfo.hit && !SceneManager.s_isPointerDrag) { |
||||||
|
instance.addPoint(eventData.pickInfo.pickedPoint); |
||||||
|
} |
||||||
|
} |
||||||
|
else if (eventData.event.button == 2) { //右键取消
|
||||||
|
instance.cancelCreate(); |
||||||
|
instance.removeEvent(); |
||||||
|
} |
||||||
|
break; |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
onSelect(select: boolean) { |
||||||
|
super.onSelect(select); |
||||||
|
|
||||||
|
if (select = false) { |
||||||
|
this.cancelCreate(); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 克隆 |
||||||
|
*/ |
||||||
|
clone(markData?: MarkData, isNew: boolean = true): ModelInfo_mark { |
||||||
|
|
||||||
|
let l_markData: MarkData = null; |
||||||
|
if (markData == null) { |
||||||
|
l_markData = classToClass(this.modelData) as MarkData; |
||||||
|
} |
||||||
|
else { |
||||||
|
l_markData = markData; |
||||||
|
} |
||||||
|
|
||||||
|
let childMeshes = null; |
||||||
|
let modelBox = null; |
||||||
|
|
||||||
|
modelBox = BabylonTool.cloneMesh(this.modelBox as Mesh, null, (childMesh: AbstractMesh[]) => { |
||||||
|
childMeshes = childMesh; |
||||||
|
}); |
||||||
|
|
||||||
|
|
||||||
|
let info = new ModelInfo_mark_multiArrow(l_markData, childMeshes, modelBox, null, isNew); |
||||||
|
|
||||||
|
this.cloneAnimTo(info); |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
return info; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
dispose() { |
||||||
|
if (this.mat != null) { |
||||||
|
this.mat.dispose(); |
||||||
|
} |
||||||
|
|
||||||
|
this.removeEvent(); |
||||||
|
super.dispose(); |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 箭头信息 |
||||||
|
* 仅用作创建mesh，所以没有释放（mesh会跟随父节点释放） |
||||||
|
*/ |
||||||
|
class ArrowInfo { |
||||||
|
|
||||||
|
static s_step = 3;//箭头间隔（从头到下一个的头）
|
||||||
|
|
||||||
|
lastArrowInfo: ArrowInfo;//上一个箭头
|
||||||
|
parent: Mesh; |
||||||
|
mesh: Mesh[] = []; |
||||||
|
|
||||||
|
point: Vector3[]; |
||||||
|
|
||||||
|
start: Vector3; |
||||||
|
|
||||||
|
end: Vector3; |
||||||
|
forward: Vector3; |
||||||
|
|
||||||
|
endlocalY: number; //局部的Y做坐标，末尾
|
||||||
|
mat: StandardMaterial; |
||||||
|
|
||||||
|
constructor(start: Vector3, end: Vector3, mat: StandardMaterial, parent: Mesh) { |
||||||
|
this.start = start; |
||||||
|
this.end = end; |
||||||
|
this.forward = end.subtract(start).normalize(); |
||||||
|
this.mat = mat; |
||||||
|
this.parent = parent; |
||||||
|
this.createMesh(); |
||||||
|
} |
||||||
|
|
||||||
|
createMesh() { |
||||||
|
//let distance = Vector3.Distance(this.start, this.end);
|
||||||
|
//console.log(distance);
|
||||||
|
|
||||||
|
|
||||||
|
let distance = Vector3.Distance(new Vector3(this.start.x, 0, this.start.z), new Vector3(this.end.x, 0, this.end.z)); |
||||||
|
|
||||||
|
let yStep = (this.start.y - this.end.y) / (distance / ArrowInfo.s_step); |
||||||
|
|
||||||
|
let index = 0; |
||||||
|
|
||||||
|
|
||||||
|
while (distance > ArrowInfo.s_step) { |
||||||
|
|
||||||
|
let offset = index * ArrowInfo.s_step; |
||||||
|
let forwardDistance = this.forward.multiplyByFloats(1, 0, 1).normalize().multiplyByFloats(offset, offset, offset); |
||||||
|
let meshStart: Vector3 = this.start.add(forwardDistance); |
||||||
|
|
||||||
|
let posArray = []; |
||||||
|
posArray.push(new Vector3(0, 0, 2)); |
||||||
|
posArray.push(new Vector3(-1, 0, 1)); |
||||||
|
posArray.push(new Vector3(-0.5, 0, 1)); |
||||||
|
posArray.push(new Vector3(-0.5, 0, 0)); |
||||||
|
posArray.push(new Vector3(0.5, 0, 0)); |
||||||
|
posArray.push(new Vector3(0.5, 0, 1)); |
||||||
|
posArray.push(new Vector3(1, 0, 1)); |
||||||
|
|
||||||
|
let l_mesh = MeshBuilder.ExtrudePolygon("arrow", { shape: posArray, depth: 1, updatable: false }, SceneManager.Instance.scene); |
||||||
|
l_mesh.material = this.mat; |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
l_mesh.setParent(this.parent); |
||||||
|
this.endlocalY = (0.5) / this.parent.scaling.y - index * yStep;//0.5 - index * yStep
|
||||||
|
//l_mesh.position = new Vector3(0, (0.5 - index * yStep) / this.parent.scaling.y, 0).add(meshStart);
|
||||||
|
l_mesh.position = new Vector3(0, this.endlocalY, 0).add(meshStart); |
||||||
|
// l_mesh.setParent(null)
|
||||||
|
|
||||||
|
// setTimeout(() => {
|
||||||
|
l_mesh.lookAt(this.end.add(this.parent.absolutePosition), undefined, undefined, undefined, Space.WORLD); |
||||||
|
l_mesh.rotation.x = 0; |
||||||
|
l_mesh.rotation.z = 0; |
||||||
|
|
||||||
|
// }, (50));
|
||||||
|
|
||||||
|
// l_mesh.rotation.x = 0;
|
||||||
|
// l_mesh.rotation.z = 0;
|
||||||
|
// l_mesh.setParent(this.parent);
|
||||||
|
|
||||||
|
//l_mesh.rotationQuaternion = Quaternion.FromEulerVector(Vector3.Zero());
|
||||||
|
|
||||||
|
// let angle = Vector3.GetAngleBetweenVectors(l_mesh.forward, this.forward, Vector3.Up());
|
||||||
|
// l_mesh.rotation.y = 180 / Math.PI * angle;
|
||||||
|
|
||||||
|
|
||||||
|
this.mesh.push(l_mesh); |
||||||
|
|
||||||
|
distance -= ArrowInfo.s_step; |
||||||
|
index++; |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,184 @@ |
|||||||
|
import { Color3, MeshBuilder, Vector3 } from "@babylonjs/core"; |
||||||
|
import { PointerEventTypes, PointerInfo } from "@babylonjs/core/Events/pointerEvents"; |
||||||
|
import { StandardMaterial } from "@babylonjs/core/Materials/standardMaterial"; |
||||||
|
import { AbstractMesh } from "@babylonjs/core/Meshes/abstractMesh"; |
||||||
|
import { Mesh } from "@babylonjs/core/Meshes/mesh"; |
||||||
|
import { EventState, Observer } from "@babylonjs/core/Misc/observable"; |
||||||
|
import { classToClass, plainToClass } from "class-transformer"; |
||||||
|
import { SceneManager } from "src/assets/babylon/controller/scene-manager"; |
||||||
|
import { BabylonTool } from "src/assets/babylon/tool/babylon-tool"; |
||||||
|
import { MarkWindow } from "src/assets/babylon/view/mark-window/mark-window"; |
||||||
|
|
||||||
|
import { MarkData } from "../../../data/mark/mark-data"; |
||||||
|
import { MarkData_multiLine } from "../../../data/mark/other/mark-data-multi-line"; |
||||||
|
import { ModelInfo_mark } from "../model-info-mark"; |
||||||
|
|
||||||
|
/** |
||||||
|
* 多点的线段 |
||||||
|
*/ |
||||||
|
export class ModelInfo_mark_multiLine extends ModelInfo_mark { |
||||||
|
|
||||||
|
|
||||||
|
lineData: MarkData_multiLine; |
||||||
|
|
||||||
|
onPointObserver: Observer<PointerInfo>; |
||||||
|
|
||||||
|
lineMesh: Mesh; |
||||||
|
|
||||||
|
mat: StandardMaterial; |
||||||
|
|
||||||
|
|
||||||
|
onCreate(isNew: boolean) { |
||||||
|
let instance = this; |
||||||
|
instance.lineData = this.markData as MarkData_multiLine; |
||||||
|
|
||||||
|
|
||||||
|
this.mat = new StandardMaterial("mat_multiLine", SceneManager.Instance.scene); |
||||||
|
this.mat.emissiveColor = Color3.FromHexString(this.lineData.color); |
||||||
|
this.mat.disableLighting = true; |
||||||
|
|
||||||
|
if (isNew) { |
||||||
|
instance.lineData.pointData = []; |
||||||
|
instance.addPoint(this.modelBox.absolutePosition.clone()); |
||||||
|
|
||||||
|
setTimeout(() => { |
||||||
|
instance.onPointObserver = SceneManager.Instance.scene.onPointerObservable.add((eventData: PointerInfo, eventState: EventState) => { |
||||||
|
instance.onPointerObservable(eventData, eventState); |
||||||
|
} |
||||||
|
|
||||||
|
); |
||||||
|
}, 300); |
||||||
|
} |
||||||
|
else { |
||||||
|
instance.lineData.pointData = plainToClass(Vector3, instance.lineData.pointData); |
||||||
|
} |
||||||
|
instance.updateRender(); |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 更新显示 |
||||||
|
*/ |
||||||
|
updateRender() { |
||||||
|
if (this.lineData.pointData != null && this.lineData.pointData.length > 1) { |
||||||
|
this.lineMesh = MeshBuilder.CreateTube("tube", { path: this.lineData.pointData, radius: this.lineData.radius, sideOrientation: Mesh.DOUBLESIDE, updatable: true }, SceneManager.Instance.scene); |
||||||
|
this.lineMesh.setParent(this.modelBox); |
||||||
|
this.lineMesh.position = Vector3.Zero(); |
||||||
|
this.lineMesh.material = this.mat; |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 添加节点 |
||||||
|
* @param point
|
||||||
|
*/ |
||||||
|
addPoint(point: Vector3) { |
||||||
|
point.y = point.y + this.lineData.yPos; |
||||||
|
this.lineData.pointData.push(point.subtract(this.modelBox.absolutePosition)); |
||||||
|
//更新表现
|
||||||
|
|
||||||
|
if (this.lineData.pointData.length > 1) { |
||||||
|
|
||||||
|
this.updateRender(); |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 移除事件 |
||||||
|
*/ |
||||||
|
removeEvent() { |
||||||
|
if (this.onPointObserver != null) { |
||||||
|
SceneManager.Instance.scene.onPointerObservable.remove(this.onPointObserver); |
||||||
|
this.onPointObserver = null; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 取消创建 |
||||||
|
*/ |
||||||
|
cancelCreate() { |
||||||
|
if (this.lineData.pointData.length < 2) { |
||||||
|
MarkWindow.instance.deleteMarkInfo(this); |
||||||
|
} |
||||||
|
MarkWindow.instance.mulLineIsBreak_SD = -1; |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
onPointerObservable(eventData: PointerInfo, eventState: EventState) { |
||||||
|
let instance = this; |
||||||
|
if (MarkWindow.instance.mulLineIsBreak_SD < 0) { |
||||||
|
instance.cancelCreate(); |
||||||
|
instance.removeEvent(); |
||||||
|
return; |
||||||
|
} |
||||||
|
|
||||||
|
switch (eventData.type) { |
||||||
|
case PointerEventTypes.POINTERUP: |
||||||
|
if (eventData.event.button == 0) { //左键正常
|
||||||
|
if (eventData.pickInfo.hit && !SceneManager.s_isPointerDrag) { |
||||||
|
instance.addPoint(eventData.pickInfo.pickedPoint); |
||||||
|
} |
||||||
|
} |
||||||
|
else if (eventData.event.button == 2) { //右键取消
|
||||||
|
instance.cancelCreate(); |
||||||
|
instance.removeEvent(); |
||||||
|
} |
||||||
|
break; |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
onSelect(select: boolean) { |
||||||
|
super.onSelect(select); |
||||||
|
|
||||||
|
if (select = false) { |
||||||
|
this.cancelCreate(); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 克隆 |
||||||
|
*/ |
||||||
|
clone(markData?: MarkData, isNew: boolean = true): ModelInfo_mark { |
||||||
|
|
||||||
|
let l_markData: MarkData = null; |
||||||
|
if (markData == null) { |
||||||
|
l_markData = classToClass(this.modelData) as MarkData; |
||||||
|
} |
||||||
|
else { |
||||||
|
l_markData = markData; |
||||||
|
} |
||||||
|
|
||||||
|
let childMeshes = null; |
||||||
|
let modelBox = null; |
||||||
|
|
||||||
|
modelBox = BabylonTool.cloneMesh(this.modelBox as Mesh, null, (childMesh: AbstractMesh[]) => { |
||||||
|
childMeshes = childMesh; |
||||||
|
}); |
||||||
|
|
||||||
|
|
||||||
|
let info = new ModelInfo_mark_multiLine(l_markData, childMeshes, modelBox, null, isNew); |
||||||
|
|
||||||
|
this.cloneAnimTo(info); |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
return info; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
dispose() { |
||||||
|
if (this.mat != null) { |
||||||
|
this.mat.dispose(); |
||||||
|
} |
||||||
|
|
||||||
|
this.removeEvent(); |
||||||
|
super.dispose(); |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
@ -0,0 +1,148 @@ |
|||||||
|
import { Mesh, ParticleSystem, ParticleSystemSet, Vector3 } from "@babylonjs/core"; |
||||||
|
import { AbstractMesh } from "@babylonjs/core/Meshes/abstractMesh"; |
||||||
|
import { classToClass } from "class-transformer"; |
||||||
|
import { BabylonTool } from "src/assets/babylon/tool/babylon-tool"; |
||||||
|
import { ParticleSystemTool } from "src/assets/babylon/tool/particle-system-tool"; |
||||||
|
import { MarkType, MarkData } from "../../../data/mark/mark-data"; |
||||||
|
|
||||||
|
import { ModelInfo_mark } from "../model-info-mark"; |
||||||
|
|
||||||
|
export class ModelInfo_mark_particle extends ModelInfo_mark { |
||||||
|
|
||||||
|
/** |
||||||
|
* 粒子特效集合 |
||||||
|
*/ |
||||||
|
particleSet: ParticleSystemSet; |
||||||
|
|
||||||
|
/** |
||||||
|
* 是否播放 |
||||||
|
*/ |
||||||
|
isPlaying: boolean = true; |
||||||
|
|
||||||
|
|
||||||
|
onCreate(isNew: boolean) { |
||||||
|
super.onCreate(isNew); |
||||||
|
let instance = this; |
||||||
|
|
||||||
|
this.particleSet = new ParticleSystemSet(); |
||||||
|
|
||||||
|
let particleJsonPath: string[] = []; |
||||||
|
|
||||||
|
let posOffset = Vector3.Zero(); |
||||||
|
|
||||||
|
switch (this.markData.type) { |
||||||
|
case MarkType.H: |
||||||
|
particleJsonPath.push("assets/particlesystem/fire/fire_h_1.json"); |
||||||
|
particleJsonPath.push("assets/particlesystem/fire/fire_h_2.json"); |
||||||
|
particleJsonPath.push("assets/particlesystem/fire/fire_h_3.json"); |
||||||
|
particleJsonPath.push("assets/particlesystem/smoke/smoke_a.json"); |
||||||
|
instance.modelBox.scaling = new Vector3(300, 300, 300); |
||||||
|
posOffset.y = 2.9 / instance.modelBox.scaling.y; |
||||||
|
break; |
||||||
|
case MarkType.TPH: |
||||||
|
particleJsonPath.push("assets/particlesystem/fire/fire_tph_1.json"); |
||||||
|
particleJsonPath.push("assets/particlesystem/fire/fire_tph_2.json"); |
||||||
|
particleJsonPath.push("assets/particlesystem/fire/fire_tph_3.json"); |
||||||
|
particleJsonPath.push("assets/particlesystem/smoke/smoke_b.json"); |
||||||
|
instance.modelBox.scaling = new Vector3(300, 300, 300); |
||||||
|
posOffset.y = 2.9 / instance.modelBox.scaling.y; |
||||||
|
break; |
||||||
|
case MarkType.SNH: |
||||||
|
particleJsonPath.push("assets/particlesystem/fire/fire_snh_1.json"); |
||||||
|
particleJsonPath.push("assets/particlesystem/fire/fire_snh_2.json"); |
||||||
|
particleJsonPath.push("assets/particlesystem/fire/fire_snh_3.json"); |
||||||
|
particleJsonPath.push("assets/particlesystem/smoke/smoke_snh.json"); |
||||||
|
instance.modelBox.scaling = new Vector3(300, 100, 300); |
||||||
|
posOffset.y = 1 / instance.modelBox.scaling.y; |
||||||
|
break; |
||||||
|
case MarkType.YWA: |
||||||
|
particleJsonPath.push("assets/particlesystem/smoke/smoke_a.json"); |
||||||
|
instance.modelBox.scaling = new Vector3(500, 100, 500); |
||||||
|
break; |
||||||
|
case MarkType.YWB: |
||||||
|
particleJsonPath.push("assets/particlesystem/smoke/smoke_b.json"); |
||||||
|
instance.modelBox.scaling = new Vector3(300, 600, 300); |
||||||
|
break; |
||||||
|
case MarkType.YWC: |
||||||
|
particleJsonPath.push("assets/particlesystem/smoke/smoke_c.json"); |
||||||
|
instance.modelBox.scaling = new Vector3(100, 100, 100); |
||||||
|
break; |
||||||
|
} |
||||||
|
|
||||||
|
let root: AbstractMesh = new AbstractMesh("psRoot"); |
||||||
|
root.setParent(instance.modelBox); |
||||||
|
root.position = Vector3.Zero().add(posOffset); |
||||||
|
root.rotationQuaternion = undefined; |
||||||
|
root.rotation = Vector3.Zero(); |
||||||
|
|
||||||
|
|
||||||
|
for (let i = 0; i < particleJsonPath.length; i++) { |
||||||
|
ParticleSystemTool.instance.importParticle(instance.markData.type.toString(), particleJsonPath[i], (ps: ParticleSystem) => { |
||||||
|
// instance.modelBox.scaling = new Vector3(100, 300, 100);
|
||||||
|
ps.emitter = root; |
||||||
|
instance.particleSet.systems.push(ps); |
||||||
|
if (instance.isPlaying) { |
||||||
|
instance.particleSet.start(); |
||||||
|
} |
||||||
|
}) |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
play() { |
||||||
|
this.isPlaying = true; |
||||||
|
if (this.particleSet == null) { |
||||||
|
return; |
||||||
|
} |
||||||
|
this.particleSet.start(); |
||||||
|
} |
||||||
|
|
||||||
|
stop() { |
||||||
|
this.isPlaying = true; |
||||||
|
if (this.particleSet == null) { |
||||||
|
return; |
||||||
|
} |
||||||
|
for (let i = 0; i < this.particleSet.systems.length; i++) { |
||||||
|
this.particleSet.systems[i].stop(); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 克隆 |
||||||
|
*/ |
||||||
|
clone(markData?: MarkData, isNew: boolean = true): ModelInfo_mark { |
||||||
|
|
||||||
|
let l_markData: MarkData = null; |
||||||
|
if (markData == null) { |
||||||
|
l_markData = classToClass(this.modelData) as MarkData; |
||||||
|
} |
||||||
|
else { |
||||||
|
l_markData = markData; |
||||||
|
} |
||||||
|
|
||||||
|
let childMeshes = null; |
||||||
|
let modelBox = null; |
||||||
|
|
||||||
|
modelBox = BabylonTool.cloneMesh(this.modelBox as Mesh, null, (childMesh: AbstractMesh[]) => { |
||||||
|
childMeshes = childMesh; |
||||||
|
}); |
||||||
|
|
||||||
|
|
||||||
|
let info = new ModelInfo_mark_particle(l_markData, childMeshes, modelBox, null, isNew); |
||||||
|
|
||||||
|
this.cloneAnimTo(info); |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
return info; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
dispose() { |
||||||
|
if (this.particleSet != null) { |
||||||
|
this.particleSet.dispose(); |
||||||
|
} |
||||||
|
super.dispose(); |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
@ -0,0 +1,368 @@ |
|||||||
|
//#region 区域
|
||||||
|
|
||||||
|
import { AbstractMesh, Color3, Mesh, MeshBuilder, Observer, PolygonMeshBuilder, Quaternion, Scene, StandardMaterial, Vector2, Vector3 } from "@babylonjs/core"; |
||||||
|
import { Button, Vector2WithInfo } from "@babylonjs/gui"; |
||||||
|
|
||||||
|
import { ModelInfo_facility } from "../model-info-facility"; |
||||||
|
import * as earcut from "earcut"; |
||||||
|
import { ModeManager, ModeType } from "src/assets/babylon/controller/mode-manager"; |
||||||
|
import { SceneManager } from "src/assets/babylon/controller/scene-manager"; |
||||||
|
import { UIManager } from "src/assets/babylon/controller/ui-manager"; |
||||||
|
import { BabylonUIStyleTool } from "src/assets/babylon/tool/babylon-ui-style-tool"; |
||||||
|
import { GizmoTool } from "src/assets/babylon/tool/gizmo-tool"; |
||||||
|
import { PosPointTool } from "src/assets/babylon/tool/pos-point-tool"; |
||||||
|
import { FacilityType, ModelData_facility } from "../../../data/model-data/model-data-facility"; |
||||||
|
|
||||||
|
(window as any).earcut = earcut; |
||||||
|
|
||||||
|
|
||||||
|
// import {earcut} from "earcut";
|
||||||
|
|
||||||
|
/** |
||||||
|
* 区域信息 |
||||||
|
*/ |
||||||
|
export class AreaInfo { |
||||||
|
pointData: Vector3[];//点位
|
||||||
|
mesh: Mesh; |
||||||
|
material: StandardMaterial; |
||||||
|
belongToFacility: ModelInfo_facility; |
||||||
|
|
||||||
|
pointMesh: PolygonMeshPoint[] = []; |
||||||
|
root: Mesh; |
||||||
|
isShow: boolean; |
||||||
|
|
||||||
|
onBeforeRenderObserver: Observer<Scene>; |
||||||
|
onGizmoAimMeshObserver: Observer<AbstractMesh>; |
||||||
|
|
||||||
|
/** |
||||||
|
* 根据类别分辨区域颜色 |
||||||
|
* @param facilityType
|
||||||
|
*/ |
||||||
|
static getAreaColor(facilityType: FacilityType): Color3 { |
||||||
|
let result = Color3.Red(); |
||||||
|
switch (facilityType) { |
||||||
|
case FacilityType.FHFQ: |
||||||
|
result = Color3.Red(); |
||||||
|
break; |
||||||
|
case FacilityType.JTQ: |
||||||
|
result = Color3.Yellow(); |
||||||
|
break; |
||||||
|
case FacilityType.JJQ: |
||||||
|
result = Color3.Green(); |
||||||
|
break; |
||||||
|
} |
||||||
|
|
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
constructor(pointData: Vector3[], facilityInfo: ModelInfo_facility) { |
||||||
|
this.belongToFacility = facilityInfo; |
||||||
|
this.pointData = pointData; |
||||||
|
|
||||||
|
this.root = MeshBuilder.CreateBox("areaRoot_" + this.belongToFacility.key, { size: 1 }); |
||||||
|
this.root.isVisible = false; |
||||||
|
|
||||||
|
this.root.setParent(this.belongToFacility.modelBox); |
||||||
|
this.root.position = Vector3.Zero(); |
||||||
|
this.root.rotationQuaternion = new Quaternion(); |
||||||
|
|
||||||
|
this.updateMeshPoint(); |
||||||
|
|
||||||
|
|
||||||
|
let poly_tri = new PolygonMeshBuilder("polytri", this.getVector2Point(), SceneManager.Instance.scene); |
||||||
|
this.mesh = poly_tri.build(true, 0); |
||||||
|
this.mesh.setParent(this.root); |
||||||
|
this.mesh.position = Vector3.Zero(); |
||||||
|
this.mesh.isPickable = false; |
||||||
|
|
||||||
|
|
||||||
|
this.material = new StandardMaterial("mat_area", SceneManager.Instance.scene); |
||||||
|
this.material.emissiveColor = this.getAreaColor(); |
||||||
|
this.material.disableLighting = true; |
||||||
|
this.material.alpha = 0.5; |
||||||
|
this.mesh.material = this.material; |
||||||
|
|
||||||
|
|
||||||
|
let instance = this; |
||||||
|
this.onBeforeRenderObserver = SceneManager.Instance.scene.onBeforeRenderObservable.add(() => { |
||||||
|
instance.onUpdate(); |
||||||
|
}); |
||||||
|
|
||||||
|
this.onGizmoAimMeshObserver = GizmoTool.onGizmoAimMeshObservable.add((mesh) => { |
||||||
|
instance.onChangeGizmo(mesh); |
||||||
|
}) |
||||||
|
|
||||||
|
|
||||||
|
//延时更新一下
|
||||||
|
setTimeout( |
||||||
|
function () { |
||||||
|
instance.refreshMesh(); |
||||||
|
}, |
||||||
|
100); |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 获取颜色属性 |
||||||
|
*/ |
||||||
|
getAreaColor() { |
||||||
|
let modelData = this.belongToFacility.modelData as ModelData_facility; |
||||||
|
let propertyData = modelData.propertyData as any; |
||||||
|
if (propertyData.color == undefined) { |
||||||
|
propertyData.color = AreaInfo.getAreaColor(modelData.facilityType); |
||||||
|
} |
||||||
|
else if (!(propertyData.color instanceof Color3)) { |
||||||
|
propertyData.color = new Color3(propertyData.color.r, propertyData.color.g, propertyData.color.b); |
||||||
|
} |
||||||
|
return propertyData.color as Color3; |
||||||
|
} |
||||||
|
|
||||||
|
getVector2Point(): Vector2[] { |
||||||
|
let point: Vector2[] = []; |
||||||
|
for (let i = 0; i < this.pointData.length; i++) { |
||||||
|
point.push(new Vector2(this.pointData[i].x, this.pointData[i].z)); |
||||||
|
} |
||||||
|
return point; |
||||||
|
} |
||||||
|
|
||||||
|
setEnable(enable: boolean) { |
||||||
|
if (this.root != null) { |
||||||
|
this.root.setEnabled(enable); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
dispose() { |
||||||
|
SceneManager.Instance.scene.onBeforeRenderObservable.remove(this.onBeforeRenderObserver); |
||||||
|
this.onBeforeRenderObserver = null; |
||||||
|
GizmoTool.onGizmoAimMeshObservable.remove(this.onGizmoAimMeshObserver); |
||||||
|
this.onGizmoAimMeshObserver = null; |
||||||
|
this.clearMeshPoint(); |
||||||
|
this.material.dispose(); |
||||||
|
this.mesh.dispose(); |
||||||
|
} |
||||||
|
|
||||||
|
onChangeGizmo(mesh: AbstractMesh) { |
||||||
|
if (mesh != null) { |
||||||
|
this.isShow = mesh == this.belongToFacility.modelBox || this.isPosPointMesh(mesh); |
||||||
|
this.isShow = this.isShow && ModeManager.currentMode == ModeType.Edit; |
||||||
|
this.showPoint(this.isShow); |
||||||
|
} |
||||||
|
else { |
||||||
|
this.showPoint(false); |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
//是否是位点mesh
|
||||||
|
isPosPointMesh(mesh: AbstractMesh): boolean { |
||||||
|
if (mesh == null) { |
||||||
|
return false; |
||||||
|
} |
||||||
|
for (let i = 0; i < this.pointMesh.length; i++) { |
||||||
|
if (mesh == this.pointMesh[i].mesh) { |
||||||
|
return true; |
||||||
|
} |
||||||
|
} |
||||||
|
return false; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
showPoint(show: boolean) { |
||||||
|
for (let i = 0; i < this.pointMesh.length; i++) { |
||||||
|
this.pointMesh[i].showUI(show); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
onUpdate() { |
||||||
|
|
||||||
|
if (!this.isShow) { |
||||||
|
return; |
||||||
|
} |
||||||
|
for (let i = 0; i < this.pointData.length; i++) { |
||||||
|
this.pointData[i].y = 0; |
||||||
|
} |
||||||
|
this.refreshMesh(); |
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
refreshMesh() { |
||||||
|
if (this.mesh != null) { |
||||||
|
this.mesh.dispose(); |
||||||
|
let poly_tri = new PolygonMeshBuilder("polytri", this.getVector2Point(), SceneManager.Instance.scene); |
||||||
|
this.mesh = poly_tri.build(true, 0); |
||||||
|
this.mesh.setParent(this.root); |
||||||
|
this.mesh.position = Vector3.Zero(); |
||||||
|
this.mesh.isPickable = false; |
||||||
|
this.mesh.material = this.material; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
//更新顶点
|
||||||
|
updateMeshPoint(index = -1) { |
||||||
|
this.clearMeshPoint(); |
||||||
|
let select = null; |
||||||
|
for (let i = 0; i < this.pointData.length; i++) { |
||||||
|
let l_meshPoint = new PolygonMeshPoint(PosPointTool.c_key + "_" + i, i, 0.2, this.root, this.pointData[i], this); |
||||||
|
|
||||||
|
this.pointMesh.push(l_meshPoint); |
||||||
|
if (i == index) { |
||||||
|
select = l_meshPoint; |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
if (select != null) { |
||||||
|
select.changeAim(); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
//清空顶点
|
||||||
|
clearMeshPoint() { |
||||||
|
for (let i = 0; i < this.pointMesh.length; i++) { |
||||||
|
this.pointMesh[i].dispose(); |
||||||
|
} |
||||||
|
this.pointMesh = []; |
||||||
|
} |
||||||
|
|
||||||
|
//加点
|
||||||
|
addPoint(index: number) { |
||||||
|
let newIndex = index; |
||||||
|
|
||||||
|
let pos = Vector3.Zero(); |
||||||
|
let num = this.pointData.length; |
||||||
|
if (newIndex < 1) { |
||||||
|
pos = (this.pointData[0].add(this.pointData[num - 1])).multiplyByFloats(0.5, 0.5, 0.5); |
||||||
|
this.pointData.push(pos); |
||||||
|
this.updateMeshPoint(num); |
||||||
|
} |
||||||
|
else { |
||||||
|
pos = (this.pointData[index].add(this.pointData[index - 1])).multiplyByFloats(0.5, 0.5, 0.5); |
||||||
|
this.pointData.splice(index, 0, pos); |
||||||
|
this.updateMeshPoint(index); |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
//减点
|
||||||
|
reducePoint(index: number) { |
||||||
|
|
||||||
|
let num = this.pointData.length; |
||||||
|
if (num < 4) { |
||||||
|
//ThreeDimensionalHomeComponent.instance.openSnackBar("不能少于3个顶点");
|
||||||
|
// alert("不能少于3个顶点");
|
||||||
|
return; |
||||||
|
} |
||||||
|
this.pointData.splice(index, 1); |
||||||
|
let newSelectIndex = index; |
||||||
|
if (newSelectIndex <= 0) { |
||||||
|
newSelectIndex = 1; |
||||||
|
} |
||||||
|
this.updateMeshPoint(newSelectIndex); |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
//可编辑多边形的mesh
|
||||||
|
export class PolygonMeshPoint { |
||||||
|
|
||||||
|
area: AreaInfo |
||||||
|
mesh: Mesh; |
||||||
|
pos: Vector3; |
||||||
|
|
||||||
|
index: number; |
||||||
|
|
||||||
|
uiRoot: Button; |
||||||
|
|
||||||
|
onGizmoAimMeshObservor: Observer<AbstractMesh>; |
||||||
|
onPointerClickObservor: Observer<Vector2WithInfo>; |
||||||
|
|
||||||
|
constructor(name: string, index: number, size: number, parent: Mesh, pos: Vector3, area: AreaInfo) { |
||||||
|
|
||||||
|
|
||||||
|
this.index = index; |
||||||
|
this.area = area; |
||||||
|
|
||||||
|
this.initEditUI(name, size, parent, pos); |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
//初始化编辑UI
|
||||||
|
initEditUI(name: string, size: number, parent: Mesh, pos: Vector3) { |
||||||
|
if (ModeManager.currentMode == ModeType.Edit) { |
||||||
|
this.mesh = MeshBuilder.CreateBox(name, { size: size }); |
||||||
|
this.mesh.setParent(parent); |
||||||
|
this.mesh.position = pos; |
||||||
|
this.mesh.isVisible = false; |
||||||
|
|
||||||
|
let instance = this; |
||||||
|
this.uiRoot = Button.CreateSimpleButton("ui_" + name, this.index.toString()); |
||||||
|
UIManager.Instance.uiRoot.addControl(this.uiRoot); |
||||||
|
this.uiRoot.linkWithMesh(this.mesh); |
||||||
|
BabylonUIStyleTool.setStyle_size(this.uiRoot, "20px", "20px"); |
||||||
|
this.uiRoot.background = BabylonUIStyleTool.c_color_blue; |
||||||
|
this.uiRoot.color = BabylonUIStyleTool.c_color_white; |
||||||
|
this.uiRoot.onPointerClickObservable.add(() => { |
||||||
|
instance.changeAim(); |
||||||
|
}); |
||||||
|
|
||||||
|
this.showUI(false); |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
//改变序号
|
||||||
|
changeIndex(newIndex: number) { |
||||||
|
this.index = newIndex; |
||||||
|
} |
||||||
|
|
||||||
|
//改变选中的目标
|
||||||
|
changeAim() { |
||||||
|
let instance = this; |
||||||
|
GizmoTool.changeGizmoAim(instance.mesh); |
||||||
|
PosPointTool.attachMesh(instance.mesh as Mesh, instance.pos, |
||||||
|
() => { |
||||||
|
instance.addPoint(); |
||||||
|
}, |
||||||
|
() => { |
||||||
|
instance.reducePoint(); |
||||||
|
} |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
dispose() { |
||||||
|
|
||||||
|
if (this.uiRoot != null) { |
||||||
|
GizmoTool.onGizmoAimMeshObservable.remove(this.onGizmoAimMeshObservor); |
||||||
|
this.uiRoot.onPointerClickObservable.clear(); |
||||||
|
this.mesh.dispose(); |
||||||
|
this.uiRoot.dispose(); |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
//显示或隐藏UI
|
||||||
|
showUI(show: boolean) { |
||||||
|
if (this.uiRoot != null) { |
||||||
|
this.uiRoot.isVisible = show; |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
//加点
|
||||||
|
addPoint() { |
||||||
|
this.area.addPoint(this.index); |
||||||
|
} |
||||||
|
|
||||||
|
//减点
|
||||||
|
reducePoint() { |
||||||
|
this.area.reducePoint(this.index); |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
//#endregion
|
||||||
@ -0,0 +1,266 @@ |
|||||||
|
//#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/assets/babylon/controller/mode-manager"; |
||||||
|
import { SceneManager } from "src/assets/babylon/controller/scene-manager"; |
||||||
|
import { UIManager } from "src/assets/babylon/controller/ui-manager"; |
||||||
|
import { BabylonUIStyleTool, UI_LineInfo } from "src/assets/babylon/tool/babylon-ui-style-tool"; |
||||||
|
import { GizmoTool, TransformUIType } from "src/assets/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
|
||||||
@ -0,0 +1,231 @@ |
|||||||
|
import { Observer, Scene, TransformNode } from "@babylonjs/core"; |
||||||
|
import { Button, Rectangle } from "@babylonjs/gui"; |
||||||
|
import { ModelChangeType } from "src/assets/babylon/controller/data-manager"; |
||||||
|
import { Event_ModelInfoChange } from "src/assets/babylon/controller/event-manager/events/event-modelinfo-change"; |
||||||
|
import { InfoManager } from "src/assets/babylon/controller/info-manager"; |
||||||
|
import { ModeManager, ModeType } from "src/assets/babylon/controller/mode-manager"; |
||||||
|
import { SceneManager } from "src/assets/babylon/controller/scene-manager"; |
||||||
|
import { BuildingStatus } from "src/assets/babylon/controller/status/building-status"; |
||||||
|
import { IndoorStatus } from "src/assets/babylon/controller/status/indoor-status"; |
||||||
|
import { StatusManager } from "src/assets/babylon/controller/status/status-manager"; |
||||||
|
import { BabylonUIStyleTool } from "src/assets/babylon/tool/babylon-ui-style-tool"; |
||||||
|
import { GizmoTool } from "src/assets/babylon/tool/gizmo-tool"; |
||||||
|
import { TsTool } from "src/assets/babylon/tool/ts-tool"; |
||||||
|
|
||||||
|
import { BuildingType } from "../../data/institution/building/building-data"; |
||||||
|
import { ModelInfo_mark } from "../mark/model-info-mark"; |
||||||
|
import { ModelInfo } from "./model-info"; |
||||||
|
import { FacilityInfoByType, ModelInfo_facility } from "./model-info-facility"; |
||||||
|
|
||||||
|
//建筑类模型信息
|
||||||
|
export class ModelInfo_building extends ModelInfo { |
||||||
|
facilityRoot: TransformNode; |
||||||
|
facilityInfos: FacilityInfoByType[] = []; |
||||||
|
buildingType: BuildingType = BuildingType.Normal; |
||||||
|
|
||||||
|
neiRoot: TransformNode; //facilityRoot参照的节点
|
||||||
|
updateObserver: Observer<Scene>; |
||||||
|
|
||||||
|
onSetModelBox() { |
||||||
|
super.onSetModelBox(); |
||||||
|
this.initFacilityRoot(); |
||||||
|
} |
||||||
|
|
||||||
|
initFacilityRoot() { |
||||||
|
|
||||||
|
let allTransformNode = this.modelBox.getChildTransformNodes(); |
||||||
|
this.neiRoot = null; |
||||||
|
for (let i = 0; i < allTransformNode.length; i++) { |
||||||
|
if (TsTool.stringContain(allTransformNode[i].name, "nei")) { |
||||||
|
this.neiRoot = allTransformNode[i]; |
||||||
|
break; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
if (this.neiRoot == null) { |
||||||
|
this.neiRoot = this.modelBox; |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
if (this.facilityRoot != null) { |
||||||
|
this.facilityRoot.dispose(); |
||||||
|
} |
||||||
|
|
||||||
|
this.facilityRoot = new TransformNode(this.modelData.key + '_facilityRoot'); |
||||||
|
|
||||||
|
let instance = this; |
||||||
|
if (this.updateObserver != null) { |
||||||
|
SceneManager.Instance.scene.onAfterRenderObservable.remove(this.updateObserver); |
||||||
|
} |
||||||
|
this.updateObserver = SceneManager.Instance.scene.onAfterRenderObservable.add(function () { |
||||||
|
instance.onBeforeRender(); |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
onClickMeshIconBtn() { |
||||||
|
if (StatusManager.s_currentStatus instanceof BuildingStatus) { |
||||||
|
StatusManager.s_currentStatus.buildingWindow.changeCurrentBuildingInfo(this); |
||||||
|
} |
||||||
|
else if (StatusManager.s_currentStatus instanceof IndoorStatus) { |
||||||
|
GizmoTool.onPickMeshInfoObservable.notifyObservers(this); |
||||||
|
// StatusManager.s_currentStatus.indoorWindow.lookAtCenter(this);
|
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
onCreateFollowUI() { |
||||||
|
super.onCreateFollowUI(); |
||||||
|
|
||||||
|
this.uiFollowRoot.width = '104px'; |
||||||
|
this.uiFollowRoot.height = '26px'; |
||||||
|
this.uiFollowRoot.thickness = 0; |
||||||
|
|
||||||
|
|
||||||
|
let border = new Rectangle("border"); |
||||||
|
this.uiFollowRoot.addControl(border); |
||||||
|
border.thickness = 0; |
||||||
|
border.background = BabylonUIStyleTool.c_color_blue;//"#0CB7F7";
|
||||||
|
border.alpha = 0.7; |
||||||
|
|
||||||
|
|
||||||
|
this.uiIconBtn = Button.CreateSimpleButton( |
||||||
|
'Btn_' + this.key, |
||||||
|
"加载中..." |
||||||
|
); |
||||||
|
border.addControl(this.uiIconBtn); |
||||||
|
this.uiIconBtn.width = '100px'; |
||||||
|
this.uiIconBtn.height = '22px'; |
||||||
|
this.uiIconBtn.background = "#415094"; |
||||||
|
this.uiIconBtn.color = "white"; |
||||||
|
this.uiIconBtn.thickness = 0; |
||||||
|
this.uiIconBtn.textBlock.fontSize = 12; |
||||||
|
this.uiIconBtn.shadowBlur = 1; |
||||||
|
this.uiFollowRoot.zIndex = BabylonUIStyleTool.c_zIndex_buildingIcon; |
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 显示此模型的跟随UI |
||||||
|
* @param show
|
||||||
|
*/ |
||||||
|
showFollowUI(show: boolean) { |
||||||
|
if (ModeManager.currentMode == ModeType.Look && this.buildingType == BuildingType.Environment) { |
||||||
|
super.showFollowUI(false); |
||||||
|
} |
||||||
|
else { |
||||||
|
super.showFollowUI(show); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 显示设备的跟随UI |
||||||
|
* @param show
|
||||||
|
*/ |
||||||
|
showFacilityUI(show: boolean) { |
||||||
|
|
||||||
|
if (this.facilityInfos != null) { |
||||||
|
for (let i = 0; i < this.facilityInfos.length; i++) { |
||||||
|
let facilityByType = this.facilityInfos[i].facilityInfo; |
||||||
|
if (facilityByType != null) { |
||||||
|
for (let i = 0; i < facilityByType.length; i++) { |
||||||
|
facilityByType[i].setIconEnable(show) |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
//更新跟随UI的名称
|
||||||
|
updateName(name: string) { |
||||||
|
this.uiIconBtn.textBlock.text = name; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
dispose() { |
||||||
|
this.disposeAllFacility(); |
||||||
|
super.dispose(); |
||||||
|
} |
||||||
|
|
||||||
|
//释放所有设备
|
||||||
|
disposeAllFacility() { |
||||||
|
ModeManager.log('释放室内设备' + this.facilityInfos.length); |
||||||
|
for (let i = 0; i < this.facilityInfos.length; i++) { |
||||||
|
|
||||||
|
for (let j = 0; j < this.facilityInfos[i].facilityInfo.length; j++) { |
||||||
|
this.removeFacilityInfo(this.facilityInfos[i].facilityInfo[j], false); |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
this.facilityInfos = []; |
||||||
|
this.facilityRoot.dispose(); |
||||||
|
} |
||||||
|
|
||||||
|
onBeforeRender() { |
||||||
|
// console.log(this.modelBox.absolutePosition);
|
||||||
|
|
||||||
|
this.facilityRoot.position = this.neiRoot.absolutePosition.clone(); |
||||||
|
this.facilityRoot.rotation = this.neiRoot.rotation.clone(); |
||||||
|
//if (this.modelBox.rotationQuaternion != null) {
|
||||||
|
this.facilityRoot.rotationQuaternion = this.neiRoot.absoluteRotationQuaternion.clone(); |
||||||
|
if (this.neiRoot.parent != null && (this.neiRoot.parent as TransformNode).scaling.y < 0) { |
||||||
|
this.facilityRoot.scaling.y = -1; |
||||||
|
} |
||||||
|
|
||||||
|
//}
|
||||||
|
} |
||||||
|
|
||||||
|
//设置设备的父节点
|
||||||
|
setFacilityParent(modelInfo_facility: ModelInfo_facility) { |
||||||
|
modelInfo_facility.modelBox.setParent(this.facilityRoot); |
||||||
|
} |
||||||
|
|
||||||
|
//设置标绘物的父节点
|
||||||
|
steMarkParent(modelInfo_mark: ModelInfo_mark) { |
||||||
|
modelInfo_mark.modelBox.setParent(this.facilityRoot); |
||||||
|
} |
||||||
|
|
||||||
|
//移除设备记录
|
||||||
|
removeFacilityInfo(modelInfo_facility: ModelInfo_facility, remove: boolean) { |
||||||
|
if (remove) { |
||||||
|
|
||||||
|
InfoManager.removeFacilityInfoToTypeList(modelInfo_facility, this.facilityInfos); |
||||||
|
} |
||||||
|
Event_ModelInfoChange.dispatch(modelInfo_facility, ModelChangeType.Remove); |
||||||
|
SceneManager.destroyModel(modelInfo_facility); |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 设置显示状态 |
||||||
|
* @param enable true 为显示 |
||||||
|
*/ |
||||||
|
setEnable(enable: boolean) { |
||||||
|
super.setEnable(enable); |
||||||
|
this.setFacilityEnable(enable); |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 设置设备的显隐状态 |
||||||
|
* @param enable
|
||||||
|
*/ |
||||||
|
setFacilityEnable(enable: boolean) { |
||||||
|
if (this.facilityRoot != null) { |
||||||
|
this.facilityRoot.setEnabled(enable); |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
if (this.facilityInfos != null) { |
||||||
|
for (let j = 0; j < this.facilityInfos.length; j++) { |
||||||
|
for (let k = 0; k < this.facilityInfos[j].facilityInfo.length; k++) { |
||||||
|
this.facilityInfos[j].facilityInfo[k].setEnable(enable); |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
@ -0,0 +1,196 @@ |
|||||||
|
import { AbstractMesh, EventState } from "@babylonjs/core"; |
||||||
|
import { Button, Control, Ellipse, Rectangle, Vector2WithInfo } from "@babylonjs/gui"; |
||||||
|
import { ConfigManager } from "src/assets/babylon/controller/config-manager"; |
||||||
|
import { SceneManager } from "src/assets/babylon/controller/scene-manager"; |
||||||
|
import { BabylonUIStyleTool } from "src/assets/babylon/tool/babylon-ui-style-tool"; |
||||||
|
import { FacilityWindow } from "src/assets/babylon/view/facility-window/facility-window"; |
||||||
|
import { FacilityInfoInSceneWindow } from "src/assets/babylon/view/facilityinfoinscene-window/facilityinfoinscene-window"; |
||||||
|
import { PropertyBaseWindow } from "src/assets/babylon/view/property-window/property-base-window"; |
||||||
|
import { ModelData } from "../../data/model-data/model-data"; |
||||||
|
import { FacilityShowType, FacilityType, ModelData_facility } from "../../data/model-data/model-data-facility"; |
||||||
|
import { BuildingInfo } from "../building/building-info"; |
||||||
|
import { AreaInfo } from "./facilityinfo-tool/facility-area"; |
||||||
|
import { GdInfo } from "./facilityinfo-tool/facility-gd"; |
||||||
|
import { ModelInfo } from "./model-info"; |
||||||
|
|
||||||
|
//设施数据
|
||||||
|
export class ModelInfo_facility extends ModelInfo { |
||||||
|
belongToBuilding: BuildingInfo;//属于哪个建筑
|
||||||
|
pickDown: boolean;//按下
|
||||||
|
facilityShowType: FacilityShowType;//设备展示状态
|
||||||
|
ui_select: Ellipse | Rectangle; |
||||||
|
areaInfo: AreaInfo;//区域信息
|
||||||
|
gdInfo: GdInfo;//高度信息
|
||||||
|
isNew: boolean;//是否是新建
|
||||||
|
|
||||||
|
|
||||||
|
constructor( |
||||||
|
key: string, |
||||||
|
modelData: ModelData, |
||||||
|
models: AbstractMesh[], |
||||||
|
modelBox: AbstractMesh, |
||||||
|
belongToBuilding: BuildingInfo, |
||||||
|
isNew: boolean |
||||||
|
) { |
||||||
|
super(key, modelData, models, modelBox); |
||||||
|
this.facilityShowType = ModelData_facility.getShowType((modelData as ModelData_facility).facilityType); |
||||||
|
this.belongToBuilding = belongToBuilding; |
||||||
|
this.isNew = isNew; |
||||||
|
} |
||||||
|
|
||||||
|
onCreateFollowUI() { |
||||||
|
super.onCreateFollowUI(); |
||||||
|
let instance = this; |
||||||
|
let modelData = this.modelData as ModelData_facility; |
||||||
|
let posType = ConfigManager.getPosType(modelData.facilityType); |
||||||
|
let iconPath = ConfigManager.getFacilityIconUrl(modelData.facilityType, posType); |
||||||
|
BabylonUIStyleTool.setStyle_size(this.uiFollowRoot, ConfigManager.c_size_facilityIconSize + "px", ConfigManager.c_size_facilityIconSize + "px"); |
||||||
|
this.uiFollowRoot.thickness = 0; |
||||||
|
|
||||||
|
if (modelData.facilityType == FacilityType.AQCK) { |
||||||
|
this.ui_select = new Rectangle("select"); |
||||||
|
} |
||||||
|
else { |
||||||
|
this.ui_select = new Ellipse("select"); |
||||||
|
} |
||||||
|
|
||||||
|
this.uiFollowRoot.addControl(this.ui_select); |
||||||
|
this.ui_select.background = BabylonUIStyleTool.c_color_3d_blue; |
||||||
|
this.ui_select.thickness = 0; |
||||||
|
this.ui_select.width = 0.95; |
||||||
|
this.ui_select.height = 0.95; |
||||||
|
this.ui_select.shadowColor = BabylonUIStyleTool.c_color_3d_blue; |
||||||
|
this.ui_select.shadowBlur = 3; |
||||||
|
this.ui_select.isVisible = false; |
||||||
|
|
||||||
|
this.uiIconBtn = Button.CreateImageButton("iconPath", "", iconPath); |
||||||
|
this.uiIconBtn.thickness = 0; |
||||||
|
this.uiIconBtn.image.width = 0.9; |
||||||
|
this.uiIconBtn.image.height = 0.9; |
||||||
|
this.uiIconBtn.image.horizontalAlignment = Control.HORIZONTAL_ALIGNMENT_CENTER; |
||||||
|
this.uiIconBtn.image.verticalAlignment = Control.VERTICAL_ALIGNMENT_CENTER; |
||||||
|
this.uiFollowRoot.addControl(this.uiIconBtn); |
||||||
|
|
||||||
|
//BabylonUIStyleTool.addLongPressButtonBehave(this.uiIconBtn, SceneManager.Instance.scene, () => {
|
||||||
|
// instance.askDelete(instance);
|
||||||
|
// }, () => {
|
||||||
|
// // instance.onClickMeshIconBtn(null, null);
|
||||||
|
// instance.onStopLongPress(null, null);
|
||||||
|
// })
|
||||||
|
|
||||||
|
this.uiIconBtn.onPointerClickObservable.add(() => { |
||||||
|
instance.onStopLongPress(null, null); |
||||||
|
}); |
||||||
|
|
||||||
|
//双击，拉近镜头
|
||||||
|
BabylonUIStyleTool.addDoubleClickButtonBehave(this.uiIconBtn, SceneManager.Instance.scene, () => { |
||||||
|
let item = FacilityInfoInSceneWindow.instance.getFacilityItem(instance); |
||||||
|
if (item != null) { |
||||||
|
item.lookAt(); |
||||||
|
} |
||||||
|
|
||||||
|
}); |
||||||
|
|
||||||
|
this.uiFollowRoot.zIndex = BabylonUIStyleTool.c_zIndex_facilityIcon; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
//询问删除
|
||||||
|
askDelete(modelInfo: ModelInfo_facility, ask = true) { |
||||||
|
if (ask) { |
||||||
|
// ThreeDimensionalHomeComponent.instance.deleteProperty(() => {
|
||||||
|
// FacilityWindow.instance.disposeFacility(modelInfo);
|
||||||
|
// }, modelInfo.key);
|
||||||
|
} |
||||||
|
else { //直接删除
|
||||||
|
FacilityWindow.instance.disposeFacility(modelInfo); |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
//终止长按
|
||||||
|
onStopLongPress(eventData: Vector2WithInfo, eventState: EventState) { |
||||||
|
// this.onClickMeshIconBtn(eventData,eventState);
|
||||||
|
FacilityInfoInSceneWindow.instance.selectFacilityInfo(this); |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
//展示属性
|
||||||
|
showProperty() { |
||||||
|
PropertyBaseWindow.ShowWindow(this); |
||||||
|
} |
||||||
|
|
||||||
|
onSetModelBox() { |
||||||
|
super.onSetModelBox(); |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
setEnable(enable: boolean) { |
||||||
|
super.setEnable(enable); |
||||||
|
if (this.areaInfo != null) { |
||||||
|
this.areaInfo.setEnable(enable); |
||||||
|
} |
||||||
|
|
||||||
|
if (this.gdInfo != null) { |
||||||
|
this.gdInfo.setEnable(enable); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 设置选中圈的显示状态 |
||||||
|
* @param enable
|
||||||
|
*/ |
||||||
|
setSelectEnable(enable: boolean) { |
||||||
|
this.ui_select.isVisible = enable; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 设置整个Icon的显示状态 |
||||||
|
* @param enable
|
||||||
|
*/ |
||||||
|
setIconEnable(enable: boolean) { |
||||||
|
this.showFollowUI(enable); |
||||||
|
if (this.gdInfo != null) { |
||||||
|
this.gdInfo.setUIEnable(enable); |
||||||
|
} |
||||||
|
|
||||||
|
if (!enable)//还原选中状态
|
||||||
|
{ |
||||||
|
this.setSelectEnable(false); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
dispose() { |
||||||
|
if (this.areaInfo != null) { |
||||||
|
this.areaInfo.dispose(); |
||||||
|
|
||||||
|
} |
||||||
|
if (this.gdInfo != null) { |
||||||
|
this.gdInfo.dispose(); |
||||||
|
} |
||||||
|
super.dispose(); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
//根据类型划分的设备信息
|
||||||
|
export class FacilityInfoByType { |
||||||
|
type: FacilityType; |
||||||
|
facilityInfo: ModelInfo_facility[]; |
||||||
|
|
||||||
|
constructor(type: FacilityType) { |
||||||
|
this.type = type; |
||||||
|
this.facilityInfo = []; |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
dispose() { |
||||||
|
for (let i = 0; i < this.facilityInfo.length; i++) { |
||||||
|
this.facilityInfo[i].dispose(); |
||||||
|
} |
||||||
|
this.facilityInfo = []; |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,264 @@ |
|||||||
|
import { |
||||||
|
AbstractMesh, |
||||||
|
AnimationGroup, |
||||||
|
EventState, |
||||||
|
GizmoManager, |
||||||
|
Mesh, |
||||||
|
PointerDragBehavior, |
||||||
|
TransformNode, |
||||||
|
Node, |
||||||
|
Vector3, |
||||||
|
} from '@babylonjs/core'; |
||||||
|
import { Button, Rectangle, Vector2WithInfo } from '@babylonjs/gui'; |
||||||
|
import { classToClass } from 'class-transformer'; |
||||||
|
import { UIManager } from 'src/assets/babylon/controller/ui-manager'; |
||||||
|
import { BabylonTool } from 'src/assets/babylon/tool/babylon-tool'; |
||||||
|
import { GizmoTool } from 'src/assets/babylon/tool/gizmo-tool'; |
||||||
|
|
||||||
|
import { ModelData } from '../../data/model-data/model-data'; |
||||||
|
|
||||||
|
|
||||||
|
//基础模型信息
|
||||||
|
export class ModelInfo { |
||||||
|
key: string; |
||||||
|
/** |
||||||
|
* 所有子节点 |
||||||
|
*/ |
||||||
|
models: AbstractMesh[]; |
||||||
|
/** |
||||||
|
* 包装盒、根节点 ，请使用modelBox 属性进行访问 |
||||||
|
*/ |
||||||
|
_modelBox: AbstractMesh; |
||||||
|
/** |
||||||
|
* 模型的动画 |
||||||
|
*/ |
||||||
|
animationGroups: AnimationGroup[]; |
||||||
|
modelData: ModelData; |
||||||
|
|
||||||
|
uiFollowRoot: Rectangle; |
||||||
|
uiIconBtn: Button; |
||||||
|
uiDeleteBtn: Button; |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
modelEnableChangeObserver; //模型enable状态变化监听
|
||||||
|
isDisposed: boolean = false;//已经被释放了
|
||||||
|
isEnable: boolean = true;//显示状态
|
||||||
|
|
||||||
|
pointerDragBehavior: PointerDragBehavior;//mesh 拖拽行为
|
||||||
|
|
||||||
|
//请不要直接new ，而是使用 InfoManager.new
|
||||||
|
constructor( |
||||||
|
key: string, |
||||||
|
modelData: ModelData, |
||||||
|
models: AbstractMesh[], |
||||||
|
modelBox: AbstractMesh, |
||||||
|
isNew: boolean = true |
||||||
|
) { |
||||||
|
this.key = key; |
||||||
|
this.models = models; |
||||||
|
this.modelData = modelData; |
||||||
|
this.modelBox = modelBox; |
||||||
|
this.isDisposed = false; |
||||||
|
|
||||||
|
if (this.modelBox != null) { |
||||||
|
this.modelBox.name = this.modelData.key; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
// 根据名字找到子对象
|
||||||
|
public getChildrenByName(name: string): AbstractMesh { |
||||||
|
const children = this.models.filter(item => item.name === name); |
||||||
|
if (children.length > 0) { |
||||||
|
return children[0] |
||||||
|
} else { |
||||||
|
return null; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 模型根节点盒子 |
||||||
|
*/ |
||||||
|
get modelBox(): AbstractMesh { |
||||||
|
return this._modelBox; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 模型根节点盒子 |
||||||
|
*/ |
||||||
|
set modelBox(value: AbstractMesh) { |
||||||
|
if (this._modelBox != value && this._modelBox != null) { |
||||||
|
this._modelBox.dispose(); |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
if (this.isDisposed) { |
||||||
|
this.dispose(); |
||||||
|
return; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
this._modelBox = value; |
||||||
|
|
||||||
|
if (value != null && this.uiFollowRoot == null) { |
||||||
|
this.onCreateFollowUI(); |
||||||
|
|
||||||
|
let instance = this; |
||||||
|
if (this.uiIconBtn != null) { |
||||||
|
this.uiIconBtn.onPointerClickObservable.add(function (eventData, eventState) { |
||||||
|
instance.onClickMeshIconBtn(eventData, eventState); |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
this.onSetModelBox(); |
||||||
|
|
||||||
|
if (!this.isEnable) { |
||||||
|
this.setEnable(this.isEnable); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
//创建跟随UI
|
||||||
|
onCreateFollowUI() { |
||||||
|
|
||||||
|
this.uiFollowRoot = new Rectangle('follow_' + this.key); |
||||||
|
UIManager.Instance.uiRoot.addControl(this.uiFollowRoot); |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
//展示或隐藏跟随UI
|
||||||
|
showFollowUI(show: boolean) { |
||||||
|
if (this.uiFollowRoot != null) { |
||||||
|
this.uiFollowRoot.isVisible = show; |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 克隆 |
||||||
|
*/ |
||||||
|
clone(modelData?: ModelData, isNew: boolean = true): ModelInfo { |
||||||
|
|
||||||
|
let l_modelData; |
||||||
|
if (modelData == null) { |
||||||
|
l_modelData = classToClass(this.modelData); |
||||||
|
} |
||||||
|
else { |
||||||
|
l_modelData = modelData; |
||||||
|
} |
||||||
|
|
||||||
|
let childMeshes; |
||||||
|
let modelBox = null; |
||||||
|
|
||||||
|
modelBox = BabylonTool.cloneMesh(this.modelBox as Mesh, null, (childMesh: AbstractMesh[]) => { |
||||||
|
childMeshes = childMesh; |
||||||
|
}); |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
let info = new ModelInfo(this.key, l_modelData, childMeshes, modelBox, isNew); |
||||||
|
return info; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 从本mesh上克隆动画给新模型 |
||||||
|
* @param newInfo
|
||||||
|
*/ |
||||||
|
cloneAnimTo(newInfo: ModelInfo) { |
||||||
|
if (this.animationGroups != null) { |
||||||
|
|
||||||
|
newInfo.animationGroups = []; |
||||||
|
for (let i = 0; i < this.animationGroups.length; i++) { |
||||||
|
let prfabAnim = this.animationGroups[i]; |
||||||
|
let newAnimGroup = prfabAnim.clone(prfabAnim.name, (oldTarget) => { |
||||||
|
let newTarget = null; |
||||||
|
|
||||||
|
let allChildren = newInfo.modelBox.getChildren((node) => { |
||||||
|
if (oldTarget.name == node.name) { |
||||||
|
newTarget = node; |
||||||
|
// console.log("找到节点了", node);
|
||||||
|
return false; |
||||||
|
} |
||||||
|
else { |
||||||
|
return true; |
||||||
|
} |
||||||
|
}, false); |
||||||
|
|
||||||
|
// console.log("复制动画给新节点", newTarget);
|
||||||
|
return newTarget; |
||||||
|
}); |
||||||
|
|
||||||
|
newInfo.animationGroups.push(newAnimGroup); |
||||||
|
// console.log("测试播放动画", newAnimGroup);
|
||||||
|
// newAnimGroup.play();//完善正式逻辑时，注释掉此行
|
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
dispose() { |
||||||
|
this.isDisposed = true; |
||||||
|
this.uiFollowRoot.dispose(); |
||||||
|
// console.log("释放model" + this.key);
|
||||||
|
if (this.modelBox != null) { |
||||||
|
this.modelBox.dispose(); |
||||||
|
} else { |
||||||
|
this.models[0].dispose(); |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
//设置模型盒子时
|
||||||
|
onSetModelBox() { |
||||||
|
|
||||||
|
if ( |
||||||
|
(this.modelData.transformData.scaling as Vector3).equals(Vector3.Zero()) |
||||||
|
) { |
||||||
|
this.modelData.transformData.originalScaling = this.modelBox.absoluteScaling.clone(); |
||||||
|
this.modelData.transformData.scaling = this.modelData.transformData.originalScaling.clone(); |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
if (this.uiFollowRoot != null) { |
||||||
|
this.uiFollowRoot.linkWithMesh(this.modelBox); |
||||||
|
this.uiFollowRoot.linkOffsetY = '-50px'; |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
//改变显示状态
|
||||||
|
setEnable(enable: boolean) { |
||||||
|
this.isEnable = enable; |
||||||
|
if (this.modelBox != null) { |
||||||
|
this.modelBox.setEnabled(enable); |
||||||
|
GizmoTool.leaveTheGizmoAim(this); |
||||||
|
} |
||||||
|
this.showFollowUI(enable); |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 设置拖拽事件的激活状态 |
||||||
|
* @param enable
|
||||||
|
*/ |
||||||
|
setDragEventEnable(enable: boolean) { |
||||||
|
if (this.pointerDragBehavior != null) { |
||||||
|
this.pointerDragBehavior.enabled = enable; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
//点击到图标按钮
|
||||||
|
onClickMeshIconBtn(eventData: Vector2WithInfo, eventState: EventState) { |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@ -0,0 +1,534 @@ |
|||||||
|
import { |
||||||
|
AbstractMesh, |
||||||
|
Animation, |
||||||
|
AnimationGroup, |
||||||
|
ArcRotateCamera, |
||||||
|
Camera, |
||||||
|
EasingFunction, |
||||||
|
IParticleSystem, |
||||||
|
ISceneLoaderPlugin, |
||||||
|
ISceneLoaderPluginAsync, |
||||||
|
ISceneLoaderProgressEvent, |
||||||
|
Mesh, |
||||||
|
MeshBuilder, |
||||||
|
PBRMaterial, |
||||||
|
QuadraticEase, |
||||||
|
Quaternion, |
||||||
|
Scene, |
||||||
|
SceneLoader, |
||||||
|
Skeleton, |
||||||
|
Vector3, |
||||||
|
} from '@babylonjs/core'; |
||||||
|
|
||||||
|
import { |
||||||
|
AdvancedDynamicTexture, |
||||||
|
Button, |
||||||
|
Container, |
||||||
|
Control, |
||||||
|
InputText, |
||||||
|
Rectangle, |
||||||
|
ScrollViewer, |
||||||
|
StackPanel, |
||||||
|
TextBlock, |
||||||
|
} from '@babylonjs/gui'; |
||||||
|
import { ConfigManager } from '../controller/config-manager'; |
||||||
|
import { ModeManager } from '../controller/mode-manager'; |
||||||
|
import { UIManager } from '../controller/ui-manager'; |
||||||
|
import { UIBase } from '../view/window-base/ui-base'; |
||||||
|
import { BabylonUIStyleTool } from './babylon-ui-style-tool'; |
||||||
|
import { LoadTool } from './load-tool'; |
||||||
|
import { TsTool } from './ts-tool'; |
||||||
|
|
||||||
|
export class BabylonTool { |
||||||
|
|
||||||
|
|
||||||
|
static readonly c_radian1 = 180 / Math.PI; //1弧度的度数
|
||||||
|
static readonly c_cloneSuffix = '(Clone)'; //克隆物体的名称后缀
|
||||||
|
|
||||||
|
static readonly alpha_N = Math.PI * 0.5;//面朝北时的alpha值 右手坐标系是pi，左手是-pi
|
||||||
|
|
||||||
|
//获取世界坐标
|
||||||
|
static getWorldPosition(mesh: AbstractMesh): Vector3 { |
||||||
|
let result = mesh.position; |
||||||
|
if (mesh.parent != null) { |
||||||
|
result = mesh.absolutePosition; |
||||||
|
} |
||||||
|
return result.clone(); |
||||||
|
} |
||||||
|
|
||||||
|
//载入模型
|
||||||
|
static importMesh( |
||||||
|
meshNames: any, |
||||||
|
rootUrl: string, |
||||||
|
sceneFilename?: string | File, |
||||||
|
scene?: Scene, |
||||||
|
onSuccess?: ( |
||||||
|
meshes: AbstractMesh[], |
||||||
|
particleSystems: IParticleSystem[], |
||||||
|
skeletons: Skeleton[], |
||||||
|
animationGroups: AnimationGroup[] |
||||||
|
) => void, |
||||||
|
onProgress?: (event: ISceneLoaderProgressEvent) => void, |
||||||
|
onError?: (scene: Scene, message: string, exception?: any) => void, |
||||||
|
pluginExtension?: string |
||||||
|
): ISceneLoaderPlugin | ISceneLoaderPluginAsync { |
||||||
|
|
||||||
|
let path = rootUrl; //"institutions/institution001/building001/outdoor/";
|
||||||
|
if (path == null) { |
||||||
|
return null; |
||||||
|
} |
||||||
|
if (path.indexOf(ConfigManager.c_resPath_assetsRoot) == -1) { |
||||||
|
path = ConfigManager.c_resPath_assetsRoot + rootUrl; |
||||||
|
} |
||||||
|
|
||||||
|
ModeManager.log("加载模型" + path + sceneFilename); |
||||||
|
return SceneLoader.ImportMesh( |
||||||
|
meshNames, |
||||||
|
path, |
||||||
|
sceneFilename, |
||||||
|
scene, |
||||||
|
onSuccess, |
||||||
|
onProgress, |
||||||
|
onError, |
||||||
|
pluginExtension |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 异步加载模型 |
||||||
|
* @param meshNames
|
||||||
|
* @param rootUrl
|
||||||
|
* @param sceneFilename
|
||||||
|
* @param scene
|
||||||
|
* @param tag 加载原因 |
||||||
|
* @param onSuccess
|
||||||
|
* @param onProgress
|
||||||
|
* @param onError
|
||||||
|
* @param pluginExtension
|
||||||
|
*/ |
||||||
|
static importMeshSync(meshNames: any, |
||||||
|
rootUrl: string, |
||||||
|
sceneFilename?: string | File, |
||||||
|
scene?: Scene, |
||||||
|
tag?: string, |
||||||
|
onSuccess?: ( |
||||||
|
meshes: AbstractMesh[], |
||||||
|
particleSystems: IParticleSystem[], |
||||||
|
skeletons: Skeleton[], |
||||||
|
animationGroups: AnimationGroup[] |
||||||
|
) => void, |
||||||
|
onProgress?: (event: ISceneLoaderProgressEvent) => void, |
||||||
|
onError?: (scene: Scene, message: string, exception?: any) => void, |
||||||
|
pluginExtension?: string) { |
||||||
|
let path = rootUrl; //"institutions/institution001/building001/outdoor/";
|
||||||
|
if (path == null) { |
||||||
|
return null; |
||||||
|
} |
||||||
|
if (path.indexOf(ConfigManager.c_resPath_assetsRoot) == -1) { |
||||||
|
path = ConfigManager.c_resPath_assetsRoot + rootUrl; |
||||||
|
} |
||||||
|
|
||||||
|
console.log("异步加载模型" + path + sceneFilename); |
||||||
|
let modelPath = path + sceneFilename; |
||||||
|
LoadTool.add(modelPath, tag); |
||||||
|
SceneLoader.ImportMeshAsync( |
||||||
|
meshNames, |
||||||
|
path, |
||||||
|
sceneFilename, |
||||||
|
scene, |
||||||
|
onProgress, |
||||||
|
).then(function (result) { |
||||||
|
LoadTool.remove(modelPath); |
||||||
|
onSuccess(result.meshes, result.particleSystems, result.skeletons, result.animationGroups); |
||||||
|
}).catch(function (result) { |
||||||
|
onError(scene, "load error", result); |
||||||
|
|
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 设置材质为无光材质 |
||||||
|
*/ |
||||||
|
static setMatToUnlit(meshes: AbstractMesh[], isUnlit: boolean, mask: string = null) { |
||||||
|
if (meshes == null) { |
||||||
|
return; |
||||||
|
} |
||||||
|
for (let i = 0; i < meshes.length; i++) { |
||||||
|
if (meshes[i].material instanceof PBRMaterial) { |
||||||
|
let mat_pbr = (meshes[i].material as PBRMaterial); |
||||||
|
// mat_pbr.metallicF0Factor = 0;//关掉反光
|
||||||
|
if (mask == null || !TsTool.stringContain(mat_pbr.name, mask)) { |
||||||
|
mat_pbr.unlit = isUnlit; |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 设置材质从菲涅尔反射（反光效果） |
||||||
|
* @param meshes
|
||||||
|
* @param enable //是否开启
|
||||||
|
* @param linkToAlbedo //是否反射环境光颜色
|
||||||
|
*/ |
||||||
|
static setMatSheen(meshes: AbstractMesh[], enable: boolean, linkToAlbedo: boolean) { |
||||||
|
for (let i = 0; i < meshes.length; i++) { |
||||||
|
if (meshes[i].material instanceof PBRMaterial) { |
||||||
|
let mat_pbr = (meshes[i].material as PBRMaterial); |
||||||
|
if (TsTool.stringContain(mat_pbr.name, "Color")) { |
||||||
|
mat_pbr.sheen.isEnabled = enable; |
||||||
|
mat_pbr.sheen.linkSheenWithAlbedo = linkToAlbedo; |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
//改变摄像机观察目标
|
||||||
|
static changeCameraTarget(camera: ArcRotateCamera, mesh: AbstractMesh, animMove: boolean = true, size = null) { |
||||||
|
if (mesh == null) { |
||||||
|
return; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
let maxScaleAxis = size; |
||||||
|
if (size == null) { |
||||||
|
maxScaleAxis = mesh.scaling.x; |
||||||
|
} |
||||||
|
|
||||||
|
camera._scene.stopAnimation(camera); |
||||||
|
|
||||||
|
maxScaleAxis = Math.max(maxScaleAxis, mesh.scaling.y); |
||||||
|
maxScaleAxis = Math.max(maxScaleAxis, mesh.scaling.z); |
||||||
|
maxScaleAxis *= 1.5; |
||||||
|
if (BabylonTool.cameraModeIs2D) { |
||||||
|
camera.target = BabylonTool.getWorldPosition(mesh); |
||||||
|
camera.radius = maxScaleAxis + 5; |
||||||
|
camera.alpha = BabylonTool.alpha_N; |
||||||
|
camera.beta = 0; |
||||||
|
} |
||||||
|
else { |
||||||
|
if (animMove) { |
||||||
|
BabylonTool.AnimMoveCameraTarget( |
||||||
|
camera, |
||||||
|
60, |
||||||
|
BabylonTool.getWorldPosition(mesh), |
||||||
|
maxScaleAxis + 5 |
||||||
|
); |
||||||
|
} |
||||||
|
else { |
||||||
|
let alpha = BabylonTool.alpha_N; |
||||||
|
camera.target = BabylonTool.getWorldPosition(mesh).clone(); |
||||||
|
camera.radius = maxScaleAxis + 50; |
||||||
|
camera.alpha = alpha; |
||||||
|
camera.beta = 1; |
||||||
|
BabylonTool.AnimMoveCameraTarget( |
||||||
|
camera, |
||||||
|
60, |
||||||
|
BabylonTool.getWorldPosition(mesh).clone(), |
||||||
|
maxScaleAxis + 5 |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 停止动画 |
||||||
|
* @param camera |
||||||
|
*/ |
||||||
|
static stopAnim(camera: ArcRotateCamera) { |
||||||
|
camera._scene.stopAnimation(camera); |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 摄像机状态- 是2d正交状态 |
||||||
|
*/ |
||||||
|
static cameraModeIs2D = false; |
||||||
|
/** |
||||||
|
* 改变摄像机模式 |
||||||
|
* @param camera
|
||||||
|
* @param is2D
|
||||||
|
* @param mesh
|
||||||
|
*/ |
||||||
|
static changeCameraMode(camera: ArcRotateCamera, is2D: boolean) { |
||||||
|
camera.mode = is2D ? Camera.ORTHOGRAPHIC_CAMERA : Camera.PERSPECTIVE_CAMERA; |
||||||
|
BabylonTool.cameraModeIs2D = is2D; |
||||||
|
// BabylonTool.AnimMoveCameraTarget(
|
||||||
|
// camera,
|
||||||
|
// 60,
|
||||||
|
// camera.target,
|
||||||
|
// camera.radius
|
||||||
|
// );
|
||||||
|
|
||||||
|
|
||||||
|
if (camera._scene.useRightHandedSystem) { |
||||||
|
|
||||||
|
} |
||||||
|
camera.alpha = BabylonTool.alpha_N; |
||||||
|
camera.beta = 0; |
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
//动画移动摄像机target
|
||||||
|
public static AnimMoveCameraTarget( |
||||||
|
camera: ArcRotateCamera, |
||||||
|
allFrame: number, |
||||||
|
target: Vector3, |
||||||
|
radius: number, |
||||||
|
) { |
||||||
|
//缓动动画
|
||||||
|
let easingFunction = new QuadraticEase(); |
||||||
|
easingFunction.setEasingMode(EasingFunction.EASINGMODE_EASEOUT); |
||||||
|
|
||||||
|
//target
|
||||||
|
let anim_target = new Animation( |
||||||
|
'CameraAnim_target', |
||||||
|
'target', |
||||||
|
60, |
||||||
|
Animation.ANIMATIONTYPE_VECTOR3, |
||||||
|
Animation.ANIMATIONLOOPMODE_CYCLE |
||||||
|
); |
||||||
|
let keys_target = [ |
||||||
|
{ frame: 0, value: camera.target }, |
||||||
|
{ frame: allFrame, value: target }, |
||||||
|
]; |
||||||
|
anim_target.setKeys(keys_target); |
||||||
|
anim_target.setEasingFunction(easingFunction); |
||||||
|
|
||||||
|
//radius
|
||||||
|
let anim_radius = new Animation( |
||||||
|
'CameraAnim_radius', |
||||||
|
'radius', |
||||||
|
60, |
||||||
|
Animation.ANIMATIONTYPE_FLOAT, |
||||||
|
Animation.ANIMATIONLOOPMODE_CYCLE |
||||||
|
); |
||||||
|
let keys_radius = [ |
||||||
|
{ frame: 0, value: camera.radius }, |
||||||
|
{ frame: allFrame, value: radius }, |
||||||
|
]; |
||||||
|
anim_radius.setKeys(keys_radius); |
||||||
|
anim_radius.setEasingFunction(easingFunction); |
||||||
|
|
||||||
|
camera.animations = []; |
||||||
|
camera.animations.push(anim_target); |
||||||
|
camera.animations.push(anim_radius); |
||||||
|
|
||||||
|
camera._scene.beginAnimation(camera, 0, allFrame, false); |
||||||
|
// camera.target = target;
|
||||||
|
// SceneManager.scene.beginAnimation(camera, 0, allFrame, false);
|
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
//克隆mesh
|
||||||
|
static cloneMesh(prefab: Mesh, name?: string, onSuccess?: (childMesh: AbstractMesh[], root: AbstractMesh) => void): Mesh { |
||||||
|
if (name == null || name == undefined) { |
||||||
|
name = prefab.name + BabylonTool.c_cloneSuffix; |
||||||
|
} |
||||||
|
|
||||||
|
let prefabActive = prefab.isEnabled(false); |
||||||
|
|
||||||
|
if (prefabActive == false) { |
||||||
|
prefab.setEnabled(true); |
||||||
|
} |
||||||
|
|
||||||
|
let result = prefab.clone(name); |
||||||
|
|
||||||
|
let childMesh: AbstractMesh[] = []; |
||||||
|
|
||||||
|
//把名字中，因为复制而产生的无用前缀删掉
|
||||||
|
let allChildren = result.getChildren((node) => { |
||||||
|
let names = node.name.split('.'); |
||||||
|
let newName = names[names.length - 1]; |
||||||
|
node.name = newName; |
||||||
|
if (node instanceof AbstractMesh) { |
||||||
|
childMesh.push(node); |
||||||
|
} |
||||||
|
return true; |
||||||
|
}, false); |
||||||
|
|
||||||
|
if (prefabActive == false) { |
||||||
|
prefab.setEnabled(false); |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
if (onSuccess) { |
||||||
|
onSuccess(childMesh, result); |
||||||
|
} |
||||||
|
|
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
//输入提示界面
|
||||||
|
export class InputHintWindow extends UIBase { |
||||||
|
|
||||||
|
btn_hide: Button; //隐藏按钮
|
||||||
|
isShow: boolean = true;//是否是显示状态
|
||||||
|
txt_first: TextBlock;//第一行文字
|
||||||
|
|
||||||
|
onInit() { |
||||||
|
super.onInit(); |
||||||
|
|
||||||
|
let window = this; |
||||||
|
|
||||||
|
let advancedTexture = UIManager.Instance.uiRoot; |
||||||
|
let inputInfoBg = new Rectangle('InputHintWindow'); |
||||||
|
inputInfoBg.horizontalAlignment = Control.HORIZONTAL_ALIGNMENT_RIGHT; |
||||||
|
inputInfoBg.verticalAlignment = Control.VERTICAL_ALIGNMENT_TOP; |
||||||
|
advancedTexture.addControl(inputInfoBg); |
||||||
|
this.root = inputInfoBg; |
||||||
|
BabylonUIStyleTool.setDefaultStyle_windowRoot(this.root, false); |
||||||
|
BabylonUIStyleTool.setStyle_size(this.root, "160px", "100px"); |
||||||
|
this.root.alpha = 0.8; |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
let inputInfoRoot = new StackPanel('inputInfoRoot'); |
||||||
|
inputInfoRoot.horizontalAlignment = Control.HORIZONTAL_ALIGNMENT_RIGHT; |
||||||
|
inputInfoRoot.verticalAlignment = Control.VERTICAL_ALIGNMENT_TOP; |
||||||
|
inputInfoRoot.width = '150px'; |
||||||
|
inputInfoRoot.height = '100px'; |
||||||
|
inputInfoRoot.isVertical = true; |
||||||
|
inputInfoBg.addControl(inputInfoRoot); |
||||||
|
|
||||||
|
let infoStyle = advancedTexture.createStyle(); |
||||||
|
infoStyle.fontSize = 15; |
||||||
|
|
||||||
|
let mouseLeft = new TextBlock('mouseLeft', '左键拖动 => 旋转镜头'); |
||||||
|
mouseLeft.color = 'white'; |
||||||
|
mouseLeft.height = '30px'; |
||||||
|
mouseLeft.textHorizontalAlignment = Control.HORIZONTAL_ALIGNMENT_LEFT; |
||||||
|
mouseLeft.style = infoStyle; |
||||||
|
inputInfoRoot.addControl(mouseLeft); |
||||||
|
this.txt_first = mouseLeft; |
||||||
|
|
||||||
|
let mouseRight = new TextBlock('mouseRight', '右键拖动 => 平移镜头'); |
||||||
|
mouseRight.color = 'white'; |
||||||
|
mouseRight.height = '30px'; |
||||||
|
mouseRight.textHorizontalAlignment = Control.HORIZONTAL_ALIGNMENT_LEFT; |
||||||
|
mouseRight.style = infoStyle; |
||||||
|
inputInfoRoot.addControl(mouseRight); |
||||||
|
|
||||||
|
let mouseCenter = new TextBlock('mouseCenter', '前滑滚轮 => 拉近镜头'); |
||||||
|
mouseCenter.color = 'white'; |
||||||
|
mouseCenter.height = '30px'; |
||||||
|
mouseCenter.textHorizontalAlignment = Control.HORIZONTAL_ALIGNMENT_LEFT; |
||||||
|
mouseCenter.style = infoStyle; |
||||||
|
inputInfoRoot.addControl(mouseCenter); |
||||||
|
|
||||||
|
this.btn_hide = Button.CreateSimpleButton("btn_hide", "..."); |
||||||
|
this.root.addControl(this.btn_hide); |
||||||
|
this.btn_hide.textBlock.horizontalAlignment = Control.HORIZONTAL_ALIGNMENT_RIGHT; |
||||||
|
this.btn_hide.textBlock.verticalAlignment = Control.VERTICAL_ALIGNMENT_TOP; |
||||||
|
this.btn_hide.textBlock.color = "white"; |
||||||
|
this.btn_hide.thickness = 0; |
||||||
|
this.btn_hide.onPointerClickObservable.add(() => { |
||||||
|
console.log("隐藏"); |
||||||
|
window.setShowStatus(!window.isShow); |
||||||
|
}); |
||||||
|
|
||||||
|
this.setShowStatus(true); |
||||||
|
|
||||||
|
// setTimeout(() => {
|
||||||
|
// if (window.isShow) {
|
||||||
|
// window.setShowStatus(false);
|
||||||
|
// }
|
||||||
|
// }, 4000);
|
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
//设置显示状态
|
||||||
|
setShowStatus(newStatus: boolean) { |
||||||
|
this.isShow = newStatus; |
||||||
|
if (newStatus) { |
||||||
|
this.root.width = "160px"; |
||||||
|
this.root.height = "100px"; |
||||||
|
this.root.alpha = 0.8; |
||||||
|
this.txt_first.alpha = 1; |
||||||
|
this.btn_hide.textBlock.isVisible = false; |
||||||
|
} |
||||||
|
else { |
||||||
|
this.root.width = "20px"; |
||||||
|
this.root.height = "20px"; |
||||||
|
this.root.alpha = 0.5; |
||||||
|
this.txt_first.alpha = 0; |
||||||
|
this.btn_hide.textBlock.isVisible = true; |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
//封装的滚动条组件
|
||||||
|
export class MyScrollView { |
||||||
|
name: string; |
||||||
|
scrollView: ScrollViewer; |
||||||
|
container: StackPanel; |
||||||
|
|
||||||
|
constructor(name: string, parent: Rectangle, isVertical: boolean = true) { |
||||||
|
|
||||||
|
this.name = name; |
||||||
|
this.scrollView = new ScrollViewer(name); |
||||||
|
parent.addControl(this.scrollView); |
||||||
|
this.scrollView.paddingTop = "0px"; |
||||||
|
this.scrollView.paddingRight = "0px"; |
||||||
|
this.scrollView.paddingBottom = "0px"; |
||||||
|
this.scrollView.paddingLeft = "0px"; |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
this.container = new StackPanel("Container"); |
||||||
|
this.scrollView.addControl(this.container); |
||||||
|
this.container.isVertical = isVertical; |
||||||
|
this.container.paddingTop = "0px"; |
||||||
|
this.container.paddingBottom = "0px"; |
||||||
|
this.container.paddingLeft = "0px"; |
||||||
|
this.container.paddingRight = "0px"; |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
//带背景的输入框
|
||||||
|
export class MyInputText { |
||||||
|
name: string; |
||||||
|
bg: Rectangle; |
||||||
|
inputText: InputText; |
||||||
|
|
||||||
|
constructor(name: string, parent: Container, width: string, height: string) { |
||||||
|
this.name = name; |
||||||
|
this.bg = new Rectangle(name); |
||||||
|
parent.addControl(this.bg); |
||||||
|
this.bg.width = width; |
||||||
|
this.bg.height = height; |
||||||
|
this.inputText = new InputText(name + "_txt"); |
||||||
|
this.bg.addControl(this.inputText); |
||||||
|
this.inputText.width = width; |
||||||
|
this.inputText.height = height; |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
@ -0,0 +1,522 @@ |
|||||||
|
|
||||||
|
import { AbstractMesh, EventState, Scene, setAndStartTimer, Vector2 } from "@babylonjs/core"; |
||||||
|
import { Button, Container, Control, Ellipse, MultiLine, RadioButton, Rectangle, StackPanel, TextBlock, Vector2WithInfo } from "@babylonjs/gui"; |
||||||
|
import { ConfigManager } from "../controller/config-manager"; |
||||||
|
import { SceneManager } from "../controller/scene-manager"; |
||||||
|
import { UIManager } from "../controller/ui-manager"; |
||||||
|
import { UIBase } from "../view/window-base/ui-base"; |
||||||
|
import { MyInputText } from "./babylon-tool"; |
||||||
|
|
||||||
|
//babylon UI 风格 工具
|
||||||
|
export class BabylonUIStyleTool { |
||||||
|
|
||||||
|
static c_color_blue: string = "#0080FF";//普通蓝色，用于选中、确定等正面风格
|
||||||
|
static c_color_gray: string = "#E8ECF1";//普通灰色，用于取消、后退、输入背景等
|
||||||
|
static c_color_black: string = "black";//黑色
|
||||||
|
static c_color_blueBg: string = "#001121";//深蓝，用于长存界面的背景
|
||||||
|
static c_color_white: string = "white"; |
||||||
|
static c_color_green = "#439C08";//绿色按钮
|
||||||
|
static c_color_greenLight = '#00F424';//亮绿色
|
||||||
|
static c_color_red = "#C14242";//红色按钮，用于删除等危险操作
|
||||||
|
|
||||||
|
static c_color_3d_blueLight: string = "#99ECFC";//亮蓝，字
|
||||||
|
static c_color_3d_blue: string = "#47E0FF";//蓝， 框体
|
||||||
|
static c_color_3d_blueBg: string = "#122F49";//蓝黑，背景
|
||||||
|
|
||||||
|
static c_shadow_blur_button = 2;//按钮的阴影模糊
|
||||||
|
static c_shadow_blur_window = 20; //界面的阴影模糊
|
||||||
|
|
||||||
|
static readonly cornerRadius_window1 = 10;//界面圆角
|
||||||
|
static readonly cornerRadius_button = 6;//按钮圆角
|
||||||
|
|
||||||
|
static c_zIndex_gizmo = 200;//gizmo界面的z
|
||||||
|
static c_zIndex_topBar = 100;//topbar界面的z
|
||||||
|
|
||||||
|
static c_zIndex_buildingIcon = 50;//建筑标志的z
|
||||||
|
static c_zIndex_facilityIcon = 40;//设备标志的z
|
||||||
|
|
||||||
|
|
||||||
|
//#region 组件
|
||||||
|
//创建窗口根节点
|
||||||
|
static createWindoRoot(window: UIBase, name: string, width: string, height: string, isDialog: boolean) { |
||||||
|
|
||||||
|
window.root = new Rectangle(name); |
||||||
|
UIManager.Instance.uiRoot.addControl(window.root); |
||||||
|
window.root.width = width; |
||||||
|
window.root.height = height; |
||||||
|
|
||||||
|
BabylonUIStyleTool.setDefaultStyle_windowRoot(window.root, isDialog); |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
//创建文本输入组件
|
||||||
|
static createInputText(name: string, parent: Container, width: string, height: string, textColor: string = "black", thickness: number = 0, cornerRadius: number = 6, backgroundColor: string = "#EEF1F5", focuseColor: string = "black", focuseBgColor: string = "#EEF1F5"): MyInputText { |
||||||
|
let result = new MyInputText(name, parent, width, height); |
||||||
|
|
||||||
|
result.inputText.color = textColor; |
||||||
|
|
||||||
|
result.inputText.background = backgroundColor; |
||||||
|
result.inputText.thickness = thickness; |
||||||
|
|
||||||
|
result.inputText.focusedColor = focuseColor; |
||||||
|
result.inputText.focusedBackground = focuseBgColor; |
||||||
|
|
||||||
|
result.bg.cornerRadius = cornerRadius; |
||||||
|
result.bg.color = backgroundColor; |
||||||
|
result.bg.thickness = thickness; |
||||||
|
|
||||||
|
return result; |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
//创建文本
|
||||||
|
static createTextBlock(name: string, text: string, width: string, height: string, fontSize: string): TextBlock { |
||||||
|
let textBlock = new TextBlock(name, text); |
||||||
|
BabylonUIStyleTool.setStyle_size(textBlock, width, height); |
||||||
|
textBlock.fontSize = fontSize; |
||||||
|
textBlock.color = "black"; |
||||||
|
return textBlock; |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
//创建统一风格的确定按钮
|
||||||
|
static createBtn_OK(name: string, text: string, width: string, height: string, fontSize: string): Button { |
||||||
|
let result = BabylonUIStyleTool.createBtn(name, text, width, height, fontSize, "white", BabylonUIStyleTool.c_color_blue); |
||||||
|
BabylonUIStyleTool.setStyle_Shadow(result, undefined, 1.5); |
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
//创建统一风格的取消按钮
|
||||||
|
static createBtn_Cancel(name: string, text: string, width: string, height: string, fontSize: string): Button { |
||||||
|
let result = BabylonUIStyleTool.createBtn(name, text, width, height, fontSize, "black", BabylonUIStyleTool.c_color_gray); |
||||||
|
return result |
||||||
|
} |
||||||
|
|
||||||
|
//创建统一风格的删除按钮
|
||||||
|
static createBtn_Delete(name: string, text: string, width: string, height: string, fontSize: string,): Button { |
||||||
|
let result = BabylonUIStyleTool.createBtn(name, text, width, height, fontSize, "white", BabylonUIStyleTool.c_color_red); |
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
//创建按钮
|
||||||
|
static createBtn(name: string, text: string, width: string, height: string, fontSize: string, textColor: string = "black", bgColor: string = "white", thickness: number = 0, cornerRadius: number = 6): Button { |
||||||
|
let result = Button.CreateSimpleButton(name, text); |
||||||
|
result.background = bgColor; |
||||||
|
result.color = textColor; |
||||||
|
result.width = width; |
||||||
|
result.height = height; |
||||||
|
result.thickness = thickness; |
||||||
|
result.cornerRadius = cornerRadius; |
||||||
|
|
||||||
|
result.textBlock.color = textColor; |
||||||
|
result.fontSize = fontSize; |
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
//创建选择框
|
||||||
|
static createRadioButton(name: string, parent: Container, group: string, width: string, height: string, color: string, background: string, info?: string, infoWidth?: string, isChecked = false, callback?: (eventData: boolean, eventState: EventState) => void) { |
||||||
|
let root = new StackPanel(name + "Root"); |
||||||
|
root.isVertical = false |
||||||
|
root.width = width; |
||||||
|
root.height = height; |
||||||
|
parent.addControl(root); |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
let radioButton = new RadioButton(name); |
||||||
|
root.addControl(radioButton); |
||||||
|
radioButton.group = group; |
||||||
|
BabylonUIStyleTool.setStyle_size(radioButton, height, height); |
||||||
|
radioButton.background = background; |
||||||
|
radioButton.color = color; |
||||||
|
if (callback) { |
||||||
|
radioButton.onIsCheckedChangedObservable.add(callback); |
||||||
|
} |
||||||
|
radioButton.isChecked = isChecked; |
||||||
|
|
||||||
|
|
||||||
|
let header = new TextBlock(name + "_info", info); |
||||||
|
root.addControl(header); |
||||||
|
header.height = height; |
||||||
|
header.width = width; |
||||||
|
header.color = "black"; |
||||||
|
header.textHorizontalAlignment = Control.HORIZONTAL_ALIGNMENT_LEFT; |
||||||
|
|
||||||
|
return radioButton; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 创建线性指示UI |
||||||
|
* @param key
|
||||||
|
* @param mesh 跟随在此mesh 右侧 |
||||||
|
* @param size 外框的大小， 外框的左侧中点为线段起点 |
||||||
|
* @param infoSize 信息框的大小， 对齐于外框的右上角 |
||||||
|
*/ |
||||||
|
static createLineInfo(key: string, mesh: AbstractMesh, size: Vector2 = new Vector2(160, 60), infoSize: Vector2 = new Vector2(120, 20)): UI_LineInfo { |
||||||
|
|
||||||
|
|
||||||
|
if (size.x < infoSize.x) { |
||||||
|
size.x = infoSize.x; |
||||||
|
} |
||||||
|
if (size.y < infoSize.y) { |
||||||
|
size.y = infoSize.y; |
||||||
|
} |
||||||
|
|
||||||
|
let lineInfo = new UI_LineInfo(key, mesh, size, infoSize); |
||||||
|
|
||||||
|
return lineInfo; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
//#endregion
|
||||||
|
|
||||||
|
|
||||||
|
//#region 风格样式
|
||||||
|
//统一设置窗口根节点风格
|
||||||
|
static setDefaultStyle_windowRoot(container: Rectangle, isDialog = true, shadow: boolean = true, corner: boolean = true) { |
||||||
|
|
||||||
|
container.thickness = 0; |
||||||
|
//弹框
|
||||||
|
if (isDialog) { |
||||||
|
container.color = BabylonUIStyleTool.c_color_white; |
||||||
|
container.background = BabylonUIStyleTool.c_color_white; |
||||||
|
container.alpha = 1; |
||||||
|
container.zIndex = 100; |
||||||
|
} |
||||||
|
else//长存界面
|
||||||
|
{ |
||||||
|
|
||||||
|
container.color = BabylonUIStyleTool.c_color_blueBg; |
||||||
|
container.background = BabylonUIStyleTool.c_color_blueBg; |
||||||
|
container.alpha = 0.8; |
||||||
|
container.zIndex = 1; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
//阴影
|
||||||
|
if (shadow) { |
||||||
|
BabylonUIStyleTool.setStyle_Shadow(container, BabylonUIStyleTool.c_color_black, BabylonUIStyleTool.c_shadow_blur_window); |
||||||
|
} |
||||||
|
//圆角
|
||||||
|
if (corner) { |
||||||
|
container.cornerRadius = BabylonUIStyleTool.cornerRadius_window1; |
||||||
|
} |
||||||
|
} |
||||||
|
//设置尺寸
|
||||||
|
static setStyle_size(control: Control, width: string, height: string) { |
||||||
|
control.width = width; |
||||||
|
control.height = height; |
||||||
|
} |
||||||
|
|
||||||
|
//设置文本风格
|
||||||
|
static setStyle_bodyText(text: TextBlock, fontSize: string = "20px", color: string = "#333333", alpha: number = 1) { |
||||||
|
text.fontSize = fontSize; |
||||||
|
text.color = color; |
||||||
|
text.alpha = alpha; |
||||||
|
} |
||||||
|
|
||||||
|
//设置对齐方式
|
||||||
|
//horizontal: Control.HORIZONTAL_ALIGNMENT_CENTER;Control.HORIZONTAL_ALIGNMENT_LEFT;Control.HORIZONTAL_ALIGNMENT_RIGHT;
|
||||||
|
//vertical: Control.VERTICAL_ALIGNMENT_CENTER ; Control.VERTICAL_ALIGNMENT_LEFT;Control.VERTICAL_ALIGNMENT_RIGHT;
|
||||||
|
//
|
||||||
|
static setStyle_Alignment(control: Control, horizontal: number, vertical: number) { |
||||||
|
control.horizontalAlignment = horizontal; |
||||||
|
control.verticalAlignment = vertical; |
||||||
|
} |
||||||
|
|
||||||
|
//设置边距
|
||||||
|
static setStyle_padding(control: Control, paddingTop?: string, paddingRight?: string, paddingBottom?: string, paddingLeft?: string) { |
||||||
|
if (paddingTop != undefined) { |
||||||
|
control.paddingTop = paddingTop; |
||||||
|
} |
||||||
|
|
||||||
|
if (paddingRight != undefined) { |
||||||
|
control.paddingRight = paddingRight; |
||||||
|
} |
||||||
|
if (paddingBottom != undefined) { |
||||||
|
control.paddingBottom = paddingBottom; |
||||||
|
} |
||||||
|
|
||||||
|
if (paddingLeft != undefined) { |
||||||
|
control.paddingLeft = paddingLeft; |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
//设置阴影
|
||||||
|
static setStyle_Shadow(container: Control, color: string = BabylonUIStyleTool.c_color_black, blur: number = BabylonUIStyleTool.c_shadow_blur_window) { |
||||||
|
container.shadowColor = color; |
||||||
|
container.shadowBlur = blur; |
||||||
|
|
||||||
|
} |
||||||
|
//#endregion
|
||||||
|
|
||||||
|
|
||||||
|
//#region 功能封装
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 在按钮上增加长按事件 |
||||||
|
* @param button 按钮 |
||||||
|
* @param scene 所在的场景 |
||||||
|
* @param onEnd 正常长按 |
||||||
|
* @param onAbort 长按中端 |
||||||
|
*/ |
||||||
|
static addLongPressButtonBehave(button: Button, scene: Scene, onEnd?: () => void, onAbort?: () => void) { |
||||||
|
let pickDown = false; |
||||||
|
|
||||||
|
let size = ConfigManager.c_size_facilityIconSize; |
||||||
|
let vector2WithInfo: Vector2WithInfo; |
||||||
|
|
||||||
|
let ellipse: Ellipse; |
||||||
|
button.onPointerUpObservable.add((info) => { |
||||||
|
if (pickDown) { |
||||||
|
pickDown = false; |
||||||
|
ellipse.dispose(); |
||||||
|
console.log("onPointerUpObservable"); |
||||||
|
vector2WithInfo = info; |
||||||
|
} |
||||||
|
|
||||||
|
}); |
||||||
|
button.onPointerDownObservable.add(() => { |
||||||
|
ellipse = new Ellipse("ellipse"); |
||||||
|
ellipse.width = size + "px"; |
||||||
|
ellipse.height = size + "px"; |
||||||
|
ellipse.color = BabylonUIStyleTool.c_color_blue; |
||||||
|
button.addControl(ellipse); |
||||||
|
console.log("onPointerDownObservable"); |
||||||
|
pickDown = true; |
||||||
|
setAndStartTimer({ |
||||||
|
timeout: ConfigManager.c_time_longPress, |
||||||
|
contextObservable: scene.onBeforeRenderObservable, |
||||||
|
breakCondition: () => { |
||||||
|
return pickDown == false; |
||||||
|
}, |
||||||
|
|
||||||
|
onEnded: (data) => { |
||||||
|
if (onEnd) { |
||||||
|
onEnd(); |
||||||
|
|
||||||
|
setTimeout( |
||||||
|
function () { |
||||||
|
button.onPointerUpObservable.notifyObservers(vector2WithInfo); |
||||||
|
//此处存在问题，因为打开了前端页面，导致焦点小时，babylon无法确定鼠标抬起，则下一次的按下操作失效
|
||||||
|
}, |
||||||
|
250); |
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
|
}, |
||||||
|
|
||||||
|
onAborted: () => { |
||||||
|
if (onAbort) { |
||||||
|
onAbort(); |
||||||
|
} |
||||||
|
}, |
||||||
|
|
||||||
|
onTick: (data) => { |
||||||
|
ellipse.thickness = data.completeRate * 0.5 * size * data.completeRate * data.completeRate; |
||||||
|
} |
||||||
|
}) |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 在按钮上增加双击事件 |
||||||
|
* @param button
|
||||||
|
* @param scene
|
||||||
|
* @param onClick 双击的回调 |
||||||
|
*/ |
||||||
|
static addDoubleClickButtonBehave(button: Button, scene: Scene, onClick: () => void) { |
||||||
|
if (BabylonUIStyleTool.s_doubleClickHelper == null) { |
||||||
|
BabylonUIStyleTool.s_doubleClickHelper = new DoubleClickHelper(scene); |
||||||
|
} |
||||||
|
button.onPointerClickObservable.add( |
||||||
|
(eventData: Vector2WithInfo, eventState: EventState) => { |
||||||
|
let buttonID = button.uniqueId.toString(); |
||||||
|
if (BabylonUIStyleTool.s_doubleClickHelper.isDoubleClick(buttonID)) { |
||||||
|
onClick(); |
||||||
|
} |
||||||
|
else { |
||||||
|
BabylonUIStyleTool.s_doubleClickHelper.setClickEvent(buttonID); |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
); |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
static s_doubleClickHelper: DoubleClickHelper; |
||||||
|
|
||||||
|
//#endregion
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 双击帮助器 |
||||||
|
*/ |
||||||
|
class DoubleClickHelper { |
||||||
|
readonly c_timer: number = 200; //双击的时间间隔
|
||||||
|
scene: Scene; |
||||||
|
|
||||||
|
timer: number; |
||||||
|
buttonID: string; |
||||||
|
|
||||||
|
constructor(scene: Scene) { |
||||||
|
this.scene = scene; |
||||||
|
let instance = this; |
||||||
|
this.scene.onBeforeRenderObservable.add(() => { |
||||||
|
instance.update() |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
update() { |
||||||
|
if (this.timer > 0) { |
||||||
|
this.timer -= this.scene.deltaTime; |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 判断双击 |
||||||
|
* @param buttonID 按钮id |
||||||
|
*/ |
||||||
|
isDoubleClick(buttonID: string) { |
||||||
|
if (this.buttonID == buttonID && this.timer > 0) { |
||||||
|
return true; |
||||||
|
} |
||||||
|
else { |
||||||
|
return false; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 记录点击 |
||||||
|
* @param buttonID
|
||||||
|
*/ |
||||||
|
setClickEvent(buttonID: string) { |
||||||
|
this.buttonID = buttonID; |
||||||
|
this.timer = this.c_timer; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
//#region 功能类
|
||||||
|
|
||||||
|
export class UI_LineInfo { |
||||||
|
key: string; |
||||||
|
mesh: AbstractMesh; |
||||||
|
|
||||||
|
root: Rectangle; |
||||||
|
root_size: Vector2; |
||||||
|
|
||||||
|
points: Ellipse[] = []; |
||||||
|
lineLength: number; |
||||||
|
|
||||||
|
infoBg: Rectangle; |
||||||
|
info: TextBlock; |
||||||
|
|
||||||
|
line: MultiLine; |
||||||
|
constructor(l_key: string, l_mesh: AbstractMesh, rootSize: Vector2, infoSize: Vector2) { |
||||||
|
this.key = l_key; |
||||||
|
this.mesh = l_mesh; |
||||||
|
|
||||||
|
this.root = new Rectangle("UI_LineRoot_" + this.key); |
||||||
|
UIManager.Instance.uiRoot.addControl(this.root); |
||||||
|
this.root.thickness = 0; |
||||||
|
|
||||||
|
|
||||||
|
this.root_size = rootSize; |
||||||
|
BabylonUIStyleTool.setStyle_size(this.root, rootSize.x + "px", rootSize.y + "px"); |
||||||
|
this.root.linkWithMesh(this.mesh); |
||||||
|
this.root.linkOffsetXInPixels = rootSize.x * 0.5; |
||||||
|
// this.root.linkOffsetYInPixels = -40;
|
||||||
|
|
||||||
|
let point_start = new Ellipse("start"); |
||||||
|
point_start.width = "5px"; |
||||||
|
point_start.height = "5px"; |
||||||
|
this.root.addControl(point_start); |
||||||
|
point_start.horizontalAlignment = Control.HORIZONTAL_ALIGNMENT_LEFT; |
||||||
|
point_start.color = BabylonUIStyleTool.c_color_3d_blue; |
||||||
|
point_start.background = BabylonUIStyleTool.c_color_3d_blue; |
||||||
|
point_start.shadowColor = BabylonUIStyleTool.c_color_3d_blue; |
||||||
|
point_start.shadowBlur = 5; |
||||||
|
this.points.push(point_start); |
||||||
|
|
||||||
|
let point_end = new Ellipse("end"); |
||||||
|
point_end.width = "1px"; |
||||||
|
point_end.height = "1px"; |
||||||
|
this.root.addControl(point_end); |
||||||
|
point_end.horizontalAlignment = Control.HORIZONTAL_ALIGNMENT_LEFT; |
||||||
|
point_end.verticalAlignment = Control.VERTICAL_ALIGNMENT_TOP; |
||||||
|
this.lineLength = 20; |
||||||
|
point_end.left = this.lineLength + "px"; |
||||||
|
point_end.topInPixels = infoSize.y * 0.5; |
||||||
|
this.points.push(point_end); |
||||||
|
|
||||||
|
|
||||||
|
this.infoBg = new Rectangle("infoBg"); |
||||||
|
BabylonUIStyleTool.setStyle_size(this.infoBg, infoSize.x + "px", infoSize.y + "px"); |
||||||
|
this.root.addControl(this.infoBg); |
||||||
|
this.infoBg.color = BabylonUIStyleTool.c_color_3d_blue; |
||||||
|
this.infoBg.shadowBlur = 5; |
||||||
|
this.infoBg.shadowColor = BabylonUIStyleTool.c_color_3d_blue; |
||||||
|
this.infoBg.background = BabylonUIStyleTool.c_color_3d_blueBg; |
||||||
|
this.infoBg.alpha = 0.7; |
||||||
|
this.infoBg.horizontalAlignment = Control.HORIZONTAL_ALIGNMENT_RIGHT; |
||||||
|
this.infoBg.verticalAlignment = Control.VERTICAL_ALIGNMENT_TOP; |
||||||
|
|
||||||
|
this.info = new TextBlock("info", "info") |
||||||
|
this.info.fontSize = 12; |
||||||
|
this.infoBg.addControl(this.info); |
||||||
|
this.info.color = BabylonUIStyleTool.c_color_3d_blueLight; |
||||||
|
|
||||||
|
|
||||||
|
let point_infoBgLeft = new Ellipse("infoBgLeft"); |
||||||
|
this.infoBg.addControl(point_infoBgLeft); |
||||||
|
BabylonUIStyleTool.setStyle_size(point_infoBgLeft, "1px", "1px"); |
||||||
|
point_infoBgLeft.horizontalAlignment = Control.HORIZONTAL_ALIGNMENT_LEFT; |
||||||
|
point_infoBgLeft.leftInPixels = -1 |
||||||
|
|
||||||
|
this.points.push(point_infoBgLeft); |
||||||
|
|
||||||
|
|
||||||
|
this.line = new MultiLine("ui_line_" + this.key); |
||||||
|
|
||||||
|
for (let i = 0; i < this.points.length; i++) { |
||||||
|
this.line.add(this.points[i]); |
||||||
|
} |
||||||
|
// this.line.add(this.mesh);//起点
|
||||||
|
// this.line.add(pointL);
|
||||||
|
// this.line.add(point);
|
||||||
|
this.line.lineWidth = 1.5; |
||||||
|
this.line.color = BabylonUIStyleTool.c_color_3d_blue; |
||||||
|
this.line.alpha = 0.7; |
||||||
|
this.line.shadowColor = BabylonUIStyleTool.c_color_3d_blue; |
||||||
|
this.line.shadowBlur = 5; |
||||||
|
UIManager.Instance.uiRoot.addControl(this.line); |
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
setEnable(show: boolean) { |
||||||
|
this.root.isVisible = show; |
||||||
|
this.line.isVisible = show; |
||||||
|
} |
||||||
|
|
||||||
|
dispose() { |
||||||
|
this.root.dispose(); |
||||||
|
|
||||||
|
this.line.dispose(); |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
//#endregion
|
||||||
@ -0,0 +1,9 @@ |
|||||||
|
import { AbstractMesh } from "@babylonjs/core"; |
||||||
|
|
||||||
|
export class GameObject { |
||||||
|
|
||||||
|
mesh: AbstractMesh; |
||||||
|
|
||||||
|
components: any[]; //组件
|
||||||
|
|
||||||
|
} |
||||||
@ -0,0 +1,615 @@ |
|||||||
|
import { AbstractMesh, ArcRotateCamera, BoundingBoxGizmo, Color3, EventState, GizmoManager, Mesh, Observable, PickingInfo, PointerEventTypes, PointerInfo, Quaternion, Scene, UtilityLayerRenderer, Vector3 } from "@babylonjs/core"; |
||||||
|
import { AdvancedDynamicTexture, Button, Container, InputText, Rectangle, StackPanel, TextBlock } from "@babylonjs/gui"; |
||||||
|
import { ModeManager, ModeType } from "../controller/mode-manager"; |
||||||
|
import { SceneManager } from "../controller/scene-manager"; |
||||||
|
import { Game } from "../game"; |
||||||
|
import { ModelInfo } from "../model/info/model/model-info"; |
||||||
|
import { UIBase } from "../view/window-base/ui-base"; |
||||||
|
import { BabylonTool } from "./babylon-tool"; |
||||||
|
import { BabylonUIStyleTool } from "./babylon-ui-style-tool"; |
||||||
|
|
||||||
|
|
||||||
|
//transform 信息的UI
|
||||||
|
export enum TransformUIType { |
||||||
|
Hide, |
||||||
|
Position, |
||||||
|
Rotation, |
||||||
|
Scale, |
||||||
|
} |
||||||
|
|
||||||
|
export class GizmoTool { |
||||||
|
static s_gizmoManager: GizmoManager; |
||||||
|
static s_boundingBoxGizmo: BoundingBoxGizmo; |
||||||
|
static s_needUpdateGizmo: NeedUpdateGizmo; //需要更新的gizmo分量
|
||||||
|
static s_transformUIInfo: TransformUIInfo; |
||||||
|
static s_camera: ArcRotateCamera; |
||||||
|
|
||||||
|
static onPickMeshInfoObservable: Observable<ModelInfo>; //pick事件
|
||||||
|
static onGizmoAimMeshObservable: Observable<AbstractMesh>; |
||||||
|
static s_nowPickAim: ModelInfo;//当前pick的目标
|
||||||
|
static s_nowPickAim_mesh: AbstractMesh;//当前pick的目标
|
||||||
|
|
||||||
|
static s_btn_poisition: Button; |
||||||
|
static s_btn_rotation: Button; |
||||||
|
static s_btn_scaling: Button; |
||||||
|
|
||||||
|
static init(scene: Scene, uiRoot: AdvancedDynamicTexture, camera: ArcRotateCamera) { |
||||||
|
GizmoTool.s_camera = camera; |
||||||
|
GizmoTool.s_boundingBoxGizmo = new BoundingBoxGizmo(); |
||||||
|
GizmoTool.s_boundingBoxGizmo.setColor(new Color3(1, 0.52, 0.07)); |
||||||
|
GizmoTool.s_boundingBoxGizmo.setEnabledRotationAxis(''); |
||||||
|
GizmoTool.s_boundingBoxGizmo.setEnabledScaling(false); |
||||||
|
|
||||||
|
GizmoTool.initTransformUI(uiRoot); |
||||||
|
|
||||||
|
GizmoTool.s_needUpdateGizmo = new NeedUpdateGizmo(); |
||||||
|
GizmoTool.s_gizmoManager = new GizmoManager(scene, undefined); |
||||||
|
GizmoTool.s_gizmoManager.positionGizmoEnabled = true; |
||||||
|
GizmoTool.s_gizmoManager.rotationGizmoEnabled = true; |
||||||
|
GizmoTool.s_gizmoManager.scaleGizmoEnabled = true; |
||||||
|
GizmoTool.s_gizmoManager.gizmos.positionGizmo.planarGizmoEnabled = false; |
||||||
|
GizmoTool.s_gizmoManager.gizmos.positionGizmo.yPlaneGizmo.isEnabled = true; |
||||||
|
GizmoTool.s_gizmoManager.gizmos.positionGizmo.yPlaneGizmo.scaleRatio = 1; |
||||||
|
GizmoTool.s_gizmoManager.gizmos.positionGizmo.updateGizmoRotationToMatchAttachedMesh = false; |
||||||
|
GizmoTool.s_gizmoManager.usePointerToAttachGizmos = false; |
||||||
|
GizmoTool.s_gizmoManager.gizmos.positionGizmo.onDragStartObservable.add( |
||||||
|
GizmoTool.onPositionGizmoStart |
||||||
|
); |
||||||
|
GizmoTool.s_gizmoManager.gizmos.positionGizmo.onDragEndObservable.add( |
||||||
|
GizmoTool.onPositionGizmoEnd |
||||||
|
); |
||||||
|
GizmoTool.s_gizmoManager.gizmos.rotationGizmo.onDragStartObservable.add( |
||||||
|
GizmoTool.onRotationGizmoStart |
||||||
|
); |
||||||
|
GizmoTool.s_gizmoManager.gizmos.rotationGizmo.onDragEndObservable.add( |
||||||
|
GizmoTool.onRotationGizmoEnd |
||||||
|
); |
||||||
|
GizmoTool.s_gizmoManager.gizmos.scaleGizmo.onDragStartObservable.add( |
||||||
|
GizmoTool.onScaleGizmoStart |
||||||
|
); |
||||||
|
GizmoTool.s_gizmoManager.gizmos.scaleGizmo.onDragEndObservable.add( |
||||||
|
GizmoTool.onScaleGizmoEnd |
||||||
|
); |
||||||
|
|
||||||
|
scene.onPointerObservable.add(GizmoTool.onPointerObservable); |
||||||
|
|
||||||
|
GizmoTool.onGizmoAimMeshObservable = new Observable(); |
||||||
|
|
||||||
|
|
||||||
|
GizmoTool.onPickMeshInfoObservable = new Observable(); |
||||||
|
GizmoTool.onPickMeshInfoObservable.add(GizmoTool.onChangeGizmoAim); |
||||||
|
|
||||||
|
scene.onBeforeRenderObservable.add(GizmoTool.onBeforeRender); |
||||||
|
GizmoTool.onTransformUITypeChange(TransformUIType.Hide); |
||||||
|
} |
||||||
|
|
||||||
|
static onBeforeRender( |
||||||
|
eventData: Scene, |
||||||
|
eventState: EventState |
||||||
|
) { |
||||||
|
GizmoTool.updateTransformUI(); |
||||||
|
|
||||||
|
let speed = 10 / GizmoTool.s_camera.radius; |
||||||
|
|
||||||
|
speed *= 1000; |
||||||
|
|
||||||
|
GizmoTool.s_camera.panningSensibility = speed;//动态修改平移灵敏度
|
||||||
|
|
||||||
|
|
||||||
|
if (SceneManager.Instance.cameraMode_Is2D) { |
||||||
|
let camera = SceneManager.Instance.defaultCamera; |
||||||
|
camera.beta = 0; |
||||||
|
if (camera.beta > 0.2) { |
||||||
|
SceneManager.Instance.changeCameraMode(false); |
||||||
|
} |
||||||
|
else { |
||||||
|
//GizmoTool.s_camera.size = GizmoTool.s_camera.radius * 0.01;
|
||||||
|
//console.log(GizmoTool.s_camera.orthoTop);
|
||||||
|
let size_width = GizmoTool.s_camera.radius * Game.instance.canvas.width * 0.0008; |
||||||
|
let size_height = GizmoTool.s_camera.radius * Game.instance.canvas.height * 0.0008; |
||||||
|
camera.orthoTop = size_height; |
||||||
|
camera.orthoBottom = - size_height; |
||||||
|
camera.orthoLeft = - size_width; |
||||||
|
camera.orthoRight = size_width; |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
//鼠标事件监听
|
||||||
|
static onPointerObservable( |
||||||
|
eventData: PointerInfo, |
||||||
|
eventState: EventState |
||||||
|
) { |
||||||
|
switch (eventData.type) { |
||||||
|
case PointerEventTypes.POINTERDOWN: |
||||||
|
//console.log("指针按下");
|
||||||
|
|
||||||
|
break; |
||||||
|
case PointerEventTypes.POINTERUP: |
||||||
|
//console.log("指针抬起");
|
||||||
|
GizmoTool.pickRayTest(eventData.pickInfo); |
||||||
|
break; |
||||||
|
case PointerEventTypes.POINTERMOVE: |
||||||
|
//console.log("指针移动");
|
||||||
|
|
||||||
|
break; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 替换选中 |
||||||
|
* @param modelInfo 新的modelInfo |
||||||
|
*/ |
||||||
|
static replacePick(modelInfo: ModelInfo) { |
||||||
|
if (GizmoTool.s_nowPickAim != modelInfo) { |
||||||
|
GizmoTool.onChangeGizmoAim(modelInfo); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
//射线检测
|
||||||
|
static pickRayTest(pickResult: PickingInfo) { |
||||||
|
if (!SceneManager.s_isPointerDrag) { |
||||||
|
if (pickResult.hit) { |
||||||
|
let meshName = pickResult.pickedMesh.name; |
||||||
|
// GizmoTool.onPickMeshObservable.notifyObservers(pickResult.pickedMesh);
|
||||||
|
//GizmoTool.changeGizmoAim(pickResult.pickedMesh);
|
||||||
|
|
||||||
|
} else { |
||||||
|
//GizmoTool.onPickMeshInfoObservable.notifyObservers(null);
|
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
// console.log("pickRayTest " + pickResult.hit);
|
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
//改变gizmo目标mesh
|
||||||
|
static onChangeGizmoAim(modelInfo: ModelInfo) { |
||||||
|
let mesh = null; |
||||||
|
GizmoTool.s_nowPickAim = modelInfo; |
||||||
|
|
||||||
|
if (modelInfo != null) { |
||||||
|
mesh = modelInfo.modelBox; |
||||||
|
} |
||||||
|
|
||||||
|
GizmoTool.changeGizmoAim(mesh); |
||||||
|
|
||||||
|
if (ModeManager.currentMode == ModeType.Edit) { |
||||||
|
GizmoTool.s_boundingBoxGizmo.attachedMesh = mesh; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
GizmoTool.s_transformUIInfo.Mesh = mesh; |
||||||
|
GizmoTool.s_transformUIInfo.modelInfo = modelInfo; |
||||||
|
GizmoTool.updateTransformUI(mesh != null); |
||||||
|
} |
||||||
|
|
||||||
|
//改变Gizmo目标
|
||||||
|
static changeGizmoAim(mesh: AbstractMesh, x: boolean = true, y = true, z = true) { |
||||||
|
|
||||||
|
|
||||||
|
GizmoTool.s_nowPickAim_mesh = mesh; |
||||||
|
GizmoTool.s_gizmoManager.attachToMesh(mesh); |
||||||
|
GizmoTool.s_gizmoManager.gizmos.positionGizmo.xGizmo.isEnabled = x; |
||||||
|
GizmoTool.s_gizmoManager.gizmos.positionGizmo.yGizmo.isEnabled = y; |
||||||
|
GizmoTool.s_gizmoManager.gizmos.positionGizmo.yPlaneGizmo.isEnabled = x && z; |
||||||
|
GizmoTool.s_gizmoManager.gizmos.positionGizmo.zGizmo.isEnabled = z; |
||||||
|
GizmoTool.onGizmoAimMeshObservable.notifyObservers(mesh); |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
//离开当前目标(如果当前在这个)
|
||||||
|
static leaveTheGizmoAim(modelInfo: ModelInfo) { |
||||||
|
if (GizmoTool.s_nowPickAim != null && GizmoTool.s_nowPickAim == modelInfo) { |
||||||
|
GizmoTool.onChangeGizmoAim(null); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
//离开当前目标(如果当前在这个)
|
||||||
|
static leaveTheGizmoAimMesh(mesh: AbstractMesh) { |
||||||
|
if (GizmoTool.s_nowPickAim_mesh != null && GizmoTool.s_nowPickAim_mesh == mesh) { |
||||||
|
GizmoTool.onChangeGizmoAim(null); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
//初始化
|
||||||
|
static initTransformUI(advTexture: AdvancedDynamicTexture) { |
||||||
|
let transformUIInfo = new TransformUIInfo(); |
||||||
|
GizmoTool.s_transformUIInfo = transformUIInfo; |
||||||
|
|
||||||
|
let width = 200; |
||||||
|
let height = 150; |
||||||
|
|
||||||
|
let ui_transformUIRoot = new Rectangle('GizmoWindow'); |
||||||
|
ui_transformUIRoot.width = width + 'px'; |
||||||
|
ui_transformUIRoot.height = height + 'px'; |
||||||
|
ui_transformUIRoot.background = UIBase.color_gray; |
||||||
|
ui_transformUIRoot.color = '#FFFFFF'; |
||||||
|
ui_transformUIRoot.alpha = 0.8; |
||||||
|
ui_transformUIRoot.horizontalAlignment = |
||||||
|
Container.HORIZONTAL_ALIGNMENT_LEFT; |
||||||
|
ui_transformUIRoot.verticalAlignment = |
||||||
|
Container.VERTICAL_ALIGNMENT_TOP; |
||||||
|
ui_transformUIRoot.thickness = 0; |
||||||
|
ui_transformUIRoot.cornerRadius = BabylonUIStyleTool.cornerRadius_window1; |
||||||
|
ui_transformUIRoot.zIndex = BabylonUIStyleTool.c_zIndex_gizmo; |
||||||
|
advTexture.addControl(ui_transformUIRoot); |
||||||
|
transformUIInfo.root = ui_transformUIRoot; |
||||||
|
|
||||||
|
let stackPanel = new StackPanel('verticalGroup'); |
||||||
|
stackPanel.isVertical = true; |
||||||
|
stackPanel.width = width + 'px'; |
||||||
|
stackPanel.height = height + 'px'; |
||||||
|
ui_transformUIRoot.addControl(stackPanel); |
||||||
|
|
||||||
|
let txt_title = new TextBlock('title', '信息：(x,y,z)'); |
||||||
|
transformUIInfo.titleText = txt_title; |
||||||
|
txt_title.width = width + 'px'; |
||||||
|
txt_title.height = '45px'; |
||||||
|
|
||||||
|
stackPanel.addControl(txt_title); |
||||||
|
|
||||||
|
for (let i = 0; i < 3; i++) { |
||||||
|
let l_InputInfo: UIVector3InputInfo = new UIVector3InputInfo(); |
||||||
|
let postionRoot = new StackPanel('Group' + i); |
||||||
|
stackPanel.addControl(postionRoot); |
||||||
|
postionRoot.width = width + 'px'; |
||||||
|
postionRoot.height = height * 0.23 + 'px'; |
||||||
|
postionRoot.isVertical = false; |
||||||
|
|
||||||
|
let groupName = Button.CreateSimpleButton( |
||||||
|
'groupName', |
||||||
|
'info:' |
||||||
|
); |
||||||
|
groupName.width = width * 0.22 + 'px'; |
||||||
|
groupName.height = height * 0.22 + 'px'; |
||||||
|
groupName.fontSize = 12; |
||||||
|
groupName.background = '#FF8833'; |
||||||
|
groupName.color = 'white'; |
||||||
|
groupName.thickness = 0; |
||||||
|
groupName.paddingBottom = '2px'; |
||||||
|
postionRoot.addControl(groupName); |
||||||
|
|
||||||
|
groupName.onPointerClickObservable.add(() => { |
||||||
|
switch (i) { |
||||||
|
case 0: |
||||||
|
transformUIInfo.OnTypeChangeObservable.notifyObservers( |
||||||
|
TransformUIType.Position |
||||||
|
); |
||||||
|
break; |
||||||
|
case 1: |
||||||
|
transformUIInfo.OnTypeChangeObservable.notifyObservers( |
||||||
|
TransformUIType.Rotation |
||||||
|
); |
||||||
|
break; |
||||||
|
case 2: |
||||||
|
transformUIInfo.OnTypeChangeObservable.notifyObservers( |
||||||
|
TransformUIType.Scale |
||||||
|
); |
||||||
|
break; |
||||||
|
} |
||||||
|
}); |
||||||
|
|
||||||
|
switch (i) { |
||||||
|
case 0: |
||||||
|
transformUIInfo.position = l_InputInfo; |
||||||
|
postionRoot.name = 'transform'; |
||||||
|
groupName.textBlock.text = '位置：'; |
||||||
|
GizmoTool.s_btn_poisition = groupName; |
||||||
|
break; |
||||||
|
case 1: |
||||||
|
transformUIInfo.rotation = l_InputInfo; |
||||||
|
postionRoot.name = 'rotation'; |
||||||
|
groupName.textBlock.text = '旋转：'; |
||||||
|
GizmoTool.s_btn_rotation = groupName; |
||||||
|
break; |
||||||
|
case 2: |
||||||
|
transformUIInfo.scale = l_InputInfo; |
||||||
|
postionRoot.name = 'scale'; |
||||||
|
groupName.textBlock.text = '缩放：'; |
||||||
|
GizmoTool.s_btn_scaling = groupName; |
||||||
|
break; |
||||||
|
} |
||||||
|
|
||||||
|
for (let j = 0; j < 3; j++) { |
||||||
|
let xyz = new InputText('xyz', '12'); |
||||||
|
xyz.width = width * 0.25 + 'px'; |
||||||
|
xyz.height = height * 0.22 + 'px'; |
||||||
|
|
||||||
|
xyz.color = 'white'; |
||||||
|
xyz.alpha = 0.8; |
||||||
|
xyz.margin = '5px'; |
||||||
|
xyz.fontSize = 13; |
||||||
|
xyz.thickness = 0.1; |
||||||
|
xyz.paddingLeft = '0.1px'; |
||||||
|
xyz.paddingBottom = '2px'; |
||||||
|
|
||||||
|
switch (i) { |
||||||
|
case 0: |
||||||
|
xyz.onTextChangedObservable.add(GizmoTool.onGizmoUIInput_Position); |
||||||
|
break; |
||||||
|
case 1: |
||||||
|
xyz.onTextChangedObservable.add(GizmoTool.onGizmoUIInput_Rotation); |
||||||
|
break; |
||||||
|
case 2: |
||||||
|
xyz.onTextChangedObservable.add(GizmoTool.onGizmoUIInput_Scale); |
||||||
|
break; |
||||||
|
} |
||||||
|
|
||||||
|
switch (j) { |
||||||
|
case 0: |
||||||
|
l_InputInfo.x = xyz; |
||||||
|
xyz.name = 'x'; |
||||||
|
xyz.background = '#C20000'; |
||||||
|
break; |
||||||
|
case 1: |
||||||
|
l_InputInfo.y = xyz; |
||||||
|
xyz.name = 'y'; |
||||||
|
xyz.background = '#00820F'; |
||||||
|
break; |
||||||
|
case 2: |
||||||
|
l_InputInfo.z = xyz; |
||||||
|
xyz.name = 'z'; |
||||||
|
xyz.background = '#0047C2'; |
||||||
|
break; |
||||||
|
} |
||||||
|
|
||||||
|
postionRoot.addControl(xyz); |
||||||
|
} |
||||||
|
} |
||||||
|
transformUIInfo.OnTypeChangeObservable.add( |
||||||
|
GizmoTool.onTransformUITypeChange |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
static onPositionGizmoStart() { |
||||||
|
GizmoTool.s_needUpdateGizmo.position = true; |
||||||
|
} |
||||||
|
|
||||||
|
static onPositionGizmoEnd() { |
||||||
|
GizmoTool.s_needUpdateGizmo.position = false; |
||||||
|
} |
||||||
|
|
||||||
|
static onRotationGizmoStart() { |
||||||
|
GizmoTool.s_needUpdateGizmo.rotation = true; |
||||||
|
} |
||||||
|
static onRotationGizmoEnd() { |
||||||
|
GizmoTool.s_needUpdateGizmo.rotation = false; |
||||||
|
} |
||||||
|
|
||||||
|
static onScaleGizmoStart() { |
||||||
|
GizmoTool.s_needUpdateGizmo.scale = true; |
||||||
|
} |
||||||
|
|
||||||
|
static onScaleGizmoEnd() { |
||||||
|
GizmoTool.s_needUpdateGizmo.scale = false; |
||||||
|
} |
||||||
|
|
||||||
|
static currentGizmoType: TransformUIType = TransformUIType.Position; |
||||||
|
//操作的类型发生变化： 隐藏、position、rotation、scale
|
||||||
|
static onTransformUITypeChange(uiType: TransformUIType) { |
||||||
|
// console.log("改变type" + uiType);
|
||||||
|
let transformUIInfo = GizmoTool.s_transformUIInfo; |
||||||
|
// if (uiType == TransformUIType.Hide) {
|
||||||
|
// transformUIInfo.root.isVisible = false;
|
||||||
|
// } else {
|
||||||
|
// transformUIInfo.root.isVisible = true;
|
||||||
|
// }
|
||||||
|
transformUIInfo.root.isVisible = ModeManager.isDebug;//先隐藏，因为效果图中没有
|
||||||
|
|
||||||
|
let isEditMode = ModeManager.currentMode == ModeType.Edit; |
||||||
|
|
||||||
|
let isPosition = uiType == TransformUIType.Position && isEditMode; |
||||||
|
GizmoTool.s_btn_poisition.background = isPosition |
||||||
|
? UIBase.color_yellow |
||||||
|
: UIBase.color_null; |
||||||
|
GizmoTool.s_gizmoManager.positionGizmoEnabled = isPosition; |
||||||
|
|
||||||
|
let isRotation = uiType == TransformUIType.Rotation && isEditMode; |
||||||
|
GizmoTool.s_btn_rotation.background = isRotation |
||||||
|
? UIBase.color_yellow |
||||||
|
: UIBase.color_null; |
||||||
|
GizmoTool.s_gizmoManager.rotationGizmoEnabled = isRotation; |
||||||
|
|
||||||
|
let isScaling = uiType == TransformUIType.Scale && isEditMode; |
||||||
|
GizmoTool.s_btn_scaling.background = isScaling |
||||||
|
? UIBase.color_yellow |
||||||
|
: UIBase.color_null; |
||||||
|
GizmoTool.s_gizmoManager.scaleGizmoEnabled = isScaling; |
||||||
|
|
||||||
|
if (uiType == TransformUIType.Hide) { //隐藏选中框
|
||||||
|
GizmoTool.s_boundingBoxGizmo.attachedMesh = null; |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
//更新显示
|
||||||
|
static updateTransformUI(updateAll = false) { |
||||||
|
let transformUIInfo = GizmoTool.s_transformUIInfo; |
||||||
|
let updateGizmoInfo = GizmoTool.s_needUpdateGizmo; |
||||||
|
let mesh = transformUIInfo.mesh; |
||||||
|
|
||||||
|
if (transformUIInfo == null || mesh == null) { |
||||||
|
transformUIInfo.titleText.text = ''; |
||||||
|
return; |
||||||
|
} |
||||||
|
|
||||||
|
transformUIInfo.titleText.text = mesh.name; |
||||||
|
|
||||||
|
if (updateGizmoInfo.position || updateAll) { |
||||||
|
transformUIInfo.position.x.text = mesh.position.x.toPrecision(6); |
||||||
|
transformUIInfo.position.y.text = mesh.position.y.toPrecision(6); |
||||||
|
transformUIInfo.position.z.text = mesh.position.z.toPrecision(6); |
||||||
|
} |
||||||
|
|
||||||
|
if (updateGizmoInfo.rotation || updateAll) { |
||||||
|
let augle = mesh.rotationQuaternion.toEulerAngles(); |
||||||
|
|
||||||
|
let radian1 = BabylonTool.c_radian1; //1弧度
|
||||||
|
augle = augle.multiplyByFloats(radian1, radian1, radian1); |
||||||
|
|
||||||
|
transformUIInfo.rotation.x.text = augle.x.toPrecision(6); |
||||||
|
transformUIInfo.rotation.y.text = augle.y.toPrecision(6); |
||||||
|
transformUIInfo.rotation.z.text = augle.z.toPrecision(6); |
||||||
|
} |
||||||
|
|
||||||
|
if (updateGizmoInfo.scale || updateAll) { |
||||||
|
let originalScaling = |
||||||
|
GizmoTool.s_transformUIInfo.modelInfo.modelData.transformData |
||||||
|
.originalScaling; |
||||||
|
transformUIInfo.scale.x.text = ( |
||||||
|
mesh.absoluteScaling.x / originalScaling.x |
||||||
|
).toPrecision(6); |
||||||
|
transformUIInfo.scale.y.text = ( |
||||||
|
mesh.absoluteScaling.y / originalScaling.y |
||||||
|
).toPrecision(6); |
||||||
|
transformUIInfo.scale.z.text = ( |
||||||
|
mesh.absoluteScaling.z / originalScaling.z |
||||||
|
).toPrecision(6); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
//输入gizmo 数值 - position
|
||||||
|
static onGizmoUIInput_Position( |
||||||
|
eventData: InputText, |
||||||
|
eventState: EventState |
||||||
|
) { |
||||||
|
let transformUIInfo = GizmoTool.s_transformUIInfo; |
||||||
|
|
||||||
|
switch (eventData.name) { |
||||||
|
case 'x': |
||||||
|
transformUIInfo.Mesh.position.x = Number.parseFloat( |
||||||
|
transformUIInfo.position.x.text |
||||||
|
); |
||||||
|
break; |
||||||
|
case 'y': |
||||||
|
transformUIInfo.Mesh.position.y = Number.parseFloat( |
||||||
|
transformUIInfo.position.y.text |
||||||
|
); |
||||||
|
break; |
||||||
|
case 'z': |
||||||
|
transformUIInfo.Mesh.position.z = Number.parseFloat( |
||||||
|
transformUIInfo.position.z.text |
||||||
|
); |
||||||
|
break; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
//输入gizmo 数值 - rotation
|
||||||
|
static onGizmoUIInput_Rotation( |
||||||
|
eventData: InputText, |
||||||
|
eventState: EventState |
||||||
|
) { |
||||||
|
let transformUIInfo = GizmoTool.s_transformUIInfo; |
||||||
|
|
||||||
|
let eugle = new Vector3(); |
||||||
|
eugle.x = |
||||||
|
Number.parseFloat(transformUIInfo.rotation.x.text) / |
||||||
|
BabylonTool.c_radian1; |
||||||
|
eugle.y = |
||||||
|
Number.parseFloat(transformUIInfo.rotation.y.text) / |
||||||
|
BabylonTool.c_radian1; |
||||||
|
eugle.z = |
||||||
|
Number.parseFloat(transformUIInfo.rotation.z.text) / |
||||||
|
BabylonTool.c_radian1; |
||||||
|
|
||||||
|
transformUIInfo.Mesh.rotationQuaternion = Quaternion.FromEulerAngles( |
||||||
|
eugle.x, |
||||||
|
eugle.y, |
||||||
|
eugle.z |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
//输入gizmo 数值 - scale
|
||||||
|
static onGizmoUIInput_Scale( |
||||||
|
eventData: InputText, |
||||||
|
eventState: EventState |
||||||
|
) { |
||||||
|
let transformUIInfo = GizmoTool.s_transformUIInfo; |
||||||
|
let originalScaling = |
||||||
|
GizmoTool.s_transformUIInfo.modelInfo.modelData.transformData |
||||||
|
.originalScaling; |
||||||
|
|
||||||
|
switch (eventData.name) { |
||||||
|
case 'x': |
||||||
|
transformUIInfo.Mesh.scaling.x = |
||||||
|
Number.parseFloat(transformUIInfo.scale.x.text) * originalScaling.x; |
||||||
|
break; |
||||||
|
case 'y': |
||||||
|
transformUIInfo.Mesh.scaling.y = |
||||||
|
Number.parseFloat(transformUIInfo.scale.y.text) * originalScaling.y; |
||||||
|
break; |
||||||
|
case 'z': |
||||||
|
transformUIInfo.Mesh.scaling.z = |
||||||
|
Number.parseFloat(transformUIInfo.scale.z.text) * originalScaling.z; |
||||||
|
break; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
//需要更新gizmo的类型
|
||||||
|
class NeedUpdateGizmo { |
||||||
|
public position = true; |
||||||
|
public rotation = false; |
||||||
|
public scale = false; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
//存储vector3 对应文本输入UI的映射
|
||||||
|
class UIVector3InputInfo { |
||||||
|
public x: InputText; |
||||||
|
public y: InputText; |
||||||
|
public z: InputText; |
||||||
|
} |
||||||
|
|
||||||
|
//存储 transform 相关UI输入类的映射
|
||||||
|
class TransformUIInfo { |
||||||
|
public root: Rectangle; |
||||||
|
public position: UIVector3InputInfo; |
||||||
|
public rotation: UIVector3InputInfo; |
||||||
|
public scale: UIVector3InputInfo; |
||||||
|
public titleText: TextBlock; |
||||||
|
public nowType: TransformUIType = TransformUIType.Hide; |
||||||
|
public mesh: AbstractMesh; |
||||||
|
public modelInfo: ModelInfo; |
||||||
|
public onTypeChangeObservable: Observable<TransformUIType>; |
||||||
|
public onPositionChangeObservable: Observable<Vector3> = new Observable<Vector3>(); |
||||||
|
public onRotationChangeObservable: Observable<Vector3> = new Observable<Vector3>(); |
||||||
|
public onScaleChangeObservable: Observable<Vector3> = new Observable<Vector3>(); |
||||||
|
|
||||||
|
set Mesh(value: AbstractMesh) { |
||||||
|
let lastMesh = this.mesh; |
||||||
|
this.mesh = value; |
||||||
|
if (value == null) { |
||||||
|
this.NowType = TransformUIType.Hide; |
||||||
|
} else { |
||||||
|
//if (lastMesh == null) {
|
||||||
|
this.NowType = GizmoTool.currentGizmoType;// TransformUIType.Position;
|
||||||
|
//}
|
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
get Mesh() { |
||||||
|
return this.mesh; |
||||||
|
} |
||||||
|
|
||||||
|
set NowType(value: TransformUIType) { |
||||||
|
this.nowType = value; |
||||||
|
// console.log("NowType====" + value);
|
||||||
|
this.OnTypeChangeObservable.notifyObservers(this.nowType); |
||||||
|
} |
||||||
|
|
||||||
|
get OnTypeChangeObservable(): Observable<TransformUIType> { |
||||||
|
if (this.onTypeChangeObservable == null) { |
||||||
|
this.onTypeChangeObservable = new Observable<TransformUIType>(); |
||||||
|
} |
||||||
|
return this.onTypeChangeObservable; |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,65 @@ |
|||||||
|
import { ThreeDimensionalHomeComponent } from "src/app/gis/three-dimensional-home/three-dimensional-home.component"; |
||||||
|
|
||||||
|
/** |
||||||
|
* 加载管理器 |
||||||
|
*/ |
||||||
|
export class LoadTool { |
||||||
|
static s_loadingData: Map<any, string> = new Map(); |
||||||
|
static s_loadingNum: number = 0; |
||||||
|
|
||||||
|
static readonly c_tag_preloadMark = "preloadMark";//预加载标绘物模型（不阻断）
|
||||||
|
static readonly c_tag_createMark = "createMark";//创建标绘物（不阻断）
|
||||||
|
static readonly c_tag_facilityPrefab = "facilityPrefab";//设备预制体
|
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 新增加载数据 |
||||||
|
* @param data
|
||||||
|
* @param tag
|
||||||
|
*/ |
||||||
|
static add(data: any, tag?: string) { |
||||||
|
switch (tag) { |
||||||
|
case LoadTool.c_tag_preloadMark: |
||||||
|
case LoadTool.c_tag_createMark: return; |
||||||
|
} |
||||||
|
|
||||||
|
let oldNum = LoadTool.s_loadingNum; |
||||||
|
LoadTool.s_loadingData.set(data, tag); |
||||||
|
LoadTool.s_loadingNum = LoadTool.s_loadingData.size; |
||||||
|
if (oldNum == 0 && LoadTool.s_loadingNum == 1) { |
||||||
|
LoadTool.onStart(); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 加载完成，移除记录 |
||||||
|
* @param data
|
||||||
|
*/ |
||||||
|
static remove(data: any) { |
||||||
|
let oldNum = LoadTool.s_loadingNum; |
||||||
|
if (LoadTool.s_loadingData.has(data)) { |
||||||
|
LoadTool.s_loadingData.delete(data); |
||||||
|
} |
||||||
|
LoadTool.s_loadingNum = LoadTool.s_loadingData.size; |
||||||
|
if (oldNum > 0 && LoadTool.s_loadingNum == 0) { |
||||||
|
LoadTool.onEnd(); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 开始加载 |
||||||
|
*/ |
||||||
|
static onStart() { |
||||||
|
console.log("开始加载"); |
||||||
|
ThreeDimensionalHomeComponent.instance.maskLayerService.sendMessage(true) |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 全部加载结束 |
||||||
|
*/ |
||||||
|
static onEnd() { |
||||||
|
console.log("结束加载"); |
||||||
|
ThreeDimensionalHomeComponent.instance.maskLayerService.sendMessage(false) |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
@ -0,0 +1,476 @@ |
|||||||
|
import { EventState, Mesh, MeshBuilder, PickingInfo, PointerEventTypes, PointerInfo, Scene, Vector3 } from "@babylonjs/core"; |
||||||
|
import { Button, Container, Control, Ellipse, MultiLine, Rectangle, TextBlock } from "@babylonjs/gui"; |
||||||
|
import { UIManager } from "../controller/ui-manager"; |
||||||
|
import { BabylonUIStyleTool } from "./babylon-ui-style-tool"; |
||||||
|
|
||||||
|
/** |
||||||
|
* 测量工具 |
||||||
|
*/ |
||||||
|
export class MeasureTool { |
||||||
|
|
||||||
|
|
||||||
|
static instance: MeasureTool; |
||||||
|
|
||||||
|
/** |
||||||
|
* 当前编辑的测量 |
||||||
|
*/ |
||||||
|
currentMeasureInfo: MeasureInfo; |
||||||
|
|
||||||
|
/** |
||||||
|
* 当前所处的测量状态 |
||||||
|
*/ |
||||||
|
currentMeasureType: MeasureType = MeasureType.None; |
||||||
|
|
||||||
|
scene: Scene; |
||||||
|
|
||||||
|
constructor(scene: Scene) { |
||||||
|
this.scene = scene; |
||||||
|
MeasureTool.instance = this; |
||||||
|
scene.onPointerObservable.add( |
||||||
|
MeasureTool.instance.onPointerObservable |
||||||
|
); |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 新建测量 |
||||||
|
* @param start
|
||||||
|
* @param type
|
||||||
|
*/ |
||||||
|
createMeasureInfo(start: Vector3) { |
||||||
|
let type: MeasureType = this.currentMeasureType; |
||||||
|
if (type != MeasureType.None) { |
||||||
|
this.currentMeasureInfo = new MeasureInfo(start, type); |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 中断测量 |
||||||
|
*/ |
||||||
|
breakMeasure() { |
||||||
|
this.currentMeasureInfo = null; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 改变测量类型 |
||||||
|
* @param type MeasureType.None,表示结束测量 |
||||||
|
*/ |
||||||
|
changeMeasureType(type: MeasureType) { |
||||||
|
|
||||||
|
|
||||||
|
this.currentMeasureType = type; |
||||||
|
switch (type) { |
||||||
|
case MeasureType.None: |
||||||
|
this.breakMeasure(); |
||||||
|
break; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
//鼠标交互监听
|
||||||
|
onPointerObservable(eventData: PointerInfo, eventState: EventState) { |
||||||
|
let instance = MeasureTool.instance; |
||||||
|
if (instance.currentMeasureType == MeasureType.None) { |
||||||
|
return; //非测量状态
|
||||||
|
} |
||||||
|
|
||||||
|
switch (eventData.type) { |
||||||
|
case PointerEventTypes.POINTERPICK: |
||||||
|
if (eventData.event.button == 0 && eventData.pickInfo.hit) { |
||||||
|
if (!instance.isPickTooFar(eventData.pickInfo)) { |
||||||
|
if (instance.currentMeasureInfo == null) { |
||||||
|
instance.createMeasureInfo(eventData.pickInfo.pickedPoint); |
||||||
|
} |
||||||
|
else { |
||||||
|
instance.addMeasurePoint(eventData.pickInfo); |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
else if (eventData.event.button == 2) //右键，中断
|
||||||
|
{ |
||||||
|
instance.breakMeasure(); |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
break; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 添加测量点 |
||||||
|
*/ |
||||||
|
addMeasurePoint(pickInfo: PickingInfo) { |
||||||
|
console.log("测量", pickInfo); |
||||||
|
if (this.currentMeasureInfo != null) { |
||||||
|
this.currentMeasureInfo.addPoint(pickInfo.pickedPoint); |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 点击太远了(点在天空盒上) |
||||||
|
* @param point
|
||||||
|
*/ |
||||||
|
isPickTooFar(point: PickingInfo) { |
||||||
|
|
||||||
|
if (point.pickedMesh != null && point.pickedMesh.name == "skyBox") { |
||||||
|
return true; |
||||||
|
} |
||||||
|
else { |
||||||
|
return false; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 测量状态 |
||||||
|
*/ |
||||||
|
export enum MeasureType { |
||||||
|
/** |
||||||
|
* 未测量 |
||||||
|
*/ |
||||||
|
None, |
||||||
|
|
||||||
|
/** |
||||||
|
* 直线距离 |
||||||
|
*/ |
||||||
|
Distance, |
||||||
|
|
||||||
|
/** |
||||||
|
* 高度 |
||||||
|
*/ |
||||||
|
Height, |
||||||
|
|
||||||
|
/** |
||||||
|
* 面积 |
||||||
|
*/ |
||||||
|
Area, |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 测量信息 |
||||||
|
*/ |
||||||
|
export class MeasureInfo { |
||||||
|
/** |
||||||
|
* 所有点 |
||||||
|
*/ |
||||||
|
points: MeasurePoint[]; |
||||||
|
|
||||||
|
type: MeasureType; |
||||||
|
|
||||||
|
/** |
||||||
|
* ui根节点 |
||||||
|
*/ |
||||||
|
uiRoot: Container; |
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 圆形起点 |
||||||
|
*/ |
||||||
|
ell_start: Ellipse; |
||||||
|
|
||||||
|
/** |
||||||
|
* 释放按钮 |
||||||
|
*/ |
||||||
|
btn_dispose: Button; |
||||||
|
|
||||||
|
/** |
||||||
|
* 是信息 |
||||||
|
*/ |
||||||
|
txt_info: TextBlock; |
||||||
|
|
||||||
|
/** |
||||||
|
* 信息背景 |
||||||
|
*/ |
||||||
|
txtbg: Rectangle; |
||||||
|
|
||||||
|
mulLine: MultiLine; |
||||||
|
|
||||||
|
constructor(start: Vector3, type: MeasureType) { |
||||||
|
this.points = []; |
||||||
|
this.type = type; |
||||||
|
|
||||||
|
this.mulLine = new MultiLine("mulLine" + type); |
||||||
|
this.mulLine.lineWidth = 1.5; |
||||||
|
this.mulLine.color = BabylonUIStyleTool.c_color_3d_blue; |
||||||
|
this.mulLine.shadowColor = BabylonUIStyleTool.c_color_3d_blue; |
||||||
|
this.mulLine.shadowBlur = 5; |
||||||
|
UIManager.Instance.uiRoot.addControl(this.mulLine); |
||||||
|
this.addPoint(start); |
||||||
|
|
||||||
|
this.updateUI(); |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 新增节点 |
||||||
|
*/ |
||||||
|
addPoint(pos: Vector3) { |
||||||
|
if (this.points.length > 0) { |
||||||
|
for (let i = 0; i < this.points.length; i++) { |
||||||
|
this.points[i].changeEnd(false); |
||||||
|
} |
||||||
|
if (this.type == MeasureType.Height) { |
||||||
|
pos.x = this.points[0].pos.x; |
||||||
|
pos.z = this.points[0].pos.z; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
let point = new MeasurePoint(pos, true, this); |
||||||
|
this.points.push(point); |
||||||
|
|
||||||
|
if (this.points.length > 3 && this.type == MeasureType.Area) { |
||||||
|
let lastPoint = this.mulLine.getAt(this.points.length - 1); |
||||||
|
this.mulLine.remove(lastPoint); |
||||||
|
this.mulLine.add(point.mesh); |
||||||
|
this.mulLine.add(this.points[0].mesh); |
||||||
|
} |
||||||
|
else { |
||||||
|
this.mulLine.add(point.mesh); |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
if (this.points.length > 1 && this.type == MeasureType.Height) { //高度只能放两个点
|
||||||
|
MeasureTool.instance.breakMeasure(); |
||||||
|
} |
||||||
|
|
||||||
|
if (this.points.length == 3 && this.type == MeasureType.Area) { |
||||||
|
this.mulLine.add(this.points[0].mesh); |
||||||
|
} |
||||||
|
|
||||||
|
//更新显示
|
||||||
|
this.updateUI(); |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 更新UI |
||||||
|
*/ |
||||||
|
updateUI() { |
||||||
|
if (this.uiRoot == null) { |
||||||
|
this.ell_start = new Ellipse("MeasureStart") |
||||||
|
UIManager.Instance.uiRoot.addControl(this.ell_start); |
||||||
|
BabylonUIStyleTool.setStyle_size(this.ell_start, "10px", "10px"); |
||||||
|
this.ell_start.thickness = 2; |
||||||
|
this.ell_start.color = BabylonUIStyleTool.c_color_3d_blue; |
||||||
|
this.ell_start.background = BabylonUIStyleTool.c_color_3d_blueBg; |
||||||
|
this.ell_start.linkWithMesh(this.points[0].mesh); |
||||||
|
|
||||||
|
this.uiRoot = new Container("Measure"); |
||||||
|
this.uiRoot.horizontalAlignment = Control.HORIZONTAL_ALIGNMENT_LEFT; |
||||||
|
UIManager.Instance.uiRoot.addControl(this.uiRoot); |
||||||
|
BabylonUIStyleTool.setStyle_size(this.uiRoot, "100px", "40px"); |
||||||
|
|
||||||
|
this.btn_dispose = Button.CreateSimpleButton("dispose", "x"); |
||||||
|
this.uiRoot.addControl(this.btn_dispose); |
||||||
|
this.btn_dispose.leftInPixels = 10; |
||||||
|
BabylonUIStyleTool.setStyle_size(this.btn_dispose, "15px", "15px"); |
||||||
|
this.btn_dispose.horizontalAlignment = Control.HORIZONTAL_ALIGNMENT_LEFT; |
||||||
|
this.btn_dispose.verticalAlignment = Control.VERTICAL_ALIGNMENT_TOP; |
||||||
|
let instance = this; |
||||||
|
this.btn_dispose.onPointerClickObservable.add(() => { |
||||||
|
instance.dispose(); |
||||||
|
}); |
||||||
|
this.btn_dispose.background = BabylonUIStyleTool.c_color_3d_blueBg; |
||||||
|
this.btn_dispose.color = BabylonUIStyleTool.c_color_3d_blue; |
||||||
|
|
||||||
|
this.txtbg = new Rectangle("txtBG"); |
||||||
|
this.uiRoot.addControl(this.txtbg); |
||||||
|
BabylonUIStyleTool.setStyle_size(this.txtbg, "70px", "25px"); |
||||||
|
this.txtbg.horizontalAlignment = Control.HORIZONTAL_ALIGNMENT_LEFT; |
||||||
|
this.txtbg.verticalAlignment = Control.VERTICAL_ALIGNMENT_BOTTOM; |
||||||
|
this.txtbg.background = BabylonUIStyleTool.c_color_3d_blueBg; |
||||||
|
this.txtbg.color = BabylonUIStyleTool.c_color_3d_blue; |
||||||
|
|
||||||
|
|
||||||
|
this.txt_info = new TextBlock("txt"); |
||||||
|
this.uiRoot.addControl(this.txt_info); |
||||||
|
BabylonUIStyleTool.setStyle_size(this.txt_info, "70px", "25px"); |
||||||
|
this.txt_info.horizontalAlignment = Control.HORIZONTAL_ALIGNMENT_LEFT; |
||||||
|
this.txt_info.verticalAlignment = Control.VERTICAL_ALIGNMENT_BOTTOM; |
||||||
|
this.txt_info.textHorizontalAlignment = Control.HORIZONTAL_ALIGNMENT_LEFT; |
||||||
|
this.txt_info.color = BabylonUIStyleTool.c_color_3d_blue; |
||||||
|
this.txt_info.resizeToFit = true; |
||||||
|
|
||||||
|
let ell_end = new Ellipse("end") |
||||||
|
this.uiRoot.addControl(ell_end); |
||||||
|
BabylonUIStyleTool.setStyle_size(ell_end, "10px", "10px"); |
||||||
|
ell_end.thickness = 2; |
||||||
|
ell_end.color = BabylonUIStyleTool.c_color_3d_blue; |
||||||
|
ell_end.background = BabylonUIStyleTool.c_color_3d_blueBg; |
||||||
|
ell_end.horizontalAlignment = Control.HORIZONTAL_ALIGNMENT_LEFT; |
||||||
|
ell_end.verticalAlignment = Control.VERTICAL_ALIGNMENT_TOP; |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
let info: string = ""; |
||||||
|
switch (this.type) { |
||||||
|
case MeasureType.Distance: |
||||||
|
info = " 长度：" + this.getPointsDistance(this.points).toFixed(1) + "米"; |
||||||
|
break; |
||||||
|
case MeasureType.Height: |
||||||
|
info = " 高度：" + this.getPointsHeight(this.points).toFixed(1) + "米"; |
||||||
|
break; |
||||||
|
case MeasureType.Area: |
||||||
|
info = " 面积：" + this.getPointsArea(this.points).toFixed(1) + "平方米"; |
||||||
|
break; |
||||||
|
} |
||||||
|
|
||||||
|
this.txt_info.text = info; |
||||||
|
|
||||||
|
let instance = this; |
||||||
|
setTimeout(() => { |
||||||
|
|
||||||
|
instance.txtbg.widthInPixels = instance.txt_info.widthInPixels + 3; |
||||||
|
instance.uiRoot.widthInPixels = instance.txt_info.widthInPixels + 3; |
||||||
|
|
||||||
|
let lastPoint = instance.points[instance.points.length - 1]; |
||||||
|
instance.uiRoot.linkWithMesh(lastPoint.mesh); |
||||||
|
instance.uiRoot.linkOffsetYInPixels = 20 - 5; |
||||||
|
instance.uiRoot.linkOffsetXInPixels = instance.uiRoot.widthInPixels * 0.5 - 5; |
||||||
|
|
||||||
|
}, (30)); |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 获取多个点的长度 |
||||||
|
* @param points
|
||||||
|
*/ |
||||||
|
getPointsDistance(points: MeasurePoint[]) { |
||||||
|
let result = 0; |
||||||
|
|
||||||
|
if (points != null && points.length > 1) { |
||||||
|
for (let i = 1; i < points.length; i++) { |
||||||
|
result += Vector3.Distance(points[i - 1].pos, points[i].pos); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
return result; |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 获取高度 |
||||||
|
* @param points
|
||||||
|
*/ |
||||||
|
getPointsHeight(points: MeasurePoint[]) { |
||||||
|
let result = 0; |
||||||
|
|
||||||
|
if (points != null && points.length > 1) { |
||||||
|
result = points[points.length - 1].pos.y - points[0].pos.y; |
||||||
|
result = Math.abs(result); |
||||||
|
} |
||||||
|
|
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 获取面积（在地面的投影面积， xz平面内） |
||||||
|
* @param points
|
||||||
|
*/ |
||||||
|
getPointsArea(points: MeasurePoint[]) { |
||||||
|
let result = 0; |
||||||
|
|
||||||
|
if (points != null && points.length > 2) { |
||||||
|
|
||||||
|
for (let i = 0; i < points.length - 1; i++) { |
||||||
|
result += (points[i].pos.x * points[i + 1].pos.z - points[i + 1].pos.x * points[i].pos.z); |
||||||
|
} |
||||||
|
|
||||||
|
let num = points.length - 1; |
||||||
|
|
||||||
|
result = 0.5 * (result + points[num].pos.x * points[0].pos.z - points[0].pos.x * points[num].pos.z); |
||||||
|
result = Math.abs(result); |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
return result; |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 释放 |
||||||
|
*/ |
||||||
|
dispose() { |
||||||
|
this.ell_start.dispose(); |
||||||
|
|
||||||
|
this.uiRoot.dispose(); |
||||||
|
this.uiRoot = null; |
||||||
|
this.btn_dispose = null; |
||||||
|
this.txt_info = null; |
||||||
|
this.mulLine.dispose(); |
||||||
|
this.mulLine = null; |
||||||
|
|
||||||
|
for (let i = 0; i < this.points.length; i++) { |
||||||
|
this.points[i].dispose(); |
||||||
|
} |
||||||
|
this.points = []; |
||||||
|
|
||||||
|
MeasureTool.instance.breakMeasure(); |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 测量点 |
||||||
|
*/ |
||||||
|
export class MeasurePoint { |
||||||
|
|
||||||
|
/** |
||||||
|
* 终点 |
||||||
|
*/ |
||||||
|
isEnd: boolean; |
||||||
|
|
||||||
|
pos: Vector3; |
||||||
|
|
||||||
|
/** |
||||||
|
* 所属测量信息
|
||||||
|
*/ |
||||||
|
belongTo: MeasureInfo; |
||||||
|
|
||||||
|
/** |
||||||
|
* 模型网格 |
||||||
|
*/ |
||||||
|
mesh: Mesh; |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
constructor(pos: Vector3, isEnd: boolean, belongTo: MeasureInfo) { |
||||||
|
this.pos = pos; |
||||||
|
this.isEnd = isEnd; |
||||||
|
this.belongTo = belongTo; |
||||||
|
|
||||||
|
this.mesh = MeshBuilder.CreateSphere(belongTo.type.toString(), { segments: 1, diameter: 0.01 }, MeasureTool.instance.scene); |
||||||
|
this.mesh.position = pos; |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 更新终点的显示 |
||||||
|
* @param isEnd
|
||||||
|
*/ |
||||||
|
changeEnd(isEnd: boolean) { |
||||||
|
this.isEnd = isEnd; |
||||||
|
//更新终点显示
|
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
dispose() { |
||||||
|
if (this.mesh != null) { |
||||||
|
this.mesh.dispose(); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
@ -0,0 +1,322 @@ |
|||||||
|
//mesh对象池
|
||||||
|
//为避免重复加载、销毁mesh对象
|
||||||
|
|
||||||
|
import { AbstractMesh, MeshBuilder, Observable, TransformNode, Vector3 } from "@babylonjs/core"; |
||||||
|
import { SceneManager } from "../controller/scene-manager"; |
||||||
|
import { ModelData, ModelType } from "../model/data/model-data/model-data"; |
||||||
|
import { ModelInfo } from "../model/info/model/model-info"; |
||||||
|
import { TsTool } from "./ts-tool"; |
||||||
|
|
||||||
|
export class MeshPool { |
||||||
|
|
||||||
|
//#region 单例
|
||||||
|
private static instance: MeshPool; |
||||||
|
|
||||||
|
static get Instance() { |
||||||
|
if (MeshPool.instance == null) { |
||||||
|
MeshPool.instance = new MeshPool(); |
||||||
|
} |
||||||
|
|
||||||
|
return MeshPool.instance; |
||||||
|
} |
||||||
|
//#endregion
|
||||||
|
|
||||||
|
|
||||||
|
root: TransformNode; |
||||||
|
|
||||||
|
prefabPool: Map<string, MeshPoolInfo[]> = new Map();//预制体池
|
||||||
|
idlePool: Map<string, MeshPoolInfo[]> = new Map();//空闲池
|
||||||
|
workingPool: Map<string, MeshPoolInfo[]> = new Map();//工作池
|
||||||
|
|
||||||
|
constructor() { |
||||||
|
this.root = new TransformNode("MeshPoolRoot", SceneManager.Instance.scene); |
||||||
|
|
||||||
|
this.root.setEnabled(false);//隐藏起来
|
||||||
|
} |
||||||
|
|
||||||
|
//#region 外部方法
|
||||||
|
|
||||||
|
/** |
||||||
|
* 从对象池导入模型（经过包装盒包装） |
||||||
|
*/ |
||||||
|
static importMesh(modeltype: ModelType, modelData: ModelData, isNew: boolean = true, fromClone: boolean = true, tag?: string, onSuccess?: (meshBox: AbstractMesh, meshes: AbstractMesh[], result: MeshPoolInfo) => void, onlyPrefab = false,): MeshPoolInfo { |
||||||
|
let result = MeshPool.Instance.getMesh(modelData.resPath, modelData.resName, fromClone); |
||||||
|
|
||||||
|
if (result == null) { |
||||||
|
//console.log("对象池中没有，要加载：" + path + name);
|
||||||
|
|
||||||
|
let prefab = MeshPool.Instance.getMeshPrefab(modelData.resPath, modelData.resName); |
||||||
|
result = new MeshPoolInfo(modelData.resPath, modelData.resName, fromClone); |
||||||
|
if (prefab == null) { |
||||||
|
prefab = new MeshPoolInfo(modelData.resPath, modelData.resName, false); |
||||||
|
prefab.onSuccessObserver = new Observable<MeshPoolInfo>(); |
||||||
|
MeshPool.Instance.addPool(MeshPool.Instance.prefabPool, prefab); |
||||||
|
|
||||||
|
SceneManager.createModel(modeltype, modelData, true, isNew, tag, (meshes: AbstractMesh[], box: AbstractMesh, modelInfo: ModelInfo) => { |
||||||
|
prefab.meshes = meshes; |
||||||
|
prefab.meshBox = box; |
||||||
|
prefab.modelInfo = modelInfo; |
||||||
|
prefab.setActive(false); |
||||||
|
modelInfo.showFollowUI(false); |
||||||
|
prefab.success(); |
||||||
|
MeshPool.Instance.addPool(MeshPool.Instance.prefabPool, prefab); |
||||||
|
if (!onlyPrefab) { |
||||||
|
if (fromClone) { |
||||||
|
result.cloneMeshFrom(prefab, modelData, isNew); |
||||||
|
result.setActive(true); |
||||||
|
MeshPool.Instance.addPool(MeshPool.Instance.workingPool, result); |
||||||
|
result.success(); |
||||||
|
if (onSuccess) { |
||||||
|
onSuccess(result.meshBox, result.meshes, result); |
||||||
|
} |
||||||
|
} |
||||||
|
else { |
||||||
|
SceneManager.createModel(modeltype, modelData, true, isNew, tag, (meshes: AbstractMesh[], box: AbstractMesh, modelInfo: ModelInfo) => { |
||||||
|
result.meshBox = box; |
||||||
|
result.meshes = meshes; |
||||||
|
result.modelInfo = modelInfo; |
||||||
|
result.setActive(true); |
||||||
|
modelInfo.showFollowUI(false); |
||||||
|
result.success(); |
||||||
|
MeshPool.Instance.addPool(MeshPool.Instance.workingPool, result); |
||||||
|
if (onSuccess) { |
||||||
|
onSuccess(result.meshBox, result.meshes, result); |
||||||
|
} |
||||||
|
}) |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
}) |
||||||
|
return result; |
||||||
|
|
||||||
|
} |
||||||
|
else { |
||||||
|
if (fromClone) { |
||||||
|
if (prefab.meshBox == null) { |
||||||
|
// console.log("找到了预制体，但是还没加载完")
|
||||||
|
prefab.onSuccessObserver.add((eventData: MeshPoolInfo) => { |
||||||
|
// console.log("加载回调");
|
||||||
|
result.cloneMeshFrom(prefab, modelData, isNew); |
||||||
|
result.setActive(true); |
||||||
|
MeshPool.Instance.addPool(MeshPool.Instance.workingPool, result); |
||||||
|
result.success(); |
||||||
|
if (onSuccess) { |
||||||
|
onSuccess(result.meshBox, result.meshes, result); |
||||||
|
} |
||||||
|
}) |
||||||
|
return result; |
||||||
|
} |
||||||
|
else { |
||||||
|
result.cloneMeshFrom(prefab, modelData, isNew); |
||||||
|
result.setActive(true); |
||||||
|
MeshPool.Instance.addPool(MeshPool.Instance.workingPool, result); |
||||||
|
result.success(); |
||||||
|
if (onSuccess) { |
||||||
|
onSuccess(result.meshBox, result.meshes, result); |
||||||
|
} |
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
|
else { |
||||||
|
SceneManager.createModel(modeltype, modelData, true, isNew, tag, (meshes: AbstractMesh[], box: AbstractMesh, modelInfo: ModelInfo) => { |
||||||
|
result.meshBox = box; |
||||||
|
result.meshes = meshes; |
||||||
|
result.modelInfo = modelInfo; |
||||||
|
result.setActive(true); |
||||||
|
modelInfo.showFollowUI(false); |
||||||
|
MeshPool.Instance.addPool(MeshPool.Instance.workingPool, result); |
||||||
|
result.success(); |
||||||
|
if (onSuccess) { |
||||||
|
onSuccess(result.meshBox, result.meshes, result); |
||||||
|
} |
||||||
|
}) |
||||||
|
return result; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
else { |
||||||
|
// console.log("从对象池取出" + result.key);
|
||||||
|
MeshPool.Instance.removePool(MeshPool.Instance.idlePool, result); |
||||||
|
MeshPool.instance.addPool(MeshPool.Instance.workingPool, result); |
||||||
|
result.setActive(true); |
||||||
|
result.success(); |
||||||
|
if (onSuccess && result.meshBox != null) { |
||||||
|
onSuccess(result.meshBox, result.meshes, result); |
||||||
|
} |
||||||
|
} |
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 放回到对象池（从工作池放入空闲池） |
||||||
|
* @param meshPoolInfo
|
||||||
|
*/ |
||||||
|
static disposeMesh(meshPoolInfo: MeshPoolInfo) { |
||||||
|
MeshPool.Instance.removePool(MeshPool.Instance.workingPool, meshPoolInfo); |
||||||
|
MeshPool.Instance.addPool(MeshPool.Instance.idlePool, meshPoolInfo); |
||||||
|
meshPoolInfo.setActive(false); |
||||||
|
} |
||||||
|
|
||||||
|
//#endregion
|
||||||
|
|
||||||
|
//#region 内部方法
|
||||||
|
|
||||||
|
getMesh(path: string, name: string, fromClone: boolean = true): MeshPoolInfo { |
||||||
|
let result: MeshPoolInfo = null; |
||||||
|
let resKey = path + name; |
||||||
|
|
||||||
|
let poolList = MeshPool.Instance.idlePool.get(resKey); |
||||||
|
|
||||||
|
if (poolList != null && poolList.length > 0) { |
||||||
|
for (let i = 0; i < poolList.length; i++) { |
||||||
|
if (poolList[i].fromClone == fromClone) { |
||||||
|
result = poolList[i]; |
||||||
|
break; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
else { |
||||||
|
//console.log("对象池取出失败" + name);
|
||||||
|
} |
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
//放入某池
|
||||||
|
addPool(pool: Map<string, MeshPoolInfo[]>, value: MeshPoolInfo) { |
||||||
|
let poolInfo = pool.get(value.key); |
||||||
|
if (poolInfo == null) { |
||||||
|
poolInfo = []; |
||||||
|
pool.set(value.key, poolInfo); |
||||||
|
} |
||||||
|
poolInfo.push(value); |
||||||
|
} |
||||||
|
|
||||||
|
//移除池
|
||||||
|
removePool(pool: Map<string, MeshPoolInfo[]>, value: MeshPoolInfo) { |
||||||
|
let poolInfo = pool.get(value.key); |
||||||
|
if (poolInfo == null) { |
||||||
|
console.error("removePool no key" + value.key); |
||||||
|
return; |
||||||
|
} |
||||||
|
TsTool.arrayRemove(poolInfo, value); |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 从预制体池中取出 |
||||||
|
*/ |
||||||
|
getMeshPrefab(path: string, name: string): MeshPoolInfo { |
||||||
|
let result: MeshPoolInfo = null; |
||||||
|
let resKey = path + name; |
||||||
|
|
||||||
|
let poolList = MeshPool.Instance.prefabPool.get(resKey); |
||||||
|
if (poolList != null && poolList.length > 0) { |
||||||
|
result = poolList[0]; |
||||||
|
} |
||||||
|
else { |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
//#endregion
|
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 对象池元数据 |
||||||
|
*/ |
||||||
|
export class MeshPoolInfo { |
||||||
|
key: string; |
||||||
|
resPath: string;//资源路径，
|
||||||
|
resName: string; |
||||||
|
meshBox: AbstractMesh;//对象
|
||||||
|
fromClone: boolean;//来自克隆
|
||||||
|
|
||||||
|
meshes: AbstractMesh[];//所有mesh节点
|
||||||
|
active: boolean; |
||||||
|
modelInfo: ModelInfo; |
||||||
|
|
||||||
|
onSuccessObserver: Observable<MeshPoolInfo>; |
||||||
|
|
||||||
|
constructor(resPath: string, resName: string, fromClone: boolean = true, mesh?: AbstractMesh, meshes?: AbstractMesh[], modelInfo?: ModelInfo) { |
||||||
|
this.key = resPath + resName; |
||||||
|
this.resPath = resPath; |
||||||
|
this.resName = resName; |
||||||
|
this.fromClone = fromClone; |
||||||
|
this.meshBox = mesh; |
||||||
|
this.meshes = meshes; |
||||||
|
this.modelInfo = modelInfo; |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
setActive(active: boolean) { |
||||||
|
if (this.meshBox != null) { |
||||||
|
|
||||||
|
if (active) { |
||||||
|
this.meshBox.setParent(null); |
||||||
|
let allNode = this.meshBox.getChildTransformNodes(); |
||||||
|
for (let i = 0; i < allNode.length; i++) { |
||||||
|
allNode[i].setEnabled(true); |
||||||
|
} |
||||||
|
this.meshBox.setEnabled(true); |
||||||
|
} |
||||||
|
else { |
||||||
|
|
||||||
|
this.meshBox.setParent(MeshPool.Instance.root); |
||||||
|
this.meshBox.position = Vector3.Zero(); |
||||||
|
// this.meshBox.setEnabled(false);
|
||||||
|
|
||||||
|
// console.log("放入对象池" + this.meshBox.name);
|
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 导入完成 |
||||||
|
*/ |
||||||
|
success() { |
||||||
|
if (this.onSuccessObserver != null) { |
||||||
|
// console.log("导入完成", this.onSuccessObserver.observers);
|
||||||
|
this.onSuccessObserver.notifyObservers(this); |
||||||
|
this.onSuccessObserver.clear(); |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
clone() { |
||||||
|
let modelInfo = this.modelInfo.clone(); |
||||||
|
let newMesh = new MeshPoolInfo(this.resPath, this.resName, true, modelInfo.modelBox, modelInfo.models, modelInfo); |
||||||
|
return newMesh; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 从预制体克隆mesh |
||||||
|
* @param prefab
|
||||||
|
*/ |
||||||
|
cloneMeshFrom(prefab: MeshPoolInfo, modelData?: ModelData, isNew: boolean = true) { |
||||||
|
let modelInfo = prefab.modelInfo.clone(modelData, isNew); |
||||||
|
this.meshBox = modelInfo.modelBox; |
||||||
|
this.modelInfo = modelInfo; |
||||||
|
// let box = MeshBuilder.CreateBox("box", { size: 1 }); //用于测试阴影
|
||||||
|
// box.setParent(modelInfo.modelBox);
|
||||||
|
// box.position = new Vector3(0, 2, 0);
|
||||||
|
if (SceneManager.s_openShadow) { |
||||||
|
SceneManager.Instance.shadowGenerator.addShadowCaster(modelInfo.modelBox, true); |
||||||
|
// console.log("添加到阴影", modelInfo.modelBox.name);
|
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
dispose() { |
||||||
|
this.modelInfo.dispose(); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
@ -0,0 +1,262 @@ |
|||||||
|
import { ArcRotateCamera, CameraInputTypes, Nullable, PointerTouch, serialize } from "@babylonjs/core"; |
||||||
|
import { BaseCameraPointersInput } from "@babylonjs/core/Cameras/Inputs/BaseCameraPointersInput"; |
||||||
|
|
||||||
|
|
||||||
|
//修改为左键平移，右键旋转
|
||||||
|
|
||||||
|
export class MyArcRotateCameraPointersInput extends BaseCameraPointersInput { |
||||||
|
/** |
||||||
|
* Defines the camera the input is attached to. |
||||||
|
*/ |
||||||
|
public camera: ArcRotateCamera; |
||||||
|
|
||||||
|
/** |
||||||
|
* Gets the class name of the current input. |
||||||
|
* @returns the class name |
||||||
|
*/ |
||||||
|
public getClassName(): string { |
||||||
|
return "MyArcRotateCameraPointersInput"; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* Defines the buttons associated with the input to handle camera move. |
||||||
|
*/ |
||||||
|
@serialize() |
||||||
|
public buttons = [0, 1, 2]; |
||||||
|
|
||||||
|
/** |
||||||
|
* Defines the pointer angular sensibility along the X axis or how fast is |
||||||
|
* the camera rotating. |
||||||
|
*/ |
||||||
|
@serialize() |
||||||
|
public angularSensibilityX = 1000.0; |
||||||
|
|
||||||
|
/** |
||||||
|
* Defines the pointer angular sensibility along the Y axis or how fast is |
||||||
|
* the camera rotating. |
||||||
|
*/ |
||||||
|
@serialize() |
||||||
|
public angularSensibilityY = 1000.0; |
||||||
|
|
||||||
|
/** |
||||||
|
* Defines the pointer pinch precision or how fast is the camera zooming. |
||||||
|
*/ |
||||||
|
@serialize() |
||||||
|
public pinchPrecision = 12.0; |
||||||
|
|
||||||
|
/** |
||||||
|
* pinchDeltaPercentage will be used instead of pinchPrecision if different |
||||||
|
* from 0. |
||||||
|
* It defines the percentage of current camera.radius to use as delta when |
||||||
|
* pinch zoom is used. |
||||||
|
*/ |
||||||
|
@serialize() |
||||||
|
public pinchDeltaPercentage = 0; |
||||||
|
|
||||||
|
/** |
||||||
|
* When useNaturalPinchZoom is true, multi touch zoom will zoom in such |
||||||
|
* that any object in the plane at the camera's target point will scale |
||||||
|
* perfectly with finger motion. |
||||||
|
* Overrides pinchDeltaPercentage and pinchPrecision. |
||||||
|
*/ |
||||||
|
@serialize() |
||||||
|
public useNaturalPinchZoom: boolean = false; |
||||||
|
|
||||||
|
/** |
||||||
|
* Defines whether zoom (2 fingers pinch) is enabled through multitouch |
||||||
|
*/ |
||||||
|
@serialize() |
||||||
|
public pinchZoom: boolean = true; |
||||||
|
|
||||||
|
/** |
||||||
|
* Defines the pointer panning sensibility or how fast is the camera moving. |
||||||
|
*/ |
||||||
|
@serialize() |
||||||
|
public panningSensibility: number = 1000.0; |
||||||
|
|
||||||
|
/** |
||||||
|
* Defines whether panning (2 fingers swipe) is enabled through multitouch. |
||||||
|
*/ |
||||||
|
@serialize() |
||||||
|
public multiTouchPanning: boolean = true; |
||||||
|
|
||||||
|
/** |
||||||
|
* Defines whether panning is enabled for both pan (2 fingers swipe) and |
||||||
|
* zoom (pinch) through multitouch. |
||||||
|
*/ |
||||||
|
@serialize() |
||||||
|
public multiTouchPanAndZoom: boolean = true; |
||||||
|
|
||||||
|
/** |
||||||
|
* Revers pinch action direction. |
||||||
|
*/ |
||||||
|
public pinchInwards = true; |
||||||
|
|
||||||
|
private _isPanClick: boolean = false; |
||||||
|
private _twoFingerActivityCount: number = 0; |
||||||
|
private _isPinching: boolean = false; |
||||||
|
|
||||||
|
/** |
||||||
|
* Move camera from multi touch panning positions. |
||||||
|
*/ |
||||||
|
private _computeMultiTouchPanning( |
||||||
|
previousMultiTouchPanPosition: Nullable<PointerTouch>, |
||||||
|
multiTouchPanPosition: Nullable<PointerTouch> |
||||||
|
): void { |
||||||
|
if (this.panningSensibility !== 0 && previousMultiTouchPanPosition |
||||||
|
&& multiTouchPanPosition) { |
||||||
|
var moveDeltaX = multiTouchPanPosition.x - previousMultiTouchPanPosition.x; |
||||||
|
var moveDeltaY = multiTouchPanPosition.y - previousMultiTouchPanPosition.y; |
||||||
|
// this.camera.inertialPanningX += -moveDeltaX / this.panningSensibility;
|
||||||
|
// this.camera.inertialPanningY += moveDeltaY / this.panningSensibility;
|
||||||
|
// this.moveCamera(-moveDeltaX, moveDeltaY);
|
||||||
|
this.rotateCamera(moveDeltaX, moveDeltaX); |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
moveCamera(x, y) { |
||||||
|
this.camera.inertialPanningX += x / this.panningSensibility; |
||||||
|
this.camera.inertialPanningY += y / this.panningSensibility; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* Move camera from pinch zoom distances. |
||||||
|
*/ |
||||||
|
private _computePinchZoom( |
||||||
|
previousPinchSquaredDistance: number, |
||||||
|
pinchSquaredDistance: number |
||||||
|
): void { |
||||||
|
if (this.useNaturalPinchZoom) { |
||||||
|
this.camera.radius = this.camera.radius * |
||||||
|
Math.sqrt(previousPinchSquaredDistance) / Math.sqrt(pinchSquaredDistance); |
||||||
|
} else if (this.pinchDeltaPercentage) { |
||||||
|
this.camera.inertialRadiusOffset += |
||||||
|
(pinchSquaredDistance - previousPinchSquaredDistance) * 0.001 * |
||||||
|
this.camera.radius * this.pinchDeltaPercentage; |
||||||
|
} |
||||||
|
else { |
||||||
|
this.camera.inertialRadiusOffset += |
||||||
|
(pinchSquaredDistance - previousPinchSquaredDistance) / |
||||||
|
(this.pinchPrecision * (this.pinchInwards ? 1 : -1) * |
||||||
|
(this.angularSensibilityX + this.angularSensibilityY) / 2); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* Called on pointer POINTERMOVE event if only a single touch is active. |
||||||
|
*/ |
||||||
|
protected onTouch(point: Nullable<PointerTouch>, |
||||||
|
offsetX: number, |
||||||
|
offsetY: number): void { |
||||||
|
if (this.panningSensibility !== 0 && |
||||||
|
((this._ctrlKey && this.camera._useCtrlForPanning) || this._isPanClick)) { |
||||||
|
// this.camera.inertialPanningX += -offsetX / this.panningSensibility;
|
||||||
|
// this.camera.inertialPanningY += offsetY / this.panningSensibility;
|
||||||
|
|
||||||
|
this.rotateCamera(offsetX, offsetY); |
||||||
|
} else { |
||||||
|
this.moveCamera(-offsetX, offsetY); |
||||||
|
// this.camera.inertialAlphaOffset -= offsetX / this.angularSensibilityX;
|
||||||
|
// this.camera.inertialBetaOffset -= offsetY / this.angularSensibilityY;
|
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
rotateCamera(offsetX, offsetY) { |
||||||
|
this.camera.inertialAlphaOffset -= offsetX / this.angularSensibilityX; |
||||||
|
this.camera.inertialBetaOffset -= offsetY / this.angularSensibilityY; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* Called on pointer POINTERDOUBLETAP event. |
||||||
|
*/ |
||||||
|
protected onDoubleTap(type: string) { |
||||||
|
if (this.camera.useInputToRestoreState) { |
||||||
|
this.camera.restoreState(); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* Called on pointer POINTERMOVE event if multiple touches are active. |
||||||
|
*/ |
||||||
|
protected onMultiTouch(pointA: Nullable<PointerTouch>, |
||||||
|
pointB: Nullable<PointerTouch>, |
||||||
|
previousPinchSquaredDistance: number, |
||||||
|
pinchSquaredDistance: number, |
||||||
|
previousMultiTouchPanPosition: Nullable<PointerTouch>, |
||||||
|
multiTouchPanPosition: Nullable<PointerTouch>): void { |
||||||
|
if (previousPinchSquaredDistance === 0 && previousMultiTouchPanPosition === null) { |
||||||
|
// First time this method is called for new pinch.
|
||||||
|
// Next time this is called there will be a
|
||||||
|
// previousPinchSquaredDistance and pinchSquaredDistance to compare.
|
||||||
|
return; |
||||||
|
} |
||||||
|
if (pinchSquaredDistance === 0 && multiTouchPanPosition === null) { |
||||||
|
// Last time this method is called at the end of a pinch.
|
||||||
|
return; |
||||||
|
} |
||||||
|
// Zoom and panning enabled together
|
||||||
|
if (this.multiTouchPanAndZoom) { |
||||||
|
this._computePinchZoom(previousPinchSquaredDistance, pinchSquaredDistance); |
||||||
|
this._computeMultiTouchPanning(previousMultiTouchPanPosition, multiTouchPanPosition); |
||||||
|
|
||||||
|
// Zoom and panning enabled but only one at a time
|
||||||
|
} else if (this.multiTouchPanning && this.pinchZoom) { |
||||||
|
this._twoFingerActivityCount++; |
||||||
|
|
||||||
|
if (this._isPinching || (this._twoFingerActivityCount < 20 |
||||||
|
&& Math.abs(Math.sqrt(pinchSquaredDistance) - Math.sqrt(previousPinchSquaredDistance)) > |
||||||
|
this.camera.pinchToPanMaxDistance)) { |
||||||
|
|
||||||
|
// Since pinch has not been active long, assume we intend to zoom.
|
||||||
|
this._computePinchZoom(previousPinchSquaredDistance, pinchSquaredDistance); |
||||||
|
|
||||||
|
// Since we are pinching, remain pinching on next iteration.
|
||||||
|
this._isPinching = true; |
||||||
|
} else { |
||||||
|
// Pause between pinch starting and moving implies not a zoom event. Pan instead.
|
||||||
|
this._computeMultiTouchPanning(previousMultiTouchPanPosition, multiTouchPanPosition); |
||||||
|
} |
||||||
|
|
||||||
|
// Panning enabled, zoom disabled
|
||||||
|
} else if (this.multiTouchPanning) { |
||||||
|
this._computeMultiTouchPanning(previousMultiTouchPanPosition, multiTouchPanPosition); |
||||||
|
|
||||||
|
// Zoom enabled, panning disabled
|
||||||
|
} else if (this.pinchZoom) { |
||||||
|
this._computePinchZoom(previousPinchSquaredDistance, pinchSquaredDistance); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* Called each time a new POINTERDOWN event occurs. Ie, for each button |
||||||
|
* press. |
||||||
|
*/ |
||||||
|
protected onButtonDown(evt: PointerEvent): void { |
||||||
|
this._isPanClick = evt.button === this.camera._panningMouseButton; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* Called each time a new POINTERUP event occurs. Ie, for each button |
||||||
|
* release. |
||||||
|
*/ |
||||||
|
protected onButtonUp(evt: PointerEvent): void { |
||||||
|
this._twoFingerActivityCount = 0; |
||||||
|
this._isPinching = false; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* Called when window becomes inactive. |
||||||
|
*/ |
||||||
|
protected onLostFocus(): void { |
||||||
|
|
||||||
|
// console.trace("失去焦点")
|
||||||
|
this._isPanClick = false; |
||||||
|
this._twoFingerActivityCount = 0; |
||||||
|
this._isPinching = false; |
||||||
|
} |
||||||
|
} |
||||||
|
(<any>CameraInputTypes)["MyArcRotateCameraPointersInput"] = |
||||||
|
MyArcRotateCameraPointersInput; |
||||||
@ -0,0 +1,113 @@ |
|||||||
|
import { ParticleHelper, ParticleSystem, ParticleSystemSet, Scene, Vector3 } from "@babylonjs/core"; |
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 粒子特效工具 |
||||||
|
*/ |
||||||
|
export class ParticleSystemTool { |
||||||
|
|
||||||
|
/** |
||||||
|
* 保存的预制 |
||||||
|
*/ |
||||||
|
psPool: Map<string, ParticleSystem>; |
||||||
|
|
||||||
|
scene: Scene; |
||||||
|
|
||||||
|
constructor(scene: Scene) { |
||||||
|
this.scene = scene; |
||||||
|
this.psPool = new Map(); |
||||||
|
} |
||||||
|
|
||||||
|
static instance: ParticleSystemTool; |
||||||
|
|
||||||
|
static Init(scene: Scene) { |
||||||
|
ParticleSystemTool.instance = new ParticleSystemTool(scene); |
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
static dispose() { |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 加载预制 |
||||||
|
* @param name
|
||||||
|
* @param path
|
||||||
|
* @param onSuccess
|
||||||
|
*/ |
||||||
|
loadPrefab(name: string, path: string, clone: boolean = true, onSuccess?: (ps: ParticleSystem) => void) { |
||||||
|
let instance = this; |
||||||
|
ParticleHelper.ParseFromFileAsync(null, path, this.scene, false).then((value: ParticleSystem) => { |
||||||
|
value.stop(); |
||||||
|
instance.psPool.set(path, value); |
||||||
|
if (clone) { |
||||||
|
let result = instance.cloneParticle(value, name); |
||||||
|
if (onSuccess) { |
||||||
|
onSuccess(result) |
||||||
|
} |
||||||
|
} |
||||||
|
else { |
||||||
|
if (onSuccess) { |
||||||
|
onSuccess(value) |
||||||
|
} |
||||||
|
} |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 异步导入粒子特效 |
||||||
|
* @param path
|
||||||
|
* @param onSuccess
|
||||||
|
*/ |
||||||
|
importParticle(name: string, path: string, onSuccess: (ps: ParticleSystem) => void) { |
||||||
|
let instance = this; |
||||||
|
if (instance.psPool.has(path)) { |
||||||
|
let set = instance.psPool.get(path); |
||||||
|
let result = instance.cloneParticle(set, name); |
||||||
|
onSuccess(result); |
||||||
|
} |
||||||
|
else { |
||||||
|
|
||||||
|
instance.loadPrefab(null, path, true, (value: ParticleSystem) => { |
||||||
|
onSuccess(value); |
||||||
|
}) |
||||||
|
|
||||||
|
// ParticleHelper.ParseFromFileAsync(null, path, this.scene, false).then((value: ParticleSystem) => {
|
||||||
|
// instance.psPool.set(path, value);
|
||||||
|
// let result = instance.cloneParticle(value, name);
|
||||||
|
// onSuccess(result)
|
||||||
|
// });
|
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 克隆粒子系统 |
||||||
|
* @param setPrefab
|
||||||
|
* @param name
|
||||||
|
*/ |
||||||
|
cloneParticleSet(setPrefab: ParticleSystemSet, name: string) { |
||||||
|
let result = new ParticleSystemSet(); |
||||||
|
for (let i = 0; i < setPrefab.systems.length; i++) { |
||||||
|
result.systems.push(this.cloneParticle(setPrefab.systems[i] as ParticleSystem, name)); |
||||||
|
} |
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 粒子 |
||||||
|
* @param particle
|
||||||
|
* @param name
|
||||||
|
*/ |
||||||
|
cloneParticle(particle: ParticleSystem, name: string) { |
||||||
|
// let root = new AbstractMesh("root_" + name, this.scene);
|
||||||
|
let root = Vector3.Zero(); |
||||||
|
let result = particle.clone(particle.name, root); |
||||||
|
|
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
@ -0,0 +1,112 @@ |
|||||||
|
import { ArcRotateCamera, Color3, Color4, Database, Engine, EngineStore, PhotoDome, Scene, Vector3 } from "@babylonjs/core"; |
||||||
|
import { TextBlock } from "@babylonjs/gui"; |
||||||
|
import { AdvancedDynamicTexture } from "@babylonjs/gui/2D/advancedDynamicTexture"; |
||||||
|
|
||||||
|
/** |
||||||
|
* 360全景图工具 |
||||||
|
*/ |
||||||
|
export class Photo360Tool { |
||||||
|
|
||||||
|
static instance: Photo360Tool; |
||||||
|
|
||||||
|
canvas: HTMLCanvasElement; |
||||||
|
engine: Engine; |
||||||
|
scene: Scene; |
||||||
|
|
||||||
|
photo: PhotoDome; |
||||||
|
loadingTxt: TextBlock; |
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 开启全景图，创建 |
||||||
|
* @param canvas
|
||||||
|
* @param photoURL
|
||||||
|
*/ |
||||||
|
static open(canvas: HTMLCanvasElement, photoURL: string) { |
||||||
|
if (Photo360Tool.instance == null) { |
||||||
|
Photo360Tool.instance = new Photo360Tool(); |
||||||
|
let instance = Photo360Tool.instance; |
||||||
|
instance.canvas = canvas; |
||||||
|
instance.engine = new Engine(canvas, null, { stencil: true }); |
||||||
|
instance.scene = new Scene(instance.engine, { virtual: true }); // virtual确保默认场景为主场景，而不是新创建的这个
|
||||||
|
instance.scene.useRightHandedSystem = true;//使用右手坐标系
|
||||||
|
instance.scene.clearColor = new Color4(0, 0, 0, 1); |
||||||
|
//instance.initUI();
|
||||||
|
//最后，将场景渲染出来 (重要，不可缺少)
|
||||||
|
instance.engine.runRenderLoop(function () { |
||||||
|
if (instance.scene != null) { |
||||||
|
instance.scene.render(); |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
// 监听浏览器改变大小的事件，通过调用engine.resize()来自适应窗口大小
|
||||||
|
window.addEventListener("resize", function () { |
||||||
|
if (instance != null && instance.engine != null) { |
||||||
|
instance.engine.resize(); |
||||||
|
} |
||||||
|
}); |
||||||
|
|
||||||
|
let camera = new ArcRotateCamera("Camera", -Math.PI / 2, Math.PI / 2, 5, Vector3.Zero(), Photo360Tool.instance.scene); |
||||||
|
camera.attachControl(canvas, true); |
||||||
|
camera.inputs.attached.mousewheel.detachControl(); |
||||||
|
} |
||||||
|
else { |
||||||
|
console.error("重复开启全景图"); |
||||||
|
} |
||||||
|
|
||||||
|
//确保默认场景为主场景，而不是新创建的这个. 替换为virtual: true 设置。
|
||||||
|
// EngineStore._LastCreatedScene = SceneManager.Instance.scene;
|
||||||
|
|
||||||
|
Photo360Tool.instance.changePhoto(photoURL); |
||||||
|
} |
||||||
|
|
||||||
|
static close() { |
||||||
|
if (Photo360Tool.instance != null) { |
||||||
|
Photo360Tool.instance.disposePhoto(); |
||||||
|
Photo360Tool.instance = null; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
initUI() { |
||||||
|
let rootUI = AdvancedDynamicTexture.CreateFullscreenUI("UIRoot", undefined, this.scene);//UtilityLayerRenderer.DefaultUtilityLayer.utilityLayerScene
|
||||||
|
|
||||||
|
this.loadingTxt = new TextBlock("loading", "加载中..."); |
||||||
|
rootUI.addControl(this.loadingTxt); |
||||||
|
this.loadingTxt.fontSize = "30px"; |
||||||
|
this.loadingTxt.color = "white"; |
||||||
|
this.loadingTxt.width = "200px"; |
||||||
|
this.loadingTxt.height = "100px"; |
||||||
|
|
||||||
|
// this.scene.debugLayer.show();
|
||||||
|
} |
||||||
|
|
||||||
|
changePhoto(photoURL: string) { |
||||||
|
if (this.photo != null) { |
||||||
|
this.photo.dispose(); |
||||||
|
} |
||||||
|
Photo360Tool.instance.photo = new PhotoDome( |
||||||
|
"testdome", |
||||||
|
photoURL, |
||||||
|
{ |
||||||
|
resolution: 32, |
||||||
|
size: 1000 |
||||||
|
}, |
||||||
|
Photo360Tool.instance.scene |
||||||
|
); |
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
disposePhoto() { |
||||||
|
if (this.photo != null) { |
||||||
|
this.photo.dispose(); |
||||||
|
} |
||||||
|
|
||||||
|
this.scene.dispose(); |
||||||
|
this.scene = null; |
||||||
|
this.engine.dispose(); |
||||||
|
this.engine = null; |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
@ -0,0 +1,112 @@ |
|||||||
|
import { Mesh, Vector3 } from "@babylonjs/core"; |
||||||
|
import { Button, Rectangle, StackPanel } from "@babylonjs/gui"; |
||||||
|
import { SceneManager } from "../controller/scene-manager"; |
||||||
|
import { UIManager } from "../controller/ui-manager"; |
||||||
|
import { BabylonUIStyleTool } from "./babylon-ui-style-tool"; |
||||||
|
import { GizmoTool } from "./gizmo-tool"; |
||||||
|
|
||||||
|
export class PosPointTool { |
||||||
|
|
||||||
|
static readonly c_key = "PosPoint"; |
||||||
|
static instance: PosPointTool; |
||||||
|
|
||||||
|
mesh: Mesh; |
||||||
|
pos: Vector3; |
||||||
|
|
||||||
|
uiRoot: Rectangle; |
||||||
|
|
||||||
|
//#region UI
|
||||||
|
initUI() { |
||||||
|
let instance = this; |
||||||
|
this.uiRoot = new Rectangle("PosPointTooUI"); |
||||||
|
UIManager.Instance.uiRoot.addControl(this.uiRoot); |
||||||
|
|
||||||
|
BabylonUIStyleTool.setStyle_size(this.uiRoot, "40px", "20px"); |
||||||
|
|
||||||
|
let stack = new StackPanel("stack"); |
||||||
|
this.uiRoot.addControl(stack); |
||||||
|
stack.isVertical = false; |
||||||
|
|
||||||
|
let btn_add = Button.CreateSimpleButton("add", "+"); |
||||||
|
stack.addControl(btn_add); |
||||||
|
btn_add.background = BabylonUIStyleTool.c_color_blue; |
||||||
|
btn_add.color = "white"; |
||||||
|
btn_add.thickness = 0; |
||||||
|
btn_add.onPointerClickObservable.add(() => { |
||||||
|
instance.btn_add(); |
||||||
|
}); |
||||||
|
BabylonUIStyleTool.setStyle_size(btn_add, "20px", "20px"); |
||||||
|
|
||||||
|
let btn_reduce = Button.CreateSimpleButton("reduce", "-"); |
||||||
|
stack.addControl(btn_reduce); |
||||||
|
btn_reduce.background = BabylonUIStyleTool.c_color_red; |
||||||
|
btn_reduce.color = "white"; |
||||||
|
btn_reduce.thickness = 0; |
||||||
|
btn_reduce.onPointerClickObservable.add(() => { |
||||||
|
instance.btn_reduce(); |
||||||
|
}); |
||||||
|
BabylonUIStyleTool.setStyle_size(btn_reduce, "20px", "20px"); |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
showUI(show: boolean) { |
||||||
|
this.uiRoot.isVisible = show; |
||||||
|
this.uiRoot.linkWithMesh(this.mesh); |
||||||
|
this.uiRoot.linkOffsetY = "-50px"; |
||||||
|
} |
||||||
|
//#endregion
|
||||||
|
|
||||||
|
static get Instance() { |
||||||
|
if (PosPointTool.instance == null) { |
||||||
|
PosPointTool.instance = new PosPointTool(); |
||||||
|
PosPointTool.instance.initUI(); |
||||||
|
SceneManager.Instance.scene.onBeforeRenderObservable.add(PosPointTool.onUpdate); |
||||||
|
GizmoTool.onGizmoAimMeshObservable.add((mesh) => { |
||||||
|
if (mesh == null || !mesh.name.match(PosPointTool.c_key)) { |
||||||
|
PosPointTool.attachMesh(null); |
||||||
|
} |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
return PosPointTool.instance; |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
onAdd: () => void; |
||||||
|
onReduce: () => void; |
||||||
|
|
||||||
|
static attachMesh(mesh: Mesh, pos?: Vector3, onAdd?: () => void, onReduce?: () => void) { |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
PosPointTool.Instance.mesh = mesh; |
||||||
|
PosPointTool.Instance.pos = pos; |
||||||
|
PosPointTool.Instance.showUI(mesh != null); |
||||||
|
|
||||||
|
PosPointTool.Instance.onAdd = onAdd; |
||||||
|
PosPointTool.Instance.onReduce = onReduce; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
static onUpdate() { |
||||||
|
if (PosPointTool.Instance.mesh != null) { |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
//添加
|
||||||
|
btn_add() { |
||||||
|
if (this.onAdd) { |
||||||
|
this.onAdd(); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
//减少
|
||||||
|
btn_reduce() { |
||||||
|
if (this.onReduce) { |
||||||
|
this.onReduce(); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
@ -0,0 +1,26 @@ |
|||||||
|
export class TsTool { |
||||||
|
//在数组中移除目标（不留空位）
|
||||||
|
static arrayRemove(array: any[], remove: any): boolean { |
||||||
|
let index = array.indexOf(remove, 0); |
||||||
|
if (index > -1) { |
||||||
|
array.splice(index, 1); |
||||||
|
return true; |
||||||
|
} |
||||||
|
else { |
||||||
|
return false; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
//判断字符串source中是否包含某字符串aim
|
||||||
|
static stringContain(source: string, aim: string): boolean { |
||||||
|
let result = source.indexOf(aim) != -1; |
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
//打印调用堆栈
|
||||||
|
static trace() { |
||||||
|
console.trace(); |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
@ -0,0 +1,351 @@ |
|||||||
|
// import { Checkbox, Control, InputText, RadioButton, Rectangle, StackPanel, TextBlock } from "@babylonjs/gui";
|
||||||
|
// import { DataManager, ModelChangeType } from "src/babylon/controller/data-manager";
|
||||||
|
// import { Event_ModelInfoChange } from "src/babylon/controller/event-manager/events/event-modelinfo-change";
|
||||||
|
// import { ServeManager } from "src/babylon/controller/serve-manager";
|
||||||
|
// import { UIManager } from "src/babylon/controller/ui-manager";
|
||||||
|
// import { BuildingData, BuildingType } from "src/babylon/model/data/institution/building/building-data";
|
||||||
|
// import { BuildingPosType, ModelData } from "src/babylon/model/data/model-data/model-data";
|
||||||
|
// import { ModelEditData } from "src/babylon/model/data/model-data/model-edit-data";
|
||||||
|
// import { BuildingInfo } from "src/babylon/model/info/building/building-info";
|
||||||
|
// import { ModelInfo_facility } from "src/babylon/model/info/model/model-info-facility";
|
||||||
|
// import { BabylonUIStyleTool } from "src/babylon/tool/babylon-ui-style-tool";
|
||||||
|
// import { TsTool } from "src/babylon/tool/ts-tool";
|
||||||
|
// import { UIBase } from "../window-base/ui-base";
|
||||||
|
// import { BuildingUIItem } from "./building-ui-item";
|
||||||
|
// import { BuildingWindow } from "./building-window";
|
||||||
|
|
||||||
|
// //创建建筑物界面
|
||||||
|
// export class BuildingCreateWindow extends UIBase {
|
||||||
|
|
||||||
|
// buildingWindow: BuildingWindow;
|
||||||
|
// buildingData: BuildingData;
|
||||||
|
|
||||||
|
// buildingUIItem: BuildingUIItem;
|
||||||
|
// isChangeType: boolean;//是修改模式
|
||||||
|
|
||||||
|
// needUpdateModel: boolean;//需要更新模型
|
||||||
|
|
||||||
|
// newName: string;
|
||||||
|
|
||||||
|
|
||||||
|
// onInit() {
|
||||||
|
// super.onInit();
|
||||||
|
|
||||||
|
// }
|
||||||
|
|
||||||
|
// onOpen() {
|
||||||
|
// super.onOpen();
|
||||||
|
// }
|
||||||
|
|
||||||
|
// onClose() {
|
||||||
|
// super.onClose();
|
||||||
|
// }
|
||||||
|
|
||||||
|
// initUI() {
|
||||||
|
// let window = this;
|
||||||
|
// let isChangeType = this.isChangeType;
|
||||||
|
|
||||||
|
// let outDoorData: ModelEditData = null;
|
||||||
|
// if (isChangeType) {
|
||||||
|
// this.buildingData = this.buildingUIItem.buildingInfo.buildingData;
|
||||||
|
// outDoorData = this.buildingUIItem.buildingInfo.buildingData.outdoorData;
|
||||||
|
// if (outDoorData == null) {
|
||||||
|
// this.buildingUIItem.buildingInfo.buildingData.outdoorData = new ModelEditData();
|
||||||
|
// outDoorData = this.buildingUIItem.buildingInfo.buildingData.outdoorData;
|
||||||
|
// outDoorData.modelData = new ModelData("model0", "空模型", null, null, null);
|
||||||
|
// }
|
||||||
|
|
||||||
|
// }
|
||||||
|
// else {
|
||||||
|
// this.buildingData = DataManager.createBulding("请输入", "key", BuildingType.Normal);
|
||||||
|
// outDoorData = this.buildingData.outdoorData;
|
||||||
|
// }
|
||||||
|
|
||||||
|
|
||||||
|
// this.root = new Rectangle("BuildingCreateWindow")
|
||||||
|
// UIManager.Instance.uiRoot.addControl(this.root);
|
||||||
|
|
||||||
|
// BabylonUIStyleTool.setDefaultStyle_windowRoot(this.root, true);
|
||||||
|
// BabylonUIStyleTool.setStyle_size(this.root, "300px", "482px");
|
||||||
|
|
||||||
|
// let stackPanel = new StackPanel("Root");
|
||||||
|
// BabylonUIStyleTool.setStyle_size(stackPanel, "250px", "440px");
|
||||||
|
// this.root.addControl(stackPanel);
|
||||||
|
// stackPanel.isVertical = true;
|
||||||
|
|
||||||
|
// let titleValue = isChangeType ? "修改建筑" : "新建建筑";
|
||||||
|
|
||||||
|
// let title = new TextBlock("title", titleValue);
|
||||||
|
// BabylonUIStyleTool.setStyle_size(title, "220px", "36px");
|
||||||
|
// stackPanel.addControl(title);
|
||||||
|
// title.color = "black";
|
||||||
|
|
||||||
|
// let name = new TextBlock("name", "名称");
|
||||||
|
// BabylonUIStyleTool.setStyle_size(name, "220px", "16px");
|
||||||
|
// name.fontSize = "16px";
|
||||||
|
// name.textHorizontalAlignment = Control.HORIZONTAL_ALIGNMENT_LEFT;
|
||||||
|
// stackPanel.addControl(name);
|
||||||
|
// name.color = "black";
|
||||||
|
|
||||||
|
// let space = new Rectangle("space");
|
||||||
|
// BabylonUIStyleTool.setStyle_size(space, "220px", "2px");
|
||||||
|
// stackPanel.addControl(space);
|
||||||
|
|
||||||
|
// let nameInput = BabylonUIStyleTool.createInputText("nameInput", stackPanel, "220px", "20px", "black", 0, undefined, BabylonUIStyleTool.c_color_gray, "black", BabylonUIStyleTool.c_color_gray);
|
||||||
|
// nameInput.inputText.onTextChangedObservable.add(() => {
|
||||||
|
// this.newName = nameInput.inputText.text;
|
||||||
|
// })
|
||||||
|
|
||||||
|
// let key = new TextBlock("key", "key");
|
||||||
|
// BabylonUIStyleTool.setStyle_size(key, "220px", "16px");
|
||||||
|
// key.fontSize = "16px";
|
||||||
|
// key.textHorizontalAlignment = Control.HORIZONTAL_ALIGNMENT_LEFT;
|
||||||
|
// stackPanel.addControl(key);
|
||||||
|
// key.color = "black";
|
||||||
|
|
||||||
|
// let keyInput = BabylonUIStyleTool.createInputText("keyInput", stackPanel, "220px", "20px", "black", 0, undefined, BabylonUIStyleTool.c_color_gray, "black", BabylonUIStyleTool.c_color_gray);
|
||||||
|
// keyInput.inputText.text = window.isChangeType ? window.buildingData.normalData.key : "defalult";
|
||||||
|
// keyInput.inputText.onTextChangedObservable.add(() => {
|
||||||
|
// this.buildingData.normalData.key = keyInput.inputText.text;
|
||||||
|
// })
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// let space2 = new Rectangle("space2");
|
||||||
|
// BabylonUIStyleTool.setStyle_size(space2, "220px", "20px");
|
||||||
|
// stackPanel.addControl(space2);
|
||||||
|
|
||||||
|
// if (!isChangeType) {
|
||||||
|
// let type = new TextBlock("type", "建筑类型");
|
||||||
|
// BabylonUIStyleTool.setStyle_size(type, "220px", "36px");
|
||||||
|
// type.color = "black";
|
||||||
|
// type.textHorizontalAlignment = Control.HORIZONTAL_ALIGNMENT_LEFT;
|
||||||
|
// stackPanel.addControl(type);
|
||||||
|
|
||||||
|
// let group = "buildingType";
|
||||||
|
// let normalBuilding = BabylonUIStyleTool.createRadioButton("normalBuilding", stackPanel, group, "200px", "20px", BabylonUIStyleTool.c_color_blue, BabylonUIStyleTool.c_color_gray, "普通建筑", "150px", true, (select) => {
|
||||||
|
// if (select) {
|
||||||
|
// window.onSelectType(BuildingType.Normal);
|
||||||
|
// }
|
||||||
|
|
||||||
|
// });
|
||||||
|
|
||||||
|
// let space3 = new Rectangle("space3");
|
||||||
|
// BabylonUIStyleTool.setStyle_size(space3, "220px", "10px");
|
||||||
|
// stackPanel.addControl(space3);
|
||||||
|
|
||||||
|
// let environment = BabylonUIStyleTool.createRadioButton("environment", stackPanel, group, "200px", "20px", BabylonUIStyleTool.c_color_blue, BabylonUIStyleTool.c_color_gray, "环境", "150px", false, (select) => {
|
||||||
|
// if (select) {
|
||||||
|
// window.onSelectType(BuildingType.Environment);
|
||||||
|
// }
|
||||||
|
|
||||||
|
// });
|
||||||
|
// }
|
||||||
|
|
||||||
|
// nameInput.inputText.text = window.buildingData.normalData.name;
|
||||||
|
// let buildingTitle = new TextBlock("buildingTitle", "模型：");
|
||||||
|
// buildingTitle.color = "black";
|
||||||
|
// BabylonUIStyleTool.setStyle_size(buildingTitle, "220px", "20px");
|
||||||
|
// buildingTitle.textHorizontalAlignment = Control.HORIZONTAL_ALIGNMENT_LEFT;
|
||||||
|
// stackPanel.addControl(buildingTitle);
|
||||||
|
|
||||||
|
// let nowBuilding_name = new TextBlock("nowBuildingName", "模型名");
|
||||||
|
// nowBuilding_name.fontSize = "16px";
|
||||||
|
// nowBuilding_name.color = "black";
|
||||||
|
// nowBuilding_name.alpha = 0.8;
|
||||||
|
// BabylonUIStyleTool.setStyle_size(nowBuilding_name, "220px", "20px");
|
||||||
|
// nowBuilding_name.textHorizontalAlignment = Control.HORIZONTAL_ALIGNMENT_LEFT;
|
||||||
|
// stackPanel.addControl(nowBuilding_name);
|
||||||
|
|
||||||
|
// let input_buildingName = BabylonUIStyleTool.createInputText("input_buildingName", stackPanel, "220px", "18px");
|
||||||
|
// input_buildingName.inputText.fontSize = "16px";
|
||||||
|
// input_buildingName.bg.paddingLeft = "20px";
|
||||||
|
// input_buildingName.inputText.text = "-空";
|
||||||
|
// if (isChangeType && outDoorData.modelData != null && outDoorData.modelData.name != null) {
|
||||||
|
// input_buildingName.inputText.text = outDoorData.modelData.name;
|
||||||
|
// }
|
||||||
|
// input_buildingName.inputText.onTextChangedObservable.add(() => {
|
||||||
|
// outDoorData.modelData.name = input_buildingName.inputText.text;
|
||||||
|
// });
|
||||||
|
|
||||||
|
|
||||||
|
// let nowBuilding_key = new TextBlock("nowBuildingKey", "文件名");
|
||||||
|
// BabylonUIStyleTool.setStyle_size(nowBuilding_key, "220px", "20px");
|
||||||
|
// nowBuilding_key.textHorizontalAlignment = Control.HORIZONTAL_ALIGNMENT_LEFT;
|
||||||
|
// nowBuilding_key.color = "black";
|
||||||
|
// nowBuilding_key.fontSize = "16px";
|
||||||
|
// stackPanel.addControl(nowBuilding_key);
|
||||||
|
|
||||||
|
// let txt_buildingKey = BabylonUIStyleTool.createInputText("txt_buildingKey", stackPanel, "220px", "20px", undefined, 0, undefined, undefined, undefined, undefined);
|
||||||
|
|
||||||
|
// txt_buildingKey.bg.paddingLeft = "20px";
|
||||||
|
// txt_buildingKey.inputText.fontSize = "16px";
|
||||||
|
// if (isChangeType && outDoorData.modelData.key != null) {
|
||||||
|
// txt_buildingKey.inputText.text = outDoorData.modelData.key;
|
||||||
|
// }
|
||||||
|
// txt_buildingKey.inputText.onTextChangedObservable.add(() => {
|
||||||
|
// window.buildingData.outdoorData.modelData.key = txt_buildingKey.inputText.text;
|
||||||
|
// })
|
||||||
|
|
||||||
|
// let btn_changeModel = BabylonUIStyleTool.createBtn_OK("btn_createModel", "修改模型", "200px", "30px", "18px");
|
||||||
|
// btn_changeModel.onPointerClickObservable.add(() => {
|
||||||
|
// window.onChangeModel();
|
||||||
|
// })
|
||||||
|
// stackPanel.addControl(btn_changeModel);
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// let space5 = new Rectangle("space5");
|
||||||
|
// BabylonUIStyleTool.setStyle_size(space5, "220px", "40px");
|
||||||
|
// stackPanel.addControl(space5);
|
||||||
|
|
||||||
|
// let btns = new StackPanel("btns");
|
||||||
|
// BabylonUIStyleTool.setStyle_size(btns, "220px", "40px");
|
||||||
|
// btns.isVertical = false;
|
||||||
|
// stackPanel.addControl(btns);
|
||||||
|
|
||||||
|
// let btn_OK = BabylonUIStyleTool.createBtn_OK("OK", "确定", "100px", "36px", "18px");
|
||||||
|
// btns.addControl(btn_OK);
|
||||||
|
// btn_OK.onPointerClickObservable.add(() => {
|
||||||
|
// window.onOK();
|
||||||
|
// })
|
||||||
|
|
||||||
|
// let space4 = new Rectangle("space4");
|
||||||
|
// BabylonUIStyleTool.setStyle_size(space4, "20px", "36px");
|
||||||
|
// btns.addControl(space4);
|
||||||
|
|
||||||
|
// let btn_cancle = BabylonUIStyleTool.createBtn_Cancel("cancel", "取消", "100px", "36px", "18px");
|
||||||
|
// btns.addControl(btn_cancle);
|
||||||
|
// btn_cancle.onPointerClickObservable.add(() => {
|
||||||
|
// window.onCancel();
|
||||||
|
// });
|
||||||
|
|
||||||
|
// if (this.isChangeType) {
|
||||||
|
// let btn_delete = BabylonUIStyleTool.createBtn_Delete("delete", "删", "30px", "30px", "18px");
|
||||||
|
// this.root.addControl(btn_delete);
|
||||||
|
// btn_delete.horizontalAlignment = Control.HORIZONTAL_ALIGNMENT_LEFT;
|
||||||
|
// btn_delete.verticalAlignment = Control.VERTICAL_ALIGNMENT_BOTTOM;
|
||||||
|
// btn_delete.onPointerClickObservable.add(() => {
|
||||||
|
// window.onBtn_delete();
|
||||||
|
// })
|
||||||
|
// }
|
||||||
|
|
||||||
|
// }
|
||||||
|
|
||||||
|
// //初始化新建
|
||||||
|
// init(buildingWindow: BuildingWindow) {
|
||||||
|
// this.buildingWindow = buildingWindow;
|
||||||
|
// this.isChangeType = false;
|
||||||
|
// this.initUI();
|
||||||
|
// }
|
||||||
|
|
||||||
|
// //初始化修改
|
||||||
|
// initChange(buildingWindow: BuildingWindow, buildingUIItem: BuildingUIItem) {
|
||||||
|
// this.buildingUIItem = buildingUIItem;
|
||||||
|
// this.buildingWindow = buildingWindow;
|
||||||
|
// this.isChangeType = true;
|
||||||
|
// this.initUI();
|
||||||
|
// }
|
||||||
|
|
||||||
|
// //选择建筑类型
|
||||||
|
// onSelectType(buildingType: BuildingType) {
|
||||||
|
|
||||||
|
// this.buildingData.buildingType = buildingType;
|
||||||
|
// // this.key = DataManager.institutionData.getNewKey(buildingType);
|
||||||
|
// console.log("选择建筑类型" + buildingType + "key =" + this.buildingData.normalData.key);
|
||||||
|
// }
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// //修改模型
|
||||||
|
// onChangeModel() {
|
||||||
|
// console.log("修改模型");
|
||||||
|
|
||||||
|
// let normalData = this.buildingData.normalData;
|
||||||
|
// let resPath_out = DataManager.getResPath_building(
|
||||||
|
// DataManager.institutionData.normalData.key.toLowerCase(),
|
||||||
|
// normalData.key.toLocaleLowerCase(),
|
||||||
|
// BuildingPosType.OutDoor,
|
||||||
|
// this.buildingData.outdoorData.modelData.key
|
||||||
|
// );
|
||||||
|
// console.log("新资源路径" + resPath_out);
|
||||||
|
// let instance = this;
|
||||||
|
// ServeManager.instance.openFileSelect(resPath_out, (name: string, path: string) => {
|
||||||
|
// if (TsTool.stringContain(name, ".gltf")) {
|
||||||
|
// this.buildingData.outdoorData.modelData.resName = name;
|
||||||
|
// this.buildingData.outdoorData.modelData.resPath = path;
|
||||||
|
// }
|
||||||
|
// instance.needUpdateModel = true;
|
||||||
|
|
||||||
|
// });
|
||||||
|
// }
|
||||||
|
|
||||||
|
// //确定
|
||||||
|
// onOK() {
|
||||||
|
|
||||||
|
// if (this.buildingData.normalData.name == null) {
|
||||||
|
// alert("请输入名称");
|
||||||
|
// }
|
||||||
|
|
||||||
|
// else {
|
||||||
|
// console.log("修改模式" + this.isChangeType);
|
||||||
|
// if (this.isChangeType) {
|
||||||
|
// // let normalData = this.buildingUIItem.buildingInfo.buildingData.normalData;
|
||||||
|
// // normalData.name = this.buildingData.normalData.name;
|
||||||
|
// this.buildingUIItem.changeName(this.newName);
|
||||||
|
// // this.buildingUIItem.updateUI();
|
||||||
|
// Event_ModelInfoChange.dispatch(this.buildingUIItem.buildingInfo.ModelInfo, ModelChangeType.Update);
|
||||||
|
// this.closeWindow();
|
||||||
|
// }
|
||||||
|
// else {
|
||||||
|
// if (this.buildingData.buildingType == null) {
|
||||||
|
// alert("请选择建筑类型")
|
||||||
|
// }
|
||||||
|
// else {
|
||||||
|
// let result = this.buildingData;
|
||||||
|
// this.buildingData.normalData.name = this.newName;
|
||||||
|
|
||||||
|
// if (result != null) {
|
||||||
|
// this.closeWindow();
|
||||||
|
// console.log("=======addOneBuilding");
|
||||||
|
// console.log(result);
|
||||||
|
// this.buildingWindow.addOneBuilding(result, -1);
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
|
||||||
|
// //取消
|
||||||
|
// onCancel() {
|
||||||
|
// this.closeWindow();
|
||||||
|
|
||||||
|
// }
|
||||||
|
|
||||||
|
// //删除
|
||||||
|
// onBtn_delete() {
|
||||||
|
|
||||||
|
// this.buildingWindow.deleteBuilding(this.buildingUIItem);
|
||||||
|
// this.closeWindow();
|
||||||
|
// }
|
||||||
|
|
||||||
|
// //关闭界面
|
||||||
|
// closeWindow() {
|
||||||
|
|
||||||
|
// if (this.isChangeType) {
|
||||||
|
// this.buildingUIItem.closeChangeWindow();
|
||||||
|
|
||||||
|
// console.log("需要修改模型" + this.needUpdateModel);
|
||||||
|
// if (this.needUpdateModel) {
|
||||||
|
// this.buildingUIItem.buildingWindow.updateBuildingModel(this.buildingUIItem.buildingInfo, true);
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// else {
|
||||||
|
// this.buildingWindow.closeCreateWindow();
|
||||||
|
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
|
||||||
|
|
||||||
@ -0,0 +1,212 @@ |
|||||||
|
|
||||||
|
|
||||||
|
import { SceneManager } from "../../controller/scene-manager"; |
||||||
|
import { IndoorStatus } from "../../controller/status/indoor-status"; |
||||||
|
import { StatusManager } from "../../controller/status/status-manager"; |
||||||
|
import { BuildingType, BuildingData_Normal } from "../../model/data/institution/building/building-data"; |
||||||
|
import { ModelEditData } from "../../model/data/model-data/model-edit-data"; |
||||||
|
import { BuildingInfo } from "../../model/info/building/building-info"; |
||||||
|
import { ModelInfo_building } from "../../model/info/model/model-info-building"; |
||||||
|
import { BabylonTool } from "../../tool/babylon-tool"; |
||||||
|
import { GizmoTool } from "../../tool/gizmo-tool"; |
||||||
|
import { MarkWindow } from "../mark-window/mark-window"; |
||||||
|
// import { BuildingCreateWindow } from "./building-create-window";
|
||||||
|
import { BuildingWindow } from "./building-window"; |
||||||
|
|
||||||
|
//建筑UI Item
|
||||||
|
export class BuildingUIItem { |
||||||
|
buildingInfo: BuildingInfo; |
||||||
|
buildingWindow: BuildingWindow; |
||||||
|
|
||||||
|
|
||||||
|
constructor(buildingInfo: BuildingInfo, buildingWindow: BuildingWindow) { |
||||||
|
|
||||||
|
this.buildingWindow = buildingWindow; |
||||||
|
this.buildingInfo = buildingInfo; |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
dispose() { |
||||||
|
|
||||||
|
this.buildingInfo.dispose(); |
||||||
|
} |
||||||
|
|
||||||
|
//#region 前端对接
|
||||||
|
|
||||||
|
/** |
||||||
|
* 获取建筑ID |
||||||
|
*/ |
||||||
|
getBuildingID(): string { |
||||||
|
return this.buildingInfo.buildingData.normalData.key; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 获取建筑显示的名称 |
||||||
|
*/ |
||||||
|
getBuildingName(): string { |
||||||
|
return this.buildingInfo.buildingData.normalData.name; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 修改建筑名称 |
||||||
|
*/ |
||||||
|
setBuildingName(newName: string) { |
||||||
|
this.changeName(newName); |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 获取建筑类型 |
||||||
|
*/ |
||||||
|
getBuildingType(): BuildingType { |
||||||
|
return this.buildingInfo.buildingData.buildingType; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 获取室内数据 (null ,表示没有室内) |
||||||
|
*/ |
||||||
|
getAllIndoorData(): ModelEditData[] { |
||||||
|
if (this.buildingInfo.buildingData instanceof BuildingData_Normal) { |
||||||
|
let buildingData: BuildingData_Normal = this.buildingInfo.buildingData as BuildingData_Normal; |
||||||
|
|
||||||
|
let result = buildingData.indoorsData; |
||||||
|
return result; |
||||||
|
} |
||||||
|
else { |
||||||
|
return null; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 进入室内 |
||||||
|
* 来自ui的切换(不是因为切换沙盘节点而导致的切层) |
||||||
|
*/ |
||||||
|
enterIndoor(key: string = null, fromUI: boolean = true) { |
||||||
|
GizmoTool.onPickMeshInfoObservable.notifyObservers(null); |
||||||
|
IndoorStatus.changeStatusFromUI = fromUI; |
||||||
|
|
||||||
|
if (fromUI && MarkWindow.instance != null && MarkWindow.instance.isShow && MarkWindow.instance.currentMarkNodeInfo != null) { |
||||||
|
if (key == null) { |
||||||
|
let indoorsData = (this.buildingInfo.buildingData as BuildingData_Normal).indoorsData; |
||||||
|
if (indoorsData != null && indoorsData.length > 0) { |
||||||
|
key = indoorsData[0].modelData.key; |
||||||
|
} |
||||||
|
else { |
||||||
|
//ThreeDimensionalHomeComponent.instance.openSnackBar("暂无室内信息");
|
||||||
|
// alert("暂无室内信息");
|
||||||
|
return; |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
MarkWindow.instance.changeBuilding(false, this.buildingInfo.buildingData.normalData.key, key); |
||||||
|
} |
||||||
|
else { |
||||||
|
console.log("进入室内"); |
||||||
|
let indoorStatus = StatusManager.enterStatus<IndoorStatus>(IndoorStatus); |
||||||
|
indoorStatus.init(this.buildingInfo, key); |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 修改模型 |
||||||
|
* @param buildingData
|
||||||
|
*/ |
||||||
|
changeModel(file: File[]) { |
||||||
|
|
||||||
|
this.buildingWindow.changeModel(file, this.buildingInfo.buildingData); |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 关联预案管理平台的建筑id |
||||||
|
* @param id
|
||||||
|
*/ |
||||||
|
linkingBuildingID(id: string) { |
||||||
|
this.buildingInfo.buildingData.buildingIDFromPlatform = id; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 读取关联的预案管理平台的建筑id |
||||||
|
*/ |
||||||
|
getlinkedBuildingID(): string { |
||||||
|
return this.buildingInfo.buildingData.buildingIDFromPlatform; |
||||||
|
} |
||||||
|
|
||||||
|
//#endregion
|
||||||
|
|
||||||
|
|
||||||
|
//#region 外部公有
|
||||||
|
|
||||||
|
/** |
||||||
|
* 选中 |
||||||
|
*/ |
||||||
|
select() { |
||||||
|
this.buildingWindow.onChangeCurrentBuildingItem(this); |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 当选中时的表现 |
||||||
|
* @param select true表示选中 |
||||||
|
*/ |
||||||
|
onSelect(select: boolean, animMove = true) { |
||||||
|
if (select) { |
||||||
|
if (this.buildingInfo.ModelInfo != null && this.buildingInfo.ModelInfo.modelBox != null) { |
||||||
|
GizmoTool.onPickMeshInfoObservable.notifyObservers(this.buildingInfo.ModelInfo); |
||||||
|
//BabylonTool.changeCameraTarget(SceneManager.Instance.defaultCamera, this.buildingInfo.ModelInfo.modelBox, animMove);
|
||||||
|
} |
||||||
|
} |
||||||
|
else { |
||||||
|
if (this.buildingInfo != null) { |
||||||
|
GizmoTool.leaveTheGizmoAim(this.buildingInfo.ModelInfo); |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 相机注释、聚焦 |
||||||
|
*/ |
||||||
|
lookAt(anim: boolean = true) { |
||||||
|
if (this.canLookAt()) { |
||||||
|
BabylonTool.changeCameraTarget(SceneManager.Instance.defaultCamera, this.buildingInfo.ModelInfo.modelBox, anim); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 是否可以聚焦 |
||||||
|
*/ |
||||||
|
canLookAt(): boolean { |
||||||
|
let result = this.buildingInfo != null && this.buildingInfo.ModelInfo != null && this.buildingInfo.ModelInfo.modelBox != null; |
||||||
|
|
||||||
|
return result; |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 设置模型的显示状态 |
||||||
|
*/ |
||||||
|
setModelEnable(show: boolean) { |
||||||
|
if (this.buildingInfo != null) { |
||||||
|
this.buildingInfo.setEnable(show); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
//#endregion
|
||||||
|
|
||||||
|
//#region 内部私有
|
||||||
|
|
||||||
|
//修改建筑名称
|
||||||
|
private changeName(name: string) { |
||||||
|
this.buildingInfo.buildingData.normalData.name = name; |
||||||
|
if (this.buildingInfo.ModelInfo != null) { |
||||||
|
(this.buildingInfo.ModelInfo as ModelInfo_building).updateName(name); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
//#endregion
|
||||||
|
} |
||||||
@ -0,0 +1,499 @@ |
|||||||
|
|
||||||
|
import { DataManager } from "../../controller/data-manager"; |
||||||
|
import { InfoManager } from "../../controller/info-manager"; |
||||||
|
import { SceneManager } from "../../controller/scene-manager"; |
||||||
|
import { ServeManager } from "../../controller/serve-manager"; |
||||||
|
import { BuildingStatus } from "../../controller/status/building-status"; |
||||||
|
import { StatusManager } from "../../controller/status/status-manager"; |
||||||
|
import { BuildingData_Normal, BuildingData_Environment, BuildingData_ChemicalPlant, BuildingType, BuildingData } from "../../model/data/institution/building/building-data"; |
||||||
|
import { BuildingPosType, ModelType } from "../../model/data/model-data/model-data"; |
||||||
|
import { FacilityType } from "../../model/data/model-data/model-data-facility"; |
||||||
|
import { ModelEditData } from "../../model/data/model-data/model-edit-data"; |
||||||
|
import { BuildingInfo } from "../../model/info/building/building-info"; |
||||||
|
import { BuildingInfo_ChemicalPlant } from "../../model/info/building/building-info-chemicalplant"; |
||||||
|
import { BuildingInfo_Environment } from "../../model/info/building/building-info-environment"; |
||||||
|
import { BuildingInfo_Normal } from "../../model/info/building/building-info-normal"; |
||||||
|
import { ModelInfo_building } from "../../model/info/model/model-info-building"; |
||||||
|
import { TsTool } from "../../tool/ts-tool"; |
||||||
|
import { UIBase } from "../window-base/ui-base"; |
||||||
|
import { BuildingUIItem } from "./building-ui-item"; |
||||||
|
|
||||||
|
//建筑界面
|
||||||
|
export class BuildingWindow extends UIBase { |
||||||
|
buldingStatus: BuildingStatus; |
||||||
|
|
||||||
|
buildingUIItems: BuildingUIItem[] = [];//所有建筑UI
|
||||||
|
|
||||||
|
currentBuidngItem: BuildingUIItem; //当前正在操作的建筑
|
||||||
|
|
||||||
|
// three: ThreeDimensionalHomeComponent;//前端组件
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
//#region 与前端对接部分
|
||||||
|
|
||||||
|
/** |
||||||
|
* UI上添加一个建筑item |
||||||
|
* @param buildingData 建筑data数据 |
||||||
|
* @param index 序号 |
||||||
|
* @param onSuccess 成功的回调 |
||||||
|
*/ |
||||||
|
createOneBuildingItem(buildingData: BuildingData_Normal | BuildingData_Environment | BuildingData_ChemicalPlant, index: number, onSuccess?: (buildingUIItem: BuildingUIItem, index: number) => void) { |
||||||
|
let buildingInfo: BuildingInfo_Normal | BuildingInfo_Environment | BuildingInfo_ChemicalPlant; |
||||||
|
switch (buildingData.buildingType) { |
||||||
|
case BuildingType.Normal: |
||||||
|
buildingInfo = new BuildingInfo_Normal(buildingData as BuildingData_Normal, null); |
||||||
|
break; |
||||||
|
case BuildingType.Environment: |
||||||
|
buildingInfo = new BuildingInfo_Environment(buildingData, null); |
||||||
|
break; |
||||||
|
case BuildingType.ChemicalPlant: |
||||||
|
buildingInfo = new BuildingInfo_ChemicalPlant(buildingData, null); |
||||||
|
break; |
||||||
|
} |
||||||
|
// console.log("初始化建筑info");
|
||||||
|
// console.log(buildingInfo.buildingData);
|
||||||
|
let uiItem = this.addBuildingItem(buildingInfo); |
||||||
|
|
||||||
|
if (buildingData.outdoorData != null && buildingData.outdoorData.modelData != null && buildingData.outdoorData.modelData.resName != null) { |
||||||
|
this.updateBuildingModel(buildingInfo, false, () => { |
||||||
|
buildingInfo.initFacility(); |
||||||
|
BuildingStatus.enterSuccessObservable.notifyObservers(uiItem); |
||||||
|
if (onSuccess) { |
||||||
|
onSuccess(uiItem, index); |
||||||
|
} |
||||||
|
}) |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
//删除建筑
|
||||||
|
deleteBuilding(buidlingUIItem: BuildingUIItem) { |
||||||
|
// console.log("删除建筑" + buidlingUIItem.buildingInfo.buildingData.normalData.key);
|
||||||
|
DataManager.deleteOneBuildingData(buidlingUIItem.buildingInfo.buildingData.buildingType, buidlingUIItem.buildingInfo.buildingData.normalData.key); |
||||||
|
for (let i = 0; i < this.buildingUIItems.length; i++) { |
||||||
|
if (this.buildingUIItems[i] == buidlingUIItem) { |
||||||
|
buidlingUIItem.dispose(); |
||||||
|
TsTool.arrayRemove(this.buildingUIItems, buidlingUIItem); |
||||||
|
break; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 改变模型 |
||||||
|
* @param file
|
||||||
|
*/ |
||||||
|
changeModel(file: File[], buildingData: BuildingData) { |
||||||
|
if (file == null || file.length == 0) { |
||||||
|
return; |
||||||
|
} |
||||||
|
console.log("修改模型"); |
||||||
|
|
||||||
|
buildingData.outdoorData.modelData.key = buildingData.normalData.key; |
||||||
|
buildingData.outdoorData.modelData.name = buildingData.normalData.key; |
||||||
|
|
||||||
|
let normalData = buildingData.normalData; |
||||||
|
let resPath_out = DataManager.getResPath_building( |
||||||
|
DataManager.institutionData.normalData.key.toLowerCase(), |
||||||
|
normalData.key.toLocaleLowerCase(), |
||||||
|
BuildingPosType.OutDoor, |
||||||
|
buildingData.normalData.key |
||||||
|
); |
||||||
|
// console.log("新资源路径" + resPath_out);
|
||||||
|
let buildingWindow = this; |
||||||
|
|
||||||
|
let manifestFile: File = null; |
||||||
|
if (buildingData.outdoorData.modelData.resName != null) { |
||||||
|
|
||||||
|
manifestFile = DataManager.createManifestFile(buildingData.outdoorData.modelData); |
||||||
|
file.push(manifestFile); //临时关闭缓存文件
|
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
ServeManager.instance.uploadFile(0, file, resPath_out, (name: string, path: string, currentfile) => { |
||||||
|
if (TsTool.stringContain(name, ".gltf")) { |
||||||
|
if (TsTool.stringContain(name, ".gltf.manifest")) { |
||||||
|
//缓存文件,提取版本号
|
||||||
|
DataManager.readFile_manifest(currentfile, (version: number) => { |
||||||
|
buildingData.outdoorData.modelData.version = version; |
||||||
|
// console.log("设置version" + version);
|
||||||
|
}); |
||||||
|
} |
||||||
|
else { |
||||||
|
buildingData.outdoorData.modelData.resName = name; |
||||||
|
buildingData.outdoorData.modelData.resPath = path; |
||||||
|
if (manifestFile == null) { |
||||||
|
manifestFile = DataManager.createManifestFile(buildingData.outdoorData.modelData); |
||||||
|
file.push(manifestFile); |
||||||
|
}//临时关闭缓存文件
|
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
, () => { |
||||||
|
let buildingInfo = buildingWindow.getBuildingInfo(buildingData.normalData.key); |
||||||
|
buildingWindow.updateBuildingModel(buildingInfo, true); |
||||||
|
// buildingWindow.three = ThreeDimensionalHomeComponent.instance;
|
||||||
|
// buildingWindow.three.maskLayerService.sendMessage(false) //关闭遮罩层
|
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 获取目标建筑中，室内的某类设备数目 |
||||||
|
*/ |
||||||
|
getNormalBuildingIndoorFacilitys(buildingUIItem: BuildingUIItem, facilityType: FacilityType) { |
||||||
|
let result = 0; |
||||||
|
|
||||||
|
if (buildingUIItem.buildingInfo.buildingData.buildingType != BuildingType.Normal) { |
||||||
|
//不是普通建筑，没有室内
|
||||||
|
} |
||||||
|
else { |
||||||
|
let indoorData: ModelEditData[] = (buildingUIItem.buildingInfo.buildingData as BuildingData_Normal).indoorsData; |
||||||
|
if (indoorData != null) { |
||||||
|
for (let i = 0; i < indoorData.length; i++) { |
||||||
|
let facilitiesByType = indoorData[i].getFacilitiesByType(facilityType); |
||||||
|
if (facilitiesByType != null) { |
||||||
|
result += facilitiesByType.length; |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 进入第一个具有本设备的室内楼层 |
||||||
|
*/ |
||||||
|
changeToFirstIndoorByFacility(buildingUIItem: BuildingUIItem, facilityType: FacilityType) { |
||||||
|
|
||||||
|
let result = false;//是否成功找到并进入某室内层
|
||||||
|
let num = 0; |
||||||
|
|
||||||
|
if (buildingUIItem.buildingInfo.buildingData.buildingType != BuildingType.Normal) { |
||||||
|
//不是普通建筑，没有室内
|
||||||
|
|
||||||
|
} |
||||||
|
else { |
||||||
|
let indoorData: ModelEditData[] = (buildingUIItem.buildingInfo.buildingData as BuildingData_Normal).indoorsData; |
||||||
|
for (let i = 0; i < indoorData.length; i++) { |
||||||
|
let facilitiesByType = indoorData[i].getFacilitiesByType(facilityType); |
||||||
|
if (facilitiesByType != null) { |
||||||
|
num += facilitiesByType.length; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
if (num > 0) { |
||||||
|
result = true; |
||||||
|
buildingUIItem.enterIndoor(indoorData[i].modelData.key, true); |
||||||
|
break; |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
//#endregion
|
||||||
|
|
||||||
|
|
||||||
|
//#region 生命周期
|
||||||
|
onInit() { |
||||||
|
super.onInit(); |
||||||
|
|
||||||
|
this.buldingStatus = StatusManager.getStatus<BuildingStatus>(BuildingStatus); |
||||||
|
|
||||||
|
|
||||||
|
this.initBuildings();//创建每一个建筑buildingItem
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// this.three = ThreeDimensionalHomeComponent.instance;
|
||||||
|
// this.three.getAllBuilding(this);
|
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
onShow() { |
||||||
|
this.showModel(true); |
||||||
|
|
||||||
|
super.onShow(); |
||||||
|
} |
||||||
|
onHide() { |
||||||
|
this.showModel(false); |
||||||
|
super.onHide(); |
||||||
|
} |
||||||
|
|
||||||
|
//#endregion
|
||||||
|
|
||||||
|
|
||||||
|
//#region 外部公有
|
||||||
|
|
||||||
|
/** |
||||||
|
* 清空建筑上的设备实例 |
||||||
|
* @param buildingInfo
|
||||||
|
*/ |
||||||
|
clearFacilityInfos(buildingInfo: BuildingInfo) { |
||||||
|
|
||||||
|
if (buildingInfo.ModelInfo != null) { |
||||||
|
for (let i = 0; i < buildingInfo.ModelInfo.facilityInfos.length; i++) { |
||||||
|
buildingInfo.ModelInfo.facilityInfos[i].dispose(); |
||||||
|
} |
||||||
|
buildingInfo.ModelInfo.facilityInfos = []; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 显示或隐藏建筑上的设备icon |
||||||
|
* @param buildingInfo
|
||||||
|
* @param show
|
||||||
|
*/ |
||||||
|
showFacilityInfosIcon(buildingInfo: BuildingInfo, show: boolean) { |
||||||
|
if (buildingInfo.ModelInfo != null) { |
||||||
|
buildingInfo.ModelInfo.showFacilityUI(show); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 根据buildingInfo找到item，然后模拟选中 |
||||||
|
* @param buildingInfo 建筑信息 |
||||||
|
*/ |
||||||
|
changeCurrentBuildingInfo(modelInfo: ModelInfo_building) { |
||||||
|
|
||||||
|
let item: BuildingUIItem = null; |
||||||
|
for (let i = 0; i < this.buildingUIItems.length; i++) { |
||||||
|
if (this.buildingUIItems[i].buildingInfo.ModelInfo == modelInfo) { |
||||||
|
item = this.buildingUIItems[i]; |
||||||
|
break; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
//this.onChangeCurrentBuildingItem(item);
|
||||||
|
|
||||||
|
// this.three.selectLeftBuilding(item);
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 改变当前操作建筑目标 |
||||||
|
* @param buidlingUIItem 新选中的目标 |
||||||
|
*/ |
||||||
|
onChangeCurrentBuildingItem(buidlingUIItem: BuildingUIItem, animMove = true) { |
||||||
|
if (this.currentBuidngItem != null && this.currentBuidngItem != buidlingUIItem) { |
||||||
|
this.currentBuidngItem.onSelect(false); |
||||||
|
} |
||||||
|
|
||||||
|
this.currentBuidngItem = buidlingUIItem; |
||||||
|
this.currentBuidngItem.onSelect(true, animMove); |
||||||
|
|
||||||
|
this.buldingStatus.changeCurrentBuilding(buidlingUIItem.buildingInfo); |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 查询buildingKey |
||||||
|
* @param key
|
||||||
|
*/ |
||||||
|
public getBuildingInfo(key: string): BuildingInfo { |
||||||
|
for (let i = 0; i < this.buildingUIItems.length; i++) { |
||||||
|
if (this.buildingUIItems[i].buildingInfo.buildingData.normalData.key == key) { |
||||||
|
return this.buildingUIItems[i].buildingInfo; |
||||||
|
} |
||||||
|
} |
||||||
|
return null; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 查询UIItem |
||||||
|
* @param key
|
||||||
|
*/ |
||||||
|
public getBuildingUIItem(key: string) { |
||||||
|
for (let i = 0; i < this.buildingUIItems.length; i++) { |
||||||
|
if (this.buildingUIItems[i].buildingInfo.buildingData.normalData.key == key) { |
||||||
|
return this.buildingUIItems[i]; |
||||||
|
} |
||||||
|
} |
||||||
|
return null; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 更新建筑模型 |
||||||
|
* @param buildingInfo
|
||||||
|
* @param updateFacility
|
||||||
|
* @param onSuccess
|
||||||
|
*/ |
||||||
|
public updateBuildingModel(buildingInfo: BuildingInfo, updateFacility: boolean, onSuccess?: () => void) { |
||||||
|
if (buildingInfo == null) { |
||||||
|
return; |
||||||
|
} |
||||||
|
if (buildingInfo.ModelInfo != null) { |
||||||
|
buildingInfo.ModelInfo.dispose(); |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
SceneManager.createModel(ModelType.Building, buildingInfo.buildingData.outdoorData.modelData, true, true, "Building", (newMesh, box, modelInfo) => { |
||||||
|
buildingInfo.ModelInfo = modelInfo as ModelInfo_building; |
||||||
|
buildingInfo.ModelInfo.updateName(buildingInfo.buildingData.normalData.name); |
||||||
|
if (updateFacility) { |
||||||
|
InfoManager.createFacilityInfos(buildingInfo.buildingData.outdoorData, buildingInfo); |
||||||
|
} |
||||||
|
if (buildingInfo instanceof BuildingInfo_Environment) { |
||||||
|
buildingInfo.updateFuGaiCeng(); |
||||||
|
} |
||||||
|
|
||||||
|
if (onSuccess) { |
||||||
|
onSuccess(); |
||||||
|
} |
||||||
|
}); |
||||||
|
} |
||||||
|
//#endregion
|
||||||
|
|
||||||
|
|
||||||
|
//#region 内部私有
|
||||||
|
|
||||||
|
|
||||||
|
//填充建筑列表
|
||||||
|
private initBuildings() { |
||||||
|
|
||||||
|
|
||||||
|
//因为babylon内对indexDB的封装使用有问题，在用户第一次使用时触发了创建数据库操作，导致我们同时调用多个加载方法时报错
|
||||||
|
//解决策略是：如果发现有多个模型要加载，则先加载第一个模型，保证indexDB数据库正常建立， 第一个加载完成后，在加载剩余模型
|
||||||
|
|
||||||
|
BuildingStatus.startEnterObservable.notifyObservers(null); |
||||||
|
|
||||||
|
let instance = this; |
||||||
|
let firstItem; //第一个要加载的模型
|
||||||
|
let firstType: BuildingType; |
||||||
|
|
||||||
|
let allModelNumber = 0; |
||||||
|
|
||||||
|
|
||||||
|
let buildingDatas_Environment = DataManager.getBuildingDataListByType(BuildingType.Environment); |
||||||
|
if (buildingDatas_Environment != null) { |
||||||
|
allModelNumber += buildingDatas_Environment.length; |
||||||
|
if (buildingDatas_Environment.length > 0) { |
||||||
|
firstItem = buildingDatas_Environment[0]; |
||||||
|
firstType = BuildingType.Environment; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
let buildingDatas_mormal = DataManager.getBuildingDataListByType(BuildingType.Normal); |
||||||
|
if (buildingDatas_mormal != null) { |
||||||
|
allModelNumber += buildingDatas_mormal.length; |
||||||
|
if (buildingDatas_mormal.length > 0) { |
||||||
|
firstItem = buildingDatas_mormal[0]; |
||||||
|
firstType = BuildingType.Normal; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
if (allModelNumber > 1) { |
||||||
|
|
||||||
|
if (firstType == BuildingType.Environment) { |
||||||
|
instance.createOneBuildingItem(firstItem, 0, (uiItem, index) => { |
||||||
|
instance.onChangeCurrentBuildingItem(uiItem, false); |
||||||
|
uiItem.lookAt(false); |
||||||
|
if (buildingDatas_Environment.length > 1) { |
||||||
|
instance.addBuildings(BuildingType.Environment, 1); |
||||||
|
} |
||||||
|
|
||||||
|
instance.addBuildings(BuildingType.Normal, 0); |
||||||
|
|
||||||
|
}); |
||||||
|
|
||||||
|
} |
||||||
|
else { |
||||||
|
instance.createOneBuildingItem(firstItem, 0, (uiItem, index) => { |
||||||
|
instance.onChangeCurrentBuildingItem(uiItem, false); |
||||||
|
uiItem.lookAt(false); |
||||||
|
if (buildingDatas_mormal.length > 1) { |
||||||
|
instance.addBuildings(BuildingType.Normal, 1); |
||||||
|
} |
||||||
|
instance.addBuildings(BuildingType.Environment, 0); |
||||||
|
|
||||||
|
|
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
else { |
||||||
|
|
||||||
|
instance.addBuildings(BuildingType.Normal, 0, (uiItem, index) => { |
||||||
|
if (index == 0 && uiItem.buildingInfo.isEnable) { |
||||||
|
instance.onChangeCurrentBuildingItem(uiItem, false); |
||||||
|
uiItem.lookAt(false); |
||||||
|
// console.log("默认选中" + uiItem.buildingInfo.buildingData.normalData.key);
|
||||||
|
} |
||||||
|
}); |
||||||
|
|
||||||
|
instance.addBuildings(BuildingType.Environment, 0); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
//初始化建筑显示(根据类别)
|
||||||
|
private addBuildings(buildingType: BuildingType, startIndex: number, onSuccess?: (buildingUIItem: BuildingUIItem, index: number) => void) { |
||||||
|
let index = startIndex; |
||||||
|
|
||||||
|
let buildingDatas = DataManager.getBuildingDataListByType(buildingType); |
||||||
|
// console.log(buildingDatas);
|
||||||
|
while (buildingDatas != null && index < buildingDatas.length) { |
||||||
|
let l_index = index; |
||||||
|
let buildingData = buildingDatas[l_index]; |
||||||
|
this.createOneBuildingItem(buildingData, l_index, onSuccess); |
||||||
|
|
||||||
|
index++; |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
//添加一个item到界面中
|
||||||
|
private addBuildingItem(buildingInfo: BuildingInfo): BuildingUIItem { |
||||||
|
let buildingItem = new BuildingUIItem(buildingInfo, this); |
||||||
|
this.buildingUIItems.push(buildingItem); |
||||||
|
|
||||||
|
return buildingItem; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 隐藏或展示模型 |
||||||
|
* @param show true-表示展示 |
||||||
|
*/ |
||||||
|
private showModel(show: boolean) { |
||||||
|
for (let i = 0; i < this.buildingUIItems.length; i++) { |
||||||
|
|
||||||
|
//周围环境,不隐藏（也就不用再显示）
|
||||||
|
if (this.buildingUIItems[i].buildingInfo.ModelInfo.buildingType == BuildingType.Environment) { |
||||||
|
(this.buildingUIItems[i].buildingInfo as BuildingInfo_Environment).updateFuGaiCeng(); |
||||||
|
if (show) { //切换到室外时，根据选中状态恢复设备UI
|
||||||
|
if (this.currentBuidngItem == this.buildingUIItems[i]) { |
||||||
|
this.buildingUIItems[i].buildingInfo.ModelInfo.showFacilityUI(show); |
||||||
|
} |
||||||
|
else { |
||||||
|
this.buildingUIItems[i].buildingInfo.ModelInfo.showFacilityUI(false); |
||||||
|
} |
||||||
|
this.buildingUIItems[i].buildingInfo.ModelInfo.showFollowUI(true);//环境的名称UI 不显示
|
||||||
|
} |
||||||
|
else { //切换到室内时，显示环境的设备UI
|
||||||
|
this.buildingUIItems[i].buildingInfo.ModelInfo.showFacilityUI(false);//(感觉太乱，暂时取消)
|
||||||
|
this.buildingUIItems[i].buildingInfo.ModelInfo.showFollowUI(false);//环境的名称UI 不显示
|
||||||
|
} |
||||||
|
} |
||||||
|
else { // 建筑，正常显隐
|
||||||
|
this.buildingUIItems[i].setModelEnable(show); |
||||||
|
} |
||||||
|
// if (this.buildingUIItems[i].buildingInfo != null) {
|
||||||
|
// this.buildingUIItems[i].buildingInfo.setEnable(show);
|
||||||
|
// }
|
||||||
|
} |
||||||
|
} |
||||||
|
//#endregion
|
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
@ -0,0 +1,131 @@ |
|||||||
|
// import { Button, Control, Rectangle, TextBlock } from "@babylonjs/gui";
|
||||||
|
// import { ThreeDimensionalHomeComponent } from "src/app/gis/three-dimensional-home/three-dimensional-home.component";
|
||||||
|
// import { UIManager } from "src/babylon/controller/ui-manager";
|
||||||
|
// import { BabylonUIStyleTool } from "src/babylon/tool/babylon-ui-style-tool";
|
||||||
|
// import { UIBase } from "../window-base/ui-base";
|
||||||
|
|
||||||
|
// //对话框
|
||||||
|
// export class DialogWindow extends UIBase {
|
||||||
|
// title: string;//标题
|
||||||
|
// content: string;//内容描述
|
||||||
|
|
||||||
|
// okText: string;//确定按钮上的文字
|
||||||
|
// okCallBack?: () => void; //确定按钮的回调
|
||||||
|
// cancelText: string;//取消按钮上的文字
|
||||||
|
// cancelCallBack?: () => void;//取消按钮的回调
|
||||||
|
|
||||||
|
// static OpenDialog(title: string, content: string, okText: string, okCallBack?: () => void, cancelText?: string, cancelCallBack?: () => void) {
|
||||||
|
// let result: DialogWindow = UIManager.open<DialogWindow>(DialogWindow);
|
||||||
|
|
||||||
|
// result.initInfo(title, content, okText, okCallBack, cancelText, cancelCallBack);
|
||||||
|
// result.initUI();
|
||||||
|
|
||||||
|
// return result;
|
||||||
|
|
||||||
|
// }
|
||||||
|
|
||||||
|
// onInit() {
|
||||||
|
// super.onInit();
|
||||||
|
|
||||||
|
// }
|
||||||
|
|
||||||
|
// onOpen() {
|
||||||
|
// super.onOpen();
|
||||||
|
// }
|
||||||
|
|
||||||
|
// onClose() {
|
||||||
|
// super.onClose();
|
||||||
|
|
||||||
|
// }
|
||||||
|
|
||||||
|
// //初始化信息
|
||||||
|
// initInfo(title: string, content: string, okText: string, okCallBack?: () => void, cancelText?: string, cancelCallBack?: () => void) {
|
||||||
|
// this.title = title;
|
||||||
|
// this.content = content;
|
||||||
|
// this.okText = okText;
|
||||||
|
// this.okCallBack = okCallBack;
|
||||||
|
// this.cancelText = cancelText;
|
||||||
|
// this.cancelCallBack = cancelCallBack;
|
||||||
|
// }
|
||||||
|
|
||||||
|
// //初始化界面
|
||||||
|
// initUI() {
|
||||||
|
// this.root = new Rectangle("DialogWindow");
|
||||||
|
// this.root.zIndex = 900;
|
||||||
|
// UIManager.Instance.uiRoot.addControl(this.root);
|
||||||
|
// this.root.width = "200px";
|
||||||
|
// this.root.height = "150px";
|
||||||
|
// this.root.background = UIBase.color_gray;
|
||||||
|
// this.root.thickness = 0;
|
||||||
|
// this.root.cornerRadius = BabylonUIStyleTool.cornerRadius_window1;
|
||||||
|
|
||||||
|
// let ui_title = new TextBlock("title");
|
||||||
|
// this.root.addControl(ui_title);
|
||||||
|
// ui_title.verticalAlignment = Control.VERTICAL_ALIGNMENT_TOP;
|
||||||
|
// ui_title.height = "30px";
|
||||||
|
// ui_title.text = this.title;
|
||||||
|
// ui_title.fontSize = 22;
|
||||||
|
// ui_title.color = "white";
|
||||||
|
|
||||||
|
// let ui_content = new TextBlock("content");
|
||||||
|
// this.root.addControl(ui_content);
|
||||||
|
// ui_content.width = "180px";
|
||||||
|
// ui_content.height = "100px";
|
||||||
|
// ui_content.text = this.content;
|
||||||
|
// ui_content.color = "white";
|
||||||
|
// ui_content.textWrapping = true;
|
||||||
|
|
||||||
|
// let btn_ok = Button.CreateSimpleButton("btn_ok", this.okText);
|
||||||
|
// this.root.addControl(btn_ok);
|
||||||
|
// btn_ok.width = "90px";
|
||||||
|
// btn_ok.height = "30px";
|
||||||
|
// btn_ok.horizontalAlignment = Control.HORIZONTAL_ALIGNMENT_LEFT;
|
||||||
|
// btn_ok.verticalAlignment = Control.VERTICAL_ALIGNMENT_BOTTOM;
|
||||||
|
// btn_ok.paddingLeft = "20px";
|
||||||
|
// btn_ok.background = BabylonUIStyleTool.c_color_green;
|
||||||
|
// btn_ok.textBlock.color = "white";
|
||||||
|
// btn_ok.thickness = 0;
|
||||||
|
// btn_ok.cornerRadius = BabylonUIStyleTool.cornerRadius_window1;
|
||||||
|
// btn_ok.onPointerClickObservable.add(() => {
|
||||||
|
// this.onOK(this.okCallBack);
|
||||||
|
// });
|
||||||
|
|
||||||
|
// let btn_Cancel = Button.CreateSimpleButton("btn_cancel", this.cancelText);
|
||||||
|
// this.root.addControl(btn_Cancel);
|
||||||
|
// btn_Cancel.width = "90px";
|
||||||
|
// btn_Cancel.height = "30px";
|
||||||
|
// btn_Cancel.horizontalAlignment = Control.HORIZONTAL_ALIGNMENT_RIGHT;
|
||||||
|
// btn_Cancel.verticalAlignment = Control.VERTICAL_ALIGNMENT_BOTTOM;
|
||||||
|
// btn_Cancel.paddingRight = "20px";
|
||||||
|
// btn_Cancel.background = UIBase.color_red;
|
||||||
|
// btn_Cancel.color = "white";
|
||||||
|
// btn_Cancel.thickness = 0;
|
||||||
|
// btn_Cancel.cornerRadius = BabylonUIStyleTool.cornerRadius_window1;
|
||||||
|
// btn_Cancel.onPointerClickObservable.add(() => {
|
||||||
|
// this.onConcel(this.cancelCallBack);
|
||||||
|
// });
|
||||||
|
|
||||||
|
// }
|
||||||
|
|
||||||
|
// //确定按钮回调
|
||||||
|
// onOK(okCallBack?: () => void) {
|
||||||
|
// if (okCallBack != null) {
|
||||||
|
// okCallBack();
|
||||||
|
// }
|
||||||
|
|
||||||
|
// this.onClickBtn();
|
||||||
|
// }
|
||||||
|
// //取消按钮回调
|
||||||
|
// onConcel(cancelCallBack?: () => void) {
|
||||||
|
// if (cancelCallBack != null) {
|
||||||
|
// cancelCallBack();
|
||||||
|
// }
|
||||||
|
// this.onClickBtn();
|
||||||
|
// }
|
||||||
|
|
||||||
|
// //按钮统一行为
|
||||||
|
// onClickBtn() {
|
||||||
|
// UIManager.close<DialogWindow>(this);
|
||||||
|
// }
|
||||||
|
|
||||||
|
// }
|
||||||
@ -0,0 +1,90 @@ |
|||||||
|
import { AbstractMesh } from "@babylonjs/core"; |
||||||
|
import { Button, Rectangle } from "@babylonjs/gui"; |
||||||
|
import { ConfigManager } from "../../controller/config-manager"; |
||||||
|
import { ModeManager, ModeType } from "../../controller/mode-manager"; |
||||||
|
import { SceneManager } from "../../controller/scene-manager"; |
||||||
|
import { ModelType } from "../../model/data/model-data/model-data"; |
||||||
|
import { ModelData_facility, FacilityShowType } from "../../model/data/model-data/model-data-facility"; |
||||||
|
import { BabylonTool } from "../../tool/babylon-tool"; |
||||||
|
import { LoadTool } from "../../tool/load-tool"; |
||||||
|
import { MeshPoolInfo, MeshPool } from "../../tool/mesh-pool"; |
||||||
|
|
||||||
|
import { FacilityInfoInSceneWindow } from "../facilityinfoinscene-window/facilityinfoinscene-window"; |
||||||
|
import { FacilityWindow } from "./facility-window"; |
||||||
|
|
||||||
|
//设施UI item
|
||||||
|
export class FacilityUIItem { |
||||||
|
facilityData: ModelData_facility; |
||||||
|
meshPrefab: AbstractMesh; |
||||||
|
meshPoolInfo: MeshPoolInfo; |
||||||
|
constructor(facilityData: ModelData_facility, root: Rectangle, button: Button) { |
||||||
|
this.facilityData = facilityData; |
||||||
|
let instance = this; |
||||||
|
if (facilityData.getShowtype() == FacilityShowType.ModelAndTag) { |
||||||
|
instance.meshPoolInfo = MeshPool.importMesh(ModelType.Facility, facilityData, true, true, LoadTool.c_tag_facilityPrefab, (mesh, meshes, result: MeshPoolInfo) => { |
||||||
|
instance.meshPrefab = mesh; |
||||||
|
mesh.name = "pfb_" + this.facilityData.key; |
||||||
|
mesh.setEnabled(false); |
||||||
|
result.modelInfo.showFollowUI(false); |
||||||
|
if (!SceneManager.s_openLight) { |
||||||
|
BabylonTool.setMatToUnlit(meshes, true); |
||||||
|
} |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
//#region 前端对接
|
||||||
|
|
||||||
|
//获取图片URL
|
||||||
|
getIconURL() { |
||||||
|
return ConfigManager.getFacilityIconUrl(this.facilityData.facilityType, this.facilityData.posType) |
||||||
|
} |
||||||
|
|
||||||
|
//获取图片key
|
||||||
|
getIconID() { |
||||||
|
return this.facilityData.key |
||||||
|
} |
||||||
|
|
||||||
|
//获取设备中文名
|
||||||
|
getIconName() { |
||||||
|
|
||||||
|
return this.facilityData.name |
||||||
|
} |
||||||
|
|
||||||
|
//取消选择 当前设备
|
||||||
|
unSelect() { |
||||||
|
FacilityWindow.instance.clearCurrentFacility(); |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 选中当前设备 |
||||||
|
*/ |
||||||
|
select() { |
||||||
|
FacilityWindow.instance.onClickFacilityBtn(this); |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
//#endregion
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
//选中时的表现
|
||||||
|
onSelect(select: boolean) { |
||||||
|
if (ModeManager.currentMode == ModeType.Look) //只在查看模式下生效
|
||||||
|
{ |
||||||
|
FacilityInfoInSceneWindow.instance.showFacilityByType(this.facilityData.facilityType, select); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
dispose() { |
||||||
|
if (this.meshPoolInfo != null) { |
||||||
|
//MeshPool.disposeMesh(this.meshPoolInfo);
|
||||||
|
this.meshPoolInfo.dispose(); |
||||||
|
this.meshPoolInfo = null; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
@ -0,0 +1,521 @@ |
|||||||
|
import { |
||||||
|
EventState, |
||||||
|
Mesh, |
||||||
|
MeshBuilder, |
||||||
|
PointerEventTypes, |
||||||
|
PointerInfo, |
||||||
|
Vector3, |
||||||
|
} from '@babylonjs/core'; |
||||||
|
import { |
||||||
|
Control, |
||||||
|
Image, |
||||||
|
Rectangle, |
||||||
|
} from '@babylonjs/gui'; |
||||||
|
import { ConfigManager } from '../../controller/config-manager'; |
||||||
|
import { DataManager, ModelChangeType } from '../../controller/data-manager'; |
||||||
|
import { Event_ChangeFacility } from '../../controller/event-manager/events/event-change-facility'; |
||||||
|
import { InfoManager } from '../../controller/info-manager'; |
||||||
|
import { ModeManager, ModeType } from '../../controller/mode-manager'; |
||||||
|
import { SceneManager } from '../../controller/scene-manager'; |
||||||
|
import { BuildingStatus } from '../../controller/status/building-status'; |
||||||
|
import { IndoorStatus } from '../../controller/status/indoor-status'; |
||||||
|
import { StatusManager } from '../../controller/status/status-manager'; |
||||||
|
import { UIManager } from '../../controller/ui-manager'; |
||||||
|
import { FacilityPosType, ModelData_facility, FacilityShowType } from '../../model/data/model-data/model-data-facility'; |
||||||
|
import { BuildingInfo } from '../../model/info/building/building-info'; |
||||||
|
import { AreaInfo } from '../../model/info/model/facilityinfo-tool/facility-area'; |
||||||
|
import { GdInfo } from '../../model/info/model/facilityinfo-tool/facility-gd'; |
||||||
|
import { ModelInfo_facility } from '../../model/info/model/model-info-facility'; |
||||||
|
import { BabylonTool } from '../../tool/babylon-tool'; |
||||||
|
import { BabylonUIStyleTool } from '../../tool/babylon-ui-style-tool'; |
||||||
|
import { GizmoTool } from '../../tool/gizmo-tool'; |
||||||
|
|
||||||
|
import { CopyFacilityInfo, FacilityInfoInSceneWindow } from '../facilityinfoinscene-window/facilityinfoinscene-window'; |
||||||
|
import { ToolbarWindow } from '../toolbar-window/toobar-window'; |
||||||
|
import { UIBase } from '../window-base/ui-base'; |
||||||
|
import { FacilityUIItem } from './facility-ui-item'; |
||||||
|
|
||||||
|
//设备界面
|
||||||
|
export class FacilityWindow extends UIBase { |
||||||
|
|
||||||
|
|
||||||
|
// three: ThreeDimensionalHomeComponent;//前端组件
|
||||||
|
|
||||||
|
allFacilityUIItemes: FacilityUIItem[] = []; |
||||||
|
|
||||||
|
static s_currentFacilityItem: FacilityUIItem; |
||||||
|
static instance: FacilityWindow; |
||||||
|
|
||||||
|
createIconRoot: Rectangle;//创建状态的跟随icon
|
||||||
|
createIcon: Image; |
||||||
|
static readonly c_createIcon_width = 40; |
||||||
|
|
||||||
|
createIndex = 0; //临时的创建序号
|
||||||
|
|
||||||
|
onInit() { |
||||||
|
FacilityWindow.instance = this; |
||||||
|
super.onInit(); |
||||||
|
|
||||||
|
SceneManager.Instance.scene.onBeforeRenderObservable.add(this.onUpdate); |
||||||
|
|
||||||
|
|
||||||
|
this.initPickEvent(); |
||||||
|
} |
||||||
|
|
||||||
|
onOpen() { |
||||||
|
super.onOpen(); |
||||||
|
} |
||||||
|
|
||||||
|
onClose() { |
||||||
|
super.onClose(); |
||||||
|
} |
||||||
|
|
||||||
|
onUpdate() { |
||||||
|
FacilityWindow.instance.createIconFollow(); |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 更新创建状态指示icon |
||||||
|
*/ |
||||||
|
updateCreateIcon() { |
||||||
|
|
||||||
|
if (ModeManager.currentMode == ModeType.Look)//查看模式无效
|
||||||
|
{ |
||||||
|
return; |
||||||
|
} |
||||||
|
if (this.createIconRoot == null) { |
||||||
|
this.createIconRoot = new Rectangle("CreateFacilityIcon"); |
||||||
|
this.createIconRoot.clipChildren = false; |
||||||
|
UIManager.Instance.uiRoot.addControl(this.createIconRoot); |
||||||
|
this.createIconRoot.horizontalAlignment = Control.HORIZONTAL_ALIGNMENT_LEFT; |
||||||
|
this.createIconRoot.verticalAlignment = Control.VERTICAL_ALIGNMENT_TOP; |
||||||
|
BabylonUIStyleTool.setStyle_size(this.createIconRoot, FacilityWindow.c_createIcon_width + "px", "70px"); |
||||||
|
this.createIconRoot.thickness = 0; |
||||||
|
|
||||||
|
let line = new Rectangle("line"); |
||||||
|
this.createIconRoot.addControl(line); |
||||||
|
line.width = "3px"; |
||||||
|
line.thickness = 0; |
||||||
|
line.background = BabylonUIStyleTool.c_color_blue; |
||||||
|
line.shadowBlur = 5; |
||||||
|
line.shadowColor = BabylonUIStyleTool.c_color_blue; |
||||||
|
|
||||||
|
this.createIcon = new Image("createIcon"); |
||||||
|
this.createIconRoot.addControl(this.createIcon); |
||||||
|
this.createIcon.verticalAlignment = Control.VERTICAL_ALIGNMENT_TOP; |
||||||
|
BabylonUIStyleTool.setStyle_size(this.createIcon, FacilityWindow.c_createIcon_width + "px", FacilityWindow.c_createIcon_width + "px"); |
||||||
|
} |
||||||
|
|
||||||
|
if (FacilityWindow.s_currentFacilityItem != null) { |
||||||
|
let imageURL = FacilityWindow.s_currentFacilityItem.getIconURL(); |
||||||
|
if (this.createIcon.source != imageURL) { |
||||||
|
this.createIcon.source = imageURL; |
||||||
|
// this.createIcon.sourceLeft = 50.5;
|
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 创建指示器跟随 |
||||||
|
*/ |
||||||
|
createIconFollow() { |
||||||
|
if (this.createIconRoot != null) { |
||||||
|
if (FacilityWindow.s_currentFacilityItem == null) { |
||||||
|
this.createIconRoot.isVisible = false; |
||||||
|
} |
||||||
|
else { |
||||||
|
this.createIconRoot.isVisible = true; |
||||||
|
this.createIconRoot.left = SceneManager.Instance.scene.pointerX - FacilityWindow.c_createIcon_width * 0.5; |
||||||
|
this.createIconRoot.top = SceneManager.Instance.scene.pointerY - 40 - ConfigManager.c_size_facilityIconSize; |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
//更新室内或室外的设备信息
|
||||||
|
updateAllFacilities(facilityPosType: FacilityPosType) { |
||||||
|
this.clearAllFacilityUIItemes(); |
||||||
|
this.clearCurrentFacility(); |
||||||
|
|
||||||
|
let facilities: ModelData_facility[]; |
||||||
|
|
||||||
|
if (facilityPosType == FacilityPosType.Indoor) { |
||||||
|
facilities = DataManager.allFacilityData.indoor; |
||||||
|
} else { |
||||||
|
// console.log("=====updateAllFacilities=====");
|
||||||
|
// console.log(DataManager.allFacilityData);
|
||||||
|
facilities = DataManager.allFacilityData.outdoor; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
let instance = this; |
||||||
|
//为了避免多个模型同时加载、导致indexDB创建冲突，所以先加载一个，保证indexDB创建完成
|
||||||
|
BabylonTool.importMeshSync(null, "assets/facilities/outdoor/gd/", "GD.gltf", undefined, "GD_indexDB", (meshes) => { |
||||||
|
meshes[0].dispose(); |
||||||
|
for (let i = 0; i < facilities.length; i++) { |
||||||
|
|
||||||
|
let facilityUIItem: FacilityUIItem = new FacilityUIItem( |
||||||
|
facilities[i], |
||||||
|
null, |
||||||
|
null |
||||||
|
); |
||||||
|
|
||||||
|
instance.allFacilityUIItemes.push(facilityUIItem); |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
// ThreeDimensionalHomeComponent.instance.getAllIcons(instance)
|
||||||
|
|
||||||
|
}) |
||||||
|
// instance.three = ThreeDimensionalHomeComponent.instance
|
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
//清空可用设施列表
|
||||||
|
clearAllFacilityUIItemes() { |
||||||
|
for (let i = 0; i < this.allFacilityUIItemes.length; i++) { |
||||||
|
this.allFacilityUIItemes[i].dispose(); |
||||||
|
} |
||||||
|
this.allFacilityUIItemes = []; |
||||||
|
} |
||||||
|
|
||||||
|
//清空当前选中的设施
|
||||||
|
clearCurrentFacility() { |
||||||
|
if (FacilityWindow.s_currentFacilityItem != null) { |
||||||
|
FacilityWindow.s_currentFacilityItem.onSelect(null); |
||||||
|
FacilityWindow.s_currentFacilityItem = null; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
//点击了消防设施按钮
|
||||||
|
onClickFacilityBtn(select: FacilityUIItem) { |
||||||
|
let oldItem = FacilityWindow.s_currentFacilityItem; |
||||||
|
|
||||||
|
FacilityWindow.s_currentFacilityItem = select; |
||||||
|
|
||||||
|
FacilityWindow.s_currentFacilityItem.onSelect(true); |
||||||
|
|
||||||
|
if (oldItem != null) { |
||||||
|
oldItem.onSelect(false); |
||||||
|
|
||||||
|
if (FacilityWindow.s_currentFacilityItem == oldItem) { |
||||||
|
FacilityWindow.s_currentFacilityItem = null; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
this.updateCreateIcon(); |
||||||
|
} |
||||||
|
|
||||||
|
//初始化pick事件
|
||||||
|
initPickEvent() { |
||||||
|
SceneManager.Instance.scene.onPointerObservable.add( |
||||||
|
this.onPointerObservable |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
//鼠标交互监听
|
||||||
|
onPointerObservable(eventData: PointerInfo, eventState: EventState) { |
||||||
|
if (ModeManager.currentMode == ModeType.Look)//查看模式无效
|
||||||
|
{ |
||||||
|
return; |
||||||
|
} |
||||||
|
let instance = FacilityWindow.instance; |
||||||
|
|
||||||
|
|
||||||
|
switch (eventData.type) { |
||||||
|
case PointerEventTypes.POINTERUP: |
||||||
|
|
||||||
|
if (eventData.event.button == 0) { //左键正常
|
||||||
|
if (eventData.pickInfo.hit && !SceneManager.s_isPointerDrag) { |
||||||
|
if (FacilityWindow.s_currentFacilityItem != null) { |
||||||
|
instance.createNewFacility(eventData.pickInfo.pickedPoint); |
||||||
|
return; |
||||||
|
} |
||||||
|
} |
||||||
|
if (!SceneManager.s_isPointerDrag && !ToolbarWindow.instance.isMeshAdsorb) { |
||||||
|
GizmoTool.onPickMeshInfoObservable.notifyObservers(null);//取消之前选择
|
||||||
|
} |
||||||
|
} |
||||||
|
else { //右键取消
|
||||||
|
// instance.three.unSelectBottomIcon();
|
||||||
|
} |
||||||
|
|
||||||
|
break; |
||||||
|
case PointerEventTypes.POINTERPICK: |
||||||
|
// console.log(eventData.event);
|
||||||
|
break; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
//寻找设备预设
|
||||||
|
getFacilityPrefab(resName: string): Mesh { |
||||||
|
let result = null; |
||||||
|
// console.log("查找设备" + resName);
|
||||||
|
for (let i = 0; i < this.allFacilityUIItemes.length; i++) { |
||||||
|
if (this.allFacilityUIItemes[i].facilityData.resName == resName) { |
||||||
|
result = this.allFacilityUIItemes[i].meshPrefab as Mesh; |
||||||
|
// console.log("设备找到" + resName);
|
||||||
|
break; |
||||||
|
} |
||||||
|
} |
||||||
|
// console.log(result);
|
||||||
|
|
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
//异步获取预制
|
||||||
|
getFacilityPrefabSync(resName: string): Promise<Mesh> { |
||||||
|
let thisWindow = this; //为了方便调用其方法
|
||||||
|
let myPromise = new Promise<Mesh>(function (resolve, reject) { |
||||||
|
let result: Mesh = thisWindow.getFacilityPrefab(resName);//先获取已经加载好的
|
||||||
|
if (result == null) {//没获取到，则开始轮询
|
||||||
|
let intervalid = setInterval(function () { //轮询方法
|
||||||
|
let l_result: Mesh = thisWindow.getFacilityPrefab(resName); |
||||||
|
|
||||||
|
if (l_result != null) { |
||||||
|
clearInterval(intervalid);//停止轮询intervalid
|
||||||
|
resolve(l_result); //成功返回结果
|
||||||
|
} |
||||||
|
}, 500); |
||||||
|
} else { |
||||||
|
resolve(result);//成功返回结果
|
||||||
|
} |
||||||
|
}); |
||||||
|
return myPromise; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
//创建新的设施(用世界坐标)
|
||||||
|
createNewFacility(worldPosition: Vector3) { |
||||||
|
let facilityData = FacilityWindow.s_currentFacilityItem.facilityData.clone( |
||||||
|
this.createIndex.toString() |
||||||
|
); |
||||||
|
|
||||||
|
facilityData.transformData.position = worldPosition.clone(); |
||||||
|
|
||||||
|
let currentBuidngItem = StatusManager.getStatus<BuildingStatus>(BuildingStatus) |
||||||
|
.buildingWindow.currentBuidngItem; |
||||||
|
if (currentBuidngItem == null) { |
||||||
|
// alert("请先选中目标建筑");
|
||||||
|
// ThreeDimensionalHomeComponent.instance.openSnackBar("请先选中目标建筑");
|
||||||
|
return |
||||||
|
} |
||||||
|
|
||||||
|
Event_ChangeFacility.dispatch(facilityData, ModelChangeType.Add, null); |
||||||
|
|
||||||
|
this.createFacility(facilityData, true, undefined, false, true, (modelInfo) => { |
||||||
|
GizmoTool.onPickMeshInfoObservable.notifyObservers(modelInfo); |
||||||
|
|
||||||
|
}); |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 粘贴复制的设备到当前建筑 |
||||||
|
* @param copyFacilityInfo
|
||||||
|
*/ |
||||||
|
pasteFacility(copyFacilityInfo: CopyFacilityInfo) { |
||||||
|
let isSameFloor = true;//同层内粘贴
|
||||||
|
if (StatusManager.s_currentStatus instanceof BuildingStatus) { |
||||||
|
if (!copyFacilityInfo.outDoor) { |
||||||
|
isSameFloor = false; |
||||||
|
} |
||||||
|
} |
||||||
|
else if (StatusManager.s_currentStatus instanceof IndoorStatus) { |
||||||
|
if (copyFacilityInfo.outDoor) { |
||||||
|
isSameFloor = false; |
||||||
|
} |
||||||
|
else if (copyFacilityInfo.buildingKey != StatusManager.s_currentStatus.indoorWindow.currentFloorUIItem.getIndoorKey()) { |
||||||
|
isSameFloor = false; |
||||||
|
} |
||||||
|
} |
||||||
|
//取消之前的所有选中
|
||||||
|
FacilityInfoInSceneWindow.instance.cancleAllCurrectFacilityItem(); |
||||||
|
|
||||||
|
for (let i = 0; i < copyFacilityInfo.facilityData.length; i++) { |
||||||
|
let facilityData = copyFacilityInfo.facilityData[i].clone(this.createIndex.toString()); |
||||||
|
if (isSameFloor)//同层粘贴，略作偏移
|
||||||
|
{ |
||||||
|
facilityData.transformData.position.x += 5; |
||||||
|
} |
||||||
|
Event_ChangeFacility.dispatch(facilityData, ModelChangeType.Add, null); |
||||||
|
|
||||||
|
this.createFacility(facilityData, false, undefined, true, true, (modelInfo) => { |
||||||
|
//GizmoTool.onPickMeshInfoObservable.notifyObservers(modelInfo);
|
||||||
|
|
||||||
|
modelInfo.onStopLongPress(null, null); |
||||||
|
}); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
//移除设备（等待UI调用）
|
||||||
|
disposeFacility(modelInfo_facility: ModelInfo_facility) { |
||||||
|
let modelData = modelInfo_facility.modelData; |
||||||
|
|
||||||
|
let buildingInfo: BuildingInfo = modelInfo_facility.belongToBuilding; |
||||||
|
buildingInfo.ModelInfo.removeFacilityInfo(modelInfo_facility, true); |
||||||
|
InfoManager.removeModelInfo(modelInfo_facility); |
||||||
|
// GizmoTool.leaveTheGizmoAim(modelInfo_facility); // 看是否取消对坐标轴位置的标注
|
||||||
|
|
||||||
|
Event_ChangeFacility.dispatch(modelData, ModelChangeType.Remove, null); |
||||||
|
} |
||||||
|
|
||||||
|
//创建设备
|
||||||
|
createFacility( |
||||||
|
facilityData: ModelData_facility, |
||||||
|
isNew = false, |
||||||
|
buildingInfo: BuildingInfo = null, |
||||||
|
isLocalPos = false, |
||||||
|
select = false, |
||||||
|
onSuccess?: (modelInfo: ModelInfo_facility) => void |
||||||
|
): ModelInfo_facility { |
||||||
|
|
||||||
|
if (buildingInfo == null) { |
||||||
|
buildingInfo = this.getCurrentBuildingInfo(); |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
let defaultMesh = MeshBuilder.CreateBox(facilityData.key, { size: 1 }); |
||||||
|
defaultMesh.isVisible = false; |
||||||
|
let facilityInfo = InfoManager.newModelInfo_facility( |
||||||
|
facilityData.key, |
||||||
|
facilityData, |
||||||
|
null, |
||||||
|
defaultMesh, |
||||||
|
buildingInfo, |
||||||
|
isNew |
||||||
|
); |
||||||
|
|
||||||
|
if (facilityInfo.facilityShowType == FacilityShowType.ModelAndTag) { |
||||||
|
//模型类的，等加载完模型再设置transform信息，因为要把模型的position等数值和数据层的position等数据指向同一引用，方便后续调整后的同步
|
||||||
|
} |
||||||
|
else { |
||||||
|
this.setFacilityTransform(isLocalPos, isNew, facilityData, buildingInfo, defaultMesh, facilityInfo); |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
facilityInfo.belongToBuilding = buildingInfo; |
||||||
|
|
||||||
|
if (facilityInfo.facilityShowType == FacilityShowType.ModelAndTag) { |
||||||
|
|
||||||
|
this.getFacilityPrefabSync(facilityData.resName).then((mesh) => { |
||||||
|
let prefab = mesh; |
||||||
|
let newFacility = SceneManager.cloneMesh( |
||||||
|
facilityData.key, |
||||||
|
facilityInfo, |
||||||
|
prefab |
||||||
|
); |
||||||
|
facilityInfo.modelBox = newFacility; |
||||||
|
|
||||||
|
|
||||||
|
this.setFacilityTransform(isLocalPos, isNew, facilityData, buildingInfo, newFacility, facilityInfo); |
||||||
|
|
||||||
|
if (onSuccess) { |
||||||
|
onSuccess(facilityInfo); |
||||||
|
|
||||||
|
} |
||||||
|
}); |
||||||
|
} |
||||||
|
else if (facilityInfo.facilityShowType == FacilityShowType.AreaAndTag) { |
||||||
|
let facilityData = facilityInfo.modelData as ModelData_facility; |
||||||
|
if (facilityData.areaPoints.length == 0) { |
||||||
|
facilityData.areaPoints = facilityData.newAreapPoints(); |
||||||
|
} |
||||||
|
facilityInfo.areaInfo = new AreaInfo(facilityData.areaPoints, facilityInfo); |
||||||
|
if (onSuccess) { |
||||||
|
onSuccess(facilityInfo); |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
else if (facilityInfo.facilityShowType == FacilityShowType.GdAndTag) { |
||||||
|
if (facilityData.areaPoints.length == 0) { |
||||||
|
facilityData.areaPoints = []; |
||||||
|
facilityData.areaPoints.push(new Vector3(0, 0, 0)); |
||||||
|
facilityData.areaPoints.push(new Vector3(0, 10, 0)); |
||||||
|
} |
||||||
|
facilityInfo.gdInfo = new GdInfo(facilityData.areaPoints[0], facilityData.areaPoints[1], facilityInfo); |
||||||
|
if (onSuccess) { |
||||||
|
onSuccess(facilityInfo); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
// if (select) {
|
||||||
|
// GizmoTool.onPickMeshInfoObservable.notifyObservers(facilityInfo);
|
||||||
|
// }
|
||||||
|
|
||||||
|
//添加到建筑信息
|
||||||
|
let oldCreateNum = Number(facilityData.key); |
||||||
|
if (oldCreateNum >= this.createIndex) { |
||||||
|
this.createIndex = oldCreateNum + 1; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
return facilityInfo; |
||||||
|
} |
||||||
|
|
||||||
|
//设置设备transform信息
|
||||||
|
setFacilityTransform(isLocalPos: boolean, isNew: boolean, facilityData: ModelData_facility, buildingInfo: BuildingInfo, newFacility: Mesh, facilityInfo?: ModelInfo_facility) { |
||||||
|
//如果是局部坐标，要先设置父节点
|
||||||
|
if (isLocalPos) { |
||||||
|
buildingInfo.ModelInfo.setFacilityParent(facilityInfo); |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
let halfY = newFacility.scaling.y * 0.5; |
||||||
|
if (!isNew) { |
||||||
|
halfY = 0; |
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
|
let originalScaling = facilityData.transformData.originalScaling.clone(); |
||||||
|
if (!originalScaling.equals(newFacility.absoluteScaling))//原始缩放不同，表示换了模型
|
||||||
|
{ |
||||||
|
// let scaleSize = new Vector3(facilityData.transformData.scaling.x / facilityData.transformData.originalScaling.x, facilityData.transformData.scaling.y / facilityData.transformData.originalScaling.y, facilityData.transformData.scaling.z / facilityData.transformData.originalScaling.z);
|
||||||
|
let scaleSize = facilityData.transformData.scaling.divide(facilityData.transformData.originalScaling); |
||||||
|
facilityData.transformData.originalScaling = newFacility.absoluteScaling.clone(); |
||||||
|
facilityData.transformData.scaling = facilityData.transformData.originalScaling.multiply(scaleSize); |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
newFacility.position = facilityData.transformData.position.add( |
||||||
|
new Vector3(0, halfY, 0) |
||||||
|
); |
||||||
|
|
||||||
|
newFacility.position = facilityData.transformData.position; |
||||||
|
newFacility.position.y += halfY; |
||||||
|
|
||||||
|
// newFacility.scaling = facilityData.transformData.scaling;
|
||||||
|
// newFacility.rotation = facilityData.transformData.rotation;
|
||||||
|
|
||||||
|
if (facilityData.transformData.rotationQuaternion != null) { |
||||||
|
newFacility.rotationQuaternion = |
||||||
|
facilityData.transformData.rotationQuaternion; |
||||||
|
} |
||||||
|
|
||||||
|
//如果是世界坐标，则最后设置父节点
|
||||||
|
if (!isLocalPos) { |
||||||
|
buildingInfo.ModelInfo.setFacilityParent(facilityInfo); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
//获取当前选中的建筑信息
|
||||||
|
getCurrentBuildingInfo(): BuildingInfo { |
||||||
|
let buildingInfo: BuildingInfo = null; |
||||||
|
if (StatusManager.s_currentStatus instanceof BuildingStatus) { |
||||||
|
buildingInfo = StatusManager.getStatus<BuildingStatus>(BuildingStatus) |
||||||
|
.buildingWindow.currentBuidngItem.buildingInfo; |
||||||
|
} else if (StatusManager.s_currentStatus instanceof IndoorStatus) { |
||||||
|
buildingInfo = StatusManager.getStatus<IndoorStatus>(IndoorStatus) |
||||||
|
.indoorWindow.currentFloorUIItem.buildingInfo; |
||||||
|
} |
||||||
|
|
||||||
|
return buildingInfo; |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,202 @@ |
|||||||
|
|
||||||
|
import { SceneManager } from "../../controller/scene-manager"; |
||||||
|
import { PropertyData_Base_IMG } from "../../model/data/institution/facility/property-data/base/property-data-base-img"; |
||||||
|
import { PropertyData_Base_SBJHQ } from "../../model/data/institution/facility/property-data/base/property-data-base-sbjhq"; |
||||||
|
import { PropertyData_Base_XFB } from "../../model/data/institution/facility/property-data/base/property-data-base-xfb"; |
||||||
|
import { PropertyData_Base_XHS } from "../../model/data/institution/facility/property-data/base/property-data-base-xhs"; |
||||||
|
import { PropertyData_DWBZ } from "../../model/data/institution/facility/property-data/indoor/property-data-dwbz"; |
||||||
|
import { PropertyData_FHFQ } from "../../model/data/institution/facility/property-data/indoor/property-data-fhfq"; |
||||||
|
import { PropertyData_SSLT } from "../../model/data/institution/facility/property-data/indoor/property-data-sslt"; |
||||||
|
import { PropertyData_XFDT } from "../../model/data/institution/facility/property-data/indoor/property-data-xfdt"; |
||||||
|
import { PropertyData_ZDQY } from "../../model/data/institution/facility/property-data/indoor/property-data-zdqy"; |
||||||
|
import { PropertyData_AQCK } from "../../model/data/institution/facility/property-data/outdoor/property-data-aqck"; |
||||||
|
import { PropertyData_GD } from "../../model/data/institution/facility/property-data/outdoor/property-data-gd"; |
||||||
|
import { PropertyData_PL } from "../../model/data/institution/facility/property-data/outdoor/property-data-pl"; |
||||||
|
import { PropertyData_Q } from "../../model/data/institution/facility/property-data/outdoor/property-data-q"; |
||||||
|
import { PropertyData_Base } from "../../model/data/institution/facility/property-data/property-data-base"; |
||||||
|
import { FacilityType, ModelData_facility } from "../../model/data/model-data/model-data-facility"; |
||||||
|
import { ModelInfo_facility } from "../../model/info/model/model-info-facility"; |
||||||
|
import { BabylonTool } from "../../tool/babylon-tool"; |
||||||
|
import { GizmoTool } from "../../tool/gizmo-tool"; |
||||||
|
import { TsTool } from "../../tool/ts-tool"; |
||||||
|
import { FacilityInfoInSceneWindow } from "./facilityinfoinscene-window"; |
||||||
|
|
||||||
|
//单个场景中的设备 UI item
|
||||||
|
export class FacilityInfoUIItem { |
||||||
|
modelInfo: ModelInfo_facility; |
||||||
|
facilityInfoInSceneWindow: FacilityInfoInSceneWindow; |
||||||
|
isSelect: boolean = false; |
||||||
|
isChecked: boolean = false; //是否 选中
|
||||||
|
// facilityBtn: Button;
|
||||||
|
|
||||||
|
constructor(modelInfo: ModelInfo_facility, facilityInfoInSceneWindow: FacilityInfoInSceneWindow) { |
||||||
|
this.modelInfo = modelInfo; |
||||||
|
this.facilityInfoInSceneWindow = facilityInfoInSceneWindow; |
||||||
|
this.initUI(); |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
//#region 前端对接
|
||||||
|
|
||||||
|
l_name = null; |
||||||
|
/** |
||||||
|
* 获取设备名 |
||||||
|
*/ |
||||||
|
getName(): string { |
||||||
|
return this.modelInfo.modelData.name; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 设备类型 |
||||||
|
*/ |
||||||
|
getType(): FacilityType { |
||||||
|
return (this.modelInfo.modelData as ModelData_facility).facilityType; |
||||||
|
} |
||||||
|
/** |
||||||
|
* 设备ID |
||||||
|
*/ |
||||||
|
getID(): string { |
||||||
|
return this.modelInfo.key; |
||||||
|
} |
||||||
|
/** |
||||||
|
* 获取 设备属性 |
||||||
|
*/ |
||||||
|
getPropertyData() { |
||||||
|
let facilityData |
||||||
|
// = (this.modelInfo.modelData as ModelData_facility).propertyData as any;
|
||||||
|
if ((this.modelInfo.modelData as ModelData_facility).facilityType == FacilityType.AQCK) { |
||||||
|
//安全出口
|
||||||
|
facilityData = (this.modelInfo.modelData as ModelData_facility).propertyData as PropertyData_AQCK; |
||||||
|
} else if ((this.modelInfo.modelData as ModelData_facility).facilityType == FacilityType.DSXHS || (this.modelInfo.modelData as ModelData_facility).facilityType == FacilityType.DXXHS || (this.modelInfo.modelData as ModelData_facility).facilityType == FacilityType.SZDSXHS || (this.modelInfo.modelData as ModelData_facility).facilityType == FacilityType.SZDXXHS) { |
||||||
|
//消火栓
|
||||||
|
facilityData = (this.modelInfo.modelData as ModelData_facility).propertyData as PropertyData_Base_XHS; |
||||||
|
} else if ((this.modelInfo.modelData as ModelData_facility).facilityType == FacilityType.DSSBJHQ || (this.modelInfo.modelData as ModelData_facility).facilityType == FacilityType.DXSBJHQ || (this.modelInfo.modelData as ModelData_facility).facilityType == FacilityType.QBSBJHQ || (this.modelInfo.modelData as ModelData_facility).facilityType == FacilityType.DGNSBJHQ) { |
||||||
|
//水泵接合器
|
||||||
|
facilityData = (this.modelInfo.modelData as ModelData_facility).propertyData as PropertyData_Base_SBJHQ; |
||||||
|
} else if ((this.modelInfo.modelData as ModelData_facility).facilityType == FacilityType.GD) { |
||||||
|
//高度
|
||||||
|
facilityData = (this.modelInfo.modelData as ModelData_facility).propertyData as PropertyData_GD; |
||||||
|
} else if ((this.modelInfo.modelData as ModelData_facility).facilityType == FacilityType.PL) { |
||||||
|
//毗邻
|
||||||
|
facilityData = (this.modelInfo.modelData as ModelData_facility).propertyData as PropertyData_PL; |
||||||
|
} else if ((this.modelInfo.modelData as ModelData_facility).facilityType == FacilityType.TPBZ || (this.modelInfo.modelData as ModelData_facility).facilityType == FacilityType.XKS || (this.modelInfo.modelData as ModelData_facility).facilityType == FacilityType.BF || (this.modelInfo.modelData as ModelData_facility).facilityType == FacilityType.SX) { |
||||||
|
//图片标注,消控室,泵房,水箱
|
||||||
|
facilityData = (this.modelInfo.modelData as ModelData_facility).propertyData as PropertyData_Base_IMG; |
||||||
|
} else if ((this.modelInfo.modelData as ModelData_facility).facilityType == FacilityType.JJQ || (this.modelInfo.modelData as ModelData_facility).facilityType == FacilityType.JTQ) { |
||||||
|
//集结区,禁停区
|
||||||
|
facilityData = (this.modelInfo.modelData as ModelData_facility).propertyData as PropertyData_Q; |
||||||
|
} |
||||||
|
else if ((this.modelInfo.modelData as ModelData_facility).facilityType == FacilityType.LSXFB || (this.modelInfo.modelData as ModelData_facility).facilityType == FacilityType.WSXFB || (this.modelInfo.modelData as ModelData_facility).facilityType == FacilityType.CYXFB) { |
||||||
|
//消防泵
|
||||||
|
facilityData = (this.modelInfo.modelData as ModelData_facility).propertyData as PropertyData_Base_XFB; |
||||||
|
} else if ((this.modelInfo.modelData as ModelData_facility).facilityType == FacilityType.FHFQ) { |
||||||
|
//防火分区
|
||||||
|
facilityData = (this.modelInfo.modelData as ModelData_facility).propertyData as PropertyData_FHFQ; |
||||||
|
} else if ((this.modelInfo.modelData as ModelData_facility).facilityType == FacilityType.FHM) { |
||||||
|
//防火门
|
||||||
|
} else if ((this.modelInfo.modelData as ModelData_facility).facilityType == FacilityType.FHJL) { |
||||||
|
//防火卷帘
|
||||||
|
} else if ((this.modelInfo.modelData as ModelData_facility).facilityType == FacilityType.SSLT) { |
||||||
|
//疏散楼梯
|
||||||
|
facilityData = (this.modelInfo.modelData as ModelData_facility).propertyData as PropertyData_SSLT; |
||||||
|
} else if ((this.modelInfo.modelData as ModelData_facility).facilityType == FacilityType.XFDT) { |
||||||
|
//消防电梯
|
||||||
|
facilityData = (this.modelInfo.modelData as ModelData_facility).propertyData as PropertyData_XFDT; |
||||||
|
} else if ((this.modelInfo.modelData as ModelData_facility).facilityType == FacilityType.PTDT) { |
||||||
|
//普通电梯
|
||||||
|
facilityData = null |
||||||
|
} else if ((this.modelInfo.modelData as ModelData_facility).facilityType == FacilityType.ZDQY) { |
||||||
|
//重点区域
|
||||||
|
facilityData = (this.modelInfo.modelData as ModelData_facility).propertyData as PropertyData_ZDQY; |
||||||
|
} else if ((this.modelInfo.modelData as ModelData_facility).facilityType == FacilityType.WXY || (this.modelInfo.modelData as ModelData_facility).facilityType == FacilityType.DWBZ) { |
||||||
|
//危险源,点位标注
|
||||||
|
facilityData = (this.modelInfo.modelData as ModelData_facility).propertyData as PropertyData_DWBZ; |
||||||
|
} else { |
||||||
|
//未匹配到的
|
||||||
|
facilityData = null |
||||||
|
} |
||||||
|
return facilityData |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 粘贴属性 |
||||||
|
* @param propertyData
|
||||||
|
*/ |
||||||
|
pasteProperty(propertyData: PropertyData_Base) { |
||||||
|
let facilityData = this.modelInfo.modelData as ModelData_facility; |
||||||
|
let key = facilityData.propertyData.key; |
||||||
|
facilityData.propertyData = propertyData.clone(key); |
||||||
|
|
||||||
|
console.log("粘贴属性"); |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 询问删除 |
||||||
|
* @param ask true表示询问，false表示不询问
|
||||||
|
*/ |
||||||
|
askDelete(ask: boolean = true) { |
||||||
|
this.modelInfo.askDelete(this.modelInfo, ask); |
||||||
|
} |
||||||
|
//#endregion
|
||||||
|
|
||||||
|
initUI() { |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
dispose() { |
||||||
|
|
||||||
|
TsTool.arrayRemove(this.facilityInfoInSceneWindow.facilityInfoUIItemes, this); |
||||||
|
} |
||||||
|
|
||||||
|
onSelect(select: boolean) { |
||||||
|
this.isSelect = select; |
||||||
|
this.modelInfo.setSelectEnable(select); |
||||||
|
if (select) { |
||||||
|
// console.log("选中设备==" + this.modelInfo.key);
|
||||||
|
GizmoTool.onPickMeshInfoObservable.notifyObservers(this.modelInfo); |
||||||
|
this.facilityInfoInSceneWindow.selectFacilityItemToThree([this], true); |
||||||
|
this.modelInfo.setIconEnable(select); |
||||||
|
} |
||||||
|
else { |
||||||
|
this.facilityInfoInSceneWindow.selectFacilityItemToThree([this], false); |
||||||
|
if (!this.facilityInfoInSceneWindow.getFacilityUIShowType(this.getType())) { |
||||||
|
this.modelInfo.setIconEnable(select); |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 相机聚焦 |
||||||
|
*/ |
||||||
|
lookAt() { |
||||||
|
|
||||||
|
if (!this.canLookAt()) { |
||||||
|
return; |
||||||
|
} |
||||||
|
|
||||||
|
let size = null; |
||||||
|
if (this.modelInfo.gdInfo != null) { |
||||||
|
size = this.modelInfo.gdInfo.myPath[1].y * 3; |
||||||
|
} |
||||||
|
|
||||||
|
if (this.modelInfo.areaInfo != null) { |
||||||
|
//计算多边形size
|
||||||
|
} |
||||||
|
BabylonTool.changeCameraTarget(SceneManager.Instance.defaultCamera, this.modelInfo.modelBox, true, size); |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 是否可以聚焦 |
||||||
|
*/ |
||||||
|
canLookAt(): boolean { |
||||||
|
let result = this.modelInfo != null && this.modelInfo.modelBox != null; |
||||||
|
|
||||||
|
return result; |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
@ -0,0 +1,603 @@ |
|||||||
|
import { EventManager } from "@angular/platform-browser"; |
||||||
|
import { AbstractMesh, Ray, RayHelper, Vector3 } from "@babylonjs/core"; |
||||||
|
import { classToClass } from "class-transformer"; |
||||||
|
import { ModelChangeType } from "../../controller/data-manager"; |
||||||
|
import { Event_KeyboardInput } from "../../controller/event-manager/events/event-keyboard-input"; |
||||||
|
import { Event_ModelInfoChange } from "../../controller/event-manager/events/event-modelinfo-change"; |
||||||
|
import { ModeManager, ModeType } from "../../controller/mode-manager"; |
||||||
|
import { BuildingStatus } from "../../controller/status/building-status"; |
||||||
|
import { IndoorStatus } from "../../controller/status/indoor-status"; |
||||||
|
import { StatusManager } from "../../controller/status/status-manager"; |
||||||
|
import { Game } from "../../game"; |
||||||
|
import { ModelData_facility, FacilityType } from "../../model/data/model-data/model-data-facility"; |
||||||
|
import { BuildingInfo } from "../../model/info/building/building-info"; |
||||||
|
import { ModelInfo } from "../../model/info/model/model-info"; |
||||||
|
import { ModelInfo_facility, FacilityInfoByType } from "../../model/info/model/model-info-facility"; |
||||||
|
import { GizmoTool } from "../../tool/gizmo-tool"; |
||||||
|
import { TsTool } from "../../tool/ts-tool"; |
||||||
|
|
||||||
|
import { BuildingWindow } from "../building-window/building-window"; |
||||||
|
import { UIBase } from "../window-base/ui-base"; |
||||||
|
import { FacilityInfoUIItem } from "./facilityinfo-ui-item"; |
||||||
|
|
||||||
|
//所有放在场景中的设备 信息界面
|
||||||
|
export class FacilityInfoInSceneWindow extends UIBase { |
||||||
|
static instance: FacilityInfoInSceneWindow; |
||||||
|
// three: ThreeDimensionalHomeComponent;//前端组件
|
||||||
|
// scrollView: ScrollViewer;
|
||||||
|
// content: StackPanel;
|
||||||
|
|
||||||
|
/** |
||||||
|
* 当前选中的所有设备UI |
||||||
|
*/ |
||||||
|
currentFacility: FacilityInfoUIItem[] = []; |
||||||
|
|
||||||
|
/** |
||||||
|
* 当前显示的所有设备UI |
||||||
|
*/ |
||||||
|
facilityInfoUIItemes: FacilityInfoUIItem[] = []; |
||||||
|
|
||||||
|
copyFacilityInfo: CopyFacilityInfo = new CopyFacilityInfo(); |
||||||
|
|
||||||
|
isMultiselect: boolean = false;//多选状态
|
||||||
|
|
||||||
|
//#region 前端对接
|
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 更新UI显示 |
||||||
|
*/ |
||||||
|
updateUI() { |
||||||
|
//this.three.getAllCensusList(this.facilityInfoUIItemes || []);
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 改变多选状态 |
||||||
|
* @param isMultiselect true表示多选。 默认是false |
||||||
|
*/ |
||||||
|
changeMultiSelect(isMultiselect: boolean) { |
||||||
|
this.isMultiselect = isMultiselect; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 复制选中的设备 |
||||||
|
*/ |
||||||
|
copyFacility() { |
||||||
|
this.copyFacilityInfo.facilityData = []; |
||||||
|
for (let i = 0; i < this.currentFacility.length; i++) { |
||||||
|
let data = classToClass(this.currentFacility[i].modelInfo.modelData); |
||||||
|
this.copyFacilityInfo.facilityData.push(data as ModelData_facility); |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
if (StatusManager.s_currentStatus instanceof IndoorStatus) { |
||||||
|
this.copyFacilityInfo.outDoor = false; |
||||||
|
this.copyFacilityInfo.buildingKey = StatusManager.s_currentStatus.indoorWindow.currentFloorUIItem.getIndoorKey(); |
||||||
|
} |
||||||
|
else if (StatusManager.s_currentStatus instanceof BuildingStatus) { |
||||||
|
this.copyFacilityInfo.outDoor = true; |
||||||
|
this.copyFacilityInfo.buildingKey = StatusManager.s_currentStatus.currentBuildingInfo.buildingData.normalData.key; |
||||||
|
} |
||||||
|
|
||||||
|
return this.copyFacilityInfo; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 单选设备 |
||||||
|
* @param facilityInfoUIItem null表示取消选中 |
||||||
|
*/ |
||||||
|
selectFacilityItem(facilityInfoUIItem: FacilityInfoUIItem) { |
||||||
|
if (facilityInfoUIItem == null)//取消选中
|
||||||
|
{ |
||||||
|
if (this.currentFacility != null) { |
||||||
|
for (let i = 0; i < this.currentFacility.length; i++) { |
||||||
|
this.currentFacility[i].onSelect(false); |
||||||
|
} |
||||||
|
this.currentFacility = []; |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
else { |
||||||
|
if (this.currentFacility != null) { |
||||||
|
for (let i = 0; i < this.currentFacility.length; i++) { |
||||||
|
this.currentFacility[i].onSelect(false); |
||||||
|
} |
||||||
|
this.currentFacility = []; |
||||||
|
this.currentFacility.push(facilityInfoUIItem); |
||||||
|
facilityInfoUIItem.onSelect(true); |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 多选设备 |
||||||
|
* @param items
|
||||||
|
* @param select true表示选中，false表示取消选中 |
||||||
|
*/ |
||||||
|
multiSelectFacilityItem(items: FacilityInfoUIItem[], select: boolean) { |
||||||
|
if (items == null) { |
||||||
|
return; |
||||||
|
} |
||||||
|
for (let i = 0; i < items.length; i++) { |
||||||
|
if (select) { |
||||||
|
items[i].onSelect(true); |
||||||
|
let isRepet = false;//重复的
|
||||||
|
for (let j = 0; j < this.currentFacility.length; j++) { |
||||||
|
if (this.currentFacility[j] == items[i]) { |
||||||
|
isRepet = true; |
||||||
|
break; |
||||||
|
} |
||||||
|
} |
||||||
|
if (!isRepet) { |
||||||
|
this.currentFacility.push(items[i]); |
||||||
|
// console.log("添加进选中");
|
||||||
|
} |
||||||
|
} |
||||||
|
else { |
||||||
|
items[i].onSelect(false); |
||||||
|
|
||||||
|
TsTool.arrayRemove(this.currentFacility, items[i]) |
||||||
|
// console.log("取消选中", items[i].getID(), this.currentFacility);
|
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
//选中，通知前端
|
||||||
|
selectFacilityItemToThree(facilityInfoUIItem: FacilityInfoUIItem[], isChecked?: boolean) { |
||||||
|
// this.three = ThreeDimensionalHomeComponent.instance;
|
||||||
|
// if (this.isMultiselect) { // 多选
|
||||||
|
// if (isChecked) { //选中
|
||||||
|
// facilityInfoUIItem.forEach(element => {
|
||||||
|
// element.isChecked = isChecked
|
||||||
|
// let isFind = this.three.beforeOnefacilityInfoList.find(item => { return item === element.getID() })
|
||||||
|
// isFind == undefined || isFind == null ? this.three.beforeOnefacilityInfoList.push(element.getID()) : null
|
||||||
|
// })
|
||||||
|
// } else { //取消选中
|
||||||
|
// this.three.isShowRightNature = false
|
||||||
|
// facilityInfoUIItem.forEach(element => {
|
||||||
|
// element.isChecked = isChecked
|
||||||
|
// let index = this.three.beforeOnefacilityInfoList.findIndex(value => value === element.getID())
|
||||||
|
// index != undefined && index != null ? this.three.beforeOnefacilityInfoList.splice(index, 1) : null
|
||||||
|
// })
|
||||||
|
// }
|
||||||
|
// } else { // 单选
|
||||||
|
// if (isChecked) { //选中
|
||||||
|
// this.three.beforeOnefacilityInfo = facilityInfoUIItem[0].getID();
|
||||||
|
// this.three.getPropertyData(facilityInfoUIItem[0])
|
||||||
|
// } else { //取消选中
|
||||||
|
// this.three.isShowRightNature = false
|
||||||
|
// this.three.beforeOnefacilityInfo = null
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 显示某种type的消防设备，null表示全都 |
||||||
|
* @param facilityType
|
||||||
|
*/ |
||||||
|
showFacilityByType(facilityType: FacilityType, show: boolean) { |
||||||
|
|
||||||
|
if (ModeManager.currentMode == ModeType.Look) { |
||||||
|
// for (let i = 0; i < this.facilityInfoUIItemes.length; i++) {
|
||||||
|
// let l_facilityData = (this.facilityInfoUIItemes[i].modelInfo.modelData) as ModelData_facility;
|
||||||
|
// if (facilityType == null || facilityType == l_facilityData.facilityType) {
|
||||||
|
// this.facilityInfoUIItemes[i].modelInfo.setEnable(show);
|
||||||
|
// }
|
||||||
|
// else if (show) {
|
||||||
|
// this.facilityInfoUIItemes[i].modelInfo.setEnable(false);
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
for (let i = 0; i < this.facilityInfoUIItemes.length; i++) { |
||||||
|
let l_facilityData = (this.facilityInfoUIItemes[i].modelInfo.modelData) as ModelData_facility; |
||||||
|
if (facilityType == null || facilityType == l_facilityData.facilityType) { |
||||||
|
this.facilityInfoUIItemes[i].modelInfo.setIconEnable(show); |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
else { |
||||||
|
for (let i = 0; i < this.facilityInfoUIItemes.length; i++) { |
||||||
|
let l_facilityData = (this.facilityInfoUIItemes[i].modelInfo.modelData) as ModelData_facility; |
||||||
|
if (facilityType == null || facilityType == l_facilityData.facilityType) { |
||||||
|
this.facilityInfoUIItemes[i].modelInfo.setIconEnable(show); |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 根据类型获取数目 |
||||||
|
* @param facilityType
|
||||||
|
*/ |
||||||
|
getFacilityUIShowType(facilityType: FacilityType): boolean { |
||||||
|
// for (let i = 0; i < this.three.allFacilityInfoUIItemes.length; i++) {
|
||||||
|
// let item = this.three.allFacilityInfoUIItemes[i];
|
||||||
|
// if (item.type == facilityType) {
|
||||||
|
// return item.isShow;
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
return false; |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 删除某一类设备 |
||||||
|
* @param facilityType
|
||||||
|
*/ |
||||||
|
deleteFacilityByType(facilityType: FacilityType) { |
||||||
|
let needDelete: FacilityInfoUIItem[] = []; |
||||||
|
for (let i = 0; i < this.facilityInfoUIItemes.length; i++) { |
||||||
|
if ((this.facilityInfoUIItemes[i].modelInfo.modelData as ModelData_facility).facilityType == facilityType) { |
||||||
|
needDelete.push(this.facilityInfoUIItemes[i]); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
for (let i = 0; i < needDelete.length; i++) { |
||||||
|
needDelete[i].askDelete(false);//不再单独询问
|
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
//#endregion
|
||||||
|
|
||||||
|
//#region 生命周期
|
||||||
|
onInit() { |
||||||
|
|
||||||
|
super.onInit(); |
||||||
|
|
||||||
|
FacilityInfoInSceneWindow.instance = this; |
||||||
|
// this.three = ThreeDimensionalHomeComponent.instance;
|
||||||
|
// EventManager.addListener(Event_ModelInfoChange, this.onModelInfoChange);
|
||||||
|
|
||||||
|
GizmoTool.onPickMeshInfoObservable.add(this.onClickModel); |
||||||
|
this.currentFacility = []; |
||||||
|
this.initKeyboardInput(); |
||||||
|
this.initDragInput(); |
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
onClose() { |
||||||
|
super.onClose(); |
||||||
|
//EventManager.removeCallback(Event_ModelInfoChange, this.onModelInfoChange);
|
||||||
|
|
||||||
|
GizmoTool.onPickMeshInfoObservable.removeCallback(this.onClickModel); |
||||||
|
} |
||||||
|
|
||||||
|
//#region 键盘输入
|
||||||
|
/** |
||||||
|
* 初始化键盘输入 |
||||||
|
*/ |
||||||
|
initKeyboardInput() { |
||||||
|
let instance = this; |
||||||
|
// EventManager.addListener(Event_KeyboardInput, (eventData: Event_KeyboardInput) => {
|
||||||
|
// instance.onKeyboardInput(eventData);
|
||||||
|
// })
|
||||||
|
|
||||||
|
} |
||||||
|
/** |
||||||
|
* 接收到键盘事件 |
||||||
|
* @param eventData
|
||||||
|
*/ |
||||||
|
onKeyboardInput(eventData: Event_KeyboardInput) { |
||||||
|
if (eventData.data.key == "Delete") // 删除。 后期看是否加入 Backspace 退格
|
||||||
|
{ |
||||||
|
//改由前端完成快捷键删除
|
||||||
|
// if (this.currentFacility != null) {
|
||||||
|
// for (let i = 0; i < this.currentFacility.length; i++) {
|
||||||
|
// this.currentFacility[i].askDelete(false);
|
||||||
|
// }
|
||||||
|
// this.currentFacility = [];
|
||||||
|
// this.three.getAllCensusList(this.facilityInfoUIItemes || []);
|
||||||
|
// }
|
||||||
|
} |
||||||
|
else if (eventData.data.key == "X") //室内消火栓吸附墙
|
||||||
|
{ |
||||||
|
// 没做完，先搁置
|
||||||
|
// let testNum = 5;//检测次数
|
||||||
|
// let distance = 1;//检测距离
|
||||||
|
// if (this.currentFacility != null) {
|
||||||
|
// for (let i = 0; i < this.currentFacility.length; i++) {
|
||||||
|
// let l_facility = this.currentFacility[i];
|
||||||
|
// if (l_facility.modelInfo.modelBox == null) {
|
||||||
|
// continue;
|
||||||
|
// }
|
||||||
|
// if (l_facility.getType() == FacilityType.SNXHS) //室内消火栓
|
||||||
|
// {
|
||||||
|
// let start = l_facility.modelInfo.modelBox.absolutePosition.clone();
|
||||||
|
// for (let x = -1; i < 2; i += 2) //x取1或-1
|
||||||
|
// {
|
||||||
|
// for (let z = -testNum; z < testNum; z++) {
|
||||||
|
// let dir = new Vector3(x, 0, z);
|
||||||
|
// let ray = new Ray(start, dir, distance);
|
||||||
|
// let rayHelper = new RayHelper(ray);//射线辅助器
|
||||||
|
// rayHelper.show(SceneManager.Instance.scene);//debug射线，用于调试
|
||||||
|
|
||||||
|
// let pickingInfo = SceneManager.Instance.scene.pickWithRay(ray, (mesh: AbstractMesh) => {
|
||||||
|
// if (TsTool.stringContain(mesh.name, "SNXHS")) {
|
||||||
|
// return false;
|
||||||
|
// }
|
||||||
|
// else {
|
||||||
|
// return true;
|
||||||
|
// }
|
||||||
|
|
||||||
|
// });
|
||||||
|
// let normal = pickingInfo.getNormal(true);
|
||||||
|
// console.log(pickingInfo);
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
//#endregion
|
||||||
|
|
||||||
|
//#region gizmo拖拽输入
|
||||||
|
|
||||||
|
/** |
||||||
|
* gizmo拖拽输入 |
||||||
|
*/ |
||||||
|
isGizmoDrag_pos: boolean = false; |
||||||
|
lastGizmoMesh_Pos: Vector3 = Vector3.Zero(); |
||||||
|
|
||||||
|
/** |
||||||
|
* 初始化拖拽输入 |
||||||
|
* 当多选时，移动一个要同时移动其他设备 |
||||||
|
*/ |
||||||
|
initDragInput() { |
||||||
|
let instance = this; |
||||||
|
GizmoTool.s_gizmoManager.gizmos.positionGizmo.onDragStartObservable.add((eventData) => { |
||||||
|
instance.isGizmoDrag_pos = true; |
||||||
|
instance.saveLastGizmoMeshInfo(); |
||||||
|
}); |
||||||
|
GizmoTool.s_gizmoManager.gizmos.positionGizmo.onDragEndObservable.add((eventData) => { |
||||||
|
instance.isGizmoDrag_pos = false; |
||||||
|
}); |
||||||
|
|
||||||
|
Game.instance.scene.onBeforeRenderObservable.add(() => { |
||||||
|
|
||||||
|
if (!instance.isGizmoDrag_pos) { |
||||||
|
return; |
||||||
|
} |
||||||
|
if (instance.isDragFacility()) { |
||||||
|
let offset = GizmoTool.s_nowPickAim.modelBox.position.subtract(instance.lastGizmoMesh_Pos); |
||||||
|
for (let i = 0; i < instance.currentFacility.length; i++) { |
||||||
|
if (instance.currentFacility[i].modelInfo != (GizmoTool.s_nowPickAim as ModelInfo_facility)) { |
||||||
|
|
||||||
|
// instance.currentFacility[i].modelInfo.modelData.transformData.position.x += offset.x;
|
||||||
|
// instance.currentFacility[i].modelInfo.modelData.transformData.position.y += offset.y;
|
||||||
|
// instance.currentFacility[i].modelInfo.modelData.transformData.position.z += offset.z;
|
||||||
|
instance.currentFacility[i].modelInfo.modelBox.position.x += offset.x; |
||||||
|
instance.currentFacility[i].modelInfo.modelBox.position.y += offset.y; |
||||||
|
instance.currentFacility[i].modelInfo.modelBox.position.z += offset.z; |
||||||
|
} |
||||||
|
else { |
||||||
|
//console.log("移动的本体", i);
|
||||||
|
} |
||||||
|
} |
||||||
|
instance.saveLastGizmoMeshInfo(); |
||||||
|
} |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 保存上一帧的数据 |
||||||
|
* @param facilityInfoInSceneWindow
|
||||||
|
*/ |
||||||
|
saveLastGizmoMeshInfo() { |
||||||
|
if (GizmoTool.s_nowPickAim != null && GizmoTool.s_nowPickAim instanceof ModelInfo_facility) { |
||||||
|
this.lastGizmoMesh_Pos = GizmoTool.s_nowPickAim.modelBox.position.clone(); |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 是否拖拽选中的设备 |
||||||
|
*/ |
||||||
|
isDragFacility() { |
||||||
|
if (this.currentFacility == null || this.currentFacility.length < 2) { |
||||||
|
return false; |
||||||
|
} |
||||||
|
if (GizmoTool.s_nowPickAim != null && GizmoTool.s_nowPickAim instanceof ModelInfo_facility) { |
||||||
|
for (let i = 0; i < this.currentFacility.length; i++) { |
||||||
|
if (this.currentFacility[i].modelInfo == GizmoTool.s_nowPickAim) { |
||||||
|
return true; |
||||||
|
} |
||||||
|
} |
||||||
|
return false; |
||||||
|
} |
||||||
|
else { |
||||||
|
return false; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
//#endregion
|
||||||
|
|
||||||
|
//创建所有设备UI
|
||||||
|
createAllFacilities(facilityByType: FacilityInfoByType[]) { |
||||||
|
this.clearFacilityInfoUIItemes(); |
||||||
|
for (let i = 0; i < facilityByType.length; i++) { |
||||||
|
for (let j = 0; j < facilityByType[i].facilityInfo.length; j++) { |
||||||
|
|
||||||
|
this.addFacilityItem(facilityByType[i].facilityInfo[j]); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
//通知ui更新
|
||||||
|
//this.three.getAllCensusList(this.facilityInfoUIItemes || []);
|
||||||
|
} |
||||||
|
|
||||||
|
//清空设备UI item
|
||||||
|
clearFacilityInfoUIItemes() { |
||||||
|
|
||||||
|
this.facilityInfoUIItemes.length = 0; |
||||||
|
this.currentFacility = []; |
||||||
|
//this.three.getAllCensusList(this.facilityInfoUIItemes || []);
|
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
//模型变化
|
||||||
|
onModelInfoChange(modelInfoChange: Event_ModelInfoChange) { |
||||||
|
let instance: FacilityInfoInSceneWindow = FacilityInfoInSceneWindow.instance; |
||||||
|
if (modelInfoChange.modeleInfo instanceof ModelInfo_facility) { |
||||||
|
if (instance.isCurrentBuildingOrIndoor(modelInfoChange.modeleInfo.belongToBuilding)) {//严格隶属当前选中的建筑
|
||||||
|
if (modelInfoChange.modelChangeType == ModelChangeType.Add) { |
||||||
|
instance.addFacilityItem(modelInfoChange.modeleInfo); |
||||||
|
//console.log("此建筑中添加", modelInfoChange.modeleInfo);
|
||||||
|
} |
||||||
|
else if (modelInfoChange.modelChangeType == ModelChangeType.Remove) { |
||||||
|
instance.removeFacilityItem(modelInfoChange.modeleInfo); |
||||||
|
//console.log("此建筑中移除", modelInfoChange.modeleInfo);
|
||||||
|
} |
||||||
|
} |
||||||
|
else { |
||||||
|
// console.log("不是此建筑");
|
||||||
|
} |
||||||
|
// instance.three = ThreeDimensionalHomeComponent.instance;
|
||||||
|
//instance.three.getAllCensusList(instance.facilityInfoUIItemes || []);
|
||||||
|
} else { // 无设备 时
|
||||||
|
// instance.three = ThreeDimensionalHomeComponent.instance;
|
||||||
|
//instance.three.getAllCensusList(instance.facilityInfoUIItemes || []);
|
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
//添加一个设备到UI
|
||||||
|
addFacilityItem(facilityInfo: ModelInfo_facility) { |
||||||
|
let facilityInfoUIItem = new FacilityInfoUIItem(facilityInfo, this); |
||||||
|
this.facilityInfoUIItemes.push(facilityInfoUIItem); |
||||||
|
if (facilityInfo.isNew) { |
||||||
|
if (this.isMultiselect) { |
||||||
|
this.multiSelectFacilityItem([facilityInfoUIItem], true); |
||||||
|
} |
||||||
|
else { |
||||||
|
this.selectFacilityItem(facilityInfoUIItem); |
||||||
|
} |
||||||
|
|
||||||
|
// facilityInfo.setSelectEnable(true);
|
||||||
|
// this.selectFacilityItemToThree(facilityInfoUIItem);
|
||||||
|
} |
||||||
|
//this.onClickModel(facilityInfoUIItem);
|
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
//移除设备Item
|
||||||
|
removeFacilityItem(facilityInfo: ModelInfo_facility) { |
||||||
|
let value = this.getFacilityItem(facilityInfo); |
||||||
|
|
||||||
|
TsTool.arrayRemove(this.currentFacility, value); |
||||||
|
|
||||||
|
if (value != null) { |
||||||
|
value.dispose(); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
//获取item
|
||||||
|
getFacilityItem(facilityInfo: ModelInfo_facility): FacilityInfoUIItem { |
||||||
|
let result: FacilityInfoUIItem; |
||||||
|
if (this.facilityInfoUIItemes == undefined && this.facilityInfoUIItemes == null) { |
||||||
|
result = null; |
||||||
|
} |
||||||
|
else { |
||||||
|
for (let i = 0; i < this.facilityInfoUIItemes.length; i++) { |
||||||
|
if (this.facilityInfoUIItemes[i].modelInfo == facilityInfo) { |
||||||
|
result = this.facilityInfoUIItemes[i]; |
||||||
|
break; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
return result; |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
//根据info找到相应的item，然后模拟选中
|
||||||
|
selectFacilityInfo(facilityInfo: ModelInfo_facility) { |
||||||
|
|
||||||
|
let item: FacilityInfoUIItem = null; |
||||||
|
for (let i = 0; i < this.facilityInfoUIItemes.length; i++) { |
||||||
|
if (this.facilityInfoUIItemes[i].modelInfo == facilityInfo) { |
||||||
|
item = this.facilityInfoUIItemes[i]; |
||||||
|
break; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
if (item == null) { |
||||||
|
item = new FacilityInfoUIItem(facilityInfo, this); |
||||||
|
} |
||||||
|
|
||||||
|
if (this.isMultiselect) { |
||||||
|
this.multiSelectFacilityItem([item], !item.isSelect); |
||||||
|
} |
||||||
|
else { |
||||||
|
// if (item.isSelect) {
|
||||||
|
// //this.selectFacilityItem(null);//取消选中
|
||||||
|
// }
|
||||||
|
// else {
|
||||||
|
this.selectFacilityItem(item); |
||||||
|
// }
|
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
//当点击了模型
|
||||||
|
onClickModel(model: ModelInfo | FacilityInfoUIItem) { |
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 设备是否属于当前选中的建筑 |
||||||
|
* @param belongToBuilding
|
||||||
|
*/ |
||||||
|
isCurrentBuildingOrIndoor(belongToBuilding: BuildingInfo) { |
||||||
|
if (StatusManager.s_currentStatus instanceof BuildingStatus) { |
||||||
|
let buildingWindow = StatusManager.getStatus<BuildingStatus>(BuildingStatus).buildingWindow; |
||||||
|
return (buildingWindow != null && buildingWindow.currentBuidngItem != null && buildingWindow.currentBuidngItem.buildingInfo == belongToBuilding) |
||||||
|
} |
||||||
|
else if (StatusManager.s_currentStatus instanceof IndoorStatus) { |
||||||
|
let indoorKey = StatusManager.getStatus<IndoorStatus>(IndoorStatus).indoorWindow.currentFloorUIItem.getIndoorKey(); |
||||||
|
return belongToBuilding.ModelInfo.key == indoorKey; |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 取消选中当前选中的所有设备 |
||||||
|
* @param select
|
||||||
|
*/ |
||||||
|
cancleAllCurrectFacilityItem() { |
||||||
|
if (this.currentFacility == null) { |
||||||
|
return; |
||||||
|
} |
||||||
|
this.selectFacilityItemToThree(this.currentFacility, false); |
||||||
|
for (let i = 0; i < this.currentFacility.length; i++) { |
||||||
|
this.currentFacility[i].onSelect(false); |
||||||
|
} |
||||||
|
this.currentFacility = []; |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 复制的设备信息 |
||||||
|
*/ |
||||||
|
export class CopyFacilityInfo { |
||||||
|
outDoor: boolean;//室外
|
||||||
|
buildingKey: String; |
||||||
|
facilityData: ModelData_facility[]; |
||||||
|
} |
||||||
@ -0,0 +1,234 @@ |
|||||||
|
// import { Control, Rectangle, StackPanel, TextBlock } from "@babylonjs/gui";
|
||||||
|
// import { DataManager } from "src/babylon/controller/data-manager";
|
||||||
|
// import { ServeManager } from "src/babylon/controller/serve-manager";
|
||||||
|
// import { IndoorStatus } from "src/babylon/controller/status/indoor-status";
|
||||||
|
// import { StatusManager } from "src/babylon/controller/status/status-manager";
|
||||||
|
// import { UIManager } from "src/babylon/controller/ui-manager";
|
||||||
|
// import { BuildingData_Normal } from "src/babylon/model/data/institution/building/building-data";
|
||||||
|
// import { BuildingPosType, ModelData } from "src/babylon/model/data/model-data/model-data";
|
||||||
|
// import { ModelEditData } from "src/babylon/model/data/model-data/model-edit-data";
|
||||||
|
// import { BabylonUIStyleTool } from "src/babylon/tool/babylon-ui-style-tool";
|
||||||
|
// import { TsTool } from "src/babylon/tool/ts-tool";
|
||||||
|
// import { UIBase } from "../window-base/ui-base";
|
||||||
|
// import { IndoorFloorUIItem } from "./indoor-floorui-item";
|
||||||
|
|
||||||
|
// export class IndoorCreateWindow extends UIBase {
|
||||||
|
// buildingData: BuildingData_Normal
|
||||||
|
// newFloorData: ModelEditData;//新的楼层信息，新建时填充
|
||||||
|
// indoorFloorUIItem: IndoorFloorUIItem;//已有的楼层item，修改时填充
|
||||||
|
// isCreate: boolean = true;//是新建楼层
|
||||||
|
|
||||||
|
// indoorStatus: IndoorStatus;
|
||||||
|
// isChangeModel = false;//修改了模型，则要重新加载模型
|
||||||
|
|
||||||
|
// //初始化为新建
|
||||||
|
// initCreate() {
|
||||||
|
// this.newFloorData = this.indoorStatus.newIndoorData("key", "name");
|
||||||
|
|
||||||
|
// this.initUI();
|
||||||
|
// }
|
||||||
|
|
||||||
|
// //初始化为修改
|
||||||
|
// initChange(indoorFloorUIItem: IndoorFloorUIItem) {
|
||||||
|
// this.indoorFloorUIItem = indoorFloorUIItem;
|
||||||
|
// this.newFloorData = indoorFloorUIItem.modelEditData;
|
||||||
|
// this.initUI();
|
||||||
|
// }
|
||||||
|
|
||||||
|
// //#region 声明周期
|
||||||
|
// onInit() {
|
||||||
|
// super.onInit();
|
||||||
|
// this.indoorStatus = StatusManager.getStatus<IndoorStatus>(IndoorStatus);
|
||||||
|
|
||||||
|
// }
|
||||||
|
|
||||||
|
// onOpen() {
|
||||||
|
// super.onOpen();
|
||||||
|
|
||||||
|
// BabylonUIStyleTool.createWindoRoot(this, "IndoorCreateWindow", "300px", "296px", true);
|
||||||
|
// }
|
||||||
|
|
||||||
|
// onClose() {
|
||||||
|
// super.onClose();
|
||||||
|
// }
|
||||||
|
// //#endregion
|
||||||
|
|
||||||
|
|
||||||
|
// initUI() {
|
||||||
|
|
||||||
|
// let window = this;
|
||||||
|
|
||||||
|
// let baseWidth = "220px";
|
||||||
|
// let baseHeight = "20px";
|
||||||
|
|
||||||
|
// let indoorStatus = StatusManager.getStatus<IndoorStatus>(IndoorStatus);
|
||||||
|
// this.buildingData = indoorStatus.buildingInfo.buildingData as BuildingData_Normal;
|
||||||
|
|
||||||
|
// let stack = new StackPanel("stack");
|
||||||
|
// stack.isVertical = true;
|
||||||
|
// BabylonUIStyleTool.setStyle_size(stack, baseWidth, "280px");
|
||||||
|
// this.root.addControl(stack);
|
||||||
|
|
||||||
|
|
||||||
|
// this.isCreate = this.indoorFloorUIItem == null;
|
||||||
|
|
||||||
|
// let titleText = this.isCreate ? "新建" : "编辑";
|
||||||
|
// let title = BabylonUIStyleTool.createTextBlock("title", titleText, baseWidth, baseHeight, "20px");
|
||||||
|
// stack.addControl(title);
|
||||||
|
|
||||||
|
// let space = new Rectangle("space");
|
||||||
|
// BabylonUIStyleTool.setStyle_size(space, baseWidth, baseHeight);
|
||||||
|
// stack.addControl(space);
|
||||||
|
|
||||||
|
// let floorKey = BabylonUIStyleTool.createTextBlock("floorKey", "唯一key", baseWidth, baseHeight, "18px");
|
||||||
|
// stack.addControl(floorKey);
|
||||||
|
// floorKey.textHorizontalAlignment = Control.HORIZONTAL_ALIGNMENT_LEFT;
|
||||||
|
|
||||||
|
// let floorKeyInput = BabylonUIStyleTool.createInputText("floorKeyInput", stack, baseWidth, baseHeight);
|
||||||
|
// if (!this.isCreate && this.newFloorData.modelData.key != null) {
|
||||||
|
// floorKeyInput.inputText.text = this.newFloorData.modelData.key;
|
||||||
|
// }
|
||||||
|
// floorKeyInput.inputText.onTextChangedObservable.add(() => {
|
||||||
|
// window.newFloorData.modelData.key = floorKeyInput.inputText.text;
|
||||||
|
// });
|
||||||
|
|
||||||
|
// let floorName = BabylonUIStyleTool.createTextBlock("floorName", "楼层名称", baseWidth, baseHeight, "18px");
|
||||||
|
// stack.addControl(floorName);
|
||||||
|
// floorName.textHorizontalAlignment = Control.HORIZONTAL_ALIGNMENT_LEFT;
|
||||||
|
|
||||||
|
// let floorNameInput = BabylonUIStyleTool.createInputText("floorNameInput", stack, baseWidth, baseHeight);
|
||||||
|
// if (this.isCreate) {
|
||||||
|
|
||||||
|
// }
|
||||||
|
// else {
|
||||||
|
// floorNameInput.inputText.text = this.newFloorData.modelData.name;
|
||||||
|
// }
|
||||||
|
// floorNameInput.inputText.onTextChangedObservable.add(() => {
|
||||||
|
// window.newFloorData.modelData.name = floorNameInput.inputText.text;
|
||||||
|
// })
|
||||||
|
|
||||||
|
// let space4 = new Rectangle("space4");
|
||||||
|
// BabylonUIStyleTool.setStyle_size(space4, baseWidth, "20px");
|
||||||
|
// stack.addControl(space4);
|
||||||
|
|
||||||
|
// let btn_changeModel = BabylonUIStyleTool.createBtn_OK("btn_changeModel", "上传模型", baseWidth, "30px", "18px");
|
||||||
|
// stack.addControl(btn_changeModel);
|
||||||
|
|
||||||
|
// btn_changeModel.onPointerClickObservable.add(() => {
|
||||||
|
// window.changeModel();
|
||||||
|
// })
|
||||||
|
|
||||||
|
|
||||||
|
// let space2 = new Rectangle("space2");
|
||||||
|
// BabylonUIStyleTool.setStyle_size(space2, baseWidth, "30px");
|
||||||
|
// stack.addControl(space2);
|
||||||
|
|
||||||
|
// let btns = new StackPanel("btns");
|
||||||
|
// BabylonUIStyleTool.setStyle_size(btns, baseWidth, "36px");
|
||||||
|
// stack.addControl(btns);
|
||||||
|
// btns.isVertical = false;
|
||||||
|
|
||||||
|
// let btn_OK = BabylonUIStyleTool.createBtn_OK("OK", "确定", "100px", "36px", "18px");
|
||||||
|
// btns.addControl(btn_OK);
|
||||||
|
// btn_OK.onPointerClickObservable.add(() => {
|
||||||
|
// window.onBtn_Ok();
|
||||||
|
// })
|
||||||
|
|
||||||
|
// let space3 = new Rectangle("space3");
|
||||||
|
// BabylonUIStyleTool.setStyle_size(space3, "20px", "36px");
|
||||||
|
// btns.addControl(space3);
|
||||||
|
|
||||||
|
// let btn_cancel = BabylonUIStyleTool.createBtn_Cancel("cancel", "取消", "100px", "36px", "18px");
|
||||||
|
// btns.addControl(btn_cancel);
|
||||||
|
// btn_cancel.onPointerClickObservable.add(() => {
|
||||||
|
// window.onBtn_Cancel();
|
||||||
|
// });
|
||||||
|
|
||||||
|
// if (!this.isCreate) {
|
||||||
|
// let btn_delete = BabylonUIStyleTool.createBtn_Delete("delete", "删", "30px", "30px", "20px");
|
||||||
|
// this.root.addControl(btn_delete);
|
||||||
|
// btn_delete.horizontalAlignment = Control.HORIZONTAL_ALIGNMENT_LEFT;
|
||||||
|
// btn_delete.verticalAlignment = Control.VERTICAL_ALIGNMENT_BOTTOM;
|
||||||
|
// btn_delete.onPointerClickObservable.add(() => {
|
||||||
|
// console.log("===btn_delete===");
|
||||||
|
// window.onBtn_Delete();
|
||||||
|
// });
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
|
||||||
|
|
||||||
|
// //修改模型
|
||||||
|
// changeModel() {
|
||||||
|
// let institutionKey = DataManager.institutionData.normalData.key;
|
||||||
|
// let indoorData = this.newFloorData;
|
||||||
|
// let buildingKey = StatusManager.getStatus<IndoorStatus>(IndoorStatus).buildingInfo.buildingData.normalData.key;
|
||||||
|
// let path = DataManager.getResPath_building(institutionKey, buildingKey, BuildingPosType.Indoor, this.newFloorData.modelData.key);
|
||||||
|
// console.log("模型路径" + path);
|
||||||
|
|
||||||
|
// let instance = this;
|
||||||
|
// ServeManager.instance.openFileSelect(path, (name: string, path: string) => {
|
||||||
|
// instance.isChangeModel = true;
|
||||||
|
// if (TsTool.stringContain(name, ".gltf")) {
|
||||||
|
// indoorData.modelData.resName = name;
|
||||||
|
// indoorData.modelData.resPath = path;
|
||||||
|
// }
|
||||||
|
// });
|
||||||
|
// }
|
||||||
|
|
||||||
|
// onBtn_Ok() {
|
||||||
|
// if (this.isCreate) {
|
||||||
|
// if (this.buildingData.indoorsData == null) {
|
||||||
|
// this.buildingData.indoorsData = [];
|
||||||
|
// }
|
||||||
|
// this.indoorStatus.addNewIndoorToBuilding(this.newFloorData);
|
||||||
|
// // this.buildingData.indoorsData.push(this.newFloorData);
|
||||||
|
|
||||||
|
// let indoorStatus = StatusManager.getStatus<IndoorStatus>(IndoorStatus);
|
||||||
|
// indoorStatus.indoorWindow.createOneFloorUIItem(this.newFloorData);
|
||||||
|
// }
|
||||||
|
// else {
|
||||||
|
// console.log(this.indoorFloorUIItem.modelEditData.modelData);
|
||||||
|
// //更新场景
|
||||||
|
// if (this.isChangeModel) {
|
||||||
|
// this.indoorFloorUIItem.updateBuilding();
|
||||||
|
// }
|
||||||
|
// else {
|
||||||
|
// this.indoorFloorUIItem.updateUI();
|
||||||
|
// }
|
||||||
|
|
||||||
|
// }
|
||||||
|
|
||||||
|
// this.closeWindow();
|
||||||
|
// }
|
||||||
|
|
||||||
|
// //点击取消按钮
|
||||||
|
// onBtn_Cancel() {
|
||||||
|
// this.closeWindow();
|
||||||
|
// }
|
||||||
|
|
||||||
|
// //点击删除按钮
|
||||||
|
// onBtn_Delete() {
|
||||||
|
// console.log("onBtn_Delete");
|
||||||
|
// let indoorStatus = StatusManager.getStatus<IndoorStatus>(IndoorStatus);
|
||||||
|
// indoorStatus.indoorWindow.deleteFloor(this.indoorFloorUIItem);
|
||||||
|
// this.closeWindow();
|
||||||
|
// }
|
||||||
|
|
||||||
|
// //关闭界面
|
||||||
|
// closeWindow() {
|
||||||
|
// if (this.isCreate) {
|
||||||
|
// let indoorStatus = StatusManager.getStatus<IndoorStatus>(IndoorStatus);
|
||||||
|
|
||||||
|
// indoorStatus.indoorWindow.closeCreateIndoorWindow();
|
||||||
|
// }
|
||||||
|
// else {
|
||||||
|
// this.isChangeModel = false;
|
||||||
|
// this.indoorFloorUIItem.closeChangeWindow();
|
||||||
|
// }
|
||||||
|
|
||||||
|
// }
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// }
|
||||||
@ -0,0 +1,278 @@ |
|||||||
|
import { AbstractMesh, Mesh } from "@babylonjs/core"; |
||||||
|
import { Button, Container, Rectangle } from "@babylonjs/gui"; |
||||||
|
import ObjectID from "bson-objectid"; |
||||||
|
import { classToClass } from "class-transformer"; |
||||||
|
import { DataManager } from "../../controller/data-manager"; |
||||||
|
import { InfoManager } from "../../controller/info-manager"; |
||||||
|
import { SceneManager } from "../../controller/scene-manager"; |
||||||
|
import { IndoorStatus } from "../../controller/status/indoor-status"; |
||||||
|
import { ModelType } from "../../model/data/model-data/model-data"; |
||||||
|
import { ModelEditData } from "../../model/data/model-data/model-edit-data"; |
||||||
|
import { BuildingInfo } from "../../model/info/building/building-info"; |
||||||
|
import { ModelInfo } from "../../model/info/model/model-info"; |
||||||
|
import { ModelInfo_building } from "../../model/info/model/model-info-building"; |
||||||
|
import { BabylonTool } from "../../tool/babylon-tool"; |
||||||
|
import { GizmoTool } from "../../tool/gizmo-tool"; |
||||||
|
import { MeshPoolInfo } from "../../tool/mesh-pool"; |
||||||
|
|
||||||
|
import { MarkWindow } from "../mark-window/mark-window"; |
||||||
|
// import { IndoorCreateWindow } from "./indoor-create-window";
|
||||||
|
import { IndoorWindow } from "./indoor-window"; |
||||||
|
|
||||||
|
//室内楼层UI
|
||||||
|
export class IndoorFloorUIItem { |
||||||
|
modelEditData: ModelEditData; |
||||||
|
buildingInfo: BuildingInfo; |
||||||
|
root: Rectangle; |
||||||
|
content: Container; |
||||||
|
indoorWindow: IndoorWindow; |
||||||
|
btn: Button; |
||||||
|
|
||||||
|
|
||||||
|
constructor(modelEditData: ModelEditData, indoorWindow: IndoorWindow) { |
||||||
|
this.modelEditData = modelEditData; |
||||||
|
this.indoorWindow = indoorWindow; |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
//#region 前端对接
|
||||||
|
|
||||||
|
/** |
||||||
|
* 获取室内层key |
||||||
|
*/ |
||||||
|
getIndoorKey() { |
||||||
|
return this.modelEditData.modelData.key; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 获取室内层名称 |
||||||
|
*/ |
||||||
|
getIndoorName() { |
||||||
|
return this.modelEditData.modelData.name; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 楼层序列 |
||||||
|
*/ |
||||||
|
getIndoorIndex() { |
||||||
|
return this.modelEditData.index; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 修改室内名称 |
||||||
|
* @param newName
|
||||||
|
*/ |
||||||
|
setIndoorName(newName: string) { |
||||||
|
this.modelEditData.modelData.name = newName; |
||||||
|
if (this.buildingInfo != null && this.buildingInfo.ModelInfo != null) { |
||||||
|
(this.buildingInfo.ModelInfo as ModelInfo_building).updateName(newName); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 设置避难层 |
||||||
|
*/ |
||||||
|
setRefugeFloor(isRefugeFloor: boolean) { |
||||||
|
this.modelEditData.isRefugeFloor = isRefugeFloor; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 修改模型 |
||||||
|
* @param file
|
||||||
|
*/ |
||||||
|
changeModel(file: File[]) { |
||||||
|
console.log("修改模型", file); |
||||||
|
this.indoorWindow.changeModel(file, this.modelEditData); |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 复制楼层数据 |
||||||
|
*/ |
||||||
|
copyFloor() { |
||||||
|
let result = classToClass(this.modelEditData); |
||||||
|
result.modelData.key = ObjectID.generate(); |
||||||
|
result.modelData.name = result.modelData.name + "(1)"; |
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
//#endregion
|
||||||
|
|
||||||
|
|
||||||
|
//#region 内部方法
|
||||||
|
//更新建筑
|
||||||
|
updateBuilding() { |
||||||
|
let instance = this; |
||||||
|
|
||||||
|
if (this.modelEditData != null && this.modelEditData.modelData != null && this.modelEditData.modelData.resPath != null) { |
||||||
|
|
||||||
|
if (instance.buildingInfo == null) { |
||||||
|
instance.buildingInfo = new BuildingInfo(DataManager.institutionData.normalBuildingDatas[0], null); |
||||||
|
} |
||||||
|
instance.buildingInfo.isDisposed = false; |
||||||
|
if (instance.buildingInfo.ModelInfo != null) { //更新、释放掉之前的模型、ui
|
||||||
|
instance.buildingInfo.ModelInfo.dispose(); |
||||||
|
} |
||||||
|
|
||||||
|
let resKey = this.modelEditData.modelData.resName + this.modelEditData.modelData.name; |
||||||
|
let meshFromPool = IndoorFloorUIItem.getFromPool(resKey); |
||||||
|
console.log(meshFromPool); |
||||||
|
if (meshFromPool == null) { |
||||||
|
//创建所有室内模型
|
||||||
|
SceneManager.createModel(ModelType.Building, this.modelEditData.modelData, true, true, undefined, (newMesh, box, modelInfo) => { |
||||||
|
// instance.buildingInfo.ModelInfo = modelInfo as ModelInfo_building;
|
||||||
|
// box.position.y = box.scaling.y * 0.5 + 1;
|
||||||
|
// IndoorFloorUIItem.addToPool(this.modelEditData.modelData.resPath +this.modelEditData.modelData.name,box);
|
||||||
|
// // console.log("创建建筑成功=" + this.modelEditData.modelData.name + "isdispos" + instance.buildingInfo.ModelInfo.isDisposed);
|
||||||
|
// if (!instance.buildingInfo.ModelInfo.isDisposed) {
|
||||||
|
// instance.buildingInfo.ModelInfo.updateName(instance.modelEditData.modelData.name);
|
||||||
|
// let facilitysInFloor = instance.buildingInfo.ModelInfo.facilityInfos;
|
||||||
|
// SceneManager.s_facilityInfoInSceneWindow.createAllFacilities(facilitysInFloor);
|
||||||
|
// InfoManager.createFacilityInfos(instance.modelEditData, instance.buildingInfo);
|
||||||
|
// //BabylonTool.changeCameraTarget(SceneManager.Instance.defaultCamera, box, false);
|
||||||
|
// IndoorStatus.enterSuccessObservable.notifyObservers(instance);
|
||||||
|
// instance.lookAt(false);
|
||||||
|
|
||||||
|
// }
|
||||||
|
instance.onLoadMesh(instance, modelInfo, box); |
||||||
|
IndoorFloorUIItem.addToPool(resKey, box); |
||||||
|
}); |
||||||
|
} |
||||||
|
else { |
||||||
|
let modelInfo = InfoManager.newModelInfo_building( |
||||||
|
instance.modelEditData.modelData.key, |
||||||
|
instance.modelEditData.modelData, |
||||||
|
null, |
||||||
|
meshFromPool |
||||||
|
); |
||||||
|
|
||||||
|
instance.onLoadMesh(instance, modelInfo, meshFromPool); |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
|
else { |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 加载完成的回调 |
||||||
|
* @param instance
|
||||||
|
* @param modelInfo
|
||||||
|
* @param modelBox
|
||||||
|
*/ |
||||||
|
onLoadMesh(instance: IndoorFloorUIItem, modelInfo: ModelInfo, modelBox: AbstractMesh) { |
||||||
|
instance.buildingInfo.ModelInfo = modelInfo as ModelInfo_building; |
||||||
|
modelBox.position.y = modelBox.scaling.y * 0.5 + 1; |
||||||
|
// console.log("创建建筑成功=" + this.modelEditData.modelData.name + "isdispos" + instance.buildingInfo.ModelInfo.isDisposed);
|
||||||
|
if (!instance.buildingInfo.ModelInfo.isDisposed) { |
||||||
|
instance.buildingInfo.ModelInfo.updateName(instance.modelEditData.modelData.name); |
||||||
|
let facilitysInFloor = instance.buildingInfo.ModelInfo.facilityInfos; |
||||||
|
SceneManager.s_facilityInfoInSceneWindow.createAllFacilities(facilitysInFloor); |
||||||
|
InfoManager.createFacilityInfos(instance.modelEditData, instance.buildingInfo); |
||||||
|
//BabylonTool.changeCameraTarget(SceneManager.Instance.defaultCamera, box, false);
|
||||||
|
IndoorStatus.enterSuccessObservable.notifyObservers(instance); |
||||||
|
instance.lookAt(true); |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
dispose() { |
||||||
|
|
||||||
|
if (this.buildingInfo != null) { |
||||||
|
GizmoTool.leaveTheGizmoAim(this.buildingInfo.ModelInfo); |
||||||
|
} |
||||||
|
if (this.buildingInfo != null) { |
||||||
|
this.buildingInfo.dispose(); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
//点击选中
|
||||||
|
onClick() { |
||||||
|
this.indoorWindow.selectFloor(this); |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
//是否选中的表现更新
|
||||||
|
onSelect(select: boolean) { |
||||||
|
if (select) { |
||||||
|
|
||||||
|
this.updateBuilding(); |
||||||
|
} |
||||||
|
else { |
||||||
|
if (this.buildingInfo != null) { |
||||||
|
GizmoTool.leaveTheGizmoAim(this.buildingInfo.ModelInfo); |
||||||
|
this.buildingInfo.dispose(); |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 摄像机聚焦 |
||||||
|
*/ |
||||||
|
lookAt(anim: boolean = true) { |
||||||
|
if (MarkWindow.s_cameraData != null) { |
||||||
|
// setTimeout(() => {
|
||||||
|
SceneManager.Instance.defaultCamera.animations |
||||||
|
MarkWindow.s_cameraData.setDataToCamera(SceneManager.Instance.defaultCamera); |
||||||
|
MarkWindow.s_cameraData = null; |
||||||
|
// }, (500));
|
||||||
|
|
||||||
|
} else if (this.buildingInfo != null && this.buildingInfo.ModelInfo != null && this.buildingInfo.ModelInfo.modelBox != null) { |
||||||
|
BabylonTool.changeCameraTarget(SceneManager.Instance.defaultCamera, this.buildingInfo.ModelInfo.modelBox, anim); |
||||||
|
} |
||||||
|
} |
||||||
|
//#endregion
|
||||||
|
|
||||||
|
|
||||||
|
//#region 室内模型池
|
||||||
|
|
||||||
|
/** |
||||||
|
* 缓存室内楼层的备份 |
||||||
|
*/ |
||||||
|
static pool: Map<string, MeshPoolInfo> = new Map(); |
||||||
|
|
||||||
|
/** |
||||||
|
* 将备份放入池中 |
||||||
|
* @param meshKey
|
||||||
|
* @param mesh
|
||||||
|
*/ |
||||||
|
static addToPool(meshKey: string, mesh: AbstractMesh) { |
||||||
|
|
||||||
|
if (IndoorFloorUIItem.pool.has(meshKey)) { |
||||||
|
return; |
||||||
|
} |
||||||
|
else { |
||||||
|
let prefabMesh = BabylonTool.cloneMesh(mesh as Mesh, mesh.name); |
||||||
|
let poolInfo: MeshPoolInfo = new MeshPoolInfo(meshKey, meshKey, false, prefabMesh); |
||||||
|
poolInfo.meshBox.setEnabled(false); |
||||||
|
IndoorFloorUIItem.pool.set(meshKey, poolInfo); |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 从池中获取 |
||||||
|
* @param modelPath
|
||||||
|
*/ |
||||||
|
static getFromPool(modelPath: string) { |
||||||
|
if (IndoorFloorUIItem.pool.has(modelPath)) { |
||||||
|
let result = IndoorFloorUIItem.pool.get(modelPath); |
||||||
|
let modelBox = BabylonTool.cloneMesh(result.meshBox as Mesh, result.meshBox.name + "111"); |
||||||
|
modelBox.setEnabled(true); |
||||||
|
return modelBox; |
||||||
|
} |
||||||
|
else { |
||||||
|
return null; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
//#endregion
|
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@ -0,0 +1,281 @@ |
|||||||
|
|
||||||
|
import { DataManager } from "../../controller/data-manager"; |
||||||
|
import { SceneManager } from "../../controller/scene-manager"; |
||||||
|
import { ServeManager } from "../../controller/serve-manager"; |
||||||
|
import { BuildingStatus } from "../../controller/status/building-status"; |
||||||
|
import { IndoorStatus } from "../../controller/status/indoor-status"; |
||||||
|
import { StatusManager } from "../../controller/status/status-manager"; |
||||||
|
import { BuildingPosType } from "../../model/data/model-data/model-data"; |
||||||
|
import { ModelEditData } from "../../model/data/model-data/model-edit-data"; |
||||||
|
import { TsTool } from "../../tool/ts-tool"; |
||||||
|
import { MarkWindow } from "../mark-window/mark-window"; |
||||||
|
import { UIBase } from "../window-base/ui-base"; |
||||||
|
import { IndoorFloorUIItem } from "./indoor-floorui-item"; |
||||||
|
|
||||||
|
|
||||||
|
//室内界面
|
||||||
|
export class IndoorWindow extends UIBase { |
||||||
|
|
||||||
|
allFloorDatas: ModelEditData[]; |
||||||
|
allFloorUIItems: IndoorFloorUIItem[] = []; |
||||||
|
|
||||||
|
currentFloorUIItem: IndoorFloorUIItem; |
||||||
|
|
||||||
|
refugeFloorNum: number;//避难层数目
|
||||||
|
|
||||||
|
indoorStatus: IndoorStatus; |
||||||
|
|
||||||
|
//#region 生命周期
|
||||||
|
onInit() { |
||||||
|
super.onInit(); |
||||||
|
this.indoorStatus = StatusManager.getStatus<IndoorStatus>(IndoorStatus); |
||||||
|
} |
||||||
|
|
||||||
|
onOpen() { |
||||||
|
super.onOpen(); |
||||||
|
} |
||||||
|
|
||||||
|
onClose() { |
||||||
|
super.onClose(); |
||||||
|
} |
||||||
|
//#endregion
|
||||||
|
|
||||||
|
//#region 前端对接
|
||||||
|
|
||||||
|
/** |
||||||
|
* 获取当前室内的避难层数目 |
||||||
|
*/ |
||||||
|
getRefugeFloorNum() { |
||||||
|
return this.refugeFloorNum; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 返回室外 |
||||||
|
* 来自UI |
||||||
|
*/ |
||||||
|
onBtnToOutDoor(fromUI: boolean = true) { |
||||||
|
BuildingStatus.changeStatusFromUI = fromUI; |
||||||
|
if (fromUI && MarkWindow.instance != null && MarkWindow.instance.isShow && MarkWindow.instance.currentMarkNodeInfo != null) { |
||||||
|
MarkWindow.instance.changeBuilding(true); |
||||||
|
} |
||||||
|
else { |
||||||
|
StatusManager.enterStatus<BuildingStatus>(BuildingStatus); |
||||||
|
console.log("退出到室外"); |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
/** |
||||||
|
* 修改模型 |
||||||
|
* @param file
|
||||||
|
* @param modelEditData
|
||||||
|
*/ |
||||||
|
changeModel(file: File[], modelEditData: ModelEditData) { |
||||||
|
|
||||||
|
if (file == null || file.length == 0) { |
||||||
|
return; |
||||||
|
} |
||||||
|
let institutionKey = DataManager.institutionData.normalData.key; |
||||||
|
let indoorData = modelEditData; |
||||||
|
let buildingKey = StatusManager.getStatus<IndoorStatus>(IndoorStatus).buildingInfo.buildingData.normalData.key; |
||||||
|
let path = DataManager.getResPath_building(institutionKey, buildingKey, BuildingPosType.Indoor, indoorData.modelData.key); |
||||||
|
// console.log("模型路径" + path);
|
||||||
|
let instance = this; |
||||||
|
|
||||||
|
let manifestFile: File = null; |
||||||
|
if (indoorData.modelData.resName != null) { |
||||||
|
|
||||||
|
manifestFile = DataManager.createManifestFile(indoorData.modelData); |
||||||
|
file.push(manifestFile);//临时关闭缓存文件
|
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
ServeManager.instance.uploadFile(0, file, path, (name: string, path: string, currentfile: File) => { |
||||||
|
|
||||||
|
|
||||||
|
if (TsTool.stringContain(name, ".gltf")) { |
||||||
|
if (TsTool.stringContain(name, ".gltf.manifest")) { |
||||||
|
//缓存文件,提取版本号
|
||||||
|
DataManager.readFile_manifest(currentfile, (version: number) => { |
||||||
|
indoorData.modelData.version = version; |
||||||
|
// console.log("设置version" + version);
|
||||||
|
}); |
||||||
|
} |
||||||
|
else { |
||||||
|
indoorData.modelData.resName = name; |
||||||
|
indoorData.modelData.resPath = path; |
||||||
|
|
||||||
|
// console.log("上传室内：" + path + name);
|
||||||
|
|
||||||
|
if (manifestFile == null) { |
||||||
|
manifestFile = DataManager.createManifestFile(indoorData.modelData); |
||||||
|
file.push(manifestFile);//临时关闭缓存文件
|
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
, () => { |
||||||
|
//ThreeDimensionalHomeComponent.instance.maskLayerService.sendMessage(false)
|
||||||
|
if (instance.currentFloorUIItem != null && modelEditData.modelData.key == instance.currentFloorUIItem.modelEditData.modelData.key) { |
||||||
|
instance.currentFloorUIItem.updateBuilding(); |
||||||
|
} |
||||||
|
else { |
||||||
|
let newItem = this.getFloorByKey(modelEditData.modelData.key); |
||||||
|
//ThreeDimensionalHomeComponent.instance.selectLeftBuilding(newItem);
|
||||||
|
} |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
//#endregion
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
//初始化所有楼层
|
||||||
|
initAllFloor(allFloorData: ModelEditData[], key: string) { |
||||||
|
this.allFloorDatas = allFloorData; |
||||||
|
this.updateFloorUIItem(key); |
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
//更新item
|
||||||
|
updateFloorUIItem(key: string) { |
||||||
|
this.clearAllFloorUIItem(); |
||||||
|
let defaultItem: IndoorFloorUIItem = null; |
||||||
|
if (this.allFloorDatas != null) { |
||||||
|
for (let i = 0; i < this.allFloorDatas.length; i++) { |
||||||
|
let item = this.createOneFloorUIItem(this.allFloorDatas[i]); |
||||||
|
if (this.allFloorDatas[i].modelData.key == key) { |
||||||
|
defaultItem = item; |
||||||
|
} |
||||||
|
|
||||||
|
if (this.allFloorDatas[i].isRefugeFloor) { |
||||||
|
this.refugeFloorNum++; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
if (defaultItem == null) { |
||||||
|
if (this.allFloorUIItems.length > 0) { |
||||||
|
this.selectFloor(this.getFirstIndexFloor(this.allFloorUIItems), false); |
||||||
|
} |
||||||
|
} |
||||||
|
else { |
||||||
|
this.selectFloor(defaultItem, false); |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 获取最小序列的楼层 |
||||||
|
* @param items
|
||||||
|
*/ |
||||||
|
getFirstIndexFloor(items: IndoorFloorUIItem[]) { |
||||||
|
let index = 0; |
||||||
|
for (let i = 0; i < items.length; i++) { |
||||||
|
if (items[i].getIndoorIndex() < items[index].getIndoorIndex()) { |
||||||
|
index = i; |
||||||
|
} |
||||||
|
} |
||||||
|
return items[index]; |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
//创建单个楼层UIitem
|
||||||
|
createOneFloorUIItem(modelEditData: ModelEditData): IndoorFloorUIItem { |
||||||
|
let result = new IndoorFloorUIItem(modelEditData, this); |
||||||
|
this.allFloorUIItems.push(result); |
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
//删除室内层
|
||||||
|
deleteFloor(indoorFloorUIItem: IndoorFloorUIItem) { |
||||||
|
// console.log("试图删除");
|
||||||
|
|
||||||
|
for (let i = 0; i < this.allFloorDatas.length; i++) { |
||||||
|
if (this.allFloorDatas[i] == indoorFloorUIItem.modelEditData) { |
||||||
|
TsTool.arrayRemove(this.allFloorDatas, indoorFloorUIItem.modelEditData); |
||||||
|
break; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
for (let i = 0; i < this.allFloorUIItems.length; i++) { |
||||||
|
if (this.allFloorUIItems[i] == indoorFloorUIItem) { |
||||||
|
this.allFloorUIItems[i].dispose(); |
||||||
|
TsTool.arrayRemove(this.allFloorUIItems, indoorFloorUIItem); |
||||||
|
// console.log("成功删除");
|
||||||
|
break; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
//清空楼层item
|
||||||
|
clearAllFloorUIItem() { |
||||||
|
// console.log("清空楼层item"+this.allFloorUIItems.length);
|
||||||
|
for (let i = 0; i < this.allFloorUIItems.length; i++) { |
||||||
|
this.allFloorUIItems[i].dispose(); |
||||||
|
} |
||||||
|
this.allFloorUIItems = []; |
||||||
|
this.refugeFloorNum = 0; |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
//选中某层
|
||||||
|
selectFloor(floorUIItem: IndoorFloorUIItem, fromUI: boolean = true) { |
||||||
|
|
||||||
|
|
||||||
|
if (fromUI && MarkWindow.instance != null && MarkWindow.instance.isShow) { |
||||||
|
MarkWindow.instance.changeBuilding(false, this.indoorStatus.buildingInfo.buildingData.normalData.key, floorUIItem.modelEditData.modelData.key); |
||||||
|
return; |
||||||
|
} |
||||||
|
|
||||||
|
if (this.currentFloorUIItem == floorUIItem) { |
||||||
|
// if (floorUIItem.buildingInfo != null) {
|
||||||
|
// BabylonTool.changeCameraTarget(SceneManager.Instance.defaultCamera, floorUIItem.buildingInfo.ModelInfo.modelBox);
|
||||||
|
// }
|
||||||
|
return; |
||||||
|
} |
||||||
|
else if (this.currentFloorUIItem != null) { |
||||||
|
this.currentFloorUIItem.onSelect(false); |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
this.currentFloorUIItem = floorUIItem; |
||||||
|
SceneManager.s_facilityInfoInSceneWindow.clearFacilityInfoUIItemes();//先清空
|
||||||
|
this.currentFloorUIItem.onSelect(true); |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 根据key找item |
||||||
|
* @param key
|
||||||
|
*/ |
||||||
|
getFloorByKey(key: string): IndoorFloorUIItem { |
||||||
|
let result = null; |
||||||
|
if (this.allFloorUIItems != null) { |
||||||
|
for (let i = 0; i < this.allFloorUIItems.length; i++) { |
||||||
|
if (this.allFloorUIItems[i].modelEditData.modelData.key == key) { |
||||||
|
result = this.allFloorUIItems[i]; |
||||||
|
break; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
return result; |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
// /**
|
||||||
|
// * 摄像机注视中心
|
||||||
|
// */
|
||||||
|
// lookAtCenter(buildingInfo: ModelInfo_building) {
|
||||||
|
// if (buildingInfo != null && buildingInfo.modelBox != null) {
|
||||||
|
// BabylonTool.changeCameraTarget(SceneManager.Instance.defaultCamera, buildingInfo.modelBox);
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
} |
||||||
@ -0,0 +1,190 @@ |
|||||||
|
import { Button, Control, Rectangle, StackPanel, TextBlock } from "@babylonjs/gui"; |
||||||
|
import { LoginSatus } from "../../controller/status/login-status"; |
||||||
|
import { StatusManager } from "../../controller/status/status-manager"; |
||||||
|
import { UIManager } from "../../controller/ui-manager"; |
||||||
|
import { InstitutionData, NormalData } from "../../model/data/institution/institution-data"; |
||||||
|
import { InsitutionDataSimple } from "../../model/data/institution/institution-data-simple"; |
||||||
|
import { MyInputText } from "../../tool/babylon-tool"; |
||||||
|
import { BabylonUIStyleTool } from "../../tool/babylon-ui-style-tool"; |
||||||
|
|
||||||
|
import { UIBase } from "../window-base/ui-base"; |
||||||
|
|
||||||
|
//创建单位界面
|
||||||
|
//由于还没有可存放多个单位信息的位置，先预留，暂时没实现
|
||||||
|
export class InstitutionCreateWindow extends UIBase { |
||||||
|
|
||||||
|
insDataSimple: InsitutionDataSimple;//新单位简易信息
|
||||||
|
insData: InstitutionData; //新单位的详细信息
|
||||||
|
|
||||||
|
//#region 声明周期
|
||||||
|
onInit() { |
||||||
|
super.onInit(); |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
onOpen() { |
||||||
|
super.onOpen(); |
||||||
|
this.initUI(); |
||||||
|
} |
||||||
|
|
||||||
|
onClose() { |
||||||
|
super.onClose(); |
||||||
|
} |
||||||
|
//#endregion
|
||||||
|
|
||||||
|
//#region 创建新单位
|
||||||
|
|
||||||
|
//开始创建
|
||||||
|
startCreate() { |
||||||
|
this.insDataSimple = new InsitutionDataSimple(); |
||||||
|
this.insDataSimple.key = "test3";//因不可重复，应该从服务器获得
|
||||||
|
this.txt_keyValue.inputText.text = this.insDataSimple.key;//假装请求成功
|
||||||
|
this.txt_keyValue.inputText.onTextChangedObservable.add(() => { |
||||||
|
this.insDataSimple.key = this.txt_keyValue.inputText.text; |
||||||
|
console.log("设置key" + this.insDataSimple.key); |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
//确定
|
||||||
|
onbtnOK() { |
||||||
|
this.insDataSimple.name = this.inputTxt_insName.inputText.text;//从输入框获取
|
||||||
|
// console.log("onbtnOK==key" + this.insDataSimple.key);
|
||||||
|
// console.log("onbtnOK==name" + this.insDataSimple.name);
|
||||||
|
if (this.insDataSimple.name == null) { |
||||||
|
console.log("请输入单位名称"); |
||||||
|
} |
||||||
|
else { |
||||||
|
|
||||||
|
this.insData = new InstitutionData(); |
||||||
|
this.insData.normalData = new NormalData(this.insDataSimple.key, this.insDataSimple.name); |
||||||
|
|
||||||
|
console.log(this.insData.normalData); |
||||||
|
this.saveNewIns(); |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
//保存新单位信息至服务器
|
||||||
|
saveNewIns() { |
||||||
|
let window = this; |
||||||
|
let loginStatus = StatusManager.getStatus<LoginSatus>(LoginSatus); |
||||||
|
loginStatus.saveNewIns(loginStatus, window.insData, window.insDataSimple.key, (insDataSimple) => { |
||||||
|
loginStatus.closeCreateWindow(); |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
//#endregion
|
||||||
|
|
||||||
|
//#region UI界面
|
||||||
|
|
||||||
|
inputTxt_insName: MyInputText;//名称输入框
|
||||||
|
txt_keyValue: MyInputText;//唯一Key
|
||||||
|
btn_OK: Button;//确定创建
|
||||||
|
btn_Cancle: Button;//取消
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
initUI() { |
||||||
|
let window = this; |
||||||
|
|
||||||
|
this.root = new Rectangle("InstitutionCreateWindow"); |
||||||
|
this.root.width = "300px"; |
||||||
|
this.root.height = "382px"; |
||||||
|
BabylonUIStyleTool.setDefaultStyle_windowRoot(this.root); |
||||||
|
|
||||||
|
UIManager.Instance.uiRoot.addControl(this.root); |
||||||
|
|
||||||
|
let title = new TextBlock("title", "新建单位"); |
||||||
|
BabylonUIStyleTool.setStyle_size(title, "80px", "20px"); |
||||||
|
BabylonUIStyleTool.setStyle_bodyText(title); |
||||||
|
this.root.addControl(title); |
||||||
|
BabylonUIStyleTool.setStyle_Alignment(title, Control.HORIZONTAL_ALIGNMENT_CENTER, Control.VERTICAL_ALIGNMENT_TOP); |
||||||
|
BabylonUIStyleTool.setStyle_padding(title, "40px", undefined, undefined, undefined); |
||||||
|
|
||||||
|
let nameRoot = new StackPanel("nameRoor"); |
||||||
|
BabylonUIStyleTool.setStyle_size(nameRoot, "200px", "300px"); |
||||||
|
this.root.addControl(nameRoot); |
||||||
|
BabylonUIStyleTool.setStyle_Alignment(nameRoot, Control.HORIZONTAL_ALIGNMENT_CENTER, Control.VERTICAL_ALIGNMENT_TOP); |
||||||
|
BabylonUIStyleTool.setStyle_padding(nameRoot, "80px", undefined, undefined, undefined); |
||||||
|
|
||||||
|
let nameTxt = new TextBlock("nameTxt", "单位名称"); |
||||||
|
BabylonUIStyleTool.setStyle_size(nameTxt, "200px", "20px"); |
||||||
|
nameTxt.textVerticalAlignment = Control.VERTICAL_ALIGNMENT_TOP; |
||||||
|
BabylonUIStyleTool.setStyle_bodyText(nameTxt, "16px", UIBase.color_black); |
||||||
|
nameTxt.textHorizontalAlignment = Control.HORIZONTAL_ALIGNMENT_LEFT; |
||||||
|
nameRoot.addControl(nameTxt); |
||||||
|
|
||||||
|
|
||||||
|
this.inputTxt_insName = BabylonUIStyleTool.createInputText("input_name", nameRoot, "200px", "30px"); |
||||||
|
|
||||||
|
let padding = new Control(); |
||||||
|
BabylonUIStyleTool.setStyle_size(padding, "200px", "20px"); |
||||||
|
nameRoot.addControl(padding); |
||||||
|
|
||||||
|
let keyTxt = new TextBlock("keyTxt", "唯一key，仅供测试可见"); |
||||||
|
BabylonUIStyleTool.setStyle_size(keyTxt, "200px", "20px"); |
||||||
|
keyTxt.textVerticalAlignment = Control.VERTICAL_ALIGNMENT_TOP; |
||||||
|
BabylonUIStyleTool.setStyle_bodyText(keyTxt, "16px", UIBase.color_black); |
||||||
|
keyTxt.textHorizontalAlignment = Control.HORIZONTAL_ALIGNMENT_LEFT; |
||||||
|
nameRoot.addControl(keyTxt); |
||||||
|
keyTxt.alpha = 0.5; |
||||||
|
|
||||||
|
this.txt_keyValue = BabylonUIStyleTool.createInputText("keyValueTxt", nameRoot, "200px", "20px", "black", undefined, undefined, BabylonUIStyleTool.c_color_gray, "black", BabylonUIStyleTool.c_color_gray); |
||||||
|
// BabylonUIStyleTool.setStyle_size(this.txt_keyValue, "200px", "20px");
|
||||||
|
// this.txt_keyValue.textVerticalAlignment = Control.VERTICAL_ALIGNMENT_TOP;
|
||||||
|
// BabylonUIStyleTool.setStyle_bodyText(this.txt_keyValue, "14px", UIBase.color_black);
|
||||||
|
// this.txt_keyValue.textHorizontalAlignment = Control.HORIZONTAL_ALIGNMENT_LEFT;
|
||||||
|
// nameRoot.addControl(this.txt_keyValue);
|
||||||
|
// this.txt_keyValue.alpha = 0.7;
|
||||||
|
this.txt_keyValue.inputText.onTextChangedObservable.add(() => { |
||||||
|
window.insDataSimple.key = window.txt_keyValue.inputText.text; |
||||||
|
}); |
||||||
|
|
||||||
|
let btnRoot = new StackPanel("btnRoot"); |
||||||
|
btnRoot.isVertical = false; |
||||||
|
this.root.addControl(btnRoot); |
||||||
|
BabylonUIStyleTool.setStyle_size(btnRoot, "240px", "70px"); |
||||||
|
BabylonUIStyleTool.setStyle_Alignment(btnRoot, Control.HORIZONTAL_ALIGNMENT_CENTER, Control.VERTICAL_ALIGNMENT_BOTTOM); |
||||||
|
BabylonUIStyleTool.setStyle_padding(btnRoot, undefined, undefined, "30px"); |
||||||
|
|
||||||
|
|
||||||
|
let padding_btn = new Control("padding_btn"); |
||||||
|
BabylonUIStyleTool.setStyle_size(padding_btn, "10px", "36px"); |
||||||
|
btnRoot.addControl(padding_btn); |
||||||
|
|
||||||
|
this.btn_OK = BabylonUIStyleTool.createBtn_OK("OK", "确定", "100px", "36px", "18px"); |
||||||
|
btnRoot.addControl(this.btn_OK); |
||||||
|
|
||||||
|
this.btn_OK.onPointerClickObservable.add(() => { |
||||||
|
window.onbtnOK(); |
||||||
|
}) |
||||||
|
|
||||||
|
let padding_btn1 = new Control("padding_btn1"); |
||||||
|
BabylonUIStyleTool.setStyle_size(padding_btn1, "20px", "36px"); |
||||||
|
btnRoot.addControl(padding_btn1); |
||||||
|
|
||||||
|
this.btn_Cancle = BabylonUIStyleTool.createBtn_Cancel("Cancel", "取消", "100px", "36px", "18px"); |
||||||
|
btnRoot.addControl(this.btn_Cancle); |
||||||
|
this.btn_Cancle.onPointerClickObservable.add(() => { |
||||||
|
window.onBtnClose(); |
||||||
|
}) |
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
onBtnClose() { |
||||||
|
let loginStatus = StatusManager.getStatus<LoginSatus>(LoginSatus); |
||||||
|
loginStatus.closeCreateWindow(); |
||||||
|
loginStatus.openSelectWindow(); |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
//#endregion
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
@ -0,0 +1,59 @@ |
|||||||
|
import { Button, Rectangle, StackPanel } from "@babylonjs/gui"; |
||||||
|
import { InsitutionDataSimple } from "../../model/data/institution/institution-data-simple"; |
||||||
|
import { BabylonUIStyleTool } from "../../tool/babylon-ui-style-tool"; |
||||||
|
|
||||||
|
import { UIBase } from "../window-base/ui-base"; |
||||||
|
import { InstitutionSelectWindow } from "./institution-select-window"; |
||||||
|
|
||||||
|
export class InstitutionItem { |
||||||
|
root: Rectangle; |
||||||
|
window: InstitutionSelectWindow;//单位选择界面
|
||||||
|
insData: InsitutionDataSimple;//单位简易信息
|
||||||
|
|
||||||
|
btn_select: Button; |
||||||
|
constructor(window: InstitutionSelectWindow, parent: StackPanel, insitutionDataSimple: InsitutionDataSimple) { |
||||||
|
this.window = window; |
||||||
|
this.insData = insitutionDataSimple; |
||||||
|
|
||||||
|
if (this.insData == null) { |
||||||
|
this.insData = new InsitutionDataSimple(); |
||||||
|
this.insData.name = "+新建单位"; |
||||||
|
this.insData.key = undefined; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
this.root = new Rectangle("InstitutionItem"); |
||||||
|
BabylonUIStyleTool.setStyle_size(this.root, parent.width + "px", "40px"); |
||||||
|
this.root.color = UIBase.color_blue; |
||||||
|
parent.addControl(this.root); |
||||||
|
|
||||||
|
let name = "null"; |
||||||
|
if (this.insData.name != null) { |
||||||
|
name = this.insData.name; |
||||||
|
} |
||||||
|
this.btn_select = Button.CreateSimpleButton("select", name); |
||||||
|
let item = this; |
||||||
|
this.btn_select.onPointerClickObservable.add(() => { |
||||||
|
item.onSelect(); |
||||||
|
}); |
||||||
|
this.root.addControl(this.btn_select); |
||||||
|
|
||||||
|
// let text = this.btn_select.textBlock;
|
||||||
|
// text.textHorizontalAlignment = Control.HORIZONTAL_ALIGNMENT_RIGHT;
|
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
//选择单位
|
||||||
|
onSelect() { |
||||||
|
console.log("选择单位" + this.insData.name); |
||||||
|
|
||||||
|
this.window.onSelectIns(this); |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
//新建单位
|
||||||
|
onNewSelect() { |
||||||
|
console.log("新建单位"); |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in new issue