'))
div.addClass('slider')
if (o.unitStr) {
div.find(".BarTxt").append($('
' + o.unitStr + ''));
}
o.root.append(div);
this.line = $(".scrollBar", div);
this.knot = $(".scroll_Thumb", div);
o.noValue || (this.textArea = $(".scrollBarTxt", div));
this.track = $(".scroll_Track", div);
this.unitStr = o.unitStr;
//unitStr是单位字符串，比如角度的°。不能是数字
this.onchange = o.onchange;
this.percent = null;
this.dragStart = false;
this.offsetToBody = null;
this.getOffset();
this.checkError();
this.percent = this.getPercent();
o.noValue || this.displayValue();
this.moveKnot();
this.knotWidth = 0;
this.lineWidth = 0;
//this.waitValue;//等待要触发事件的值，防止崩溃
this.avoidCrash = o.avoidCrash;
this.realMax = !this.noValue ? o.realMax : null;
//如果传入realMax,代表可以通过输入数字修改最大值范围，最大值不可以超过realMax。
this.scrollUnit = (scope.max - scope.min) * 0.001;
if (this.precision != void 0) {
var prec = Math.pow(10, -this.precision);
this.scrollUnit < prec && (this.scrollUnit = prec);
} else {
//默认化为整数
this.scrollUnit < 1 && (this.scrollUnit = 1);
}
this.dragStartEvent = o.dragStartEvent;
this.line.on("mousedown touchstart", function(event) {
scope.dragStart = true;
scope.dragChange(event);
if (scope.dragStartEvent)
scope.dragStartEvent()
//if(o.avoidCrash && isMobile)scope.dealInterval();
});
!window.isMobile && this.line.on("mousewheel DOMMouseScroll wheel", function(event) {
event.preventDefault();
var v = event.originalEvent.deltaY > 0 ? -scope.scrollUnit : scope.scrollUnit;
scope.setValue(scope.value + v);
});
this.dragEndEvent = o.dragEndEvent;
var stop = function() {
if (scope.dragStart) {
scope.dragStart = false;
if (scope.dragEndEvent)
scope.dragEndEvent()
}
}
$(document).on("mouseup touchend", stop)
/* isMobile || */
$("#player").on("mouseup", stop)
var lastChangeTime = 0;
$(document).on("mousemove touchmove", function() {
if (scope.dragStart) {
/* if(isMobile && o.avoidCrash){
scope.lastDragEvent = event;
}else */
scope.dragChange(event);
}
})
o.noValue || this.textArea.on("change", function() {
var v = parseFloat(scope.textArea.val());
if (v != v)
//NaN
return;
scope.setValueFromOutside(v);
});
window.addEventListener("resize",()=>{
if(this.line[0].clientWidth){
this.getOffset()
this.moveKnot();
}
})
}
SlideBar.prototype.dealInterval = function() {
this.interval = setInterval(function() {
this.lastDragEvent && this.dragChange(this.lastDragEvent);
this.lastDragEvent = null
if (!this.dragStart)
clearInterval(this.interval)
}
.bind(this), 90)
}
SlideBar.prototype.changeLimit = function(o) {
if (o.min)
this.min = o.min;
if (o.max)
this.max = o.max;
}
SlideBar.prototype.getOffset = function() {
//为了检测鼠标位置需要获得相对body的offset
var left = this.line[0].offsetLeft;
var element = this.line[0];
while (element = element.offsetParent) {
left += element.offsetLeft;
}
this.offsetToBody = (left == 0) ? (this.offsetToBody || 0) : left;
//如果left为0，很可能是它不可见，那么最好使用旧的offsetToBody
}
SlideBar.prototype.InitOffset = function() {
//如果一开始scroller没有显示，要在显示时获取一下offset
this.getOffset();
this.getWidth();
this.moveKnot();
}
SlideBar.prototype.checkError = function() {
if (this.min >= this.max) {
console.log("scrollbar值有误 " + name);
return;
}
}
SlideBar.prototype.getPercent = function() {
return (this.value - this.min) / (this.max - this.min);
}
SlideBar.prototype.displayValue = function(value) {
//this.textArea.val(this.value + (this.unitStr ? " " + this.unitStr : ""));
if (value != void 0)
this.value = value;
this.textArea.val(this.value)
}
SlideBar.prototype.getWidth = function() {
this.knotWidth = this.knot.width();
this.lineWidth = this.line.width() - this.knotWidth
}
SlideBar.prototype.moveKnot = function() {
//this.getWidth();
var width = this.percent * this.lineWidth;
this.knot.css('left', width + "px")
if (this.track)
this.track.css('width', (width + this.knotWidth / 2) + "px")
}
SlideBar.prototype.bind = function(f) {
this.onchange = f;
}
SlideBar.prototype.setValue = function(v, noEvent, changeMax) {
//设置数值并改变knot位置 noEvent为true的话就可以不触发回调函数，仅仅改变显示
//if(this.value==v)return; //因为换选材质需要执行后面onchange才会带动preview的改变，所以这里一样还是执行，而拉动滑动条的部分值不变就不执行
if (this.precision != void 0) {
this.value = parseFloat(v.toFixed(this.precision))
} else {
//默认化为整数
this.value = Math.round(v);
}
this.value = THREE.Math.clamp(this.value, this.min, this.max)
if (changeMax && this.realMax != void 0) {
if (this.value > this.oriMax) {
this.value = Math.min(this.value, this.realMax);
this.changeLimit({
max: this.value
})
} else {
this.changeLimit({
max: this.oriMax
})
}
}
this.percent = this.getPercent();
var makeit = true;
if (this.onchange && !noEvent) {
var result = this.onchange(this.value);
//如果执行的函数不允许这个值，就不能变
if (result === false) {
makeit = false;
}
}
if (makeit) {
this.moveKnot();
//console.log("SlideBarV-"+this.name + " : "+this.value)
this.noValue || this.displayValue();
}
}
SlideBar.prototype.dragChange = function(event) {
//拖动时触发 计算数值
//this.getWidth();
//if(!this.offsetToBody || isNaN(this.offsetToBody)this.getOffset();
if (event.clientX != void 0) {
this.percent = (event.clientX - this.knotWidth / 2 - this.offsetToBody) / this.lineWidth;
} else {
if (event.touches != void 0) {
this.percent = (event.touches[0].clientX - this.knotWidth / 2 - this.offsetToBody) / this.lineWidth;
} else
this.percent = (event.originalEvent.touches[0].clientX - this.knotWidth / 2 - this.offsetToBody) / this.lineWidth;
}
if (this.percent < 0)
this.percent = 0;
else if (this.percent > 1)
this.percent = 1;
//var v = this.percent * this.max;
var v = this.percent * (this.max - this.min) + this.min;
//var v = Math.round(this.percent * this.max * 10)/10; //精度为0.1
if (this.value == v)
return;
this.setValue(v);
}
SlideBar.prototype.setValueFromOutside = function(v) {
//外面的事件触发的
if (this.line.width() == 0)
return;
//不可见就不执行。
//v = Math.round(v*10)/10;
if (this.realMax != void 0) {
v = THREE.Math.clamp(v, this.min, this.realMax);
if (v > this.max)
this.changeLimit({
max: v
});
} else
v = THREE.Math.clamp(v, this.min, this.max);
this.setValue(v);
}
//-----------------------------------------------------
var LineDraw = {
createLine: function(posArr, o) {
var e = new THREE.BufferGeometry
, p = new Float32Array(6);
e.addAttribute("position", new THREE.BufferAttribute(p,3));
//这句新旧版写法不同 旧版这样：e.addAttribute("position",Float32Array,2,3);
var p = e.attributes.position.array;
for (var i = 0; i < 2; i++) {
p[i * 3] = posArr[i].x;
p[i * 3 + 1] = posArr[i].y;
p[i * 3 + 2] = posArr[i].z;
}
var mat = new THREE[o.deshed ? "LineDashedMaterial" : "LineBasicMaterial"]({
linewidth: o.width || 1,
//windows无效。 似乎mac/ios上粗细有效 ？
color: o.color || defaultColor,
transparent: o.dontAlwaysSeen ? false : true,
depthTest: o.dontAlwaysSeen ? true : false
})
var line = new THREE.Line(e,mat);
line.renderOrder = o.renderOrder || 4
//同tagStem; //如果不加高，可能会部分被model遮住
return line;
}
}
var toPrecision = function(e, t) {
function i(e, t) {
var i = Math.pow(10, t);
return Math.round(e * i) / i
}
if (e instanceof Array) {
for (var n = 0; n < e.length; n++)
e[n] = i(e[n], t);
return e
}
return i(e, t)
}
var transformControls;
var initTransformCtl = function(THREE) {
TransformControls.init(THREE)
TransformControls.prototype.transCtlChangeMode = function(mode) {
//if(!this.editing)return;
if (mode && this.mode != mode) {
this.mode = mode;
transformControls.children[0].showZ = this.mode != 'scale' || transformControls.scaleShowZ
}
}
,
transformControls = new TransformControls(player.camera,player.domElement,{
player: player,
dontHideWhenFaceCamera: true,
/* scaleAxis: ["x", "y"],
//隐藏了z轴。虽然参数没用上
NoScaleZ: true //整体缩放时只缩放xy轴。 */
});
transformControls.space = 'local'//为了在当前方向上平移
transformControls.setSize(1.5)
player.model.add(transformControls)
/* $(".MenuOptions[name='transform'] li").on("click", (e)=>{
transformControls.transCtlChangeMode($(e.target).attr("index"))
}) */
transformControls.transformMenuOptions = new MenuOptions({
dom: $(".MenuOptions[name='transform'] "),
uiCallBack : (o)=>{
var mode = o.name || o.$li.attr('index')
transformControls.transCtlChangeMode(mode)
var hotpointDetail = editTool.hotpoint.hotpointDetail
hotpointDetail.find(" li[name=setPos] button[name=setSpace] ").css('display',mode == 'scale' ? 'none' : 'block')
hotpointDetail.find(" li[name=setPos] button[name=useSuitableRatio] ").css('display',mode == 'scale' ? 'block' : 'none')
hotpointDetail.find(" li[name=setPos] button[name=resetRot] ").css('display',mode == 'rotate' ? 'block' : 'none')
},
callbackWhenChose:(o)=>{
}
})
transformControls.enableScaleZ = ()=>{
if(transformControls.mode == 'scale'){
transformControls.children[0].showZ = true
}
transformControls.scaleShowZ = true
}
transformControls.unableScaleZ = ()=>{
if(transformControls.mode == 'scale'){
transformControls.children[0].showZ = false
}
transformControls.scaleShowZ = false
}
}
//----------------漫游可见性---------------------------------
var VisiSet = {
setPanoVisible: false,
setTagVisible: false,
setPanoLog:false,
panoVLines: {},
//线条
panoVTemp: {},
//修改后还没保存的临时数据
tagVsetting: null,
//正在设置的热点中心点
tagsVLines: {},
//线条
//tagVTemp //修改后还没保存的临时数据
$confirmSnap: $("#camera-start"),
changeBtn : $(".toolMid .midBottom #midBtns>button").eq(1),
colors: {
green: "#00c8ae"
},
init: function() {
this.footIconSizeRatio = Math.max(player.model.size.x, player.model.size.z) / 30;
this.meshGroup = new THREE.Object3D;
this.meshGroup.name = "setVisible-group"
player.model.add(this.meshGroup)
$("#hotVisible button").on("click", ()=>{
VisiSet.enterSet(VisiSet.beginSetTagVisible.bind(VisiSet))
})
this.changeBtn.on("click",()=>{//隐藏与显示该点
if(this.changeBtn.attr("function") == "hide"){
for(let i in this.panoVLines){
this.panoVLines[i].visible && this.dealPanoVisible(i);
}
}else{
//显示该点时，显示周围一定距离内、到该点没有遮挡的pano
//?????
var list = player.model.panos.sortByScore([e=>e.isAligned()], [(pano)=>{return -pano.position.distanceTo(this.panoVsetting.position)}])
if(list.length == 1){
console.log('仅有一个漫游点')
return;
}
var ifBlock = function(panoA, panoB ){
var A = panoA.position.clone();
var B = panoB.position.clone();
return convertTool.ifIntersectChunks(A, B, {})
}
var okList
var s = Math.max(-list[1].score*2, 4); //i==1的一定显示
for(var i=1;i
e.good && !e.block));//绝对可以使用的
if(okList.length <2 ){
if(!ifBlock(this.panoVsetting, list[i].pano)){
if(okList.length == 0){
okList.push(list[i])
}else{//1
var lastPos = okList[0].pano.position.clone().sub(this.panoVsetting.position).setY(0);
var thisPos = list[i].pano.position.clone().sub(this.panoVsetting.position).setY(0);
if(lastPos.angleTo(thisPos) > Math.PI / 2){
console.log('再加一个 角度'+THREE.Math.radToDeg(lastPos.angleTo(thisPos)))
break;
}
}
}
}else{
break;
}
}
}
if(okList.length==0){//如果length为0，至少加一个pano, 虽然是遮挡的
okList.push(list[0].pano)
}
okList.forEach(e=>this.dealPanoVisible(e.pano.id))
console.log(okList)
}
})
},
enterSet: function(fun) {
var enter = function() {
if (player.modeTran.split('-')[1] != "floorplan") {
setTimeout(fun, 300)
//提前一点出现
}
player.flyToMode("floorplan", fun);
}
permitTranMode(false)
if (!player.modeTran) {
player.afterCModeFuc = ()=>{
enter()
}
} else
enter()
},
beginSetPanoLog: function() {
player.flying || $(".toolLeft").removeClass("unable")
if (this.setPanoLog)
return;
this.setPanoLog = true
this.panosSelect = []
this.updateFootIconSize()
this.showFootIcons(null, true);
for(let i in player.model.hots){
player.model.hots[i].visi_ = player.model.hots[i].visible;
player.model.hots[i].visible = false
}
player.model.panos.forEach(e=>{
e.addTextSprite(e.id, $('#panoIdColorTex').val(), e.footIcon)
})
},
finishSetPanoLog: function() {
//结束 退出这个设置
if (!this.setPanoLog)
return;
//否则会加多个侦听
this.setPanoLog = false;
this.hideFootIcons();
this.recoverAllState2();
this.panosSelect = null
player.flyoutType = null
permitTranMode(true)
for(let i in player.model.hots){
player.model.hots[i].visible = player.model.hots[i].visi_
}
$("#panosIdShow").val('')
player.model.panos.forEach(e=>{
e.removeTextSprite()
})
},
dealPanoLogClick: function(object) {
var id = object.name == '' ? object.parent.name : object.name
var panos = player.model.panos;
var index = this.panosSelect.indexOf(id)
if (index==-1) {
this.changeFIconState(panos.index[id].footIcon, "linked" )
this.panosSelect.push(id)
}else{
this.changeFIconState(panos.index[id].footIcon, false)
this.panosSelect.splice(index,1)
}
$("#panosIdShow").val('"'+this.panosSelect.join('","')+'"');
}
,
changePanoIdColor:function(color){
player.model.panos.forEach(e=>{
e.removeTextSprite();
e.addTextSprite(e.id,color, e.footIcon)
})
}
,
//--------------
beginSetPanoVisible: function() {
player.flying || $(".toolLeft").removeClass("unable")
if (this.setPanoVisible)
return;
this.setPanoVisible = true;
this.panoVTemp = {};
this.SetOnePanoVisible(player.currentPano)
//先设置currentPano
this.$confirmSnap.text('保存当前设置').removeClass("hide")
//objects.tagManager.hideAllTags();
this.setDisplay(true)
this.updateFootIconSize()
//更新一下大小，尤其是上次换了中心点然后退出又进入但是镜头没有变化的话
for(let i in player.model.hots){
player.model.hots[i].visi_ = player.model.hots[i].mesh.visible;
player.model.hots[i].mesh.visible = false
}
},
SetOnePanoVisible: function(pano) {
//点击某个pano后就对该pano点进行设置
if (this.panoVsetting == pano)
return;
//if (this.panoVsetting) saveLastPanoVi(this.panoVsetting);
this.panoVsetting = pano;
//记录正在修改的
this.delVisibleLines();
//删除线
this.showFootIcons(pano, true);
this.createPanoVisiLines(pano);
//创线
this.changeBtn.removeClass('hide')
},
saveLastPanoVi: function() {
//保存刚设置过的pano
var change = [];
for (var r in this.panoVLines) {
var line = this.panoVLines[r];
if (line.name.indexOf("new") > -1 && line.visible) {
//新设置为visible且没有取消
change.push({
type: "add",
id: r
})
} else if (line.name.indexOf("new") == -1 && !line.visible) {
//旧的且已经取消
change.push({
type: "sub",
id: r
})
}
}
if (change.length) {
//添加双向的neighbour:
var self = this.searchNeib(this.panoVsetting.id)
//var seeMarkers_self = self.seeMarkers;
var neighbourUUIDs_self = self.neighbourUUIDs
var neighbourPanos_self = self.neighbourPanos;
for (var i = 0; i < change.length; i++) {
var other = this.searchNeib(change[i].id)
//var seeMarkers = other.seeMarkers;
var neighbourUUIDs = other.neighbourUUIDs;
var neighbourPanos = other.neighbourPanos;
if (change[i].type == "add") {
//seeMarkers.push(this.panoVsetting.id);
neighbourUUIDs.push(this.panoVsetting.id);
neighbourPanos[this.panoVsetting.id] = true;
//seeMarkers_self.push(change[i].id);
neighbourUUIDs_self.push(change[i].id);
neighbourPanos_self[change[i].id] = true;
} else {
//var index = seeMarkers.indexOf(this.panoVsetting.id);
//index > -1 && seeMarkers.splice(index, 1);
var index = neighbourUUIDs.indexOf(this.panoVsetting.id);
index > -1 && neighbourUUIDs.splice(index, 1);
neighbourPanos[this.panoVsetting.id] = false;
//var index = seeMarkers_self.indexOf(change[i].id);
//index > -1 && seeMarkers_self.splice(index, 1);
var index = neighbourUUIDs_self.indexOf(change[i].id);
index > -1 && neighbourUUIDs_self.splice(index, 1);
neighbourPanos_self[change[i].id] = false;
}
this.panoVTemp[change[i].id] = {
//后面两个是作为保存到后台的数据存储，临时需要用到的是第一个
neighbourPanos: neighbourPanos,
//seeMarkers: seeMarkers,
neighbourUUIDs: neighbourUUIDs
}
}
this.panoVTemp[this.panoVsetting.id] = {
//加上自己
neighbourPanos: neighbourPanos_self,
//seeMarkers: seeMarkers_self,
neighbourUUIDs: neighbourUUIDs_self
}
}
},
pauseSetPanoVisible: function(type) {
//暂停 因为点击了保存设置 但没有退出设置
if (!this.setPanoVisible)
return;
if (type == "unsaved") {
//中途点击pano从而停止一个热点的设置
this.saveLastPanoVi();
} else {
this.panoVTemp = {};
//清空数据
}
this.delVisibleLines();
this.showFootIcons();
//清空选择
var lastPanoSetting = this.panoVsetting;
this.panoVsetting = null;
lastPanoSetting && this.changeFIconState2(lastPanoSetting.footIcon, this.checkHasNeighbor(lastPanoSetting))
//这句要放在this.panoVsetting = null后。 根据可见性更改透明度
this.changeBtn.addClass('hide')
},
//按理说改变了neighbourPano，tag的初始visible也要改。但是这样还要考虑已经改过的tag。。很麻烦
finishSetPanoVisible: function() {
//结束 退出这个设置
if (!this.setPanoVisible)
return;
//否则会加多个侦听
this.setPanoVisible = false;
this.hideFootIcons();
this.delVisibleLines();
//objects.tagManager.showAllTags();
this.recoverAllState2();
this.panoVsetting = null;
this.panoVTemp = {};
player.flyoutType = null
this.$confirmSnap.addClass("hide")
permitTranMode(true)
this.setDisplay(false)
for(let i in player.model.hots){
player.model.hots[i].mesh.visible = player.model.hots[i].visi_
}
},
changeVisiBtnState: function(state){
this.changeBtn.attr("function", state ? "hide" : "show")
this.changeBtn.html(state ? "隐藏该点位置":"显示该点位置")
},
recoverAllState2: function() {
//为了热点可视恢复成pano全部可见
if(!this.footIcons)return;
for (var i = 0; i < this.footIcons.length; i++) {
this.footIcons[i].material.uniforms.opacity.value = 1;
this.footIcons[i].material.uniforms.map.value = footTex1;
}
},
afterSavePanoVisibles: function() {
//实施：
var panos = player.model.panos;
for (var i in this.panoVTemp) {
var pano = panos.index[i];
//pano.seeMarkers = this.panoVTemp[i].seeMarkers;
pano.neighbourUUIDs = this.panoVTemp[i].neighbourUUIDs;
pano.neighbourPanos = this.panoVTemp[i].neighbourPanos;
}
if (!this.checkHasNeighbor(player.currentPano)) {
//currentPano变为孤立点 就要换一个防止飞入
var list = panos.sortByScore([pano=>{
return this.checkHasNeighbor(pano)
}
], [function(pano) {
return -pano.position.distanceTo(player.currentPano.position)
}
])
if (list && list.length) {
player.currentPano = list[0].pano;
//找最近的一非孤立点
//this.noPanoHasNeighbor = false; //更新状态
} else {//this.noPanoHasNeighbor = true; //更新状态
}
} else {//this.noPanoHasNeighbor = false; //更新状态
}
//dataDeal.done();
//暂时：
this.pauseSetPanoVisible()
this.updateFootIconSize()
//更新一下center大小 写在最后
},
//最佳推荐操作顺序： 先设置pano可见性 再创建热点 这样热点的visible正确些，否则之后再设置热点可见性会改更多
savePanoVisibles: function() {
//保存
if (this.panoVsetting)
this.saveLastPanoVi(this.panoVsetting);
//获取最后设置的那个热点的改动
var PanoData = [];
for (var i in this.panoVTemp) {
PanoData.push({
//希望算法部不会更改index排序，或者更改后能将visible信息一并更改
panoID: i,
//visibles: this.turnToPanoIndex(this.panoVTemp[i].seeMarkers),
visibles3: this.turnToPanoIndex(this.panoVTemp[i].neighbourUUIDs)
})
}
if (PanoData.length == 0) {
//没改变
alert("保存成功")
return;
}
/* this.afterSavePanoVisibles()
alert("保存成功")
console.log(JSON.stringify(PanoData)) */
let url = cmp ? ('/api/scene/roamViable/' + cmp) : '/manage/scene/roamViable'
$.ajax({
method: 'POST',
url: ceshi + url,
headers: {
'Content-Type': 'application/json',
token: token
},
contentType: 'application/json',
data: JSON.stringify({
data: JSON.stringify(PanoData),
sceneCode: window.number
}),
success: (data)=>{
if (data.code === 0) {
this.afterSavePanoVisibles()
alert("保存漫游可行成功")
} else
alert("保存漫游可行失败")
if (data.code === 5001) {
alert('请重新登录')
localStorage.dcj_token = ''
location.reload()
}
}
,
fail: function() {
alert("保存漫游可行失败")
}
})
/* var o = {
name_t: "panoVisible",
f: this.pauseSetPanoVisible,
url: Config.prefixEditProPCApi+"/saveLinkPano",
dialog: i18n.get('设置'),
data: { data: JSON.stringify(PanoData) }
}
var dataDeal = uploadsSaving.saveFucforPC(o);
dataDeal.group[0] = function () {
//实施：
for (var i in player.panoVTemp) {
var pano = player.model.panos.index[i];
pano.seeMarkers = player.panoVTemp[i].seeMarkers;
pano.neighbourUUIDs = player.panoVTemp[i].neighbourUUIDs;
pano.neighbourPanos = player.panoVTemp[i].neighbourPanos;
}
if(!player.model.checkHasNeighbor(player.currentPano)){//currentPano变为孤立点 就要换一个防止飞入
var list = player.model.panos.sortByScore([function(pano){return player.model.checkHasNeighbor(pano)}],
[function(pano){return -pano.position.distanceTo(player.currentPano.position)}])
if(list && list.length){
player.currentPano = list[0].pano;//找最近的一非孤立点
player.model.noPanoHasNeighbor = false; //更新状态
}else{
player.model.noPanoHasNeighbor = true; //更新状态
}
}else{
player.model.noPanoHasNeighbor = false; //更新状态
}
dataDeal.done();
player.model.updateFootIconSize(player.cameraControls.activeControl)//更新一下center大小 写在最后
} */
},
searchNeib: function(panoId) {
//寻找某pano的相关neighbour 可能是修改过的
var panos = player.model.panos;
var o = {};
if (this.panoVTemp[panoId]) {
//o.seeMarkers = this.panoVTemp[panoId].seeMarkers;
o.neighbourUUIDs = this.panoVTemp[panoId].neighbourUUIDs;
o.neighbourPanos = this.panoVTemp[panoId].neighbourPanos;
} else {
//o.seeMarkers = panos.index[panoId].seeMarkers.slice(0);
o.neighbourUUIDs = panos.index[panoId].neighbourUUIDs.slice(0);
o.neighbourPanos = CloneObject(panos.index[panoId].neighbourPanos);
}
return o;
},
turnToPanoIndex: function(panoArr) {
var array = [];
for (var i = 0; i < panoArr.length; i++) {
var pano = player.model.panos.index[panoArr[i]]//可能undefined，只是存在在panoListOriData中，因在this.data.sweeps[e.uuid].enabled是false
if(pano){
var index = window.panoListOriData.indexOf(pano.id)
array.push(index);
}
}
return array;
},
setDisplay: function(state) {
var panos = player.model.panos;
if (state) {
this.$confirmSnap.text('保存当前设置');
this.$confirmSnap.removeClass('hide');
} else {
this.$confirmSnap.addClass('hide');
this.changeBtn.addClass('hide')
}
player.path.currentPanoMarker.mesh.visible = !state;
player.reticule.visible = !state;
},
delVisibleLines: function() {
//xzw add 所有线都删除
for (var i in this.tagsVLines) {
this.tagsVLines[i].geometry.dispose();
this.tagsVLines[i].material.dispose();
this.meshGroup.remove(this.tagsVLines[i]);
delete this.tagsVLines[i];
}
for (var i in this.panoVLines) {
this.panoVLines[i].geometry.dispose();
this.panoVLines[i].material.dispose();
this.meshGroup.remove(this.panoVLines[i]);
delete this.panoVLines[i];
}
},
//--------panoVisible
createPanoVisiLines: function(pano) {
// pano可见性线条
var neighbours = this.panoVTemp[pano.id] && this.panoVTemp[pano.id].neighbourPanos || pano.neighbourPanos;
for (var r in neighbours) {
if (neighbours[r] && r != pano.id) {
this.createPanoSingleLine(pano, "old", r)
}
}
},
createPanoSingleLine: function(pano, type, id) {
//pano是中心
var panos = player.model.panos;
var p2 = panos.index[id].footIcon.position.clone()
/* .sub(player.model.position) */
var line = LineDraw.createLine([pano.footIcon.position.clone()/* .sub(this.position) */
, p2], {
color: this.colors.green
});
this.meshGroup.add(line);
line.name = "PanoVL-" + type + "-" + id;
this.panoVLines[id] = line;
this.changeFIconState(panos.index[id].footIcon, "linked")
},
dealPanoVisible: function(id) {
//外部调用
var panos = player.model.panos;
if (this.panoVsetting) {
if (id == this.panoVsetting.id) {
//关闭当前pano设置
this.pauseSetPanoVisible('unsaved')
} else {
var link;
//结果是否连接
if (this.panoVLines[id]) {
this.panoVLines[id].visible = !this.panoVLines[id].visible;
link = this.panoVLines[id].visible;
this.changeFIconState(panos.index[id].footIcon, this.panoVLines[id].visible ? "linked" : false)
} else {
this.createPanoSingleLine(this.panoVsetting, "new", id)
link = true;
}
if (link) {
//如果连接上了，直接判断该点是可见的（有附近点），（不能通过checkHasNeighbor来判断，因为新增的线条可能不在它的neighbour中
this.changeFIconState2(panos.index[id].footIcon, true)
this.changeFIconState2(panos.index[this.panoVsetting.id].footIcon, true)
} else {
//否则需要checkHasNeighbor
this.changeFIconState2(panos.index[id].footIcon, this.checkHasNeighbor(panos.index[id]))
this.changeFIconState2(panos.index[this.panoVsetting.id].footIcon, this.checkHasNeighbor(this.panoVsetting))
}
/* if(window.routeArray){//箭头路线
if(this.panoVLines[id].visible)window.routeArray.push(id)
else{
let index = window.routeArray.indexOf(id)
index > -1 && routeArray.splice(index, 1)
}
} */
}
} else {
//点击开始设置要设置的pano
this.SetOnePanoVisible(panos.index[id])
}
this.updateFootIconSize()
},
showFootIcons: function(pano, isPanovisible) {
if (!this.footIcons) {
footTex1 = Texture.load("images/edit/End_128.png");
//Store.FootIcon);
footTex2 = Texture.load("images/edit/End_unable_128.png");
//Store.FootIcon_unable);
this.footIcons = [];
var scale = 0.4;
scale *= 40 / Math.sqrt(Math.min($("#player").width(), $("#player").height()));
//屏幕越小，放得越大
scale = THREE.Math.clamp(scale, 0.3, 0.7)
//console.log("scale"+scale)
var geo = new THREE.PlaneGeometry(scale,scale,1,1)
var panos = player.model.panos;
for (var r in panos.index) {
if (!panos.index[r].isAligned())
continue;
var t = THREE.UniformsUtils.clone(shaders.waypoint.uniforms);
t.map.value = footTex1
t.color.value.set("#ffffff");
var mat = new THREE.RawShaderMaterial({
vertexShader: shaders.waypoint.vertexShader,
fragmentShader: shaders.waypoint.fragmentShader,
uniforms: t,
side: THREE.DoubleSide,
transparent: !0,
depthWrite: !1,
depthTest: false,
name: "footIcon"
})
var foot = new THREE.Mesh(geo,mat)
foot.position.copy( panos.index[r].position.clone().setY(player.model.center.y) ) /* panos.index[r].floorPosition.clone() *///不用floorPosition是因为有出现和position的水平位置不一样的点，一般是偏移很远的不可见点，拍摄的bug
foot.lookAt(foot.position.clone().add(new THREE.Vector3(0,1,0)));
foot.name = panos.index[r].id;
foot.visible = false;
foot.renderOrder = 6,
panos.index[r].footIcon = foot;
this.meshGroup.add(foot);
this.footIcons.push(foot)
}
}
for (var i = 0; i < this.footIcons.length; i++) {
this.footIcons[i].visible = true;
this.changeFIconState(this.footIcons[i], false)
var panos = player.model.panos;
if (isPanovisible) {
this.changeFIconState2(this.footIcons[i], this.checkHasNeighbor(panos.index[this.footIcons[i].name], "showFoot"))
}
if (pano && (this.footIcons[i].name == pano.id)) {
//pano为中心 或者 currentPano 所以放大一点
this.footIcons[i].oriScale = new THREE.Vector3(1.5,1.5,1.5)
if (isPanovisible) {
//currentPano特殊些：
this.changeFIconState(this.footIcons[i], "center")
//this.footIcons[i].Unclick = true;//不让点击和hover
}
} else {
this.footIcons[i].oriScale = new THREE.Vector3(1,1,1)
}
}
},
checkHasNeighbor: function(pano, state) {
//检查当前状态pano点是否有可通行点
var neighbours = /* this.panoVTemp && */
this.panoVTemp[pano.id] ? this.panoVTemp[pano.id].neighbourPanos : pano.neighbourPanos;
if (state != "showFoot" && pano == this.panoVsetting) {
//是中心点的话。state == "showFoot"代表是showFootIcon时， 这时候线还没创建，无法用线判断中心点有几个相邻点，直接用neighbourPanos
for (var i in this.panoVLines) {
if (this.panoVLines[i].visible) {
return true;
//有一条线即可
}
}
return;
}
for (var i in neighbours) {
if (i == pano.id)
continue;
if (neighbours[i]) {
if (this.panoVsetting && this.panoVsetting.id == i && this.panoVLines[pano.id] && !this.panoVLines[pano.id].visible)
continue;
return true;
}
}
return false;
},
/* ifAllPanoNoNeighbor : function(){//检查是否全是孤立点
var panos = player.model.panos;
for(var i in panos.index){
if(this.checkHasNeighbor(panos.index[i])){
return false;
}
}
this.noPanoHasNeighbor = true;
return true;//是全部没有neighbour
}, */
changeFIconState: function(footIcon, state) {
var color = state == "linked" ? this.colors.green : (state == "center" ? /* "#d7f244" */
"#d5f12e" : "#ffffff");
footIcon.material.uniforms.color.value.set(color)
},
changeFIconState2: function(footIcon, state) {
//是可见点还是不可见点
if (state) {
footIcon.material.uniforms.map.value = footTex1;
if (this.panoVsetting) {
if (this.panoVsetting.id != footIcon.name) {
footIcon.material.uniforms.opacity.value = 1;
} else {
this.changeVisiBtnState(true)
}
}
} else {
//不可见
footIcon.material.uniforms.map.value = footTex2;
if (!this.panoVsetting || this.panoVsetting.id != footIcon.name) {
//非中心点时
footIcon.material.uniforms.opacity.value = 0.5;
} else {
//变为中心点时
footIcon.material.uniforms.opacity.value = 1;
this.changeVisiBtnState(false)
}
}
},
hideFootIcons: function() {
if (!this.footIcons)
return;
for (var i = 0; i < this.footIcons.length; i++) {
this.footIcons[i].visible = false;
}
},
updateFootIconSize: function() {
//根据相机位置 改变footIcon大小，使在范围内看到的热点大小一致，防止太小点击不到
if (!this.footIcons)
return;
var s = player.cameraControls.controls.floorplan.absoluteScale * 2.8
s = THREE.Math.clamp(s, 0.5 * this.footIconSizeRatio, 1.4 * this.footIconSizeRatio);
this.footIcons.forEach(function(f) {
try {
f.scale.copy(f.oriScale).multiplyScalar(s);
} catch (e) {
console.log(e)
}
})
}
//========热点可见性==============
,
beginSetTagVisible: function() {
if (this.setTagVisible)
return;
$(".toolTop").addClass("unable")
$("#hotVisible button").addClass("unable")
$("#hotVisible label").removeClass('hide')
this.setTagVisible = true;
this.tagVTemp = {};
this.$confirmSnap.text('完成设置').removeClass("hide")
//objects.tagManager.hideAllTags();
for (let i in player.model.hots) {
player.model.hots[i]._isSprite = player.model.hots[i].info.isSprite;
player.model.hots[i].info.isSprite = true;
player.model.hots[i].material_.depthTest = false;
player.model.hots[i].position.copy(player.model.hots[i].info.position);//覆盖transformAtPanos
player.model.hots[i].update(player)
}
this.setDisplay(true)
this.updateFootIconSize()
//更新一下大小，尤其是上次换了中心点然后退出又进入但是镜头没有变化的话
},
SetOneTagVisible: function(tag) {
//点击某个热点后就对该热点进行设置，或者在热点修改时对其进行设置
if (this.tagVsetting == tag)
return;
if (this.tagVsetting) {
this.saveLastTagVi(this.tagVsetting);
//this.tagVsetting.setElemType(this.tagVsetting.style, this.tagVsetting.styleImageURL);
}
this.tagVsetting = tag;
//记录正在修改的
this.delVisibleLines();
//删除线
this.showFootIcons(player.currentPano);
this.createTagVisiLines(tag);
//创线
this.updateFootIconSize()
//更新一下大小，尤其是上次换了中心点然后退出又进入但是镜头没有变化的话
},
saveLastTagVi: function() {
//保存刚设置过的tag
var change = false;
var newVPs = this.tagVTemp[this.tagVsetting.sid] || this.tagVsetting.info.visiblePanos.slice(0);
for (var r in this.tagsVLines) {
var line = this.tagsVLines[r];
if (line.name.indexOf("new") > -1 && line.visible) {
//新设置为visible且没有取消
newVPs.push(r)
change = true;
//console.log("add: "+r)
} else if (line.name.indexOf("new") == -1 && !line.visible) {
//旧的且已经取消
var i = newVPs.indexOf(r);
if (i == -1) {
console.log("visiblePanos删除error");
continue;
}
newVPs.splice(i, 1);
change = true;
//console.log("sub: "+r)
}
}
if (change) {
this.tagVTemp[this.tagVsetting.sid] = newVPs;
}
},
pauseSetTagVisible: function() {
//pc保存后删除连线 但还在继续设置 点选热点即开始
if (!this.setTagVisible || !this.tagVsetting)
return;
//this.tagVsetting.setElemType(this.tagVsetting.style, this.tagVsetting.styleImageURL );
this.delVisibleLines();
this.hideFootIcons();
this.tagVTemp = {};
this.tagVsetting = null;
},
finishSetTagVisible: function() {
if (!this.setTagVisible)
return;
$(".toolTop").removeClass("unable")
$("#hotVisible button").removeClass("unable")
$("#hotVisible label").addClass('hide')
this.pauseSetTagVisible();
this.setTagVisible = false;
this.setDisplay(false)
this.$confirmSnap.addClass("hide")
permitTranMode(true)
/* for (var r in objects.tagManager.tags) {
if(objects.tagManager.tags[r].state == "videoPanoFlag")continue;
objects.tagManager.tags[r].disc.visible = false;
objects.tagManager.tags[r].disc.material.depthTest = true;
} */
for (let i in player.model.hots) {
player.model.hots[i].info.isSprite = player.model.hots[i]._isSprite;
player.model.hots[i].info.isSprite || player.model.hots[i].rotation.copy(player.model.hots[i].info.rotation)
player.model.hots[i].material_.depthTest = true;
}
},
/* saveTagVisibles : function () { //保存到服务器
if (this.tagVsetting) this.saveLastTagVi(this.tagVsetting); //获取最后设置的那个热点的改动
//可能出现数据没变但保存的情况。比如先改变了然后切换别的热点但切换回来时又改回来。
var tags = [];
for (var i in this.tagVTemp) {
tags.push({
sid: i,
value: this.tagVTemp[i]//turnToPanoIndex(this.tagVTemp[i])
})
}
if (tags.length == 0) {//没有需要保存的改动
this.finishSetTagVisible()
return;
}
return tags;
} */
//afterSaveTagVisibles : function(){
saveTagVisibles: function() {
if (this.tagVsetting)
this.saveLastTagVi(this.tagVsetting);
for (var i in this.tagVTemp) {
//保持成功于是生效
player.model.hots[i].setVisiblePanos(this.tagVTemp[i])
}
this.finishSetTagVisible()
//还是保存完直接结束吧，因为现在热点可视不放在单独的设置页面了
},
createTagVisiLines: function(tag) {
// 热点可见性线条
var panos = player.model.panos;
var visibleList = this.tagVTemp[tag.sid] || tag.info.visiblePanos;
//如果是刚在设置的要读取设置过的数据
for (var r = 0; r < visibleList.length; r++) {
var pano = panos.index[visibleList[r]];
this.createTagSingleLine(pano, "old", tag)
}
},
createTagSingleLine: function(pano, type, tag) {
var panos = player.model.panos;
var line = LineDraw.createLine([pano.footIcon.position.clone()/* .sub(this.position) */
, tag.info.position.clone()], {
color: this.colors.green
});
this.meshGroup.add(line);
line.name = "tagVL-" + type + "-" + pano.id;
this.tagsVLines[pano.id] = line;
this.changeFIconState(panos.index[pano.id].footIcon, "linked")
},
dealTagVisible: function(tag, panoName) {
//外部调用
var panos = player.model.panos;
if (this.tagsVLines[panoName]) {
this.tagsVLines[panoName].visible = !this.tagsVLines[panoName].visible;
this.changeFIconState(panos.index[panoName].footIcon, this.tagsVLines[panoName].visible ? "linked" : false)
} else {
this.createTagSingleLine(panos.index[panoName], "new", tag)
}
},
delVisibleLines: function() {
//xzw add 所有线都删除
for (var i in this.tagsVLines) {
this.tagsVLines[i].geometry.dispose();
this.tagsVLines[i].material.dispose();
this.meshGroup.remove(this.tagsVLines[i]);
delete this.tagsVLines[i];
}
for (var i in this.panoVLines) {
this.panoVLines[i].geometry.dispose();
this.panoVLines[i].material.dispose();
this.meshGroup.remove(this.panoVLines[i]);
delete this.panoVLines[i];
}
}
}
function permitTranMode(state) {
state ? $(".pinBottom.left").removeClass('hide') : $(".pinBottom.left").addClass('hide');
}
function randomWord(randomFlag, min, max) {
//随机字符串
var str = ""
, range = min
, arr = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'];
if (randomFlag) {
// 随机长度
range = Math.round(Math.random() * (max - min)) + min;
}
for (var i = 0; i < range; i++) {
var pos = Math.round(Math.random() * (arr.length - 1));
str += arr[pos];
}
return str;
}
function getRandomSid() {
//5-7位随机字符串 + 6位时间 为热点准备
var pre = randomWord(true, 5, 7);
var post = new Date().getTime() + "";
var len = post.length;
post = post.substring(len - 8, len - 5) + post.substring(len - 3, len)
//其实还是有可能重复的....
return pre + post;
}
function searchParent(searchArea, o, maxTimes) {
//是否是某种元素的下级，并找出该元素
maxTimes = maxTimes || 20;
var count = 0
var f = function(dom) {
if (o.id && o.id == dom.id)
return dom
else if (o.className && dom.classList && dom.classList.contains(o.className))
return dom
else if (o.tagName && dom.tagName && o.tagName.toUpperCase() == dom.tagName.toUpperCase())
return dom
}
var find;
while (searchArea && count < maxTimes) {
if (find = f(searchArea))
return find
searchArea = searchArea.parentNode;
count++;
}
}
function musicPlayBoxBind($dom, addCallback, delCallback){
var musicBox = {
hasMusic:false,
show: function(/* mediaDom, */name, url){
/* mediaDom = mediaDom || $dom
mediaDom.find(".innerBtn").text("替换");
mediaDom.find(".playBox").removeClass("hide");
mediaDom.find(".title").text(name);
mediaDom.find('a').attr('href', url);
musicBox.hasMusic = true */
$dom.find(".innerBtn").text("替换");
$dom.find(".playBox").removeClass("hide");
$dom.find(".title").text(name);
$dom.find('a').attr('href', url);
musicBox.hasMusic = true
},
addMusic : function(e) {
if(!e.target.files.length) return;
var file = e.target.files[0];
if (!/audio\/\w+/.test(file.type)) {
alert("文件必须为音乐！");
return false;
}
//限制大小不大于8m
if (!restrictedSize(file, _musicMaxWeight)) {
return false
}
//var mediaDom = $(searchParent(e.target, { className: 'mediaUpload' }));
musicBox.show(/* mediaDom, */file.name, URL.createObjectURL(file))
addCallback && addCallback(file)
},
delMusic:function(){//手动点击删除
musicBox.hide()
delCallback && delCallback()
},
hide : function(e) {//清空并隐藏
//var mediaDom = e ? $(searchParent(e.target, { className: 'mediaUpload' })) : $dom
$dom.find('a').attr('href', "");
$dom.find(".playBox").addClass("hide");
$dom.find(".innerBtn").text("上传");
$dom.find("input").val("")//.removeAttr("data-hotbgm");
musicBox.hasMusic = false
},
getSrc:function(){
return this.hasMusic && $dom.find('a').attr('href');
},
getName:function(){
return this.hasMusic && $dom.find(".title").text();
},
getFile:function(){//获取刚上传的文件
return this.hasMusic && $dom.find("input")[0].files[0]
}
}
$dom.find("input").on("change", musicBox.addMusic)
/* $dom.find("input").on("click", function() {
mediaUpload
}); */
//删除音乐
$dom.on("click", ".delete", musicBox.delMusic)
return musicBox;
}
class ListBox{//下拉列表
//elemArr：初始的列表，内含每项的dom.
constructor(elemArr, $rootDom, options={}){
this.listDom = $rootDom.find('ul.list')
this.listTitle = $rootDom.find('.selection')
this.chosenItem = null
this.options = options;
this.bindEvents()
elemArr.forEach(($dom, i)=>{
this.addItem($dom)
})
}
updateSelectDisplay(o){
this.listDom.children().removeClass('selected')
this.chosenItem && this.chosenItem.addClass("selected")
this.options.selectFun( o)
}
selectFromOutSide(index , o){
if(index == null){
var defaultItem = this.listDom.find('.forbitEdit'); //若存在默认选项
if(defaultItem.length){
index = defaultItem.index()
}
}
this.chosenIndex = index;
this.chosenItem = index == void 0 ? null : this.listDom.children().eq(index)
this.updateSelectDisplay(o)
}
addItem($dom){
this.listDom.prepend($dom)
if(this.options.addFun){
this.options.addFun($dom)
}
$dom.on('click',()=>{
this.chosenItem = $dom;
this.chosenIndex = $dom.index();
this.updateSelectDisplay()
})
}
removeItem($dom){
$dom.remove()
if(this.chosenItem && this.chosenItem[0] == $dom[0]){
this.selectFromOutSide(null)
//this.chosenItem = this.chosenIndex = null
}
if(this.options.delFun){
this.options.delFun($dom)
}
}
saveTemp(){//编辑热点时保存一份副本
this.temp = Array.from(this.listDom.children()).reverse().map((li)=>{
return li.outerHTML
})
this.options.saveTemp && this.options.saveTemp(this)
}
recover(){//取消编辑时恢复
this.listDom.html('')
this.temp.forEach(html=>{
this.addItem($(html));
})
this.options.recover && this.options.recover(this)
this.chosenItem = this.chosenIndex = null
//this.selectFromOutSide(this.chosenIndex)
}
bindEvents(){
this.listTitle.on('click',(e)=>{
e.stopPropagation()
this.listDom.toggleClass('hide')
})
document.addEventListener('click',()=>{
this.listDom.addClass('hide')
})
}
}
class ButtonBase{
constructor(o={}){
this.dom = o.dom
this.uiCallBack = o.uiCallBack
this.callbackWhenChose = o.callbackWhenChose //只有点击选择才会触发
}
}
class MenuOptions extends ButtonBase{
constructor(o={}){
super(o)
this.dom.find("li").on("click", (e)=>{
var $elem = $(e.target);
this.updateChoseAtUI({$li:$elem})
this.callbackWhenChose && this.callbackWhenChose({$li:$elem})
})
}
updateChoseAtUI(o={}){
this.dom.find('li').removeClass("chosen");
if(o.$li){
o.$li.addClass("chosen");
}else{
this.dom.find("li[index="+o.name+"]").addClass("chosen");
}
this.uiCallBack && this.uiCallBack(o)
}
getSelectName(){
return this.dom.find('li.chosen').attr('index')
}
}
class CheckBox extends ButtonBase{
constructor(o={}){
super(o)
this.dom.on("change",(e)=>{
var name = $(e.target).attr('name')
this.uiCallBack && this.uiCallBack(e.target.checked, name)
this.callbackWhenChose && this.callbackWhenChose(e.target.checked, name)
})
}
updateChoseAtUI(checked, name){
var dom
if(name) dom = this.dom.filter('[name='+name+']')[0]
else dom = this.dom[0]
dom.checked = checked //this.dom.prop("checked")
this.uiCallBack && this.uiCallBack(checked, name)
}
checked(name){
var dom
if(name) dom = this.dom.filter('[name='+name+']')[0]
else dom = this.dom[0]
return dom.checked
}
}
/* class OnOffSwitch extends CheckBox{
constructor(o={}){
super(o)
}
}
*/
/*
待加功能：
//boxhelper改成粗线
热点可视时改成一样大小
热点可视insight优化
hover到热点时列表滚动到这一项
释放geometry内存 、texture
*/
'
}
// 视频封面回调
function thumbSuccess(file, $elayout, $seft) {
if (!/image\/\w+/.test(file.type)) {
alert("文件必须为图片！");
return false;
}
if (!restrictedSize(file, 2)) {
return false;
}
var img = $seft.closest('div').find('img.bg');
if(!img[0]){
img = $("