进入商场
", x: 55, y: 12, z: 3, click: true, type: "out" } + */ + this.tipArr = [] //模型标签 periphery + /** + * 室内地图标签 + * Map_QM.util.labelIconArr([{floor:0,title:'
', click:false, site:{x:0,y:1870,z:10},data:{type:"labelIcon",id:"1",show:"cn"}}]);
+ */
this.labelIconArr = []
this.spriteMaterialArr = []
this.lineBasicMaterialArr = []
this.meshMaterialArr = []
+ this.parkMaterialArr = []
this.shopData = [] //店铺数据
+ this.iconUrl = []
this.allMap = []
+ this.isInnerTouch = true //室内地图是否可点击
/*** ------------------------------------------------ 参数 API START ------------------------------------------------- */
- /**
- * @api {方法} setModelState() 模型显示状态
- * @apiGroup 地图显示
- * @apiDescription 设置模型显示状态 默认 3d
- * @apiVersion 1.0.0
- * @apiParam {String} state 传入状态 2d 或 3d
- *
- * @apiSampleRequest off
- * @apiParamExample {String} 请求示例
- *
- * Config.setModelState("3d");
- */
this.setModelState = function (state = '3d') {
//设置模型显示状态 2d 3d
if (Map_QM) {
@@ -123,220 +284,21 @@ ConfigFun = function () {
a.click()
}
/**
- * @api {方法} setIconNameShow() 设施名称显隐
- * @apiGroup 地图显示
- * @apiDescription 设置设施名称显示或隐藏
- * @apiVersion 1.0.0
- * @apiParam {boolean} isShow 是否显示 true显示 false隐藏
- *
- * @apiSampleRequest off
- * @apiParamExample {boolean} 请求示例
- *
- * Config.setIconNameShow(true);
- */
- this.setIconNameShow = function (isShow) {
- iconNameShow = isShow
- }
- /**
- * @api {方法} setPlaySpeed() 改变导航速度
- * @apiGroup 地图导航
- * @apiDescription 改变导航播放速度，范围 2-20 默认是6
- * @apiVersion 1.0.0
- * @apiParam {int} speed 播放速度
- *
- * @apiSampleRequest off
- * @apiParamExample {String} 请求示例
- *
- * Config.setPlaySpeed(8);
- */
- this.setPlaySpeed = function (sp) {
- this.playSpeed = parseInt(sp)
- }
- //设置弹窗偏离位置 默认 -50% 范围 -100% 100%
- this.setPercH = function (perc = '-50%') {
- this.perc_H = perc
- }
- /**
- * @api {方法} setDeviceShow() 设备显示状态
- * @apiGroup 地图显示
- * @apiDescription 设置设备的显示状态 默认false
- * @apiVersion 1.0.0
- * @apiParam {boolean} value 是否显示
- *
- * @apiSampleRequest off
- * @apiParamExample {boolean} 请求示例
- *
- * Config.setDeviceShow(true);
- */
- this.setDeviceShow = function (value) {
- deviceShow = value
- }
- //
- /**
- * @api {方法} setCollision() 设置碰撞检测
- * @apiGroup 地图显示
- * @apiDescription 设置box名称是否支持碰撞检测 默认支持
- * @apiVersion 1.0.0
- * @apiParam {boolean} value 是否支持
- *
- * @apiSampleRequest off
- * @apiParamExample {String} 请求示例
- *
- * Config.setCollision(true);
- */
- this.setCollision = function (value) {
- this.collision = value
- }
- /**
- * @api {方法} setShowModelIcon() 公共设施模型
- * @apiGroup 地图显示
- * @apiDescription 设置公共设施模型效果 true 3D模型 false icon显示
- * @apiVersion 1.0.0
- * @apiParam {boolean} value 显示状态
- *
- * @apiSampleRequest off
- * @apiParamExample {String} 请求示例
- *
- * Config.setShowModelIcon(true);
- */
- this.setShowModelIcon = function (value) {
- this.showModelIcon = value
- }
- /**
- * @api {方法} setSceneGap() 地图模型展示
- * @apiGroup 地图显示
- * @apiDescription 设置公共设施模型效果 x/y/z 模型中心点位置
- * @apiVersion 1.0.0
- * @apiParam {Number} x 水平方向位置，负数左移，正数右移
- * @apiParam {Number} y 垂直方向位置，负数下移，正数上移
- * @apiParam {Number} z 远近位置，默认为0
- * @apiParam {Number} scale 缩放默认为0.1
- *
- * @apiSampleRequest off
- * @apiParamExample {String} 请求示例
- *
- * Config.setSceneGap({x:0,y:0,z:0,scale:0.1});
- */
- this.setSceneGap = function (value) {
- this.sceneGap = value
- }
-
- //设置其它可行路径
- this.setOtherPath = function (value) {
- this.otherPath = value
- }
- /**
- * 是否所有楼层叠层显示
- * @param {boolean} value
- */
- this.setShowLap = function (value) {
- Config.showlap = value
- Map_QM.showFloor(Config.deviceObj.floor)
- }
-
- /**
- * @api {方法} setSceneGapInit() 地图初始参数
- * @apiGroup 地图数据
- * @apiDescription 设置地图初始位置、大小
- * @apiVersion 1.0.0
- * @apiParam {int} x X轴上位移
- * @apiParam {int} y Y轴上位移
- * @apiParam {int} z Z轴上位移
- * @apiParam {Number} scale 地图缩放比例
- *
- * @apiSampleRequest off
- * @apiParamExample {String} 请求示例
- *
- * Config.setSceneGapInit({x:-100,y:0,z:0,scale:0.1});
- */
- this.setSceneGapInit = function (value) {
- this.sceneGap = value
- }
- //
- /**
- * @api {方法} setLabelIconArr() 设置外部标签
- * @apiGroup 地图数据
- * @apiDescription 设置外部标签
- * @apiVersion 1.0.0
- * @apiParam {Array} value 标签数组
- *
- * @apiSampleRequest off
- * @apiParamExample {String} 请求示例
- *
- * Config.setLabelIconArr([{floor:0,title:'', click:false, site:{x:0,y:1870,z:10},data:{type:"labelIcon",id:"1",show:"cn"}}]);
- */
- this.setLabelIconArr = function (value) {
- this.labelIconArr = value
- }
- /**
- * @api {方法} setModelArr() 设置外部模型
- * @apiGroup 地图数据
- * @apiDescription 设置外部模型
- * @apiVersion 1.0.0
- * @apiParam {Array} value 模型数组
- *
- * @apiSampleRequest off
- * @apiParamExample {String} 请求示例
- *
- * Config.setModelArr({floor:0,url:'./static/img/model/yj.gltf',list:[{site:{x :0, y :0, z :0}, rot:{x :1.5708, y :0, z :0}, size:{x :1, y :1, z :1}} ]});
- */
- this.setModelArr = function (value) {
- this.modelArr = value
- }
- /**
- * @api {方法} getInstance() 初始化方法
+ * @api {方法} setIconUrl() 使用设施库
* @apiGroup 地图数据
- * @apiDescription 地图数据初始化 (可重复调用)
- * @apiVersion 1.0.0
- * @apiParam {Function} callBack 回调函数
- * @apiParam {int} build 导航起点楼栋编号
- * @apiParam {int} floor 导航起点楼层编号
- * @apiParam {int} navPoint 导航起点点位编号 传 -1 不显示起点
- * @apiParam {int} angle 导航起点初始角度
- * @apiParam {String} mallCode 商场Code (可选)
- * @apiParam {String} _url 云地址 (可选)
+ * @apiDescription 使用设施库
+ * @apiVersion 2.0.0
+ * @apiParam {Array} value 模型数组
*
* @apiSampleRequest off
* @apiParamExample {String} 请求示例
*
- * Config.getInstance(,0,1,1,0,"993f60c6-fef5-4999-9c3e-a4f71eb48364","http://122.112.233.82/mall");
- *
- * @apiSuccess {int} code 状态码 200-正常；404-地图无法显示；500-地图关联数据错误
- * @apiSuccess {String} msg 状态提示信息
- * @apiSuccess {Array} data 返回楼层数据
- * @apiSuccessExample {json} success-example
- * {
- * "code": 200,
- * "msg": "加载成功"
- * "data": []
- * }
+ * Map_QM.util.setIconUrl([]);
*/
- this.getInstance = function (callBack, build = 0, floor = 0, navPoint = 1, angle = 0, mapData, shopData) {
- Config.startObj.build = Config.deviceObj.build = parseInt(build) || 0
- Config.startObj.floor = Config.deviceObj.floor = parseInt(floor) || 0
- Config.startObj.node = Config.deviceObj.node = parseInt(navPoint) || 1
- Config.deviceObj.angle = parseInt(angle) || 0
- Config.selectFloor = Config.deviceObj.floor
- Config.selectBuild = Config.deviceObj.build
-
- let backObj = { code: 200, msg: '加载成功', data: [] }
- if (mapData) {
- try {
- if (mapData.mallKey != 'Zeditor') {
- Config.allMap = JSON.parse(mapData.mapData)
- } else {
- Config.allMap = JSON.parse(LZString.decompressFromBase64(mapData.mapData))
- }
- } catch (e) {
- console.log(e)
- backObj.code = 404
- backObj.msg = '地图数据JSON格式错误'
- callBack(backObj)
- callBack = null
- }
- Config.getShopData(callBack, shopData)
- }
+ this.setIconUrl = function (value) {
+ this.iconUrl = value
}
+
/*** ----------------------------------------------- 参数 API END ----------------------------------------------- **** */
this.Point = function (x = 0, y = 0) {
this.x = x
@@ -380,6 +342,57 @@ ConfigFun = function () {
return nCross % 2 == 1
}
+ this.request = function (params) {
+ params.method = params.method || 'GET'
+ let xmlhttp = new XMLHttpRequest()
+ xmlhttp.onreadystatechange = function () {
+ if (xmlhttp.readyState === 4 && xmlhttp.status === 200) {
+ ////console.log(xmlhttp.responseText);
+ let data = Map_QM.util.decrypt(xmlhttp.responseText)
+ let jsonObject = JSON.parse(data)
+ params.success(jsonObject)
+ }
+ if (xmlhttp.readyState === 4 && (xmlhttp.status === 404 || xmlhttp.status === 405)) {
+ params.fail()
+ }
+ }
+ xmlhttp.onerror = function (e) {
+ params.fail()
+ }
+ xmlhttp.open(params.method, params.url, true)
+ xmlhttp.setRequestHeader('Access-Control-Allow-Origin', '*')
+ xmlhttp.setRequestHeader('Content-type', 'application/json')
+ xmlhttp.setRequestHeader('Access-Control-Allow-Method', 'POST,GET')
+ xmlhttp.send(params.data)
+ }
+ this.requestNoJM = function (params) {
+ params.method = params.method || 'GET'
+ let xmlhttp = new XMLHttpRequest()
+ xmlhttp.onreadystatechange = function () {
+ if (xmlhttp.readyState === 4 && xmlhttp.status === 200) {
+ let jsonObject
+ try {
+ jsonObject = JSON.parse(xmlhttp.responseText)
+ } catch (e) {
+ params.fail()
+ return
+ }
+ params.success(jsonObject)
+ }
+ if (xmlhttp.readyState === 4 && (xmlhttp.status === 404 || xmlhttp.status === 405)) {
+ params.fail()
+ }
+ }
+ xmlhttp.onerror = function (e) {
+ params.fail()
+ }
+ xmlhttp.open(params.method, params.url, true)
+ xmlhttp.setRequestHeader('Access-Control-Allow-Origin', '*')
+ xmlhttp.setRequestHeader('Content-type', 'application/json')
+ xmlhttp.setRequestHeader('Access-Control-Allow-Method', 'POST,GET')
+ xmlhttp.send(params.data)
+ }
+
//加密
this.encrypt = function (word, keyStr) {
keyStr = keyStr ? keyStr : '0123456789QMSaas'
@@ -426,36 +439,13 @@ ConfigFun = function () {
rawFile.send(null)
}
- //判断点是fou顺时针
- this.isClockwise = function (polygon) {
- let len = polygon.length
- let su = 0,
- ni = 0
- for (let i = 0; i < len; i++) {
- let p = polygon[i]
- let p1 = polygon[i == 0 ? len - 1 : i - 1]
- let p2 = polygon[i == len - 1 ? 0 : i + 1]
- let vx1 = p1.x - p.x
- let vy1 = p1.y - p.y
- let vx2 = p2.x - p.x
- let vy2 = p2.y - p.y
- // 负值多是顺时针，正值多是逆时针
- if (vx1 * vy2 + -1 * vy1 * vx2 < 0) {
- su++
- } else {
- ni++
- }
- return su > ni
- }
- }
-
- this.blocked = (dom, checkList, cfloor) => {
+ this.blocked = (dom, checkList, cfloor, topAd = 0, leftAd = 0) => {
const { top, left, right, bottom } = dom.getBoundingClientRect()
let corners = [
- [left, top],
- [right, top],
- [left, bottom],
- [right, bottom]
+ [left + leftAd, top + topAd],
+ [right - leftAd, top + topAd],
+ [left + leftAd, bottom - topAd],
+ [right - leftAd, bottom - topAd]
]
for (let i = 0; i < corners.length; i++) {
@@ -574,7 +564,7 @@ ConfigFun = function () {
}
this.changeWallToString = function (area) {
let areaArr = []
- let points = Config.getWallPoints(area.pathPoints, area.thick)
+ let points = Map_QM.util.getWallPoints(area.pathPoints, area.thick)
for (let i = 0; i < points.length; i++) {
let array = []
let pend = i == points.length - 1 ? points[0] : points[i + 1]
@@ -597,27 +587,27 @@ ConfigFun = function () {
let lines = []
for (let m = 0; m < area.hasLines.length; m++) {
let sPoint, ePoint, cPoint1, cPoint2
- sPoint = new Config.Point(area.hasLines[m].startPoint.x, area.hasLines[m].startPoint.y)
- ePoint = new Config.Point(area.hasLines[m].endPoint.x, area.hasLines[m].endPoint.y)
+ sPoint = new Map_QM.util.Point(area.hasLines[m].startPoint.x, area.hasLines[m].startPoint.y)
+ ePoint = new Map_QM.util.Point(area.hasLines[m].endPoint.x, area.hasLines[m].endPoint.y)
if (area.hasLines[m].isStrLine) {
cPoint1 = null
cPoint2 = null
} else {
- cPoint1 = new Config.Point(area.hasLines[m].ctrlPoint1.x, area.hasLines[m].ctrlPoint1.y)
- cPoint2 = new Config.Point(area.hasLines[m].ctrlPoint2.x, area.hasLines[m].ctrlPoint2.y)
+ cPoint1 = new Map_QM.util.Point(area.hasLines[m].ctrlPoint1.x, area.hasLines[m].ctrlPoint1.y)
+ cPoint2 = new Map_QM.util.Point(area.hasLines[m].ctrlPoint2.x, area.hasLines[m].ctrlPoint2.y)
}
- let line = new Config.QM_Line_Father(sPoint, ePoint, cPoint1, cPoint2, area.hasLines[m].isStrLine)
+ let line = new Map_QM.util.QM_Line_Father(sPoint, ePoint, cPoint1, cPoint2, area.hasLines[m].isStrLine)
lines.push(line)
}
for (let i = 0; i < lines.length; i++) {
let line0 = lines[i]
let line1 = i < lines.length - 1 ? lines[i + 1] : lines[0]
- if (Config.angleRadius > 2) {
+ if (Map_QM.util.options.aRadius > 2) {
if (
line0.isStrLine &&
line1.isStrLine &&
- Math.abs(line0.endPoint.x - line0.startPoint.x) + Math.abs(line0.endPoint.y - line0.startPoint.y) > parseInt(Config.angleRadius) * 2
+ Math.abs(line0.endPoint.x - line0.startPoint.x) + Math.abs(line0.endPoint.y - line0.startPoint.y) > parseInt(Map_QM.util.options.aRadius) * 2
) {
let x1 = line0.endPoint.x
let y1 = line0.endPoint.y
@@ -632,8 +622,8 @@ ConfigFun = function () {
continue
}
- let result = Config.getIncircleByLines(x1, y1, x2, y2, x3, y3, Config.angleRadius)
- let bezierResult = Config.getBezier(
+ let result = Map_QM.util.getIncircleByLines(x1, y1, x2, y2, x3, y3, Map_QM.util.options.aRadius)
+ let bezierResult = Map_QM.util.getBezier(
result.center.x,
result.center.y,
result.tangencyPoints[0].x,
@@ -642,14 +632,14 @@ ConfigFun = function () {
result.tangencyPoints[1].y,
x1,
y1,
- Config.angleRadius
+ Map_QM.util.options.aRadius
)
if (i > 0) {
let ctrlPoint1,
ctrlPoint2,
array = []
- ctrlPoint1 = ctrlPoint2 = new Config.Point(
+ ctrlPoint1 = ctrlPoint2 = new Map_QM.util.Point(
((bezierResult[0].x - line0.startPoint.x) / 2 + line0.startPoint.x) >> 0,
((bezierResult[0].y - line0.startPoint.y) / 2 + line0.startPoint.y) >> 0
) //控制点
@@ -692,8 +682,8 @@ ConfigFun = function () {
if (line1.isStrLine) {
oArr.push(line1.startPoint.x, line1.startPoint.y, line1.endPoint.x, line1.endPoint.y)
} else {
- ocPoint1 = new Config.Point(line1.ctrlPoint1.x, line1.ctrlPoint1.y)
- ocPoint2 = new Config.Point(line1.ctrlPoint2.x, line1.ctrlPoint2.y)
+ ocPoint1 = new Map_QM.util.Point(line1.ctrlPoint1.x, line1.ctrlPoint1.y)
+ ocPoint2 = new Map_QM.util.Point(line1.ctrlPoint2.x, line1.ctrlPoint2.y)
oArr.push(line1.startPoint.x, line1.startPoint.y, ocPoint1.x, ocPoint1.y, ocPoint2.x, ocPoint2.y, line1.endPoint.x, line1.endPoint.y)
}
areaStr.push(oArr)
@@ -740,8 +730,8 @@ ConfigFun = function () {
x: x2,
y: y2
},
- Config.getPointFromLine(x2, y2, x4, y4, tempDistence),
- Config.getPointFromLine(x3, y3, x4, y4, tempDistence),
+ Map_QM.util.getPointFromLine(x2, y2, x4, y4, tempDistence),
+ Map_QM.util.getPointFromLine(x3, y3, x4, y4, tempDistence),
{
x: x3,
y: y3
@@ -751,12 +741,12 @@ ConfigFun = function () {
//根据半径计算两条线段相切圆的圆心和切点坐标
this.getIncircleByLines = function (x1, y1, x2, y2, x3, y3, radius) {
//向量夹角
- let angle = Config.getVectorAngle(x2 - x1, y2 - y1, x3 - x1, y3 - y1)
+ let angle = Map_QM.util.getVectorAngle(x2 - x1, y2 - y1, x3 - x1, y3 - y1)
angle = (angle > 180 ? 360 - angle : angle) / 2
//根据夹角计算侧边切点相对于顶点距离
let distance = radius / Math.tan((Math.PI * angle) / 180)
//计算侧边相切点具体坐标
- let tangencyPoints = [Config.getPointFromLine(x1, y1, x2, y2, distance), Config.getPointFromLine(x1, y1, x3, y3, distance)]
+ let tangencyPoints = [Map_QM.util.getPointFromLine(x1, y1, x2, y2, distance), Map_QM.util.getPointFromLine(x1, y1, x3, y3, distance)]
let centerX, centerY
let areaSize = (x2 - x1) * (y3 - y1) - (y2 - y1) * (x3 - x1)
@@ -834,16 +824,16 @@ ConfigFun = function () {
let line = area2.hasLines[i]
let pArr
if (line.isStrLine) {
- pArr = Config.getPointArrOnLine(line.startPoint, line.endPoint)
+ pArr = Map_QM.util.getPointArrOnLine(line.startPoint, line.endPoint)
} else {
- pArr = Config.getPointArr(line.startPoint, line.ctrlPoint1, line.ctrlPoint2, line.endPoint, 0.1)
+ pArr = Map_QM.util.getPointArr(line.startPoint, line.ctrlPoint1, line.ctrlPoint2, line.endPoint, 0.1)
}
ptPolygon.push(...pArr)
}
for (let f = 0; f < area.hasLines.length; f++) {
let line2 = area.hasLines[f]
- let sPoint = Config.checkBoundary(new Config.Point(line2.startPoint.x, line2.startPoint.y), ptPolygon)
- let ePoint = Config.checkBoundary(new Config.Point(line2.endPoint.x, line2.endPoint.y), ptPolygon)
+ let sPoint = Map_QM.util.checkBoundary(new Map_QM.util.Point(line2.startPoint.x, line2.startPoint.y), ptPolygon)
+ let ePoint = Map_QM.util.checkBoundary(new Map_QM.util.Point(line2.endPoint.x, line2.endPoint.y), ptPolygon)
if (!sPoint || !ePoint) {
return false
}
@@ -858,9 +848,9 @@ ConfigFun = function () {
this.getPointArr = function (s1, s3, s4, s2, sp = 0.01) {
let pArr = []
let sz = [s1, s3, s4, s2]
- let p = Config.P_BEZ(0, sz)
+ let p = Map_QM.util.P_BEZ(0, sz)
for (let j = 0; j < 1; j += sp) {
- p = Config.P_BEZ(j, sz)
+ p = Map_QM.util.P_BEZ(j, sz)
pArr.push(p)
}
return pArr
@@ -872,8 +862,8 @@ ConfigFun = function () {
let y_p = 0
let n = sz.length
for (let i = 0; i < sz.length; i++) {
- let son = Config.jie_cheng(n - 1)
- let mother = Config.jie_cheng(i) * Config.jie_cheng(n - 1 - i)
+ let son = Map_QM.util.jie_cheng(n - 1)
+ let mother = Map_QM.util.jie_cheng(i) * Map_QM.util.jie_cheng(n - 1 - i)
let b = (son / mother) * Math.pow(t, i) * Math.pow(1 - t, n - 1 - i)
x_p += sz[i].x * b
y_p += sz[i].y * b
@@ -881,7 +871,7 @@ ConfigFun = function () {
x_p = Number(x_p * 1000) / 1000
y_p = Number(y_p * 1000) / 1000
- return new Config.Point(x_p, y_p)
+ return new Map_QM.util.Point(x_p, y_p)
}
this.jie_cheng = function (i) {
@@ -903,7 +893,7 @@ ConfigFun = function () {
for (let m = 1; m < Math.abs(s1.y - s2.y); m++) {
let y0 = s1.y + m * vy
let x0 = s1.x
- points.push(new Config.Point(x0, y0))
+ points.push(new Map_QM.util.Point(x0, y0))
}
return points
}
@@ -914,14 +904,14 @@ ConfigFun = function () {
for (let i = 1; i < Math.abs(s1.x - s2.x); i++) {
let x0 = s1.x + i * vx
let y0 = k * x0 + b
- points.push(new Config.Point(x0, y0))
+ points.push(new Map_QM.util.Point(x0, y0))
}
} else {
let vy = s1.y < s2.y ? 1 : -1
for (let n = 1; n < Math.abs(s1.y - s2.y); n++) {
let y0 = s1.y + n * vy
let x0 = (y0 - b) / k
- points.push(new Config.Point(x0, y0))
+ points.push(new Map_QM.util.Point(x0, y0))
}
}
return points
@@ -929,228 +919,29 @@ ConfigFun = function () {
//转换公共设施type值
this.getFacType = function (str) {
- let typeObj = {
- ft: 0,
- mys: 3,
- xsj: 4,
- dt: 5,
- fwt: 7,
- tcc: 8,
- cjr: 10,
- xys: 11,
- ztg: 17,
- thg: 18,
- td: 20,
- dit: 21,
- czc: 22,
- atm: 23,
- jcfw: 24,
- sjcd: 25,
- bc: 26,
- cjc: 27,
- jtn: 28,
- jtv: 29,
- ksgj: 30,
- sjxsn: 31,
- sjxsv: 32,
- tcjf: 33,
- vip: 34,
- xsjn: 35,
- xsjv: 36,
- yszj: 37,
- xxt: 38,
- door: 39,
- pq: 40,
- upft: 0,
- downft: 0,
- ysp: 50,
- B1up: 51,
- B1down: 52,
- B2up: 53,
- B2down: 54,
- B3up: 55,
- B3down: 56,
- lt: 88,
- xcgc: 57,
- tthy: 58,
- fwt2: 60,
- syt2: 61,
- syt1: 62,
- gwc: 63,
- fwt1: 64,
- jrc: 65,
- qbc: 66,
- zxc: 67,
- jws: 68,
- etxsj: 69,
- vip_xxq: 70,
- ab: 71,
- abjks: 72,
- bys: 73,
- cpgys: 74,
- gzyld: 75,
- hqgys: 76,
- jjs: 77,
- jw: 78,
- ksj: 79,
- kt: 80,
- qzgysn: 81,
- rsggys: 82,
- swzl: 83,
- tsgbs1: 84,
- tsgbs2: 85,
- tsgbs3: 86,
- wxc: 87,
- yhs: 89,
- yls: 90,
- ylz: 91,
- ydygys: 92,
- ydygysn: 93,
- ydygysv: 94,
- zls: 95,
- zys: 96,
- zas: 97,
- xxq: 98,
- jtxsj: 99,
- hzs: 100,
- brs: 101,
- mtl: 102,
- dgnxsj: 103,
- wxbxsj: 104
- }
- return typeObj[str]
+ for (let i = 0; i < typeObj.length; i++) {
+ if (typeObj[i].code && typeObj[i].code == str) {
+ return typeObj[i].type
+ }
+ }
}
this.getFacName = function (str) {
- let typeObj = {
- ft: '扶梯',
- mys: '母婴室',
- xsj: '洗手间',
- dt: '直梯',
- fwt: '服务台',
- tcc: '停车场',
- cjr: '无障碍洗手间',
- xys: '吸烟室',
- dit: '地铁',
- czc: '出租车',
- atm: 'ATM',
- jcfw: '寄存服务',
- td: '人行通道',
- sjcd: '手机充电',
- bc: '泊车',
- cjc: '裁剪处',
- jtn: '家庭洗手间(男)',
- jtv: '家庭洗手间(女)',
- ksgj: '公交',
- sjxsn: '男伤健人士洗手间',
- sjxsv: '女伤健人士洗手间',
- tcjf: '停车缴费',
- vip: 'VIP',
- xsjn: '男洗手间',
- xsjv: '女洗手间',
- yszj: '雨伞租借',
- xxt: '信息台',
- door: '出入口',
- pq: '喷泉',
- upft: '上扶梯',
- downft: '下扶梯',
- ysp: '艺术品',
- lt: '楼梯',
- xcgc: '下沉广场',
- tthy: '天台花园',
- fwt2: '超市服务台',
- syt2: '超市收银台',
- syt1: 'mall收银台',
- gwc: '购物车',
- fwt1: 'mall服务台',
- jrc: '自助加热',
- qbc: '自助取冰',
- zxc: '自行车停放',
- jws: '警务室',
- etxsj: '儿童洗手间',
- vip_xxq: 'vip休息区',
- ab: '安保',
- abjks: '安保监控室',
- bys: '播音室',
- cpgys: '裁判更衣室',
- gzyld: '观众医疗点',
- hqgys: '后勤更衣室',
- jjs: '急救室',
- jw: '警卫',
- ksj: '开水间',
- kt: '看台',
- qzgysn: '亲自更衣（男）',
- rsggys: '热身馆更衣室',
- swzl: '失物招领',
- tsgbs1: '特殊贵宾室1',
- tsgbs2: '特殊贵宾室2',
- tsgbs3: '特殊贵宾室3',
- wxc: '闻讯处',
- yhs: '医护室',
- yls: '医疗室',
- ylz: '医疗站',
- ydygys: '运动员更衣室',
- ydygysn: '运动员男更衣室',
- ydygysv: '运动员女更衣室',
- zls: '诊疗室',
- zys: '直饮水',
- zas: '治安室',
- xxq: '休息区',
- jtxsj: '家庭洗手间',
- hzs: '化妆室',
- brs: '哺乳室',
- mtl: '摩天轮',
- dgnxsj: '多功能洗手间',
- wxbxsj: '无性别洗手间',
- ztg: 'L1自提柜',
- thg: 'B1自提柜'
- }
- return typeObj[str]
- }
- this.parkSort = function (a, b) {
- return a.name < b.name ? -1 : 1
+ for (let i = 0; i < typeObj.length; i++) {
+ if (typeObj[i].code && typeObj[i].code == str) {
+ return typeObj[i].name
+ }
+ }
}
//店铺排序
this.sortShopByFloor = function (a, b) {
return a.floorOrder < b.floorOrder ? -1 : 1
}
- //店铺排序
- this.sortHouseNum = function (a, b) {
- return a.houseNumber < b.houseNumber ? -1 : 1
- }
-
this.sortNode = function (a, b) {
return a.id - b.id
}
-
- /**该方法用来绘制一个圆角矩形
- *@param cxt:canvas的上下文环境
- *@param x:左上角x轴坐标
- *@param y:左上角y轴坐标
- *@param width:矩形的宽度
- *@param height:矩形的高度
- *@param radius:圆的半径
- **/
- this.drawRoundRectPath = function (cxt, width, height, radius) {
- cxt.beginPath(0)
- //从右下角顺时针绘制，弧度从0到1/2PI
- cxt.arc(width - radius, height - radius, radius, 0, Math.PI / 2)
- //矩形下边线
- cxt.lineTo(radius, height)
- //左下角圆弧，弧度从1/2PI到PI
- cxt.arc(radius, height - radius, radius, Math.PI / 2, Math.PI)
- //矩形左边线
- cxt.lineTo(0, radius)
- //左上角圆弧，弧度从PI到3/2PI
- cxt.arc(radius, radius, radius, Math.PI, (Math.PI * 3) / 2)
- //上边线
- cxt.lineTo(width - radius, 0)
- //右上角圆弧
- cxt.arc(width - radius, radius, radius, (Math.PI * 3) / 2, Math.PI * 2)
- //右边线
- cxt.lineTo(width, height - radius)
- cxt.closePath()
- }
-
+ /**
+ * 世界坐标转换为屏幕坐标
+ */
this.wordToSreen = function (world_vector) {
let vector = world_vector.project(Map_QM.camera)
let halfWidth = window.innerWidth / 2,
@@ -1171,7 +962,7 @@ ConfigFun = function () {
for (let index = 0; index < points.length - 1; index++) {
let startPoint = points[index]
let endPoint = points[index + 1]
- let line = Config.getParallelLine(startPoint, endPoint, wallWidth)
+ let line = Map_QM.util.getParallelLine(startPoint, endPoint, wallWidth)
lines.push(line)
}
//生成线段对应的左右两侧平行线
@@ -1179,8 +970,8 @@ ConfigFun = function () {
let start = lines[index]
let end = lines[index + 1]
if (start.leftParLine != null && start.rightParLine != null && end.leftParLine != null && end.rightParLine != null) {
- start.leftPoint = Config.getIntersectionByLines(start.leftParLine, end.leftParLine)
- start.rightPoint = Config.getIntersectionByLines(start.rightParLine, end.rightParLine)
+ start.leftPoint = Map_QM.util.getIntersectionByLines(start.leftParLine, end.leftParLine)
+ start.rightPoint = Map_QM.util.getIntersectionByLines(start.rightParLine, end.rightParLine)
}
}
//循环线段列表 获取墙体所有点位 顺序为 左侧起始点->左侧所有交点->左侧结束点->右侧结束点->右侧所有交点->右侧起始点
@@ -1207,17 +998,16 @@ ConfigFun = function () {
rightPointList.reverse()
return leftPointList.concat(rightPointList)
}
-
//生成线段左右两侧的平行线
this.getParallelLine = function (start, end, wallWidth) {
- let line = new Config.WallLine(start, end)
+ let line = new Map_QM.util.WallLine(start, end)
//计算当前线段的斜率
let gradient = (start.y - end.y) / (start.x - end.x)
//计算垂直线的斜率
let perGradient = -1 / gradient
//获取垂直线上左右两侧 与当前点位相距一定距离的两个定点
- let startResult = Config.getParallelPoints(perGradient, start, wallWidth)
- let endResult = Config.getParallelPoints(perGradient, end, wallWidth)
+ let startResult = Map_QM.util.getParallelPoints(perGradient, start, wallWidth)
+ let endResult = Map_QM.util.getParallelPoints(perGradient, end, wallWidth)
let x1 = startResult[0].x
let y1 = startResult[0].y
let x2 = endResult[0].x
@@ -1231,15 +1021,14 @@ ConfigFun = function () {
let s = (x1 - x3) * (y2 - y3) - (y1 - y3) * (x2 - x3)
//判断点位位于线段的左侧还是右侧
if (s >= 0) {
- line.leftParLine = new Config.WallLine(new Config.Point(x1, y1), new Config.Point(x2, y2))
- line.rightParLine = new Config.WallLine(new Config.Point(x4, y4), new Config.Point(x5, y5))
+ line.leftParLine = new Map_QM.util.WallLine(new Map_QM.util.Point(x1, y1), new Map_QM.util.Point(x2, y2))
+ line.rightParLine = new Map_QM.util.WallLine(new Map_QM.util.Point(x4, y4), new Map_QM.util.Point(x5, y5))
} else {
- line.leftParLine = new Config.WallLine(new Config.Point(x4, y4), new Config.Point(x5, y5))
- line.rightParLine = new Config.WallLine(new Config.Point(x1, y1), new Config.Point(x2, y2))
+ line.leftParLine = new Map_QM.util.WallLine(new Map_QM.util.Point(x4, y4), new Map_QM.util.Point(x5, y5))
+ line.rightParLine = new Map_QM.util.WallLine(new Map_QM.util.Point(x1, y1), new Map_QM.util.Point(x2, y2))
}
return line
}
-
// 生成线段起始 和 结束 点位 对应的 两条 与线段垂直的直线 并记录坐标
this.getParallelPoints = function (gradient, point, wallWidth) {
let x, y
@@ -1253,16 +1042,15 @@ ConfigFun = function () {
y = parseInt(gradient * (x - point.x) + point.y)
}
- return Config.pointXY(point, new Config.Point(x, y), wallWidth / 2)
+ return Map_QM.util.pointXY(point, new Map_QM.util.Point(x, y), wallWidth / 2)
}
-
// 获取点位在直线上的坐标
this.pointXY = function (curPoint, nextPoint, length) {
let result = new Array()
//x值相等 说明是竖线 只需增减y轴坐标
if (curPoint.x == nextPoint.x) {
- result.push(new Config.Point(curPoint.x, curPoint.y + length))
- result.push(new Config.Point(curPoint.x, curPoint.y - length))
+ result.push(new Map_QM.util.Point(curPoint.x, curPoint.y + length))
+ result.push(new Map_QM.util.Point(curPoint.x, curPoint.y - length))
return result
}
//根据 斜率 和 距离 计算出对应的两个点位
@@ -1274,18 +1062,17 @@ ConfigFun = function () {
let x1 = (-B + Math.sqrt(Math.pow(B, 2) - 4 * A * C)) / (2 * A)
let x2 = (-B - Math.sqrt(Math.pow(B, 2) - 4 * A * C)) / (2 * A)
- result.push(new Config.Point(parseInt(x1), parseInt(k * x1 + b)))
- result.push(new Config.Point(parseInt(x2), parseInt(k * x2 + b)))
+ result.push(new Map_QM.util.Point(parseInt(x1), parseInt(k * x1 + b)))
+ result.push(new Map_QM.util.Point(parseInt(x2), parseInt(k * x2 + b)))
return result
}
-
//计算两条直线的相交点
this.getIntersectionByLines = function (line1, line2) {
//直线斜率
let gradient1 = (line1.end.y - line1.start.y) / (line1.end.x - line1.start.x)
let gradient2 = (line2.end.y - line2.start.y) / (line2.end.x - line2.start.x)
//斜率差值小于一定范围 表示两条线近似平行 因为交点太远 可能超出屏幕 直接取线段中点为交点
- if (Math.abs(gradient1 - gradient2) < 0.1) return new Config.Point(line1.end.x, line1.end.y)
+ if (Math.abs(gradient1 - gradient2) < 0.1) return new Map_QM.util.Point(line1.end.x, line1.end.y)
let x1 = line1.start.x
let y1 = line1.start.y
let x2 = line1.end.x
@@ -1298,7 +1085,7 @@ ConfigFun = function () {
//计算交点坐标
let x = ((x1 - x2) * (x3 * y4 - x4 * y3) - (x3 - x4) * (x1 * y2 - x2 * y1)) / ((x3 - x4) * (y1 - y2) - (x1 - x2) * (y3 - y4))
let y = ((y1 - y2) * (x3 * y4 - x4 * y3) - (x1 * y2 - x2 * y1) * (y3 - y4)) / ((y1 - y2) * (x3 - x4) - (x1 - x2) * (y3 - y4))
- return new Config.Point(x, y)
+ return new Map_QM.util.Point(x, y)
}
/////////////////////////////////////////////////////////////////////////////////////////////////
//计算点到线段的距离
@@ -1440,51 +1227,16 @@ ConfigFun = function () {
}
return len
}
-
- this.getShopData = function (callBack, shopData) {
- let backObj = { code: 200, msg: '加载成功', data: [] }
- if (shopData) {
- Config.shopData = shopData.shopList
- if (Config.shopData && Array.isArray(Config.shopData)) {
- Config.shopData.sort(Config.sortShopByFloor)
- try {
- if (!Map_QM) {
- Map_QM = new MainMap_QM(callBack, backObj)
- Map_QM.initBuild()
- } else {
- Map_QM.callBackLoadOver = callBack
- Map_QM.backObj = backObj
- Map_QM.loaderOver()
- }
- } catch (e) {
- console.log(e)
- callBack({ code: 404, msg: '地图数据解析失败' })
- callBack = null
- }
- } else {
- backObj.code = 500
- backObj.msg = '店铺数据错误'
- }
- if (backObj.code == 404) {
- callBack(backObj)
- }
- } else {
- backObj.code = 500
- backObj.msg = '店铺数据错误'
- callBack(backObj)
- }
- }
-
////////////////////////////////////////////////////////////////////////////---------------------------end
/**
* 根据色值获取材质
*/
this.getMeshMaterial = function (color, alphaModle = 0.9) {
let meshMaterial
- for (let k = 0; k < Config.meshMaterialArr.length; k++) {
+ for (let k = 0; k < Map_QM.util.meshMaterialArr.length; k++) {
let color2 = new THREE.Color(color)
- if (Config.meshMaterialArr[k].color.equals(color2) && Config.meshMaterialArr[k].opacity == alphaModle) {
- meshMaterial = Config.meshMaterialArr[k]
+ if (Map_QM.util.meshMaterialArr[k].color.equals(color2) && Map_QM.util.meshMaterialArr[k].opacity == alphaModle) {
+ meshMaterial = Map_QM.util.meshMaterialArr[k]
}
}
if (!meshMaterial) {
@@ -1496,7 +1248,7 @@ ConfigFun = function () {
side: THREE.DoubleSide,
opacity: alphaModle
})
- Config.meshMaterialArr.push(meshMaterial)
+ Map_QM.util.meshMaterialArr.push(meshMaterial)
}
return meshMaterial
}
@@ -1512,19 +1264,6 @@ ConfigFun = function () {
geometry.rotateX(rz)
geometry.translate(x, y, z)
}
- this.rotateTextYZ = function (geometry, rx, ry, rz) {
- let center = new THREE.Vector3()
- geometry.computeBoundingBox()
- geometry.boundingBox.getCenter(center)
- let x = center.x
- let y = center.y
- let z = center.z
- geometry.center()
- geometry.rotateX(rx)
- geometry.rotateY(ry)
- geometry.rotateZ(rz)
- geometry.translate(x, y, z)
- }
//对象克隆
this.cloneObject = function (sourceObj) {
let target = sourceObj instanceof Array ? [] : {}
@@ -1534,36 +1273,37 @@ ConfigFun = function () {
}
return target
}
+ //用于生成uuid
+ this.guid = function () {
+ function S4() {
+ return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1)
+ }
+ return S4() + S4() + S4()
+ }
}
-var Config = new ConfigFun()
-
-//////////////////////////////-------------------------------------------配置 ConfigFun
+//////////////////////////////-------------------------------------------配置 UtilFun
/**
* 地图主类，入口 初始化设备点位
- * @param width,height 勾图的地图宽、高
- * @param floor, 楼层编号从0开始
- * @param navPoint, 导航点位
- * @param angle(-180~180) 设备角度
*/
-MainMap_QM = function (callBack, backObj) {
+MainMap_QM = function (callBack, options) {
+ this.util = new QMUtil()
this.callBackLoadOver = callBack
- this.backObj = backObj
- let ele = document.getElementById('mapContainer')
-
- this.w = parseInt(window.getComputedStyle(ele, null).getPropertyValue('width'))
- this.h = parseInt(window.getComputedStyle(ele, null).getPropertyValue('height'))
+ let ele = document.getElementById(options.containerId || 'mapContainer')
+ this.w = parseInt(ele.clientWidth) || parseInt(window.getComputedStyle(ele, null).getPropertyValue('width'))
+ this.h = parseInt(ele.clientHeight) || parseInt(window.getComputedStyle(ele, null).getPropertyValue('height'))
+ this.backObj = { code: 200, msg: '加载成功', data: [] }
this.scene = new THREE.Scene()
this.scene.name = 'scene'
-
- aspect = this.w / this.h
- cameraPerspective = new THREE.PerspectiveCamera(45, aspect, 10, 10000)
- cameraPerspective.position.set(Config.cameraDist.x, Config.cameraDist.y, Config.cameraDist.z) //x 水平 y 垂直旋转 z 展示大小
- cameraPerspective.lookAt(new THREE.Vector3(0, 0, 0))
-
- cameraOrtho = new THREE.OrthographicCamera((340 * aspect) / -2, (340 * aspect) / 2, 340 / 2, 340 / -2, 10, 10000)
- cameraOrtho.position.set(0, 200, 0)
- cameraOrtho.lookAt(new THREE.Vector3(0, 0, 0))
- this.camera = Config.cameraDist.state == '2D' ? cameraOrtho : cameraPerspective
+ this.scene.fog = new THREE.Fog(0xe5e5e5, this.util.options.maxDis, this.util.options.maxDis + 500)
+ this.aspect = this.w / this.h
+ this.cameraPerspective = new THREE.PerspectiveCamera(45, this.aspect, 10, 10000)
+ this.cameraPerspective.position.set(this.util.guiOptions.cameraX, this.util.guiOptions.cameraY, this.util.guiOptions.cameraZ) //x 水平 y 垂直旋转 z 展示大小
+ this.cameraPerspective.lookAt(new THREE.Vector3(0, 0, 0))
+
+ this.cameraOrtho = new THREE.OrthographicCamera((340 * this.aspect) / -2, (340 * this.aspect) / 2, 340 / 2, 340 / -2, 10, 10000)
+ this.cameraOrtho.position.set(0, 200, 0)
+ this.cameraOrtho.lookAt(new THREE.Vector3(0, 0, 0))
+ this.camera = this.cameraPerspective
//
this.renderer = new THREE.WebGLRenderer({ antialias: true, alpha: true, preserveDrawingBuffer: true }) // preserveDrawingBuffer 是否可以截图
//this.renderer.outputEncoding = THREE.sRGBEncoding;
@@ -1573,28 +1313,33 @@ MainMap_QM = function (callBack, backObj) {
// 阴影类型
this.renderer.shadowMap.type = THREE.PCFSoftShadowMap
ele.appendChild(this.renderer.domElement)
- this.renderer.domElement.style.width = this.w
- this.renderer.domElement.style.height = this.h
this.labelRenderer = new THREE.CSS2DRenderer()
- this.labelRenderer.setSize(this.w, this.h, Config.perc_H)
+ //弹窗的偏移百分比 或者像素
+ this.labelRenderer.setSize(this.w, this.h, options.perc_H || '-50%')
this.labelRenderer.domElement.style.position = 'absolute'
this.labelRenderer.domElement.style.top = 0
ele.appendChild(this.labelRenderer.domElement)
- let aLight = new THREE.AmbientLight(0xffffff, 0.3)
- aLight.name = 'light'
- this.scene.add(aLight)
-
- let hemiLight = new THREE.HemisphereLight(0xdddddd, 0xffffff, 0.56)
- hemiLight.position.set(0, 50, 0)
+ let hemiLight = new THREE.HemisphereLight(this.util.lightOptions.s_col, this.util.lightOptions.g_col, this.util.lightOptions.a_int)
hemiLight.name = 'light'
+ hemiLight.position.set(0, 1, 1)
this.scene.add(hemiLight)
- this.light = new THREE.DirectionalLight(0xffffff, 0.3)
- this.light.name = 'light'
- this.light.position.set(280, 400, -300)
- this.scene.add(this.light)
+ this.shawLight = new THREE.DirectionalLight(this.util.lightOptions.d_col, this.util.lightOptions.d_int)
+ this.shawLight.name = 'light'
+ this.shawLight.position.set(280, 400, -300)
+ this.shawLight.castShadow = this.util.options.shadow //阴影
+ this.shawLight.shadow.camera.top = 200
+ this.shawLight.shadow.camera.bottom = -200
+ this.shawLight.shadow.camera.right = 200
+ this.shawLight.shadow.camera.left = -200
+ this.shawLight.shadow.camera.far = 800
+ this.shawLight.shadow.camera.near = 100
+ this.shawLight.shadow.bias = -0.001
+ this.shawLight.shadow.darkness = 0.3
+ this.shawLight.shadow.mapSize.set(2048, 2048)
+ this.scene.add(this.shawLight)
this.mixers = []
this.controls = new THREE.OrbitControls(this.camera, ele)
@@ -1602,21 +1347,16 @@ MainMap_QM = function (callBack, backObj) {
//this.controls.mouseButtons = { ORBIT: THREE.MOUSE.LEFT, ZOOM: THREE.MOUSE.MIDDLE, PAN: THREE.MOUSE.RIGHT };
//this.controls.enabled = true;
this.controls.minZoom = 0.8
- this.controls.maxZoom = Config.cameraZoom
+ this.controls.maxZoom = this.util.options.camZoom
//设置相机距离原点的最远距离
- this.controls.minDistance = Config.mapDistance.min
+ this.controls.minDistance = this.util.options.minDis
//设置相机距离原点的最远距离
- this.controls.maxDistance = Config.mapDistance.max
- this.controls.minPolarAngle = Config.cameraDist.state == '2D' ? 0 : 0.3 // radians
- this.controls.maxPolarAngle = Config.cameraDist.state == '2D' ? 0 : Math.PI / 2 - 0.3 // radians
+ this.controls.maxDistance = this.util.options.maxDis
+ this.controls.minPolarAngle = 0 // 0是为了兼容2D模式
+ this.controls.maxPolarAngle = Math.PI / 2 - 0.2 // radians
- this.controls.addEventListener('change', this.collisionChock, false) //控制器变化
- if (window.PointerEvent) {
- document.getElementById('mapContainer').addEventListener('pointerup', this.onMouseClickBox, false) //地图点击
- } else {
- document.getElementById('mapContainer').addEventListener('click', this.onMouseClickBox, false) //地图点击
- }
- document.addEventListener('rezise', this.changeDocmentResize) //窗口变化
+ document.getElementById('mapContainer').addEventListener('click', this.onMouseClickBox, false) //地图点击
+ document.addEventListener('rezise', this.changeDocmentResize, false) //窗口变化
this.mapArr = []
this.selectShop
this.selectEle = null //当前使用的电梯
@@ -1639,157 +1379,431 @@ MainMap_QM = function (callBack, backObj) {
this.sceneGap = new THREE.Group()
this.outModelGap = new THREE.Group() //全局外立面模型
this.scene.add(this.outModelGap)
-
+ this.peripheryGap = new THREE.Group() //周边模型
+ this.scene.add(this.peripheryGap)
+ this.buildObj = new THREE.Group()
this.qiModel //起点
this.qiIcon //起点Icon
this.dirIcon //我的方向Icon
this.endIcon //终点Icon
this.endModel
this.forShopArr = [] //途径数据
+ this.getInstance(options)
}
MainMap_QM.prototype = {
+ getInstance: function (options) {
+ this.util.startObj.build = this.util.deviceObj.build = parseInt(options.build) || 0
+ this.util.startObj.node = this.util.deviceObj.node = parseInt(options.navPoint) || 1
+ this.util.deviceObj.angle = parseInt(options.angle) || 0
+ this.util.selectBuild = this.util.deviceObj.build
+
+ let _space = this
+ console.log(options)
+ if (options.mallCode) {
+ let tim = this.util.timeStamp()
+ let token = encodeURIComponent(this.util.encrypt('/api/CDN/GetMapInfo' + tim))
+ this.util.requestNoJM({
+ method: 'POST',
+ data: JSON.stringify({ mallCode: options.mallCode, key: 'Zeditor' }),
+ url: options.url + '/api/CDN/GetMapInfo?token=' + token + '&time=' + tim,
+ success: res => {
+ if (res.code == '200' && res.data) {
+ try {
+ _space.util.allMap = JSON.parse(LZString.decompressFromBase64(res.data.mapData))
+ console.log('地图数据更新时间: ' + res.data.updateTime)
+ _space.initOptions(options)
+ } catch (e) {
+ _space.backObj.code = 404
+ _space.backObj.msg = '地图数据JSON格式错误'
+ }
+ tim = _space.util.timeStamp()
+ token = encodeURIComponent(_space.util.encrypt('/api/Shop/QueryShopListForMap' + tim))
+ let param = _space.util.encrypt(JSON.stringify({ mallCode: options.mallCode, BuildingOrder: options.build }))
+ _space.util.request({
+ method: 'POST',
+ data: param,
+ url: options.url + '/api/Shop/QueryShopListForMap?token=' + token + '&time=' + tim,
+ success: res => {
+ if (res.code == '200') {
+ _space.util.shopData = []
+ if (Array.isArray(res.data)) {
+ for (let i = 0; i < res.data.length; i++) {
+ for (let n = 0; n < res.data[i].shopList.length; n++) {
+ res.data[i].shopList[n].buildingOrder = options.build
+ _space.util.shopData.push(res.data[i].shopList[n])
+ }
+ }
+ } else {
+ _space.backObj.code = 500
+ _space.backObj.msg = '店铺数据解析失败'
+ }
+ } else {
+ _space.backObj.code = 500
+ _space.backObj.msg = '店铺数据解析失败'
+ }
+ _space.initOutModel()
+ },
+ fail: () => {
+ try {
+ _space.initOutModel()
+ } catch (e) {
+ _space.backObj.code = 404
+ _space.backObj.msg = '地图数据解析失败'
+ }
+ if (_space.backObj.code == 404) {
+ _space.callBackLoadOver(_space.backObj)
+ _space.callBackLoadOver = null
+ }
+ }
+ })
+ } else {
+ _space.backObj.code = 404
+ _space.backObj.msg = '地图数据获取失败'
+ _space.callBackLoadOver(_space.backObj)
+ _space.callBackLoadOver = null
+ return
+ }
+ },
+ fail: () => {
+ _space.backObj.code = 404
+ _space.backObj.msg = '地图数据获取失败'
+ _space.callBackLoadOver(_space.backObj)
+ _space.callBackLoadOver = null
+ }
+ })
+ } else {
+ if (options.mapData) {
+ try {
+ if (options.mapData.mallKey != 'Zeditor') {
+ _space.util.allMap = JSON.parse(options.mapData.mapData)
+ } else {
+ _space.util.allMap = JSON.parse(LZString.decompressFromBase64(options.mapData.mapData))
+ }
+ console.log('地图数据更新时间: ' + options.mapData.updateTime)
+ _space.initOptions(options)
+ } catch (e) {
+ console.log(e)
+ backObj.code = 404
+ backObj.msg = '地图数据JSON格式错误'
+ callBack(backObj)
+ callBack = null
+ }
+ _space.util.shopData = options.shopData
+ let backObj = { code: 200, msg: '加载成功', data: [] }
+ if (_space.util.shopData && Array.isArray(_space.util.shopData)) {
+ _space.util.shopData.sort(_space.util.sortShopByFloor)
+ } else {
+ backObj.code = 500
+ backObj.msg = '店铺数据错误'
+ }
+ try {
+ _space.initOutModel()
+ } catch (e) {
+ console.log(e)
+ _space.callBackLoadOver({ code: 404, msg: '地图数据解析失败' })
+ _space.callBackLoadOver = null
+ }
+ } else {
+ _space.util.readTextFile(_space.util.beforPath + _space.util.mapServerInfo, function (res) {
+ try {
+ if (res.data.mallKey != 'Zeditor') {
+ _space.util.allMap = JSON.parse(res.data.mapData)
+ } else {
+ _space.util.allMap = JSON.parse(LZString.decompressFromBase64(res.data.mapData))
+ }
+ console.log('地图数据更新时间: ' + res.data.updateTime)
+ _space.initOptions(options)
+ } catch (e) {
+ console.log(e)
+ _space.backObj.code = 404
+ _space.backObj.msg = '地图数据JSON格式错误'
+ _space.callBackLoadOver(_space.backObj)
+ _space.callBackLoadOver = null
+ }
+
+ _space.util.readTextFile(_space.util.beforPath + _space.util.shopServerInfo, function (res) {
+ console.log(res)
+ _space.util.shopData = res.data
+ let backObj = { code: 200, msg: '加载成功', data: [] }
+ if (_space.util.shopData && Array.isArray(_space.util.shopData)) {
+ _space.util.shopData.sort(_space.util.sortShopByFloor)
+ } else {
+ backObj.code = 500
+ backObj.msg = '店铺数据错误'
+ }
+ if (backObj.code == 404) {
+ _space.callBackLoadOver(backObj)
+ }
+ })
+ try {
+ _space.initOutModel()
+ } catch (e) {
+ _space.callBackLoadOver({ code: 404, msg: '地图数据解析失败' })
+ _space.callBackLoadOver = null
+ }
+ })
+ }
+ }
+ if (debug) {
+ var gui = new dat.GUI()
+ gui.add(this.util.guiOptions, 'cameraX', -500, 500).step(1).listen()
+ gui.add(this.util.guiOptions, 'cameraY', -500, 500).step(1).listen()
+ gui.add(this.util.guiOptions, 'cameraZ', -500, 500).step(1).listen()
+ gui.add(this.util.guiOptions, 'targatX', -500, 500).step(1).listen()
+ gui.add(this.util.guiOptions, 'targatY', -500, 500).step(1).listen()
+ gui.add(this.util.guiOptions, 'targatZ', -500, 500).step(1).listen()
+ //gui.add(options, 'button');
+ }
+ },
+ initOptions: function (options) {
+ //初始化参数
+ if (this.util.allMap[this.util.selectBuild].playSpeed) {
+ this.util.options.mapScale = this.util.allMap[this.util.selectBuild].hasOwnProperty('scale') ? parseInt(this.util.allMap[this.util.selectBuild].scale) : 18
+ this.util.options.playSpeed = this.util.allMap[this.util.selectBuild].hasOwnProperty('playSpeed') ? parseInt(this.util.allMap[this.util.selectBuild].playSpeed) : 6
+ this.util.options.collision = this.util.allMap[this.util.selectBuild].hasOwnProperty('collision') ? this.util.allMap[this.util.selectBuild].collision : true
+ this.util.options.navColor = this.util.allMap[this.util.selectBuild].hasOwnProperty('navColor') ? this.util.allMap[this.util.selectBuild].navColor : 0xee6a50
+ this.util.options.aRadius = this.util.allMap[this.util.selectBuild].hasOwnProperty('aRadius') ? parseInt(this.util.allMap[this.util.selectBuild].aRadius) : 2
+ this.util.options.boxShop = this.util.allMap[this.util.selectBuild].hasOwnProperty('boxShop') ? this.util.allMap[this.util.selectBuild].boxShop.split(',') : []
+ this.util.options.shopStyle = this.util.allMap[this.util.selectBuild].hasOwnProperty('shopStyle') ? this.util.allMap[this.util.selectBuild].shopStyle : 'shopName'
+ this.util.options.modelIcon = this.util.allMap[this.util.selectBuild].hasOwnProperty('modelIcon') ? this.util.allMap[this.util.selectBuild].modelIcon : true
+
+ this.util.lightOptions.d_col = this.util.allMap[this.util.selectBuild].d_col || 0xffffff
+ this.util.lightOptions.d_int = this.util.allMap[this.util.selectBuild].d_int || 0.3
+ this.util.lightOptions.s_col = this.util.allMap[this.util.selectBuild].s_col || 0xfffff0
+ this.util.lightOptions.g_col = this.util.allMap[this.util.selectBuild].g_col || 0xffffff
+ this.util.lightOptions.a_int = this.util.allMap[this.util.selectBuild].a_int || 0.6
+ }
+ let {
+ playSpeed = 6,
+ collision = true,
+ showStyle = false,
+ modelIcon = true,
+ shopStyle = 'shopName',
+ otherPath = [],
+ navColor = 0xee6a50,
+ overlap = false,
+ iconName = false,
+ camZoom = 3,
+ inArea = false,
+ pathColor = 0xb47834,
+ pathStyle = '3D'
+ } = options
+ this.util.options.playSpeed = playSpeed != 6 ? playSpeed : this.util.options.playSpeed
+ this.util.options.collision = !collision ? collision : this.util.options.collision
+ this.util.options.showStyle = showStyle ? showStyle : this.util.options.showStyle
+ this.util.options.modelIcon = !modelIcon ? modelIcon : this.util.options.modelIcon
+ this.util.options.shopStyle = shopStyle != 'shopName' ? shopStyle : this.util.options.shopStyle
+ this.util.options.otherPath = otherPath.length > 0 ? otherPath : []
+ this.util.options.navColor = navColor != 0xee6a50 ? navColor : this.util.options.navColor
+ this.util.options.overlap = overlap ? overlap : this.util.options.overlap
+ this.util.options.iconName = iconName ? iconName : this.util.options.iconName
+ this.util.options.camZoom = camZoom != 3 ? camZoom : this.util.options.camZoom
+ this.util.options.inArea = inArea ? inArea : this.util.options.inArea
+ this.util.options.pathColor = pathColor != 0xb47834 ? pathColor : this.util.options.pathColor
+ this.util.options.pathStyle = pathStyle != '3D' ? pathStyle : this.util.options.pathStyle
+
+ if (!isNaN(Number(options.floor))) {
+ this.util.startObj.floor = this.util.deviceObj.floor = parseInt(options.floor) || 0
+ } else {
+ if (Array.isArray(this.util.allMap)) {
+ for (var iii = 0; iii < this.util.allMap[this.util.startObj.build].buildArr.length; iii++) {
+ if (this.util.allMap[this.util.startObj.build].buildArr[iii].name == options.floor) {
+ this.util.startObj.floor = this.util.deviceObj.floor = this.util.allMap[this.util.startObj.build].buildArr[iii].order
+ break
+ }
+ }
+ }
+ }
+ },
//加载全局模型
initOutModel: function () {
- if (Config.initModelArr && Config.initModelArr.length > 0) {
- for (let i = 0; i < Config.initModelArr.length; i++) {
+ let _this = this
+ if (this.util.initModelArr && this.util.initModelArr.length > 0) {
+ for (let i = 0; i < _this.util.initModelArr.length; i++) {
let loader = new THREE.GLTFLoader()
- loader.load(Config.initModelArr[i].url, function (collada) {
- collada.scene.scale.x = collada.scene.scale.y = collada.scene.scale.z = Config.initModelArr[i].scale
- collada.scene.position.set(Config.initModelArr[i].site.x, Config.initModelArr[i].site.y, Config.initModelArr[i].site.z)
+ loader.load(_this.util.beforPath + _this.util.initModelArr[i].url, function (collada) {
+ console.log()
+ collada.scene.scale.x = collada.scene.scale.y = collada.scene.scale.z = _this.util.initModelArr[i].scale
+ collada.scene.position.set(_this.util.initModelArr[i].site.x, _this.util.initModelArr[i].site.y, _this.util.initModelArr[i].site.z)
collada.scene.rotation.set(
- (Config.initModelArr[i].rot.x * Math.PI) / 180,
- (Config.initModelArr[i].rot.y * Math.PI) / 180,
- (Config.initModelArr[i].rot.z * Math.PI) / 180
+ (_this.util.initModelArr[i].rot.x * Math.PI) / 180,
+ (_this.util.initModelArr[i].rot.y * Math.PI) / 180,
+ (_this.util.initModelArr[i].rot.z * Math.PI) / 180
)
- collada.scene.userData.type = Config.initModelArr[i].type
+ collada.scene.userData.type = _this.util.initModelArr[i].type
+ for (let k = 0; k < collada.animations.length; k++) {
+ let mixer = new THREE.AnimationMixer(collada.scene)
+ mixer.clipAction(collada.animations[k]).play()
+ _this.mixers.push(mixer)
+ }
+ //////////////////////////////////////////////
collada.scene.traverse(function (child) {
if (child.type === 'Mesh') {
- child.castShadow = true
- child.receiveShadow = true
- if (child.material.map) {
- child.material.map.encoding = THREE.LinearEncoding //贴图需要转换成 线性编码
+ child.castShadow = _this.util.options.shadow
+ child.receiveShadow = _this.util.options.shadow
+ child.userData.opacity = child.material.opacity
+ if (_this.util.initModelArr[i].colorModel == 'gama') {
+ if (child.material.map) {
+ child.material.map.encoding = THREE.LinearEncoding //贴图需要转换成 线性编码
+ }
+ child.material.color.convertGammaToLinear(0.9)
}
- child.material.color.convertGammaToLinear(0.7)
}
})
collada.scene.name = 'model' //删除其它元素时过滤
- Map_QM.outModelGap.add(collada.scene)
- // 添加进入商场标签
- let SpriteDiv = document.createElement('div')
- SpriteDiv.style = "position: absolute; background: url('./static/img/map-btn-bg.png'); width: 220px; height: 64px;"
- SpriteDiv.innerHTML =
- '建发现代城
' + - '购物中心
' + - '进入
' + - '
'
- let pointLabel = new THREE.CSS2DObject(SpriteDiv)
- pointLabel.position.set(-7.2, -30, 0.2)
- pointLabel.userData.type = '2d_IP'
- pointLabel.center = new THREE.Vector2(0.5, 0)
- pointLabel.userData.show = 'cn'
- Map_QM.outModelGap.add(pointLabel)
- if (pointLabel.userData.show != language) {
- pointLabel.element.style.opacity = 0
- }
-
- let SpriteDiv2 = document.createElement('div')
- SpriteDiv2.style = "position: absolute; background: url('./static/img/map-btn-bg.png'); width: 220px; height: 64px;"
- SpriteDiv2.innerHTML =
- 'MODERN CITY
' + - 'Shopping Mall
' + - 'GO
' + - ''
- let pointLabel2 = new THREE.CSS2DObject(SpriteDiv2)
- pointLabel2.position.set(-7.2, -30, 0.2)
- pointLabel2.userData.type = '2d_IP'
- pointLabel2.center = new THREE.Vector2(0.5, 0)
- pointLabel2.userData.show = 'en'
- Map_QM.outModelGap.add(pointLabel2)
- if (pointLabel2.userData.show != language) {
- pointLabel2.element.style.opacity = 0
+ if (_this.util.initModelArr[i].type == 'out') {
+ _this.outModelGap.add(collada.scene)
+ } else if (_this.util.initModelArr[i].type == 'periphery') {
+ _this.peripheryGap.add(collada.scene)
}
})
- if (i == Config.initModelArr.length - 1) {
- Map_QM.initBuild()
+ if (i == _this.util.initModelArr.length - 1) {
+ for (let u = 0; u < _this.util.tipArr.length; u++) {
+ let prite = document.createElement('div')
+ prite.style.zIndex = 20
+ prite.innerHTML = _this.util.tipArr[u].htmlUrl
+ if (!_this.util.tipArr[u].click) {
+ prite.style.pointerEvents = 'none'
+ }
+ let pointLabel2 = new THREE.CSS2DObject(prite)
+ pointLabel2.position.set(_this.util.tipArr[u].x, _this.util.tipArr[u].z, _this.util.tipArr[u].y)
+ pointLabel2.userData.type = '2d_IP'
+ if (_this.util.tipArr[u].type == 'out') {
+ _this.outModelGap.add(pointLabel2)
+ } else if (_this.util.tipArr[u].type == 'periphery') {
+ _this.peripheryGap.add(pointLabel2)
+ }
+ }
+ _this.initBuild()
}
}
+ } else {
+ _this.util.changeDist.inner = _this.util.options.maxDis
+ _this.initBuild()
}
},
initBuild: function (e) {
- elevator = null
- straight = null
- elevatorDown = null
- if (Config.showModelIcon) {
+ this.util.pathStateObj.elevator = null
+ this.util.pathStateObj.straight = null
+ this.util.pathStateObj.elevatorDown = null
+ let loader2 = new THREE.GLTFLoader()
+ let _this = this
+ loader2.load(this.util.beforPath + 'static/img/zhong.gltf', function (collada2) {
+ collada2.scene.traverse(function (child2) {
+ if (
+ child2.name == 'object_1' ||
+ child2.name == 'object_2' ||
+ child2.name == 'object_3' ||
+ child2.name == 'object_4' ||
+ child2.name == 'object_6' ||
+ child2.name == 'object_11' ||
+ child2.name == 'object_21' ||
+ child2.name == 'object_31' ||
+ child2.name == 'object_41'
+ ) {
+ child2.material = new THREE.MeshBasicMaterial({ color: 0xff464e, transparent: true })
+ }
+ if (child2.name == 'object_5' || child2.name == 'object_51') {
+ child2.material = new THREE.MeshBasicMaterial({ color: 0xffffff, transparent: true })
+ }
+ })
+ collada2.scene.scale.x = collada2.scene.scale.y = collada2.scene.scale.z = 100
+ collada2.scene.applyMatrix4(_this.buildObj.matrix)
+ collada2.scene.renderOrder = 200
+ collada2.scene.name = 'Z-model'
+ _this.endModel = collada2.scene
+ _this.scene.add(collada2.scene)
+ _this.endModel.visible = false
+ })
+
+ let spriteMap = new THREE.TextureLoader().load(_this.util.beforPath + 'static/img/Z.png')
+ let spriteMaterial = new THREE.SpriteMaterial({
+ //sizeAttenuation: false 禁止跟随鼠标缩放
+ map: spriteMap,
+ depthTest: true,
+ transparent: true,
+ alphaTest: 0.5
+ })
+ _this.endIcon = new MySprite_QM(spriteMaterial)
+ _this.endIcon.scale.set(80, 80, 1)
+ _this.endIcon.center = new THREE.Vector2(0.5, 0)
+ _this.endIcon.position.set(0, 55, 0)
+ _this.endIcon.applyMatrix4(_this.buildObj.matrix)
+ _this.endIcon.renderOrder = 300
+ _this.endIcon.visible = false
+ _this.endIcon.name = 'Z-model'
+ _this.scene.add(_this.endIcon)
+ if (_this.util.options.modelIcon) {
let loader = new THREE.GLTFLoader()
- loader.load('./static/img/elevator.gltf', function (collada) {
+ loader.load(_this.util.beforPath + 'static/img/elevator.gltf', function (collada) {
collada.scene.scale.x = collada.scene.scale.y = collada.scene.scale.z = 15
collada.scene.rotation.x = (-90 * Math.PI) / -180
collada.scene.renderOrder = 300
- elevator = collada.scene
+ _this.util.pathStateObj.elevator = collada.scene
collada.scene.children[0].traverse(function (child) {
if (child.isMesh && child.name == 'boli2') {
- //child.material.color = new THREE.Color(0xffffff);
+ child.material.color = new THREE.Color(0xffffff)
child.material.opacity = 0.8
}
if (child.isMesh && child.name == 'pidai') {
- //child.material.color = new THREE.Color(0xffffff);
+ child.material.color = new THREE.Color(0xffffff)
child.material.opacity = 0.8
}
})
- new THREE.GLTFLoader().load('./static/img/elevatorDown.gltf', function (collada) {
+ new THREE.GLTFLoader().load(_this.util.beforPath + 'static/img/elevatorDown.gltf', function (collada) {
collada.scene.scale.x = collada.scene.scale.y = collada.scene.scale.z = 15
collada.scene.rotation.x = (-90 * Math.PI) / -180
collada.scene.renderOrder = 300
- elevatorDown = collada.scene
- collada.scene.children[0].traverse(function (child) {
- if (child.isMesh && child.name == 'boli2') {
- //child.material.color = new THREE.Color(0xffffff);
+ _this.util.pathStateObj.elevatorDown = collada.scene
+ collada.scene.traverse(function (child) {
+ if (child.isMesh && child.name == 'boli1') {
+ child.material.color = new THREE.Color(0xffffff)
child.material.opacity = 0.8
}
if (child.isMesh && child.name == 'pidai') {
- //child.material.color = new THREE.Color(0xffffff);
+ child.material.color = new THREE.Color(0xffffff)
child.material.opacity = 0.8
}
})
- new THREE.GLTFLoader().load('./static/img/dt.gltf', function (collada) {
+ new THREE.GLTFLoader().load(_this.util.beforPath + 'static/img/dt.gltf', function (collada) {
collada.scene.scale.x = collada.scene.scale.y = collada.scene.scale.z = 15
collada.scene.rotation.x = (-90 * Math.PI) / -180
collada.scene.renderOrder = 300
- straight = collada.scene
- //console.log(straight);
- straight.traverse(function (child) {
+ _this.util.pathStateObj.straight = collada.scene
+ //console.log(Map_QM.util.pathStateObj.straight);
+ _this.util.pathStateObj.straight.traverse(function (child) {
if (child.isMesh && child.name == 'zhitiboli') {
- //child.material.color = new THREE.Color(0xffffff);
+ child.material.color = new THREE.Color(0xffffff)
child.material.opacity = 0.6
child.material.side = 1
}
- // if (child.isMesh && child.name == "zhitijiegou") {
- // child.material.color = new THREE.Color(0xffffff);
- // child.material.opacity = 0.8;
- // }
+ if (child.isMesh && child.name == 'zhitijiegou') {
+ child.material.color = new THREE.Color(0xffffff)
+ child.material.opacity = 0.8
+ }
})
- Map_QM.index = 0
- Map_QM.initTreeModel()
+ _this.index = 0
+ _this.initTreeModel()
})
})
})
} else {
- Map_QM.index = 0
- Map_QM.initTreeModel()
+ _this.index = 0
+ _this.initTreeModel()
}
},
loaderOver: function (e) {
- Map_QM.cancelRender()
- this.controls.reset()
- basePath = null
+ this.cancelRender()
+ this.util.pathStateObj.basePath = null
this.renderer.dispose()
this.remove_child(this.sceneGap)
this.scene.remove(this.sceneGap)
this.sceneGap = new THREE.Group()
- this.sceneGap.position.set(Config.sceneGap.x, Config.sceneGap.y, Config.sceneGap.z)
- this.sceneGap.scale.set(Config.sceneGap.scale, Config.sceneGap.scale, Config.sceneGap.scale)
+ this.sceneGap.position.set(this.util.sceneGap.x, this.util.sceneGap.y, this.util.sceneGap.z)
+ this.sceneGap.scale.set(this.util.sceneGap.scale, this.util.sceneGap.scale, this.util.sceneGap.scale)
+
this.scene.add(this.sceneGap)
this.buildObj = new THREE.Group()
this.sceneGap.add(this.buildObj)
@@ -1797,108 +1811,145 @@ MainMap_QM.prototype = {
this.buildObj.add(this.CSSObject)
this.buildObj.add(this.dtLineGroup)
this.initGuide()
-
- let pathData = Config.allMap[parseInt(Config.deviceObj.build)].buildArr[parseInt(Config.deviceObj.floor)].mapData.path
- if (parseInt(Config.deviceObj.node) != -1) {
- if (pathData && pathData.nodes.length > parseInt(Config.deviceObj.node)) {
- Config.deviceObj.xaxis = pathData.nodes[parseInt(Config.deviceObj.node)].x
- Config.deviceObj.yaxis = pathData.nodes[parseInt(Config.deviceObj.node)].y
+ this.controls.target.set(this.util.guiOptions.targatX, this.util.guiOptions.targatY, this.util.guiOptions.targatZ)
+ let pathData = this.util.allMap[parseInt(this.util.deviceObj.build)].buildArr[parseInt(this.util.deviceObj.floor)].mapData.path
+ pathData.nodes.sort(this.util.sortNode)
+ if (parseInt(this.util.deviceObj.node) != -1) {
+ if (pathData && pathData.nodes.length > parseInt(this.util.deviceObj.node)) {
+ this.util.deviceObj.xaxis = pathData.nodes[parseInt(this.util.deviceObj.node)].x
+ this.util.deviceObj.yaxis = pathData.nodes[parseInt(this.util.deviceObj.node)].y
}
}
-
- Config.mapScale = Config.allMap[Config.selectBuild].scale || 18
- facAllArr = []
+ this.util.pathStateObj.facAllArr = []
this.mapArr.length = 0
- basePath = '{'
- for (let bd = 0; bd < Config.allMap.length; bd++) {
- for (let i = 0; i < Config.allMap[bd].buildArr.length; i++) {
+ this.util.pathStateObj.basePath = '{'
+ for (let bd = 0; bd < this.util.allMap.length; bd++) {
+ for (let i = 0; i < this.util.allMap[bd].buildArr.length; i++) {
this.convertPath(bd, i)
}
}
- if (basePath.length > 1) {
- basePath = basePath.substr(0, basePath.length - 1)
+ if (this.util.pathStateObj.basePath.length > 1) {
+ this.util.pathStateObj.basePath = this.util.pathStateObj.basePath.substr(0, this.util.pathStateObj.basePath.length - 1)
}
- if (Config.otherPath) {
+ this.util.pathStateObj.basePath += '}'
+ let bjP = JSON.parse(this.util.pathStateObj.basePath)
+ if (this.util.options.otherPath) {
//如果多楼栋需要配置楼栋之间通行路径
- basePath += Config.otherPath
+ for (let item of this.util.options.otherPath) {
+ bjP[item.f][item.s] = item.d
+ bjP[item.s][item.f] = item.d
+ }
}
- basePath += '}'
//初始化基础路径；
- let graphPathObj = JSON.parse(basePath)
- let ftPathObj = JSON.parse(basePath)
- let dtPathObj = JSON.parse(basePath)
- for (let j = 0; j < facAllArr.length; j++) {
- for (let k = 0; k < facAllArr[j].length; k++) {
- let facP = facAllArr[j][k].buildOrder + '_' + facAllArr[j][k].floorOrder + '_' + facAllArr[j][k].navCode
- for (let h = 0; h < facAllArr[j].length; h++) {
- if (h != k) {
- let nP = facAllArr[j][h].buildOrder + '_' + facAllArr[j][h].floorOrder + '_' + facAllArr[j][h].navCode
- if (facAllArr[j][h].facCode == 'dt') {
- ftPathObj[facP][nP] = 6000
- if (facAllArr[j][k].selFac) {
- graphPathObj[facP][nP] = 300 + 100 * Math.abs(parseInt(facAllArr[j][h].floorOrder) - parseInt(facAllArr[j][k].floorOrder))
- dtPathObj[facP][nP] = 300 + 100 * Math.abs(parseInt(facAllArr[j][h].floorOrder) - parseInt(facAllArr[j][k].floorOrder))
- } else {
- graphPathObj[facP][nP] = 1500 + 100 * Math.abs(parseInt(facAllArr[j][h].floorOrder) - parseInt(facAllArr[j][k].floorOrder))
- dtPathObj[facP][nP] = 1500 + 100 * Math.abs(parseInt(facAllArr[j][h].floorOrder) - parseInt(facAllArr[j][k].floorOrder))
- }
- } else if (facAllArr[j][h].facCode == 'lt') {
- graphPathObj[facP][nP] = 500 + 300 * Math.abs(parseInt(facAllArr[j][h].floorOrder) - parseInt(facAllArr[j][k].floorOrder))
- ftPathObj[facP][nP] = 500 + 300 * Math.abs(parseInt(facAllArr[j][h].floorOrder) - parseInt(facAllArr[j][k].floorOrder))
- dtPathObj[facP][nP] = 500 + 300 * Math.abs(parseInt(facAllArr[j][h].floorOrder) - parseInt(facAllArr[j][k].floorOrder))
- } else {
- dtPathObj[facP][nP] = 6000
- if (facAllArr[j][k].selFac) {
- graphPathObj[facP][nP] = 300 + 100 * Math.abs(parseInt(facAllArr[j][h].floorOrder) - parseInt(facAllArr[j][k].floorOrder))
- ftPathObj[facP][nP] = 300 + 100 * Math.abs(parseInt(facAllArr[j][h].floorOrder) - parseInt(facAllArr[j][k].floorOrder))
+ let jcStr = JSON.stringify(bjP)
+ let graphPathObj = JSON.parse(jcStr)
+ let ftPathObj = JSON.parse(jcStr)
+ let dtPathObj = JSON.parse(jcStr)
+ try {
+ for (let j = 0; j < Map_QM.util.pathStateObj.facAllArr.length; j++) {
+ for (let k = 0; k < Map_QM.util.pathStateObj.facAllArr[j].length; k++) {
+ let facP =
+ Map_QM.util.pathStateObj.facAllArr[j][k].buildOrder +
+ '_' +
+ Map_QM.util.pathStateObj.facAllArr[j][k].floorOrder +
+ '_' +
+ Map_QM.util.pathStateObj.facAllArr[j][k].navCode
+ for (let h = 0; h < Map_QM.util.pathStateObj.facAllArr[j].length; h++) {
+ if (h != k && Map_QM.util.pathStateObj.facAllArr[j][k].buildOrder == Map_QM.util.pathStateObj.facAllArr[j][h].buildOrder) {
+ let nP =
+ Map_QM.util.pathStateObj.facAllArr[j][h].buildOrder +
+ '_' +
+ Map_QM.util.pathStateObj.facAllArr[j][h].floorOrder +
+ '_' +
+ Map_QM.util.pathStateObj.facAllArr[j][h].navCode
+ if (Map_QM.util.pathStateObj.facAllArr[j][h].facCode == 'dt') {
+ ftPathObj[facP][nP] =
+ 1000 + 600 * Math.abs(parseInt(Map_QM.util.pathStateObj.facAllArr[j][h].floorOrder) - parseInt(Map_QM.util.pathStateObj.facAllArr[j][k].floorOrder))
+ if (Map_QM.util.pathStateObj.facAllArr[j][k].no == Map_QM.util.pathStateObj.seldtFacNo) {
+ graphPathObj[facP][nP] =
+ 300 + 100 * Math.abs(parseInt(Map_QM.util.pathStateObj.facAllArr[j][h].floorOrder) - parseInt(Map_QM.util.pathStateObj.facAllArr[j][k].floorOrder))
+ } else {
+ graphPathObj[facP][nP] =
+ 800 + 100 * Math.abs(parseInt(Map_QM.util.pathStateObj.facAllArr[j][h].floorOrder) - parseInt(Map_QM.util.pathStateObj.facAllArr[j][k].floorOrder))
+ }
+ dtPathObj[facP][nP] =
+ 1000 + 100 * Math.abs(parseInt(Map_QM.util.pathStateObj.facAllArr[j][h].floorOrder) - parseInt(Map_QM.util.pathStateObj.facAllArr[j][k].floorOrder))
+ } else if (Map_QM.util.pathStateObj.facAllArr[j][h].facCode == 'td') {
+ graphPathObj[facP][nP] =
+ 800 + 300 * Math.abs(parseInt(Map_QM.util.pathStateObj.facAllArr[j][h].floorOrder) - parseInt(Map_QM.util.pathStateObj.facAllArr[j][k].floorOrder))
+ ftPathObj[facP][nP] =
+ 800 + 300 * Math.abs(parseInt(Map_QM.util.pathStateObj.facAllArr[j][h].floorOrder) - parseInt(Map_QM.util.pathStateObj.facAllArr[j][k].floorOrder))
+ dtPathObj[facP][nP] =
+ 800 + 300 * Math.abs(parseInt(Map_QM.util.pathStateObj.facAllArr[j][h].floorOrder) - parseInt(Map_QM.util.pathStateObj.facAllArr[j][k].floorOrder))
} else {
- graphPathObj[facP][nP] = 1500 + 100 * Math.abs(parseInt(facAllArr[j][h].floorOrder) - parseInt(facAllArr[j][k].floorOrder))
- ftPathObj[facP][nP] = 1500 + 100 * Math.abs(parseInt(facAllArr[j][h].floorOrder) - parseInt(facAllArr[j][k].floorOrder))
+ dtPathObj[facP][nP] =
+ 1000 + 600 * Math.abs(parseInt(Map_QM.util.pathStateObj.facAllArr[j][h].floorOrder) - parseInt(Map_QM.util.pathStateObj.facAllArr[j][k].floorOrder))
+ if (
+ Map_QM.util.pathStateObj.facAllArr[j][k].no == Map_QM.util.pathStateObj.selupftFacNo ||
+ Map_QM.util.pathStateObj.facAllArr[j][k].no == Map_QM.util.pathStateObj.seldownftFacNo
+ ) {
+ graphPathObj[facP][nP] =
+ 300 + 100 * Math.abs(parseInt(Map_QM.util.pathStateObj.facAllArr[j][h].floorOrder) - parseInt(Map_QM.util.pathStateObj.facAllArr[j][k].floorOrder))
+ } else {
+ graphPathObj[facP][nP] =
+ 800 + 100 * Math.abs(parseInt(Map_QM.util.pathStateObj.facAllArr[j][h].floorOrder) - parseInt(Map_QM.util.pathStateObj.facAllArr[j][k].floorOrder))
+ }
+ ftPathObj[facP][nP] =
+ 1000 + 100 * Math.abs(parseInt(Map_QM.util.pathStateObj.facAllArr[j][h].floorOrder) - parseInt(Map_QM.util.pathStateObj.facAllArr[j][k].floorOrder))
}
}
}
}
}
+ } catch (e) {
+ console.log('交通设施点位问题: ' + e)
}
- graphPath = graphPathObj
- ftPath = ftPathObj
- dtPath = dtPathObj
+
+ Map_QM.util.pathStateObj.graphPath = graphPathObj
+ Map_QM.util.pathStateObj.ftPath = ftPathObj
+ Map_QM.util.pathStateObj.dtPath = dtPathObj
var fIndex = 0,
bIndex = 0
this.mapArr[bIndex] = []
intTimer = setInterval(() => {
- let floor = new FloorMap_QM(bIndex, fIndex, Config.allMap[bIndex].buildArr[fIndex].name)
- floor.floorName = Config.allMap[bIndex].buildArr[fIndex].name
+ if (!Map_QM.util.allMap[bIndex].buildArr[fIndex]) {
+ clearInterval(intTimer)
+ this.initFloor()
+ return
+ }
+ let floor = new FloorMap_QM(bIndex, fIndex, Map_QM.util.allMap[bIndex].buildArr[fIndex].name)
+ floor.floorName = Map_QM.util.allMap[bIndex].buildArr[fIndex].name
floor.initDraw()
- floor.allObj.position.set(bIndex * Config.distance, (fIndex - Config.selectFloor) * Config.doubleDist, 0)
- //floor.allObj.renderOrder = 20 - fIndex;
+ floor.allObj.position.set(bIndex * Map_QM.util.options.bSpace, (fIndex - parseInt(Map_QM.util.deviceObj.floor)) * Map_QM.util.options.fSpace, 0)
this.buildObj.add(floor.allObj)
this.mapArr[bIndex].push(floor)
fIndex++
- if (fIndex >= Config.allMap[bIndex].buildArr.length) {
- if (bIndex == Config.allMap.length - 1) {
+ if (fIndex >= Map_QM.util.allMap[bIndex].buildArr.length) {
+ if (bIndex == Map_QM.util.allMap.length - 1) {
clearInterval(intTimer)
this.controls.minPan = new THREE.Vector3(this.w / -10, 0, this.h / -10)
this.controls.maxPan = new THREE.Vector3(this.w / 10, 0, this.h / 10)
- let pathData = Config.allMap[parseInt(Config.deviceObj.build)].buildArr[parseInt(Config.deviceObj.floor)].mapData.path
- if (Config.deviceObj.xaxis) {
- Map_QM.mapArr[parseInt(Config.deviceObj.build)][parseInt(Config.deviceObj.floor)].setStartSite(
- Config.deviceObj.xaxis,
- Config.deviceObj.yaxis,
- parseInt(Config.shopHeight)
+ let pathData = Map_QM.util.allMap[parseInt(Map_QM.util.deviceObj.build)].buildArr[parseInt(Map_QM.util.deviceObj.floor)].mapData.path
+
+ if (Map_QM.util.deviceObj.xaxis) {
+ Map_QM.mapArr[parseInt(Map_QM.util.deviceObj.build)][parseInt(Map_QM.util.deviceObj.floor)].setStartSite(
+ Map_QM.util.deviceObj.xaxis,
+ Map_QM.util.deviceObj.yaxis,
+ parseInt(Map_QM.util.shopHeight)
)
} else {
- if (parseInt(Config.deviceObj.node) != -1) {
- if (pathData && !Config.deviceObj.xaxis && pathData.nodes.length > parseInt(Config.deviceObj.node)) {
- Config.deviceObj.xaxis = pathData.nodes[parseInt(Config.deviceObj.node)].x
- Config.deviceObj.yaxis = pathData.nodes[parseInt(Config.deviceObj.node)].y
+ if (parseInt(Map_QM.util.deviceObj.node) != -1) {
+ pathData.nodes.sort(Map_QM.util.sortNode)
+ if (pathData && !Map_QM.util.deviceObj.xaxis && pathData.nodes.length > parseInt(Map_QM.util.deviceObj.node)) {
+ Map_QM.util.deviceObj.xaxis = pathData.nodes[parseInt(Map_QM.util.deviceObj.node)].x
+ Map_QM.util.deviceObj.yaxis = pathData.nodes[parseInt(Map_QM.util.deviceObj.node)].y
} else {
console.warn('初始化点位失败')
}
- Map_QM.mapArr[parseInt(Config.deviceObj.build)][parseInt(Config.deviceObj.floor)].setStartSite(
- Config.deviceObj.xaxis,
- Config.deviceObj.yaxis,
- parseInt(Config.shopHeight)
+ Map_QM.mapArr[parseInt(Map_QM.util.deviceObj.build)][parseInt(Map_QM.util.deviceObj.floor)].setStartSite(
+ Map_QM.util.deviceObj.xaxis,
+ Map_QM.util.deviceObj.yaxis,
+ parseInt(Map_QM.util.shopHeight)
)
}
}
@@ -1912,7 +1963,7 @@ MainMap_QM.prototype = {
}, 50)
},
initTreeModel: function () {
- let url = Config.modelStr[this.index].url
+ let url = Map_QM.util.beforPath + Map_QM.util.modelStr[this.index].url
this.gltfLoad(url)
},
gltfLoad: function (url) {
@@ -1921,32 +1972,30 @@ MainMap_QM.prototype = {
//加载路径fbx文件
object.scene.traverse(function (child) {
if (child.type === 'Mesh') {
- child.castShadow = true
- child.receiveShadow = true
+ child.castShadow = Map_QM.util.options.shadow
+ child.receiveShadow = Map_QM.util.options.shadow
if (child.material.map) {
child.material.map.encoding = THREE.LinearEncoding //贴图需要转换成 线性编码
}
- if (Config.modelStr[sopce.index].colorModel === 'gama') {
- child.material.color.convertGammaToLinear(0.5)
+ if (Map_QM.util.modelStr[sopce.index].colorModel === 'gama') {
+ child.material.color.convertGammaToLinear(0.6)
}
}
})
- object.scene.children[0].scale.set(Config.modelStr[sopce.index].size.x, Config.modelStr[sopce.index].size.y, Config.modelStr[sopce.index].size.z)
- Config.fbxModels.push({ key: Config.modelStr[sopce.index].key, obj: object.scene, operation: Config.modelStr[sopce.index] })
- if (sopce.index < Config.modelStr.length - 1) {
+ object.scene.children[0].scale.set(Map_QM.util.modelStr[sopce.index].size.x, Map_QM.util.modelStr[sopce.index].size.y, Map_QM.util.modelStr[sopce.index].size.z)
+ Map_QM.util.fbxModels.push({ key: Map_QM.util.modelStr[sopce.index].key, obj: object.scene, operation: Map_QM.util.modelStr[sopce.index] })
+ if (sopce.index < Map_QM.util.modelStr.length - 1) {
sopce.index++
sopce.initTreeModel()
} else {
- if (Config.allMap && Config.allMap.length > 0) {
+ if (Map_QM.util.allMap && Map_QM.util.allMap.length > 0) {
Map_QM.loaderOver()
- } else {
- Config.getInstance(Map_QM.callBackLoadOver, Config.deviceObj.build, Config.deviceObj.floor, Config.deviceObj.node, Config.deviceObj.angle)
}
}
})
},
initGuide: function () {
- new THREE.GLTFLoader().load('./static/img/runman.gltf', function (obj) {
+ new THREE.GLTFLoader().load(Map_QM.util.beforPath + 'static/img/runman.gltf', function (obj) {
obj.scene.scale.x = obj.scene.scale.y = obj.scene.scale.z = 15
obj.scene.children[0].children[1].children[0].material.color = new THREE.Color(0xfe9219)
Map_QM.sceneGap.add(obj.scene)
@@ -1963,7 +2012,7 @@ MainMap_QM.prototype = {
Map_QM.guide = Map_QM.man_3d
})
- new THREE.TextureLoader().load('./static/img/guide.png', textu => {
+ new THREE.TextureLoader().load(Map_QM.util.beforPath + 'static/img/guide.png', textu => {
let planeMaterial = new THREE.MeshPhongMaterial({
map: textu,
depthTest: true,
@@ -1978,9 +2027,14 @@ MainMap_QM.prototype = {
})
},
initFloor: function () {
- Map_QM.changeFloorInner()
+ if (Map_QM.util.initModelArr && Map_QM.util.initModelArr.length > 0) {
+ this.buildObj.visible = false
+ }
+ Map_QM.changeBuild(Map_QM.util.deviceObj.build, Map_QM.util.deviceObj.floor)
+ Map_QM.controls.addEventListener('change', this.controlsChock, false) //控制器变化
+ Map_QM.controls.target.set(Map_QM.util.guiOptions.targatX, Map_QM.util.guiOptions.targatY, Map_QM.util.guiOptions.targatZ)
//初始化方向为第一人称方向
- let angle = Config.deviceAng ? Config.deviceObj.angle : Config.mapAngle
+ let angle = Map_QM.util.deviceAng ? Map_QM.util.deviceObj.angle : 0
Map_QM.rotationAngle(angle)
Map_QM.startRender()
Map_QM.controls.saveState()
@@ -1989,16 +2043,16 @@ MainMap_QM.prototype = {
* 解析路径
*/
convertPath: function (buildOrder, floorOrder) {
- let mapData = Config.allMap[buildOrder].buildArr[floorOrder].mapData
+ let mapData = this.util.allMap[buildOrder].buildArr[floorOrder].mapData
let pathData = mapData.path
if (!pathData) {
return
}
if (pathData.nodes.length > 0) {
- pathData.nodes.sort(Config.sortNode)
+ pathData.nodes.sort(this.util.sortNode)
for (let i = 0; i < pathData.nodes.length; i++) {
let a = pathData.nodes[i].id
- basePath += '"' + buildOrder + '_' + floorOrder + '_' + a + '":{'
+ Map_QM.util.pathStateObj.basePath += '"' + buildOrder + '_' + floorOrder + '_' + a + '":{'
for (let n = 0; n < pathData.nodes[i]['list'].length; n++) {
let b
if (pathData.nodes[i]['list'][n].id || pathData.nodes[i]['list'][n].id == '0') {
@@ -2006,77 +2060,83 @@ MainMap_QM.prototype = {
} else {
b = a == pathData.nodes[i]['list'][n].selfNode.id ? pathData.nodes[i]['list'][n].nextNode.id : pathData.nodes[i]['list'][n].selfNode.id
}
- basePath += '"' + buildOrder + '_' + floorOrder + '_' + b + '":' + pathData.nodes[i]['list'][n].cost + ','
+ Map_QM.util.pathStateObj.basePath += '"' + buildOrder + '_' + floorOrder + '_' + b + '":' + pathData.nodes[i]['list'][n].cost + ','
}
if (pathData.nodes[i]['list'].length > 0) {
- basePath = basePath.substr(0, basePath.length - 1)
+ Map_QM.util.pathStateObj.basePath = Map_QM.util.pathStateObj.basePath.substr(0, Map_QM.util.pathStateObj.basePath.length - 1)
}
- basePath += '},'
- }
- }
- let selUpFacNo = -1,
- selDownFacNo = -1,
- seldtFacNo = -1,
- minupS = -1,
- mindownS = -1,
- minds = -1,
- minls = -1
- for (let h = 0; h < mapData.stairs.length; h++) {
- mapData.stairs[h].selFac = false
- if (mapData.stairs[h].state && mapData.stairs[h].no != '') {
- let ms = Math.abs(parseInt(mapData.stairs[h].x) - parseInt(Config.deviceObj.xaxis)) + Math.abs(parseInt(mapData.stairs[h].y) - parseInt(Config.deviceObj.yaxis))
- if (mapData.stairs[h].facCode.search('ft') != -1) {
- if (mapData.stairs[h].facCode == 'upft') {
- if (minupS == -1) {
- minupS = ms
- selUpFacNo = mapData.stairs[h].no
+ Map_QM.util.pathStateObj.basePath += '},'
+ }
+ }
+
+ let mindt = -1,
+ minupft = -1,
+ mindownft = -1 ///Map_QM.util.pathStateObj.selupftFacNo, Map_QM.util.pathStateObj.seldownftFacNo,
+ if (buildOrder == this.util.deviceObj.build && floorOrder == this.util.deviceObj.floor) {
+ if (pathData && !this.util.deviceObj.xaxis && pathData.nodes.length > parseInt(this.util.deviceObj.node)) {
+ this.util.deviceObj.xaxis = pathData.nodes[parseInt(this.util.deviceObj.node)].x
+ this.util.deviceObj.yaxis = pathData.nodes[parseInt(this.util.deviceObj.node)].y
+ }
+ for (let h = 0; h < mapData.stairs.length; h++) {
+ if (mapData.stairs[h].state && mapData.stairs[h].no != '') {
+ let ms =
+ Math.abs(parseInt(mapData.stairs[h].x) - parseInt(this.util.deviceObj.xaxis)) + Math.abs(parseInt(mapData.stairs[h].y) - parseInt(this.util.deviceObj.yaxis))
+ if (mapData.stairs[h].facCode == 'dt') {
+ if (mindt == -1) {
+ mindt = ms
+ Map_QM.util.pathStateObj.seldtFacNo = mapData.stairs[h].no
} else {
- if (minupS > ms) {
- minupS = ms
- selUpFacNo = mapData.stairs[h].no
+ if (mindt > ms) {
+ mindt = ms
+ Map_QM.util.pathStateObj.seldtFacNo = mapData.stairs[h].no
}
}
- } else {
- if (mindownS == -1) {
- mindownS = ms
- selDownFacNo = mapData.stairs[h].no
+ } else if (mapData.stairs[h].facCode == 'upft' || mapData.stairs[h].downState) {
+ //上扶梯
+ if (minupft == -1) {
+ minupft = ms
+ Map_QM.util.pathStateObj.selupftFacNo = mapData.stairs[h].no
} else {
- if (mindownS > ms) {
- mindownS = ms
- selDownFacNo = mapData.stairs[h].no
+ if (minupft > ms) {
+ minupft = ms
+ Map_QM.util.pathStateObj.selupftFacNo = mapData.stairs[h].no
}
}
- }
- } else if (mapData.stairs[h].facCode == 'dt') {
- if (minds == -1) {
- minds = ms
- seldtFacNo = mapData.stairs[h]
- } else {
- if (minds > ms) {
- minds = ms
- seldtFacNo = mapData.stairs[h]
+ } else if (mapData.stairs[h].facCode == 'upft' || mapData.stairs[h].downState) {
+ if (mindownft == -1) {
+ mindownft = ms
+ Map_QM.util.pathStateObj.seldownftFacNo = mapData.stairs[h].no
+ } else {
+ if (mindownft > ms) {
+ mindownft = ms
+ Map_QM.util.pathStateObj.seldownftFacNo = mapData.stairs[h].no
+ }
}
}
}
}
}
- seldtFacNo.selFac = true
- selUpFacNo.selFac = true
- selDownFacNo.selFac = true
let noHas
for (let j = 0; j < mapData.stairs.length; j++) {
if ((mapData.stairs[j].hasOwnProperty('state') && mapData.stairs[j].state) || !mapData.stairs[j].state) {
//排除禁用的设施
noHas = true
- for (let k = 0; k < facAllArr.length; k++) {
- //facAllArr 记录遍历结果
- if (facAllArr[k][0].no != '' && facAllArr[k][0].navCode != '' && facAllArr[k][0].no == mapData.stairs[j].no) {
- if (facAllArr[k][0].facCode == mapData.stairs[j].facCode || (facAllArr[k][0].facCode.search('ft') != -1 && mapData.stairs[j].facCode.search('ft') != -1)) {
+ for (let k = 0; k < Map_QM.util.pathStateObj.facAllArr.length; k++) {
+ //Map_QM.util.pathStateObj.facAllArr 记录遍历结果
+ if (
+ Map_QM.util.pathStateObj.facAllArr[k][0].no != '' &&
+ Map_QM.util.pathStateObj.facAllArr[k][0].navCode != '' &&
+ Map_QM.util.pathStateObj.facAllArr[k][0].no == mapData.stairs[j].no
+ ) {
+ if (
+ Map_QM.util.pathStateObj.facAllArr[k][0].facCode == mapData.stairs[j].facCode ||
+ (Map_QM.util.pathStateObj.facAllArr[k][0].facCode.search('ft') != -1 && mapData.stairs[j].facCode.search('ft') != -1)
+ ) {
noHas = false
mapData.stairs[j].floorOrder = floorOrder
mapData.stairs[j].buildOrder = buildOrder
- facAllArr[k].push(mapData.stairs[j])
+ Map_QM.util.pathStateObj.facAllArr[k].push(mapData.stairs[j])
}
}
}
@@ -2084,16 +2144,16 @@ MainMap_QM.prototype = {
mapData.stairs[j].buildOrder = buildOrder
mapData.stairs[j].floorOrder = floorOrder
let array = [mapData.stairs[j]]
- facAllArr.push(array)
+ Map_QM.util.pathStateObj.facAllArr.push(array)
}
}
}
},
/**
* @api {方法} changeMapState("3d") 地图状态切换
- * @apiGroup 地图交互
+ * @apiGroup 地图显示
* @apiDescription 地图展示状态切换
- * @apiVersion 1.0.0
+ * @apiVersion 2.0.0
* @apiParam {string} state 地图状态
*
* @apiSampleRequest off
@@ -2105,41 +2165,26 @@ MainMap_QM.prototype = {
*/
changeMapState: function (state) {
if (state === '3d') {
- Map_QM.camera = cameraPerspective
- Map_QM.controls.maxPolarAngle = Math.PI / 2 - 0.3
- Map_QM.controls.minPolarAngle = 0.3
+ Map_QM.camera = Map_QM.cameraPerspective
Map_QM.controls.object = Map_QM.camera
+ Map_QM.shawLight.castShadow = Map_QM.util.options.shadow
+ Map_QM.controls.maxPolarAngle = Math.PI / 2 - 0.2
Map_QM.camera.updateProjectionMatrix() //必须update
- Map_QM.camera.position.set(Config.cameraDist.x, Config.cameraDist.y, Config.cameraDist.z)
+ Map_QM.camera.position.set(Map_QM.util.guiOptions.cameraX, Map_QM.util.guiOptions.cameraY, Map_QM.util.guiOptions.cameraZ)
Map_QM.changeIconState(state)
} else {
- Map_QM.camera = cameraOrtho
- Map_QM.controls.maxPolarAngle = 0
- Map_QM.controls.minPolarAngle = 0
+ Map_QM.camera = Map_QM.cameraOrtho
Map_QM.controls.object = Map_QM.camera
+ Map_QM.shawLight.castShadow = false
Map_QM.camera.updateProjectionMatrix() //必须update
Map_QM.controls.maxPolarAngle = 0
Map_QM.changeIconState(state)
}
},
- /**
- * @api {方法} changeIconState("3d") ICON状态切换
- * @apiGroup 地图交互
- * @apiDescription ICON状态切换
- * @apiVersion 1.0.0
- * @apiParam {string} state 展示状态
- *
- * @apiSampleRequest off
- *
- * @apiParamExample {String} 请求示例
- *
- * Map_QM.changeIconState("2d");
- *
- */
changeIconState: function (state) {
- for (let i = 0; i < Map_QM.mapArr[Config.selectBuild].length; i++) {
- Map_QM.mapArr[Config.selectBuild][i].serObj.traverse(obj => {
+ for (let i = 0; i < Map_QM.mapArr[Map_QM.util.selectBuild].length; i++) {
+ Map_QM.mapArr[Map_QM.util.selectBuild][i].serObj.traverse(obj => {
if (obj.userData && obj.userData.use) {
if (obj.userData.use != 'all' && obj.userData.use != state) {
obj.visible = false
@@ -2149,67 +2194,217 @@ MainMap_QM.prototype = {
}
})
}
-
if (Map_QM.dirIcon) {
Map_QM.dirIcon.visible = state == '2d' ? true : false
}
if (Map_QM.qiModel) {
Map_QM.qiModel.visible = state == '2d' ? false : true
}
+ if (Map_QM.qiIcon) {
+ Map_QM.qiIcon.visible = state == '2d' && Map_QM.util.pathStateObj.isPathState ? true : false
+ }
},
/**
- * @api {方法} changeBuild(0) 楼栋切换
+ * @api {方法} changeBuild(buildOrder,floorOrder) 楼栋切换
* @apiGroup 地图交互
- * @apiDescription 楼栋切换 传入楼栋编号
- * @apiVersion 1.0.0
- * @apiParam {int} index 传入楼栋编号，改变地图显示内容
+ * @apiDescription 楼栋切换 传入楼栋编号,楼层编号
+ * @apiVersion 2.0.0
+ * @apiParam {int} buildOrder 传入楼栋编号（默认 0）
+ * @apiParam {int} floorOrder 传入楼栋编号（默认 0）
*
* @apiSampleRequest off
*
- * @apiParamExample {int} 请求示例
+ * @apiParamExample {int, int} 请求示例
*
- * Map_QM.changeBuild(0);
+ * Map_QM.changeBuild(0, 0);
*
*/
- changeBuild: function (fIndex = -1, tFloor = 0) {
- clearTimeout(outTime)
- Map_QM.forShopArr.length = 0
- forShopArr = { direction: '', wayList: [] }
- if (Map_QM.selectShop) {
- Map_QM.selectShop.scale.z = 1
- }
+ changeBuild: function (buildOrder = 0, floorOrder = 0) {
+ Map_QM.resetFloorState()
+ Map_QM.clearFloor(Map_QM.util.selectFloor)
+ this.changeBuildInner(buildOrder, floorOrder)
+ },
+ changeBuildInner: function (build = -1, fIndex = -1) {
+ fIndex = fIndex == -1 ? parseInt(Map_QM.util.deviceObj.floor) : fIndex
+ build = build == -1 ? parseInt(Map_QM.util.deviceObj.build) : build
+ Map_QM.util.selectBuild = build
+ TweenMax.to(Map_QM.buildObj.position, 0.5, {
+ x: build * Map_QM.util.options.bSpace * -1,
+ onComplete: function () {
+ Map_QM.changeFloorInner(-1, fIndex) //结束后切换楼层
+ }
+ })
+ },
+ resetFloorState: function () {
+ Map_QM.util.pathStateObj.isPathState = false
+ Map_QM.controls.maxDistance = Map_QM.util.options.maxDis
+ clearTimeout(Map_QM.util.timeObj.collTime)
+ Map_QM.controls.enabled = true
+ Map_QM.controls.enableRotate = true
+ Map_QM.util.pathStateObj.forShopArr = { direction: '', wayList: [] }
+ Map_QM.resetMeDir()
+ if (Map_QM.guide && Map_QM.guide.visible) {
+ Map_QM.guide.visible = false
+ }
if (Map_QM.endModel && Map_QM.endModel.visible) {
Map_QM.endModel.visible = false
}
- if (Map_QM.endIcon && Map_QM.endIcon.visible) {
- Map_QM.endIcon.visible = false
- }
- Map_QM.clearFloor(Config.selectFloor)
+ },
+ /**
+ * @api {方法} showFloor(floorOrder) 通过楼层编号切换楼层
+ * @apiGroup 地图交互
+ * @apiDescription 楼层切换，传入楼层编号，编号从下到上排序，最下面是0
+ * @apiVersion 2.0.0
+ *
+ * @apiParam {int} floorOrder 楼层编号
+ *
+ * @apiSampleRequest off
+ *
+ * @apiParamExample {int} 请求示例
+ *
+ * Map_QM.showFloor(1);
+ *
+ */
+ showFloor: function (fIndex = -1) {
+ Map_QM.resetFloorState()
+ Map_QM.clearFloor(fIndex)
if (fIndex != -1) {
- Config.selectBuild = fIndex
- Config.selectFloor = tFloor
+ Map_QM.changeFloorInner(-1, fIndex)
}
- Map_QM.mapArr[Config.selectBuild][Config.selectFloor].allObj.visible = true
- Map_QM.mapArr[Config.selectBuild][Config.selectFloor].labelObj.traverse(obj => {
- obj.visible = true
- })
- Map_QM.mapArr[Config.selectBuild][Config.selectFloor].iconLabel.traverse(obj => {
- obj.visible = true
- })
- TweenMax.to(Map_QM.buildObj.position, 0.3, {
- x: Config.selectBuild * Config.distance * -1,
- onComplete: function () {
- Map_QM.changeFloorInner(Config.selectFloor) //结束后切换楼层
+ },
+ /**
+ * @api {方法} changeFloorByName(floorOrder) 通过楼层名称切换楼层
+ * @apiGroup 地图交互
+ * @apiDescription 楼层切换，传入楼层名称，
+ * @apiVersion 2.0.0
+ *
+ * @apiParam {String} floorName 楼层名称
+ *
+ * @apiSampleRequest off
+ * @apiParamExample {String} 请求示例
+ *
+ * Map_QM.changeFloorByName("L1");
+ */
+ changeFloorByName: function (floorName) {
+ let floors = Map_QM.mapArr[Map_QM.util.selectBuild]
+ for (let i = 0; i < floors.length; i++) {
+ if (floors[i].floorName == floorName) {
+ Map_QM.showFloor(floors[i].floorOrder)
+ return
}
- })
+ }
+ },
+ changeFloorInner: function (build = -1, fIndex = -1, endIndex = -1, midIndex = -1) {
+ let addFloor = fIndex - Map_QM.util.deviceObj.floor > 0 ? 1 : -1
+ fIndex = fIndex != -1 ? fIndex : Map_QM.util.deviceObj.floor
+ build = build != -1 ? build : Map_QM.util.deviceObj.build
+ for (let t = 0; t < Map_QM.mapArr.length; t++) {
+ for (let i = 0; i < Map_QM.mapArr[t].length; i++) {
+ Map_QM.mapArr[t][i].allObj.visible = t == build ? true : false
+ Map_QM.mapArr[t][i].labelObj.traverse(obj => {
+ //obj.visible = false;
+ })
+ Map_QM.mapArr[t][i].iconLabel.traverse(obj => {
+ obj.visible = false
+ })
+
+ Map_QM.mapArr[t][i].tagObj.traverse(obj => {
+ obj.visible = false
+ })
+ Map_QM.mapArr[t][i].showTagObj.traverse(obj => {
+ obj.visible = false
+ })
+ }
+ }
+ if (Map_QM.mapArr[build][fIndex]) {
+ Map_QM.mapArr[build][fIndex].allObj.visible = true
+ } else {
+ return
+ }
+
+ for (let i = 0; i < Map_QM.mapArr[build].length; i++) {
+ if (i == fIndex || (i == midIndex && Map_QM.util.options.overlap) || (i == endIndex && Map_QM.util.options.overlap)) {
+ Map_QM.mapArr[build][i].allObj.visible = true
+ Map_QM.mapArr[build][i].labelObj.traverse(obj => {
+ obj.visible = true
+ })
+ Map_QM.mapArr[build][i].iconLabel.traverse(obj => {
+ obj.visible = true
+ })
+ Map_QM.mapArr[build][i].showTagObj.traverse(obj => {
+ obj.visible = true
+ })
+ } else {
+ Map_QM.mapArr[build][i].allObj.visible = false
+ }
+ if (i == Map_QM.mapArr[build].length - 1) {
+ if (Map_QM.util.options.overlap) {
+ //叠层
+ if (midIndex === -1 && endIndex !== -1) {
+ //两层
+ Map_QM.mapArr[build][fIndex].allObj.position.y = fIndex < endIndex ? -1 * Map_QM.util.options.fSpace : Map_QM.util.options.fSpace
+ Map_QM.mapArr[build][endIndex].allObj.position.y = fIndex > endIndex ? -1 * Map_QM.util.options.fSpace : Map_QM.util.options.fSpace
+ Map_QM.timeOutInit()
+ } else if (endIndex === -1) {
+ //一层
+ if (build == Map_QM.util.selectBuild && fIndex == Map_QM.util.selectFloor) {
+ Map_QM.timeOutInit()
+ } else {
+ Map_QM.util.selectBuild = build
+ Map_QM.util.selectFloor = fIndex
+ TweenMax.fromTo(
+ Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].allObj.position,
+ 0.3,
+ { y: addFloor * Map_QM.util.options.fSpace },
+ {
+ y: 0,
+ ease: Cubic.easeIn,
+ onComplete: function () {
+ Map_QM.timeOutInit()
+ }
+ }
+ )
+ }
+ } else {
+ //三层
+ Map_QM.mapArr[build][fIndex].allObj.position.y = 0
+ Map_QM.mapArr[build][midIndex].allObj.position.y = 0
+ Map_QM.mapArr[build][endIndex].allObj.position.y = 0
+ let minF = Math.min(midIndex, fIndex, endIndex)
+ let maxF = Math.max(midIndex, fIndex, endIndex)
+ Map_QM.mapArr[build][minF].allObj.position.y = -1 * Map_QM.util.options.fSpace
+ Map_QM.mapArr[build][maxF].allObj.position.y = Map_QM.util.options.fSpace
+ }
+ } else {
+ if (build == Map_QM.util.selectBuild && fIndex == Map_QM.util.selectFloor) {
+ Map_QM.timeOutInit()
+ } else {
+ Map_QM.util.selectBuild = build
+ Map_QM.util.selectFloor = fIndex
+ TweenMax.fromTo(
+ Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].allObj.position,
+ 0.3,
+ { y: addFloor * Map_QM.util.options.fSpace },
+ {
+ y: 0,
+ ease: Cubic.easeIn,
+ onComplete: function () {
+ Map_QM.timeOutInit()
+ }
+ }
+ )
+ }
+ }
+ }
+ }
},
/**
* @api {方法} onShowMeDir() 我的方向
- * @apiGroup 地图交互
+ * @apiGroup 地图显示
* @apiDescription 我的方向
- * @apiVersion 1.0.0
+ * @apiVersion 2.0.0
*
* @apiSampleRequest off
*
@@ -2218,117 +2413,92 @@ MainMap_QM.prototype = {
* Map_QM.onShowMeDir();
*
*/
- onShowMeDir: function (zoom = 0) {
- Map_QM.changeMapTo2D()
- if (Config.deviceObj.xaxis) {
- Map_QM.controls.object.position.set(Config.deviceObj.xaxis * Config.sceneGap.scale, 100, Config.deviceObj.yaxis * Config.sceneGap.scale)
- Map_QM.controls.target = new THREE.Vector3(Config.deviceObj.xaxis * Config.sceneGap.scale, 0, Config.deviceObj.yaxis * Config.sceneGap.scale)
- } else {
- Map_QM.controls.object.position.set(0, 100, 0)
- Map_QM.controls.target = new THREE.Vector3(0, 0, 0)
+ onShowMeDir: function () {
+ if (this.util.selectBuild != this.util.deviceObj.build || this.util.selectFloor != this.util.deviceObj.floor) {
+ this.changeFloorInner(this.util.deviceObj.build, this.util.deviceObj.floor)
}
- zoom = zoom == 0 ? Config.cameraZoom : zoom
- Map_QM.controls.setZoom(zoom)
- Map_QM.rotationAngle(Config.deviceObj.angle || 0)
- Map_QM.controls.enableRotate = false
+ this.onInnerMeDir()
},
- changeMapTo2D: function () {
- Config.setModelState('2d')
- Map_QM.light.castShadow = false //阴影
- Map_QM.camera = cameraOrtho
- Map_QM.controls.maxPolarAngle = 0
- Map_QM.controls.minPolarAngle = 0
- if (isPathState) {
- Map_QM.dirIcon.visible = false
- Map_QM.qiIcon.visible = true
- }
- Map_QM.controls.object = Map_QM.camera
+ onInnerMeDir: function () {
+ this.changeMapModel('2D')
+ this.shawLight.castShadow = false
+ if (Map_QM.util.pathStateObj.isPathState) {
+ this.dirIcon.visible = false
+ }
+ if (Map_QM.qiModel) Map_QM.qiModel.visible = false
+ let vat = Map_QM.mapBackToWorld(this.util.deviceObj.xaxis, this.util.deviceObj.yaxis, 0)
+ TweenMax.to(Map_QM.controls.object.position, 0.5, { x: vat.x })
+ TweenMax.to(Map_QM.controls.target, 0.5, { x: vat.x, y: vat.y, z: vat.z })
+ this.controls.setZoom(this.util.options.camZoom)
+ this.rotationAngle(this.util.deviceObj.angle || 0)
+ this.controls.enableRotate = false
},
changeMapModel: function (model) {
if (model == '2D') {
- Config.setModelState('2d')
- Map_QM.camera = cameraOrtho
- Map_QM.controls.maxPolarAngle = 0
- Map_QM.controls.minPolarAngle = 0
+ Map_QM.util.setModelState('2d')
+ Map_QM.camera = Map_QM.cameraOrtho
Map_QM.controls.object = Map_QM.camera
+ Map_QM.shawLight.castShadow = false
} else {
- Config.setModelState('3d')
- Map_QM.camera = cameraPerspective
+ Map_QM.util.setModelState('3d')
+ Map_QM.camera = Map_QM.cameraPerspective
Map_QM.controls.object = Map_QM.camera
- Map_QM.controls.maxPolarAngle = Math.PI / 2 - 0.3
- Map_QM.controls.minPolarAngle = 0.3
+ Map_QM.shawLight.castShadow = Map_QM.util.options.shadow
Map_QM.controls.reset()
- let angle = Config.deviceAng ? Config.deviceObj.angle : Config.mapAngle
- Map_QM.rotationAngle(angle)
}
},
/**
* @api {方法} onShowLocalSite(0) 局部显示放大
- * @apiGroup 地图交互
+ * @apiGroup 地图显示
* @apiDescription 局部显示放大 point 传入放大目标点，zoom放大级别 1-5
- * @apiVersion 1.0.0
+ * @apiVersion 2.0.0
* @apiParam {Object} point 放大的地图位置
- * @apiParam {int} zoom 放大倍数
+ * @apiParam {int} zoom 放大倍数(默认 1)
*
* @apiSampleRequest off
*
* @apiParamExample {Object} 请求示例
*
- * Map_QM.onShowLocalSite({point:{x:0,y:0},zoom:5});
- *
- */
- onShowLocalSite: function (obj) {
- Config.setModelState('3d')
- Map_QM.camera = cameraPerspective
- Map_QM.controls.object = Map_QM.camera
- Map_QM.controls.maxPolarAngle = Math.PI / 2 - 0.3
- Map_QM.controls.minPolarAngle = 0.3
- Map_QM.controls.reset()
- let angle = Config.deviceAng ? Config.deviceObj.angle : Config.mapAngle
- Map_QM.rotationAngle(angle)
- Map_QM.controls.target = new THREE.Vector3(obj.point.x * Config.sceneGap.scale, 0, obj.point.y * Config.sceneGap.scale)
- let disX = 60 + (5 - parseInt(obj.zoom)) * 300
- Map_QM.controls.object.position.set(obj.point.x * Config.sceneGap.scale, disX, obj.point.y * Config.sceneGap.scale + disX) // 加 disX 保持地图倾斜角度
- },
-
- /**
- * @api {方法} changeLanguage() 切换中英文
- * @apiGroup 地图交互
- * @apiDescription 切换中英文 cn en
- * @apiVersion 1.0.0
- * @apiParam {String} str 显示语言
- *
- * @apiSampleRequest off
- *
- * @apiParamExample {String} 请求示例
- *
- * Map_QM.changeLanguage("en");
+ * Map_QM.onShowLocalSite({x:0,y:0},1);
*
*/
- changeLanguage: function (lang = 'cn') {
- language = lang
- for (let t = 0; t < Map_QM.mapArr.length; t++) {
- for (let i = 0; i < Map_QM.mapArr[t].length; i++) {
- Map_QM.mapArr[t][i].labelObj.traverse(obj => {
- if (obj.element) {
- obj.element.innerText = language == 'en' ? obj.element.dataset.nameEn : obj.element.dataset.name
- }
- })
- Map_QM.mapArr[t][i].iconLabel.traverse(obj => {
- if (obj.element) {
- obj.element.innerText = language == 'en' ? obj.element.dataset.nameEn : obj.element.dataset.name
- }
- })
- }
+ onShowLocalSite: function (centerPoint, zoom = 1) {
+ if (Map_QM.util.initModelArr.length > 0 && Map_QM.util.changeDist.inner > Map_QM.util.options.minDis) {
+ Map_QM.controls.maxDistance = Map_QM.util.changeDist.inner
+ }
+ if (Map_QM.camera == Map_QM.cameraOrtho) {
+ Map_QM.util.setModelState('3d')
+ Map_QM.camera = Map_QM.cameraPerspective
+ Map_QM.controls.setZoom(zoom)
+ Map_QM.shawLight.castShadow = Map_QM.util.options.shadow
+ Map_QM.controls.object = Map_QM.camera
+ Map_QM.controls.enabled = true
+ Map_QM.controls.enableRotate = true
}
- Map_QM.collisionChock()
+ let vat = Map_QM.mapBackToWorld(centerPoint.x, centerPoint.y, 0)
+ TweenMax.to(Map_QM.controls.object.position, 0.5, {
+ x: vat.x,
+ delay: 0.1,
+ onComplete: function () {
+ Map_QM.controls.maxDistance = Map_QM.util.options.maxDis
+ }
+ })
+ TweenMax.to(Map_QM.controls.target, 0.5, { x: vat.x, y: vat.y, z: vat.z })
+ isJUZ = true
+ },
+ //底图二维坐标转 3D模型三维坐标
+ mapBackToWorld: function (mapX, mapY, mapZ) {
+ let vct = new THREE.Vector3(mapX, -1 * mapY, mapZ)
+ vct.applyMatrix4(Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].allObj.matrix)
+ vct.applyMatrix4(Map_QM.sceneGap.matrix)
+ return vct
},
/**
* @api {方法} onShowDeviceSite() 地图方向复位
- * @apiGroup 地图交互
+ * @apiGroup 地图显示
* @apiDescription 地图方向复位
- * @apiVersion 1.0.0
+ * @apiVersion 2.0.0
*
* @apiSampleRequest off
*
@@ -2338,70 +2508,37 @@ MainMap_QM.prototype = {
*
*/
onShowDeviceSite: function () {
- Config.setModelState('3d')
- Map_QM.camera = cameraPerspective
- Map_QM.controls.setZoom(1)
- if (Config.cameraDist.state === '3D') {
- Map_QM.light.castShadow = false //阴影
- }
- Map_QM.controls.object = Map_QM.camera
- Map_QM.controls.maxPolarAngle = Math.PI / 2 - 0.3
- Map_QM.controls.minPolarAngle = 0.3
- if (Map_QM.qiModel) {
- Map_QM.qiModel.visible = true
- }
- if (Map_QM.dirIcon) {
- Map_QM.dirIcon.visible = false
- }
- Map_QM.controls.enabled = true
- Map_QM.controls.enableRotate = true
- Map_QM.controls.reset()
- let angle = Config.deviceAng ? Config.deviceObj.angle : Config.mapAngle
- Map_QM.rotationAngle(angle)
+ this.showFloor(this.util.deviceObj.floor)
},
/**
* 在2D 状态下平移镜头
*/
moveCameraBy2D: function (obj) {
- if (pathCameraState == '2D' && Map_QM.camera == cameraOrtho) {
- Map_QM.controls.minAzimuthAngle = (Config.deviceObj.angle * Math.PI) / -180
- Map_QM.controls.maxAzimuthAngle = (Config.deviceObj.angle * Math.PI) / -180
- Map_QM.controls.object.position.set(0, 200, obj.y * Config.sceneGap.scale)
- Map_QM.controls.target = new THREE.Vector3(obj.x * Config.sceneGap.scale, 0, obj.y * Config.sceneGap.scale) //移动
+ if (pathCameraState == '2D' && Map_QM.camera == Map_QM.cameraOrtho) {
+ Map_QM.controls.minAzimuthAngle = (Map_QM.util.deviceObj.angle * Math.PI) / -180
+ Map_QM.controls.maxAzimuthAngle = (Map_QM.util.deviceObj.angle * Math.PI) / -180
+ Map_QM.controls.object.position.set(0, 200, obj.y * Map_QM.util.sceneGap.scale)
+ Map_QM.controls.target = new THREE.Vector3(obj.x * Map_QM.util.sceneGap.scale, 0, obj.y * Map_QM.util.sceneGap.scale) //移动
}
},
/**
* 方向复位
*/
resetMeDir: function () {
- Config.setModelState('3d')
- Map_QM.camera = cameraPerspective
- Map_QM.controls.object = Map_QM.camera
- Map_QM.controls.setZoom(1)
- if (Config.cameraDist.state === '3D') {
- Map_QM.light.castShadow = false //阴影
- }
- Map_QM.controls.maxPolarAngle = Math.PI / 2 - 0.3
- Map_QM.controls.minPolarAngle = 0.3
- Map_QM.controls.minAzimuthAngle = -Infinity
- Map_QM.controls.maxAzimuthAngle = Infinity
- Map_QM.controls.target = new THREE.Vector3(0, 0, 0)
- Map_QM.dirIcon.visible = false
- Map_QM.qiIcon.visible = false
- if (Map_QM.qiModel) {
- Map_QM.qiModel.visible = true
- }
- Map_QM.controls.reset()
- let angle = Config.deviceAng ? Config.deviceObj.angle : Config.mapAngle
- Map_QM.rotationAngle(angle)
+ this.util.setModelState('3d')
+ this.changeMapState('3d')
+ this.controls.setZoom(1)
+ this.shawLight.castShadow = this.util.options.shadow
+
+ this.controls.reset()
},
/**
* @api {方法} changePathDir(pathState) 切换导航方向
* @apiGroup 地图交互
* @apiDescription 切换导航方向
- * @apiVersion 1.0.0
+ * @apiVersion 2.0.0
*
- * @apiParam {String} pathState 地图导航方向 2D/3D
+ * @apiParam {String} pathState 地图导航方向（默认 3D）
*
* @apiSampleRequest off
*
@@ -2411,7 +2548,7 @@ MainMap_QM.prototype = {
*
*/
changePathDir: function (pathState = '3D') {
- if (isPathState) {
+ if (Map_QM.util.pathStateObj.isPathState) {
//导航状态
let initVis = false
if (Map_QM.endModel && Map_QM.endIcon) {
@@ -2424,7 +2561,7 @@ MainMap_QM.prototype = {
}
if (pathCameraState == '2D') {
//2D导航
- Map_QM.onShowMeDir(2)
+ Map_QM.onShowMeDir()
Map_QM.guide.visible = false
let pos = Map_QM.guide.position
Map_QM.guide = Map_QM.man_2d
@@ -2445,12 +2582,72 @@ MainMap_QM.prototype = {
}
}
},
-
+ /**
+ * @api {方法} queryObject3DByShopNum(ipName) 获取3D对象
+ * @apiGroup 地图交互
+ * @apiDescription 获取3D对象
+ * @apiVersion 2.0.0
+ * @apiParam {string} ipName POI名称
+ *
+ * @apiSampleRequest off
+ *
+ * @apiParamExample 请求示例
+ *
+ * Map_QM.queryObject3DByShopNum("L1001");
+ *
+ */
+ queryObject3DByShopNum: function (ipName) {
+ for (let b = 0; b < Map_QM.mapArr.length; b++) {
+ for (let i = 0; i < Map_QM.mapArr[b].length; i++) {
+ let shopArr = Map_QM.mapArr[b][i].allObj.children
+ for (let k = 0; k < shopArr.length; k++) {
+ if (shopArr[k].name == ipName) {
+ return shopArr[k]
+ }
+ }
+ }
+ }
+ return null
+ },
+ /**
+ * @api {方法} parseSelectShop() 设置选中店铺弹跳
+ * @apiGroup 地图交互
+ * @apiDescription 设置选中店铺弹跳
+ * @apiVersion 2.0.0
+ *
+ * @apiParam {object3D} selObject 传入3D对象
+ *
+ * @apiSampleRequest off
+ *
+ * @apiParamExample 请求示例
+ *
+ * Map_QM.parseSelectShop(object);
+ *
+ */
+ parseSelectShop: function (selObject) {
+ if (selObject) {
+ Map_QM.selectShop = selObject
+ TweenMax.to(Map_QM.selectShop.scale, 0.5, {
+ z: 3,
+ repeat: 4,
+ yoyo: true,
+ ease: Cubic.easeIn,
+ onComplete: function () {
+ if (Map_QM.selectShop) {
+ TweenMax.to(Map_QM.selectShop.scale, 0.5, { z: 1 })
+ }
+ }
+ })
+ if (Map_QM.util.options.inArea) {
+ Map_QM.onShowLocalSite(new Map_QM.util.Point(Map_QM.selectShop.xaxis, Map_QM.selectShop.yaxis))
+ }
+ }
+ },
/**
* @api {方法} cancelSelectShop() 取消店铺弹跳
* @apiGroup 地图交互
* @apiDescription 取消店铺弹跳效果
- * @apiVersion 1.0.0
+ * @apiVersion 2.0.0
*
* @apiSampleRequest off
*
@@ -2469,9 +2666,9 @@ MainMap_QM.prototype = {
* @api {方法} changeStateShopPro(isShow) 店铺促销标签
* @apiGroup 地图交互
* @apiDescription 店铺促销标签展示/隐藏
- * @apiVersion 1.0.0
+ * @apiVersion 2.0.0
*
- * @apiParam {boolean} isShow 店铺促销标签是否显示
+ * @apiParam {boolean} isShow 店铺促销标签是否显示（默认 false）
*
* @apiSampleRequest off
*
@@ -2481,7 +2678,7 @@ MainMap_QM.prototype = {
*
*/
changeStateShopPro: function (isShow = false) {
- Map_QM.mapArr[Config.selectBuild][Config.selectFloor].tagObj.traverse(obj => {
+ Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].tagObj.traverse(obj => {
obj.visible = isShow
})
},
@@ -2489,9 +2686,9 @@ MainMap_QM.prototype = {
* @api {方法} changeShowTagObjState(isShow) 自定义标签
* @apiGroup 地图交互
* @apiDescription 自定义标签展示/隐藏
- * @apiVersion 1.0.0
+ * @apiVersion 2.0.0
*
- * @apiParam {boolean} isShow 自定义标签是否显示
+ * @apiParam {boolean} isShow 自定义标签是否显示（默认 false）
*
* @apiSampleRequest off
*
@@ -2501,16 +2698,16 @@ MainMap_QM.prototype = {
*
*/
changeShowTagObjState: function (isShow = false) {
- Map_QM.mapArr[Config.selectBuild][Config.selectFloor].showTagObj.traverse(obj => {
+ Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].showTagObj.traverse(obj => {
obj.visible = isShow
})
},
/**
- * @api {方法} drawCurveLine(startShop,endShop) 获取店铺列表信息
+ * @api {方法} queryShopList() 获取店铺列表信息
* @apiGroup 地图数据
* @apiDescription 店铺列表
- * @apiVersion 1.0.0
+ * @apiVersion 2.0.0
*
* @apiSampleRequest off
*
@@ -2520,24 +2717,25 @@ MainMap_QM.prototype = {
*
*/
queryShopList: function () {
- return JSON.parse(JSON.stringify(Config.shopData))
+ return JSON.parse(JSON.stringify(Map_QM.util.shopData))
},
/**
* @api {方法} drawCurveLine(startShop,endShop,color) 绘制引导线
* @apiGroup 地图交互
* @apiDescription 绘制引导线
- * @apiVersion 1.0.1
+ * @apiVersion 2.0.0
*
* @apiParam {string/Array} startShop 起始店铺编号或编号数组
* @apiParam {string/Array} endShop 终点店铺编号或编号数组
+ * @apiParam {string} color 绘制颜色 （默认 "#0099ff"）
*
* @apiSampleRequest off
*
* @apiParamExample 请求示例
* //绘制一到多
- * Map_QM.drawCurveLine('L125',['L117','L127','L130'],'#2246d8')
+ * Map_QM.drawCurveLine("L125",["L117","L127","L130"],"#2246d8")
* //绘制多到一
- * Map_QM.drawCurveLine(['L117','L127','L130'],'L125','#2246d8')
+ * Map_QM.drawCurveLine(["L117","L127","L130"],"L125","#2246d8")
*
*/
drawCurveLine: function (startShop, endShop, color = '#0099ff') {
@@ -2550,18 +2748,18 @@ MainMap_QM.prototype = {
endShop = Map_QM.shopNumToNavPoint({ shopNum: endShop }, 'shop')
for (let i = 0; i < startShop.length; i++) {
startShop[i] = Map_QM.shopNumToNavPoint({ shopNum: startShop[i] }, 'shop')
- sp = new THREE.Vector3(startShop[i].xaxis, -1 * startShop[i].yaxis, Config.shopHeight)
- ep = new THREE.Vector3(endShop.xaxis, -1 * endShop.yaxis, Config.shopHeight)
+ sp = new THREE.Vector3(startShop[i].xaxis, -1 * startShop[i].yaxis, Map_QM.util.shopHeight)
+ ep = new THREE.Vector3(endShop.xaxis, -1 * endShop.yaxis, Map_QM.util.shopHeight)
let s = Math.sqrt(
(endShop.xaxis - startShop[i].xaxis) * (endShop.xaxis - startShop[i].xaxis) + (endShop.yaxis - startShop[i].yaxis) * (endShop.yaxis - startShop[i].yaxis)
)
cp1 = new THREE.Vector3(
startShop[i].xaxis + (endShop.xaxis - startShop[i].xaxis) / 3,
-1 * startShop[i].yaxis - (endShop.yaxis - startShop[i].yaxis) / 3,
- Config.shopHeight + s / 5
+ Map_QM.util.shopHeight + s / 5
)
- cp2 = new THREE.Vector3(endShop.xaxis, -1 * endShop.yaxis, Config.shopHeight + s / 3)
- Map_QM.mapArr[Config.selectBuild][Config.selectFloor].lineObj.add(Config.drawDashedLine(sp, ep, s / 10, color, cp1, cp2))
+ cp2 = new THREE.Vector3(endShop.xaxis, -1 * endShop.yaxis, Map_QM.util.shopHeight + s / 3)
+ Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].lineObj.add(Map_QM.util.drawDashedLine(sp, ep, s / 10, color, cp1, cp2))
}
} else {
startShop = Map_QM.shopNumToNavPoint({ shopNum: startShop }, 'shop')
@@ -2569,32 +2767,32 @@ MainMap_QM.prototype = {
//如果是数组
for (let i = 0; i < endShop.length; i++) {
endShop[i] = Map_QM.shopNumToNavPoint({ shopNum: endShop[i] }, 'shop')
- sp = new THREE.Vector3(startShop.xaxis, -1 * startShop.yaxis, Config.shopHeight)
- ep = new THREE.Vector3(endShop[i].xaxis, -1 * endShop[i].yaxis, Config.shopHeight)
+ sp = new THREE.Vector3(startShop.xaxis, -1 * startShop.yaxis, Map_QM.util.shopHeight)
+ ep = new THREE.Vector3(endShop[i].xaxis, -1 * endShop[i].yaxis, Map_QM.util.shopHeight)
let s = Math.sqrt(
(endShop[i].xaxis - startShop.xaxis) * (endShop[i].xaxis - startShop.xaxis) + (endShop[i].yaxis - startShop.yaxis) * (endShop[i].yaxis - startShop.yaxis)
)
cp1 = new THREE.Vector3(
startShop.xaxis + (endShop[i].xaxis - startShop.xaxis) / 3,
-1 * startShop.yaxis - (endShop[i].yaxis - startShop.yaxis) / 3,
- Config.shopHeight + s / 5
+ Map_QM.util.shopHeight + s / 5
)
- cp2 = new THREE.Vector3(endShop[i].xaxis, -1 * endShop[i].yaxis, Config.shopHeight + s / 3)
+ cp2 = new THREE.Vector3(endShop[i].xaxis, -1 * endShop[i].yaxis, Map_QM.util.shopHeight + s / 3)
- Map_QM.mapArr[Config.selectBuild][Config.selectFloor].lineObj.add(Config.drawDashedLine(sp, ep, s / 10, color, cp1, cp2))
+ Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].lineObj.add(Map_QM.util.drawDashedLine(sp, ep, s / 10, color, cp1, cp2))
}
} else {
endShop = Map_QM.shopNumToNavPoint({ shopNum: endShop }, 'shop')
- sp = new THREE.Vector3(startShop.xaxis, -1 * startShop.yaxis, Config.shopHeight)
- ep = new THREE.Vector3(endShop.xaxis, -1 * endShop.yaxis, Config.shopHeight)
+ sp = new THREE.Vector3(startShop.xaxis, -1 * startShop.yaxis, Map_QM.util.shopHeight)
+ ep = new THREE.Vector3(endShop.xaxis, -1 * endShop.yaxis, Map_QM.util.shopHeight)
let s = Math.sqrt((endShop.xaxis - startShop.xaxis) * (endShop.xaxis - startShop.xaxis) + (endShop.yaxis - startShop.yaxis) * (endShop.yaxis - startShop.yaxis))
cp1 = new THREE.Vector3(
startShop.xaxis + (endShop.xaxis - startShop.xaxis) / 3,
-1 * startShop.yaxis - (endShop.yaxis - startShop.yaxis) / 3,
- Config.shopHeight + s / 5
+ Map_QM.util.shopHeight + s / 5
)
- cp2 = new THREE.Vector3(endShop.xaxis, -1 * endShop.yaxis, Config.shopHeight + s / 3)
- Map_QM.mapArr[Config.selectBuild][Config.selectFloor].lineObj.add(Config.drawDashedLine(sp, ep, s / 10, color, cp1, cp2))
+ cp2 = new THREE.Vector3(endShop.xaxis, -1 * endShop.yaxis, Map_QM.util.shopHeight + s / 3)
+ Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].lineObj.add(Map_QM.util.drawDashedLine(sp, ep, s / 10, color, cp1, cp2))
}
}
},
@@ -2602,7 +2800,7 @@ MainMap_QM.prototype = {
* @api {方法} drawColumnar(source,property) 绘制柱状图
* @apiGroup 地图交互
* @apiDescription 绘制柱状图
- * @apiVersion 1.0.1
+ * @apiVersion 2.0.0
*
* @apiParam source 起始店铺编号或编号数组
* @apiParam property 控制参数对象
@@ -2611,9 +2809,9 @@ MainMap_QM.prototype = {
*
* @apiParamExample 请求示例
* //绘制多个
- * Map_QM.drawColumnar(['L117','L127','L130'],{'height':200,'width':20,'color':'#2246d8'})
+ * Map_QM.drawColumnar(["L117","L127","L130"],{"height":200,"width":20,"color":"#2246d8"})
* //绘制单个
- * Map_QM.drawColumnar('L125',{'height':200,'width':20,'color':'#2246d8'})
+ * Map_QM.drawColumnar("L125",{"height":200,"width":20,"color":"#2246d8"})
*/
drawColumnar: function (source, property) {
if (Array.isArray(source)) {
@@ -2662,22 +2860,22 @@ MainMap_QM.prototype = {
mesh.rotation.x = Math.PI / -2
mesh.scale.setY(property.height / property.width)
let material_line
- for (let k = 0; k < Config.lineBasicMaterialArr.length; k++) {
+ for (let k = 0; k < Map_QM.util.lineBasicMaterialArr.length; k++) {
let color2 = new THREE.Color(property.color)
- if (Config.lineBasicMaterialArr[k].color.equals(color2)) {
- material_line = Config.lineBasicMaterialArr[k]
+ if (Map_QM.util.lineBasicMaterialArr[k].color.equals(color2)) {
+ material_line = Map_QM.util.lineBasicMaterialArr[k]
}
}
if (!material_line) {
material_line = new THREE.LineBasicMaterial({
color: property.color
}) //材质对象lineColor
- Config.lineBasicMaterialArr.push(material_line)
+ Map_QM.util.lineBasicMaterialArr.push(material_line)
}
let cubeEdges = new THREE.EdgesGeometry(geometry, 60)
mesh.add(new THREE.LineSegments(cubeEdges, material))
mesh.userData.type = 'columer'
- Map_QM.mapArr[Config.selectBuild][Config.selectFloor].lineObj.add(mesh)
+ Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].lineObj.add(mesh)
}
},
@@ -2685,23 +2883,26 @@ MainMap_QM.prototype = {
* @api {方法} removeDrawEle(type) 删除绘制元素
* @apiGroup 地图交互
* @apiDescription 删除绘制元素
- * @apiVersion 1.0.1
+ * @apiVersion 2.0.0
*
- * @apiParam type 传入删除的类型 toLine--引导线 columer--柱状样式 all---所有
+ * @apiParam type 传入删除的类型(默认 all) toLine--引导线 columer--柱状样式 all---所有
*
* @apiSampleRequest off
*
* @apiParamExample 请求示例
*
- * Map_QM.removeDrawEle('toLine')
+ * Map_QM.removeDrawEle("toLine")
*
*/
- removeDrawEle: function (type) {
- let lineObj = Map_QM.mapArr[Config.selectBuild][Config.selectFloor].lineObj
- for (let j = lineObj.children.length - 1; j >= 0; j--) {
- console.log(lineObj.children[j].userData)
- if (type == 'all' || lineObj.children[j].userData.type == type) {
- lineObj.remove(lineObj.children[j])
+ removeDrawEle: function (type = 'all') {
+ for (let i = 0; i < Map_QM.mapArr.length; i++) {
+ for (let k = 0; k < Map_QM.mapArr[i].length; k++) {
+ let lineObj = Map_QM.mapArr[i][k].lineObj
+ for (let j = lineObj.children.length - 1; j >= 0; j--) {
+ if (type == 'all' || lineObj.children[j].userData.type == type) {
+ lineObj.remove(lineObj.children[j])
+ }
+ }
}
}
},
@@ -2709,7 +2910,7 @@ MainMap_QM.prototype = {
* @api {方法} rotationAngle(angle) 改变水平角度
* @apiGroup 地图显示
* @apiDescription 改变地图水平角度 angle>-180 && angle<180
- * @apiVersion 1.0.0
+ * @apiVersion 2.0.0
*
* @apiParam {int} angle 旋转角度
*
@@ -2723,12 +2924,29 @@ MainMap_QM.prototype = {
rotationAngle: function (angle) {
Map_QM.controls.setRotateHorizontal((angle / 180) * Math.PI)
},
-
+ /**
+ * @api {方法} rotateAngle(angle) 改变垂直角度
+ * @apiGroup 地图显示
+ * @apiDescription 改变地图垂直角度 angle>-90 && angle<90
+ * @apiVersion 2.0.0
+ *
+ * @apiParam {int} angle 旋转角度
+ *
+ * @apiSampleRequest off
+ *
+ * @apiParamExample {int} 请求示例
+ *
+ * Map_QM.rotateAngle(-45);
+ *
+ */
+ rotateAngle: function (angle) {
+ Map_QM.controls.rotate((angle / 180) * Math.PI)
+ },
/**
* @api {方法} setCameraDist(cDist) 调整地图大小
* @apiGroup 地图显示
- * @apiDescription 调整地图大小(值越小地图越大) Config.mapDistance.min ~ Config.mapDistance.max
- * @apiVersion 1.0.0
+ * @apiDescription 调整地图大小(值越小地图越大) Map_QM.util.options.minDis ~ Map_QM.util.options.maxDis
+ * @apiVersion 2.0.0
*
* @apiParam {int} cDist 摄像头距离
*
@@ -2740,27 +2958,23 @@ MainMap_QM.prototype = {
*
*/
setCameraDist: function (cDist) {
- clearTimeout(oTime)
- oTime = setTimeout(() => {
- clearTimeout(oTime)
- if (Config.mapDistance.min < parseInt(cDist) && parseInt(cDist) < Config.mapDistance.max) {
- let oldObj = { dis: Map_QM.controls.getDistance() }
- TweenMax.killAll(true)
- TweenMax.to(oldObj, 0.5, {
- dis: cDist,
- onUpdate: function () {
- Map_QM.controls.setDistance(oldObj.dis)
- Map_QM.collisionChock()
- }
- })
- }
- }, 200)
+ if (Map_QM.util.options.minDis < parseInt(cDist) && parseInt(cDist) < Map_QM.util.options.maxDis) {
+ let oldObj = { dis: Map_QM.controls.getDistance() }
+ TweenMax.killAll(true)
+ TweenMax.to(oldObj, 0.5, {
+ dis: cDist,
+ onUpdate: function () {
+ Map_QM.controls.setDistance(oldObj.dis)
+ Map_QM.controlsChock()
+ }
+ })
+ }
},
/**
* @api {方法} startRender() 启动地图渲染
* @apiGroup 地图显示
* @apiDescription 启动地图渲染 与 cancelRender 配合使用可节约资源
- * @apiVersion 1.0.0
+ * @apiVersion 2.0.0
*
* @apiSampleRequest off
* @apiParamExample 请求示例
@@ -2771,16 +2985,26 @@ MainMap_QM.prototype = {
startRender: function () {
Map_QM.cancelRender()
renderFrame = requestAnimationFrame(Map_QM.startRender)
- let T = clock.getDelta()
- timeS = timeS + T
+ let T = Map_QM.util._clock.getDelta()
+ Map_QM.util.timeObj.timeS = Map_QM.util.timeObj.timeS + T
// requestAnimationFrame默认调用render函数60次，通过时间判断，降低renderer.render执行频率
- if (timeS > 0.03) {
+ if (Map_QM.util.timeObj.timeS > 0.03) {
if (Map_QM.qiModel) {
Map_QM.qiModel.rotateY(0.05)
}
if (Map_QM.endModel) {
Map_QM.endModel.rotateY(0.05)
}
+ if (debug) {
+ Map_QM.controls.object.position.x = Map_QM.util.guiOptions.cameraX
+ Map_QM.controls.object.position.y = Map_QM.util.guiOptions.cameraY
+ Map_QM.controls.object.position.z = Map_QM.util.guiOptions.cameraZ
+
+ Map_QM.controls.target.x = Map_QM.util.guiOptions.targatX
+ Map_QM.controls.target.y = Map_QM.util.guiOptions.targatY
+ Map_QM.controls.target.z = Map_QM.util.guiOptions.targatZ
+ }
+
Map_QM.controls.update()
Map_QM.renderer.render(Map_QM.scene, Map_QM.camera)
Map_QM.labelRenderer.render(Map_QM.scene, Map_QM.camera)
@@ -2788,14 +3012,14 @@ MainMap_QM.prototype = {
item.update(T)
}
//timeS置0
- timeS = 0
+ Map_QM.util.timeObj.timeS = 0
}
},
/**
* @api {方法} cancelRender() 取消地图渲染
* @apiGroup 地图显示
* @apiDescription 取消地图渲染 与 startRender 配合使用可节约资源
- * @apiVersion 1.0.0
+ * @apiVersion 2.0.0
*
* @apiSampleRequest off
*
@@ -2810,123 +3034,71 @@ MainMap_QM.prototype = {
},
/**
- * @api {方法} showFloor(floorOrder) 楼层切换
+ * @api {方法} addElementLabel() 地图html标签
* @apiGroup 地图交互
- * @apiDescription 楼层切换，传入楼层编号，编号从下到上排序，最下面是0
- * @apiVersion 1.0.0
+ * @apiDescription 地图显示Html标签，返回3d标签对象
+ * @apiVersion 2.0.0
*
- * @apiParam {int} floorOrder 楼层编号
+ * @apiParam {Element} divObj div对象
+ * @apiParam {int} x 显示X坐标
+ * @apiParam {int} y 显示Y坐标
+ * @apiParam {int} z 显示高度坐标(默认 50)
+ * @apiParam {String} type docment元素自定义标识(默认 "shopInfo")
+ * @apiSampleRequest off
+ *
+ * @apiParamExample {String} 请求示例
+ * Map_QM.addElementLabel(divObj,x,y);
+ */
+ addElementLabel: function (divObj, x, y, z = 50, type = 'shopInfo') {
+ divObj.style.opacity = 0
+ Map_QM.elementDestroy(type)
+ let shopInfo = new THREE.CSS2DObject(divObj)
+ shopInfo.position.set(x, -1 * y, z)
+ shopInfo.applyMatrix4(Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].allObj.matrix)
+ shopInfo.userData.type = type
+ shopInfo.name = 'shopInfo'
+ Map_QM.CSSObject.add(shopInfo)
+ TweenMax.to(divObj.style, 0.2, { opacity: 1, delay: 0.1 })
+ return shopInfo
+ },
+ /**
+ * @api {方法} updateElementPosition() 修改标签位置
+ * @apiGroup 地图交互
+ * @apiDescription 修改标签位置
+ * @apiVersion 2.0.0
+ * @apiParam {Object} obj 对象
+ * @apiParam {int} x 新的X坐标
+ * @apiParam {int} y 新的Y坐标
*
* @apiSampleRequest off
*
- * @apiParamExample {int} 请求示例
+ * @apiParamExample {Object} 请求示例
*
- * Map_QM.showFloor(1);
- *
- */
- showFloor: function (fIndex = -1) {
- isPathState = false
- if (Map_QM.qiIcon) {
- Map_QM.qiIcon.visible = false
- }
- Map_QM.controls.enabled = true
- Map_QM.controls.enableRotate = true
- Map_QM.controls.setZoom(1)
- Map_QM.controls.minAzimuthAngle = -Infinity
- Map_QM.controls.maxAzimuthAngle = Infinity
- Map_QM.dispatchEvent({
- type: 'changeFloorinit',
- data: Map_QM.selectFloor
- })
- Map_QM.clearFloor(fIndex)
- if (Config.cameraDist.state == '3D') {
- Map_QM.resetMeDir()
- } else {
- if (Map_QM.dirIcon) {
- Map_QM.dirIcon.visible = true
- }
- }
- clearTimeout(outTime)
- Map_QM.forShopArr.length = 0
- forShopArr = { direction: '', wayList: [] }
- if (fIndex != -1) {
- Map_QM.changeFloorInner(fIndex)
- }
- Map_QM.controls.reset()
- if (Config.showlap) {
- Map_QM.controls.maxPolarAngle = Math.PI / 2 - 0.3
- Map_QM.controls.minPolarAngle = 1.2
- } else {
- Map_QM.controls.maxPolarAngle = Math.PI / 2 - 0.3
- Map_QM.controls.minPolarAngle = 0.3
- }
- // let angle = Config.deviceAng?Config.deviceObj.angle : Config.mapAngle;
- // Map_QM.rotationAngle(angle);
- },
-
- /**
- * @api {方法} addElementLabel(divObj,x=0,y=0,type="2d_pop") 地图html标签
- * @apiGroup 地图交互
- * @apiDescription 地图显示Html标签
- * @apiVersion 1.0.0
- * @apiParam {Element} divObj div对象
- * @apiParam {int} x 显示X坐标
- * @apiParam {int} y 显示Y坐标
- * @apiParam {string} type 对象标识
- * @apiSampleRequest off
- *
- * @apiParamExample {String} 请求示例
- * Map_QM.addElementLabel(divObj,0,0,"shopInfo");
- *
- */
- addElementLabel: function (divObj, x = 0, y = 0, type = 'shopInfo') {
- Map_QM.elementDestroy(type)
- let shopInfo = new THREE.CSS2DObject(divObj)
- shopInfo.position.set(x, -1 * y, type === 'shopInfo' ? (Config.shopHeight || 50) + 100 : 150)
- shopInfo.applyMatrix(Map_QM.mapArr[Config.selectBuild][Config.selectFloor].allObj.matrix)
- shopInfo.userData.type = type
- shopInfo.name = 'shopInfo'
- Map_QM.CSSObject.add(shopInfo)
- return shopInfo
- },
- /**
- * @api {方法} updateElementPosition(3DObj,x=0,y=0) 修改标签位置
- * @apiGroup 地图交互
- * @apiDescription 修改标签位置
- * @apiVersion 1.0.0
- * @apiParam {Object} obj 对象
- * @apiParam {int} x 新的X坐标
- * @apiParam {int} y 新的Y坐标
- *
- * @apiSampleRequest off
- *
- * @apiParamExample {String} 请求示例
- *
- * Map_QM.updateElementPosition("2d_pop");
+ * Map_QM.updateElementPosition(obj,x,y);
*
*/
updateElementPosition: function (obj, x, y) {
if (obj.hasOwnProperty('position')) {
- let h = Config.shopHeight || 50
+ let h = obj.position.z
obj.position.set(x, -1 * y, h)
- obj.applyMatrix(Map_QM.mapArr[Config.selectBuild][Config.selectFloor].allObj.matrix)
+ obj.applyMatrix4(Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].allObj.matrix)
}
},
/**
- * @api {方法} elementDestroy(divObj,x=0,y=0,type="2d_pop") 销毁地图标签
+ * @api {方法} elementDestroy(type) 销毁地图标签
* @apiGroup 地图交互
* @apiDescription 销毁地图上的html标签
- * @apiVersion 1.0.0
- * @apiParam {string} type 对象标识
+ * @apiVersion 2.0.0
+ * @apiParam {String} type docment元素自定义标识(默认 "shopInfo")
*
* @apiSampleRequest off
*
- * @apiParamExample {String} 请求示例
+ * @apiParamExample {Object} 请求示例
*
- * Map_QM.elementDestroy("2d_pop");
+ * Map_QM.elementDestroy();
*
*/
- elementDestroy: function (type = '2d_pop') {
+ elementDestroy: function (type = 'shopInfo') {
for (let i = Map_QM.CSSObject.children.length - 1; i >= 0; i--) {
if (Map_QM.CSSObject.children[i].userData && Map_QM.CSSObject.children[i].userData.type == type) {
Map_QM.CSSObject.remove(Map_QM.CSSObject.children[i])
@@ -2934,258 +3106,248 @@ MainMap_QM.prototype = {
}
},
/**
- * @api {方法} initSingleDevice(floorOrder,code) 设置标签背景色
- * @apiGroup 地图交互
- * @apiDescription 设置标签背景色
- * @apiVersion 1.0.0
- * @apiParam {int} floorOrder 标签所在楼层
- * @apiParam {string} code 对象标识
- * @apiParam {string} color 选中颜色 （可选）
- *
+ * @api {方法} changeShowShopName() 修改店铺显示名称
+ * @apiGroup 地图显示
+ * @apiDescription 通过店铺编号修改店铺显示名称
+ * @apiVersion 2.0.0
+ * @apiParam {Array} shopNum 店铺编号
+ * @apiParam {Array} element html标签字符串
* @apiSampleRequest off
*
* @apiParamExample {String} 请求示例
- *
- * Map_QM.initSingleDevice(0,"");
+ * Map_QM.changeShowShopName(["L104"],['肯德基
']) */ - initSingleDevice: function (floorOrder, code, color = '#5F4E41', build = 0) { - Map_QM.mapArr[build][floorOrder].showTagObj.traverse(obj => { - if (obj.element && obj.userData.code == code) { - obj.element.style.background = color + changeShowShopName: function (shopNums, elements) { + if (shopNums.length === elements.length) { + let labObj = Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].labelObj.children + for (let i = 0; i < shopNums.length; i++) { + for (let j = 0; j < labObj.length; j++) { + if (labObj[j].name == shopNums[i]) { + labObj[j].element.innerHTML = elements[i] + break + } + } } - }) + } }, /** - * @api {方法} clearDeviceSelectState() 清除标签选中 - * @apiGroup 地图交互 - * @apiDescription 清除标签选中状态 - * @apiVersion 1.0.0 - * @apiParam {int} floorOrder 标签所在楼层 - * @apiParam {string} code 对象标识 - * + * @api {方法} unionShop() 店铺合并 + * @apiGroup 地图显示 + * @apiDescription 通过店铺编号合并店铺 合铺 + * @apiVersion 2.0.0 + * @apiParam {Array} shops 店铺编号数组 + * @apiParam {Object} data 新的店铺数据(默认 空数据) * @apiSampleRequest off * * @apiParamExample {String} 请求示例 - * - * Map_QM.clearDeviceSelectState(); + * Map_QM.unionShop(["L105","L106","L107","L108"],{name:"新店",shopNum:"L104-L108",color:"#F4A460"}) */ - clearDeviceSelectState: function () { - for (let t = 0; t < Map_QM.mapArr.length; t++) { - for (let i = 0; i < Map_QM.mapArr[t].length; i++) { - Map_QM.mapArr[t][i].showTagObj.traverse(obj => { - if (obj.element) { - obj.element.style.background = '#777777' + unionShop: function (shops, data = { name: '', shopNum: 'shop', color: '#F4A460' }) { + let shopObj = [], + xAll = 0, + yAll = 0 + if (Array.isArray(shops) && shops.length > 1) { + //删除店铺box + let shopArea = Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].allObj.children + for (let i = 0; i < shops.length; i++) { + for (let k = 0; k < shopArea.length; k++) { + if (shopArea[k].name == shops[i]) { + xAll += shopArea[k].xaxis + yAll += shopArea[k].yaxis + shopObj.push(shopArea[k]) + Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].allObj.remove(shopArea[k]) + break } - }) - } - } - }, - //////////////////////////////////////////////////////////////////////////////// - /** - * 内部楼层切换 - * @param {int} fIndex 楼层编号 - * @param {int} midIndex 如果是叠层，需要传入 最多三层 - * @param {int} endIndex 如果是叠层，需要传入 最多三层 - */ - changeFloorInner: function (fIndex = -1, endIndex = -1, midIndex = -1) { - Map_QM.clearFloor(Config.selectFloor) - pathShop = '' - let addFloor = fIndex - Config.selectFloor > 0 ? 1 : -1 - if (fIndex != -1) { - Config.selectFloor = fIndex - } - for (let t = 0; t < Map_QM.mapArr.length; t++) { - for (let i = 0; i < Map_QM.mapArr[t].length; i++) { - Map_QM.mapArr[t][i].allObj.visible = t == Config.selectBuild ? true : false - Map_QM.mapArr[t][i].labelObj.traverse(obj => { - obj.visible = false - }) - Map_QM.mapArr[t][i].iconLabel.traverse(obj => { - obj.visible = false - }) - - Map_QM.mapArr[t][i].tagObj.traverse(obj => { - obj.visible = false - }) - Map_QM.mapArr[t][i].showTagObj.traverse(obj => { - obj.visible = false - }) + } } - } - if (Map_QM.mapArr[Config.selectBuild][Config.selectFloor]) { - Map_QM.mapArr[Config.selectBuild][Config.selectFloor].allObj.visible = true - } else { - return - } - - for (let i = 0; i < Map_QM.mapArr[Config.selectBuild].length; i++) { - if (Config.showlap) { - let moveZ = (i - Config.selectFloor) * Config.doubleDist - Map_QM.mapArr[Config.selectBuild][i].labelObj.traverse(obj => { - obj.visible = false - }) - Map_QM.mapArr[Config.selectBuild][i].iconLabel.traverse(obj => { - obj.visible = false - }) - Map_QM.mapArr[Config.selectBuild][i].showTagObj.traverse(obj => { - obj.visible = false - }) - TweenMax.to(Map_QM.mapArr[Config.selectBuild][i].allObj.position, 0.3, { - y: moveZ, - onComplete: function () { - Map_QM.mapArr[Config.selectBuild][i].allObj.visible = true - Map_QM.mapArr[Config.selectBuild][i].iconLabel.traverse(obj => { - obj.visible = true - }) - Map_QM.mapArr[Config.selectBuild][i].showTagObj.traverse(obj => { - obj.visible = true - }) - if (i == Config.selectFloor) { - Map_QM.mapArr[Config.selectBuild][i].labelObj.traverse(obj => { - obj.visible = true - }) - } + //删除文本标签 + let labObj = Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].labelObj.children + for (let i = 0; i < shops.length; i++) { + for (let j = 0; j < labObj.length; j++) { + if (labObj[j].name == shops[i]) { + Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].labelObj.remove(labObj[j]) + break } - }) - } else { - if (i == Config.selectFloor || (i == midIndex && Config.overlap) || (i == endIndex && Config.overlap)) { - Map_QM.mapArr[Config.selectBuild][i].allObj.visible = true - Map_QM.mapArr[Config.selectBuild][i].labelObj.traverse(obj => { - obj.visible = true - }) - Map_QM.mapArr[Config.selectBuild][i].iconLabel.traverse(obj => { - obj.visible = true - }) - - Map_QM.mapArr[Config.selectBuild][i].showTagObj.traverse(obj => { - obj.visible = true - }) - } else { - Map_QM.mapArr[Config.selectBuild][i].allObj.visible = false } - if (i == Map_QM.mapArr[Config.selectBuild].length - 1 && !Config.showlap) { - if (Config.overlap) { - //叠层 - if (midIndex === -1 && endIndex !== -1) { - //两层 - Map_QM.mapArr[Config.selectBuild][Config.selectFloor].allObj.position.y = Config.selectFloor < endIndex ? -1 * Config.doubleDist : Config.doubleDist - Map_QM.mapArr[Config.selectBuild][endIndex].allObj.position.y = Config.selectFloor > endIndex ? -1 * Config.doubleDist : Config.doubleDist - } else if (endIndex === -1) { - //一层 - TweenMax.fromTo( - Map_QM.mapArr[Config.selectBuild][Config.selectFloor].allObj.position, - 0.5, - { y: addFloor * Config.doubleDist }, - { y: 0, ease: Cubic.easeIn } - ) - //Map_QM.mapArr[Config.selectBuild][Config.selectFloor].allObj.position.y=0; - } else { - //三层 - Map_QM.mapArr[Config.selectBuild][Config.selectFloor].allObj.position.y = 0 - Map_QM.mapArr[Config.selectBuild][midIndex].allObj.position.y = 0 - Map_QM.mapArr[Config.selectBuild][endIndex].allObj.position.y = 0 - let minF = Math.min(midIndex, Config.selectFloor, endIndex) - let maxF = Math.max(midIndex, Config.selectFloor, endIndex) - Map_QM.mapArr[Config.selectBuild][minF].allObj.position.y = -1 * Config.doubleDist - Map_QM.mapArr[Config.selectBuild][maxF].allObj.position.y = Config.doubleDist - } - } else { - //Map_QM.mapArr[Config.selectBuild][Config.selectFloor].allObj.position.y=0; - TweenMax.fromTo(Map_QM.mapArr[Config.selectBuild][Config.selectFloor].allObj.position, 0.5, { y: addFloor * Config.doubleDist }, { y: 0, ease: Cubic.easeIn }) - } - Map_QM.timeOutInit() + } + let point = { + x: xAll / shopObj.length, + y: yAll / shopObj.length + } + let baseShop + for (let l = 0; l < shopObj.length; l++) { + if (l == 0) { + baseShop = new ThreeBSP(shopObj[0]) + } else { + baseShop = baseShop.union(new ThreeBSP(shopObj[l])) } } + //ThreeBSP对象转化为网格模型对象 + let mesh = baseShop.toMesh() + mesh.userData = data + mesh.userData.shopData = { formatColor: data.color } + mesh.userData.xaxis = point.x >> 0 + mesh.userData.yaxis = point.y >> 0 + mesh.userData.shopNum = data.name + mesh.userData.entColor = data.color + mesh.userData.type = 'shop' + if (data.name) { + mesh.name = data.name + let shopDiv = document.createElement('div') + shopDiv.style.cssText = css_LR + shopDiv.innerHTML = data.name + shopDiv.dataset.name = data.name + shopDiv.dataset.nameEn = data.nameEn || data.name + let shopLabel = new THREE.CSS2DObject(shopDiv) + shopLabel.position.set(point.x >> 0, (-1 * point.y) >> 0, 30) + shopLabel.name = data.shopNum || data.name + Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].labelObj.add(shopLabel) + } + mesh.material = new THREE.MeshPhongMaterial({ + color: data.color || 0xf4a460, + transparent: true, + opacity: 0.9, + side: THREE.DoubleSide, + depthTest: true + }) + Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].allObj.add(mesh) } }, + //////////////////////////////////////////////////////////////////////////////// + /** * @param {Object} e * 地图BOX点击 */ onMouseClickBox: function (event) { - clearTimeout(oTime) - oTime = setTimeout(() => { - clearTimeout(oTime) + if (Map_QM.util.isInnerTouch) { let mouse = new THREE.Vector2() mouse.x = (event.offsetX / Map_QM.w) * 2 - 1 mouse.y = -(event.offsetY / Map_QM.h) * 2 + 1 Map_QM.onCallTouchORMouse(mouse) - }, 200) + } }, onCallTouchORMouse: function (mouse) { - if (!Map_QM.mapArr[Config.selectBuild][Config.selectFloor] || isPathState) { + if ((!Map_QM.mapArr[Map_QM.util.selectBuild] && !Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor]) || Map_QM.util.pathStateObj.isPathState) { return } let raycaster = new THREE.Raycaster() raycaster.setFromCamera(mouse, Map_QM.camera) - let intersects = raycaster.intersectObjects(Map_QM.mapArr[Config.selectBuild][Config.selectFloor].allObj.children, true) + let intersects = raycaster.intersectObjects(Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].allObj.children, true) let clickShop = false - for (let i = 0; i < intersects.length; i++) { - //店铺BOX点击 - if (intersects[i].object.userData && intersects[i].object.userData.type == 'shop' && intersects[i].object.name != 'shop' && intersects[i].object.name != '') { - if (Map_QM.endModel && Map_QM.endModel.visible) { - Map_QM.endModel.visible = false - } - clickShop = true - Map_QM.mapArr[Config.selectBuild][Config.selectFloor].findPath.clearPath() - Map_QM.setSelectShopMat(intersects[i].object) - break - } - } - Map_QM.dispatchEvent({ - type: 'shop', - data: clickShop ? Map_QM.selectShop?.userData : null - }) //图标点击 for (let i = 0; i < intersects.length; i++) { //图标点击 - if (intersects[i].object.userData && intersects[i].object.userData.type == 'icon') { + if ( + intersects[i].object.userData && + (intersects[i].object.userData.type == 'icon' || + intersects[i].object.parent.userData.type == 'icon' || + intersects[i].object.parent.parent.userData.type == 'icon') + ) { if (Map_QM.endModel && Map_QM.endModel.visible) { Map_QM.endModel.visible = false } - Map_QM.mapArr[Config.selectBuild][Config.selectFloor].findPath.clearPath() + Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].findPath.clearPath() + let buildOrder = + intersects[i].object.userData.buildOrder || intersects[i].object.parent.userData.buildOrder || intersects[i].object.parent.parent.userData.buildOrder || 0 + let floorOrder = + intersects[i].object.userData.floorOrder || intersects[i].object.parent.userData.floorOrder || intersects[i].object.parent.parent.userData.floorOrder || 0 + let navCode = intersects[i].object.userData.navCode || intersects[i].object.parent.userData.navCode || intersects[i].object.parent.parent.userData.navCode + let src = intersects[i].object.userData.src || intersects[i].object.parent.userData.src || intersects[i].object.parent.parent.userData.src + let facCode = intersects[i].object.userData.facCode || intersects[i].object.parent.userData.facCode || intersects[i].object.parent.parent.userData.facCode + let title = intersects[i].object.userData.title || intersects[i].object.parent.userData.title || intersects[i].object.parent.parent.userData.title + /** + * @api {事件} icon 点击设施图标 + * @apiGroup 地图事件 + * @apiDescription 用户点击设施图标后触发自定义事件 + * @apiVersion 2.0.0 + * @apiSampleRequest off + * + * @apiParamExample 请求示例 + * Map_QM.addEventListener("icon",onClickIcon,false); + */ Map_QM.dispatchEvent({ type: 'icon', - data: intersects[i].object.userData + data: { buildOrder: buildOrder, floorOrder: floorOrder, node: navCode, src: src, facCode: facCode, title: title } }) - break + console.log('触发 icon 事件 ', { + type: 'icon', + data: { buildOrder: buildOrder, floorOrder: floorOrder, node: navCode, src: src, facCode: facCode, title: title } + }) + return } } - //设备点击 + for (let i = 0; i < intersects.length; i++) { - //图标点击 - if (intersects[i].object.userData && intersects[i].object.userData.type == 'device') { + //店铺BOX点击 + if (intersects[i].object.userData && intersects[i].object.userData.type == 'shop' && intersects[i].object.name != '') { if (Map_QM.endModel && Map_QM.endModel.visible) { Map_QM.endModel.visible = false } - Map_QM.mapArr[Config.selectBuild][Config.selectFloor].findPath.clearPath() + clickShop = true + Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].findPath.clearPath() + Map_QM.setSelectShopMat(intersects[i].object) + break + } + } + /** + * @api {事件} shop 点击已绑定品牌的店铺 + * @apiGroup 地图事件 + * @apiDescription 用户点击店铺后触发自定义事件 + * @apiVersion 2.0.0 + * @apiSampleRequest off + * + * @apiParamExample 请求示例 + * Map_QM.addEventListener("shop",onClickShop,false); + */ + if (clickShop && Map_QM.selectShop && Map_QM.selectShop.userData) { + if ((iot && Map_QM.selectShop.userData.shopData.hasOwnProperty('shopName')) || (!iot && Map_QM.selectShop.userData.shopData.hasOwnProperty('name'))) { Map_QM.dispatchEvent({ - type: 'device', - data: intersects[i].object.userData + type: 'shop', + data: Map_QM.selectShop.userData + }) + } else { + /** + * @api {事件} onlyShop 点击未绑定品牌的店铺 + * @apiGroup 地图事件 + * @apiDescription 用户点击空店铺后触发自定义事件 + * @apiVersion 2.0.0 + * @apiSampleRequest off + * + * @apiParamExample 请求示例 + * Map_QM.addEventListener("onlyShop",onClickShop,false); + */ + Map_QM.dispatchEvent({ + type: 'onlyShop', + data: Map_QM.selectShop.userData }) - break } + } else { + Map_QM.dispatchEvent({ + type: 'shop', + data: null + }) } }, //改变选中店铺box - setSelectShopMat: function (selObject, logoW = 0, url = '') { + setSelectShopMat: function (selObject) { TweenMax.killAll(true) if (Map_QM.selectShop) { Map_QM.selectShop.scale.z = 1 } - Map_QM.selectShop = selObject - TweenMax.to(Map_QM.selectShop.scale, 0.5, { - z: 3, - repeat: 4, - yoyo: true, - ease: Cubic.easeIn, - onComplete: function () { - if (Map_QM.selectShop) { - TweenMax.to(Map_QM.selectShop.scale, 0.5, { z: 1 }) + Map_QM.parseSelectShop(selObject) + }, + setSelectShopMatByName: function (ipName) { + for (let i = 0; i < Map_QM.mapArr[Map_QM.util.selectBuild].length; i++) { + let shopArr = Map_QM.mapArr[Map_QM.util.selectBuild][i].shopObj.children + for (let k = 0; k < shopArr.length; k++) { + if (shopArr[k].name == ipName) { + Map_QM.setSelectShopMat(shopArr[k]) + break } } - }) + } }, /** * 初始化后调用 @@ -3193,11 +3355,11 @@ MainMap_QM.prototype = { timeOutInit: function () { if (Map_QM.callBackLoadOver) { let floorData = [] - for (let i = 0; i < Config.allMap.length; i++) { + for (let i = 0; i < Map_QM.util.allMap.length; i++) { let build = [] - for (let j = 0; j < Config.allMap[i].buildArr.length; j++) { - if (Config.allMap[i].buildArr[j]) { - build.push({ order: Config.allMap[i].buildArr[j].order, name: Config.allMap[i].buildArr[j].name }) + for (let j = 0; j < Map_QM.util.allMap[i].buildArr.length; j++) { + if (Map_QM.util.allMap[i].buildArr[j]) { + build.push({ order: Map_QM.util.allMap[i].buildArr[j].order, name: Map_QM.util.allMap[i].buildArr[j].name }) } } floorData.push(build) @@ -3214,83 +3376,220 @@ MainMap_QM.prototype = { type: 'changeFloorOver', data: Map_QM.selectFloor }) - Map_QM.collisionChock() + Map_QM.collLabel() + }, + + autoChangeEleAngle: function () { + if (Map_QM.mapArr[Map_QM.util.selectBuild]) { + for (let m = 0; m < Map_QM.mapArr[Map_QM.util.selectBuild].length; m++) { + if (Map_QM.mapArr[Map_QM.util.selectBuild][m].allObj.visible) { + let svgChilds = Map_QM.mapArr[Map_QM.util.selectBuild][m].svgObj.children + let rat = Map_QM.controls.getRotateHorizontal() + svgChilds.forEach(item => { + if (Math.abs(item.rotation.x) < 0.5) { + if (rat - item.userData.rot > 1.7 || rat - item.userData.rot < -1.7) { + item.rotation.z = item.userData.rot < 0 ? item.userData.rot + 3.1415926 : item.userData.rot - 3.1415926 + } else { + item.rotation.z = item.userData.rot + } + } + }) + let logoChilds = Map_QM.mapArr[Map_QM.util.selectBuild][m].shopObj.children + logoChilds.forEach(item => { + if (item.children.traverse) { + item.children.traverse(obj => { + if (obj.userData.type == 'logo') { + if (rat - obj.userData.rot > 1.7 || rat - obj.userData.rot < -1.7) { + obj.rotation.z = obj.userData.rot < 0 ? obj.userData.rot + 3.1415926 : obj.userData.rot - 3.1415926 + } else { + obj.rotation.z = obj.userData.rot + } + } + }) + } + }) + } + } + } }, /** * 碰撞检测 * @param {Object} 传入检测楼层下标 */ - collisionChock: function () { - if (!Config.collision) { - return - } + controlsChock: function () { + Map_QM.autoChangeEleAngle() + /** + * @api {事件} MapAngleChange 地图的方向改变 + * @apiGroup 地图事件 + * @apiDescription 用户操作地图时触发 + * @apiVersion 2.0.0 + * @apiSampleRequest off + * + * @apiParamExample 请求示例 + * Map_QM.addEventListener("MapAngleChange",onMapAngleChange,false); + */ Map_QM.dispatchEvent({ - type: 'mapAngleChange', + type: 'MapAngleChange', data: { hAngle: Map_QM.controls.getRotateHorizontal(), vAngle: Map_QM.controls.getRotate() } }) - outTime = setTimeout(() => { - clearTimeout(outTime) - let checkList = [] - if (Config.overlap) { - for (let i = 0; i < Map_QM.mapArr[Config.selectBuild].length; i++) { - Map_QM.mapArr[Config.selectBuild][i].allObj.traverse(obj => { - if (obj.name == 'floor' && Map_QM.mapArr[Config.selectBuild][i].allObj.visible) { - // - checkList.push(obj) + + if (Map_QM.util.options.inArea && isJUZ) { + clearTimeout(shopTime) + shopTime = setTimeout(() => { + clearTimeout(shopTime) + isJUZ = false + Map_QM.controls.reset() + }, 3000) + } + if (debug) { + Map_QM.util.guiOptions.cameraX = Map_QM.controls.object.position.x + Map_QM.util.guiOptions.cameraY = Map_QM.controls.object.position.y + Map_QM.util.guiOptions.cameraZ = Map_QM.controls.object.position.z + + Map_QM.util.guiOptions.targatX = Map_QM.controls.target.x + Map_QM.util.guiOptions.targatY = Map_QM.controls.target.y + Map_QM.util.guiOptions.targatZ = Map_QM.controls.target.z + } + if (Map_QM.util.changeDist.inner > Map_QM.util.options.minDis) { + //支持缩放切换 + let distance = Map_QM.controls.getDistance() + if (distance <= Map_QM.util.changeDist.inner) { + //切换到室内 + Map_QM.util.isInnerTouch = true + if (Map_QM.outModelGap.visible) { + TweenMax.to(Map_QM.outModelGap.scale, 0.5, { + y: 0.01, + ease: Quad.easeIn, + onComplete: function () { + Map_QM.hideObjecrGap(Map_QM.outModelGap, false) //隐藏外立面 + } + }) + } + if (Map_QM.peripheryGap.visible) { + Map_QM.hideObjecrGap(Map_QM.peripheryGap, false) //隐藏周边 + } + if (!Map_QM.buildObj.userData.visible) { + Map_QM.buildObj.visible = true + Map_QM.buildObj.userData.visible = true + Map_QM.changeFloorInner(Map_QM.util.deviceObj.build, Map_QM.util.deviceObj.floor) + } + Map_QM.buildObj.traverse(obj => { + if (obj.isMesh) { + obj.material.opacity = obj.userData.opacity || 1 + obj.material.transparent = true + } + }) + } else if (distance > Map_QM.util.changeDist.outner && Map_QM.util.initModelArr.length > 1) { + //周边 + Map_QM.util.isInnerTouch = false + Map_QM.buildObj.userData.visible = false + Map_QM.buildObj.visible = false + Map_QM.changeFloorInner(Map_QM.util.deviceObj.build, Map_QM.util.deviceObj.floor) + + if (Map_QM.endModel && Map_QM.endModel.visible) { + Map_QM.endModel.visible = false + } + if (!Map_QM.peripheryGap.visible) { + TweenMax.to(Map_QM.peripheryGap.scale, 0.8, { y: 1 }) + } + Map_QM.hideObjecrGap(Map_QM.peripheryGap, true) + if (Map_QM.outModelGap.visible) { + TweenMax.to(Map_QM.outModelGap.scale, 0.5, { + y: 0.01, + ease: Quad.easeIn, + onComplete: function () { + Map_QM.hideObjecrGap(Map_QM.outModelGap, false) //隐藏外立面 + } + }) + } + } else { + // 外立面 + if (Map_QM.peripheryGap.visible) { + TweenMax.to(Map_QM.peripheryGap.scale, 0.5, { + y: 0.01, + ease: Quad.easeIn, + onComplete: function () { + Map_QM.hideObjecrGap(Map_QM.peripheryGap, false) //隐藏 } }) } + Map_QM.util.isInnerTouch = false + Map_QM.buildObj.userData.visible = false + Map_QM.buildObj.visible = true + if (Map_QM.endModel && Map_QM.endModel.visible) { + Map_QM.endModel.visible = false + } + if (!Map_QM.outModelGap.visible) { + TweenMax.to(Map_QM.outModelGap.scale, 0.8, { y: 1 }) + } + Map_QM.hideObjecrGap(Map_QM.outModelGap, true) + } + } + Map_QM.collLabel() + }, + + hideObjecrGap: function (gap, isShow) { + gap.visible = isShow + gap.traverse(obj => { + if (obj.userData && obj.userData.type == '2d_IP') { + obj.element.style.visibility = isShow ? 'visible' : 'hidden' } - if (Config.showlap) { - //叠层展示 - for (let i = 0; i < Map_QM.mapArr[Config.selectBuild].length; i++) { - Map_QM.mapArr[Config.selectBuild][i].allObj.traverse(obj => { - if (obj.name == 'floor' && Map_QM.mapArr[Config.selectBuild][i].allObj.visible && i > Config.selectFloor) { + if (obj.isMesh) { + obj.material.opacity = obj.userData.opacity + obj.material.transparent = true + } + }) + }, + + //内部碰撞检测 + collLabel: function () { + if (!Map_QM || !Map_QM.util.options.collision) { + return + } + + Map_QM.util.timeObj.collTime = setTimeout(() => { + clearTimeout(Map_QM.util.timeObj.collTime) + let checkList = [] + if (Map_QM.util.options.overlap) { + for (let i = 0; i < Map_QM.mapArr[Map_QM.util.selectBuild].length; i++) { + Map_QM.mapArr[Map_QM.util.selectBuild][i].allObj.traverse(obj => { + if (obj.name == 'floor' && Map_QM.mapArr[Map_QM.util.selectBuild][i].allObj.visible) { // checkList.push(obj) } }) } } - if (Map_QM.mapArr[Config.selectBuild]) { - for (let m = 0; m < Map_QM.mapArr[Config.selectBuild].length; m++) { - if (Map_QM.mapArr[Config.selectBuild][m].allObj.visible) { - let IconChilds = Map_QM.mapArr[Config.selectBuild][m].iconLabel.children + if (Map_QM.mapArr[Map_QM.util.selectBuild]) { + for (let m = 0; m < Map_QM.mapArr[Map_QM.util.selectBuild].length; m++) { + if (Map_QM.mapArr[Map_QM.util.selectBuild][m].allObj.visible && (!Map_QM.buildObj.userData.hasOwnProperty('visible') || Map_QM.buildObj.userData.visible)) { + let IconChilds = Map_QM.mapArr[Map_QM.util.selectBuild][m].iconLabel.children IconChilds.forEach(item => { item.element.style.visibility = 'visible' }) - let childs = Map_QM.mapArr[Config.selectBuild][m].labelObj.children + let childs = Map_QM.mapArr[Map_QM.util.selectBuild][m].labelObj.children childs.forEach(item => { item.element.style.visibility = 'visible' }) - let svgChilds = Map_QM.mapArr[Config.selectBuild][m].svgObj.children - let rat = Map_QM.controls.getRotateHorizontal() - svgChilds.forEach(item => { - if (Math.abs(item.rotation.x) < 0.5) { - if (rat - item.userData.rot > 1.7 || rat - item.userData.rot < -1.7) { - item.rotation.z = item.userData.rot < 0 ? item.userData.rot + 3.1415926 : item.userData.rot - 3.1415926 - } else { - item.rotation.z = item.userData.rot - } - } - }) let len = childs.length for (let i = 0; i < len; i++) { let obj = childs[i].element if (obj.style.visibility == 'visible' && obj.style.transform) { let labP = obj.style.transform.split('translate')[2].split(', ') for (let j = i + 1; j < len; j++) { - let pb = childs[j].element.style.transform.split('translate')[2].split(', ') - let isCol = Config.isCollision( - new Config.Point(labP[0].substring(1, labP[0].length - 2), labP[1].substring(0, labP[1].length - 3)), - obj.clientWidth, - obj.clientHeight, - new Config.Point(pb[0].substring(1, pb[0].length - 2), pb[1].substring(0, pb[1].length - 3)), - childs[j].element.clientWidth, - childs[j].element.clientHeight - ) - if (isCol) { - childs[j].element.style.visibility = 'hidden' + if (childs[j].element.style.transform) { + let pb = childs[j].element.style.transform.split('translate')[2].split(', ') + let isCol = Map_QM.util.isCollision( + new Map_QM.util.Point(labP[0].substring(1, labP[0].length - 2), labP[1].substring(0, labP[1].length - 3)), + obj.clientWidth, + obj.clientHeight, + new Map_QM.util.Point(pb[0].substring(1, pb[0].length - 2), pb[1].substring(0, pb[1].length - 3)), + childs[j].element.clientWidth, + childs[j].element.clientHeight + ) + if (isCol) { + childs[j].element.style.visibility = 'hidden' + } } } } @@ -3302,11 +3601,11 @@ MainMap_QM.prototype = { let labPIcon = objIcon.style.transform.split('translate')[2].split(', ') for (let jj = ii + 1; jj < iLen; jj++) { let pbe = IconChilds[jj].element.style.transform.split('translate')[2].split(', ') - let isCol2 = Config.isCollision( - new Config.Point(labPIcon[0].substring(1, labPIcon[0].length - 2), labPIcon[1].substring(0, labPIcon[1].length - 3)), + let isCol2 = Map_QM.util.isCollision( + new Map_QM.util.Point(labPIcon[0].substring(1, labPIcon[0].length - 2), labPIcon[1].substring(0, labPIcon[1].length - 3)), objIcon.clientWidth, objIcon.clientHeight, - new Config.Point(pbe[0].substring(1, pbe[0].length - 2), pbe[1].substring(0, pbe[1].length - 3)), + new Map_QM.util.Point(pbe[0].substring(1, pbe[0].length - 2), pbe[1].substring(0, pbe[1].length - 3)), IconChilds[jj].element.clientWidth, IconChilds[jj].element.clientHeight ) @@ -3316,11 +3615,12 @@ MainMap_QM.prototype = { } } } - if (Config.overlap || Config.showlap) { - let renChild = Map_QM.mapArr[Config.selectBuild][m].showTagObj.children + if (Map_QM.util.options.overlap) { + let renChild = Map_QM.mapArr[Map_QM.util.selectBuild][m].showTagObj.children + const { left, top } = Map_QM.renderer.domElement.getBoundingClientRect() renChild.forEach(item => { if (item.element.style.visibility == 'visible') { - let check = Config.blocked(item.element, checkList, m) + let check = Map_QM.util.blocked(item.element, checkList, m, top, left) if (check) { item.element.style.visibility = 'hidden' } @@ -3328,7 +3628,7 @@ MainMap_QM.prototype = { }) childs.forEach(item => { if (item.element.style.visibility == 'visible') { - let check = Config.blocked(item.element, checkList, m) + let check = Map_QM.util.blocked(item.element, checkList, m, top, left) if (check) { item.element.style.visibility = 'hidden' } @@ -3336,13 +3636,22 @@ MainMap_QM.prototype = { }) IconChilds.forEach(item => { if (item.element.style.visibility == 'visible') { - let check = Config.blocked(item.element, checkList, m) + let check = Map_QM.util.blocked(item.element, checkList, m, top, left) if (check) { item.element.style.visibility = 'hidden' } } }) } + } else { + let IconChilds = Map_QM.mapArr[Map_QM.util.selectBuild][m].iconLabel.children + IconChilds.forEach(item => { + item.element.style.visibility = 'hidden' + }) + let childs = Map_QM.mapArr[Map_QM.util.selectBuild][m].labelObj.children + childs.forEach(item => { + item.element.style.visibility = 'hidden' + }) } } } @@ -3357,7 +3666,7 @@ MainMap_QM.prototype = { * @api {方法} bounceIcon({type:"xsj"}) 图标弹跳 * @apiGroup 地图导航 * @apiDescription 地图图标弹跳效果 - * @apiVersion 1.0.0 + * @apiVersion 2.0.0 * @apiParam {String} iconType 设施缩写 * * @apiSampleRequest off @@ -3368,8 +3677,8 @@ MainMap_QM.prototype = { * */ bounceIcon: function (iconType) { - let toFloor = parseInt(Config.selectFloor) - let facs = Map_QM.mapArr[Config.selectBuild][toFloor].serObj.children //交通图标 + let toFloor = parseInt(Map_QM.util.selectFloor) + let facs = Map_QM.mapArr[Map_QM.util.selectBuild][toFloor].serObj.children //交通图标 for (let i = 0; i < facs.length; i++) { if (facs[i].type == 'Sprite') { facs[i].reSetSite() @@ -3383,7 +3692,7 @@ MainMap_QM.prototype = { * @api {方法} pathIcon({type:"xsj"}) 获取最近设施 * @apiGroup 地图导航 * @apiDescription 获取离当前楼层最近的设施 - * @apiVersion 1.0.0 + * @apiVersion 2.0.0 * @apiParam {JSON} type 设施缩写 * * @apiSampleRequest off @@ -3402,58 +3711,62 @@ MainMap_QM.prototype = { let selIcon // let minS = -1 toIcon = iconType.type - for (let i = 0; i < Map_QM.mapArr[parseInt(Config.deviceObj.build)].length; i++) { - let sers = Map_QM.mapArr[parseInt(Config.deviceObj.build)][i].serObj.children //服务图标 - for (let n = 0; n < sers.length; n++) { - if (sers[n].facCode == iconType.type) { - if (!selIcon) { - selIcon = sers[n] - minS = - Math.abs(sers[n].position.x - Config.deviceObj.xaxis) + - Math.abs(-1 * Config.deviceObj.yaxis - sers[n].position.y) + - Math.abs(i - Config.deviceObj.floor) * 3000 - } else { - let s1 = - Math.abs(sers[n].position.x - Config.deviceObj.xaxis) + - Math.abs(-1 * Config.deviceObj.yaxis - sers[n].position.y) + - Math.abs(i - Config.deviceObj.floor) * 3000 - if (s1 < minS) { - minS = s1 - selIcon = sers[n] + if (!Map_QM.util.startObj.build && parseInt(Map_QM.util.startObj.build) != 0) { + Map_QM.util.startObj.build = parseInt(Map_QM.util.deviceObj.build) + } + let startNade = Map_QM.util.startObj.build + '_' + Map_QM.util.startObj.floor + '_' + Map_QM.util.startObj.node + const costAll = dijkstra.single_source_shortest_paths(Map_QM.util.pathStateObj.graphPath, startNade, startNade).costs + if (costAll) { + for (let i = 0; i < Map_QM.mapArr[parseInt(Map_QM.util.deviceObj.build)].length; i++) { + let sers = Map_QM.mapArr[parseInt(Map_QM.util.deviceObj.build)][i].serObj.children //服务图标 + for (let n = 0; n < sers.length; n++) { + if (sers[n].facCode == iconType.type) { + let toNade = parseInt(Map_QM.util.deviceObj.build) + '_' + sers[n].floor + '_' + sers[n].navCode + if (!selIcon) { + minS = costAll[toNade] + if (minS) { + selIcon = sers[n] + } + } else { + let s1 = costAll[toNade] + if (s1 && s1 < minS) { + minS = s1 + selIcon = sers[n] + } } } } } - } - if (selIcon) { - return { - build: selIcon.build, - floor: selIcon.floor, - node: selIcon.navCode, - site: { x: selIcon.position.x, y: -selIcon.position.y }, - typeCode: Config.getFacType(iconType.type) - } - } else { - // 当前楼栋没有 - let startNade = Config.deviceObj.build + '_' + Config.startObj.floor + '_' + Config.startObj.node - for (let b = 0; b < Map_QM.mapArr.length; b++) { - if (b != parseInt(Config.deviceObj.build)) { - for (let i = 0; i < Map_QM.mapArr[b].length; i++) { - let sers = Map_QM.mapArr[b][i].serObj.children //服务图标 - for (let n = 0; n < sers.length; n++) { - if (sers[n].facCode == iconType.type) { - let toNade = sers[n].build + '_' + sers[n].floor + '_' + sers[n].navCode - if (!selIcon) { - selIcon = sers[n] - let path = dijkstra.find_path(ftPath, startNade, toNade) - minS = path.cost - } else { - let path = dijkstra.find_path(ftPath, startNade, toNade) - let s1 = path.cost - if (s1 < minS) { - minS = s1 - selIcon = sers[n] + if (selIcon) { + return { + build: parseInt(Map_QM.util.deviceObj.build), + floor: selIcon.floor, + site: { x: selIcon.position.x, y: selIcon.position.y }, + node: selIcon.navCode, + no: selIcon.no, + typeCode: Map_QM.util.getFacType(iconType.type) + } + } else { + // 当前楼栋没有 + for (let b = 0; b < Map_QM.mapArr.length; b++) { + if (b != parseInt(Map_QM.util.deviceObj.build)) { + for (let i = 0; i < Map_QM.mapArr[b].length; i++) { + let sers = Map_QM.mapArr[b][i].serObj.children //服务图标 + for (let n = 0; n < sers.length; n++) { + if (sers[n].facCode == iconType.type) { + let toNade = parseInt(Map_QM.util.deviceObj.build) + '_' + sers[n].floor + '_' + sers[n].navCode + if (!selIcon) { + minS = costAll[toNade] + if (minS) { + selIcon = sers[n] + } + } else { + let s1 = costAll[toNade] + if (s1 && s1 < minS) { + minS = s1 + selIcon = sers[n] + } } } } @@ -3461,38 +3774,41 @@ MainMap_QM.prototype = { } } } - } - if (selIcon) { - return { - build: selIcon.build, - floor: selIcon.floor, - node: selIcon.navCode, - site: { x: selIcon.position.x, y: -selIcon.position.y }, - typeCode: Config.getFacType(iconType.type) + if (selIcon) { + return { + build: parseInt(Map_QM.util.deviceObj.build), + floor: selIcon.floor, + node: selIcon.navCode, + site: { x: selIcon.position.x, y: selIcon.position.y }, + no: selIcon.no, + typeCode: Map_QM.util.getFacType(iconType.type) + } } } }, /** - * @api {方法} pathByStartAndOver(startObj,toObj,callBackFun) 设置地图点位 + * @api {方法} pathByStartAndOver(startObj,toObj,callBackFun) 地图路径规划 * @apiGroup 地图导航 * @apiDescription 根据传入的起、终点；直接导航 - * @apiVersion 1.0.0 - * @apiParam {int} floor 楼层编号 - * @apiParam {String} shopNum 店铺编号/车位编号 - * @apiParam {String} type "shop"/"park" - * @apiParam {Function} callBackFun 回调函数 + * @apiVersion 2.0.0 + * @apiParam {String} startObj.shopNum 店铺编号/车位编号 + * @apiParam {String} startObj.type "shop"/"park" * + * @apiParam {String} toObj.shopNum 店铺编号/车位编号 + * @apiParam {String} toObj.type "shop"/"park" + * + * @apiParam {Function} callBackFun 回调函数 * * @apiSampleRequest off * * @apiParamExample {String} 请求示例 * - * Map_QM.pathByStartAndOver({"floor":3,"shopNum":"L102","type":"shop"},{"floor":4,"shopNum":"L204","type":"shop"}); + * Map_QM.pathByStartAndOver({"shopNum":"L102","type":"shop"},{"shopNum":"L204","type":"shop"}); * */ pathByStartAndOver: function (startObj, toObj, callBackFun) { try { - Config.startObj = this.shopNumToNavPoint(startObj, startObj.type) + Map_QM.util.startObj = this.shopNumToNavPoint(startObj, startObj.type) let overObj = this.shopNumToNavPoint(toObj, toObj.type) this.pathNode(overObj, callBackFun) } catch (e) { @@ -3501,39 +3817,59 @@ MainMap_QM.prototype = { }, /** - * @api {方法} changeStartPoint({type:"xsj"}) 设置起始点位 + * @api {方法} changeStartPoint() 设置起始点位 * @apiGroup 地图导航 * @apiDescription 设置起始点位 - * @apiVersion 1.0.0 + * @apiVersion 2.0.0 + * @apiParam {int} build 起点楼栋编号 * @apiParam {int} floor 起点楼层编号 - * @apiParam {String} shopNum 起点店铺编号 + * @apiParam {String} node 起点编号 + * @apiParam {int} angle 起点角度 * * @apiSampleRequest off * * @apiParamExample {String} 请求示例 * - * Map_QM.changeStartPoint({"floor":3,"shopNum":"6220"}); + * Map_QM.changeStartPoint({"build":0, "floor":3, "node":"20", "angle":0}); * */ changeStartPoint: function (toObj) { - if (toObj) { - Map_QM.clearFloor() - Config.startObj = this.shopNumToNavPoint(toObj, 'shop') - } else { - Map_QM.clearFloor() - let pathData = Config.allMap[parseInt(Config.deviceObj.build)].buildArr[parseInt(Config.deviceObj.floor)].mapData.path - Config.deviceObj.xaxis = pathData.nodes[parseInt(Config.deviceObj.node)].x - Config.deviceObj.yaxis = pathData.nodes[parseInt(Config.deviceObj.node)].y - Config.startObj = Config.deviceObj + this.clearFloor() + for (let i = 0; i < this.mapArr[parseInt(this.util.startObj.build)].length; i++) { + for (let len = this.mapArr[parseInt(this.util.startObj.build)][i].allObj.children.length - 1; len >= 0; len--) { + let obj = this.mapArr[parseInt(this.util.startObj.build)][i].allObj.children[len] + if (obj.userData.type == 'start') { + this.mapArr[parseInt(this.util.startObj.build)][i].allObj.remove(obj) + } + } } - //Config.selectBuild = 0; + if (toObj && toObj.node) { + let pathData = this.util.allMap[parseInt(toObj.build)].buildArr[parseInt(toObj.floor)].mapData.path + this.util.deviceObj.xaxis = this.util.startObj.xaxis = pathData.nodes[parseInt(toObj.node)].x + this.util.deviceObj.yaxis = this.util.startObj.yaxis = pathData.nodes[parseInt(toObj.node)].y + this.util.deviceObj.build = this.util.startObj.build = parseInt(toObj.build) + this.util.deviceObj.floor = this.util.startObj.floor = parseInt(toObj.floor) + this.util.deviceObj.node = this.util.startObj.node = toObj.node + this.util.deviceObj.angle = this.util.startObj.angle = toObj.angle || 0 + } else { + let pathData = this.util.allMap[parseInt(this.util.deviceObj.build)].buildArr[parseInt(this.util.deviceObj.floor)].mapData.path + pathData.nodes.sort(this.util.sortNode) + this.util.deviceObj.xaxis = pathData.nodes[parseInt(this.util.deviceObj.node)].x + this.util.deviceObj.yaxis = pathData.nodes[parseInt(this.util.deviceObj.node)].y + this.util.startObj = this.util.deviceObj + } + this.mapArr[parseInt(this.util.startObj.build)][parseInt(this.util.startObj.floor)].setStartSite( + this.util.startObj.xaxis, + this.util.startObj.yaxis, + parseInt(this.util.shopHeight) + ) }, /** * @api {方法} changeMapIPState(ipName,color) 改变POI颜色 * @apiGroup 地图交互 * @apiDescription 改变POI 颜色 - * @apiVersion 1.0.0 + * @apiVersion 2.0.0 * @apiParam {string} ipName POI名称 * @apiParam {string} color 颜色字符串 * @@ -3546,23 +3882,11 @@ MainMap_QM.prototype = { */ changeMapIPState: function (ipName, color) { // #775544 #AD8164 - for (let i = 0; i < Map_QM.mapArr[Config.selectBuild].length; i++) { - let shopArr = Map_QM.mapArr[Config.selectBuild][i].allObj.children + for (let i = 0; i < this.mapArr[this.util.selectBuild].length; i++) { + let shopArr = this.mapArr[this.util.selectBuild][i].shopObj.children for (let k = 0; k < shopArr.length; k++) { if (shopArr[k].name == ipName) { - shopArr[k].material = Config.getMeshMaterial(color || 0xeab16e) - break - } - } - } - }, - setSelectShopMatByName: function (ipName) { - // #775544 #AD8164 - for (let i = 0; i < Map_QM.mapArr[Config.selectBuild].length; i++) { - let shopArr = Map_QM.mapArr[Config.selectBuild][i].allObj.children - for (let k = 0; k < shopArr.length; k++) { - if (shopArr[k].name == ipName) { - Map_QM.setSelectShopMat(shopArr[k]) + shopArr[k].material = this.util.getMeshMaterial(color || 0xeab16e) break } } @@ -3572,7 +3896,7 @@ MainMap_QM.prototype = { * @api {方法} getMapIPData(ipName) 获取POI 基础数据 * @apiGroup 地图交互 * @apiDescription 获取POI 基础数据 - * @apiVersion 1.0.0 + * @apiVersion 2.0.0 * @apiParam {string} ipName POI名称 * * @apiSampleRequest off @@ -3587,8 +3911,8 @@ MainMap_QM.prototype = { * } */ getMapIPData: function (ipName) { - for (let i = 0; i < Map_QM.mapArr[Config.selectBuild].length; i++) { - let shopArr = Map_QM.mapArr[Config.selectBuild][i].allObj.children + for (let i = 0; i < Map_QM.mapArr[Map_QM.util.selectBuild].length; i++) { + let shopArr = Map_QM.mapArr[Map_QM.util.selectBuild][i].allObj.children for (let k = 0; k < shopArr.length; k++) { if (shopArr[k].name == ipName) { return shopArr[k].userData @@ -3601,7 +3925,7 @@ MainMap_QM.prototype = { * @api {方法} pathNode() 地图模拟导航 * @apiGroup 地图导航 * @apiDescription 地图路径模拟导航 - * @apiVersion 1.0.0 + * @apiVersion 2.0.0 * @apiParam {int} floor 楼层编号 * @apiParam {string} node 路径点位编号 * @apiParam {function} callBackFun 回调方法 @@ -3610,65 +3934,71 @@ MainMap_QM.prototype = { * * @apiParamExample 请求示例 * - * Map_QM.pathNode({floor:2,node:"53"},callBackFun); + * Map_QM.pathNode({build:0, floor:2,node:"53"},callBackFun); * */ pathNode: function (toObj, callBackFun) { + if (!toObj) { + return { direction: '', wayList: [] } + } + pathCameraState = Map_QM.util.options.pathStyle + Map_QM.onShowDeviceSite() Map_QM.clearFloor(-1, true) Map_QM.selectShop = null - - pathShop = '' - isPathState = true - if (!Config.startObj.xaxis && !Config.startObj.yaxis) { + Map_QM.util.pathStateObj.isPathState = true + if (Map_QM.util.initModelArr && Map_QM.util.initModelArr.length > 0 && Map_QM.util.changeDist.inner > Map_QM.util.options.minDis) { + Map_QM.controls.maxDistance = Map_QM.util.changeDist.inner + } + if (!Map_QM.util.startObj.xaxis && !Map_QM.util.startObj.yaxis) { Map_QM.changeStartPoint(null) } - outTime = setTimeout(() => { - clearTimeout(outTime) - Config.overObj = null - Config.overObj = { floor: toObj.floor, node: toObj.node, shopNum: toObj.shopNum } - if (Config.overObj.node != '') { - Map_QM.cancelRender() - this.onFindPathModel() - if (Config.overlap) { - //叠层导航--固定地图仰角 - Map_QM.controls.maxPolarAngle = 1.17 - Map_QM.controls.minPolarAngle = 1.17 - } - if (callBackFun) { - Map_QM.parseForShopArr() - const data = JSON.parse(JSON.stringify(forShopArr)) - callBackFun(data) - } - Map_QM.startRender() + Map_QM.util.overObj = null + Map_QM.util.overObj = { build: toObj.build || 0, floor: toObj.floor, node: toObj.node, shopNum: toObj.shopNum } + if (Map_QM.util.overObj.node != '') { + Map_QM.cancelRender() + this.onFindPathModel() + if (Map_QM.util.options.overlap) { + //叠层导航--固定地图仰角 + Map_QM.controls.maxPolarAngle = 1.17 + Map_QM.controls.minPolarAngle = 1.17 } - }, 200) + if (callBackFun) { + Map_QM.parseForShopArr() + const data = JSON.parse(JSON.stringify(Map_QM.util.pathStateObj.forShopArr)) + callBackFun(data) + } + Map_QM.startRender() + } }, parseForShopArr: function () { - forShopArr = { direction: '', wayList: [] } + Map_QM.util.pathStateObj.forShopArr = { direction: '', wayList: [] } Map_QM.forShopArr.forEach((item, index) => { if (item.hasOwnProperty('Direction')) { - forShopArr.direction = item.Direction + Map_QM.util.pathStateObj.forShopArr.direction = item.Direction + Map_QM.util.pathStateObj.forShopArr.directionEn = item.DirectionEn } - if (item.hasOwnProperty('wayShop')) { + if (item.hasOwnProperty('wayShop') && item.wayShop) { for (let i = 0; i < item.wayShop.length; i++) { - let enTlite = item.wayShop[i].shop.shopNameEn == '' ? item.wayShop[i].shop.shopName : item.wayShop[i].shop.shopNameEn - forShopArr.wayList.push({ - isFacility: false, - shopName: '经过 ' + item.wayShop[i].shop.shopName, - shopNameEn: 'PASS ' + enTlite, - logoUrl: item.wayShop[i].shop.logoUrl, - shopId: item.wayShop[i].shop.shopId + let enTlite = item.wayShop[i].shop.nameEn == '' ? item.wayShop[i].shop.name : item.wayShop[i].shop.nameEn + Map_QM.util.pathStateObj.forShopArr.wayList.push({ + isAddPrefix: false, + name: '经过 ' + item.wayShop[i].shop.name, + nameEn: 'PASS ' + enTlite, + logoPath: item.wayShop[i].shop.logoPath, + code: item.wayShop[i].shop.code, + shopNum: iot ? item.wayShop[i].shop.houseNumber : item.wayShop[i].shop.houseNum }) } } - if (item.hasOwnProperty('Facilities')) { + if (item.hasOwnProperty('Facilities') && item.Facilities) { //设施 - forShopArr.wayList.push({ - isFacility: true, - shopName: '乘坐 ' + item.Facilities.userData.title + '到 ' + Map_QM.mapArr[Config.selectBuild][parseInt(Map_QM.forShopArr[index + 1].floor)].floorName, - shopNameEn: 'BY ' + item.Facilities.userData.title + 'TO ' + Map_QM.mapArr[Config.selectBuild][parseInt(Map_QM.forShopArr[index + 1].floor)].floorName, - logoUrl: item.Facilities.imgUrl, - shopId: '' + Map_QM.util.pathStateObj.forShopArr.wayList.push({ + isAddPrefix: true, + name: '乘坐 ' + item.Facilities.userData.title + '到 ' + Map_QM.mapArr[Map_QM.util.selectBuild][parseInt(Map_QM.forShopArr[index + 1].floor)].floorName, + nameEn: 'BY ' + item.Facilities.userData.title + 'TO ' + Map_QM.mapArr[Map_QM.util.selectBuild][parseInt(Map_QM.forShopArr[index + 1].floor)].floorName, + logoPath: item.Facilities.imgUrl, + code: ((Math.random() * 0x1234567) | 0).toString(16).substring(0), + shopNum: item.Facilities.userData.facCode + item.Facilities.userData.no }) } }) @@ -3677,7 +4007,7 @@ MainMap_QM.prototype = { * @api {方法} getGapByPathNode() 获取实际距离 * @apiGroup 地图导航 * @apiDescription 通过点位获取距离 - * @apiVersion 1.0.0 + * @apiVersion 2.0.0 * @apiParam {int} floor 楼层编号 * @apiParam {string} node 路径点位编号 * @@ -3693,24 +4023,25 @@ MainMap_QM.prototype = { * } */ getGapByPathNode: function (toObj) { - let startNade = Config.selectBuild + '_' + Config.deviceObj.floor + '_' + Config.deviceObj.node - let toNade = Config.selectBuild + '_' + toObj.floor + '_' + toObj.node + let startNade = Map_QM.util.deviceObj.build + '_' + Map_QM.util.deviceObj.floor + '_' + Map_QM.util.deviceObj.node + let toNade = toObj.build + '_' + toObj.floor + '_' + toObj.node let path = { cost: -1 }, minTime = 1 try { - path = dijkstra.find_path(graphPath, startNade, toNade) - minTime = parseInt(path.cost / Config.mapScale / 50) < 0.5 ? 0.5 : parseInt(path.cost / Config.mapScale / 50) + path = dijkstra.find_path(Map_QM.util.pathStateObj.graphPath, startNade, toNade) + minTime = parseInt(path.cost / Map_QM.util.options.mapScale / 50) < 0.5 ? 0.5 : parseInt(path.cost / Map_QM.util.options.mapScale / 50) + console.log(`距离目的地 ${parseInt(path.cost / Map_QM.util.options.mapScale)} 米，预计${mint} 分钟`) // 21 是比例尺 } catch (e) { console.log(e) } - return { dis: parseInt(path.cost / Config.mapScale), time: minTime } + return { dis: parseInt(path.cost / Map_QM.util.options.mapScale), time: minTime } }, /** * @api {方法} getAllIcon() 获取所有Icon * @apiGroup 地图数据 * @apiDescription 获取所有Icon - * @apiVersion 1.0.0 - * @apiParam {int} floorOrder 楼层编号（可选） 不传返回所有 + * @apiVersion 2.0.0 + * @apiParam {int} floorOrder 楼层编号(默认 所有) * * @apiSampleRequest off * @@ -3718,18 +4049,19 @@ MainMap_QM.prototype = { getAllIcon: function (floorOrder = -1, buildOrder = -1) { let icons = [] if (floorOrder != -1) { - let sers = Map_QM.mapArr[Config.selectBuild][floorOrder].serObj.children //服务图标 + let bd = buildOrder == -1 ? Map_QM.util.selectBuild : buildOrder + let sers = Map_QM.mapArr[bd][floorOrder].serObj.children //服务图标 for (let n = 0; n < sers.length; n++) { if (sers[n].type == 'Sprite') { let title = sers[n].userData.title - let titleEn = Config.iconEn[title] + let titleEn = Map_QM.util.iconEn[title] let type = sers[n].facCode let imgUrl = sers[n].imgUrl if (sers[n].facCode == 'upft' || sers[n].facCode == 'downft' || sers[n].facCode == 'ft') { if (title == '上扶梯' || title == '下扶梯') { title = '扶梯' } - titleEn = Config.iconEn['扶梯'] + titleEn = Map_QM.util.iconEn['扶梯'] type = 'ft' } let icon = { type: type, floor: floorOrder, imgUrl: imgUrl, poid: sers[n].userData.poid, title: title, titleEn: titleEn } @@ -3748,14 +4080,14 @@ MainMap_QM.prototype = { for (let n = 0; n < sers.length; n++) { if (sers[n].type == 'Sprite') { let title = sers[n].userData.title - let titleEn = Config.iconEn[title] + let titleEn = Map_QM.util.iconEn[title] let type = sers[n].facCode let imgUrl = sers[n].imgUrl if (sers[n].facCode == 'upft' || sers[n].facCode == 'downft' || sers[n].facCode == 'ft') { title = '扶梯' - titleEn = Config.iconEn[title] + titleEn = Map_QM.util.iconEn[title] type = 'ft' - imgUrl = './static/img/ft.png' + imgUrl = Map_QM.util.beforPath + 'static/img/ft.png' } let icon = { type: type, floor: i, imgUrl: imgUrl, poid: sers[n].userData.poid, title: title, titleEn: titleEn } iconArr.push(icon) @@ -3772,7 +4104,7 @@ MainMap_QM.prototype = { * @api {方法} pathPark() 获取车位点位 * @apiGroup 地图数据 * @apiDescription 获取车位导航点 - * @apiVersion 1.0.0 + * @apiVersion 2.0.0 * @apiParam {String} shopNum 车位编号 * * @apiSampleRequest off @@ -3794,7 +4126,7 @@ MainMap_QM.prototype = { * @api {方法} pathShopByName() 获取店铺点位 * @apiGroup 地图数据 * @apiDescription 通过店铺名称获取点位 - * @apiVersion 1.0.0 + * @apiVersion 2.0.0 * @apiParam {String} shopName 店铺名称 * * @apiSampleRequest off @@ -3809,16 +4141,17 @@ MainMap_QM.prototype = { * } */ pathShopByName: function (shopName) { - for (let item of Config.shopData) { - if (item.shopName === shopName) { - let toObj = { shopNum: item.houseNumber, node: item.yaxis } - for (let h = 0; h < Config.allMap.length; h++) { - let sArr = Config.allMap[h].buildArr + for (let item of Map_QM.util.shopData) { + if (item.name === shopName) { + let toObj = { shopNum: iot ? item.houseNumber : item.houseNum, node: item.yaxis } + for (let h = 0; h < Map_QM.util.allMap.length; h++) { + let sArr = Map_QM.util.allMap[h].buildArr for (let i = 0; i < sArr.length; i++) { - let shops = Config.allMap[h].buildArr[i].mapData.shopArea + let shops = Map_QM.util.allMap[h].buildArr[i].mapData.shopArea for (let k = 0; k < shops.length; k++) { if (shops[k].name == toObj.shopNum) { toObj.floor = i + toObj.build = h toObj.node = shops[k].shopNav toObj.xaxis = shops[k].xaxis toObj.yaxis = shops[k].yaxis @@ -3838,7 +4171,7 @@ MainMap_QM.prototype = { * @api {方法} shopNumToNavPoint() 获取导航点位 * @apiGroup 地图导航 * @apiDescription 通过店铺编号或车位获取导航点位 - * @apiVersion 1.0.0 + * @apiVersion 2.0.0 * @apiParam {Object} object build,floor,shopNum 楼栋编号,楼层编号,店铺或车位编号 * @apiParam {String} type 店铺或车位标识 "shop" "park" * @@ -3851,36 +4184,9 @@ MainMap_QM.prototype = { */ shopNumToNavPoint: function (obj, type) { let shopArr - let reObj = { node: '', xaxis: '', yaxis: '', floor: '', comeIn: '' } - let buildOrder = Config.selectBuild - let floorOrder = -1 - if (obj.hasOwnProperty('build')) { - buildOrder = parseInt(obj.build) - } - if (obj.hasOwnProperty('floor')) { - floorOrder = parseInt(obj.floor) - } - let sArr = Config.allMap[buildOrder].buildArr - if (floorOrder != -1) { - if (type == 'shop') { - shopArr = sArr[floorOrder].mapData.shopArea - } else if (type == 'park') { - shopArr = sArr[floorOrder].mapData.parkArea - } - for (let k = 0; k < shopArr.length; k++) { - if (shopArr[k].name == obj.shopNum) { - reObj.floor = i - reObj.xaxis = shopArr[k].xaxis - reObj.yaxis = shopArr[k].yaxis - reObj.node = shopArr[k].shopNav - reObj.shopNum = obj.shopNum - if (shopArr[k].comeIn) { - reObj.comeIn = shopArr[k].comeIn - } - break - } - } - } else { + let reObj = { build: Map_QM.util.selectBuild, node: '', xaxis: '', yaxis: '', floor: '', comeIn: '' } + for (let h = 0; h < Map_QM.util.allMap.length; h++) { + let sArr = Map_QM.util.allMap[h].buildArr for (let i = 0; i < sArr.length; i++) { if (type == 'shop') { shopArr = sArr[i].mapData.shopArea @@ -3890,6 +4196,7 @@ MainMap_QM.prototype = { for (let k = 0; k < shopArr.length; k++) { if (shopArr[k].name == obj.shopNum) { reObj.floor = i + reObj.build = h reObj.xaxis = shopArr[k].xaxis reObj.yaxis = shopArr[k].yaxis reObj.node = shopArr[k].shopNav @@ -3897,61 +4204,69 @@ MainMap_QM.prototype = { if (shopArr[k].comeIn) { reObj.comeIn = shopArr[k].comeIn } - break + return reObj } } } } - return reObj }, /** * 模拟导航获取路线 */ onFindPathModel: function (usePath = null) { Map_QM.forShopArr.length = 0 - _indexPathFloor = 0 - isPathPlay = true - Map_QM.dispatchEvent({ - type: 'startFindPath', - data: '' - }) - if (parseInt(Config.startObj.node) == -1) { + Map_QM.util._indexPathFloor = 0 + Map_QM.util.pathStateObj.isPathPlay = true + if (parseInt(Map_QM.util.startObj.node) == -1) { return } - if (!Config.startObj.xaxis) { - let pathData = Config.allMap[Config.selectBuild].buildArr[parseInt(Config.startObj.floor)].mapData.path - Config.startObj.xaxis = pathData.nodes[parseInt(Config.startObj.node)].x - Config.startObj.yaxis = pathData.nodes[parseInt(Config.startObj.node)].y + if (!Map_QM.util.startObj.xaxis) { + let pathData = Map_QM.util.allMap[parseInt(Map_QM.util.startObj.build)].buildArr[parseInt(Map_QM.util.startObj.floor)].mapData.path + Map_QM.util.startObj.xaxis = pathData.nodes[parseInt(Map_QM.util.startObj.node)].x + Map_QM.util.startObj.yaxis = pathData.nodes[parseInt(Map_QM.util.startObj.node)].y } if (!usePath) { - usePath = graphPath + usePath = Map_QM.util.pathStateObj.graphPath } Map_QM.forShopPath(usePath) }, forShopPath: function (usePath) { - let startNade = Config.selectBuild + '_' + Config.startObj.floor + '_' + Config.startObj.node - let toNade = Config.selectBuild + '_' + Config.overObj.floor + '_' + Config.overObj.node - let path = dijkstra.find_path(usePath, startNade, toNade) + let startNade = Map_QM.util.startObj.build + '_' + Map_QM.util.startObj.floor + '_' + Map_QM.util.startObj.node + let toNade = Map_QM.util.overObj.build + '_' + Map_QM.util.overObj.floor + '_' + Map_QM.util.overObj.node + let path + try { + path = dijkstra.find_path(usePath, startNade, toNade) + } catch (e) { + console.log(e) + return + } + let PathPoint = path.nodes - let Dir = '前方', + let Dir = '向前出发', index = 0 - let DirEn = 'forward' + let DirEn = 'to forward' this.forShopArr = [] if (PathPoint.length > 1) { - this.forShopArr.push({ floor: Config.startObj.floor, PathPoint: [] }) + this.forShopArr.push({ build: Map_QM.util.startObj.build, floor: Map_QM.util.startObj.floor, PathPoint: [] }) let pathData for (let j = 0; j < PathPoint.length; j++) { let array = PathPoint[j].split('_') - pathData = Config.allMap[Config.selectBuild].buildArr[parseInt(array[1])].mapData.path - if (array[1] == this.forShopArr[index].floor) { - this.forShopArr[index].PathPoint.push(pathData.nodes[parseInt(array[2])]) - } else { - if (j > 0) { - this.forShopArr[index].Facilities = this.getFacilIcon(PathPoint[j - 1].split('_')) + pathData = Map_QM.util.allMap[parseInt(array[0])].buildArr[parseInt(array[1])].mapData.path + if (array[0] == this.forShopArr[index].build) { + if (array[1] == this.forShopArr[index].floor) { + this.forShopArr[index].PathPoint.push(pathData.nodes[parseInt(array[2])]) } else { - this.forShopArr[index].Facilities = null + if (j > 0) { + this.forShopArr[index].Facilities = this.getFacilIcon(PathPoint[j - 1].split('_'), parseInt(array[0])) + } else { + this.forShopArr[index].Facilities = null + } + this.forShopArr.push({ build: parseInt(array[0]), floor: parseInt(array[1]), PathPoint: [] }) + index++ + this.forShopArr[index].PathPoint.push(pathData.nodes[parseInt(array[2])]) } - this.forShopArr.push({ floor: parseInt(array[1]), PathPoint: [] }) + } else { + this.forShopArr.push({ build: parseInt(array[0]), floor: parseInt(array[1]), PathPoint: [] }) index++ this.forShopArr[index].PathPoint.push(pathData.nodes[parseInt(array[2])]) } @@ -3959,7 +4274,6 @@ MainMap_QM.prototype = { let dy = 0, dx = 0, ang = 0 - if (this.forShopArr[0].PathPoint.length > 1) { if (this.forShopArr[0].PathPoint.length == 2) { dy = this.forShopArr[0].PathPoint[1].y - this.forShopArr[0].PathPoint[0].y @@ -3968,63 +4282,71 @@ MainMap_QM.prototype = { dy = this.forShopArr[0].PathPoint[2].y - this.forShopArr[0].PathPoint[1].y dx = this.forShopArr[0].PathPoint[2].x - this.forShopArr[0].PathPoint[1].x } - ang = (Math.atan2(dy, dx) * 180) / Math.PI - Config.deviceObj.angle + ang = (Math.atan2(dy, dx) * 180) / Math.PI - Map_QM.util.deviceObj.angle ang = ang > 180 ? ang - 360 : ang ang = ang < -180 ? ang + 360 : ang if (ang < -50 && ang >= -130) { Dir = '向前出发' - DirEn = 'forward' + DirEn = 'to forward' } else if (ang >= -50 && ang < 50) { Dir = '向右出发' - DirEn = 'right' + DirEn = 'to right' } else if (ang >= 50 && ang < 130) { Dir = '向后出发' - DirEn = 'back' + DirEn = 'to back' } else { Dir = '向左出发' - DirEn = 'left' + DirEn = 'to left' } } - } - let pLen = Map_QM.forShopArr[Map_QM.forShopArr.length - 1].PathPoint.length - Config.overObj.xaxis = Map_QM.forShopArr[Map_QM.forShopArr.length - 1].PathPoint[pLen - 1].x - Config.overObj.yaxis = Map_QM.forShopArr[Map_QM.forShopArr.length - 1].PathPoint[pLen - 1].y - - if (Map_QM.forShopArr.length > 0) { - // "floor" PathPoint Direction (Facilities) - Map_QM.forShopArr[0].Direction = Dir - Map_QM.forShopArr[0].DirectionEn = DirEn - - for (let m = 0; m < Map_QM.forShopArr.length; m++) { - //查找经过店铺 - Map_QM.forShopArr[m].wayShop = Map_QM.foreignShop(Map_QM.forShopArr[m].PathPoint, Map_QM.forShopArr[m].floor, m) - if (Config.overObj.floor == Map_QM.forShopArr[m].floor) { - let len = Map_QM.forShopArr[m].wayShop.length - if (Map_QM.forShopArr[m].wayShop[len - 1]?.shop.yaxis == Config.overObj.node) { - Map_QM.forShopArr[m].wayShop.pop() + let pLen = Map_QM.forShopArr[Map_QM.forShopArr.length - 1].PathPoint.length + Map_QM.util.overObj.xaxis = Map_QM.forShopArr[Map_QM.forShopArr.length - 1].PathPoint[pLen - 1].x + Map_QM.util.overObj.yaxis = Map_QM.forShopArr[Map_QM.forShopArr.length - 1].PathPoint[pLen - 1].y + + if (Map_QM.forShopArr.length > 0) { + // "floor" PathPoint Direction (Facilities) + Map_QM.forShopArr[0].Direction = Dir + Map_QM.forShopArr[0].DirectionEn = DirEn + + for (let m = 0; m < Map_QM.forShopArr.length; m++) { + //查找经过店铺 + Map_QM.forShopArr[m].wayShop = Map_QM.foreignShop(Map_QM.forShopArr[m].PathPoint, Map_QM.forShopArr[m].build, Map_QM.forShopArr[m].floor, m) + if (Map_QM.util.overObj.build == Map_QM.forShopArr[m].build && Map_QM.util.overObj.floor == Map_QM.forShopArr[m].floor) { + let len = Map_QM.forShopArr[m].wayShop.length + if (Map_QM.forShopArr[m].wayShop[len - 1] && Map_QM.forShopArr[m].wayShop[len - 1].shop.yaxis == Map_QM.util.overObj.node) { + Map_QM.forShopArr[m].wayShop.pop() + } } } + /** + * @api {事件} InitPathOver 地图导航状态完成 + * @apiGroup 地图事件 + * @apiDescription 地图开始导航时触发 + * @apiVersion 2.0.0 + * @apiSampleRequest off + * + * @apiParamExample 请求示例 + * Map_QM.addEventListener("InitPathOver",onInitPathOver,false); + */ + Map_QM.dispatchEvent({ + type: 'InitPathOver', + data: Map_QM.forShopArr + }) + } else { + console.error('无可行路径，请检查起、终点位') + return } - Map_QM.dispatchEvent({ - type: 'initPathOver', - data: Map_QM.forShopArr - }) - } else { - console.error('无可行路径，请检查起、终点位') - return + this.onFindPathToObj() } - let mint = parseInt(path.cost / Config.mapScale / 55) < 0.5 ? 0.5 : parseInt(path.cost / Config.mapScale / 55) - //console.log(`距离目的地 ${parseInt(path.cost / Config.mapScale)} 米，预计${mint} 分钟`); // 21 是比例尺 - this.onFindPathToObj() }, /** * 途径店铺 */ - foreignShop: function (pathArr, cFloor, m) { + foreignShop: function (pathArr, build, cFloor, m) { let shopList = [] - let shops = Map_QM.mapArr[Config.selectBuild][parseInt(cFloor)].allObj.children + let shops = Map_QM.mapArr[parseInt(build)][parseInt(cFloor)].allObj.children for (let n = 0; n < pathArr.length; n++) { for (let i = 0; i < shops.length; i++) { if (shops[i].userData && shops[i].userData.type == 'shop' && shops[i].userData.navRecommend) { @@ -4038,8 +4360,11 @@ MainMap_QM.prototype = { } return shopList }, - getFacilIcon: function (fromFArr) { - let childs = this.mapArr[Config.selectBuild][fromFArr[1]].serObj.children + getFacilIcon: function (fromFArr, build = -1) { + if (build === -1) { + build = Map_QM.util.selectBuild + } + let childs = this.mapArr[build][fromFArr[1]].serObj.children let selectEle for (let i = 0; i < childs.length; i++) { if (childs[i].navCode == fromFArr[2]) { @@ -4054,64 +4379,36 @@ MainMap_QM.prototype = { * 寻路动画方法 */ onFindPathToObj: function () { - Map_QM.dispatchEvent({ - //初始化寻路界面 - type: 'initPathPage', - data: this.forShopArr - }) outTime = -1 - _indexPathFloor = 0 + Map_QM.util._indexPathFloor = 0 Map_QM.callBackLoadOver = Map_QM.callBackForPathShop //楼层初始化完成后回调 - if (Config.overlap) { + if (Map_QM.util.options.overlap) { if (Map_QM.forShopArr.length == 2) { - Map_QM.changeFloorInner(Map_QM.forShopArr[0].floor, Map_QM.forShopArr[1].floor) + Map_QM.changeFloorInner(-1, Map_QM.forShopArr[0].floor, Map_QM.forShopArr[1].floor) } else if (Map_QM.forShopArr.length == 3) { - Map_QM.changeFloorInner(Map_QM.forShopArr[0].floor, Map_QM.forShopArr[1].floor, Map_QM.forShopArr[2].floor) + Map_QM.changeFloorInner(-1, Map_QM.forShopArr[0].floor, Map_QM.forShopArr[1].floor, Map_QM.forShopArr[2].floor) } else { - Map_QM.changeFloorInner(Map_QM.forShopArr[_indexPathFloor].floor) + Map_QM.changeFloorInner(-1, Map_QM.forShopArr[Map_QM.util._indexPathFloor].floor) } } else { if (pathCameraState == '2D') { - Map_QM.onShowMeDir(2) + Map_QM.onShowMeDir() Map_QM.controls.enabled = false Map_QM.guide = Map_QM.man_2d } - Map_QM.changeFloorInner(Map_QM.forShopArr[_indexPathFloor].floor) - } - - // let shopArr = Map_QM.mapArr[Config.selectBuild][parseInt(Config.overObj.floor)].allObj.children; - // if(Config.overObj.shopNum){ //匹配编号 - // for (let k = 0; k < shopArr.length; k++) { - // if (shopArr[k].isMesh && shopArr[k].name == Config.overObj.shopNum) { - // Map_QM.overShop = shopArr[k]; - // Map_QM.overShop.userData.material = shopArr[k].material; - // Map_QM.overShop.material = new THREE.MeshBasicMaterial({ color: 0xA0522D}); // 0xAD8164 - // break; - // } - // } - // }else{//匹配导航点 - // for (let k = 0; k < shopArr.length; k++) { - // if (shopArr[k].isMesh && parseInt(shopArr[k].node) === parseInt(Config.overObj.node)) { - // Map_QM.overShop = shopArr[k]; - // Map_QM.overShop.userData.material = shopArr[k].material; - // Map_QM.overShop.material = new THREE.MeshBasicMaterial({ color: 0xA0522D}); - // break; - // } - // } - // } + Map_QM.changeBuildInner(Map_QM.forShopArr[Map_QM.util._indexPathFloor].build, Map_QM.forShopArr[Map_QM.util._indexPathFloor].floor) + } }, /** * 播放楼层动画完成后 */ callBackForPathShop: function () { - Map_QM.callBackLoadOver = null - Map_QM.dispatchEvent({ - //开始播放寻路动画 - type: 'startPlayPath', - data: this.forShopArr - }) - Map_QM.onFindPath() + Map_QM.callBackLoadOver = null + if (Map_QM.util.pathStateObj.isPathState) { + //如果是寻路状态，继续导航 + Map_QM.onFindPath() + } }, /** * 寻路方法 @@ -4120,28 +4417,28 @@ MainMap_QM.prototype = { */ onFindPath: function () { TweenMax.killAll(true) - if (Config.overlap) { - Map_QM.mapArr[Config.selectBuild][Config.overObj.floor].setOverSite( - Config.overObj.xaxis, - Config.overObj.yaxis, - Map_QM.mapArr[Config.selectBuild][Config.overObj.floor].allObj.position.y + parseInt(Config.shopHeight) + if (Map_QM.util.options.overlap) { + Map_QM.mapArr[Map_QM.util.overObj.build][Map_QM.util.overObj.floor].setOverSite( + Map_QM.util.overObj.xaxis, + Map_QM.util.overObj.yaxis, + Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.overObj.floor].allObj.position.y + parseInt(Map_QM.util.shopHeight) ) } else { - if (Config.overObj.floor == Config.selectFloor && Config.overObj.xaxis) { - Map_QM.mapArr[Config.selectBuild][Config.overObj.floor].setOverSite( - Config.overObj.xaxis, - Config.overObj.yaxis, - Map_QM.mapArr[Config.selectBuild][Config.overObj.floor].allObj.position.y + parseInt(Config.shopHeight) + if (Map_QM.util.overObj.floor == Map_QM.util.selectFloor && Map_QM.util.overObj.xaxis) { + Map_QM.mapArr[Map_QM.util.overObj.build][Map_QM.util.overObj.floor].setOverSite( + Map_QM.util.overObj.xaxis, + Map_QM.util.overObj.yaxis, + parseInt(Map_QM.util.shopHeight) ) } } if (Map_QM.forShopArr.length > 0) { document.addEventListener('pathOver', Map_QM.onFindPathFloor, true) - if (Config.overlap && _indexPathFloor == 0) { + if (Map_QM.util.options.overlap && Map_QM.util._indexPathFloor == 0) { //叠层 for (let pathObj of Map_QM.forShopArr) { - Map_QM.mapArr[Config.selectBuild][pathObj.floor].findPath.onFindPathAnimation(pathObj.PathPoint, pathObj.floor) //传入数组 + Map_QM.mapArr[pathObj.build][pathObj.floor].findPath.onFindPathAnimation(pathObj.PathPoint, pathObj.floor) //传入数组 } let extrudeSettings let vects = new THREE.CurvePath() @@ -4151,19 +4448,19 @@ MainMap_QM.prototype = { new THREE.LineCurve3( new THREE.Vector3( Map_QM.forShopArr[0].PathPoint[Map_QM.forShopArr[0].PathPoint.length - 1].x, - Map_QM.mapArr[Config.selectBuild][Map_QM.forShopArr[0].floor].allObj.position.y, + Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.forShopArr[0].floor].allObj.position.y, Map_QM.forShopArr[0].PathPoint[Map_QM.forShopArr[0].PathPoint.length - 1].y ), new THREE.Vector3( Map_QM.forShopArr[1].PathPoint[0].x, - Map_QM.mapArr[Config.selectBuild][Map_QM.forShopArr[1].floor].allObj.position.y, + Map_QM.mapArr[Map_QM.forShopArr[1].build][Map_QM.forShopArr[1].floor].allObj.position.y, Map_QM.forShopArr[1].PathPoint[0].y ) ) ) extrudeSettings = { bevelEnabled: true, steps: 200, bevelSegments: 8, extrudePath: vects } let geometry = new THREE.ExtrudeGeometry(Map_QM.shape, extrudeSettings) - let lineDashed = new THREE.Mesh(geometry, Config.tubeMaterial) + let lineDashed = new THREE.Mesh(geometry, Map_QM.util.tubeMaterial) Map_QM.dtLineGroup.add(lineDashed) } if (Map_QM.forShopArr.length == 3) { @@ -4171,12 +4468,12 @@ MainMap_QM.prototype = { new THREE.LineCurve3( new THREE.Vector3( Map_QM.forShopArr[0].PathPoint[Map_QM.forShopArr[0].PathPoint.length - 1].x, - Map_QM.mapArr[Config.selectBuild][Map_QM.forShopArr[0].floor].allObj.position.y, + Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.forShopArr[0].floor].allObj.position.y, Map_QM.forShopArr[0].PathPoint[Map_QM.forShopArr[0].PathPoint.length - 1].y ), new THREE.Vector3( Map_QM.forShopArr[1].PathPoint[0].x, - Map_QM.mapArr[Config.selectBuild][Map_QM.forShopArr[1].floor].allObj.position.y, + Map_QM.mapArr[Map_QM.forShopArr[1].build][Map_QM.forShopArr[1].floor].allObj.position.y, Map_QM.forShopArr[1].PathPoint[0].y ) ) @@ -4186,12 +4483,12 @@ MainMap_QM.prototype = { new THREE.LineCurve3( new THREE.Vector3( Map_QM.forShopArr[1].PathPoint[Map_QM.forShopArr[1].PathPoint.length - 1].x, - Map_QM.mapArr[Config.selectBuild][Map_QM.forShopArr[1].floor].allObj.position.y, + Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.forShopArr[1].floor].allObj.position.y, Map_QM.forShopArr[1].PathPoint[Map_QM.forShopArr[1].PathPoint.length - 1].y ), new THREE.Vector3( Map_QM.forShopArr[2].PathPoint[0].x, - Map_QM.mapArr[Config.selectBuild][Map_QM.forShopArr[2].floor].allObj.position.y, + Map_QM.mapArr[Map_QM.forShopArr[2].build][Map_QM.forShopArr[2].floor].allObj.position.y, Map_QM.forShopArr[2].PathPoint[0].y ) ) @@ -4199,29 +4496,37 @@ MainMap_QM.prototype = { extrudeSettings = { bevelEnabled: true, steps: 200, bevelSegments: 8, extrudePath: vects } extrudeSettings2 = { bevelEnabled: true, steps: 200, bevelSegments: 8, extrudePath: vects2 } let geometry = new THREE.ExtrudeGeometry(Map_QM.shape, extrudeSettings) - let lineDashed = new THREE.Mesh(geometry, Config.tubeMaterial) + let lineDashed = new THREE.Mesh(geometry, Map_QM.util.tubeMaterial) Map_QM.dtLineGroup.add(lineDashed) let geometry2 = new THREE.ExtrudeGeometry(Map_QM.shape, extrudeSettings2) - let lineDashed2 = new THREE.Mesh(geometry2, Config.tubeMaterial) + let lineDashed2 = new THREE.Mesh(geometry2, Map_QM.util.tubeMaterial) Map_QM.dtLineGroup.add(lineDashed2) } } else { - Map_QM.mapArr[Config.selectBuild][Map_QM.forShopArr[_indexPathFloor].floor].findPath.clearPath() - Map_QM.mapArr[Config.selectBuild][Map_QM.forShopArr[_indexPathFloor].floor].findPath.onFindPathAnimation(Map_QM.forShopArr[_indexPathFloor].PathPoint) //传入数组 + Map_QM.mapArr[Map_QM.forShopArr[Map_QM.util._indexPathFloor].build][Map_QM.forShopArr[Map_QM.util._indexPathFloor].floor].findPath.clearPath() + Map_QM.mapArr[Map_QM.forShopArr[Map_QM.util._indexPathFloor].build][Map_QM.forShopArr[Map_QM.util._indexPathFloor].floor].findPath.onFindPathAnimation( + Map_QM.forShopArr[Map_QM.util._indexPathFloor].PathPoint + ) //传入数组 } - Map_QM.mapArr[Config.selectBuild][Map_QM.forShopArr[_indexPathFloor].floor].findPath.guidePathPlay(Map_QM.forShopArr[_indexPathFloor]) - Map_QM.collisionChock() + Map_QM.mapArr[Map_QM.forShopArr[Map_QM.util._indexPathFloor].build][Map_QM.forShopArr[Map_QM.util._indexPathFloor].floor].findPath.guidePathPlay( + Map_QM.forShopArr[Map_QM.util._indexPathFloor] + ) + Map_QM.controlsChock() } }, /** * 显示楼层 */ - showNavFloor: function (fromFloor, toFloor) { + showNavFloor: function (fromFloor, toFloor, build) { let floorArr = [] let min = Math.min(fromFloor, toFloor) let max = Math.max(fromFloor, toFloor) for (let i = min; i <= max; i++) { - floorArr.push(Map_QM.mapArr[Config.selectBuild][i].floorName) + floorArr.push(Map_QM.mapArr[build][i].floorName) + } + if (floorArr.length > 5) { + floorArr.splice(2, floorArr.length - 3) + floorArr[1] = '...' } return floorArr }, @@ -4229,140 +4534,174 @@ MainMap_QM.prototype = { //导航完成事件 onFindPathFloor: function (event) { document.removeEventListener('pathOver', Map_QM.onFindPathFloor) - if (Map_QM.forShopArr.length <= _indexPathFloor) { + if (Map_QM.forShopArr.length <= Map_QM.util._indexPathFloor) { return } - Map_QM.dispatchEvent({ - //当前层寻路完成 - type: 'floorPlayOver', - data: Map_QM.forShopArr[_indexPathFloor].floor - }) - if (_indexPathFloor < Map_QM.forShopArr.length - 1) { - let pathFloor = Map_QM.forShopArr[_indexPathFloor].floor - let x0 = Map_QM.forShopArr[_indexPathFloor].Facilities.position.x + 64 - let y0 = Map_QM.forShopArr[_indexPathFloor].Facilities.position.y - let model = Map_QM.forShopArr[_indexPathFloor].Facilities.userData.model - let box - if (model && model.userData.name == 'dt') { - model.traverse(function (child) { - if (child.isMesh && child.name == 'zhitibox') { - box = child + if (Map_QM.util._indexPathFloor < Map_QM.forShopArr.length - 1) { + //楼层切换 + if (Map_QM.forShopArr[Map_QM.util._indexPathFloor].Facilities) { + let pathFloor = Map_QM.forShopArr[Map_QM.util._indexPathFloor].floor + let x0 = Map_QM.forShopArr[Map_QM.util._indexPathFloor].Facilities.position.x + 64 + let y0 = Map_QM.forShopArr[Map_QM.util._indexPathFloor].Facilities.position.y + let model = Map_QM.forShopArr[Map_QM.util._indexPathFloor].Facilities.userData.model + /** + * @api {事件} PathPlaying 地图导航的实时状态 + * @apiGroup 地图事件 + * @apiDescription 地图导航过程中实时触发 + * @apiVersion 2.0.0 + * @apiSampleRequest off + * + * @apiParamExample 请求示例 + * Map_QM.addEventListener("PathPlaying",onPathPlaying,false); + */ + Map_QM.dispatchEvent({ + //寻路中返回小人当前所在点位 + type: 'PathPlaying', + data: { + shopNum: Map_QM.forShopArr[Map_QM.util._indexPathFloor].Facilities.userData.facCode + Map_QM.forShopArr[Map_QM.util._indexPathFloor].Facilities.userData.no } }) - } - let zo = 2, - tz = 2 - let add = Config.is4k ? 80 : 40 - _indexPathFloor++ - let toFloor = parseInt(Map_QM.forShopArr[_indexPathFloor].floor) - Config.selectFloor = toFloor - if (pathFloor < toFloor) { - tz = (toFloor - pathFloor) * add - } else { - zo = (pathFloor - toFloor) * add - } - - document.getElementById('moveFloor').style.bottom = zo + 'px' - document.getElementById('moveFloor').style.width = add + 'px' - document.getElementById('moveFloor').style.height = add + 'px' - let floorArr = Map_QM.showNavFloor(pathFloor, toFloor) //电梯旁显示的楼层名称 - Map_QM.moveFloorbg.element.style.visibility = 'visible' - Map_QM.moveFloorbg.element.style.width = add + 8 + 'px' - Map_QM.moveFloorbg.element.style.height = floorArr.length * add + 'px' - Map_QM.moveFloorbg.position.set(x0, y0, 80) - Map_QM.moveFloorbg.applyMatrix(Map_QM.mapArr[Config.selectBuild][pathFloor].allObj.matrix) - Map_QM.moveFloorbg.applyMatrix(Map_QM.sceneGap.matrix) - let floorBox = document.getElementById('floorBox') - while (floorBox.hasChildNodes()) { - floorBox.removeChild(floorBox.firstChild) - } - for (let i = floorArr.length - 1; i >= 0; i--) { - let span2 = document.createElement('span') - span2.style.cssText = 'display: block;color: #000000; text-align: center;' - span2.style.fontSize = '16px' - if (Config.is4k) { - span2.style.fontSize = '32px' - } - span2.style.width = add + 'px' - span2.style.height = add + 'px' - span2.style.lineHeight = add + 'px' - span2.innerText = floorArr[i] - floorBox.appendChild(span2) - } - TweenMax.fromTo( - '#moveFloor', - 1.5, - { bottom: zo }, - { - bottom: tz, - delay: 0.1, - onComplete: function () { - if (!Config.overlap) { - Map_QM.callBackLoadOver = Map_QM.callBackForPathShop //楼层初始化完成后回调 - Map_QM.changeFloorInner(Map_QM.forShopArr[_indexPathFloor].floor) - } else { - if (Map_QM.forShopArr > _indexPathFloor) { - Config.selectFloor = Map_QM.forShopArr[_indexPathFloor].floor - } - Map_QM.clearFloor(-1, false) - Map_QM.callBackForPathShop() + let box + if (model && model.userData.name == 'dt') { + model.traverse(function (child) { + if (child.isMesh && child.name == 'zhitibox') { + box = child } + if (child.isMesh && (child.name == 'zhitijiegou' || child.name == 'zhitiboli')) { + child.scale.y = 7.5 + } + }) + } + + let zo = 2, + tz = 2, + boxT = 0, + boxZ = 0 + let add = Map_QM.util.options.showStyle ? 80 : 40 + Map_QM.util._indexPathFloor++ + let toFloor = parseInt(Map_QM.forShopArr[Map_QM.util._indexPathFloor].floor) + Map_QM.util.selectFloor = toFloor + let floorArr = Map_QM.showNavFloor(pathFloor, toFloor, parseInt(Map_QM.forShopArr[Map_QM.util._indexPathFloor].build)) //电梯旁显示的楼层名称 + if (pathFloor < toFloor) { + tz = (floorArr.length - 1) * add + boxT = 27 + } else { + zo = (floorArr.length - 1) * add + boxZ = 27 + } + + document.getElementById('moveFloor').style.bottom = zo + 'px' + document.getElementById('moveFloor').style.width = add + 'px' + document.getElementById('moveFloor').style.height = add + 'px' + Map_QM.moveFloorbg.element.style.visibility = 'visible' + Map_QM.moveFloorbg.element.style.width = add + 8 + 'px' + Map_QM.moveFloorbg.element.style.height = floorArr.length * add + 'px' + Map_QM.moveFloorbg.position.set(x0, y0, 80) + Map_QM.moveFloorbg.applyMatrix4(Map_QM.mapArr[parseInt(Map_QM.forShopArr[Map_QM.util._indexPathFloor].build)][pathFloor].allObj.matrix) + Map_QM.moveFloorbg.applyMatrix4(Map_QM.sceneGap.matrix) + let floorBox = document.getElementById('floorBox') + while (floorBox.hasChildNodes()) { + floorBox.removeChild(floorBox.firstChild) + } + for (let i = floorArr.length - 1; i >= 0; i--) { + let span2 = document.createElement('span') + span2.style.cssText = 'display: block;color: #000000; text-align: center;' + span2.style.fontSize = '16px' + if (Map_QM.util.options.showStyle) { + span2.style.fontSize = '32px' } + span2.style.width = add + 'px' + span2.style.height = add + 'px' + span2.style.lineHeight = add + 'px' + span2.innerText = floorArr[i] + floorBox.appendChild(span2) } - ) - if (box) { TweenMax.fromTo( - box.position, - 1.2, - { y: zo / 3 }, + '#moveFloor', + 1.5, + { bottom: zo }, { - y: tz / 3, - delay: 0.2, + bottom: tz, + delay: 0.1, onComplete: function () { - box.position.y = 0 + Map_QM.moveFloorbg.element.style.visibility = 'hidden' + if (!Map_QM.util.options.overlap) { + Map_QM.callBackLoadOver = Map_QM.callBackForPathShop //楼层初始化完成后回调 + Map_QM.changeFloorInner(Map_QM.forShopArr[Map_QM.util._indexPathFloor].build, Map_QM.forShopArr[Map_QM.util._indexPathFloor].floor) + } else { + if (Map_QM.forShopArr > Map_QM.util._indexPathFloor) { + Map_QM.util.selectFloor = Map_QM.forShopArr[Map_QM.util._indexPathFloor].floor + } + Map_QM.clearFloor(-1, false) + Map_QM.callBackForPathShop() + } } } ) - } - - if (pathCameraState == '3D') { - let xt = Map_QM.guide.position.x + event.detail.dx * 10 - let yt = Map_QM.guide.position.y + event.detail.dy * 10 - - let s = Math.sqrt((xt - Map_QM.guide.position.x) * (xt - Map_QM.guide.position.x) + (yt - Map_QM.guide.position.y) * (yt - Map_QM.guide.position.y)) - let ang = Math.acos((yt - Map_QM.guide.position.y) / s) - if (xt < Map_QM.guide.position.x) { - Map_QM.guide.rotation.z = -1 * ang //Math.PI-ang; - } else { - Map_QM.guide.rotation.z = ang //Math.PI+ang; - } - - if (model && model.userData.name == 'upft') { - Map_QM.guide.visible = true - TweenMax.to(Map_QM.guide.position, 1.3, { - x: xt, - y: yt, - z: 50, - onComplete: function () { - Map_QM.guide.visible = false + if (box) { + TweenMax.fromTo( + box.position, + 1.2, + { y: boxZ }, + { + y: boxT, + delay: 0.2, + onComplete: function () { + box.position.y = 0 + model.traverse(function (child) { + if (child.isMesh && (child.name == 'zhitijiegou' || child.name == 'zhitiboli')) { + child.scale.y = 1 + } + }) + } } - }) + ) } - if (model && model.userData.name == 'downft') { - Map_QM.guide.visible = true - TweenMax.to(Map_QM.guide.position, 1.3, { - x: xt, - y: yt, - z: -50, - onComplete: function () { - Map_QM.guide.visible = false - } - }) + + if (pathCameraState == '3D') { + let xt = Map_QM.guide.position.x + event.detail.dx * 10 + let yt = Map_QM.guide.position.y + event.detail.dy * 10 + if (model && model.userData.name == 'upft') { + Map_QM.guide.visible = true + TweenMax.to(Map_QM.guide.position, 1.3, { + x: xt, + y: yt, + z: 50, + onComplete: function () { + Map_QM.guide.visible = false + } + }) + } + if (model && model.userData.name == 'downft') { + Map_QM.guide.visible = true + TweenMax.to(Map_QM.guide.position, 1.3, { + x: xt, + y: yt, + z: -50, + onComplete: function () { + Map_QM.guide.visible = false + } + }) + } } + } else { + //楼栋切换 + Map_QM.util._indexPathFloor++ + Map_QM.callBackLoadOver = Map_QM.callBackForPathShop + Map_QM.changeBuildInner(Map_QM.forShopArr[Map_QM.util._indexPathFloor].build, Map_QM.forShopArr[Map_QM.util._indexPathFloor].floor) } } else { - Config.startObj = Config.deviceObj - //console.log("到达店铺"); + Map_QM.util.startObj = Map_QM.util.deviceObj + /** + * @api {事件} PathPlayOver 地图导航完成 + * @apiGroup 地图事件 + * @apiDescription 地图导航到达目标点时触发 + * @apiVersion 2.0.0 + * @apiSampleRequest off + * + * @apiParamExample 请求示例 + * Map_QM.addEventListener("PathPlayOver",onPathPlayOver,false); + */ Map_QM.dispatchEvent({ //寻路完成 type: 'PathPlayOver', @@ -4374,12 +4713,12 @@ MainMap_QM.prototype = { * 楼层状态清理 */ clearFloor: function (fIndex = -1, reSet = true) { + isJUZ = false if (fIndex == -1) { - fIndex = Config.deviceObj.floor + fIndex = Map_QM.util.deviceObj.floor } if (Map_QM.selectShop) { Map_QM.selectShop.scale.z = 1 - Map_QM.selectShop.material = Config.getMeshMaterial(Map_QM.selectShop.userData.shopData.formatColor || 0xeab16e) } if (Map_QM.endModel && Map_QM.endModel.visible) { Map_QM.endModel.visible = false @@ -4390,31 +4729,26 @@ MainMap_QM.prototype = { if (Map_QM.moveFloorbg) { Map_QM.moveFloorbg.element.style.visibility = 'hidden' } - Map_QM.clearDeviceSelectState() if (reSet) { //叠层不处理 - if (Map_QM.mapArr[Config.selectBuild] && Map_QM.mapArr[Config.selectBuild].length > 0) { - for (let i = 0; i < Map_QM.mapArr[Config.selectBuild].length; i++) { - let lines = Map_QM.mapArr[Config.selectBuild][i].lineObj + if (Map_QM.mapArr[Map_QM.util.selectBuild] && Map_QM.mapArr[Map_QM.util.selectBuild].length > 0) { + for (let i = 0; i < Map_QM.mapArr[Map_QM.util.selectBuild].length; i++) { + let lines = Map_QM.mapArr[Map_QM.util.selectBuild][i].lineObj for (let j = lines.children.length - 1; j >= 0; j--) { - Map_QM.mapArr[Config.selectBuild][i].lineObj.remove(lines.children[j]) + Map_QM.mapArr[Map_QM.util.selectBuild][i].lineObj.remove(lines.children[j]) } - let child = Map_QM.mapArr[Config.selectBuild][i].allObj + let child = Map_QM.mapArr[Map_QM.util.selectBuild][i].allObj for (let k = child.children.length - 1; k >= 0; k--) { if (child.children[k].name == 'lineDash') { - Map_QM.mapArr[Config.selectBuild][i].allObj.remove(child.children[k]) + Map_QM.mapArr[Map_QM.util.selectBuild][i].allObj.remove(child.children[k]) } } - Map_QM.mapArr[Config.selectBuild][i].findPath.clearPath() + Map_QM.mapArr[Map_QM.util.selectBuild][i].findPath.clearPath() } } Map_QM.remove_child(Map_QM.dtLineGroup) } TweenMax.killAll(true) - if (Map_QM.overShop) { - Map_QM.overShop.scale.z = 1 - Map_QM.overShop.material = Map_QM.overShop.userData.material - } }, remove_child: function (remObj) { @@ -4463,41 +4797,41 @@ MainMap_QM.prototype = { * @api {方法} pathStop() 导航暂停/播放 * @apiGroup 地图导航 * @apiDescription 导航动画暂停/播放 - * @apiVersion 1.0.0 + * @apiVersion 2.0.0 * * @apiSampleRequest off * */ pathStop: function (isPlaying) { - isPathPlay = isPlaying === undefined ? !isPathPlay : isPlaying - Map_QM.mapArr[Config.selectBuild][Config.selectFloor].findPath.pathPlay.isPlay = isPathPlay + Map_QM.util.pathStateObj.isPathPlay = isPlaying === undefined ? !Map_QM.util.pathStateObj.isPathPlay : isPlaying + Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].findPath.pathPlay.isPlay = Map_QM.util.pathStateObj.isPathPlay }, /** * @api {方法} pathRePlay() 导航动画重播 * @apiGroup 地图导航 * @apiDescription 导航动画重播 - * @apiVersion 1.0.0 + * @apiVersion 2.0.0 * * @apiSampleRequest off * */ pathRePlay: function () { - if (Config.overObj && Map_QM.forShopArr[0]) { - clearTimeout(outTime) - outTime = setTimeout(() => { - clearTimeout(outTime) - isPathPlay = true + clearTimeout(Map_QM.util.timeObj.pathTime) + Map_QM.util.timeObj.pathTime = setTimeout(() => { + clearTimeout(Map_QM.util.timeObj.pathTime) + if (Map_QM.util.overObj && Map_QM.forShopArr[0]) { + Map_QM.util.pathStateObj.isPathPlay = true Map_QM.clearFloor() Map_QM.onFindPathToObj() - }, 300) - } + } + }, 100) }, /** * @api {方法} ChangePathByFt() 切换扶梯模式 * @apiGroup 地图导航 * @apiDescription 导航切换扶梯模式 - * @apiVersion 1.0.0 + * @apiVersion 2.0.0 * * @apiParam {function} callBack 回调函数 * @@ -4509,25 +4843,25 @@ MainMap_QM.prototype = { * */ ChangePathByFt: function (callBack) { - if (Config.overObj) { - clearTimeout(outTime) - outTime = setTimeout(() => { - clearTimeout(outTime) + clearTimeout(Map_QM.util.timeObj.pathTime) + Map_QM.util.timeObj.pathTime = setTimeout(() => { + clearTimeout(Map_QM.util.timeObj.pathTime) + if (Map_QM.util.overObj) { Map_QM.clearFloor() - Map_QM.onFindPathModel(ftPath) + Map_QM.onFindPathModel(Map_QM.util.pathStateObj.ftPath) if (callBack) { Map_QM.parseForShopArr() - const data = JSON.parse(JSON.stringify(forShopArr)) + const data = JSON.parse(JSON.stringify(Map_QM.util.pathStateObj.forShopArr)) callBack(data) } - }, 300) - } + } + }, 100) }, /** * @api {方法} ChangePathByDt() 切换电梯模式 * @apiGroup 地图导航 * @apiDescription 导航切换电梯模式 - * @apiVersion 1.0.0 + * @apiVersion 2.0.0 * * @apiParam {function} callBack 回调函数 * @@ -4539,25 +4873,25 @@ MainMap_QM.prototype = { * */ ChangePathByDt: function (callBack) { - if (Config.overObj) { - clearTimeout(outTime) - outTime = setTimeout(() => { - clearTimeout(outTime) + clearTimeout(Map_QM.util.timeObj.pathTime) + Map_QM.util.timeObj.pathTime = setTimeout(() => { + clearTimeout(Map_QM.util.timeObj.pathTime) + if (Map_QM.util.overObj) { Map_QM.clearFloor() - Map_QM.onFindPathModel(dtPath) + Map_QM.onFindPathModel(Map_QM.util.pathStateObj.dtPath) if (callBack) { Map_QM.parseForShopArr() - const data = JSON.parse(JSON.stringify(forShopArr)) + const data = JSON.parse(JSON.stringify(Map_QM.util.pathStateObj.forShopArr)) callBack(data) } - }, 300) - } + } + }, 100) }, /** * @api {方法} ChangePathByGood() 切换最佳模式 * @apiGroup 地图导航 * @apiDescription 导航切换最佳模式 - * @apiVersion 1.0.0 + * @apiVersion 2.0.0 * * @apiParam {function} callBack 回调函数 * @@ -4569,19 +4903,19 @@ MainMap_QM.prototype = { * */ ChangePathByGood: function (callBack) { - if (Config.overObj) { - clearTimeout(outTime) - outTime = setTimeout(() => { - clearTimeout(outTime) + clearTimeout(Map_QM.util.timeObj.pathTime) + Map_QM.util.timeObj.pathTime = setTimeout(() => { + clearTimeout(Map_QM.util.timeObj.pathTime) + if (Map_QM.util.overObj) { Map_QM.clearFloor() - Map_QM.onFindPathModel(graphPath) + Map_QM.onFindPathModel(Map_QM.util.pathStateObj.graphPath) if (callBack) { Map_QM.parseForShopArr() - const data = JSON.parse(JSON.stringify(forShopArr)) + const data = JSON.parse(JSON.stringify(Map_QM.util.pathStateObj.forShopArr)) callBack(data) } - }, 300) - } + } + }, 100) }, /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// @@ -4589,14 +4923,13 @@ MainMap_QM.prototype = { let ele = document.getElementById(options.containerId || 'mapContainer') let w = parseInt(ele.clientWidth) || parseInt(window.getComputedStyle(ele, null).getPropertyValue('width')) let h = parseInt(ele.clientHeight) || parseInt(window.getComputedStyle(ele, null).getPropertyValue('height')) - console.log(w, h) Map_QM.changeWindowResize(w, h) }, /** * @api {方法} changeWindowResize() 窗口变化 * @apiGroup 地图交互 * @apiDescription 窗口变化 - * @apiVersion 1.0.0 + * @apiVersion 2.0.0 * * @apiParam {int} width 窗口宽 * @apiParam {int} height 窗口高 @@ -4607,7 +4940,7 @@ MainMap_QM.prototype = { * * Map_QM.changeWindowResize(1280,1080); */ - changeWindowResize: function (width = -1, height = -1) { + changeWindowResize: function (width, height) { Map_QM.aspect = width / height Map_QM.cameraPerspective.aspect = Map_QM.aspect Map_QM.cameraPerspective.updateProjectionMatrix() @@ -4622,6 +4955,44 @@ MainMap_QM.prototype = { Map_QM.h = height } } +/** + * @api {方法} init(callBack,options) 地图初始化 + * @apiGroup 地图数据 + * @apiDescription 初始化地图赋值 Map_QM + * @apiVersion 2.0.0 + * + * @apiParam {function} callBack 初始化成功后的回调函数 + * @apiParam {object} options 初始化对象 + * @apiParam {int} options.build 设备所在楼栋编号 默认值6 + * @apiParam {int} options.floor 设备所在楼层编号 默认值 true + * @apiParam {int} options.navPoint 设备导航点 默认值 -1 + * @apiParam {int} options.angle 起点设备角度 默认值 0 + * @apiParam {string} options.perc_H 弹窗的偏移量 默认值 "-50%"; + * @apiParam {string} options.containerId 地图div容器Id 默认值 "mapContainer" + * @apiParam {string} options.playSpeed 动画播放速度 默认值6 + * @apiParam {boolean} options.collision 是否支持名称的碰撞检测 默认值 true + * @apiParam {boolean} options.showStyle 是否4K显示 默认值false + * @apiParam {boolean} options.modelIcon 交通设施是否使用模型 默认值 true + * @apiParam {Array} options.otherPath 人为干预的路线 默认值 []; + * @apiParam {int} options.fSpace 双叠层状态下楼层的间距 默认值 500 + * @apiParam {uint} options.navColor 途径店铺颜色 默认值 0xEE6A50 + * @apiParam {boolean} options.overlap 是否叠层 默认值 false + * @apiParam {boolean} options.iconName 图标名称是否显示 默认值false + * @apiParam {uint} options.pathColor 导航路径颜色 默认值 0xb47834, + * @apiParam {string} options.pathStyle 导航第一视角 默认值 "2D", + * @apiParam {string} options.shopStyle 店铺显示字段编号(shopNum)名称(shopName) 默认值 "shopName", + * @apiParam {int} options.camZoom 地图显示我的方向状态的放大倍数 默认值 3 + * @apiParam {boolean} options.inArea 地图点击后是否聚焦到当前位置 默认值 false + * + * @apiSampleRequest off + * @apiParamExample {String} 请求示例 + * + * MainMap_QM.init(callBackLoadOver,{build : 0, floor : 3, navPoint : 7, angle : 0, perc_H : "-50%",containerId : "mapContainer"}); + */ +MainMap_QM.init = function (callBack, options) { + Map_QM = new MainMap_QM(callBack, options) + return Map_QM +} Object.assign(MainMap_QM.prototype, THREE.EventDispatcher.prototype) //////////////////////////////////////-------------------------------FloorMap @@ -4651,9 +5022,10 @@ FloorMap_QM = function (bIndex, fIndex, floorName) { this.tagObj.renderOrder = 100 this.devObj = new THREE.Group() //存放设施图标 - this.logoObj = new THREE.Object3D() - this.allObj.add(this.logoObj) this.svgObj = new THREE.Group() + //店铺 + this.shopObj = new THREE.Group() + this.allObj.add(this.shopObj) this.allObj.add(this.svgObj) this.allObj.add(this.serObj) this.allObj.add(this.devObj) @@ -4677,7 +5049,6 @@ FloorMap_QM.prototype = { initDraw: function () { this.initFloor() this.initFacilitie() - this.initDevice() //初始化设备 this.initStairs() this.initTextArea() this.initWall() @@ -4685,54 +5056,67 @@ FloorMap_QM.prototype = { this.initPark() this.initModel() this.initTree() //植树 + this.initLogos() //贴图 + }, + initLogos: function () { + let sopce = this + if (Map_QM.util.logos) { + Map_QM.util.logos.map(item => { + if (item.build == sopce.buildOrder && item.floor == sopce.floorOrder) { + sopce.logoUtil.renderIcon(item, sopce, item.site) + } + }) + } }, initModel: function () { let sopce = this - if (Config.modelArr) { - for (let i = 0; i < Config.modelArr.length; i++) { - if (Config.modelArr[i].floor == this.floorOrder) { - new THREE.GLTFLoader().load(Config.modelArr[i].url, function (object) { + if (Map_QM.util.modelArr) { + for (let i = 0; i < Map_QM.util.modelArr.length; i++) { + if (Map_QM.util.modelArr[i].floor == this.floorOrder) { + new THREE.GLTFLoader().load(Map_QM.util.beforPath + Map_QM.util.modelArr[i].url, function (object) { //加载路径fbx文件 let mod = object.scene mod.traverse(function (child) { if (child.isMesh) { - child.receiveShadow = true - child.castShadow = true + child.receiveShadow = Map_QM.util.options.shadow + child.castShadow = Map_QM.util.options.shadow + child.userData.opacity = child.material.opacity if (child.material.map) { child.material.map.encoding = THREE.LinearEncoding //贴图需要转换成 线性编码 } child.material.color.convertGammaToLinear(0.7) } }) - for (let t = 0; t < Config.modelArr[i].list.length; t++) { + for (let t = 0; t < Map_QM.util.modelArr[i].list.length; t++) { let obj = mod.clone() - obj.position.set(Config.modelArr[i].list[t].site.x, -1 * Config.modelArr[i].list[t].site.y, Config.modelArr[i].list[t].site.z) - obj.scale.set(Config.modelArr[i].list[t].size.x, Config.modelArr[i].list[t].size.y, Config.modelArr[i].list[t].size.z) - obj.rotateX(Config.modelArr[i].list[t].rot.x) - obj.rotateY(Config.modelArr[i].list[t].rot.y) - obj.rotateZ(Config.modelArr[i].list[t].rot.z) + obj.position.set(Map_QM.util.modelArr[i].list[t].site.x, -1 * Map_QM.util.modelArr[i].list[t].site.y, Map_QM.util.modelArr[i].list[t].site.z) + obj.scale.set(Map_QM.util.modelArr[i].list[t].size.x, Map_QM.util.modelArr[i].list[t].size.y, Map_QM.util.modelArr[i].list[t].size.z) + obj.rotateX(Map_QM.util.modelArr[i].list[t].rot.x) + obj.rotateY(Map_QM.util.modelArr[i].list[t].rot.y) + obj.rotateZ(Map_QM.util.modelArr[i].list[t].rot.z) sopce.allObj.add(obj) } + showTagObj }) } } } - if (Config.labelIconArr) { - for (let i = 0; i < Config.labelIconArr.length; i++) { - if (Config.labelIconArr[i].floor == this.floorOrder) { + if (Map_QM.util.labelIconArr) { + for (let i = 0; i < Map_QM.util.labelIconArr.length; i++) { + if (Map_QM.util.labelIconArr[i].floor == this.floorOrder) { let SpriteDiv = document.createElement('div') - SpriteDiv.className = Config.labelIconArr[i].className - SpriteDiv.innerHTML = Config.labelIconArr[i].title - SpriteDiv.dataset.id = Config.labelIconArr[i].data.id - SpriteDiv.dataset.x = Config.labelIconArr[i].site.x - SpriteDiv.dataset.y = Config.labelIconArr[i].site.y - SpriteDiv.dataset.z = Config.labelIconArr[i].site.z + SpriteDiv.className = Map_QM.util.labelIconArr[i].className + SpriteDiv.innerHTML = Map_QM.util.labelIconArr[i].title + SpriteDiv.dataset.id = Map_QM.util.labelIconArr[i].data.id + SpriteDiv.dataset.x = Map_QM.util.labelIconArr[i].site.x + SpriteDiv.dataset.y = Map_QM.util.labelIconArr[i].site.y + SpriteDiv.dataset.z = Map_QM.util.labelIconArr[i].site.z let pointLabel = new THREE.CSS2DObject(SpriteDiv) - pointLabel.position.set(Config.labelIconArr[i].site.x, -1 * Config.labelIconArr[i].site.y, Config.labelIconArr[i].site.z) - pointLabel.name = Config.labelIconArr[i].title - pointLabel.userData = Config.labelIconArr[i].data - pointLabel.userData.site = Config.labelIconArr[i].site - if (Config.labelIconArr[i].click) { + pointLabel.position.set(Map_QM.util.labelIconArr[i].site.x, -1 * Map_QM.util.labelIconArr[i].site.y, Map_QM.util.labelIconArr[i].site.z) + pointLabel.name = Map_QM.util.labelIconArr[i].title + pointLabel.userData = Map_QM.util.labelIconArr[i].data + pointLabel.userData.site = Map_QM.util.labelIconArr[i].site + if (Map_QM.util.labelIconArr[i].click) { //可点击 SpriteDiv.addEventListener( 'click', @@ -4744,28 +5128,25 @@ FloorMap_QM.prototype = { }, false ) - } - pointLabel.userData.floor = Config.labelIconArr[i].floor - sopce.showTagObj.add(pointLabel) - pointLabel.userData.show = Config.labelIconArr[i].data.show - if (Config.labelIconArr[i].data.show != language) { - pointLabel.element.style.opacity = 0 + } else { pointLabel.element.style.pointerEvents = 'none' } + pointLabel.userData.floor = Map_QM.util.labelIconArr[i].floor + sopce.showTagObj.add(pointLabel) } } } }, initTree: function () { - let mapData = Config.allMap[this.buildOrder].buildArr[this.floorOrder].mapData + let mapData = Map_QM.util.allMap[this.buildOrder].buildArr[this.floorOrder].mapData if (mapData.models) { for (let t = 0; t < mapData.models.length; t++) { - for (let i = 0; i < Config.fbxModels.length; i++) { - if (mapData.models[t].type == Config.fbxModels[i].key) { - let obj = Config.fbxModels[i].obj.clone() + for (let i = 0; i < Map_QM.util.fbxModels.length; i++) { + if (mapData.models[t].type == Map_QM.util.fbxModels[i].key) { + let obj = Map_QM.util.fbxModels[i].obj.clone() obj.position.set(mapData.models[t].x, -1 * mapData.models[t].y, mapData.models[t].site) obj.scale.set(mapData.models[t].scale, mapData.models[t].scale, mapData.models[t].scale) - obj.rotateX(Config.fbxModels[i].operation.rot.x) + obj.rotateX(Map_QM.util.fbxModels[i].operation.rot.x) obj.rotateY((-1 * mapData.models[t].angle * Math.PI) / 180) this.allObj.add(obj) } @@ -4776,16 +5157,16 @@ FloorMap_QM.prototype = { //初始化单楼层 initFloor: function () { let floor - let mapData = Config.allMap[this.buildOrder].buildArr[this.floorOrder].mapData + let mapData = Map_QM.util.allMap[this.buildOrder].buildArr[this.floorOrder].mapData let entColor, borderColor if (mapData.floorArea) { - floor = Config.changeAreaToString(mapData.floorArea) + floor = Map_QM.util.changeAreaToString(mapData.floorArea) } let bLen = mapData.buildArea.length let hLen = mapData.hollowArea.length let hows_f = [] for (let m = 0; m < hLen; m++) { - hows_f.push(Config.changeAreaToString(mapData.hollowArea[m])) + hows_f.push(Map_QM.util.changeAreaToString(mapData.hollowArea[m])) } if (floor) { entColor = parseInt(mapData.floorArea.entColor.replace('#', '0x'), 16) @@ -4798,22 +5179,23 @@ FloorMap_QM.prototype = { type: 'floor', order: this.floorOrder } + mash.userData.opacity = mapData.floorArea.alphaModle / 100 || 0 mash.name = 'floor' this.allObj.add(mash) } /////////////////////初始化楼栋 for (let i = 0; i < bLen; i++) { - let build = Config.changeAreaToString(mapData.buildArea[i]) + let build = Map_QM.util.changeAreaToString(mapData.buildArea[i]) let hows = [] for (let t = 0; t < hLen; t++) { - let isIn = Config.checkAreaInArea(mapData.hollowArea[t], mapData.buildArea[i]) + let isIn = Map_QM.util.checkAreaInArea(mapData.hollowArea[t], mapData.buildArea[i]) if (isIn) { - hows.push(Config.changeAreaToString(mapData.hollowArea[t])) + hows.push(Map_QM.util.changeAreaToString(mapData.hollowArea[t])) } } entColor = parseInt(mapData.buildArea[i].entColor.replace('#', '0x'), 16) borderColor = parseInt(mapData.buildArea[i].borderColor.replace('#', '0x'), 16) - Config.buildHeight = Math.max(parseInt(mapData.buildArea[i].toHeight), Config.buildHeight) + Map_QM.util.buildHeight = Math.max(parseInt(mapData.buildArea[i].toHeight), Map_QM.util.buildHeight) buildH = parseInt(mapData.buildArea[i].toHeight) let mash = this.Model_QM.MyModelShape(build, hows, mapData.buildArea[i], entColor, borderColor, 30) mash.receiveShadow = true @@ -4822,80 +5204,114 @@ FloorMap_QM.prototype = { type: 'build', order: this.floorOrder } + mash.userData.opacity = mapData.buildArea[i].alphaModle / 100 || 0 mash.name = 'floor' this.allObj.add(mash) } //店铺 let sLen = mapData.shopArea.length + let show = (showE = '') + let showLeb = '' + let logo = '', + navRecommend = false, + shopD = {}, + type = 'deco' + let shopData = Map_QM.util.shopData for (let i = 0; i < sLen; i++) { - if (Config.changeAreaToString(mapData.shopArea[i]) != '') { - let arr = Config.changeShopLinesToString(mapData.shopArea[i]) - + if (Map_QM.util.changeAreaToString(mapData.shopArea[i]) != '') { + let arr = Map_QM.util.changeShopLinesToString(mapData.shopArea[i]) entColor = mapData.shopArea[i].entColor || '#b79266' borderColor = mapData.shopArea[i].borderColor || '#b79266' - let show = (showE = '') - let logo = '', - navRecommend = false, - shopD = {} - Config.shopHeight = parseInt(mapData.shopArea[i].toHeight) - let shopData = Config.shopData + show = showE = mapData.shopArea[i].name + logo = '' + showLeb = '' + navRecommend = false + shopD = {} if (shopData) { for (let h = 0; h < shopData.length; h++) { - if (shopData[h].buildingOrder == this.buildOrder && shopData[h].floorOrder == this.floorOrder) { - if (shopData[h].houseNumber == mapData.shopArea[i].name) { - show = shopData[h].shopName - showE = shopData[h].shopNameEn - logo = shopData[h].logoUrl - if (shopData[h].isPass == undefined) { - navRecommend = true - } else { - navRecommend = shopData[h].isPass - } - shopD = shopData[h] - if (shopData[h].isNewShop) { - //新店 - mapData.shopArea[i].type = 'new-shop' - this.addTagLabel(mapData.shopArea[i], { node: mapData.shopArea[i].shopNav, floor: this.floorOrder, build: this.buildOrder }) - } - if (shopData[h].activityList && shopData[h].activityList.length > 0) { - //促销 - mapData.shopArea[i].type = 'promotion' - this.addTagLabel(mapData.shopArea[i], { node: mapData.shopArea[i].shopNav, floor: this.floorOrder, build: this.buildOrder }) - } - if (shopData[h].formatColor) { - entColor = parseInt(shopData[h].formatColor.replace('#', '0x'), 16) - } else { - entColor = '#eab16e' + let houseNum = iot ? shopData[h].houseNumber : shopData[h].houseNum + if (typeof shopData[h].buildingOrder == 'undefined') { + if (shopData[h].floorOrder == this.floorOrder) { + if (houseNum == mapData.shopArea[i].name) { + show = iot ? shopData[h].shopName : shopData[h].name + showLeb = houseNum + showE = iot ? shopData[h].shopNameEn : shopData[h].nameEn + logo = shopData[h].logoPath + if (shopData[h].navRecommend == undefined) { + navRecommend = true + } else { + navRecommend = shopData[h].navRecommend + } + shopD = shopData[h] + if (shopData[h].isNewStore) { + //新店 + mapData.shopArea[i].type = 'new-shop' + this.addTagLabel(mapData.shopArea[i], { node: mapData.shopArea[i].shopNav, floor: this.floorOrder, build: this.buildOrder }) + } + if (shopData[h].shopActList && shopData[h].shopActList.length > 0) { + //促销 + mapData.shopArea[i].type = 'promotion' + this.addTagLabel(mapData.shopArea[i], { node: mapData.shopArea[i].shopNav, floor: this.floorOrder, build: this.buildOrder }) + } + if (shopData[h].formatColor) { + entColor = parseInt(shopData[h].formatColor.replace('#', '0x'), 16) + } else { + entColor = '#eab16e' + } + if (shopData[h].borderColor) { + borderColor = parseInt(shopData[h].borderColor.replace('#', '0x'), 16) + } else { + borderColor = '#eab16e' + } + break } - if (shopData[h].borderColor) { - borderColor = parseInt(shopData[h].borderColor.replace('#', '0x'), 16) - } else { - borderColor = '#eab16e' + } + } else { + if (shopData[h].buildingOrder == this.buildOrder && shopData[h].floorOrder == this.floorOrder) { + if (houseNum == mapData.shopArea[i].name) { + show = iot ? shopData[h].shopName : shopData[h].name + showLeb = houseNum + showE = iot ? shopData[h].shopNameEn : shopData[h].nameEn + logo = shopData[h].logoPath + if (shopData[h].navRecommend == undefined) { + navRecommend = true + } else { + navRecommend = shopData[h].navRecommend + } + shopD = shopData[h] + if (shopData[h].isNewStore) { + //新店 + mapData.shopArea[i].type = 'new-shop' + this.addTagLabel(mapData.shopArea[i], { node: mapData.shopArea[i].shopNav, floor: this.floorOrder, build: this.buildOrder }) + } + if (shopData[h].shopActList && shopData[h].shopActList.length > 0) { + //促销 + mapData.shopArea[i].type = 'promotion' + this.addTagLabel(mapData.shopArea[i], { node: mapData.shopArea[i].shopNav, floor: this.floorOrder, build: this.buildOrder }) + } + if (shopData[h].formatColor) { + entColor = parseInt(shopData[h].formatColor.replace('#', '0x'), 16) + } else { + entColor = '#eab16e' + } + if (shopData[h].borderColor) { + borderColor = parseInt(shopData[h].borderColor.replace('#', '0x'), 16) + } else { + borderColor = '#eab16e' + } + break } - break } } } } - - if (mapData.shopArea[i].logoUrl && mapData.shopArea[i].isLabel == 0) { - //添加logo - this.logoUtil.renderIcon(mapData.shopArea[i], this, parseInt(mapData.shopArea[i].toHeight) + 1) - } else { - //添加文字 - if (show != '') { - let shopDiv = document.createElement('div') - shopDiv.className = 'shopLabel' - shopDiv.innerText = show - shopDiv.dataset.name = show - shopDiv.dataset.nameEn = showE - let shopLabel = new THREE.CSS2DObject(shopDiv) - shopLabel.position.set(mapData.shopArea[i].xaxis >> 0, (-1 * mapData.shopArea[i].yaxis) >> 0, parseInt(mapData.shopArea[i].toHeight)) - this.labelObj.add(shopLabel) - shopLabel.element.style.pointerEvents = 'none' + let hollShop = [] + if (mapData.shopArea[i].hollArea) { + for (let k = 0; k < mapData.shopArea[i].hollArea.length; k++) { + hollShop.push(Map_QM.util.changeAreaToString(mapData.shopArea[i].hollArea[k])) } } - let mahc = this.Model_QM.MyModelShape(arr, null, mapData.shopArea[i], entColor, borderColor, 100) + let mahc = this.Model_QM.MyModelShape(arr, hollShop, mapData.shopArea[i], entColor, borderColor, 100) mahc.node = mapData.shopArea[i].shopNav mahc.userData = { shopData: shopD, @@ -4903,6 +5319,7 @@ FloorMap_QM.prototype = { yaxis: mapData.shopArea[i].yaxis >> 0, node: mahc.node, floor: this.floorOrder, + build: this.buildOrder, navRecommend: navRecommend, type: 'shop', entColor: entColor, @@ -4911,65 +5328,128 @@ FloorMap_QM.prototype = { logo: logo, borderColor: borderColor } - show = show == 'shop' ? '' : show - show = show == 'floor' ? '' : show - show = show == 'build' ? '' : show - mahc.shopName = show + mahc.userData.opacity = mapData.shopArea[i].alphaModle / 100 || 0 + mahc.name = showLeb mahc.xaxis = mapData.shopArea[i].xaxis >> 0 mahc.yaxis = mapData.shopArea[i].yaxis >> 0 - this.allObj.add(mahc) + this.shopObj.add(mahc) + + if (mapData.shopArea[i].logoUrl && mapData.shopArea[i].isLabel == 0) { + //添加logo + this.logoUtil.renderIcon(mapData.shopArea[i], mahc, parseInt(mapData.shopArea[i].toHeight) + parseInt(mapData.shopArea[i].site) + 1) + } else { + //添加文字 + let some = Map_QM.util.options.boxShop.some(item => { + return mapData.shopArea[i].name.includes(item) + }) + if (showLeb != '' || some) { + showLeb = mapData.shopArea[i].name + let shopDiv = document.createElement('div') + shopDiv.style.cssText = css_LR + shopDiv.innerHTML = Map_QM.util.options.shopStyle == 'shopName' ? show : mapData.shopArea[i].name + shopDiv.dataset.name = show + shopDiv.dataset.nameEn = showE + shopDiv.style.visibility = 'hidden' + let shopLabel = new THREE.CSS2DObject(shopDiv) + shopLabel.position.set( + mapData.shopArea[i].xaxis >> 0, + (-1 * mapData.shopArea[i].yaxis) >> 0, + parseInt(mapData.shopArea[i].toHeight) + parseInt(mapData.shopArea[i].site) + ) + shopLabel.name = mapData.shopArea[i].name + this.labelObj.add(shopLabel) + } + } } } }, addTagLabel: function (obj, userData) { let shopDiv = document.createElement('img') - shopDiv.src = './static/img/' + obj.type + '.png' + shopDiv.src = Map_QM.util.beforPath + 'static/img/' + obj.type + '.png' shopDiv.style.zIndex = 200 + shopDiv.style.width = '3.125vw' let shopLabel = new THREE.CSS2DObject(shopDiv) shopLabel.userData = userData - shopLabel.position.set(obj.xaxis >> 0, (-1 * obj.yaxis) >> 0, Config.shopHeight) + shopLabel.position.set(obj.xaxis >> 0, (-1 * obj.yaxis) >> 0, Map_QM.util.shopHeight) this.tagObj.add(shopLabel) }, //初始化服务图标 initFacilitie: function () { - let serArr = Config.allMap[this.buildOrder].buildArr[this.floorOrder].mapData.icons + let serArr = Map_QM.util.allMap[this.buildOrder].buildArr[this.floorOrder].mapData.icons for (let i = 0; i < serArr.length; i++) { - serArr[i].floorOrder = this.floorOrder - this.facUtil.renderIcon(serArr[i], this) - } - }, - //初始化设备图标 - initDevice: function () { - let mapData = Config.allMap[this.buildOrder].buildArr[this.floorOrder].mapData - if (deviceShow && deviceJSON && deviceJSON[this.buildOrder]) { - for (item of deviceJSON[this.buildOrder].floors) { - if (item.floorOrder == this.floorOrder) { - let devices = item.devices - for (let i = 0; i < devices.length; i++) { - if (devices[i].yaxis != '' && mapData.path.nodes[parseInt(devices[i].yaxis)]) { - devices[i].x = mapData.path.nodes[parseInt(devices[i].yaxis)].x - devices[i].y = mapData.path.nodes[parseInt(devices[i].yaxis)].y - devices[i].node = parseInt(devices[i].yaxis) - this.facUtil.renderDeviceIcon(devices[i], this) - } - } - break + if (serArr[i].hasOwnProperty('iShow')) { + if (serArr[i].iShow) { + serArr[i].floorOrder = this.floorOrder + serArr[i].buildOrder = this.buildOrder + this.facUtil.renderIcon(serArr[i], this) } + } else { + serArr[i].floorOrder = this.floorOrder + serArr[i].buildOrder = this.buildOrder + this.facUtil.renderIcon(serArr[i], this) } } }, //初始化电梯图标 initStairs: function () { - let facArr = Config.allMap[this.buildOrder].buildArr[this.floorOrder].mapData.stairs + let facArr = Map_QM.util.allMap[this.buildOrder].buildArr[this.floorOrder].mapData.stairs for (let i = 0; i < facArr.length; i++) { - if (facArr[i].facCode == 'upft') { - if (elevator) { - let ex = elevator.clone() + if (facArr[i].facCode == 'ft') { + if (Map_QM.util.pathStateObj.elevatorDown && Map_QM.util.pathStateObj.elevator) { + if (facArr[i].downState) { + //上扶梯 + let ex = Map_QM.util.pathStateObj.elevator.clone() + ex.position.set(facArr[i].x, -1 * facArr[i].y, facArr[i].site) + ex.rotation.y = ((facArr[i].angle || 0) * Math.PI) / -180 + ex.userData.type = 'icon' + ex.userData.use = '3d' + ex.userData.name = 'upft' + ex.userData.buildOrder = facArr[i].buildOrder + ex.userData.floorOrder = facArr[i].floorOrder + ex.userData.navCode = facArr[i].navCode + ex.userData.src = 'static/img/ft.png' + ex.userData.facCode = facArr[i].facCode + ex.userData.title = facArr[i].title + this.serObj.add(ex) + facArr[i].facCode = 'ft' + this.facUtil.renderIcon(facArr[i], this, false, ex) + } else if (facArr[i].upState) { + //下扶梯 + let ex = Map_QM.util.pathStateObj.elevatorDown.clone() + ex.position.set(facArr[i].x, -1 * facArr[i].y, facArr[i].site) + ex.rotation.y = ((facArr[i].angle || 0) * Math.PI) / -180 + ex.userData.type = 'icon' + ex.userData.use = '3d' + ex.userData.name = 'downft' + ex.userData.buildOrder = facArr[i].buildOrder + ex.userData.floorOrder = facArr[i].floorOrder + ex.userData.navCode = facArr[i].navCode + ex.userData.src = 'static/img/ft.png' + ex.userData.facCode = facArr[i].facCode + ex.userData.title = facArr[i].title + this.serObj.add(ex) + facArr[i].facCode = 'ft' + this.facUtil.renderIcon(facArr[i], this, false, ex) + } else { + this.facUtil.renderIcon(facArr[i], this, true) + } + } else { + this.facUtil.renderIcon(facArr[i], this, true) + } + } else if (facArr[i].facCode == 'upft') { + if (Map_QM.util.pathStateObj.elevator) { + let ex = Map_QM.util.pathStateObj.elevator.clone() ex.position.set(facArr[i].x, -1 * facArr[i].y, facArr[i].site) - ex.rotation.y = (facArr[i].angle * Math.PI) / -180 + ex.rotation.y = ((facArr[i].angle || 0) * Math.PI) / -180 ex.userData.type = 'icon' ex.userData.use = '3d' ex.userData.name = 'upft' + ex.userData.buildOrder = facArr[i].buildOrder + ex.userData.floorOrder = facArr[i].floorOrder + ex.userData.navCode = facArr[i].navCode + ex.userData.src = 'static/img/ft.png' + ex.userData.facCode = facArr[i].facCode + ex.userData.title = facArr[i].title this.serObj.add(ex) facArr[i].facCode = 'ft' this.facUtil.renderIcon(facArr[i], this, false, ex) @@ -4978,13 +5458,19 @@ FloorMap_QM.prototype = { this.facUtil.renderIcon(facArr[i], this, true) } } else if (facArr[i].facCode == 'downft') { - if (elevatorDown) { - let ex = elevatorDown.clone() + if (Map_QM.util.pathStateObj.elevatorDown) { + let ex = Map_QM.util.pathStateObj.elevatorDown.clone() ex.position.set(facArr[i].x, -1 * facArr[i].y, facArr[i].site) - ex.rotation.y = (facArr[i].angle * Math.PI) / -180 + ex.rotation.y = ((facArr[i].angle || 0) * Math.PI) / -180 ex.userData.type = 'icon' ex.userData.use = '3d' ex.userData.name = 'downft' + ex.userData.buildOrder = facArr[i].buildOrder + ex.userData.floorOrder = facArr[i].floorOrder + ex.userData.navCode = facArr[i].navCode + ex.userData.src = 'static/img/ft.png' + ex.userData.facCode = facArr[i].facCode + ex.userData.title = facArr[i].title this.serObj.add(ex) facArr[i].facCode = 'ft' this.facUtil.renderIcon(facArr[i], this, false, ex) @@ -4993,13 +5479,19 @@ FloorMap_QM.prototype = { this.facUtil.renderIcon(facArr[i], this, true) } } else if (facArr[i].facCode == 'dt') { - if (straight) { - let stra = straight.clone() + if (Map_QM.util.pathStateObj.straight) { + let stra = Map_QM.util.pathStateObj.straight.clone() stra.position.set(facArr[i].x, -1 * facArr[i].y, facArr[i].site) - stra.rotation.y = (facArr[i].angle * Math.PI) / -180 + stra.rotation.y = ((facArr[i].angle || 0) * Math.PI) / -180 stra.userData.type = 'icon' stra.userData.use = '3d' stra.userData.name = 'dt' + stra.userData.buildOrder = facArr[i].buildOrder + stra.userData.floorOrder = facArr[i].floorOrder + stra.userData.navCode = facArr[i].navCode + stra.userData.src = 'static/img/dt.png' + stra.userData.facCode = facArr[i].facCode + stra.userData.title = facArr[i].title this.serObj.add(stra) this.facUtil.renderIcon(facArr[i], this, false, stra) } else { @@ -5012,7 +5504,7 @@ FloorMap_QM.prototype = { }, //初始化装饰图标 initDecos: function () { - let mapData = Config.allMap[this.buildOrder].buildArr[this.floorOrder].mapData + let mapData = Map_QM.util.allMap[this.buildOrder].buildArr[this.floorOrder].mapData let sLen = mapData.decos.length let entColor, borderColor if (mapData.groupArea) { @@ -5022,12 +5514,18 @@ FloorMap_QM.prototype = { gp.rotateY((mapData.groupArea[k].angleY * Math.PI) / 180) gp.rotateZ((mapData.groupArea[k].angleZ * Math.PI) / 180) for (let i = 0; i < sLen; i++) { - if (mapData.decos[i].gid && mapData.decos[i].gid == mapData.groupArea[k]._name && Config.changeAreaToString(mapData.decos[i]) != '') { - let arr = Config.changeAreaToString(mapData.decos[i]) + if (mapData.decos[i].gid && mapData.decos[i].gid == mapData.groupArea[k]._name && Map_QM.util.changeAreaToString(mapData.decos[i]) != '') { + let arr = Map_QM.util.changeAreaToString(mapData.decos[i]) entColor = parseInt(mapData.decos[i].entColor.replace('#', '0x'), 16) borderColor = parseInt(mapData.decos[i].borderColor.replace('#', '0x'), 16) let show = mapData.decos[i].name == 'deco' ? '' : mapData.decos[i].name - let mahc = this.Model_QM.MyModelShape(arr, null, mapData.decos[i], entColor, borderColor, 240) + let hollShop = [] + if (mapData.decos[i].hollArea) { + for (let k = 0; k < mapData.decos[i].hollArea.length; k++) { + hollShop.push(Map_QM.util.changeAreaToString(mapData.decos[i].hollArea[k])) + } + } + let mahc = this.Model_QM.MyModelShape(arr, hollShop, mapData.decos[i], entColor, borderColor, 240) mahc.xaxis = mapData.decos[i].xaxis >> 0 mahc.yaxis = mapData.decos[i].yaxis >> 0 mahc.node = mapData.decos[i].shopNav @@ -5035,6 +5533,7 @@ FloorMap_QM.prototype = { type: 'deco', name: show } + mahc.userData.opacity = mapData.decos[i].alphaModle / 100 || 0 gp.add(mahc) mahc.position.x = -1 * mapData.groupArea[k].xaxis mahc.position.y = mapData.groupArea[k].yaxis @@ -5049,12 +5548,18 @@ FloorMap_QM.prototype = { } for (let i = 0; i < sLen; i++) { - if ((!mapData.decos[i].gid || mapData.decos[i].gid == '') && Config.changeAreaToString(mapData.decos[i]) != '') { - let arr = Config.changeAreaToString(mapData.decos[i]) + if ((!mapData.decos[i].gid || mapData.decos[i].gid == '') && Map_QM.util.changeAreaToString(mapData.decos[i]) != '') { + let arr = Map_QM.util.changeAreaToString(mapData.decos[i]) entColor = parseInt(mapData.decos[i].entColor.replace('#', '0x'), 16) borderColor = parseInt(mapData.decos[i].borderColor.replace('#', '0x'), 16) let show = mapData.decos[i].name == 'deco' ? '' : mapData.decos[i].name - let mahc = this.Model_QM.MyModelShape(arr, null, mapData.decos[i], entColor, borderColor, 240) + let hollShop = [] + if (mapData.decos[i].hollArea) { + for (let k = 0; k < mapData.decos[i].hollArea.length; k++) { + hollShop.push(Map_QM.util.changeAreaToString(mapData.decos[i].hollArea[k])) + } + } + let mahc = this.Model_QM.MyModelShape(arr, hollShop, mapData.decos[i], entColor, borderColor, 240) mahc.xaxis = mapData.decos[i].xaxis >> 0 mahc.yaxis = mapData.decos[i].yaxis >> 0 mahc.node = mapData.decos[i].shopNav @@ -5062,6 +5567,7 @@ FloorMap_QM.prototype = { type: 'deco', name: show } + mahc.userData.opacity = mapData.decos[i].alphaModle / 100 || 0 this.allObj.add(mahc) } } @@ -5070,12 +5576,12 @@ FloorMap_QM.prototype = { * 渲染墙体 */ initWall: function () { - let mapData = Config.allMap[this.buildOrder].buildArr[this.floorOrder].mapData + let mapData = Map_QM.util.allMap[this.buildOrder].buildArr[this.floorOrder].mapData //渲染 if (mapData.wallArea) { let sLen = mapData.wallArea.length for (let i = 0; i < sLen; i++) { - let arr = Config.changeWallToString(mapData.wallArea[i]) + let arr = Map_QM.util.changeWallToString(mapData.wallArea[i]) let mahc = this.Model_QM.MyModelShape( arr, null, @@ -5087,6 +5593,7 @@ FloorMap_QM.prototype = { mahc.userData = { type: 'wall' } + mahc.userData.opacity = mapData.wallArea[i].alphaModle / 100 || 0 this.allObj.add(mahc) } } @@ -5095,7 +5602,7 @@ FloorMap_QM.prototype = { * 渲染文本 */ initTextArea: function () { - let mapData = Config.allMap[this.buildOrder].buildArr[this.floorOrder].mapData + let mapData = Map_QM.util.allMap[this.buildOrder].buildArr[this.floorOrder].mapData //渲染 if (mapData.svgArea) { let sLen = mapData.svgArea.length @@ -5118,16 +5625,26 @@ FloorMap_QM.prototype = { Map_QM.endModel.visible = pathCameraState == '2D' ? false : true Map_QM.endModel.scale.x = Map_QM.endModel.scale.y = Map_QM.endModel.scale.z = 100 Map_QM.endModel.position.set(shopX, shopZ, shopY) //x,z,y - Map_QM.endModel.applyMatrix(Map_QM.sceneGap.matrix) + Map_QM.endModel.applyMatrix4(Map_QM.sceneGap.matrix) if (Map_QM.endIcon) { Map_QM.endIcon.visible = pathCameraState == '2D' ? true : false Map_QM.endIcon.scale.x = Map_QM.endIcon.scale.y = Map_QM.endIcon.scale.z = 100 - Map_QM.endIcon.position.set(shopX, shopZ, shopY) //x,z,y - Map_QM.endIcon.applyMatrix(Map_QM.sceneGap.matrix) + Map_QM.endIcon.position.set(shopX, 100, shopY) //x,z,y + Map_QM.endIcon.applyMatrix4(Map_QM.sceneGap.matrix) } } else { + try { + Map_QM.scene.traverse(item => { + if (item.name == 'Z-model') { + Map_QM.scene.remove(item) + } + }) + } catch (e) { + console.log('traverse') + } + let loader2 = new THREE.GLTFLoader() - loader2.load('./static/img/zhong.gltf', function (collada2) { + loader2.load(Map_QM.util.beforPath + 'static/img/zhong.gltf', function (collada2) { collada2.scene.traverse(function (child2) { if ( child2.name == 'object_1' || @@ -5150,14 +5667,14 @@ FloorMap_QM.prototype = { if (shopX != 0 && shopY != 0) { collada2.scene.position.set(shopX, shopZ, shopY) //x,z,y } - collada2.scene.applyMatrix(Map_QM.sceneGap.matrix) + collada2.scene.applyMatrix4(Map_QM.sceneGap.matrix) collada2.scene.renderOrder = 200 + collada2.scene.name = 'Z-model' Map_QM.endModel = collada2.scene Map_QM.scene.add(collada2.scene) Map_QM.endModel.visible = pathCameraState == '2D' ? false : true }) - - let spriteMap = new THREE.TextureLoader().load('./static/img/Z.png') + let spriteMap = new THREE.TextureLoader().load(Map_QM.util.beforPath + 'static/img/Z.png') let spriteMaterial = new THREE.SpriteMaterial({ //sizeAttenuation: false 禁止跟随鼠标缩放 map: spriteMap, @@ -5166,11 +5683,12 @@ FloorMap_QM.prototype = { alphaTest: 0.5 }) Map_QM.endIcon = new MySprite_QM(spriteMaterial) - Map_QM.endIcon.scale.set(80, 80, 1) + Map_QM.endIcon.scale.set(100, 100, 1) Map_QM.endIcon.center = new THREE.Vector2(0.5, 0) - Map_QM.endIcon.position.set(shopX, shopZ, shopY) - Map_QM.endIcon.applyMatrix(Map_QM.sceneGap.matrix) + Map_QM.endIcon.position.set(shopX, 100, shopY) + Map_QM.endIcon.applyMatrix4(Map_QM.sceneGap.matrix) Map_QM.endIcon.renderOrder = 300 + Map_QM.endIcon.name = 'Z-model' Map_QM.endIcon.visible = pathCameraState == '2D' ? true : false Map_QM.scene.add(Map_QM.endIcon) } @@ -5180,62 +5698,68 @@ FloorMap_QM.prototype = { */ setStartSite: function (shopX, shopY, shopZ) { let _this = this - new THREE.GLTFLoader().load('./static/img/qi.gltf', function (collada) { - //console.log(collada); - collada.scene.traverse(function (child) { - if (child.name == 'object_1' || child.name == 'object_3' || child.name == 'object_4' || child.name == 'object_31' || child.name == 'object_41') { - child.material = new THREE.MeshBasicMaterial({ color: 0xffae43, transparent: true }) - } - if (child.name == 'object_2' || child.name == 'object_21') { - child.material = new THREE.MeshBasicMaterial({ color: 0xffffff, transparent: true }) - } - }) - collada.scene.scale.x = collada.scene.scale.y = collada.scene.scale.z = 100 - collada.scene.rotateX(Math.PI / 2) - if (shopX != 0 && shopY != 0) { - collada.scene.position.set(shopX, -1 * shopY, shopZ) //x,z,y - } - collada.scene.renderOrder = 200 - Map_QM.qiModel = collada.scene - if (Config.cameraDist.state == '2D') { - Map_QM.qiModel.visible = false - } - _this.allObj.add(collada.scene) - //-------------------------------------------------------------- - let spriteMap = new THREE.TextureLoader().load('./static/img/Q.png') - let spriteMaterial = new THREE.SpriteMaterial({ - //sizeAttenuation: false 禁止跟随鼠标缩放 - map: spriteMap, - depthTest: true, - transparent: true, - alphaTest: 0.5 - }) - Map_QM.qiIcon = new MySprite_QM(spriteMaterial) - Map_QM.qiIcon.scale.set(80, 80, 1) - Map_QM.qiIcon.center = new THREE.Vector2(0.5, 0) + if (Map_QM.qiModel) { + Map_QM.qiModel.position.set(shopX, -1 * shopY, shopZ) + _this.allObj.add(Map_QM.qiModel) Map_QM.qiIcon.position.set(shopX, -1 * shopY, shopZ) - Map_QM.qiIcon.renderOrder = 300 - Map_QM.qiIcon.visible = false _this.allObj.add(Map_QM.qiIcon) - - let spriteMap2 = new THREE.TextureLoader().load('./static/img/site.png') - let spriteMaterial2 = new THREE.SpriteMaterial({ - //sizeAttenuation: false 禁止跟随鼠标缩放 - map: spriteMap2, - depthTest: true, - transparent: true, - alphaTest: 0.5 - }) - Map_QM.dirIcon = new MySprite_QM(spriteMaterial2) - Map_QM.dirIcon.scale.set(160, 160, 1) - Map_QM.dirIcon.center = new THREE.Vector2(0.5, 0.5) Map_QM.dirIcon.position.set(shopX, -1 * shopY, shopZ) - Map_QM.dirIcon.renderOrder = 300 - if (Config.cameraDist.state == '3D') { - Map_QM.dirIcon.visible = false - } _this.allObj.add(Map_QM.dirIcon) - }) + } else { + new THREE.GLTFLoader().load(Map_QM.util.beforPath + 'static/img/qi.gltf', function (collada) { + collada.scene.traverse(function (child) { + if (child.name == 'object_1' || child.name == 'object_3' || child.name == 'object_4' || child.name == 'object_31' || child.name == 'object_41') { + child.material = new THREE.MeshBasicMaterial({ color: 0xffae43, transparent: true }) + } + if (child.name == 'object_2' || child.name == 'object_21') { + child.material = new THREE.MeshBasicMaterial({ color: 0xffffff, transparent: true }) + } + }) + collada.scene.scale.x = collada.scene.scale.y = collada.scene.scale.z = 100 + collada.scene.rotateX(Math.PI / 2) + if (shopX != 0 && shopY != 0) { + collada.scene.position.set(shopX, -1 * shopY, parseInt(Map_QM.util.buildHeight) + 5) //x,z,y + } + collada.scene.renderOrder = 200 + collada.scene.userData.type = 'start' + Map_QM.qiModel = collada.scene + _this.allObj.add(collada.scene) + //-------------------------------------------------------------- + let spriteMap = new THREE.TextureLoader().load(Map_QM.util.beforPath + 'static/img/Q.png') + let spriteMaterial = new THREE.SpriteMaterial({ + //sizeAttenuation: false 禁止跟随鼠标缩放 + map: spriteMap, + depthTest: true, + transparent: true, + alphaTest: 0.5 + }) + Map_QM.qiIcon = new MySprite_QM(spriteMaterial) + Map_QM.qiIcon.scale.set(80, 80, 1) + Map_QM.qiIcon.center = new THREE.Vector2(0.5, 0) + Map_QM.qiIcon.position.set(shopX, -1 * shopY, shopZ + 50) + Map_QM.qiIcon.renderOrder = 500 + Map_QM.qiIcon.visible = false + Map_QM.qiIcon.userData.type = 'start' + _this.allObj.add(Map_QM.qiIcon) + + let spriteMap2 = new THREE.TextureLoader().load(Map_QM.util.beforPath + 'static/img/site.png') + let spriteMaterial2 = new THREE.SpriteMaterial({ + //sizeAttenuation: false 禁止跟随鼠标缩放 + map: spriteMap2, + depthTest: true, + transparent: true, + alphaTest: 0.5 + }) + Map_QM.dirIcon = new MySprite_QM(spriteMaterial2) + Map_QM.dirIcon.scale.set(80, 80, 1) + Map_QM.dirIcon.center = new THREE.Vector2(0.5, 0.5) + Map_QM.dirIcon.position.set(shopX, -1 * shopY, 100) + Map_QM.dirIcon.renderOrder = 500 + Map_QM.dirIcon.visible = false + Map_QM.dirIcon.userData.type = 'start' + _this.allObj.add(Map_QM.dirIcon) + }) + } }, /** * 查找线 @@ -5254,32 +5778,89 @@ FloorMap_QM.prototype = { }, //初始化停车位 initPark: function () { - let mapData = Config.allMap[this.buildOrder].buildArr[this.floorOrder].mapData + let mapData = Map_QM.util.allMap[this.buildOrder].buildArr[this.floorOrder].mapData //渲染车位 if (mapData.parkArea) { let sLen = mapData.parkArea.length if (sLen > 0) { this.allObj.add(this.parkObj) } + let shapeArr = [], + materials = [], + parkHeight = 1, + borderColor = 0xaaaaaa for (let i = 0; i < sLen; i++) { - if (Config.changeParkToString(mapData.parkArea[i]) != '') { - let arr = Config.changeParkToString(mapData.parkArea[i]) - mapData.parkArea[i].alphaModle = 95 - let mahc = this.Model_QM.MyParkShape(arr, mapData.parkArea[i], mapData.parkArea[i].entColor, mapData.parkArea[i].borderColor, 80) - this.parkObj.add(mahc) - mahc.xaxis = mapData.parkArea[i].xaxis >> 0 - mahc.yaxis = mapData.parkArea[i].yaxis >> 0 - mahc.node = mapData.parkArea[i].shopNav - mahc.userData = { - xaxis: mahc.xaxis, - yaxis: mahc.yaxis, - node: mahc.node, - floor: this.floorOrder, - shopNum: mahc.name, - type: 'park' + let arr = Map_QM.util.changeParkToString(mapData.parkArea[i]) + if (arr != '') { + parkHeight = Math.max(parseInt(mapData.parkArea[i].toHeight), parkHeight) + borderColor = mapData.parkArea[i].borderColor + if (arr.length > 0) { + let shape = new THREE.Shape() + shape.moveTo(arr[0][0], -1 * arr[0][1]) + for (let k = 0; k < arr.length; k++) { + shape.lineTo(arr[k][2], -1 * arr[k][3]) + } + shapeArr.push(shape) + let meshMaterial + let color2 = new THREE.Color(mapData.parkArea[i].entColor) + for (let e = 0; e < Map_QM.util.parkMaterialArr.length; e++) { + if (Map_QM.util.parkMaterialArr[e].color.equals(color2)) { + meshMaterial = Map_QM.util.parkMaterialArr[e] + } + } + if (!meshMaterial) { + meshMaterial = new THREE.MeshBasicMaterial({ + color: mapData.parkArea[i].entColor + }) + Map_QM.util.parkMaterialArr.push(meshMaterial) + } + materials.push(meshMaterial) + if (mapData.parkArea[i].childArea && mapData.parkArea[i].childArea.length > 0) { + for (let m = 0; m < mapData.parkArea[i].childArea.length; m++) { + let meshMaterial0 + if (mapData.parkArea[i].childArea[m].color && mapData.parkArea[i].childArea[m].color != '#FFffff') { + let color2 = new THREE.Color(mapData.parkArea[i].childArea[m].color) + for (let e = 0; e < Map_QM.util.parkMaterialArr.length; e++) { + if (Map_QM.util.parkMaterialArr[e].color.equals(color2)) { + meshMaterial0 = Map_QM.util.parkMaterialArr[e] + } + } + if (!meshMaterial0) { + meshMaterial0 = new THREE.MeshBasicMaterial({ + color: mapData.parkArea[i].childArea[m].color + }) + Map_QM.util.parkMaterialArr.push(meshMaterial0) + } + } else { + meshMaterial0 = meshMaterial + } + let ps = mapData.parkArea[i].childArea[m].points + let shape0 = new THREE.Shape() + // 设置开始点的位置 + shape0.moveTo(ps[0].x, -1 * ps[0].y) + for (let t = 0; t < ps.length; t++) { + shape0.lineTo(ps[t].x, -1 * ps[t].y) + } + shapeArr.push(shape0) + materials.push(meshMaterial0) + } + } + } + //显示车位编号 + if (mapData.parkArea[i].parkNum != 'NaN' && i % 10 == 0) { + let shopDiv = document.createElement('div') + shopDiv.style.cssText = css_LR + shopDiv.style.visibility = 'hidden' + shopDiv.textContent = mapData.parkArea[i].parkNum + let shopLabel = new THREE.CSS2DObject(shopDiv) + shopLabel.name = mapData.parkArea[i].name + shopLabel.position.set(mapData.parkArea[i].xaxis >> 0, (-1 * mapData.parkArea[i].yaxis) >> 0, parseInt(mapData.parkArea[i].toHeight) + 1) + this.labelObj.add(shopLabel) } } } + let mahc = this.Model_QM.MyParkShape(shapeArr, materials, parkHeight, borderColor) + this.parkObj.add(mahc) } } } @@ -5295,49 +5876,30 @@ MyModel_QM = function () { this.yaxis = 0 this.node = 0 } -//渲染平面车位 -MyModel_QM.prototype.MyParkShape = function (areaArr, opObj, entityColor = 0xdadada, lineColor = 0xeeeeee, indexOrder = 1) { - let len = areaArr.length - if (len == 0) { - return - } - // 实例化shape对象 - let shape = new THREE.Shape() - // 设置开始点的位置 - shape.moveTo(areaArr[0][0], -1 * areaArr[0][1]) - for (let i = 0; i < areaArr.length; i++) { - if (areaArr[i].length == 4) { - shape.lineTo(areaArr[i][2], -1 * areaArr[i][3]) - } else { - shape.bezierCurveTo(areaArr[i][2], -1 * areaArr[i][3], areaArr[i][4], -1 * areaArr[i][5], areaArr[i][6], -1 * areaArr[i][7]) - } - } +MyModel_QM.prototype.MyParkShape = function (shapes, materials, toHeight = 5, borderColor = 0xaaaaaa) { + let scanGeometry = new THREE.ShapeBufferGeometry(shapes, 1) let material - for (let k = 0; k < Config.lineBasicMaterialArr.length; k++) { - let color2 = new THREE.Color(lineColor) - if (Config.lineBasicMaterialArr[k].color.equals(color2)) { - material = Config.lineBasicMaterialArr[k] + for (let k = 0; k < Map_QM.util.lineBasicMaterialArr.length; k++) { + let color2 = new THREE.Color(borderColor) + if (Map_QM.util.lineBasicMaterialArr[k].color.equals(color2)) { + material = Map_QM.util.lineBasicMaterialArr[k] } } if (!material) { material = new THREE.LineBasicMaterial({ - color: lineColor + color: borderColor }) //材质对象lineColor - Config.lineBasicMaterialArr.push(material) - } - - let scanGeometry = new THREE.ShapeBufferGeometry(shape, 1) - if (opObj.angleY || opObj.angleZ) { - Config.rotateYZ(scanGeometry, (opObj.angleY * Math.PI) / 180, (opObj.angleZ * Math.PI) / 180) + Map_QM.util.lineBasicMaterialArr.push(material) } // 创建模型 - let mesh = new THREE.Mesh(scanGeometry, Config.parkMaterial) - let cubeEdges = new THREE.EdgesGeometry(scanGeometry, 1) - mesh.add(new THREE.Line(cubeEdges, material)) - mesh.position.z = opObj.site || 3 - mesh.renderOrder = indexOrder - mesh.name = opObj.name || '' - + let mesh = new THREE.Mesh(scanGeometry, materials) + mesh.position.z = toHeight + mesh.renderOrder = 300 + mesh.userData.type = 'park' + + let cubeEdges = new THREE.EdgesGeometry(scanGeometry, 60) + let cubeLine = new THREE.LineSegments(cubeEdges, material) + mesh.add(cubeLine) return mesh } @@ -5359,17 +5921,17 @@ MyModel_QM.prototype.MyModelShape = function (areaArr, howllowArr, opObj, entity } } let material - for (let k = 0; k < Config.lineBasicMaterialArr.length; k++) { + for (let k = 0; k < Map_QM.util.lineBasicMaterialArr.length; k++) { let color2 = new THREE.Color(lineColor) - if (Config.lineBasicMaterialArr[k].color.equals(color2)) { - material = Config.lineBasicMaterialArr[k] + if (Map_QM.util.lineBasicMaterialArr[k].color.equals(color2)) { + material = Map_QM.util.lineBasicMaterialArr[k] } } if (!material) { material = new THREE.LineBasicMaterial({ color: lineColor }) //材质对象lineColor - Config.lineBasicMaterialArr.push(material) + Map_QM.util.lineBasicMaterialArr.push(material) } if (howllowArr && howllowArr.length > 0) { for (let n = 0; n < howllowArr.length; n++) { @@ -5394,10 +5956,10 @@ MyModel_QM.prototype.MyModelShape = function (areaArr, howllowArr, opObj, entity } scanGeometry = new THREE.ExtrudeGeometry(shape, options) - for (let e = 0; e < Config.meshMaterialArr.length; e++) { + for (let e = 0; e < Map_QM.util.meshMaterialArr.length; e++) { let color2 = new THREE.Color(entityColor) - if (Config.meshMaterialArr[e].color.equals(color2) && Config.meshMaterialArr[e].opacity == alphaModle) { - meshMaterial = Config.meshMaterialArr[e] + if (Map_QM.util.meshMaterialArr[e].color.equals(color2) && Map_QM.util.meshMaterialArr[e].opacity == alphaModle) { + meshMaterial = Map_QM.util.meshMaterialArr[e] } } if (!meshMaterial) { @@ -5410,14 +5972,14 @@ MyModel_QM.prototype.MyModelShape = function (areaArr, howllowArr, opObj, entity depthTest: true }) //meshMaterial.color.convertLinearToGamma(0.4); - Config.meshMaterialArr.push(meshMaterial) + Map_QM.util.meshMaterialArr.push(meshMaterial) } if (opObj.angleY || opObj.angleZ) { - Config.rotateYZ(scanGeometry, (opObj.angleY * Math.PI) / 180, (opObj.angleZ * Math.PI) / 180) + Map_QM.util.rotateYZ(scanGeometry, (opObj.angleY * Math.PI) / 180, (opObj.angleZ * Math.PI) / 180) } // 创建模型 let mesh = new THREE.Mesh(scanGeometry, meshMaterial) - if (!Config.toMapModel && opObj.type != 'wall') { + if (!Map_QM.util.toMapModel && opObj.type != 'wall') { let cubeEdges = new THREE.EdgesGeometry(scanGeometry, 60) let cubeLine = new THREE.LineSegments(cubeEdges, material) cubeLine.renderOrder = indexOrder - 5 @@ -5431,7 +5993,6 @@ MyModel_QM.prototype.MyModelShape = function (areaArr, howllowArr, opObj, entity mesh.castShadow = true mesh.renderOrder = indexOrder mesh.name = opObj.name || '' - return mesh } @@ -5440,20 +6001,20 @@ MyModel_QM.prototype.MyModelText = function (svgArea) { const paths = new THREE.SVGLoader().parse(text).paths const group = new THREE.Group() + group.position.x = parseInt(svgArea.xaxis) + group.position.y = -1 * parseInt(svgArea.yaxis) + group.position.z = parseInt(svgArea.site) group.rotateX((parseInt(svgArea.angleZ) * Math.PI) / 180) group.rotateY((parseInt(svgArea.angleY) * Math.PI) / 180) group.rotateZ((parseInt(svgArea.angle) * Math.PI) / 180) group.scale.multiplyScalar(svgArea.scale) - group.position.x = parseInt(svgArea.xaxis) - group.position.y = -1 * parseInt(svgArea.yaxis) - group.position.z = parseInt(svgArea.site) group.scale.y *= -1 let meshMaterial - for (let e = 0; e < Config.meshMaterialArr.length; e++) { + for (let e = 0; e < Map_QM.util.meshMaterialArr.length; e++) { let color2 = new THREE.Color().setHex(svgArea.entColor) - if (Config.meshMaterialArr[e].color.equals(color2) && Config.meshMaterialArr[e].opacity == svgArea.alphaModle) { - meshMaterial = Config.meshMaterialArr[e] + if (Map_QM.util.meshMaterialArr[e].color.equals(color2) && Map_QM.util.meshMaterialArr[e].opacity == svgArea.alphaModle) { + meshMaterial = Map_QM.util.meshMaterialArr[e] } } if (!meshMaterial) { @@ -5461,7 +6022,7 @@ MyModel_QM.prototype.MyModelText = function (svgArea) { color: svgArea.entColor, opacity: parseInt(svgArea.alphaModle) / 100 }) - Config.meshMaterialArr.push(meshMaterial) + Map_QM.util.meshMaterialArr.push(meshMaterial) } for (let i = 0; i < paths.length; i++) { @@ -5494,7 +6055,8 @@ MySprite_QM = function (spriteMaterial, obj = null) { this.no = obj.no this.facCode = obj.facCode this.floor = obj.floorOrder - this.site = parseInt(obj.site) || Config.shopHeight + 32 + this.build = obj.buildOrder + this.site = parseInt(obj.site) || Map_QM.util.shopHeight + 32 } this.imgUrl this.material = spriteMaterial !== undefined ? spriteMaterial : new SpriteMaterial() @@ -5532,10 +6094,18 @@ Facilities_QM = function () {} Facilities_QM.prototype.renderIcon = function (obj, _this, isShow = true, ele = null) { if (obj) { let spriteMaterial - let url = './static/img/' + obj.facCode + '.png' - for (let m = 0; m < Config.spriteMaterialArr.length; m++) { - if (Config.spriteMaterialArr[m].name == obj.facCode) { - spriteMaterial = Config.spriteMaterialArr[m] + let url = Map_QM.util.beforPath + 'static/img/' + obj.facCode + '.png' + if (Map_QM.util.iconUrl.length > 0) { + //使用设施库 + for (let i = 0; i < Map_QM.util.iconUrl.length; i++) { + if (Map_QM.util.iconUrl[i].abbreviation == obj.facCode) { + url = Map_QM.util.beforPath + 'static/offline' + Map_QM.util.iconUrl[i].filePath + } + } + } + for (let m = 0; m < Map_QM.util.spriteMaterialArr.length; m++) { + if (Map_QM.util.spriteMaterialArr[m].name == obj.facCode) { + spriteMaterial = Map_QM.util.spriteMaterialArr[m] } } if (!spriteMaterial) { @@ -5547,7 +6117,7 @@ Facilities_QM.prototype.renderIcon = function (obj, _this, isShow = true, ele = transparent: true }) spriteMaterial.name = obj.facCode - Config.spriteMaterialArr.push(spriteMaterial) + Map_QM.util.spriteMaterialArr.push(spriteMaterial) } let sprite = new MySprite_QM(spriteMaterial, obj) @@ -5558,94 +6128,48 @@ Facilities_QM.prototype.renderIcon = function (obj, _this, isShow = true, ele = sprite.userData.type = 'icon' sprite.userData.use = ele ? '2d' : 'all' sprite.userData.model = ele - sprite.position.set(obj.x, -1 * obj.y, obj.site || Config.shopHeight + 1) + sprite.userData.src = url + sprite.position.set(obj.x, -1 * obj.y, Math.max(55, parseInt(obj.site) || 0)) sprite.renderOrder = 300 sprite.visible = isShow _this.serObj.add(sprite) - if (iconNameShow) { + if (Map_QM.util.options.iconName) { let shopDiv = document.createElement('div') - shopDiv.className = 'shopLabel' - shopDiv.style.fontSize = '12px' - shopDiv.style.height = '14px' + shopDiv.style.cssText = css_LR shopDiv.innerText = obj.title shopDiv.dataset.name = obj.title - shopDiv.dataset.nameEn = Config.iconEn[obj.title] + shopDiv.dataset.nameEn = Map_QM.util.iconEn[obj.title] let shopLabel = new THREE.CSS2DObject(shopDiv) shopLabel.position.set(obj.x, -1 * obj.y, 30) _this.iconLabel.add(shopLabel) - shopLabel.element.style.pointerEvents = 'none' - } - } -} -Facilities_QM.prototype.renderDeviceIcon = function (obj, _this) { - if (obj) { - let spriteMaterial - let url = './static/img/deviceDir.png' - for (let m = 0; m < Config.spriteMaterialArr.length; m++) { - if (Config.spriteMaterialArr[m].name == 'deviceDir') { - spriteMaterial = Config.spriteMaterialArr[m] - } } - if (!spriteMaterial) { - let spriteMap = new THREE.TextureLoader().load(url) - spriteMaterial = new THREE.MeshPhongMaterial({ - //sizeAttenuation: false 禁止跟随鼠标缩放 - map: spriteMap, - depthTest: false, - transparent: true - }) - spriteMaterial.name = 'deviceDir' - Config.spriteMaterialArr.push(spriteMaterial) - } - let planeGeometry = new THREE.PlaneGeometry(100, 100) - let plane = new THREE.Mesh(planeGeometry, spriteMaterial) - plane.center = new THREE.Vector2(0, 0) - plane.userData = JSON.parse(JSON.stringify(obj)) - plane.userData.type = 'device' - plane.position.set(obj.x, -1 * obj.y, 20) - plane.rotateZ((parseInt(obj.angle) * Math.PI) / 180) - plane.renderOrder = 410 - _this.devObj.add(plane) - - let SpriteDiv = document.createElement('div') - SpriteDiv.className = 'other-pop' - SpriteDiv.style.background = '#777777' - SpriteDiv.innerText = obj.devNum - let pointLabel = new THREE.CSS2DObject(SpriteDiv) - pointLabel.position.set(obj.x, -1 * obj.y, 0) - pointLabel.element.style.pointerEvents = 'none' - pointLabel.userData.type = 'dev_IP' - pointLabel.userData.code = obj.code - pointLabel.userData.name = obj.devNum - _this.showTagObj.add(pointLabel) - pointLabel.element.style.pointerEvents = 'none' } } - /** * 店铺LOGO地图展示类 */ ShopLogo_QM = function () { - this.renderIcon = function (obj, _this) { + this.renderIcon = function (obj, _this, z) { if (obj) { let x = obj.xaxis >> 0 let y = (-1 * obj.yaxis) >> 0 - let z = parseInt(Config.shopHeight) + 0.1 let imgW = obj.imgW >> 0 let imgH = obj.imgH >> 0 new THREE.TextureLoader().load(obj.logoUrl, textu => { let planeMaterial = new THREE.MeshPhongMaterial({ map: textu, - depthTest: false, + depthTest: true, transparent: true }) let planeGeometry = new THREE.PlaneGeometry(imgW, imgH) let plane = new THREE.Mesh(planeGeometry, planeMaterial) plane.center = new THREE.Vector2(0, 0) - plane.position.set(x, y, z) + plane.position.set(x, y, obj.site || z) + plane.userData.rot = 0 + plane.userData.type = 'logo' plane.renderOrder = 70 - _this.logoObj.add(plane) + _this.add(plane) }) } } @@ -5656,6 +6180,7 @@ var _selfFindPath FindPath_QM = function () { this.pathArr = [] this.lineDashed + this.lineDashed_old //路线指引箭头皮肤 this.planeGeometry = new THREE.PlaneGeometry(128, 128) @@ -5683,17 +6208,24 @@ FindPath_QM = function () { FindPath_QM.prototype.clearPath = function () { this.pathArr = [] if (this.lineDashed) { - if (Map_QM.mapArr[Config.selectBuild][Config.selectFloor]) { - Map_QM.mapArr[Config.selectBuild][Config.selectFloor].allObj.remove(this.lineDashed) + if (Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor]) { + Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].allObj.remove(this.lineDashed) } this.lineDashed.destroy() this.lineDashed = null } + if (this.lineDashed_old) { + if (Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor]) { + Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].allObj.remove(this.lineDashed_old) + } + this.lineDashed_old.destroy() + this.lineDashed_old = null + } if (Map_QM.guide) { Map_QM.guide.visible = false - if (Map_QM.mapArr[Config.selectBuild][Config.selectFloor]) { - Map_QM.mapArr[Config.selectBuild][Config.selectFloor].allObj.remove(Map_QM.man_2d) - Map_QM.mapArr[Config.selectBuild][Config.selectFloor].allObj.remove(Map_QM.man_3d) + if (Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor]) { + Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].allObj.remove(Map_QM.man_2d) + Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].allObj.remove(Map_QM.man_3d) } } @@ -5717,14 +6249,12 @@ FindPath_QM.prototype.onFindPathAnimation = function (pathArray, floorOrder = -1 this.pathState = 'isPlay' this._index = 0 if (floorOrder === -1) { - floorOrder = Config.selectFloor + floorOrder = Map_QM.util.selectFloor } this.drawPath(floorOrder) } } -/** - * - */ + FindPath_QM.prototype.drawPath = function (floorOrder) { let linePath = [] for (let i = 0; i < this.pathArr.length; i++) { @@ -5732,12 +6262,36 @@ FindPath_QM.prototype.drawPath = function (floorOrder) { linePath.push([this.pathArr[i].x, -1 * this.pathArr[i].y]) } } - this.lineDashed = new PathLine(12, linePath, parseInt(Config.buildHeight) + 1) - this.lineDashed.name = 'lineDash' - this.lineDashed.renderOrder = 128 - Map_QM.mapArr[Config.selectBuild][floorOrder].allObj.add(this.lineDashed) + //this.lineDashed.name = 'lineDash' + this.lineDashed_old = new PathLine(12, linePath, parseInt(Map_QM.util.buildHeight) + 1, 'rgb(169,181,211)', 'rgb(189, 192, 203)', true) + this.lineDashed_old.renderOrder = 128 + Map_QM.mapArr[Map_QM.util.selectBuild][floorOrder].allObj.add(this.lineDashed_old) + //////////////////////////////////////////////////////// } +FindPath_QM.prototype.updateClearPath = function () { + if (this.lineDashed) { + if (Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor]) { + Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].allObj.remove(this.lineDashed) + } + this.lineDashed.destroy() + this.lineDashed = null + } +} +FindPath_QM.prototype.updateDrawPath = function () { + this.updateClearPath() + let linePath = [] + linePath.push([Map_QM.guide.position.x, Map_QM.guide.position.y]) + for (let i = this._index; i < this.pathArr.length; i++) { + if (i < this.pathArr.length) { + linePath.push([this.pathArr[i].x, -1 * this.pathArr[i].y]) + } + } + this.lineDashed = new PathLine(12, linePath, parseInt(Map_QM.util.buildHeight) + 2, 'rgb(110, 149, 254)', 'rgb(110,125,254)', false) + this.lineDashed.renderOrder = 130 + Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].allObj.add(this.lineDashed) +} + FindPath_QM.prototype.guidePathPlay = function (paths) { if (Map_QM.guide) { Map_QM.guide.renderOrder = 99 @@ -5745,16 +6299,16 @@ FindPath_QM.prototype.guidePathPlay = function (paths) { Map_QM.guide.position.x = paths.PathPoint[0].x Map_QM.guide.position.y = -1 * paths.PathPoint[0].y Map_QM.moveCameraBy2D(paths.PathPoint[0]) - Map_QM.man_2d.position.z = Config.shopHeight + 2 - Map_QM.man_3d.position.z = Config.buildHeight + 2 + Map_QM.man_2d.position.z = parseInt(Map_QM.util.buildHeight) + 120 + Map_QM.man_3d.position.z = parseInt(Map_QM.util.buildHeight) + 5 Map_QM.guide.visible = true - Map_QM.mapArr[Config.selectBuild][paths.floor].allObj.add(Map_QM.man_2d) - Map_QM.mapArr[Config.selectBuild][paths.floor].allObj.add(Map_QM.man_3d) + Map_QM.mapArr[Map_QM.util.selectBuild][paths.floor].allObj.add(Map_QM.man_2d) + Map_QM.mapArr[Map_QM.util.selectBuild][paths.floor].allObj.add(Map_QM.man_3d) } } this.pathArr = paths.PathPoint _selfFindPath = this - if (isPathPlay) { + if (Map_QM.util.pathStateObj.isPathPlay) { this.pathPlay.isPlay = true } } @@ -5770,7 +6324,7 @@ FindPath_QM.prototype.playMoveGuide = function () { let targetX = _selfFindPath.pathArr[_selfFindPath._index].x - px let targetY = -1 * _selfFindPath.pathArr[_selfFindPath._index].y - py let dist = Math.sqrt(targetX * targetX + targetY * targetY) - let df = Math.ceil(dist / Config.playSpeed) + let df = Math.ceil(dist / Map_QM.util.options.playSpeed) let dx = (_selfFindPath.pathArr[_selfFindPath._index].x - px) / df let dy = (-1 * _selfFindPath.pathArr[_selfFindPath._index].y - py) / df let ang = 0 @@ -5778,9 +6332,10 @@ FindPath_QM.prototype.playMoveGuide = function () { Map_QM.guide.position.x = _selfFindPath.pathArr[_selfFindPath._index].x Map_QM.guide.position.y = -1 * _selfFindPath.pathArr[_selfFindPath._index].y Map_QM.moveCameraBy2D({ x: _selfFindPath.pathArr[_selfFindPath._index].x, y: _selfFindPath.pathArr[_selfFindPath._index].y }) - Map_QM.man_3d.rotation.z = Map_QM.man_2d.rotation.z = 0 //180; + _selfFindPath._index++ if (_selfFindPath._index > 0 && _selfFindPath._index < _selfFindPath.pathArr.length) { + Map_QM.man_3d.rotation.z = Map_QM.man_2d.rotation.z = 0 //180; let s = Math.sqrt( (_selfFindPath.pathArr[_selfFindPath._index].x - _selfFindPath.pathArr[_selfFindPath._index - 1].x) * (_selfFindPath.pathArr[_selfFindPath._index].x - _selfFindPath.pathArr[_selfFindPath._index - 1].x) + @@ -5794,16 +6349,18 @@ FindPath_QM.prototype.playMoveGuide = function () { Map_QM.man_3d.rotation.z = Map_QM.man_2d.rotation.z = Math.PI + ang } } - for (let t = 0; t < Map_QM.forShopArr[_indexPathFloor].wayShop.length; t++) { - if (Map_QM.forShopArr[_indexPathFloor].wayShop[t].pathIndex == _selfFindPath._index) { - pathShop = Map_QM.forShopArr[_indexPathFloor].wayShop[t].shop.houseNumber - - let shops = Map_QM.mapArr[Config.selectBuild][parseInt(Map_QM.forShopArr[_indexPathFloor].wayShop[t].shop.floorOrder)].allObj.children + let pathShop = '' + for (let t = 0; t < Map_QM.forShopArr[Map_QM.util._indexPathFloor].wayShop.length; t++) { + if (Map_QM.forShopArr[Map_QM.util._indexPathFloor].wayShop[t].pathIndex == _selfFindPath._index) { + let shop_ = Map_QM.forShopArr[Map_QM.util._indexPathFloor].wayShop[t].shop + pathShop = iot ? shop_.houseNumber : shop_.houseNum + let shops = Map_QM.mapArr[Map_QM.util.selectBuild][parseInt(Map_QM.forShopArr[Map_QM.util._indexPathFloor].wayShop[t].shop.floorOrder)].allObj.children for (let i = 0; i < shops.length; i++) { - if (shops[i].userData.shopData && shops[i].userData.shopData.houseNumber === pathShop) { + let _shop = shops[i].userData.shopData + if (_shop && (iot ? _shop.houseNumber : _shop.houseNum) === pathShop) { let shopModel = shops[i] let material = shopModel.material - shopModel.material = new THREE.MeshBasicMaterial({ color: Config.navColor }) + shopModel.material = new THREE.MeshBasicMaterial({ color: Map_QM.util.options.navColor }) TweenMax.to(shopModel.scale, 0.8, { z: 3, yoyo: true, @@ -5821,11 +6378,10 @@ FindPath_QM.prototype.playMoveGuide = function () { break } } - Map_QM.dispatchEvent({ //寻路中返回小人当前所在点位 type: 'PathPlaying', - data: { pathArrIn: _indexPathFloor, pathIndex: _selfFindPath._index, shopNum: pathShop } + data: { shopNum: pathShop } }) } else { px += dx @@ -5833,6 +6389,7 @@ FindPath_QM.prototype.playMoveGuide = function () { Map_QM.guide.position.x = px Map_QM.guide.position.y = py Map_QM.moveCameraBy2D({ x: px, y: -1 * py }) + _selfFindPath.updateDrawPath() //实时绘制有效路径 await 修是 promise } if (_selfFindPath.pathPlay.isPlay && Map_QM.guide) { @@ -5843,6 +6400,7 @@ FindPath_QM.prototype.playMoveGuide = function () { window.cancelAnimationFrame(_selfFindPath.stop) _selfFindPath.stop = null } + _selfFindPath.updateClearPath() _selfFindPath._index = 0 if (Map_QM.guide) { Map_QM.guide.visible = false diff --git a/public/static/qm/three.js b/public/static/qm/three.js index 22edace..d22d2aa 100644 --- a/public/static/qm/three.js +++ b/public/static/qm/three.js @@ -1,49734 +1,36515 @@ -// threejs.org/license -// threejs.org/license -;(function (global, factory) { - typeof exports === 'object' && typeof module !== 'undefined' - ? factory(exports) - : typeof define === 'function' && define.amd - ? define(['exports'], factory) - : ((global = typeof globalThis !== 'undefined' ? globalThis : global || self), factory((global.THREE = {}))) -})(this, function (exports) { - 'use strict' - - // Polyfills - if (Number.EPSILON === undefined) { - Number.EPSILON = Math.pow(2, -52) - } +(function (global, factory) { + typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) : + typeof define === 'function' && define.amd ? define(['exports'], factory) : + (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.THREE = {})); +}(this, (function (exports) { 'use strict'; + if (Number.EPSILON === undefined) { + Number.EPSILON = Math.pow(2, -52); + } + if (Number.isInteger === undefined) { + Number.isInteger = function (value) { + return typeof value === 'number' && isFinite(value) && Math.floor(value) === value; + }; + } + if (Math.sign === undefined) { + Math.sign = function (x) { + return x < 0 ? -1 : x > 0 ? 1 : +x; + }; + } + if ('name' in Function.prototype === false) { + Object.defineProperty(Function.prototype, 'name', { + get: function get() { + return this.toString().match(/^\s*function\s*([^\(\s]*)/)[1]; + } + }); + } + if (Object.assign === undefined) { + Object.assign = function (target) { + if (target === undefined || target === null) { + throw new TypeError('Cannot convert undefined or null to object'); + } + var output = Object(target); + for (var index = 1; index < arguments.length; index++) { + var source = arguments[index]; + if (source !== undefined && source !== null) { + for (var nextKey in source) { + if (Object.prototype.hasOwnProperty.call(source, nextKey)) { + output[nextKey] = source[nextKey]; + } + } + } + } + return output; + }; + } + var REVISION = '124dev'; + var MOUSE = { + LEFT: 0, + MIDDLE: 1, + RIGHT: 2, + ROTATE: 0, + DOLLY: 1, + PAN: 2 + }; + var TOUCH = { + ROTATE: 0, + PAN: 1, + DOLLY_PAN: 2, + DOLLY_ROTATE: 3 + }; + var CullFaceNone = 0; + var CullFaceBack = 1; + var CullFaceFront = 2; + var CullFaceFrontBack = 3; + var BasicShadowMap = 0; + var PCFShadowMap = 1; + var PCFSoftShadowMap = 2; + var VSMShadowMap = 3; + var FrontSide = 0; + var BackSide = 1; + var DoubleSide = 2; + var FlatShading = 1; + var SmoothShading = 2; + var NoBlending = 0; + var NormalBlending = 1; + var AdditiveBlending = 2; + var SubtractiveBlending = 3; + var MultiplyBlending = 4; + var CustomBlending = 5; + var AddEquation = 100; + var SubtractEquation = 101; + var ReverseSubtractEquation = 102; + var MinEquation = 103; + var MaxEquation = 104; + var ZeroFactor = 200; + var OneFactor = 201; + var SrcColorFactor = 202; + var OneMinusSrcColorFactor = 203; + var SrcAlphaFactor = 204; + var OneMinusSrcAlphaFactor = 205; + var DstAlphaFactor = 206; + var OneMinusDstAlphaFactor = 207; + var DstColorFactor = 208; + var OneMinusDstColorFactor = 209; + var SrcAlphaSaturateFactor = 210; + var NeverDepth = 0; + var AlwaysDepth = 1; + var LessDepth = 2; + var LessEqualDepth = 3; + var EqualDepth = 4; + var GreaterEqualDepth = 5; + var GreaterDepth = 6; + var NotEqualDepth = 7; + var MultiplyOperation = 0; + var MixOperation = 1; + var AddOperation = 2; + var NoToneMapping = 0; + var LinearToneMapping = 1; + var ReinhardToneMapping = 2; + var CineonToneMapping = 3; + var ACESFilmicToneMapping = 4; + var CustomToneMapping = 5; + var UVMapping = 300; + var CubeReflectionMapping = 301; + var CubeRefractionMapping = 302; + var EquirectangularReflectionMapping = 303; + var EquirectangularRefractionMapping = 304; + var CubeUVReflectionMapping = 306; + var CubeUVRefractionMapping = 307; + var RepeatWrapping = 1000; + var ClampToEdgeWrapping = 1001; + var MirroredRepeatWrapping = 1002; + var NearestFilter = 1003; + var NearestMipmapNearestFilter = 1004; + var NearestMipMapNearestFilter = 1004; + var NearestMipmapLinearFilter = 1005; + var NearestMipMapLinearFilter = 1005; + var LinearFilter = 1006; + var LinearMipmapNearestFilter = 1007; + var LinearMipMapNearestFilter = 1007; + var LinearMipmapLinearFilter = 1008; + var LinearMipMapLinearFilter = 1008; + var UnsignedByteType = 1009; + var ByteType = 1010; + var ShortType = 1011; + var UnsignedShortType = 1012; + var IntType = 1013; + var UnsignedIntType = 1014; + var FloatType = 1015; + var HalfFloatType = 1016; + var UnsignedShort4444Type = 1017; + var UnsignedShort5551Type = 1018; + var UnsignedShort565Type = 1019; + var UnsignedInt248Type = 1020; + var AlphaFormat = 1021; + var RGBFormat = 1022; + var RGBAFormat = 1023; + var LuminanceFormat = 1024; + var LuminanceAlphaFormat = 1025; + var RGBEFormat = RGBAFormat; + var DepthFormat = 1026; + var DepthStencilFormat = 1027; + var RedFormat = 1028; + var RedIntegerFormat = 1029; + var RGFormat = 1030; + var RGIntegerFormat = 1031; + var RGBIntegerFormat = 1032; + var RGBAIntegerFormat = 1033; + var RGB_S3TC_DXT1_Format = 33776; + var RGBA_S3TC_DXT1_Format = 33777; + var RGBA_S3TC_DXT3_Format = 33778; + var RGBA_S3TC_DXT5_Format = 33779; + var RGB_PVRTC_4BPPV1_Format = 35840; + var RGB_PVRTC_2BPPV1_Format = 35841; + var RGBA_PVRTC_4BPPV1_Format = 35842; + var RGBA_PVRTC_2BPPV1_Format = 35843; + var RGB_ETC1_Format = 36196; + var RGB_ETC2_Format = 37492; + var RGBA_ETC2_EAC_Format = 37496; + var RGBA_ASTC_4x4_Format = 37808; + var RGBA_ASTC_5x4_Format = 37809; + var RGBA_ASTC_5x5_Format = 37810; + var RGBA_ASTC_6x5_Format = 37811; + var RGBA_ASTC_6x6_Format = 37812; + var RGBA_ASTC_8x5_Format = 37813; + var RGBA_ASTC_8x6_Format = 37814; + var RGBA_ASTC_8x8_Format = 37815; + var RGBA_ASTC_10x5_Format = 37816; + var RGBA_ASTC_10x6_Format = 37817; + var RGBA_ASTC_10x8_Format = 37818; + var RGBA_ASTC_10x10_Format = 37819; + var RGBA_ASTC_12x10_Format = 37820; + var RGBA_ASTC_12x12_Format = 37821; + var RGBA_BPTC_Format = 36492; + var SRGB8_ALPHA8_ASTC_4x4_Format = 37840; + var SRGB8_ALPHA8_ASTC_5x4_Format = 37841; + var SRGB8_ALPHA8_ASTC_5x5_Format = 37842; + var SRGB8_ALPHA8_ASTC_6x5_Format = 37843; + var SRGB8_ALPHA8_ASTC_6x6_Format = 37844; + var SRGB8_ALPHA8_ASTC_8x5_Format = 37845; + var SRGB8_ALPHA8_ASTC_8x6_Format = 37846; + var SRGB8_ALPHA8_ASTC_8x8_Format = 37847; + var SRGB8_ALPHA8_ASTC_10x5_Format = 37848; + var SRGB8_ALPHA8_ASTC_10x6_Format = 37849; + var SRGB8_ALPHA8_ASTC_10x8_Format = 37850; + var SRGB8_ALPHA8_ASTC_10x10_Format = 37851; + var SRGB8_ALPHA8_ASTC_12x10_Format = 37852; + var SRGB8_ALPHA8_ASTC_12x12_Format = 37853; + var LoopOnce = 2200; + var LoopRepeat = 2201; + var LoopPingPong = 2202; + var InterpolateDiscrete = 2300; + var InterpolateLinear = 2301; + var InterpolateSmooth = 2302; + var ZeroCurvatureEnding = 2400; + var ZeroSlopeEnding = 2401; + var WrapAroundEnding = 2402; + var NormalAnimationBlendMode = 2500; + var AdditiveAnimationBlendMode = 2501; + var TrianglesDrawMode = 0; + var TriangleStripDrawMode = 1; + var TriangleFanDrawMode = 2; + var LinearEncoding = 3000; + var sRGBEncoding = 3001; + var GammaEncoding = 3007; + var RGBEEncoding = 3002; + var LogLuvEncoding = 3003; + var RGBM7Encoding = 3004; + var RGBM16Encoding = 3005; + var RGBDEncoding = 3006; + var BasicDepthPacking = 3200; + var RGBADepthPacking = 3201; + var TangentSpaceNormalMap = 0; + var ObjectSpaceNormalMap = 1; + var ZeroStencilOp = 0; + var KeepStencilOp = 7680; + var ReplaceStencilOp = 7681; + var IncrementStencilOp = 7682; + var DecrementStencilOp = 7683; + var IncrementWrapStencilOp = 34055; + var DecrementWrapStencilOp = 34056; + var InvertStencilOp = 5386; + var NeverStencilFunc = 512; + var LessStencilFunc = 513; + var EqualStencilFunc = 514; + var LessEqualStencilFunc = 515; + var GreaterStencilFunc = 516; + var NotEqualStencilFunc = 517; + var GreaterEqualStencilFunc = 518; + var AlwaysStencilFunc = 519; + var StaticDrawUsage = 35044; + var DynamicDrawUsage = 35048; + var StreamDrawUsage = 35040; + var StaticReadUsage = 35045; + var DynamicReadUsage = 35049; + var StreamReadUsage = 35041; + var StaticCopyUsage = 35046; + var DynamicCopyUsage = 35050; + var StreamCopyUsage = 35042; + var GLSL1 = '100'; + var GLSL3 = '300 es'; + function EventDispatcher() {} + Object.assign(EventDispatcher.prototype, { + addEventListener: function addEventListener(type, listener) { + if (this._listeners === undefined) this._listeners = {}; + var listeners = this._listeners; + if (listeners[type] === undefined) { + listeners[type] = []; + } + if (listeners[type].indexOf(listener) === -1) { + listeners[type].push(listener); + } + }, + hasEventListener: function hasEventListener(type, listener) { + if (this._listeners === undefined) return false; + var listeners = this._listeners; + return listeners[type] !== undefined && listeners[type].indexOf(listener) !== -1; + }, + removeEventListener: function removeEventListener(type, listener) { + if (this._listeners === undefined) return; + var listeners = this._listeners; + var listenerArray = listeners[type]; + if (listenerArray !== undefined) { + var index = listenerArray.indexOf(listener); + if (index !== -1) { + listenerArray.splice(index, 1); + } + } + }, + dispatchEvent: function dispatchEvent(event) { + if (this._listeners === undefined) return; + var listeners = this._listeners; + var listenerArray = listeners[event.type]; + if (listenerArray !== undefined) { + event.target = this; + var array = listenerArray.slice(0); + for (var i = 0, l = array.length; i < l; i++) { + array[i].call(this, event); + } + } + } + }); + var _lut = []; + for (var i = 0; i < 256; i++) { + _lut[i] = (i < 16 ? '0' : '') + i.toString(16); + } + var _seed = 1234567; + var MathUtils = { + DEG2RAD: Math.PI / 180, + RAD2DEG: 180 / Math.PI, + generateUUID: function generateUUID() { + var d0 = Math.random() * 0xffffffff | 0; + var d1 = Math.random() * 0xffffffff | 0; + var d2 = Math.random() * 0xffffffff | 0; + var d3 = Math.random() * 0xffffffff | 0; + var uuid = _lut[d0 & 0xff] + _lut[d0 >> 8 & 0xff] + _lut[d0 >> 16 & 0xff] + _lut[d0 >> 24 & 0xff] + '-' + _lut[d1 & 0xff] + _lut[d1 >> 8 & 0xff] + '-' + _lut[d1 >> 16 & 0x0f | 0x40] + _lut[d1 >> 24 & 0xff] + '-' + _lut[d2 & 0x3f | 0x80] + _lut[d2 >> 8 & 0xff] + '-' + _lut[d2 >> 16 & 0xff] + _lut[d2 >> 24 & 0xff] + _lut[d3 & 0xff] + _lut[d3 >> 8 & 0xff] + _lut[d3 >> 16 & 0xff] + _lut[d3 >> 24 & 0xff]; + return uuid.toUpperCase(); + }, + clamp: function clamp(value, min, max) { + return Math.max(min, Math.min(max, value)); + }, + euclideanModulo: function euclideanModulo(n, m) { + return (n % m + m) % m; + }, + mapLinear: function mapLinear(x, a1, a2, b1, b2) { + return b1 + (x - a1) * (b2 - b1) / (a2 - a1); + }, + lerp: function lerp(x, y, t) { + return (1 - t) * x + t * y; + }, + smoothstep: function smoothstep(x, min, max) { + if (x <= min) return 0; + if (x >= max) return 1; + x = (x - min) / (max - min); + return x * x * (3 - 2 * x); + }, + smootherstep: function smootherstep(x, min, max) { + if (x <= min) return 0; + if (x >= max) return 1; + x = (x - min) / (max - min); + return x * x * x * (x * (x * 6 - 15) + 10); + }, + randInt: function randInt(low, high) { + return low + Math.floor(Math.random() * (high - low + 1)); + }, + randFloat: function randFloat(low, high) { + return low + Math.random() * (high - low); + }, + randFloatSpread: function randFloatSpread(range) { + return range * (0.5 - Math.random()); + }, + seededRandom: function seededRandom(s) { + if (s !== undefined) _seed = s % 2147483647; + _seed = _seed * 16807 % 2147483647; + return (_seed - 1) / 2147483646; + }, + degToRad: function degToRad(degrees) { + return degrees * MathUtils.DEG2RAD; + }, + radToDeg: function radToDeg(radians) { + return radians * MathUtils.RAD2DEG; + }, + isPowerOfTwo: function isPowerOfTwo(value) { + return (value & value - 1) === 0 && value !== 0; + }, + ceilPowerOfTwo: function ceilPowerOfTwo(value) { + return Math.pow(2, Math.ceil(Math.log(value) / Math.LN2)); + }, + floorPowerOfTwo: function floorPowerOfTwo(value) { + return Math.pow(2, Math.floor(Math.log(value) / Math.LN2)); + }, + setQuaternionFromProperEuler: function setQuaternionFromProperEuler(q, a, b, c, order) { + var cos = Math.cos; + var sin = Math.sin; + var c2 = cos(b / 2); + var s2 = sin(b / 2); + var c13 = cos((a + c) / 2); + var s13 = sin((a + c) / 2); + var c1_3 = cos((a - c) / 2); + var s1_3 = sin((a - c) / 2); + var c3_1 = cos((c - a) / 2); + var s3_1 = sin((c - a) / 2); + switch (order) { + case 'XYX': + q.set(c2 * s13, s2 * c1_3, s2 * s1_3, c2 * c13); + break; + case 'YZY': + q.set(s2 * s1_3, c2 * s13, s2 * c1_3, c2 * c13); + break; + case 'ZXZ': + q.set(s2 * c1_3, s2 * s1_3, c2 * s13, c2 * c13); + break; + case 'XZX': + q.set(c2 * s13, s2 * s3_1, s2 * c3_1, c2 * c13); + break; + case 'YXY': + q.set(s2 * c3_1, c2 * s13, s2 * s3_1, c2 * c13); + break; + case 'ZYZ': + q.set(s2 * s3_1, s2 * c3_1, c2 * s13, c2 * c13); + break; + default: + console.warn('THREE.MathUtils: .setQuaternionFromProperEuler() encountered an unknown order: ' + order); + } + } + }; + function _defineProperties(target, props) { + for (var i = 0; i < props.length; i++) { + var descriptor = props[i]; + descriptor.enumerable = descriptor.enumerable || false; + descriptor.configurable = true; + if ("value" in descriptor) descriptor.writable = true; + Object.defineProperty(target, descriptor.key, descriptor); + } + } + function _createClass(Constructor, protoProps, staticProps) { + if (protoProps) _defineProperties(Constructor.prototype, protoProps); + if (staticProps) _defineProperties(Constructor, staticProps); + return Constructor; + } + function _inheritsLoose(subClass, superClass) { + subClass.prototype = Object.create(superClass.prototype); + subClass.prototype.constructor = subClass; + subClass.__proto__ = superClass; + } + function _assertThisInitialized(self) { + if (self === void 0) { + throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); + } + return self; + } + var Vector2 = /*#__PURE__*/function () { + function Vector2(x, y) { + if (x === void 0) { + x = 0; + } + if (y === void 0) { + y = 0; + } + Object.defineProperty(this, 'isVector2', { + value: true + }); + this.x = x; + this.y = y; + } + var _proto = Vector2.prototype; + _proto.set = function set(x, y) { + this.x = x; + this.y = y; + return this; + }; + _proto.setScalar = function setScalar(scalar) { + this.x = scalar; + this.y = scalar; + return this; + }; + _proto.setX = function setX(x) { + this.x = x; + return this; + }; + _proto.setY = function setY(y) { + this.y = y; + return this; + }; + _proto.setComponent = function setComponent(index, value) { + switch (index) { + case 0: + this.x = value; + break; + case 1: + this.y = value; + break; + default: + throw new Error('index is out of range: ' + index); + } + return this; + }; + _proto.getComponent = function getComponent(index) { + switch (index) { + case 0: + return this.x; + case 1: + return this.y; + default: + throw new Error('index is out of range: ' + index); + } + }; + _proto.clone = function clone() { + return new this.constructor(this.x, this.y); + }; + _proto.copy = function copy(v) { + this.x = v.x; + this.y = v.y; + return this; + }; + _proto.add = function add(v, w) { + if (w !== undefined) { + console.warn('THREE.Vector2: .add() now only accepts one argument. Use .addVectors( a, b ) instead.'); + return this.addVectors(v, w); + } + this.x += v.x; + this.y += v.y; + return this; + }; + _proto.addScalar = function addScalar(s) { + this.x += s; + this.y += s; + return this; + }; + _proto.addVectors = function addVectors(a, b) { + this.x = a.x + b.x; + this.y = a.y + b.y; + return this; + }; + _proto.addScaledVector = function addScaledVector(v, s) { + this.x += v.x * s; + this.y += v.y * s; + return this; + }; + _proto.sub = function sub(v, w) { + if (w !== undefined) { + console.warn('THREE.Vector2: .sub() now only accepts one argument. Use .subVectors( a, b ) instead.'); + return this.subVectors(v, w); + } + this.x -= v.x; + this.y -= v.y; + return this; + }; + _proto.subScalar = function subScalar(s) { + this.x -= s; + this.y -= s; + return this; + }; + _proto.subVectors = function subVectors(a, b) { + this.x = a.x - b.x; + this.y = a.y - b.y; + return this; + }; + _proto.multiply = function multiply(v) { + this.x *= v.x; + this.y *= v.y; + return this; + }; + _proto.multiplyScalar = function multiplyScalar(scalar) { + this.x *= scalar; + this.y *= scalar; + return this; + }; + _proto.divide = function divide(v) { + this.x /= v.x; + this.y /= v.y; + return this; + }; + _proto.divideScalar = function divideScalar(scalar) { + return this.multiplyScalar(1 / scalar); + }; + _proto.applyMatrix3 = function applyMatrix3(m) { + var x = this.x, + y = this.y; + var e = m.elements; + this.x = e[0] * x + e[3] * y + e[6]; + this.y = e[1] * x + e[4] * y + e[7]; + return this; + }; + _proto.min = function min(v) { + this.x = Math.min(this.x, v.x); + this.y = Math.min(this.y, v.y); + return this; + }; + _proto.max = function max(v) { + this.x = Math.max(this.x, v.x); + this.y = Math.max(this.y, v.y); + return this; + }; + _proto.clamp = function clamp(min, max) { + this.x = Math.max(min.x, Math.min(max.x, this.x)); + this.y = Math.max(min.y, Math.min(max.y, this.y)); + return this; + }; + _proto.clampScalar = function clampScalar(minVal, maxVal) { + this.x = Math.max(minVal, Math.min(maxVal, this.x)); + this.y = Math.max(minVal, Math.min(maxVal, this.y)); + return this; + }; + _proto.clampLength = function clampLength(min, max) { + var length = this.length(); + return this.divideScalar(length || 1).multiplyScalar(Math.max(min, Math.min(max, length))); + }; + _proto.floor = function floor() { + this.x = Math.floor(this.x); + this.y = Math.floor(this.y); + return this; + }; + _proto.ceil = function ceil() { + this.x = Math.ceil(this.x); + this.y = Math.ceil(this.y); + return this; + }; + _proto.round = function round() { + this.x = Math.round(this.x); + this.y = Math.round(this.y); + return this; + }; + _proto.roundToZero = function roundToZero() { + this.x = this.x < 0 ? Math.ceil(this.x) : Math.floor(this.x); + this.y = this.y < 0 ? Math.ceil(this.y) : Math.floor(this.y); + return this; + }; + _proto.negate = function negate() { + this.x = -this.x; + this.y = -this.y; + return this; + }; + _proto.dot = function dot(v) { + return this.x * v.x + this.y * v.y; + }; + _proto.cross = function cross(v) { + return this.x * v.y - this.y * v.x; + }; + _proto.lengthSq = function lengthSq() { + return this.x * this.x + this.y * this.y; + }; + _proto.length = function length() { + return Math.sqrt(this.x * this.x + this.y * this.y); + }; + _proto.manhattanLength = function manhattanLength() { + return Math.abs(this.x) + Math.abs(this.y); + }; + _proto.normalize = function normalize() { + return this.divideScalar(this.length() || 1); + }; + _proto.angle = function angle() { + var angle = Math.atan2(-this.y, -this.x) + Math.PI; + return angle; + }; + _proto.distanceTo = function distanceTo(v) { + return Math.sqrt(this.distanceToSquared(v)); + }; + _proto.distanceToSquared = function distanceToSquared(v) { + var dx = this.x - v.x, + dy = this.y - v.y; + return dx * dx + dy * dy; + }; + _proto.manhattanDistanceTo = function manhattanDistanceTo(v) { + return Math.abs(this.x - v.x) + Math.abs(this.y - v.y); + }; + _proto.setLength = function setLength(length) { + return this.normalize().multiplyScalar(length); + }; + _proto.lerp = function lerp(v, alpha) { + this.x += (v.x - this.x) * alpha; + this.y += (v.y - this.y) * alpha; + return this; + }; + _proto.lerpVectors = function lerpVectors(v1, v2, alpha) { + this.x = v1.x + (v2.x - v1.x) * alpha; + this.y = v1.y + (v2.y - v1.y) * alpha; + return this; + }; + _proto.equals = function equals(v) { + return v.x === this.x && v.y === this.y; + }; + _proto.fromArray = function fromArray(array, offset) { + if (offset === void 0) { + offset = 0; + } + this.x = array[offset]; + this.y = array[offset + 1]; + return this; + }; + _proto.toArray = function toArray(array, offset) { + if (array === void 0) { + array = []; + } + if (offset === void 0) { + offset = 0; + } + array[offset] = this.x; + array[offset + 1] = this.y; + return array; + }; + _proto.fromBufferAttribute = function fromBufferAttribute(attribute, index, offset) { + if (offset !== undefined) { + console.warn('THREE.Vector2: offset has been removed from .fromBufferAttribute().'); + } + this.x = attribute.getX(index); + this.y = attribute.getY(index); + return this; + }; + _proto.rotateAround = function rotateAround(center, angle) { + var c = Math.cos(angle), + s = Math.sin(angle); + var x = this.x - center.x; + var y = this.y - center.y; + this.x = x * c - y * s + center.x; + this.y = x * s + y * c + center.y; + return this; + }; + _proto.random = function random() { + this.x = Math.random(); + this.y = Math.random(); + return this; + }; + _createClass(Vector2, [{ + key: "width", + get: function get() { + return this.x; + }, + set: function set(value) { + this.x = value; + } + }, { + key: "height", + get: function get() { + return this.y; + }, + set: function set(value) { + this.y = value; + } + }]); + return Vector2; + }(); + var Matrix3 = /*#__PURE__*/function () { + function Matrix3() { + Object.defineProperty(this, 'isMatrix3', { + value: true + }); + this.elements = [1, 0, 0, 0, 1, 0, 0, 0, 1]; + if (arguments.length > 0) { + console.error('THREE.Matrix3: the constructor no longer reads arguments. use .set() instead.'); + } + } + var _proto = Matrix3.prototype; + _proto.set = function set(n11, n12, n13, n21, n22, n23, n31, n32, n33) { + var te = this.elements; + te[0] = n11; + te[1] = n21; + te[2] = n31; + te[3] = n12; + te[4] = n22; + te[5] = n32; + te[6] = n13; + te[7] = n23; + te[8] = n33; + return this; + }; + _proto.identity = function identity() { + this.set(1, 0, 0, 0, 1, 0, 0, 0, 1); + return this; + }; + _proto.clone = function clone() { + return new this.constructor().fromArray(this.elements); + }; + _proto.copy = function copy(m) { + var te = this.elements; + var me = m.elements; + te[0] = me[0]; + te[1] = me[1]; + te[2] = me[2]; + te[3] = me[3]; + te[4] = me[4]; + te[5] = me[5]; + te[6] = me[6]; + te[7] = me[7]; + te[8] = me[8]; + return this; + }; + _proto.extractBasis = function extractBasis(xAxis, yAxis, zAxis) { + xAxis.setFromMatrix3Column(this, 0); + yAxis.setFromMatrix3Column(this, 1); + zAxis.setFromMatrix3Column(this, 2); + return this; + }; + _proto.setFromMatrix4 = function setFromMatrix4(m) { + var me = m.elements; + this.set(me[0], me[4], me[8], me[1], me[5], me[9], me[2], me[6], me[10]); + return this; + }; + _proto.multiply = function multiply(m) { + return this.multiplyMatrices(this, m); + }; + _proto.premultiply = function premultiply(m) { + return this.multiplyMatrices(m, this); + }; + _proto.multiplyMatrices = function multiplyMatrices(a, b) { + var ae = a.elements; + var be = b.elements; + var te = this.elements; + var a11 = ae[0], + a12 = ae[3], + a13 = ae[6]; + var a21 = ae[1], + a22 = ae[4], + a23 = ae[7]; + var a31 = ae[2], + a32 = ae[5], + a33 = ae[8]; + var b11 = be[0], + b12 = be[3], + b13 = be[6]; + var b21 = be[1], + b22 = be[4], + b23 = be[7]; + var b31 = be[2], + b32 = be[5], + b33 = be[8]; + te[0] = a11 * b11 + a12 * b21 + a13 * b31; + te[3] = a11 * b12 + a12 * b22 + a13 * b32; + te[6] = a11 * b13 + a12 * b23 + a13 * b33; + te[1] = a21 * b11 + a22 * b21 + a23 * b31; + te[4] = a21 * b12 + a22 * b22 + a23 * b32; + te[7] = a21 * b13 + a22 * b23 + a23 * b33; + te[2] = a31 * b11 + a32 * b21 + a33 * b31; + te[5] = a31 * b12 + a32 * b22 + a33 * b32; + te[8] = a31 * b13 + a32 * b23 + a33 * b33; + return this; + }; + _proto.multiplyScalar = function multiplyScalar(s) { + var te = this.elements; + te[0] *= s; + te[3] *= s; + te[6] *= s; + te[1] *= s; + te[4] *= s; + te[7] *= s; + te[2] *= s; + te[5] *= s; + te[8] *= s; + return this; + }; + _proto.determinant = function determinant() { + var te = this.elements; + var a = te[0], + b = te[1], + c = te[2], + d = te[3], + e = te[4], + f = te[5], + g = te[6], + h = te[7], + i = te[8]; + return a * e * i - a * f * h - b * d * i + b * f * g + c * d * h - c * e * g; + }; + _proto.invert = function invert() { + var te = this.elements, + n11 = te[0], + n21 = te[1], + n31 = te[2], + n12 = te[3], + n22 = te[4], + n32 = te[5], + n13 = te[6], + n23 = te[7], + n33 = te[8], + t11 = n33 * n22 - n32 * n23, + t12 = n32 * n13 - n33 * n12, + t13 = n23 * n12 - n22 * n13, + det = n11 * t11 + n21 * t12 + n31 * t13; + if (det === 0) return this.set(0, 0, 0, 0, 0, 0, 0, 0, 0); + var detInv = 1 / det; + te[0] = t11 * detInv; + te[1] = (n31 * n23 - n33 * n21) * detInv; + te[2] = (n32 * n21 - n31 * n22) * detInv; + te[3] = t12 * detInv; + te[4] = (n33 * n11 - n31 * n13) * detInv; + te[5] = (n31 * n12 - n32 * n11) * detInv; + te[6] = t13 * detInv; + te[7] = (n21 * n13 - n23 * n11) * detInv; + te[8] = (n22 * n11 - n21 * n12) * detInv; + return this; + }; + _proto.transpose = function transpose() { + var tmp; + var m = this.elements; + tmp = m[1]; + m[1] = m[3]; + m[3] = tmp; + tmp = m[2]; + m[2] = m[6]; + m[6] = tmp; + tmp = m[5]; + m[5] = m[7]; + m[7] = tmp; + return this; + }; + _proto.getNormalMatrix = function getNormalMatrix(matrix4) { + return this.setFromMatrix4(matrix4).copy(this).invert().transpose(); + }; + _proto.transposeIntoArray = function transposeIntoArray(r) { + var m = this.elements; + r[0] = m[0]; + r[1] = m[3]; + r[2] = m[6]; + r[3] = m[1]; + r[4] = m[4]; + r[5] = m[7]; + r[6] = m[2]; + r[7] = m[5]; + r[8] = m[8]; + return this; + }; + _proto.setUvTransform = function setUvTransform(tx, ty, sx, sy, rotation, cx, cy) { + var c = Math.cos(rotation); + var s = Math.sin(rotation); + this.set(sx * c, sx * s, -sx * (c * cx + s * cy) + cx + tx, -sy * s, sy * c, -sy * (-s * cx + c * cy) + cy + ty, 0, 0, 1); + return this; + }; + _proto.scale = function scale(sx, sy) { + var te = this.elements; + te[0] *= sx; + te[3] *= sx; + te[6] *= sx; + te[1] *= sy; + te[4] *= sy; + te[7] *= sy; + return this; + }; + _proto.rotate = function rotate(theta) { + var c = Math.cos(theta); + var s = Math.sin(theta); + var te = this.elements; + var a11 = te[0], + a12 = te[3], + a13 = te[6]; + var a21 = te[1], + a22 = te[4], + a23 = te[7]; + te[0] = c * a11 + s * a21; + te[3] = c * a12 + s * a22; + te[6] = c * a13 + s * a23; + te[1] = -s * a11 + c * a21; + te[4] = -s * a12 + c * a22; + te[7] = -s * a13 + c * a23; + return this; + }; + _proto.translate = function translate(tx, ty) { + var te = this.elements; + te[0] += tx * te[2]; + te[3] += tx * te[5]; + te[6] += tx * te[8]; + te[1] += ty * te[2]; + te[4] += ty * te[5]; + te[7] += ty * te[8]; + return this; + }; + _proto.equals = function equals(matrix) { + var te = this.elements; + var me = matrix.elements; + for (var i = 0; i < 9; i++) { + if (te[i] !== me[i]) return false; + } + return true; + }; + _proto.fromArray = function fromArray(array, offset) { + if (offset === void 0) { + offset = 0; + } + for (var i = 0; i < 9; i++) { + this.elements[i] = array[i + offset]; + } + return this; + }; + _proto.toArray = function toArray(array, offset) { + if (array === void 0) { + array = []; + } + if (offset === void 0) { + offset = 0; + } + var te = this.elements; + array[offset] = te[0]; + array[offset + 1] = te[1]; + array[offset + 2] = te[2]; + array[offset + 3] = te[3]; + array[offset + 4] = te[4]; + array[offset + 5] = te[5]; + array[offset + 6] = te[6]; + array[offset + 7] = te[7]; + array[offset + 8] = te[8]; + return array; + }; + return Matrix3; + }(); + var _canvas; + var ImageUtils = { + getDataURL: function getDataURL(image) { + if (/^data:/i.test(image.src)) { + return image.src; + } + if (typeof HTMLCanvasElement == 'undefined') { + return image.src; + } + var canvas; + if (image instanceof HTMLCanvasElement) { + canvas = image; + } else { + if (_canvas === undefined) _canvas = document.createElementNS('http://www.w3.org/1999/xhtml', 'canvas'); + _canvas.width = image.width; + _canvas.height = image.height; + var context = _canvas.getContext('2d'); + if (image instanceof ImageData) { + context.putImageData(image, 0, 0); + } else { + context.drawImage(image, 0, 0, image.width, image.height); + } + canvas = _canvas; + } + if (canvas.width > 2048 || canvas.height > 2048) { + return canvas.toDataURL('image/jpeg', 0.6); + } else { + return canvas.toDataURL('image/png'); + } + } + }; + var textureId = 0; + function Texture(image, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy, encoding) { + if (image === void 0) { + image = Texture.DEFAULT_IMAGE; + } + if (mapping === void 0) { + mapping = Texture.DEFAULT_MAPPING; + } + if (wrapS === void 0) { + wrapS = ClampToEdgeWrapping; + } + if (wrapT === void 0) { + wrapT = ClampToEdgeWrapping; + } + if (magFilter === void 0) { + magFilter = LinearFilter; + } + if (minFilter === void 0) { + minFilter = LinearMipmapLinearFilter; + } + if (format === void 0) { + format = RGBAFormat; + } + if (type === void 0) { + type = UnsignedByteType; + } + if (anisotropy === void 0) { + anisotropy = 1; + } + if (encoding === void 0) { + encoding = LinearEncoding; + } + Object.defineProperty(this, 'id', { + value: textureId++ + }); + this.uuid = MathUtils.generateUUID(); + this.name = ''; + this.image = image; + this.mipmaps = []; + this.mapping = mapping; + this.wrapS = wrapS; + this.wrapT = wrapT; + this.magFilter = magFilter; + this.minFilter = minFilter; + this.anisotropy = anisotropy; + this.format = format; + this.internalFormat = null; + this.type = type; + this.offset = new Vector2(0, 0); + this.repeat = new Vector2(1, 1); + this.center = new Vector2(0, 0); + this.rotation = 0; + this.matrixAutoUpdate = true; + this.matrix = new Matrix3(); + this.generateMipmaps = true; + this.premultiplyAlpha = false; + this.flipY = true; + this.unpackAlignment = 4; + this.encoding = encoding; + this.version = 0; + this.onUpdate = null; + } + Texture.DEFAULT_IMAGE = undefined; + Texture.DEFAULT_MAPPING = UVMapping; + Texture.prototype = Object.assign(Object.create(EventDispatcher.prototype), { + constructor: Texture, + isTexture: true, + updateMatrix: function updateMatrix() { + this.matrix.setUvTransform(this.offset.x, this.offset.y, this.repeat.x, this.repeat.y, this.rotation, this.center.x, this.center.y); + }, + clone: function clone() { + return new this.constructor().copy(this); + }, + copy: function copy(source) { + this.name = source.name; + this.image = source.image; + this.mipmaps = source.mipmaps.slice(0); + this.mapping = source.mapping; + this.wrapS = source.wrapS; + this.wrapT = source.wrapT; + this.magFilter = source.magFilter; + this.minFilter = source.minFilter; + this.anisotropy = source.anisotropy; + this.format = source.format; + this.internalFormat = source.internalFormat; + this.type = source.type; + this.offset.copy(source.offset); + this.repeat.copy(source.repeat); + this.center.copy(source.center); + this.rotation = source.rotation; + this.matrixAutoUpdate = source.matrixAutoUpdate; + this.matrix.copy(source.matrix); + this.generateMipmaps = source.generateMipmaps; + this.premultiplyAlpha = source.premultiplyAlpha; + this.flipY = source.flipY; + this.unpackAlignment = source.unpackAlignment; + this.encoding = source.encoding; + return this; + }, + toJSON: function toJSON(meta) { + var isRootObject = meta === undefined || typeof meta === 'string'; + if (!isRootObject && meta.textures[this.uuid] !== undefined) { + return meta.textures[this.uuid]; + } + var output = { + metadata: { + version: 4.5, + type: 'Texture', + generator: 'Texture.toJSON' + }, + uuid: this.uuid, + name: this.name, + mapping: this.mapping, + repeat: [this.repeat.x, this.repeat.y], + offset: [this.offset.x, this.offset.y], + center: [this.center.x, this.center.y], + rotation: this.rotation, + wrap: [this.wrapS, this.wrapT], + format: this.format, + type: this.type, + encoding: this.encoding, + minFilter: this.minFilter, + magFilter: this.magFilter, + anisotropy: this.anisotropy, + flipY: this.flipY, + premultiplyAlpha: this.premultiplyAlpha, + unpackAlignment: this.unpackAlignment + }; + if (this.image !== undefined) { + var image = this.image; + if (image.uuid === undefined) { + image.uuid = MathUtils.generateUUID(); + } + if (!isRootObject && meta.images[image.uuid] === undefined) { + var url; + if (Array.isArray(image)) { + url = []; + for (var i = 0, l = image.length; i < l; i++) { + if (image[i].isDataTexture) { + url.push(serializeImage(image[i].image)); + } else { + url.push(serializeImage(image[i])); + } + } + } else { + url = serializeImage(image); + } + meta.images[image.uuid] = { + uuid: image.uuid, + url: url + }; + } + output.image = image.uuid; + } + if (!isRootObject) { + meta.textures[this.uuid] = output; + } + return output; + }, + dispose: function dispose() { + this.dispatchEvent({ + type: 'dispose' + }); + }, + transformUv: function transformUv(uv) { + if (this.mapping !== UVMapping) return uv; + uv.applyMatrix3(this.matrix); + if (uv.x < 0 || uv.x > 1) { + switch (this.wrapS) { + case RepeatWrapping: + uv.x = uv.x - Math.floor(uv.x); + break; + case ClampToEdgeWrapping: + uv.x = uv.x < 0 ? 0 : 1; + break; + case MirroredRepeatWrapping: + if (Math.abs(Math.floor(uv.x) % 2) === 1) { + uv.x = Math.ceil(uv.x) - uv.x; + } else { + uv.x = uv.x - Math.floor(uv.x); + } + break; + } + } + if (uv.y < 0 || uv.y > 1) { + switch (this.wrapT) { + case RepeatWrapping: + uv.y = uv.y - Math.floor(uv.y); + break; + case ClampToEdgeWrapping: + uv.y = uv.y < 0 ? 0 : 1; + break; + case MirroredRepeatWrapping: + if (Math.abs(Math.floor(uv.y) % 2) === 1) { + uv.y = Math.ceil(uv.y) - uv.y; + } else { + uv.y = uv.y - Math.floor(uv.y); + } + break; + } + } + if (this.flipY) { + uv.y = 1 - uv.y; + } + return uv; + } + }); + Object.defineProperty(Texture.prototype, 'needsUpdate', { + set: function set(value) { + if (value === true) this.version++; + } + }); + function serializeImage(image) { + if (typeof HTMLImageElement !== 'undefined' && image instanceof HTMLImageElement || typeof HTMLCanvasElement !== 'undefined' && image instanceof HTMLCanvasElement || typeof ImageBitmap !== 'undefined' && image instanceof ImageBitmap) { + return ImageUtils.getDataURL(image); + } else { + if (image.data) { + return { + data: Array.prototype.slice.call(image.data), + width: image.width, + height: image.height, + type: image.data.constructor.name + }; + } else { + console.warn('THREE.Texture: Unable to serialize Texture.'); + return {}; + } + } + } + var Vector4 = /*#__PURE__*/function () { + function Vector4(x, y, z, w) { + if (x === void 0) { + x = 0; + } + if (y === void 0) { + y = 0; + } + if (z === void 0) { + z = 0; + } + if (w === void 0) { + w = 1; + } + Object.defineProperty(this, 'isVector4', { + value: true + }); + this.x = x; + this.y = y; + this.z = z; + this.w = w; + } + var _proto = Vector4.prototype; + _proto.set = function set(x, y, z, w) { + this.x = x; + this.y = y; + this.z = z; + this.w = w; + return this; + }; + _proto.setScalar = function setScalar(scalar) { + this.x = scalar; + this.y = scalar; + this.z = scalar; + this.w = scalar; + return this; + }; + _proto.setX = function setX(x) { + this.x = x; + return this; + }; + _proto.setY = function setY(y) { + this.y = y; + return this; + }; + _proto.setZ = function setZ(z) { + this.z = z; + return this; + }; + _proto.setW = function setW(w) { + this.w = w; + return this; + }; + _proto.setComponent = function setComponent(index, value) { + switch (index) { + case 0: + this.x = value; + break; + case 1: + this.y = value; + break; + case 2: + this.z = value; + break; + case 3: + this.w = value; + break; + default: + throw new Error('index is out of range: ' + index); + } + return this; + }; + _proto.getComponent = function getComponent(index) { + switch (index) { + case 0: + return this.x; + case 1: + return this.y; + case 2: + return this.z; + case 3: + return this.w; + default: + throw new Error('index is out of range: ' + index); + } + }; + _proto.clone = function clone() { + return new this.constructor(this.x, this.y, this.z, this.w); + }; + _proto.copy = function copy(v) { + this.x = v.x; + this.y = v.y; + this.z = v.z; + this.w = v.w !== undefined ? v.w : 1; + return this; + }; + _proto.add = function add(v, w) { + if (w !== undefined) { + console.warn('THREE.Vector4: .add() now only accepts one argument. Use .addVectors( a, b ) instead.'); + return this.addVectors(v, w); + } + this.x += v.x; + this.y += v.y; + this.z += v.z; + this.w += v.w; + return this; + }; + _proto.addScalar = function addScalar(s) { + this.x += s; + this.y += s; + this.z += s; + this.w += s; + return this; + }; + _proto.addVectors = function addVectors(a, b) { + this.x = a.x + b.x; + this.y = a.y + b.y; + this.z = a.z + b.z; + this.w = a.w + b.w; + return this; + }; + _proto.addScaledVector = function addScaledVector(v, s) { + this.x += v.x * s; + this.y += v.y * s; + this.z += v.z * s; + this.w += v.w * s; + return this; + }; + _proto.sub = function sub(v, w) { + if (w !== undefined) { + console.warn('THREE.Vector4: .sub() now only accepts one argument. Use .subVectors( a, b ) instead.'); + return this.subVectors(v, w); + } + this.x -= v.x; + this.y -= v.y; + this.z -= v.z; + this.w -= v.w; + return this; + }; + _proto.subScalar = function subScalar(s) { + this.x -= s; + this.y -= s; + this.z -= s; + this.w -= s; + return this; + }; + _proto.subVectors = function subVectors(a, b) { + this.x = a.x - b.x; + this.y = a.y - b.y; + this.z = a.z - b.z; + this.w = a.w - b.w; + return this; + }; + _proto.multiplyScalar = function multiplyScalar(scalar) { + this.x *= scalar; + this.y *= scalar; + this.z *= scalar; + this.w *= scalar; + return this; + }; + _proto.applyMatrix4 = function applyMatrix4(m) { + var x = this.x, + y = this.y, + z = this.z, + w = this.w; + var e = m.elements; + this.x = e[0] * x + e[4] * y + e[8] * z + e[12] * w; + this.y = e[1] * x + e[5] * y + e[9] * z + e[13] * w; + this.z = e[2] * x + e[6] * y + e[10] * z + e[14] * w; + this.w = e[3] * x + e[7] * y + e[11] * z + e[15] * w; + return this; + }; + _proto.divideScalar = function divideScalar(scalar) { + return this.multiplyScalar(1 / scalar); + }; + _proto.setAxisAngleFromQuaternion = function setAxisAngleFromQuaternion(q) { + this.w = 2 * Math.acos(q.w); + var s = Math.sqrt(1 - q.w * q.w); + if (s < 0.0001) { + this.x = 1; + this.y = 0; + this.z = 0; + } else { + this.x = q.x / s; + this.y = q.y / s; + this.z = q.z / s; + } + return this; + }; + _proto.setAxisAngleFromRotationMatrix = function setAxisAngleFromRotationMatrix(m) { + var angle, x, y, z; + var epsilon = 0.01, + epsilon2 = 0.1, + te = m.elements, + m11 = te[0], + m12 = te[4], + m13 = te[8], + m21 = te[1], + m22 = te[5], + m23 = te[9], + m31 = te[2], + m32 = te[6], + m33 = te[10]; + if (Math.abs(m12 - m21) < epsilon && Math.abs(m13 - m31) < epsilon && Math.abs(m23 - m32) < epsilon) { + if (Math.abs(m12 + m21) < epsilon2 && Math.abs(m13 + m31) < epsilon2 && Math.abs(m23 + m32) < epsilon2 && Math.abs(m11 + m22 + m33 - 3) < epsilon2) { + this.set(1, 0, 0, 0); + return this; + } + angle = Math.PI; + var xx = (m11 + 1) / 2; + var yy = (m22 + 1) / 2; + var zz = (m33 + 1) / 2; + var xy = (m12 + m21) / 4; + var xz = (m13 + m31) / 4; + var yz = (m23 + m32) / 4; + if (xx > yy && xx > zz) { + if (xx < epsilon) { + x = 0; + y = 0.707106781; + z = 0.707106781; + } else { + x = Math.sqrt(xx); + y = xy / x; + z = xz / x; + } + } else if (yy > zz) { + if (yy < epsilon) { + x = 0.707106781; + y = 0; + z = 0.707106781; + } else { + y = Math.sqrt(yy); + x = xy / y; + z = yz / y; + } + } else { + if (zz < epsilon) { + x = 0.707106781; + y = 0.707106781; + z = 0; + } else { + z = Math.sqrt(zz); + x = xz / z; + y = yz / z; + } + } + this.set(x, y, z, angle); + return this; + } + var s = Math.sqrt((m32 - m23) * (m32 - m23) + (m13 - m31) * (m13 - m31) + (m21 - m12) * (m21 - m12)); + if (Math.abs(s) < 0.001) s = 1; + this.x = (m32 - m23) / s; + this.y = (m13 - m31) / s; + this.z = (m21 - m12) / s; + this.w = Math.acos((m11 + m22 + m33 - 1) / 2); + return this; + }; + _proto.min = function min(v) { + this.x = Math.min(this.x, v.x); + this.y = Math.min(this.y, v.y); + this.z = Math.min(this.z, v.z); + this.w = Math.min(this.w, v.w); + return this; + }; + _proto.max = function max(v) { + this.x = Math.max(this.x, v.x); + this.y = Math.max(this.y, v.y); + this.z = Math.max(this.z, v.z); + this.w = Math.max(this.w, v.w); + return this; + }; + _proto.clamp = function clamp(min, max) { + this.x = Math.max(min.x, Math.min(max.x, this.x)); + this.y = Math.max(min.y, Math.min(max.y, this.y)); + this.z = Math.max(min.z, Math.min(max.z, this.z)); + this.w = Math.max(min.w, Math.min(max.w, this.w)); + return this; + }; + _proto.clampScalar = function clampScalar(minVal, maxVal) { + this.x = Math.max(minVal, Math.min(maxVal, this.x)); + this.y = Math.max(minVal, Math.min(maxVal, this.y)); + this.z = Math.max(minVal, Math.min(maxVal, this.z)); + this.w = Math.max(minVal, Math.min(maxVal, this.w)); + return this; + }; + _proto.clampLength = function clampLength(min, max) { + var length = this.length(); + return this.divideScalar(length || 1).multiplyScalar(Math.max(min, Math.min(max, length))); + }; + _proto.floor = function floor() { + this.x = Math.floor(this.x); + this.y = Math.floor(this.y); + this.z = Math.floor(this.z); + this.w = Math.floor(this.w); + return this; + }; + _proto.ceil = function ceil() { + this.x = Math.ceil(this.x); + this.y = Math.ceil(this.y); + this.z = Math.ceil(this.z); + this.w = Math.ceil(this.w); + return this; + }; + _proto.round = function round() { + this.x = Math.round(this.x); + this.y = Math.round(this.y); + this.z = Math.round(this.z); + this.w = Math.round(this.w); + return this; + }; + _proto.roundToZero = function roundToZero() { + this.x = this.x < 0 ? Math.ceil(this.x) : Math.floor(this.x); + this.y = this.y < 0 ? Math.ceil(this.y) : Math.floor(this.y); + this.z = this.z < 0 ? Math.ceil(this.z) : Math.floor(this.z); + this.w = this.w < 0 ? Math.ceil(this.w) : Math.floor(this.w); + return this; + }; + _proto.negate = function negate() { + this.x = -this.x; + this.y = -this.y; + this.z = -this.z; + this.w = -this.w; + return this; + }; + _proto.dot = function dot(v) { + return this.x * v.x + this.y * v.y + this.z * v.z + this.w * v.w; + }; + _proto.lengthSq = function lengthSq() { + return this.x * this.x + this.y * this.y + this.z * this.z + this.w * this.w; + }; + _proto.length = function length() { + return Math.sqrt(this.x * this.x + this.y * this.y + this.z * this.z + this.w * this.w); + }; + _proto.manhattanLength = function manhattanLength() { + return Math.abs(this.x) + Math.abs(this.y) + Math.abs(this.z) + Math.abs(this.w); + }; + _proto.normalize = function normalize() { + return this.divideScalar(this.length() || 1); + }; + _proto.setLength = function setLength(length) { + return this.normalize().multiplyScalar(length); + }; + _proto.lerp = function lerp(v, alpha) { + this.x += (v.x - this.x) * alpha; + this.y += (v.y - this.y) * alpha; + this.z += (v.z - this.z) * alpha; + this.w += (v.w - this.w) * alpha; + return this; + }; + _proto.lerpVectors = function lerpVectors(v1, v2, alpha) { + this.x = v1.x + (v2.x - v1.x) * alpha; + this.y = v1.y + (v2.y - v1.y) * alpha; + this.z = v1.z + (v2.z - v1.z) * alpha; + this.w = v1.w + (v2.w - v1.w) * alpha; + return this; + }; + _proto.equals = function equals(v) { + return v.x === this.x && v.y === this.y && v.z === this.z && v.w === this.w; + }; + _proto.fromArray = function fromArray(array, offset) { + if (offset === void 0) { + offset = 0; + } + this.x = array[offset]; + this.y = array[offset + 1]; + this.z = array[offset + 2]; + this.w = array[offset + 3]; + return this; + }; + _proto.toArray = function toArray(array, offset) { + if (array === void 0) { + array = []; + } + if (offset === void 0) { + offset = 0; + } + array[offset] = this.x; + array[offset + 1] = this.y; + array[offset + 2] = this.z; + array[offset + 3] = this.w; + return array; + }; + _proto.fromBufferAttribute = function fromBufferAttribute(attribute, index, offset) { + if (offset !== undefined) { + console.warn('THREE.Vector4: offset has been removed from .fromBufferAttribute().'); + } + this.x = attribute.getX(index); + this.y = attribute.getY(index); + this.z = attribute.getZ(index); + this.w = attribute.getW(index); + return this; + }; + _proto.random = function random() { + this.x = Math.random(); + this.y = Math.random(); + this.z = Math.random(); + this.w = Math.random(); + return this; + }; + _createClass(Vector4, [{ + key: "width", + get: function get() { + return this.z; + }, + set: function set(value) { + this.z = value; + } + }, { + key: "height", + get: function get() { + return this.w; + }, + set: function set(value) { + this.w = value; + } + }]); + return Vector4; + }(); + function WebGLRenderTarget(width, height, options) { + this.width = width; + this.height = height; + this.scissor = new Vector4(0, 0, width, height); + this.scissorTest = false; + this.viewport = new Vector4(0, 0, width, height); + options = options || {}; + this.texture = new Texture(undefined, options.mapping, options.wrapS, options.wrapT, options.magFilter, options.minFilter, options.format, options.type, options.anisotropy, options.encoding); + this.texture.image = {}; + this.texture.image.width = width; + this.texture.image.height = height; + this.texture.generateMipmaps = options.generateMipmaps !== undefined ? options.generateMipmaps : false; + this.texture.minFilter = options.minFilter !== undefined ? options.minFilter : LinearFilter; + this.depthBuffer = options.depthBuffer !== undefined ? options.depthBuffer : true; + this.stencilBuffer = options.stencilBuffer !== undefined ? options.stencilBuffer : false; + this.depthTexture = options.depthTexture !== undefined ? options.depthTexture : null; + } + WebGLRenderTarget.prototype = Object.assign(Object.create(EventDispatcher.prototype), { + constructor: WebGLRenderTarget, + isWebGLRenderTarget: true, + setSize: function setSize(width, height) { + if (this.width !== width || this.height !== height) { + this.width = width; + this.height = height; + this.texture.image.width = width; + this.texture.image.height = height; + this.dispose(); + } + this.viewport.set(0, 0, width, height); + this.scissor.set(0, 0, width, height); + }, + clone: function clone() { + return new this.constructor().copy(this); + }, + copy: function copy(source) { + this.width = source.width; + this.height = source.height; + this.viewport.copy(source.viewport); + this.texture = source.texture.clone(); + this.depthBuffer = source.depthBuffer; + this.stencilBuffer = source.stencilBuffer; + this.depthTexture = source.depthTexture; + return this; + }, + dispose: function dispose() { + this.dispatchEvent({ + type: 'dispose' + }); + } + }); + function WebGLMultisampleRenderTarget(width, height, options) { + WebGLRenderTarget.call(this, width, height, options); + this.samples = 4; + } + WebGLMultisampleRenderTarget.prototype = Object.assign(Object.create(WebGLRenderTarget.prototype), { + constructor: WebGLMultisampleRenderTarget, + isWebGLMultisampleRenderTarget: true, + copy: function copy(source) { + WebGLRenderTarget.prototype.copy.call(this, source); + this.samples = source.samples; + return this; + } + }); + var Quaternion = /*#__PURE__*/function () { + function Quaternion(x, y, z, w) { + if (x === void 0) { + x = 0; + } + if (y === void 0) { + y = 0; + } + if (z === void 0) { + z = 0; + } + if (w === void 0) { + w = 1; + } + Object.defineProperty(this, 'isQuaternion', { + value: true + }); + this._x = x; + this._y = y; + this._z = z; + this._w = w; + } + Quaternion.slerp = function slerp(qa, qb, qm, t) { + return qm.copy(qa).slerp(qb, t); + }; + Quaternion.slerpFlat = function slerpFlat(dst, dstOffset, src0, srcOffset0, src1, srcOffset1, t) { + var x0 = src0[srcOffset0 + 0], + y0 = src0[srcOffset0 + 1], + z0 = src0[srcOffset0 + 2], + w0 = src0[srcOffset0 + 3]; + var x1 = src1[srcOffset1 + 0], + y1 = src1[srcOffset1 + 1], + z1 = src1[srcOffset1 + 2], + w1 = src1[srcOffset1 + 3]; + if (w0 !== w1 || x0 !== x1 || y0 !== y1 || z0 !== z1) { + var s = 1 - t; + var cos = x0 * x1 + y0 * y1 + z0 * z1 + w0 * w1, + dir = cos >= 0 ? 1 : -1, + sqrSin = 1 - cos * cos; + if (sqrSin > Number.EPSILON) { + var sin = Math.sqrt(sqrSin), + len = Math.atan2(sin, cos * dir); + s = Math.sin(s * len) / sin; + t = Math.sin(t * len) / sin; + } + var tDir = t * dir; + x0 = x0 * s + x1 * tDir; + y0 = y0 * s + y1 * tDir; + z0 = z0 * s + z1 * tDir; + w0 = w0 * s + w1 * tDir; + if (s === 1 - t) { + var f = 1 / Math.sqrt(x0 * x0 + y0 * y0 + z0 * z0 + w0 * w0); + x0 *= f; + y0 *= f; + z0 *= f; + w0 *= f; + } + } + dst[dstOffset] = x0; + dst[dstOffset + 1] = y0; + dst[dstOffset + 2] = z0; + dst[dstOffset + 3] = w0; + }; + Quaternion.multiplyQuaternionsFlat = function multiplyQuaternionsFlat(dst, dstOffset, src0, srcOffset0, src1, srcOffset1) { + var x0 = src0[srcOffset0]; + var y0 = src0[srcOffset0 + 1]; + var z0 = src0[srcOffset0 + 2]; + var w0 = src0[srcOffset0 + 3]; + var x1 = src1[srcOffset1]; + var y1 = src1[srcOffset1 + 1]; + var z1 = src1[srcOffset1 + 2]; + var w1 = src1[srcOffset1 + 3]; + dst[dstOffset] = x0 * w1 + w0 * x1 + y0 * z1 - z0 * y1; + dst[dstOffset + 1] = y0 * w1 + w0 * y1 + z0 * x1 - x0 * z1; + dst[dstOffset + 2] = z0 * w1 + w0 * z1 + x0 * y1 - y0 * x1; + dst[dstOffset + 3] = w0 * w1 - x0 * x1 - y0 * y1 - z0 * z1; + return dst; + }; + var _proto = Quaternion.prototype; + _proto.set = function set(x, y, z, w) { + this._x = x; + this._y = y; + this._z = z; + this._w = w; + this._onChangeCallback(); + return this; + }; + _proto.clone = function clone() { + return new this.constructor(this._x, this._y, this._z, this._w); + }; + _proto.copy = function copy(quaternion) { + this._x = quaternion.x; + this._y = quaternion.y; + this._z = quaternion.z; + this._w = quaternion.w; + this._onChangeCallback(); + return this; + }; + _proto.setFromEuler = function setFromEuler(euler, update) { + if (!(euler && euler.isEuler)) { + throw new Error('THREE.Quaternion: .setFromEuler() now expects an Euler rotation rather than a Vector3 and order.'); + } + var x = euler._x, + y = euler._y, + z = euler._z, + order = euler._order; + var cos = Math.cos; + var sin = Math.sin; + var c1 = cos(x / 2); + var c2 = cos(y / 2); + var c3 = cos(z / 2); + var s1 = sin(x / 2); + var s2 = sin(y / 2); + var s3 = sin(z / 2); + switch (order) { + case 'XYZ': + this._x = s1 * c2 * c3 + c1 * s2 * s3; + this._y = c1 * s2 * c3 - s1 * c2 * s3; + this._z = c1 * c2 * s3 + s1 * s2 * c3; + this._w = c1 * c2 * c3 - s1 * s2 * s3; + break; + case 'YXZ': + this._x = s1 * c2 * c3 + c1 * s2 * s3; + this._y = c1 * s2 * c3 - s1 * c2 * s3; + this._z = c1 * c2 * s3 - s1 * s2 * c3; + this._w = c1 * c2 * c3 + s1 * s2 * s3; + break; + case 'ZXY': + this._x = s1 * c2 * c3 - c1 * s2 * s3; + this._y = c1 * s2 * c3 + s1 * c2 * s3; + this._z = c1 * c2 * s3 + s1 * s2 * c3; + this._w = c1 * c2 * c3 - s1 * s2 * s3; + break; + case 'ZYX': + this._x = s1 * c2 * c3 - c1 * s2 * s3; + this._y = c1 * s2 * c3 + s1 * c2 * s3; + this._z = c1 * c2 * s3 - s1 * s2 * c3; + this._w = c1 * c2 * c3 + s1 * s2 * s3; + break; + case 'YZX': + this._x = s1 * c2 * c3 + c1 * s2 * s3; + this._y = c1 * s2 * c3 + s1 * c2 * s3; + this._z = c1 * c2 * s3 - s1 * s2 * c3; + this._w = c1 * c2 * c3 - s1 * s2 * s3; + break; + case 'XZY': + this._x = s1 * c2 * c3 - c1 * s2 * s3; + this._y = c1 * s2 * c3 - s1 * c2 * s3; + this._z = c1 * c2 * s3 + s1 * s2 * c3; + this._w = c1 * c2 * c3 + s1 * s2 * s3; + break; + default: + console.warn('THREE.Quaternion: .setFromEuler() encountered an unknown order: ' + order); + } + if (update !== false) this._onChangeCallback(); + return this; + }; + _proto.setFromAxisAngle = function setFromAxisAngle(axis, angle) { + var halfAngle = angle / 2, + s = Math.sin(halfAngle); + this._x = axis.x * s; + this._y = axis.y * s; + this._z = axis.z * s; + this._w = Math.cos(halfAngle); + this._onChangeCallback(); + return this; + }; + _proto.setFromRotationMatrix = function setFromRotationMatrix(m) { + var te = m.elements, + m11 = te[0], + m12 = te[4], + m13 = te[8], + m21 = te[1], + m22 = te[5], + m23 = te[9], + m31 = te[2], + m32 = te[6], + m33 = te[10], + trace = m11 + m22 + m33; + if (trace > 0) { + var s = 0.5 / Math.sqrt(trace + 1.0); + this._w = 0.25 / s; + this._x = (m32 - m23) * s; + this._y = (m13 - m31) * s; + this._z = (m21 - m12) * s; + } else if (m11 > m22 && m11 > m33) { + var _s = 2.0 * Math.sqrt(1.0 + m11 - m22 - m33); + this._w = (m32 - m23) / _s; + this._x = 0.25 * _s; + this._y = (m12 + m21) / _s; + this._z = (m13 + m31) / _s; + } else if (m22 > m33) { + var _s2 = 2.0 * Math.sqrt(1.0 + m22 - m11 - m33); + this._w = (m13 - m31) / _s2; + this._x = (m12 + m21) / _s2; + this._y = 0.25 * _s2; + this._z = (m23 + m32) / _s2; + } else { + var _s3 = 2.0 * Math.sqrt(1.0 + m33 - m11 - m22); + this._w = (m21 - m12) / _s3; + this._x = (m13 + m31) / _s3; + this._y = (m23 + m32) / _s3; + this._z = 0.25 * _s3; + } + this._onChangeCallback(); + return this; + }; + _proto.setFromUnitVectors = function setFromUnitVectors(vFrom, vTo) { + var EPS = 0.000001; + var r = vFrom.dot(vTo) + 1; + if (r < EPS) { + r = 0; + if (Math.abs(vFrom.x) > Math.abs(vFrom.z)) { + this._x = -vFrom.y; + this._y = vFrom.x; + this._z = 0; + this._w = r; + } else { + this._x = 0; + this._y = -vFrom.z; + this._z = vFrom.y; + this._w = r; + } + } else { + this._x = vFrom.y * vTo.z - vFrom.z * vTo.y; + this._y = vFrom.z * vTo.x - vFrom.x * vTo.z; + this._z = vFrom.x * vTo.y - vFrom.y * vTo.x; + this._w = r; + } + return this.normalize(); + }; + _proto.angleTo = function angleTo(q) { + return 2 * Math.acos(Math.abs(MathUtils.clamp(this.dot(q), -1, 1))); + }; + _proto.rotateTowards = function rotateTowards(q, step) { + var angle = this.angleTo(q); + if (angle === 0) return this; + var t = Math.min(1, step / angle); + this.slerp(q, t); + return this; + }; + _proto.identity = function identity() { + return this.set(0, 0, 0, 1); + }; + _proto.invert = function invert() { + return this.conjugate(); + }; + _proto.conjugate = function conjugate() { + this._x *= -1; + this._y *= -1; + this._z *= -1; + this._onChangeCallback(); + return this; + }; + _proto.dot = function dot(v) { + return this._x * v._x + this._y * v._y + this._z * v._z + this._w * v._w; + }; + _proto.lengthSq = function lengthSq() { + return this._x * this._x + this._y * this._y + this._z * this._z + this._w * this._w; + }; + _proto.length = function length() { + return Math.sqrt(this._x * this._x + this._y * this._y + this._z * this._z + this._w * this._w); + }; + _proto.normalize = function normalize() { + var l = this.length(); + if (l === 0) { + this._x = 0; + this._y = 0; + this._z = 0; + this._w = 1; + } else { + l = 1 / l; + this._x = this._x * l; + this._y = this._y * l; + this._z = this._z * l; + this._w = this._w * l; + } + this._onChangeCallback(); + return this; + }; + _proto.multiply = function multiply(q, p) { + if (p !== undefined) { + console.warn('THREE.Quaternion: .multiply() now only accepts one argument. Use .multiplyQuaternions( a, b ) instead.'); + return this.multiplyQuaternions(q, p); + } + return this.multiplyQuaternions(this, q); + }; + _proto.premultiply = function premultiply(q) { + return this.multiplyQuaternions(q, this); + }; + _proto.multiplyQuaternions = function multiplyQuaternions(a, b) { + var qax = a._x, + qay = a._y, + qaz = a._z, + qaw = a._w; + var qbx = b._x, + qby = b._y, + qbz = b._z, + qbw = b._w; + this._x = qax * qbw + qaw * qbx + qay * qbz - qaz * qby; + this._y = qay * qbw + qaw * qby + qaz * qbx - qax * qbz; + this._z = qaz * qbw + qaw * qbz + qax * qby - qay * qbx; + this._w = qaw * qbw - qax * qbx - qay * qby - qaz * qbz; + this._onChangeCallback(); + return this; + }; + _proto.slerp = function slerp(qb, t) { + if (t === 0) return this; + if (t === 1) return this.copy(qb); + var x = this._x, + y = this._y, + z = this._z, + w = this._w; + var cosHalfTheta = w * qb._w + x * qb._x + y * qb._y + z * qb._z; + if (cosHalfTheta < 0) { + this._w = -qb._w; + this._x = -qb._x; + this._y = -qb._y; + this._z = -qb._z; + cosHalfTheta = -cosHalfTheta; + } else { + this.copy(qb); + } + if (cosHalfTheta >= 1.0) { + this._w = w; + this._x = x; + this._y = y; + this._z = z; + return this; + } + var sqrSinHalfTheta = 1.0 - cosHalfTheta * cosHalfTheta; + if (sqrSinHalfTheta <= Number.EPSILON) { + var s = 1 - t; + this._w = s * w + t * this._w; + this._x = s * x + t * this._x; + this._y = s * y + t * this._y; + this._z = s * z + t * this._z; + this.normalize(); + this._onChangeCallback(); + return this; + } + var sinHalfTheta = Math.sqrt(sqrSinHalfTheta); + var halfTheta = Math.atan2(sinHalfTheta, cosHalfTheta); + var ratioA = Math.sin((1 - t) * halfTheta) / sinHalfTheta, + ratioB = Math.sin(t * halfTheta) / sinHalfTheta; + this._w = w * ratioA + this._w * ratioB; + this._x = x * ratioA + this._x * ratioB; + this._y = y * ratioA + this._y * ratioB; + this._z = z * ratioA + this._z * ratioB; + this._onChangeCallback(); + return this; + }; + _proto.equals = function equals(quaternion) { + return quaternion._x === this._x && quaternion._y === this._y && quaternion._z === this._z && quaternion._w === this._w; + }; + _proto.fromArray = function fromArray(array, offset) { + if (offset === void 0) { + offset = 0; + } + this._x = array[offset]; + this._y = array[offset + 1]; + this._z = array[offset + 2]; + this._w = array[offset + 3]; + this._onChangeCallback(); + return this; + }; + _proto.toArray = function toArray(array, offset) { + if (array === void 0) { + array = []; + } + if (offset === void 0) { + offset = 0; + } + array[offset] = this._x; + array[offset + 1] = this._y; + array[offset + 2] = this._z; + array[offset + 3] = this._w; + return array; + }; + _proto.fromBufferAttribute = function fromBufferAttribute(attribute, index) { + this._x = attribute.getX(index); + this._y = attribute.getY(index); + this._z = attribute.getZ(index); + this._w = attribute.getW(index); + return this; + }; + _proto._onChange = function _onChange(callback) { + this._onChangeCallback = callback; + return this; + }; + _proto._onChangeCallback = function _onChangeCallback() {}; + _createClass(Quaternion, [{ + key: "x", + get: function get() { + return this._x; + }, + set: function set(value) { + this._x = value; + this._onChangeCallback(); + } + }, { + key: "y", + get: function get() { + return this._y; + }, + set: function set(value) { + this._y = value; + this._onChangeCallback(); + } + }, { + key: "z", + get: function get() { + return this._z; + }, + set: function set(value) { + this._z = value; + this._onChangeCallback(); + } + }, { + key: "w", + get: function get() { + return this._w; + }, + set: function set(value) { + this._w = value; + this._onChangeCallback(); + } + }]); + return Quaternion; + }(); + var Vector3 = /*#__PURE__*/function () { + function Vector3(x, y, z) { + if (x === void 0) { + x = 0; + } + if (y === void 0) { + y = 0; + } + if (z === void 0) { + z = 0; + } + Object.defineProperty(this, 'isVector3', { + value: true + }); + this.x = x; + this.y = y; + this.z = z; + } + var _proto = Vector3.prototype; + _proto.set = function set(x, y, z) { + if (z === undefined) z = this.z; + this.x = x; + this.y = y; + this.z = z; + return this; + }; + _proto.setScalar = function setScalar(scalar) { + this.x = scalar; + this.y = scalar; + this.z = scalar; + return this; + }; + _proto.setX = function setX(x) { + this.x = x; + return this; + }; + _proto.setY = function setY(y) { + this.y = y; + return this; + }; + _proto.setZ = function setZ(z) { + this.z = z; + return this; + }; + _proto.setComponent = function setComponent(index, value) { + switch (index) { + case 0: + this.x = value; + break; + case 1: + this.y = value; + break; + case 2: + this.z = value; + break; + default: + throw new Error('index is out of range: ' + index); + } + return this; + }; + _proto.getComponent = function getComponent(index) { + switch (index) { + case 0: + return this.x; + case 1: + return this.y; + case 2: + return this.z; + default: + throw new Error('index is out of range: ' + index); + } + }; + _proto.clone = function clone() { + return new this.constructor(this.x, this.y, this.z); + }; + _proto.copy = function copy(v) { + this.x = v.x; + this.y = v.y; + this.z = v.z; + return this; + }; + _proto.add = function add(v, w) { + if (w !== undefined) { + console.warn('THREE.Vector3: .add() now only accepts one argument. Use .addVectors( a, b ) instead.'); + return this.addVectors(v, w); + } + this.x += v.x; + this.y += v.y; + this.z += v.z; + return this; + }; + _proto.addScalar = function addScalar(s) { + this.x += s; + this.y += s; + this.z += s; + return this; + }; + _proto.addVectors = function addVectors(a, b) { + this.x = a.x + b.x; + this.y = a.y + b.y; + this.z = a.z + b.z; + return this; + }; + _proto.addScaledVector = function addScaledVector(v, s) { + this.x += v.x * s; + this.y += v.y * s; + this.z += v.z * s; + return this; + }; + _proto.sub = function sub(v, w) { + if (w !== undefined) { + console.warn('THREE.Vector3: .sub() now only accepts one argument. Use .subVectors( a, b ) instead.'); + return this.subVectors(v, w); + } + this.x -= v.x; + this.y -= v.y; + this.z -= v.z; + return this; + }; + _proto.subScalar = function subScalar(s) { + this.x -= s; + this.y -= s; + this.z -= s; + return this; + }; + _proto.subVectors = function subVectors(a, b) { + this.x = a.x - b.x; + this.y = a.y - b.y; + this.z = a.z - b.z; + return this; + }; + _proto.multiply = function multiply(v, w) { + if (w !== undefined) { + console.warn('THREE.Vector3: .multiply() now only accepts one argument. Use .multiplyVectors( a, b ) instead.'); + return this.multiplyVectors(v, w); + } + this.x *= v.x; + this.y *= v.y; + this.z *= v.z; + return this; + }; + _proto.multiplyScalar = function multiplyScalar(scalar) { + this.x *= scalar; + this.y *= scalar; + this.z *= scalar; + return this; + }; + _proto.multiplyVectors = function multiplyVectors(a, b) { + this.x = a.x * b.x; + this.y = a.y * b.y; + this.z = a.z * b.z; + return this; + }; + _proto.applyEuler = function applyEuler(euler) { + if (!(euler && euler.isEuler)) { + console.error('THREE.Vector3: .applyEuler() now expects an Euler rotation rather than a Vector3 and order.'); + } + return this.applyQuaternion(_quaternion.setFromEuler(euler)); + }; + _proto.applyAxisAngle = function applyAxisAngle(axis, angle) { + return this.applyQuaternion(_quaternion.setFromAxisAngle(axis, angle)); + }; + _proto.applyMatrix3 = function applyMatrix3(m) { + var x = this.x, + y = this.y, + z = this.z; + var e = m.elements; + this.x = e[0] * x + e[3] * y + e[6] * z; + this.y = e[1] * x + e[4] * y + e[7] * z; + this.z = e[2] * x + e[5] * y + e[8] * z; + return this; + }; + _proto.applyNormalMatrix = function applyNormalMatrix(m) { + return this.applyMatrix3(m).normalize(); + }; + _proto.applyMatrix4 = function applyMatrix4(m) { + var x = this.x, + y = this.y, + z = this.z; + var e = m.elements; + var w = 1 / (e[3] * x + e[7] * y + e[11] * z + e[15]); + this.x = (e[0] * x + e[4] * y + e[8] * z + e[12]) * w; + this.y = (e[1] * x + e[5] * y + e[9] * z + e[13]) * w; + this.z = (e[2] * x + e[6] * y + e[10] * z + e[14]) * w; + return this; + }; + _proto.applyQuaternion = function applyQuaternion(q) { + var x = this.x, + y = this.y, + z = this.z; + var qx = q.x, + qy = q.y, + qz = q.z, + qw = q.w; + var ix = qw * x + qy * z - qz * y; + var iy = qw * y + qz * x - qx * z; + var iz = qw * z + qx * y - qy * x; + var iw = -qx * x - qy * y - qz * z; + this.x = ix * qw + iw * -qx + iy * -qz - iz * -qy; + this.y = iy * qw + iw * -qy + iz * -qx - ix * -qz; + this.z = iz * qw + iw * -qz + ix * -qy - iy * -qx; + return this; + }; + _proto.project = function project(camera) { + return this.applyMatrix4(camera.matrixWorldInverse).applyMatrix4(camera.projectionMatrix); + }; + _proto.unproject = function unproject(camera) { + return this.applyMatrix4(camera.projectionMatrixInverse).applyMatrix4(camera.matrixWorld); + }; + _proto.transformDirection = function transformDirection(m) { + var x = this.x, + y = this.y, + z = this.z; + var e = m.elements; + this.x = e[0] * x + e[4] * y + e[8] * z; + this.y = e[1] * x + e[5] * y + e[9] * z; + this.z = e[2] * x + e[6] * y + e[10] * z; + return this.normalize(); + }; + _proto.divide = function divide(v) { + this.x /= v.x; + this.y /= v.y; + this.z /= v.z; + return this; + }; + _proto.divideScalar = function divideScalar(scalar) { + return this.multiplyScalar(1 / scalar); + }; + _proto.min = function min(v) { + this.x = Math.min(this.x, v.x); + this.y = Math.min(this.y, v.y); + this.z = Math.min(this.z, v.z); + return this; + }; + _proto.max = function max(v) { + this.x = Math.max(this.x, v.x); + this.y = Math.max(this.y, v.y); + this.z = Math.max(this.z, v.z); + return this; + }; + _proto.clamp = function clamp(min, max) { + this.x = Math.max(min.x, Math.min(max.x, this.x)); + this.y = Math.max(min.y, Math.min(max.y, this.y)); + this.z = Math.max(min.z, Math.min(max.z, this.z)); + return this; + }; + _proto.clampScalar = function clampScalar(minVal, maxVal) { + this.x = Math.max(minVal, Math.min(maxVal, this.x)); + this.y = Math.max(minVal, Math.min(maxVal, this.y)); + this.z = Math.max(minVal, Math.min(maxVal, this.z)); + return this; + }; + _proto.clampLength = function clampLength(min, max) { + var length = this.length(); + return this.divideScalar(length || 1).multiplyScalar(Math.max(min, Math.min(max, length))); + }; + _proto.floor = function floor() { + this.x = Math.floor(this.x); + this.y = Math.floor(this.y); + this.z = Math.floor(this.z); + return this; + }; + _proto.ceil = function ceil() { + this.x = Math.ceil(this.x); + this.y = Math.ceil(this.y); + this.z = Math.ceil(this.z); + return this; + }; + _proto.round = function round() { + this.x = Math.round(this.x); + this.y = Math.round(this.y); + this.z = Math.round(this.z); + return this; + }; + _proto.roundToZero = function roundToZero() { + this.x = this.x < 0 ? Math.ceil(this.x) : Math.floor(this.x); + this.y = this.y < 0 ? Math.ceil(this.y) : Math.floor(this.y); + this.z = this.z < 0 ? Math.ceil(this.z) : Math.floor(this.z); + return this; + }; + _proto.negate = function negate() { + this.x = -this.x; + this.y = -this.y; + this.z = -this.z; + return this; + }; + _proto.dot = function dot(v) { + return this.x * v.x + this.y * v.y + this.z * v.z; + }; + _proto.lengthSq = function lengthSq() { + return this.x * this.x + this.y * this.y + this.z * this.z; + }; + _proto.length = function length() { + return Math.sqrt(this.x * this.x + this.y * this.y + this.z * this.z); + }; + _proto.manhattanLength = function manhattanLength() { + return Math.abs(this.x) + Math.abs(this.y) + Math.abs(this.z); + }; + _proto.normalize = function normalize() { + return this.divideScalar(this.length() || 1); + }; + _proto.setLength = function setLength(length) { + return this.normalize().multiplyScalar(length); + }; + _proto.lerp = function lerp(v, alpha) { + this.x += (v.x - this.x) * alpha; + this.y += (v.y - this.y) * alpha; + this.z += (v.z - this.z) * alpha; + return this; + }; + _proto.lerpVectors = function lerpVectors(v1, v2, alpha) { + this.x = v1.x + (v2.x - v1.x) * alpha; + this.y = v1.y + (v2.y - v1.y) * alpha; + this.z = v1.z + (v2.z - v1.z) * alpha; + return this; + }; + _proto.cross = function cross(v, w) { + if (w !== undefined) { + console.warn('THREE.Vector3: .cross() now only accepts one argument. Use .crossVectors( a, b ) instead.'); + return this.crossVectors(v, w); + } + return this.crossVectors(this, v); + }; + _proto.crossVectors = function crossVectors(a, b) { + var ax = a.x, + ay = a.y, + az = a.z; + var bx = b.x, + by = b.y, + bz = b.z; + this.x = ay * bz - az * by; + this.y = az * bx - ax * bz; + this.z = ax * by - ay * bx; + return this; + }; + _proto.projectOnVector = function projectOnVector(v) { + var denominator = v.lengthSq(); + if (denominator === 0) return this.set(0, 0, 0); + var scalar = v.dot(this) / denominator; + return this.copy(v).multiplyScalar(scalar); + }; + _proto.projectOnPlane = function projectOnPlane(planeNormal) { + _vector.copy(this).projectOnVector(planeNormal); + return this.sub(_vector); + }; + _proto.reflect = function reflect(normal) { + return this.sub(_vector.copy(normal).multiplyScalar(2 * this.dot(normal))); + }; + _proto.angleTo = function angleTo(v) { + var denominator = Math.sqrt(this.lengthSq() * v.lengthSq()); + if (denominator === 0) return Math.PI / 2; + var theta = this.dot(v) / denominator; + return Math.acos(MathUtils.clamp(theta, -1, 1)); + }; + _proto.distanceTo = function distanceTo(v) { + return Math.sqrt(this.distanceToSquared(v)); + }; + _proto.distanceToSquared = function distanceToSquared(v) { + var dx = this.x - v.x, + dy = this.y - v.y, + dz = this.z - v.z; + return dx * dx + dy * dy + dz * dz; + }; + _proto.manhattanDistanceTo = function manhattanDistanceTo(v) { + return Math.abs(this.x - v.x) + Math.abs(this.y - v.y) + Math.abs(this.z - v.z); + }; + _proto.setFromSpherical = function setFromSpherical(s) { + return this.setFromSphericalCoords(s.radius, s.phi, s.theta); + }; + _proto.setFromSphericalCoords = function setFromSphericalCoords(radius, phi, theta) { + var sinPhiRadius = Math.sin(phi) * radius; + this.x = sinPhiRadius * Math.sin(theta); + this.y = Math.cos(phi) * radius; + this.z = sinPhiRadius * Math.cos(theta); + return this; + }; + _proto.setFromCylindrical = function setFromCylindrical(c) { + return this.setFromCylindricalCoords(c.radius, c.theta, c.y); + }; + _proto.setFromCylindricalCoords = function setFromCylindricalCoords(radius, theta, y) { + this.x = radius * Math.sin(theta); + this.y = y; + this.z = radius * Math.cos(theta); + return this; + }; + _proto.setFromMatrixPosition = function setFromMatrixPosition(m) { + var e = m.elements; + this.x = e[12]; + this.y = e[13]; + this.z = e[14]; + return this; + }; + _proto.setFromMatrixScale = function setFromMatrixScale(m) { + var sx = this.setFromMatrixColumn(m, 0).length(); + var sy = this.setFromMatrixColumn(m, 1).length(); + var sz = this.setFromMatrixColumn(m, 2).length(); + this.x = sx; + this.y = sy; + this.z = sz; + return this; + }; + _proto.setFromMatrixColumn = function setFromMatrixColumn(m, index) { + return this.fromArray(m.elements, index * 4); + }; + _proto.setFromMatrix3Column = function setFromMatrix3Column(m, index) { + return this.fromArray(m.elements, index * 3); + }; + _proto.equals = function equals(v) { + return v.x === this.x && v.y === this.y && v.z === this.z; + }; + _proto.fromArray = function fromArray(array, offset) { + if (offset === void 0) { + offset = 0; + } + this.x = array[offset]; + this.y = array[offset + 1]; + this.z = array[offset + 2]; + return this; + }; + _proto.toArray = function toArray(array, offset) { + if (array === void 0) { + array = []; + } + if (offset === void 0) { + offset = 0; + } + array[offset] = this.x; + array[offset + 1] = this.y; + array[offset + 2] = this.z; + return array; + }; + _proto.fromBufferAttribute = function fromBufferAttribute(attribute, index, offset) { + if (offset !== undefined) { + console.warn('THREE.Vector3: offset has been removed from .fromBufferAttribute().'); + } + this.x = attribute.getX(index); + this.y = attribute.getY(index); + this.z = attribute.getZ(index); + return this; + }; + _proto.random = function random() { + this.x = Math.random(); + this.y = Math.random(); + this.z = Math.random(); + return this; + }; + return Vector3; + }(); + var _vector = /*@__PURE__*/new Vector3(); + var _quaternion = /*@__PURE__*/new Quaternion(); + var Box3 = /*#__PURE__*/function () { + function Box3(min, max) { + Object.defineProperty(this, 'isBox3', { + value: true + }); + this.min = min !== undefined ? min : new Vector3(+Infinity, +Infinity, +Infinity); + this.max = max !== undefined ? max : new Vector3(-Infinity, -Infinity, -Infinity); + } + var _proto = Box3.prototype; + _proto.set = function set(min, max) { + this.min.copy(min); + this.max.copy(max); + return this; + }; + _proto.setFromArray = function setFromArray(array) { + var minX = +Infinity; + var minY = +Infinity; + var minZ = +Infinity; + var maxX = -Infinity; + var maxY = -Infinity; + var maxZ = -Infinity; + for (var i = 0, l = array.length; i < l; i += 3) { + var x = array[i]; + var y = array[i + 1]; + var z = array[i + 2]; + if (x < minX) minX = x; + if (y < minY) minY = y; + if (z < minZ) minZ = z; + if (x > maxX) maxX = x; + if (y > maxY) maxY = y; + if (z > maxZ) maxZ = z; + } + this.min.set(minX, minY, minZ); + this.max.set(maxX, maxY, maxZ); + return this; + }; + _proto.setFromBufferAttribute = function setFromBufferAttribute(attribute) { + var minX = +Infinity; + var minY = +Infinity; + var minZ = +Infinity; + var maxX = -Infinity; + var maxY = -Infinity; + var maxZ = -Infinity; + for (var i = 0, l = attribute.count; i < l; i++) { + var x = attribute.getX(i); + var y = attribute.getY(i); + var z = attribute.getZ(i); + if (x < minX) minX = x; + if (y < minY) minY = y; + if (z < minZ) minZ = z; + if (x > maxX) maxX = x; + if (y > maxY) maxY = y; + if (z > maxZ) maxZ = z; + } + this.min.set(minX, minY, minZ); + this.max.set(maxX, maxY, maxZ); + return this; + }; + _proto.setFromPoints = function setFromPoints(points) { + this.makeEmpty(); + for (var i = 0, il = points.length; i < il; i++) { + this.expandByPoint(points[i]); + } + return this; + }; + _proto.setFromCenterAndSize = function setFromCenterAndSize(center, size) { + var halfSize = _vector$1.copy(size).multiplyScalar(0.5); + this.min.copy(center).sub(halfSize); + this.max.copy(center).add(halfSize); + return this; + }; + _proto.setFromObject = function setFromObject(object) { + this.makeEmpty(); + return this.expandByObject(object); + }; + _proto.clone = function clone() { + return new this.constructor().copy(this); + }; + _proto.copy = function copy(box) { + this.min.copy(box.min); + this.max.copy(box.max); + return this; + }; + _proto.makeEmpty = function makeEmpty() { + this.min.x = this.min.y = this.min.z = +Infinity; + this.max.x = this.max.y = this.max.z = -Infinity; + return this; + }; + _proto.isEmpty = function isEmpty() { + return this.max.x < this.min.x || this.max.y < this.min.y || this.max.z < this.min.z; + }; + _proto.getCenter = function getCenter(target) { + if (target === undefined) { + console.warn('THREE.Box3: .getCenter() target is now required'); + target = new Vector3(); + } + return this.isEmpty() ? target.set(0, 0, 0) : target.addVectors(this.min, this.max).multiplyScalar(0.5); + }; + _proto.getSize = function getSize(target) { + if (target === undefined) { + console.warn('THREE.Box3: .getSize() target is now required'); + target = new Vector3(); + } + return this.isEmpty() ? target.set(0, 0, 0) : target.subVectors(this.max, this.min); + }; + _proto.expandByPoint = function expandByPoint(point) { + this.min.min(point); + this.max.max(point); + return this; + }; + _proto.expandByVector = function expandByVector(vector) { + this.min.sub(vector); + this.max.add(vector); + return this; + }; + _proto.expandByScalar = function expandByScalar(scalar) { + this.min.addScalar(-scalar); + this.max.addScalar(scalar); + return this; + }; + _proto.expandByObject = function expandByObject(object) { + object.updateWorldMatrix(false, false); + var geometry = object.geometry; + if (geometry !== undefined) { + if (geometry.boundingBox === null) { + geometry.computeBoundingBox(); + } + _box.copy(geometry.boundingBox); + _box.applyMatrix4(object.matrixWorld); + this.union(_box); + } + var children = object.children; + for (var i = 0, l = children.length; i < l; i++) { + this.expandByObject(children[i]); + } + return this; + }; + _proto.containsPoint = function containsPoint(point) { + return point.x < this.min.x || point.x > this.max.x || point.y < this.min.y || point.y > this.max.y || point.z < this.min.z || point.z > this.max.z ? false : true; + }; + _proto.containsBox = function containsBox(box) { + return this.min.x <= box.min.x && box.max.x <= this.max.x && this.min.y <= box.min.y && box.max.y <= this.max.y && this.min.z <= box.min.z && box.max.z <= this.max.z; + }; + _proto.getParameter = function getParameter(point, target) { + if (target === undefined) { + console.warn('THREE.Box3: .getParameter() target is now required'); + target = new Vector3(); + } + return target.set((point.x - this.min.x) / (this.max.x - this.min.x), (point.y - this.min.y) / (this.max.y - this.min.y), (point.z - this.min.z) / (this.max.z - this.min.z)); + }; + _proto.intersectsBox = function intersectsBox(box) { + return box.max.x < this.min.x || box.min.x > this.max.x || box.max.y < this.min.y || box.min.y > this.max.y || box.max.z < this.min.z || box.min.z > this.max.z ? false : true; + }; + _proto.intersectsSphere = function intersectsSphere(sphere) { + this.clampPoint(sphere.center, _vector$1); // If that point is inside the sphere, the AABB and sphere intersect. + return _vector$1.distanceToSquared(sphere.center) <= sphere.radius * sphere.radius; + }; + _proto.intersectsPlane = function intersectsPlane(plane) { + var min, max; + if (plane.normal.x > 0) { + min = plane.normal.x * this.min.x; + max = plane.normal.x * this.max.x; + } else { + min = plane.normal.x * this.max.x; + max = plane.normal.x * this.min.x; + } + if (plane.normal.y > 0) { + min += plane.normal.y * this.min.y; + max += plane.normal.y * this.max.y; + } else { + min += plane.normal.y * this.max.y; + max += plane.normal.y * this.min.y; + } + if (plane.normal.z > 0) { + min += plane.normal.z * this.min.z; + max += plane.normal.z * this.max.z; + } else { + min += plane.normal.z * this.max.z; + max += plane.normal.z * this.min.z; + } + return min <= -plane.constant && max >= -plane.constant; + }; + _proto.intersectsTriangle = function intersectsTriangle(triangle) { + if (this.isEmpty()) { + return false; + } + this.getCenter(_center); + _extents.subVectors(this.max, _center); + _v0.subVectors(triangle.a, _center); + _v1.subVectors(triangle.b, _center); + _v2.subVectors(triangle.c, _center); + _f0.subVectors(_v1, _v0); + _f1.subVectors(_v2, _v1); + _f2.subVectors(_v0, _v2); + var axes = [0, -_f0.z, _f0.y, 0, -_f1.z, _f1.y, 0, -_f2.z, _f2.y, _f0.z, 0, -_f0.x, _f1.z, 0, -_f1.x, _f2.z, 0, -_f2.x, -_f0.y, _f0.x, 0, -_f1.y, _f1.x, 0, -_f2.y, _f2.x, 0]; + if (!satForAxes(axes, _v0, _v1, _v2, _extents)) { + return false; + } + axes = [1, 0, 0, 0, 1, 0, 0, 0, 1]; + if (!satForAxes(axes, _v0, _v1, _v2, _extents)) { + return false; + } + _triangleNormal.crossVectors(_f0, _f1); + axes = [_triangleNormal.x, _triangleNormal.y, _triangleNormal.z]; + return satForAxes(axes, _v0, _v1, _v2, _extents); + }; + _proto.clampPoint = function clampPoint(point, target) { + if (target === undefined) { + console.warn('THREE.Box3: .clampPoint() target is now required'); + target = new Vector3(); + } + return target.copy(point).clamp(this.min, this.max); + }; + _proto.distanceToPoint = function distanceToPoint(point) { + var clampedPoint = _vector$1.copy(point).clamp(this.min, this.max); + return clampedPoint.sub(point).length(); + }; + _proto.getBoundingSphere = function getBoundingSphere(target) { + if (target === undefined) { + console.error('THREE.Box3: .getBoundingSphere() target is now required'); + } + this.getCenter(target.center); + target.radius = this.getSize(_vector$1).length() * 0.5; + return target; + }; + _proto.intersect = function intersect(box) { + this.min.max(box.min); + this.max.min(box.max); + if (this.isEmpty()) this.makeEmpty(); + return this; + }; + _proto.union = function union(box) { + this.min.min(box.min); + this.max.max(box.max); + return this; + }; + _proto.applyMatrix4 = function applyMatrix4(matrix) { + if (this.isEmpty()) return this; + _points[0].set(this.min.x, this.min.y, this.min.z).applyMatrix4(matrix); + + _points[1].set(this.min.x, this.min.y, this.max.z).applyMatrix4(matrix); + + _points[2].set(this.min.x, this.max.y, this.min.z).applyMatrix4(matrix); + + _points[3].set(this.min.x, this.max.y, this.max.z).applyMatrix4(matrix); + + _points[4].set(this.max.x, this.min.y, this.min.z).applyMatrix4(matrix); + + _points[5].set(this.max.x, this.min.y, this.max.z).applyMatrix4(matrix); + + _points[6].set(this.max.x, this.max.y, this.min.z).applyMatrix4(matrix); + + _points[7].set(this.max.x, this.max.y, this.max.z).applyMatrix4(matrix); + + this.setFromPoints(_points); + return this; + }; + _proto.translate = function translate(offset) { + this.min.add(offset); + this.max.add(offset); + return this; + }; + _proto.equals = function equals(box) { + return box.min.equals(this.min) && box.max.equals(this.max); + }; + return Box3; + }(); + function satForAxes(axes, v0, v1, v2, extents) { + for (var i = 0, j = axes.length - 3; i <= j; i += 3) { + _testAxis.fromArray(axes, i); + + var r = extents.x * Math.abs(_testAxis.x) + extents.y * Math.abs(_testAxis.y) + extents.z * Math.abs(_testAxis.z); + var p0 = v0.dot(_testAxis); + var p1 = v1.dot(_testAxis); + var p2 = v2.dot(_testAxis); + if (Math.max(-Math.max(p0, p1, p2), Math.min(p0, p1, p2)) > r) { + return false; + } + } + return true; + } + var _points = [/*@__PURE__*/new Vector3(), /*@__PURE__*/new Vector3(), /*@__PURE__*/new Vector3(), /*@__PURE__*/new Vector3(), /*@__PURE__*/new Vector3(), /*@__PURE__*/new Vector3(), /*@__PURE__*/new Vector3(), /*@__PURE__*/new Vector3()]; + var _vector$1 = /*@__PURE__*/new Vector3(); + var _box = /*@__PURE__*/new Box3(); + + var _v0 = /*@__PURE__*/new Vector3(); + var _v1 = /*@__PURE__*/new Vector3(); + var _v2 = /*@__PURE__*/new Vector3(); + + var _f0 = /*@__PURE__*/new Vector3(); + var _f1 = /*@__PURE__*/new Vector3(); + var _f2 = /*@__PURE__*/new Vector3(); + var _center = /*@__PURE__*/new Vector3(); + var _extents = /*@__PURE__*/new Vector3(); + var _triangleNormal = /*@__PURE__*/new Vector3(); + var _testAxis = /*@__PURE__*/new Vector3(); + var _box$1 = /*@__PURE__*/new Box3(); + var Sphere = /*#__PURE__*/function () { + function Sphere(center, radius) { + this.center = center !== undefined ? center : new Vector3(); + this.radius = radius !== undefined ? radius : -1; + } + var _proto = Sphere.prototype; + _proto.set = function set(center, radius) { + this.center.copy(center); + this.radius = radius; + return this; + }; + _proto.setFromPoints = function setFromPoints(points, optionalCenter) { + var center = this.center; + if (optionalCenter !== undefined) { + center.copy(optionalCenter); + } else { + _box$1.setFromPoints(points).getCenter(center); + } + var maxRadiusSq = 0; + for (var i = 0, il = points.length; i < il; i++) { + maxRadiusSq = Math.max(maxRadiusSq, center.distanceToSquared(points[i])); + } + this.radius = Math.sqrt(maxRadiusSq); + return this; + }; + _proto.clone = function clone() { + return new this.constructor().copy(this); + }; + _proto.copy = function copy(sphere) { + this.center.copy(sphere.center); + this.radius = sphere.radius; + return this; + }; + _proto.isEmpty = function isEmpty() { + return this.radius < 0; + }; + _proto.makeEmpty = function makeEmpty() { + this.center.set(0, 0, 0); + this.radius = -1; + return this; + }; + _proto.containsPoint = function containsPoint(point) { + return point.distanceToSquared(this.center) <= this.radius * this.radius; + }; + _proto.distanceToPoint = function distanceToPoint(point) { + return point.distanceTo(this.center) - this.radius; + }; + _proto.intersectsSphere = function intersectsSphere(sphere) { + var radiusSum = this.radius + sphere.radius; + return sphere.center.distanceToSquared(this.center) <= radiusSum * radiusSum; + }; + _proto.intersectsBox = function intersectsBox(box) { + return box.intersectsSphere(this); + }; + _proto.intersectsPlane = function intersectsPlane(plane) { + return Math.abs(plane.distanceToPoint(this.center)) <= this.radius; + }; + _proto.clampPoint = function clampPoint(point, target) { + var deltaLengthSq = this.center.distanceToSquared(point); + if (target === undefined) { + console.warn('THREE.Sphere: .clampPoint() target is now required'); + target = new Vector3(); + } + target.copy(point); + if (deltaLengthSq > this.radius * this.radius) { + target.sub(this.center).normalize(); + target.multiplyScalar(this.radius).add(this.center); + } + return target; + }; + _proto.getBoundingBox = function getBoundingBox(target) { + if (target === undefined) { + console.warn('THREE.Sphere: .getBoundingBox() target is now required'); + target = new Box3(); + } + if (this.isEmpty()) { + target.makeEmpty(); + return target; + } + target.set(this.center, this.center); + target.expandByScalar(this.radius); + return target; + }; + _proto.applyMatrix4 = function applyMatrix4(matrix) { + this.center.applyMatrix4(matrix); + this.radius = this.radius * matrix.getMaxScaleOnAxis(); + return this; + }; + _proto.translate = function translate(offset) { + this.center.add(offset); + return this; + }; + _proto.equals = function equals(sphere) { + return sphere.center.equals(this.center) && sphere.radius === this.radius; + }; + return Sphere; + }(); + var _vector$2 = /*@__PURE__*/new Vector3(); + var _segCenter = /*@__PURE__*/new Vector3(); + var _segDir = /*@__PURE__*/new Vector3(); + var _diff = /*@__PURE__*/new Vector3(); + var _edge1 = /*@__PURE__*/new Vector3(); + var _edge2 = /*@__PURE__*/new Vector3(); + var _normal = /*@__PURE__*/new Vector3(); + var Ray = /*#__PURE__*/function () { + function Ray(origin, direction) { + this.origin = origin !== undefined ? origin : new Vector3(); + this.direction = direction !== undefined ? direction : new Vector3(0, 0, -1); + } + var _proto = Ray.prototype; + _proto.set = function set(origin, direction) { + this.origin.copy(origin); + this.direction.copy(direction); + return this; + }; + _proto.clone = function clone() { + return new this.constructor().copy(this); + }; + _proto.copy = function copy(ray) { + this.origin.copy(ray.origin); + this.direction.copy(ray.direction); + return this; + }; + _proto.at = function at(t, target) { + if (target === undefined) { + console.warn('THREE.Ray: .at() target is now required'); + target = new Vector3(); + } + return target.copy(this.direction).multiplyScalar(t).add(this.origin); + }; + _proto.lookAt = function lookAt(v) { + this.direction.copy(v).sub(this.origin).normalize(); + return this; + }; + _proto.recast = function recast(t) { + this.origin.copy(this.at(t, _vector$2)); + return this; + }; + _proto.closestPointToPoint = function closestPointToPoint(point, target) { + if (target === undefined) { + console.warn('THREE.Ray: .closestPointToPoint() target is now required'); + target = new Vector3(); + } + target.subVectors(point, this.origin); + var directionDistance = target.dot(this.direction); + if (directionDistance < 0) { + return target.copy(this.origin); + } + return target.copy(this.direction).multiplyScalar(directionDistance).add(this.origin); + }; + _proto.distanceToPoint = function distanceToPoint(point) { + return Math.sqrt(this.distanceSqToPoint(point)); + }; + _proto.distanceSqToPoint = function distanceSqToPoint(point) { + var directionDistance = _vector$2.subVectors(point, this.origin).dot(this.direction); // point behind the ray + + if (directionDistance < 0) { + return this.origin.distanceToSquared(point); + } + _vector$2.copy(this.direction).multiplyScalar(directionDistance).add(this.origin); + return _vector$2.distanceToSquared(point); + }; + _proto.distanceSqToSegment = function distanceSqToSegment(v0, v1, optionalPointOnRay, optionalPointOnSegment) { + _segCenter.copy(v0).add(v1).multiplyScalar(0.5); + _segDir.copy(v1).sub(v0).normalize(); + _diff.copy(this.origin).sub(_segCenter); + var segExtent = v0.distanceTo(v1) * 0.5; + var a01 = -this.direction.dot(_segDir); + var b0 = _diff.dot(this.direction); + var b1 = -_diff.dot(_segDir); + var c = _diff.lengthSq(); + var det = Math.abs(1 - a01 * a01); + var s0, s1, sqrDist, extDet; + if (det > 0) { + s0 = a01 * b1 - b0; + s1 = a01 * b0 - b1; + extDet = segExtent * det; + if (s0 >= 0) { + if (s1 >= -extDet) { + if (s1 <= extDet) { + var invDet = 1 / det; + s0 *= invDet; + s1 *= invDet; + sqrDist = s0 * (s0 + a01 * s1 + 2 * b0) + s1 * (a01 * s0 + s1 + 2 * b1) + c; + } else { + s1 = segExtent; + s0 = Math.max(0, -(a01 * s1 + b0)); + sqrDist = -s0 * s0 + s1 * (s1 + 2 * b1) + c; + } + } else { + s1 = -segExtent; + s0 = Math.max(0, -(a01 * s1 + b0)); + sqrDist = -s0 * s0 + s1 * (s1 + 2 * b1) + c; + } + } else { + if (s1 <= -extDet) { + s0 = Math.max(0, -(-a01 * segExtent + b0)); + s1 = s0 > 0 ? -segExtent : Math.min(Math.max(-segExtent, -b1), segExtent); + sqrDist = -s0 * s0 + s1 * (s1 + 2 * b1) + c; + } else if (s1 <= extDet) { + s0 = 0; + s1 = Math.min(Math.max(-segExtent, -b1), segExtent); + sqrDist = s1 * (s1 + 2 * b1) + c; + } else { + s0 = Math.max(0, -(a01 * segExtent + b0)); + s1 = s0 > 0 ? segExtent : Math.min(Math.max(-segExtent, -b1), segExtent); + sqrDist = -s0 * s0 + s1 * (s1 + 2 * b1) + c; + } + } + } else { + s1 = a01 > 0 ? -segExtent : segExtent; + s0 = Math.max(0, -(a01 * s1 + b0)); + sqrDist = -s0 * s0 + s1 * (s1 + 2 * b1) + c; + } + if (optionalPointOnRay) { + optionalPointOnRay.copy(this.direction).multiplyScalar(s0).add(this.origin); + } + if (optionalPointOnSegment) { + optionalPointOnSegment.copy(_segDir).multiplyScalar(s1).add(_segCenter); + } + return sqrDist; + }; + _proto.intersectSphere = function intersectSphere(sphere, target) { + _vector$2.subVectors(sphere.center, this.origin); + var tca = _vector$2.dot(this.direction); + var d2 = _vector$2.dot(_vector$2) - tca * tca; + var radius2 = sphere.radius * sphere.radius; + if (d2 > radius2) return null; + var thc = Math.sqrt(radius2 - d2); + var t0 = tca - thc; + var t1 = tca + thc; + if (t0 < 0 && t1 < 0) return null; + if (t0 < 0) return this.at(t1, target); + return this.at(t0, target); + }; + _proto.intersectsSphere = function intersectsSphere(sphere) { + return this.distanceSqToPoint(sphere.center) <= sphere.radius * sphere.radius; + }; + _proto.distanceToPlane = function distanceToPlane(plane) { + var denominator = plane.normal.dot(this.direction); + if (denominator === 0) { + if (plane.distanceToPoint(this.origin) === 0) { + return 0; + } + return null; + } + var t = -(this.origin.dot(plane.normal) + plane.constant) / denominator; + return t >= 0 ? t : null; + }; + _proto.intersectPlane = function intersectPlane(plane, target) { + var t = this.distanceToPlane(plane); + if (t === null) { + return null; + } + return this.at(t, target); + }; + _proto.intersectsPlane = function intersectsPlane(plane) { + var distToPoint = plane.distanceToPoint(this.origin); + if (distToPoint === 0) { + return true; + } + var denominator = plane.normal.dot(this.direction); + if (denominator * distToPoint < 0) { + return true; + } + return false; + }; + _proto.intersectBox = function intersectBox(box, target) { + var tmin, tmax, tymin, tymax, tzmin, tzmax; + var invdirx = 1 / this.direction.x, + invdiry = 1 / this.direction.y, + invdirz = 1 / this.direction.z; + var origin = this.origin; + if (invdirx >= 0) { + tmin = (box.min.x - origin.x) * invdirx; + tmax = (box.max.x - origin.x) * invdirx; + } else { + tmin = (box.max.x - origin.x) * invdirx; + tmax = (box.min.x - origin.x) * invdirx; + } + if (invdiry >= 0) { + tymin = (box.min.y - origin.y) * invdiry; + tymax = (box.max.y - origin.y) * invdiry; + } else { + tymin = (box.max.y - origin.y) * invdiry; + tymax = (box.min.y - origin.y) * invdiry; + } + if (tmin > tymax || tymin > tmax) return null; + if (tymin > tmin || tmin !== tmin) tmin = tymin; + if (tymax < tmax || tmax !== tmax) tmax = tymax; + if (invdirz >= 0) { + tzmin = (box.min.z - origin.z) * invdirz; + tzmax = (box.max.z - origin.z) * invdirz; + } else { + tzmin = (box.max.z - origin.z) * invdirz; + tzmax = (box.min.z - origin.z) * invdirz; + } + if (tmin > tzmax || tzmin > tmax) return null; + if (tzmin > tmin || tmin !== tmin) tmin = tzmin; + if (tzmax < tmax || tmax !== tmax) tmax = tzmax; + if (tmax < 0) return null; + return this.at(tmin >= 0 ? tmin : tmax, target); + }; + _proto.intersectsBox = function intersectsBox(box) { + return this.intersectBox(box, _vector$2) !== null; + }; + _proto.intersectTriangle = function intersectTriangle(a, b, c, backfaceCulling, target) { + _edge1.subVectors(b, a); + _edge2.subVectors(c, a); + _normal.crossVectors(_edge1, _edge2); + var DdN = this.direction.dot(_normal); + var sign; + if (DdN > 0) { + if (backfaceCulling) return null; + sign = 1; + } else if (DdN < 0) { + sign = -1; + DdN = -DdN; + } else { + return null; + } + _diff.subVectors(this.origin, a); + var DdQxE2 = sign * this.direction.dot(_edge2.crossVectors(_diff, _edge2)); + if (DdQxE2 < 0) { + return null; + } + var DdE1xQ = sign * this.direction.dot(_edge1.cross(_diff)); + if (DdE1xQ < 0) { + return null; + } + if (DdQxE2 + DdE1xQ > DdN) { + return null; + } + var QdN = -sign * _diff.dot(_normal); + if (QdN < 0) { + return null; + } + return this.at(QdN / DdN, target); + }; + _proto.applyMatrix4 = function applyMatrix4(matrix4) { + this.origin.applyMatrix4(matrix4); + this.direction.transformDirection(matrix4); + return this; + }; + _proto.equals = function equals(ray) { + return ray.origin.equals(this.origin) && ray.direction.equals(this.direction); + }; + return Ray; + }(); + var Matrix4 = /*#__PURE__*/function () { + function Matrix4() { + Object.defineProperty(this, 'isMatrix4', { + value: true + }); + this.elements = [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1]; + if (arguments.length > 0) { + console.error('THREE.Matrix4: the constructor no longer reads arguments. use .set() instead.'); + } + } + var _proto = Matrix4.prototype; + _proto.set = function set(n11, n12, n13, n14, n21, n22, n23, n24, n31, n32, n33, n34, n41, n42, n43, n44) { + var te = this.elements; + te[0] = n11; + te[4] = n12; + te[8] = n13; + te[12] = n14; + te[1] = n21; + te[5] = n22; + te[9] = n23; + te[13] = n24; + te[2] = n31; + te[6] = n32; + te[10] = n33; + te[14] = n34; + te[3] = n41; + te[7] = n42; + te[11] = n43; + te[15] = n44; + return this; + }; + _proto.identity = function identity() { + this.set(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); + return this; + }; + _proto.clone = function clone() { + return new Matrix4().fromArray(this.elements); + }; + _proto.copy = function copy(m) { + var te = this.elements; + var me = m.elements; + te[0] = me[0]; + te[1] = me[1]; + te[2] = me[2]; + te[3] = me[3]; + te[4] = me[4]; + te[5] = me[5]; + te[6] = me[6]; + te[7] = me[7]; + te[8] = me[8]; + te[9] = me[9]; + te[10] = me[10]; + te[11] = me[11]; + te[12] = me[12]; + te[13] = me[13]; + te[14] = me[14]; + te[15] = me[15]; + return this; + }; + _proto.copyPosition = function copyPosition(m) { + var te = this.elements, + me = m.elements; + te[12] = me[12]; + te[13] = me[13]; + te[14] = me[14]; + return this; + }; + _proto.extractBasis = function extractBasis(xAxis, yAxis, zAxis) { + xAxis.setFromMatrixColumn(this, 0); + yAxis.setFromMatrixColumn(this, 1); + zAxis.setFromMatrixColumn(this, 2); + return this; + }; + _proto.makeBasis = function makeBasis(xAxis, yAxis, zAxis) { + this.set(xAxis.x, yAxis.x, zAxis.x, 0, xAxis.y, yAxis.y, zAxis.y, 0, xAxis.z, yAxis.z, zAxis.z, 0, 0, 0, 0, 1); + return this; + }; + _proto.extractRotation = function extractRotation(m) { + var te = this.elements; + var me = m.elements; + var scaleX = 1 / _v1$1.setFromMatrixColumn(m, 0).length(); + var scaleY = 1 / _v1$1.setFromMatrixColumn(m, 1).length(); + var scaleZ = 1 / _v1$1.setFromMatrixColumn(m, 2).length(); + te[0] = me[0] * scaleX; + te[1] = me[1] * scaleX; + te[2] = me[2] * scaleX; + te[3] = 0; + te[4] = me[4] * scaleY; + te[5] = me[5] * scaleY; + te[6] = me[6] * scaleY; + te[7] = 0; + te[8] = me[8] * scaleZ; + te[9] = me[9] * scaleZ; + te[10] = me[10] * scaleZ; + te[11] = 0; + te[12] = 0; + te[13] = 0; + te[14] = 0; + te[15] = 1; + return this; + }; + _proto.makeRotationFromEuler = function makeRotationFromEuler(euler) { + if (!(euler && euler.isEuler)) { + console.error('THREE.Matrix4: .makeRotationFromEuler() now expects a Euler rotation rather than a Vector3 and order.'); + } + var te = this.elements; + var x = euler.x, + y = euler.y, + z = euler.z; + var a = Math.cos(x), + b = Math.sin(x); + var c = Math.cos(y), + d = Math.sin(y); + var e = Math.cos(z), + f = Math.sin(z); + if (euler.order === 'XYZ') { + var ae = a * e, + af = a * f, + be = b * e, + bf = b * f; + te[0] = c * e; + te[4] = -c * f; + te[8] = d; + te[1] = af + be * d; + te[5] = ae - bf * d; + te[9] = -b * c; + te[2] = bf - ae * d; + te[6] = be + af * d; + te[10] = a * c; + } else if (euler.order === 'YXZ') { + var ce = c * e, + cf = c * f, + de = d * e, + df = d * f; + te[0] = ce + df * b; + te[4] = de * b - cf; + te[8] = a * d; + te[1] = a * f; + te[5] = a * e; + te[9] = -b; + te[2] = cf * b - de; + te[6] = df + ce * b; + te[10] = a * c; + } else if (euler.order === 'ZXY') { + var _ce = c * e, + _cf = c * f, + _de = d * e, + _df = d * f; + te[0] = _ce - _df * b; + te[4] = -a * f; + te[8] = _de + _cf * b; + te[1] = _cf + _de * b; + te[5] = a * e; + te[9] = _df - _ce * b; + te[2] = -a * d; + te[6] = b; + te[10] = a * c; + } else if (euler.order === 'ZYX') { + var _ae = a * e, + _af = a * f, + _be = b * e, + _bf = b * f; + te[0] = c * e; + te[4] = _be * d - _af; + te[8] = _ae * d + _bf; + te[1] = c * f; + te[5] = _bf * d + _ae; + te[9] = _af * d - _be; + te[2] = -d; + te[6] = b * c; + te[10] = a * c; + } else if (euler.order === 'YZX') { + var ac = a * c, + ad = a * d, + bc = b * c, + bd = b * d; + te[0] = c * e; + te[4] = bd - ac * f; + te[8] = bc * f + ad; + te[1] = f; + te[5] = a * e; + te[9] = -b * e; + te[2] = -d * e; + te[6] = ad * f + bc; + te[10] = ac - bd * f; + } else if (euler.order === 'XZY') { + var _ac = a * c, + _ad = a * d, + _bc = b * c, + _bd = b * d; + te[0] = c * e; + te[4] = -f; + te[8] = d * e; + te[1] = _ac * f + _bd; + te[5] = a * e; + te[9] = _ad * f - _bc; + te[2] = _bc * f - _ad; + te[6] = b * e; + te[10] = _bd * f + _ac; + } + te[3] = 0; + te[7] = 0; + te[11] = 0; + te[12] = 0; + te[13] = 0; + te[14] = 0; + te[15] = 1; + return this; + }; + _proto.makeRotationFromQuaternion = function makeRotationFromQuaternion(q) { + return this.compose(_zero, q, _one); + }; + _proto.lookAt = function lookAt(eye, target, up) { + var te = this.elements; + _z.subVectors(eye, target); + if (_z.lengthSq() === 0) { + _z.z = 1; + } + _z.normalize(); + _x.crossVectors(up, _z); + if (_x.lengthSq() === 0) { + if (Math.abs(up.z) === 1) { + _z.x += 0.0001; + } else { + _z.z += 0.0001; + } + _z.normalize(); + _x.crossVectors(up, _z); + } + _x.normalize(); + _y.crossVectors(_z, _x); + te[0] = _x.x; + te[4] = _y.x; + te[8] = _z.x; + te[1] = _x.y; + te[5] = _y.y; + te[9] = _z.y; + te[2] = _x.z; + te[6] = _y.z; + te[10] = _z.z; + return this; + }; + _proto.multiply = function multiply(m, n) { + if (n !== undefined) { + console.warn('THREE.Matrix4: .multiply() now only accepts one argument. Use .multiplyMatrices( a, b ) instead.'); + return this.multiplyMatrices(m, n); + } + return this.multiplyMatrices(this, m); + }; + _proto.premultiply = function premultiply(m) { + return this.multiplyMatrices(m, this); + }; + _proto.multiplyMatrices = function multiplyMatrices(a, b) { + var ae = a.elements; + var be = b.elements; + var te = this.elements; + var a11 = ae[0], + a12 = ae[4], + a13 = ae[8], + a14 = ae[12]; + var a21 = ae[1], + a22 = ae[5], + a23 = ae[9], + a24 = ae[13]; + var a31 = ae[2], + a32 = ae[6], + a33 = ae[10], + a34 = ae[14]; + var a41 = ae[3], + a42 = ae[7], + a43 = ae[11], + a44 = ae[15]; + var b11 = be[0], + b12 = be[4], + b13 = be[8], + b14 = be[12]; + var b21 = be[1], + b22 = be[5], + b23 = be[9], + b24 = be[13]; + var b31 = be[2], + b32 = be[6], + b33 = be[10], + b34 = be[14]; + var b41 = be[3], + b42 = be[7], + b43 = be[11], + b44 = be[15]; + te[0] = a11 * b11 + a12 * b21 + a13 * b31 + a14 * b41; + te[4] = a11 * b12 + a12 * b22 + a13 * b32 + a14 * b42; + te[8] = a11 * b13 + a12 * b23 + a13 * b33 + a14 * b43; + te[12] = a11 * b14 + a12 * b24 + a13 * b34 + a14 * b44; + te[1] = a21 * b11 + a22 * b21 + a23 * b31 + a24 * b41; + te[5] = a21 * b12 + a22 * b22 + a23 * b32 + a24 * b42; + te[9] = a21 * b13 + a22 * b23 + a23 * b33 + a24 * b43; + te[13] = a21 * b14 + a22 * b24 + a23 * b34 + a24 * b44; + te[2] = a31 * b11 + a32 * b21 + a33 * b31 + a34 * b41; + te[6] = a31 * b12 + a32 * b22 + a33 * b32 + a34 * b42; + te[10] = a31 * b13 + a32 * b23 + a33 * b33 + a34 * b43; + te[14] = a31 * b14 + a32 * b24 + a33 * b34 + a34 * b44; + te[3] = a41 * b11 + a42 * b21 + a43 * b31 + a44 * b41; + te[7] = a41 * b12 + a42 * b22 + a43 * b32 + a44 * b42; + te[11] = a41 * b13 + a42 * b23 + a43 * b33 + a44 * b43; + te[15] = a41 * b14 + a42 * b24 + a43 * b34 + a44 * b44; + return this; + }; + _proto.multiplyScalar = function multiplyScalar(s) { + var te = this.elements; + te[0] *= s; + te[4] *= s; + te[8] *= s; + te[12] *= s; + te[1] *= s; + te[5] *= s; + te[9] *= s; + te[13] *= s; + te[2] *= s; + te[6] *= s; + te[10] *= s; + te[14] *= s; + te[3] *= s; + te[7] *= s; + te[11] *= s; + te[15] *= s; + return this; + }; + _proto.determinant = function determinant() { + var te = this.elements; + var n11 = te[0], + n12 = te[4], + n13 = te[8], + n14 = te[12]; + var n21 = te[1], + n22 = te[5], + n23 = te[9], + n24 = te[13]; + var n31 = te[2], + n32 = te[6], + n33 = te[10], + n34 = te[14]; + var n41 = te[3], + n42 = te[7], + n43 = te[11], + n44 = te[15]; + return n41 * (+n14 * n23 * n32 - n13 * n24 * n32 - n14 * n22 * n33 + n12 * n24 * n33 + n13 * n22 * n34 - n12 * n23 * n34) + n42 * (+n11 * n23 * n34 - n11 * n24 * n33 + n14 * n21 * n33 - n13 * n21 * n34 + n13 * n24 * n31 - n14 * n23 * n31) + n43 * (+n11 * n24 * n32 - n11 * n22 * n34 - n14 * n21 * n32 + n12 * n21 * n34 + n14 * n22 * n31 - n12 * n24 * n31) + n44 * (-n13 * n22 * n31 - n11 * n23 * n32 + n11 * n22 * n33 + n13 * n21 * n32 - n12 * n21 * n33 + n12 * n23 * n31); + }; + _proto.transpose = function transpose() { + var te = this.elements; + var tmp; + tmp = te[1]; + te[1] = te[4]; + te[4] = tmp; + tmp = te[2]; + te[2] = te[8]; + te[8] = tmp; + tmp = te[6]; + te[6] = te[9]; + te[9] = tmp; + tmp = te[3]; + te[3] = te[12]; + te[12] = tmp; + tmp = te[7]; + te[7] = te[13]; + te[13] = tmp; + tmp = te[11]; + te[11] = te[14]; + te[14] = tmp; + return this; + }; + _proto.setPosition = function setPosition(x, y, z) { + var te = this.elements; + if (x.isVector3) { + te[12] = x.x; + te[13] = x.y; + te[14] = x.z; + } else { + te[12] = x; + te[13] = y; + te[14] = z; + } + return this; + }; + _proto.invert = function invert() { + var te = this.elements, + n11 = te[0], + n21 = te[1], + n31 = te[2], + n41 = te[3], + n12 = te[4], + n22 = te[5], + n32 = te[6], + n42 = te[7], + n13 = te[8], + n23 = te[9], + n33 = te[10], + n43 = te[11], + n14 = te[12], + n24 = te[13], + n34 = te[14], + n44 = te[15], + t11 = n23 * n34 * n42 - n24 * n33 * n42 + n24 * n32 * n43 - n22 * n34 * n43 - n23 * n32 * n44 + n22 * n33 * n44, + t12 = n14 * n33 * n42 - n13 * n34 * n42 - n14 * n32 * n43 + n12 * n34 * n43 + n13 * n32 * n44 - n12 * n33 * n44, + t13 = n13 * n24 * n42 - n14 * n23 * n42 + n14 * n22 * n43 - n12 * n24 * n43 - n13 * n22 * n44 + n12 * n23 * n44, + t14 = n14 * n23 * n32 - n13 * n24 * n32 - n14 * n22 * n33 + n12 * n24 * n33 + n13 * n22 * n34 - n12 * n23 * n34; + var det = n11 * t11 + n21 * t12 + n31 * t13 + n41 * t14; + if (det === 0) return this.set(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0); + var detInv = 1 / det; + te[0] = t11 * detInv; + te[1] = (n24 * n33 * n41 - n23 * n34 * n41 - n24 * n31 * n43 + n21 * n34 * n43 + n23 * n31 * n44 - n21 * n33 * n44) * detInv; + te[2] = (n22 * n34 * n41 - n24 * n32 * n41 + n24 * n31 * n42 - n21 * n34 * n42 - n22 * n31 * n44 + n21 * n32 * n44) * detInv; + te[3] = (n23 * n32 * n41 - n22 * n33 * n41 - n23 * n31 * n42 + n21 * n33 * n42 + n22 * n31 * n43 - n21 * n32 * n43) * detInv; + te[4] = t12 * detInv; + te[5] = (n13 * n34 * n41 - n14 * n33 * n41 + n14 * n31 * n43 - n11 * n34 * n43 - n13 * n31 * n44 + n11 * n33 * n44) * detInv; + te[6] = (n14 * n32 * n41 - n12 * n34 * n41 - n14 * n31 * n42 + n11 * n34 * n42 + n12 * n31 * n44 - n11 * n32 * n44) * detInv; + te[7] = (n12 * n33 * n41 - n13 * n32 * n41 + n13 * n31 * n42 - n11 * n33 * n42 - n12 * n31 * n43 + n11 * n32 * n43) * detInv; + te[8] = t13 * detInv; + te[9] = (n14 * n23 * n41 - n13 * n24 * n41 - n14 * n21 * n43 + n11 * n24 * n43 + n13 * n21 * n44 - n11 * n23 * n44) * detInv; + te[10] = (n12 * n24 * n41 - n14 * n22 * n41 + n14 * n21 * n42 - n11 * n24 * n42 - n12 * n21 * n44 + n11 * n22 * n44) * detInv; + te[11] = (n13 * n22 * n41 - n12 * n23 * n41 - n13 * n21 * n42 + n11 * n23 * n42 + n12 * n21 * n43 - n11 * n22 * n43) * detInv; + te[12] = t14 * detInv; + te[13] = (n13 * n24 * n31 - n14 * n23 * n31 + n14 * n21 * n33 - n11 * n24 * n33 - n13 * n21 * n34 + n11 * n23 * n34) * detInv; + te[14] = (n14 * n22 * n31 - n12 * n24 * n31 - n14 * n21 * n32 + n11 * n24 * n32 + n12 * n21 * n34 - n11 * n22 * n34) * detInv; + te[15] = (n12 * n23 * n31 - n13 * n22 * n31 + n13 * n21 * n32 - n11 * n23 * n32 - n12 * n21 * n33 + n11 * n22 * n33) * detInv; + return this; + }; + _proto.scale = function scale(v) { + var te = this.elements; + var x = v.x, + y = v.y, + z = v.z; + te[0] *= x; + te[4] *= y; + te[8] *= z; + te[1] *= x; + te[5] *= y; + te[9] *= z; + te[2] *= x; + te[6] *= y; + te[10] *= z; + te[3] *= x; + te[7] *= y; + te[11] *= z; + return this; + }; + _proto.getMaxScaleOnAxis = function getMaxScaleOnAxis() { + var te = this.elements; + var scaleXSq = te[0] * te[0] + te[1] * te[1] + te[2] * te[2]; + var scaleYSq = te[4] * te[4] + te[5] * te[5] + te[6] * te[6]; + var scaleZSq = te[8] * te[8] + te[9] * te[9] + te[10] * te[10]; + return Math.sqrt(Math.max(scaleXSq, scaleYSq, scaleZSq)); + }; + _proto.makeTranslation = function makeTranslation(x, y, z) { + this.set(1, 0, 0, x, 0, 1, 0, y, 0, 0, 1, z, 0, 0, 0, 1); + return this; + }; + _proto.makeRotationX = function makeRotationX(theta) { + var c = Math.cos(theta), + s = Math.sin(theta); + this.set(1, 0, 0, 0, 0, c, -s, 0, 0, s, c, 0, 0, 0, 0, 1); + return this; + }; + _proto.makeRotationY = function makeRotationY(theta) { + var c = Math.cos(theta), + s = Math.sin(theta); + this.set(c, 0, s, 0, 0, 1, 0, 0, -s, 0, c, 0, 0, 0, 0, 1); + return this; + }; + _proto.makeRotationZ = function makeRotationZ(theta) { + var c = Math.cos(theta), + s = Math.sin(theta); + this.set(c, -s, 0, 0, s, c, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); + return this; + }; + _proto.makeRotationAxis = function makeRotationAxis(axis, angle) { + var c = Math.cos(angle); + var s = Math.sin(angle); + var t = 1 - c; + var x = axis.x, + y = axis.y, + z = axis.z; + var tx = t * x, + ty = t * y; + this.set(tx * x + c, tx * y - s * z, tx * z + s * y, 0, tx * y + s * z, ty * y + c, ty * z - s * x, 0, tx * z - s * y, ty * z + s * x, t * z * z + c, 0, 0, 0, 0, 1); + return this; + }; + _proto.makeScale = function makeScale(x, y, z) { + this.set(x, 0, 0, 0, 0, y, 0, 0, 0, 0, z, 0, 0, 0, 0, 1); + return this; + }; + _proto.makeShear = function makeShear(x, y, z) { + this.set(1, y, z, 0, x, 1, z, 0, x, y, 1, 0, 0, 0, 0, 1); + return this; + }; + _proto.compose = function compose(position, quaternion, scale) { + var te = this.elements; + var x = quaternion._x, + y = quaternion._y, + z = quaternion._z, + w = quaternion._w; + var x2 = x + x, + y2 = y + y, + z2 = z + z; + var xx = x * x2, + xy = x * y2, + xz = x * z2; + var yy = y * y2, + yz = y * z2, + zz = z * z2; + var wx = w * x2, + wy = w * y2, + wz = w * z2; + var sx = scale.x, + sy = scale.y, + sz = scale.z; + te[0] = (1 - (yy + zz)) * sx; + te[1] = (xy + wz) * sx; + te[2] = (xz - wy) * sx; + te[3] = 0; + te[4] = (xy - wz) * sy; + te[5] = (1 - (xx + zz)) * sy; + te[6] = (yz + wx) * sy; + te[7] = 0; + te[8] = (xz + wy) * sz; + te[9] = (yz - wx) * sz; + te[10] = (1 - (xx + yy)) * sz; + te[11] = 0; + te[12] = position.x; + te[13] = position.y; + te[14] = position.z; + te[15] = 1; + return this; + }; + _proto.decompose = function decompose(position, quaternion, scale) { + var te = this.elements; + var sx = _v1$1.set(te[0], te[1], te[2]).length(); + var sy = _v1$1.set(te[4], te[5], te[6]).length(); + var sz = _v1$1.set(te[8], te[9], te[10]).length(); + var det = this.determinant(); + if (det < 0) sx = -sx; + position.x = te[12]; + position.y = te[13]; + position.z = te[14]; + _m1.copy(this); + var invSX = 1 / sx; + var invSY = 1 / sy; + var invSZ = 1 / sz; + _m1.elements[0] *= invSX; + _m1.elements[1] *= invSX; + _m1.elements[2] *= invSX; + _m1.elements[4] *= invSY; + _m1.elements[5] *= invSY; + _m1.elements[6] *= invSY; + _m1.elements[8] *= invSZ; + _m1.elements[9] *= invSZ; + _m1.elements[10] *= invSZ; + quaternion.setFromRotationMatrix(_m1); + scale.x = sx; + scale.y = sy; + scale.z = sz; + return this; + }; + _proto.makePerspective = function makePerspective(left, right, top, bottom, near, far) { + if (far === undefined) { + console.warn('THREE.Matrix4: .makePerspective() has been redefined and has a new signature. Please check the docs.'); + } + var te = this.elements; + var x = 2 * near / (right - left); + var y = 2 * near / (top - bottom); + var a = (right + left) / (right - left); + var b = (top + bottom) / (top - bottom); + var c = -(far + near) / (far - near); + var d = -2 * far * near / (far - near); + te[0] = x; + te[4] = 0; + te[8] = a; + te[12] = 0; + te[1] = 0; + te[5] = y; + te[9] = b; + te[13] = 0; + te[2] = 0; + te[6] = 0; + te[10] = c; + te[14] = d; + te[3] = 0; + te[7] = 0; + te[11] = -1; + te[15] = 0; + return this; + }; + _proto.makeOrthographic = function makeOrthographic(left, right, top, bottom, near, far) { + var te = this.elements; + var w = 1.0 / (right - left); + var h = 1.0 / (top - bottom); + var p = 1.0 / (far - near); + var x = (right + left) * w; + var y = (top + bottom) * h; + var z = (far + near) * p; + te[0] = 2 * w; + te[4] = 0; + te[8] = 0; + te[12] = -x; + te[1] = 0; + te[5] = 2 * h; + te[9] = 0; + te[13] = -y; + te[2] = 0; + te[6] = 0; + te[10] = -2 * p; + te[14] = -z; + te[3] = 0; + te[7] = 0; + te[11] = 0; + te[15] = 1; + return this; + }; + _proto.equals = function equals(matrix) { + var te = this.elements; + var me = matrix.elements; + for (var i = 0; i < 16; i++) { + if (te[i] !== me[i]) return false; + } + return true; + }; + _proto.fromArray = function fromArray(array, offset) { + if (offset === void 0) { + offset = 0; + } + for (var i = 0; i < 16; i++) { + this.elements[i] = array[i + offset]; + } + return this; + }; + _proto.toArray = function toArray(array, offset) { + if (array === void 0) { + array = []; + } + if (offset === void 0) { + offset = 0; + } + var te = this.elements; + array[offset] = te[0]; + array[offset + 1] = te[1]; + array[offset + 2] = te[2]; + array[offset + 3] = te[3]; + array[offset + 4] = te[4]; + array[offset + 5] = te[5]; + array[offset + 6] = te[6]; + array[offset + 7] = te[7]; + array[offset + 8] = te[8]; + array[offset + 9] = te[9]; + array[offset + 10] = te[10]; + array[offset + 11] = te[11]; + array[offset + 12] = te[12]; + array[offset + 13] = te[13]; + array[offset + 14] = te[14]; + array[offset + 15] = te[15]; + return array; + }; + return Matrix4; + }(); + var _v1$1 = /*@__PURE__*/new Vector3(); + var _m1 = /*@__PURE__*/new Matrix4(); + var _zero = /*@__PURE__*/new Vector3(0, 0, 0); + var _one = /*@__PURE__*/new Vector3(1, 1, 1); + var _x = /*@__PURE__*/new Vector3(); + var _y = /*@__PURE__*/new Vector3(); + var _z = /*@__PURE__*/new Vector3(); + var Euler = /*#__PURE__*/function () { + function Euler(x, y, z, order) { + if (x === void 0) { + x = 0; + } + if (y === void 0) { + y = 0; + } + if (z === void 0) { + z = 0; + } + if (order === void 0) { + order = Euler.DefaultOrder; + } + Object.defineProperty(this, 'isEuler', { + value: true + }); + this._x = x; + this._y = y; + this._z = z; + this._order = order; + } + var _proto = Euler.prototype; + _proto.set = function set(x, y, z, order) { + this._x = x; + this._y = y; + this._z = z; + this._order = order || this._order; + this._onChangeCallback(); + return this; + }; + _proto.clone = function clone() { + return new this.constructor(this._x, this._y, this._z, this._order); + }; + _proto.copy = function copy(euler) { + this._x = euler._x; + this._y = euler._y; + this._z = euler._z; + this._order = euler._order; + this._onChangeCallback(); + return this; + }; + _proto.setFromRotationMatrix = function setFromRotationMatrix(m, order, update) { + var clamp = MathUtils.clamp; // assumes the upper 3x3 of m is a pure rotation matrix (i.e, unscaled) + var te = m.elements; + var m11 = te[0], + m12 = te[4], + m13 = te[8]; + var m21 = te[1], + m22 = te[5], + m23 = te[9]; + var m31 = te[2], + m32 = te[6], + m33 = te[10]; + order = order || this._order; + switch (order) { + case 'XYZ': + this._y = Math.asin(clamp(m13, -1, 1)); + if (Math.abs(m13) < 0.9999999) { + this._x = Math.atan2(-m23, m33); + this._z = Math.atan2(-m12, m11); + } else { + this._x = Math.atan2(m32, m22); + this._z = 0; + } + break; + case 'YXZ': + this._x = Math.asin(-clamp(m23, -1, 1)); + if (Math.abs(m23) < 0.9999999) { + this._y = Math.atan2(m13, m33); + this._z = Math.atan2(m21, m22); + } else { + this._y = Math.atan2(-m31, m11); + this._z = 0; + } + break; + case 'ZXY': + this._x = Math.asin(clamp(m32, -1, 1)); + if (Math.abs(m32) < 0.9999999) { + this._y = Math.atan2(-m31, m33); + this._z = Math.atan2(-m12, m22); + } else { + this._y = 0; + this._z = Math.atan2(m21, m11); + } + break; + case 'ZYX': + this._y = Math.asin(-clamp(m31, -1, 1)); + if (Math.abs(m31) < 0.9999999) { + this._x = Math.atan2(m32, m33); + this._z = Math.atan2(m21, m11); + } else { + this._x = 0; + this._z = Math.atan2(-m12, m22); + } + break; + case 'YZX': + this._z = Math.asin(clamp(m21, -1, 1)); + if (Math.abs(m21) < 0.9999999) { + this._x = Math.atan2(-m23, m22); + this._y = Math.atan2(-m31, m11); + } else { + this._x = 0; + this._y = Math.atan2(m13, m33); + } + break; + case 'XZY': + this._z = Math.asin(-clamp(m12, -1, 1)); + if (Math.abs(m12) < 0.9999999) { + this._x = Math.atan2(m32, m22); + this._y = Math.atan2(m13, m11); + } else { + this._x = Math.atan2(-m23, m33); + this._y = 0; + } + break; + default: + console.warn('THREE.Euler: .setFromRotationMatrix() encountered an unknown order: ' + order); + } + this._order = order; + if (update !== false) this._onChangeCallback(); + return this; + }; + _proto.setFromQuaternion = function setFromQuaternion(q, order, update) { + _matrix.makeRotationFromQuaternion(q); + return this.setFromRotationMatrix(_matrix, order, update); + }; + _proto.setFromVector3 = function setFromVector3(v, order) { + return this.set(v.x, v.y, v.z, order || this._order); + }; + _proto.reorder = function reorder(newOrder) { + // WARNING: this discards revolution information -bhouston + _quaternion$1.setFromEuler(this); + return this.setFromQuaternion(_quaternion$1, newOrder); + }; + _proto.equals = function equals(euler) { + return euler._x === this._x && euler._y === this._y && euler._z === this._z && euler._order === this._order; + }; + _proto.fromArray = function fromArray(array) { + this._x = array[0]; + this._y = array[1]; + this._z = array[2]; + if (array[3] !== undefined) this._order = array[3]; + this._onChangeCallback(); + return this; + }; + _proto.toArray = function toArray(array, offset) { + if (array === void 0) { + array = []; + } + if (offset === void 0) { + offset = 0; + } + array[offset] = this._x; + array[offset + 1] = this._y; + array[offset + 2] = this._z; + array[offset + 3] = this._order; + return array; + }; + _proto.toVector3 = function toVector3(optionalResult) { + if (optionalResult) { + return optionalResult.set(this._x, this._y, this._z); + } else { + return new Vector3(this._x, this._y, this._z); + } + }; + _proto._onChange = function _onChange(callback) { + this._onChangeCallback = callback; + return this; + }; + _proto._onChangeCallback = function _onChangeCallback() {}; + _createClass(Euler, [{ + key: "x", + get: function get() { + return this._x; + }, + set: function set(value) { + this._x = value; + this._onChangeCallback(); + } + }, { + key: "y", + get: function get() { + return this._y; + }, + set: function set(value) { + this._y = value; + this._onChangeCallback(); + } + }, { + key: "z", + get: function get() { + return this._z; + }, + set: function set(value) { + this._z = value; + this._onChangeCallback(); + } + }, { + key: "order", + get: function get() { + return this._order; + }, + set: function set(value) { + this._order = value; + this._onChangeCallback(); + } + }]); + return Euler; + }(); + Euler.DefaultOrder = 'XYZ'; + Euler.RotationOrders = ['XYZ', 'YZX', 'ZXY', 'XZY', 'YXZ', 'ZYX']; + var _matrix = /*@__PURE__*/new Matrix4(); + var _quaternion$1 = /*@__PURE__*/new Quaternion(); + var Layers = /*#__PURE__*/function () { + function Layers() { + this.mask = 1 | 0; + } + var _proto = Layers.prototype; + _proto.set = function set(channel) { + this.mask = 1 << channel | 0; + }; + _proto.enable = function enable(channel) { + this.mask |= 1 << channel | 0; + }; + _proto.enableAll = function enableAll() { + this.mask = 0xffffffff | 0; + }; + _proto.toggle = function toggle(channel) { + this.mask ^= 1 << channel | 0; + }; + _proto.disable = function disable(channel) { + this.mask &= ~(1 << channel | 0); + }; + _proto.disableAll = function disableAll() { + this.mask = 0; + }; + _proto.test = function test(layers) { + return (this.mask & layers.mask) !== 0; + }; + return Layers; + }(); + var _object3DId = 0; + var _v1$2 = new Vector3(); + var _q1 = new Quaternion(); + var _m1$1 = new Matrix4(); + var _target = new Vector3(); + var _position = new Vector3(); + var _scale = new Vector3(); + var _quaternion$2 = new Quaternion(); + var _xAxis = new Vector3(1, 0, 0); + var _yAxis = new Vector3(0, 1, 0); + var _zAxis = new Vector3(0, 0, 1); + var _addedEvent = { + type: 'added' + }; + var _removedEvent = { + type: 'removed' + }; + function Object3D() { + Object.defineProperty(this, 'id', { + value: _object3DId++ + }); + this.uuid = MathUtils.generateUUID(); + this.name = ''; + this.type = 'Object3D'; + this.parent = null; + this.children = []; + this.up = Object3D.DefaultUp.clone(); + var position = new Vector3(); + var rotation = new Euler(); + var quaternion = new Quaternion(); + var scale = new Vector3(1, 1, 1); + function onRotationChange() { + quaternion.setFromEuler(rotation, false); + } + function onQuaternionChange() { + rotation.setFromQuaternion(quaternion, undefined, false); + } + rotation._onChange(onRotationChange); + quaternion._onChange(onQuaternionChange); + Object.defineProperties(this, { + position: { + configurable: true, + enumerable: true, + value: position + }, + rotation: { + configurable: true, + enumerable: true, + value: rotation + }, + quaternion: { + configurable: true, + enumerable: true, + value: quaternion + }, + scale: { + configurable: true, + enumerable: true, + value: scale + }, + modelViewMatrix: { + value: new Matrix4() + }, + normalMatrix: { + value: new Matrix3() + } + }); + this.matrix = new Matrix4(); + this.matrixWorld = new Matrix4(); + this.matrixAutoUpdate = Object3D.DefaultMatrixAutoUpdate; + this.matrixWorldNeedsUpdate = false; + this.layers = new Layers(); + this.visible = true; + this.castShadow = false; + this.receiveShadow = false; + this.frustumCulled = true; + this.renderOrder = 0; + this.animations = []; + this.userData = {}; + } + Object3D.DefaultUp = new Vector3(0, 1, 0); + Object3D.DefaultMatrixAutoUpdate = true; + Object3D.prototype = Object.assign(Object.create(EventDispatcher.prototype), { + constructor: Object3D, + isObject3D: true, + onBeforeRender: function onBeforeRender() {}, + onAfterRender: function onAfterRender() {}, + applyMatrix4: function applyMatrix4(matrix) { + if (this.matrixAutoUpdate) this.updateMatrix(); + this.matrix.premultiply(matrix); + this.matrix.decompose(this.position, this.quaternion, this.scale); + }, + applyQuaternion: function applyQuaternion(q) { + this.quaternion.premultiply(q); + return this; + }, + setRotationFromAxisAngle: function setRotationFromAxisAngle(axis, angle) { + // assumes axis is normalized + this.quaternion.setFromAxisAngle(axis, angle); + }, + setRotationFromEuler: function setRotationFromEuler(euler) { + this.quaternion.setFromEuler(euler, true); + }, + setRotationFromMatrix: function setRotationFromMatrix(m) { + // assumes the upper 3x3 of m is a pure rotation matrix (i.e, unscaled) + this.quaternion.setFromRotationMatrix(m); + }, + setRotationFromQuaternion: function setRotationFromQuaternion(q) { + // assumes q is normalized + this.quaternion.copy(q); + }, + rotateOnAxis: function rotateOnAxis(axis, angle) { + // rotate object on axis in object space + // axis is assumed to be normalized + _q1.setFromAxisAngle(axis, angle); + this.quaternion.multiply(_q1); + return this; + }, + rotateOnWorldAxis: function rotateOnWorldAxis(axis, angle) { + // rotate object on axis in world space + // axis is assumed to be normalized + // method assumes no rotated parent + _q1.setFromAxisAngle(axis, angle); + this.quaternion.premultiply(_q1); + return this; + }, + rotateX: function rotateX(angle) { + return this.rotateOnAxis(_xAxis, angle); + }, + rotateY: function rotateY(angle) { + return this.rotateOnAxis(_yAxis, angle); + }, + rotateZ: function rotateZ(angle) { + return this.rotateOnAxis(_zAxis, angle); + }, + translateOnAxis: function translateOnAxis(axis, distance) { + // translate object by distance along axis in object space + // axis is assumed to be normalized + _v1$2.copy(axis).applyQuaternion(this.quaternion); + this.position.add(_v1$2.multiplyScalar(distance)); + return this; + }, + translateX: function translateX(distance) { + return this.translateOnAxis(_xAxis, distance); + }, + translateY: function translateY(distance) { + return this.translateOnAxis(_yAxis, distance); + }, + translateZ: function translateZ(distance) { + return this.translateOnAxis(_zAxis, distance); + }, + localToWorld: function localToWorld(vector) { + return vector.applyMatrix4(this.matrixWorld); + }, + worldToLocal: function worldToLocal(vector) { + return vector.applyMatrix4(_m1$1.copy(this.matrixWorld).invert()); + }, + lookAt: function lookAt(x, y, z) { + // This method does not support objects having non-uniformly-scaled parent(s) + if (x.isVector3) { + _target.copy(x); + } else { + _target.set(x, y, z); + } + var parent = this.parent; + this.updateWorldMatrix(true, false); + _position.setFromMatrixPosition(this.matrixWorld); + if (this.isCamera || this.isLight) { + _m1$1.lookAt(_position, _target, this.up); + } else { + _m1$1.lookAt(_target, _position, this.up); + } + this.quaternion.setFromRotationMatrix(_m1$1); + if (parent) { + _m1$1.extractRotation(parent.matrixWorld); + _q1.setFromRotationMatrix(_m1$1); + this.quaternion.premultiply(_q1.invert()); + } + }, + add: function add(object) { + if (arguments.length > 1) { + for (var i = 0; i < arguments.length; i++) { + this.add(arguments[i]); + } + return this; + } + if (object === this) { + console.error('THREE.Object3D.add: object can\'t be added as a child of itself.', object); + return this; + } + if (object && object.isObject3D) { + if (object.parent !== null) { + object.parent.remove(object); + } + object.parent = this; + this.children.push(object); + object.dispatchEvent(_addedEvent); + } else { + console.error('THREE.Object3D.add: object not an instance of THREE.Object3D.', object); + } + return this; + }, + remove: function remove(object) { + if (arguments.length > 1) { + for (var i = 0; i < arguments.length; i++) { + this.remove(arguments[i]); + } + return this; + } + var index = this.children.indexOf(object); + if (index !== -1) { + object.parent = null; + this.children.splice(index, 1); + object.dispatchEvent(_removedEvent); + } + return this; + }, + clear: function clear() { + for (var i = 0; i < this.children.length; i++) { + var object = this.children[i]; + object.parent = null; + object.dispatchEvent(_removedEvent); + } + this.children.length = 0; + return this; + }, + attach: function attach(object) { + // adds object as a child of this, while maintaining the object's world transform + this.updateWorldMatrix(true, false); + _m1$1.copy(this.matrixWorld).invert(); + if (object.parent !== null) { + object.parent.updateWorldMatrix(true, false); + _m1$1.multiply(object.parent.matrixWorld); + } + object.applyMatrix4(_m1$1); + object.updateWorldMatrix(false, false); + this.add(object); + return this; + }, + getObjectById: function getObjectById(id) { + return this.getObjectByProperty('id', id); + }, + getObjectByName: function getObjectByName(name) { + return this.getObjectByProperty('name', name); + }, + getObjectByProperty: function getObjectByProperty(name, value) { + if (this[name] === value) return this; + for (var i = 0, l = this.children.length; i < l; i++) { + var child = this.children[i]; + var object = child.getObjectByProperty(name, value); + if (object !== undefined) { + return object; + } + } + return undefined; + }, + getWorldPosition: function getWorldPosition(target) { + if (target === undefined) { + console.warn('THREE.Object3D: .getWorldPosition() target is now required'); + target = new Vector3(); + } + this.updateWorldMatrix(true, false); + return target.setFromMatrixPosition(this.matrixWorld); + }, + getWorldQuaternion: function getWorldQuaternion(target) { + if (target === undefined) { + console.warn('THREE.Object3D: .getWorldQuaternion() target is now required'); + target = new Quaternion(); + } + this.updateWorldMatrix(true, false); + this.matrixWorld.decompose(_position, target, _scale); + return target; + }, + getWorldScale: function getWorldScale(target) { + if (target === undefined) { + console.warn('THREE.Object3D: .getWorldScale() target is now required'); + target = new Vector3(); + } + this.updateWorldMatrix(true, false); + this.matrixWorld.decompose(_position, _quaternion$2, target); + return target; + }, + getWorldDirection: function getWorldDirection(target) { + if (target === undefined) { + console.warn('THREE.Object3D: .getWorldDirection() target is now required'); + target = new Vector3(); + } + this.updateWorldMatrix(true, false); + var e = this.matrixWorld.elements; + return target.set(e[8], e[9], e[10]).normalize(); + }, + raycast: function raycast() {}, + traverse: function traverse(callback) { + callback(this); + var children = this.children; + for (var i = 0, l = children.length; i < l; i++) { + children[i].traverse(callback); + } + }, + traverseVisible: function traverseVisible(callback) { + if (this.visible === false) return; + callback(this); + var children = this.children; + for (var i = 0, l = children.length; i < l; i++) { + children[i].traverseVisible(callback); + } + }, + traverseAncestors: function traverseAncestors(callback) { + var parent = this.parent; + if (parent !== null) { + callback(parent); + parent.traverseAncestors(callback); + } + }, + updateMatrix: function updateMatrix() { + this.matrix.compose(this.position, this.quaternion, this.scale); + this.matrixWorldNeedsUpdate = true; + }, + updateMatrixWorld: function updateMatrixWorld(force) { + if (this.matrixAutoUpdate) this.updateMatrix(); + if (this.matrixWorldNeedsUpdate || force) { + if (this.parent === null) { + this.matrixWorld.copy(this.matrix); + } else { + this.matrixWorld.multiplyMatrices(this.parent.matrixWorld, this.matrix); + } + this.matrixWorldNeedsUpdate = false; + force = true; + } // update children - if (Number.isInteger === undefined) { - // Missing in IE - // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/isInteger - Number.isInteger = function (value) { - return typeof value === 'number' && isFinite(value) && Math.floor(value) === value - } - } // - - if (Math.sign === undefined) { - // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/sign - Math.sign = function (x) { - return x < 0 ? -1 : x > 0 ? 1 : +x - } - } - - if ('name' in Function.prototype === false) { - // Missing in IE - // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name - Object.defineProperty(Function.prototype, 'name', { - get: function get() { - return this.toString().match(/^\s*function\s*([^\(\s]*)/)[1] - } - }) - } - - if (Object.assign === undefined) { - // Missing in IE - // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign - Object.assign = function (target) { - if (target === undefined || target === null) { - throw new TypeError('Cannot convert undefined or null to object') - } - - var output = Object(target) - - for (var index = 1; index < arguments.length; index++) { - var source = arguments[index] - - if (source !== undefined && source !== null) { - for (var nextKey in source) { - if (Object.prototype.hasOwnProperty.call(source, nextKey)) { - output[nextKey] = source[nextKey] - } - } - } - } - - return output - } - } - - var REVISION = '124dev' - var MOUSE = { - LEFT: 0, - MIDDLE: 1, - RIGHT: 2, - ROTATE: 0, - DOLLY: 1, - PAN: 2 - } - var TOUCH = { - ROTATE: 0, - PAN: 1, - DOLLY_PAN: 2, - DOLLY_ROTATE: 3 - } - var CullFaceNone = 0 - var CullFaceBack = 1 - var CullFaceFront = 2 - var CullFaceFrontBack = 3 - var BasicShadowMap = 0 - var PCFShadowMap = 1 - var PCFSoftShadowMap = 2 - var VSMShadowMap = 3 - var FrontSide = 0 - var BackSide = 1 - var DoubleSide = 2 - var FlatShading = 1 - var SmoothShading = 2 - var NoBlending = 0 - var NormalBlending = 1 - var AdditiveBlending = 2 - var SubtractiveBlending = 3 - var MultiplyBlending = 4 - var CustomBlending = 5 - var AddEquation = 100 - var SubtractEquation = 101 - var ReverseSubtractEquation = 102 - var MinEquation = 103 - var MaxEquation = 104 - var ZeroFactor = 200 - var OneFactor = 201 - var SrcColorFactor = 202 - var OneMinusSrcColorFactor = 203 - var SrcAlphaFactor = 204 - var OneMinusSrcAlphaFactor = 205 - var DstAlphaFactor = 206 - var OneMinusDstAlphaFactor = 207 - var DstColorFactor = 208 - var OneMinusDstColorFactor = 209 - var SrcAlphaSaturateFactor = 210 - var NeverDepth = 0 - var AlwaysDepth = 1 - var LessDepth = 2 - var LessEqualDepth = 3 - var EqualDepth = 4 - var GreaterEqualDepth = 5 - var GreaterDepth = 6 - var NotEqualDepth = 7 - var MultiplyOperation = 0 - var MixOperation = 1 - var AddOperation = 2 - var NoToneMapping = 0 - var LinearToneMapping = 1 - var ReinhardToneMapping = 2 - var CineonToneMapping = 3 - var ACESFilmicToneMapping = 4 - var CustomToneMapping = 5 - var UVMapping = 300 - var CubeReflectionMapping = 301 - var CubeRefractionMapping = 302 - var EquirectangularReflectionMapping = 303 - var EquirectangularRefractionMapping = 304 - var CubeUVReflectionMapping = 306 - var CubeUVRefractionMapping = 307 - var RepeatWrapping = 1000 - var ClampToEdgeWrapping = 1001 - var MirroredRepeatWrapping = 1002 - var NearestFilter = 1003 - var NearestMipmapNearestFilter = 1004 - var NearestMipMapNearestFilter = 1004 - var NearestMipmapLinearFilter = 1005 - var NearestMipMapLinearFilter = 1005 - var LinearFilter = 1006 - var LinearMipmapNearestFilter = 1007 - var LinearMipMapNearestFilter = 1007 - var LinearMipmapLinearFilter = 1008 - var LinearMipMapLinearFilter = 1008 - var UnsignedByteType = 1009 - var ByteType = 1010 - var ShortType = 1011 - var UnsignedShortType = 1012 - var IntType = 1013 - var UnsignedIntType = 1014 - var FloatType = 1015 - var HalfFloatType = 1016 - var UnsignedShort4444Type = 1017 - var UnsignedShort5551Type = 1018 - var UnsignedShort565Type = 1019 - var UnsignedInt248Type = 1020 - var AlphaFormat = 1021 - var RGBFormat = 1022 - var RGBAFormat = 1023 - var LuminanceFormat = 1024 - var LuminanceAlphaFormat = 1025 - var RGBEFormat = RGBAFormat - var DepthFormat = 1026 - var DepthStencilFormat = 1027 - var RedFormat = 1028 - var RedIntegerFormat = 1029 - var RGFormat = 1030 - var RGIntegerFormat = 1031 - var RGBIntegerFormat = 1032 - var RGBAIntegerFormat = 1033 - var RGB_S3TC_DXT1_Format = 33776 - var RGBA_S3TC_DXT1_Format = 33777 - var RGBA_S3TC_DXT3_Format = 33778 - var RGBA_S3TC_DXT5_Format = 33779 - var RGB_PVRTC_4BPPV1_Format = 35840 - var RGB_PVRTC_2BPPV1_Format = 35841 - var RGBA_PVRTC_4BPPV1_Format = 35842 - var RGBA_PVRTC_2BPPV1_Format = 35843 - var RGB_ETC1_Format = 36196 - var RGB_ETC2_Format = 37492 - var RGBA_ETC2_EAC_Format = 37496 - var RGBA_ASTC_4x4_Format = 37808 - var RGBA_ASTC_5x4_Format = 37809 - var RGBA_ASTC_5x5_Format = 37810 - var RGBA_ASTC_6x5_Format = 37811 - var RGBA_ASTC_6x6_Format = 37812 - var RGBA_ASTC_8x5_Format = 37813 - var RGBA_ASTC_8x6_Format = 37814 - var RGBA_ASTC_8x8_Format = 37815 - var RGBA_ASTC_10x5_Format = 37816 - var RGBA_ASTC_10x6_Format = 37817 - var RGBA_ASTC_10x8_Format = 37818 - var RGBA_ASTC_10x10_Format = 37819 - var RGBA_ASTC_12x10_Format = 37820 - var RGBA_ASTC_12x12_Format = 37821 - var RGBA_BPTC_Format = 36492 - var SRGB8_ALPHA8_ASTC_4x4_Format = 37840 - var SRGB8_ALPHA8_ASTC_5x4_Format = 37841 - var SRGB8_ALPHA8_ASTC_5x5_Format = 37842 - var SRGB8_ALPHA8_ASTC_6x5_Format = 37843 - var SRGB8_ALPHA8_ASTC_6x6_Format = 37844 - var SRGB8_ALPHA8_ASTC_8x5_Format = 37845 - var SRGB8_ALPHA8_ASTC_8x6_Format = 37846 - var SRGB8_ALPHA8_ASTC_8x8_Format = 37847 - var SRGB8_ALPHA8_ASTC_10x5_Format = 37848 - var SRGB8_ALPHA8_ASTC_10x6_Format = 37849 - var SRGB8_ALPHA8_ASTC_10x8_Format = 37850 - var SRGB8_ALPHA8_ASTC_10x10_Format = 37851 - var SRGB8_ALPHA8_ASTC_12x10_Format = 37852 - var SRGB8_ALPHA8_ASTC_12x12_Format = 37853 - var LoopOnce = 2200 - var LoopRepeat = 2201 - var LoopPingPong = 2202 - var InterpolateDiscrete = 2300 - var InterpolateLinear = 2301 - var InterpolateSmooth = 2302 - var ZeroCurvatureEnding = 2400 - var ZeroSlopeEnding = 2401 - var WrapAroundEnding = 2402 - var NormalAnimationBlendMode = 2500 - var AdditiveAnimationBlendMode = 2501 - var TrianglesDrawMode = 0 - var TriangleStripDrawMode = 1 - var TriangleFanDrawMode = 2 - var LinearEncoding = 3000 - var sRGBEncoding = 3001 - var GammaEncoding = 3007 - var RGBEEncoding = 3002 - var LogLuvEncoding = 3003 - var RGBM7Encoding = 3004 - var RGBM16Encoding = 3005 - var RGBDEncoding = 3006 - var BasicDepthPacking = 3200 - var RGBADepthPacking = 3201 - var TangentSpaceNormalMap = 0 - var ObjectSpaceNormalMap = 1 - var ZeroStencilOp = 0 - var KeepStencilOp = 7680 - var ReplaceStencilOp = 7681 - var IncrementStencilOp = 7682 - var DecrementStencilOp = 7683 - var IncrementWrapStencilOp = 34055 - var DecrementWrapStencilOp = 34056 - var InvertStencilOp = 5386 - var NeverStencilFunc = 512 - var LessStencilFunc = 513 - var EqualStencilFunc = 514 - var LessEqualStencilFunc = 515 - var GreaterStencilFunc = 516 - var NotEqualStencilFunc = 517 - var GreaterEqualStencilFunc = 518 - var AlwaysStencilFunc = 519 - var StaticDrawUsage = 35044 - var DynamicDrawUsage = 35048 - var StreamDrawUsage = 35040 - var StaticReadUsage = 35045 - var DynamicReadUsage = 35049 - var StreamReadUsage = 35041 - var StaticCopyUsage = 35046 - var DynamicCopyUsage = 35050 - var StreamCopyUsage = 35042 - var GLSL1 = '100' - var GLSL3 = '300 es' - - /** - * https://github.com/mrdoob/eventdispatcher.js/ - */ - function EventDispatcher() {} - - Object.assign(EventDispatcher.prototype, { - addEventListener: function addEventListener(type, listener) { - if (this._listeners === undefined) this._listeners = {} - var listeners = this._listeners - - if (listeners[type] === undefined) { - listeners[type] = [] - } - - if (listeners[type].indexOf(listener) === -1) { - listeners[type].push(listener) - } - }, - hasEventListener: function hasEventListener(type, listener) { - if (this._listeners === undefined) return false - var listeners = this._listeners - return listeners[type] !== undefined && listeners[type].indexOf(listener) !== -1 - }, - removeEventListener: function removeEventListener(type, listener) { - if (this._listeners === undefined) return - var listeners = this._listeners - var listenerArray = listeners[type] - - if (listenerArray !== undefined) { - var index = listenerArray.indexOf(listener) - - if (index !== -1) { - listenerArray.splice(index, 1) - } - } - }, - dispatchEvent: function dispatchEvent(event) { - if (this._listeners === undefined) return - var listeners = this._listeners - var listenerArray = listeners[event.type] - - if (listenerArray !== undefined) { - event.target = this // Make a copy, in case listeners are removed while iterating. - - var array = listenerArray.slice(0) - - for (var i = 0, l = array.length; i < l; i++) { - array[i].call(this, event) - } - } - } - }) - - var _lut = [] - - for (var i = 0; i < 256; i++) { - _lut[i] = (i < 16 ? '0' : '') + i.toString(16) - } - - var _seed = 1234567 - var MathUtils = { - DEG2RAD: Math.PI / 180, - RAD2DEG: 180 / Math.PI, - generateUUID: function generateUUID() { - // http://stackoverflow.com/questions/105034/how-to-create-a-guid-uuid-in-javascript/21963136#21963136 - var d0 = (Math.random() * 0xffffffff) | 0 - var d1 = (Math.random() * 0xffffffff) | 0 - var d2 = (Math.random() * 0xffffffff) | 0 - var d3 = (Math.random() * 0xffffffff) | 0 - var uuid = - _lut[d0 & 0xff] + - _lut[(d0 >> 8) & 0xff] + - _lut[(d0 >> 16) & 0xff] + - _lut[(d0 >> 24) & 0xff] + - '-' + - _lut[d1 & 0xff] + - _lut[(d1 >> 8) & 0xff] + - '-' + - _lut[((d1 >> 16) & 0x0f) | 0x40] + - _lut[(d1 >> 24) & 0xff] + - '-' + - _lut[(d2 & 0x3f) | 0x80] + - _lut[(d2 >> 8) & 0xff] + - '-' + - _lut[(d2 >> 16) & 0xff] + - _lut[(d2 >> 24) & 0xff] + - _lut[d3 & 0xff] + - _lut[(d3 >> 8) & 0xff] + - _lut[(d3 >> 16) & 0xff] + - _lut[(d3 >> 24) & 0xff] // .toUpperCase() here flattens concatenated strings to save heap memory space. - - return uuid.toUpperCase() - }, - clamp: function clamp(value, min, max) { - return Math.max(min, Math.min(max, value)) - }, - // compute euclidian modulo of m % n - // https://en.wikipedia.org/wiki/Modulo_operation - euclideanModulo: function euclideanModulo(n, m) { - return ((n % m) + m) % m - }, - // Linear mapping from range