manage.js 57 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776
  1. var g_ProjectName=window.location.pathname.substring(window.location.pathname.indexOf("/")+1,window.location.pathname.lastIndexOf("/"));
  2. var g_Prefix="https://super.4dage.com/";
  3. // var g_Prefix=window.location.href.substring(0,window.location.href.indexOf("/index.html")+1);
  4. var s = window.location.href.split('/');
  5. s.pop();
  6. //var g_Prefix = s.join('/');
  7. var g_index=null;
  8. var g_modeldata=null;
  9. var g_weixinTitle=null;
  10. var g_Hots=null;
  11. var g_HotMeshes=[];
  12. var g_HotMeshSize = {
  13. g_HotMeshWidth: 0.3,
  14. g_HotMeshHeight:0.3
  15. };
  16. //add表示添加,delete表示删除
  17. var g_HotStatus=null;
  18. var g_newHot = [];//存储新加热点
  19. var g_HotImage= {
  20. "point":"https://super.4dage.com/images/4dagePoint2.png",
  21. "point2":"https://super.4dage.com/images/4dagePoint.png"
  22. };
  23. var g_saveHot=false;
  24. var g_TextColor=0x7777ff;
  25. var g_Text=null;
  26. var g_TextPlaneMesh=[];
  27. var g_TextIconMesh=[];
  28. var g_TextIcon="./images/text.png";
  29. var g_SelectTextIndex=null;
  30. var g_TextShow=null;
  31. var g_audioPlay=false;
  32. var g_background=null;
  33. var g_roof=null;
  34. var g_data2 = null;//加载的data2.js的内容
  35. var g_bgAudio=null;//背景音乐
  36. var g_tourAudio=null;//导览音乐
  37. var g_play = 1;//表示播放图标状态
  38. var g_playAudio = null;//当前在播放或当继续播放时应该播放的,是g_bgAudio或g_tourAudio
  39. var g_currentHot = null;//当前打开的热点
  40. //var g_Texture=null;
  41. //var g_ChunknameTexture={}; //chunkname和贴图名称对应
  42. var g_NormalTexture=false;
  43. var g_SpecularTexture=false;
  44. var g_DirectionalLight=null;
  45. var g_snapShotWidth = 200; //截图下载图片的大小
  46. var g_snapShotHeight = 140;
  47. //微信分享
  48. var g_weixinObj = {
  49. "title": document.querySelector("head title").innerHTML,
  50. "lineLink" : window.location.href,
  51. "imgUrl" : "https://www.4dmodel.com/SuperPanoramic/images/weixintitle.jpg",
  52. "desc" : "四维时代提供技术支持",
  53. }
  54. var settings = {
  55. hotClickEvent:{
  56. video:{
  57. playAndPause:true,
  58. examine:false,
  59. openHot:false
  60. },
  61. photo:{
  62. examine:false,
  63. openHot:false
  64. },
  65. shine:{
  66. examine:true,
  67. openHot:true
  68. }
  69. },
  70. hotClickActions:['playAndPause','examine','openHot','fastTran'],
  71. //默认的:
  72. teleportTime: 1500,//瞬间过渡的时间
  73. /* flytimeDistanceMultiplier:150,
  74. flyTime:750, */
  75. tourRotTime:2, //默认停留2秒
  76. //dontExamHot:true
  77. transparentBg: false,
  78. bgImg: null
  79. }
  80. if(window.number == '725'||window.number == '724'){
  81. settings.mobileNavHigh = true
  82. }
  83. //共用函数:
  84. window.common = null;
  85. window.MathLight = null;
  86. window.math = null
  87. window.easing = null
  88. window.lerp = null
  89. window.transitions = null
  90. window.browser = null
  91. function watch(object, propName, initialValue){ //监听某个属性的变化
  92. let v = initialValue
  93. Object.defineProperty(object, propName, {
  94. get: function() {
  95. return v
  96. },
  97. set: function(e) {
  98. console.log('watch:',propName, e)
  99. v = e
  100. }
  101. })
  102. }
  103. var dealMap = (map)=>{//使不resize when image is not power of two
  104. map.wrapS = map.wrapT = THREE.ClampToEdgeWrapping;
  105. map.minFilter = THREE.LinearFilter;
  106. map.magFilter = THREE.LinearFilter;
  107. map.generateMipmaps = true;
  108. }
  109. var dom = {
  110. getOffset: function(type, element, parent) {
  111. left = (type == "left") ? element.offsetLeft : element.offsetTop;
  112. if (!parent) parent = $("body")[0];
  113. while (element = element.offsetParent) {
  114. if (element == parent) break;
  115. left += (type == "left") ? element.offsetLeft : element.offsetTop;
  116. }
  117. return left;
  118. }
  119. };
  120. var getTransformSid = function(){
  121. var name
  122. if(player.mode == 'panorama'){
  123. name = player.currentPano ? player.currentPano.id : 'outside'
  124. }else{
  125. name = 'outside'
  126. }
  127. return name
  128. }
  129. var convertTool = {
  130. getPos2d : function(point, camera, dom){//获取一个三维坐标对应屏幕中的二维坐标
  131. var camera = camera || player.camera;
  132. var dom = dom || player.domElement;
  133. if(!camera)return
  134. var pos = point.clone().project(camera) //比之前hotspot的计算方式写得简单 project用于3转2(求法同shader); unproject用于2转3 :new r.Vector3(e.x, e.y, -1).unproject(this.camera);
  135. var x,y;
  136. x = (pos.x + 1) / 2 * dom.clientWidth;
  137. y = (1 - (pos.y + 1) / 2) * dom.clientHeight;
  138. var inSight = x <= dom.clientWidth && x >= 0 //是否在屏幕中
  139. && y <= dom.clientHeight && y >= 0
  140. return {
  141. pos: new THREE.Vector2(x,y), // 屏幕像素坐标
  142. vector: pos, //(范围 -1 ~ 1)
  143. trueSide : pos.z<1, //trueSide为false时,即使在屏幕范围内可见,也是反方向的另一个不可以被渲染的点 参见Tag.update
  144. inSight : inSight //在屏幕范围内可见
  145. };
  146. },
  147. ifShelter: function(pos3d , floorIndex ){//检测某点在视线中是否被mesh遮挡
  148. var ori = player.position
  149. var dir = pos3d.clone().sub(ori).normalize()
  150. var ray = new THREE.Raycaster(ori, dir) //由外向里 因为模型从内侧是可见的所以从外侧
  151. /* if(config.isEdit && publicObjectSet.editor.mainDesign.editing){
  152. var o = ray.intersectObjects(publicObjectSet.editor.mainDesign.wallMeshes);
  153. }else{ */
  154. let colliders = player.model.allFloorsVisible ? player.model.colliders : (floorIndex != void 0 ? player.model.floors.index[floorIndex] : player.model.currentFloor).collider.children
  155. //let colliders = (floorIndex == void 0 ) ? player.model.colliders : player.model.floors.index[floorIndex].collider.children
  156. var o = ray.intersectObjects(colliders);
  157. //}
  158. var len = pos3d.distanceTo(ori);
  159. if (o && o.length) {
  160. for(var i=0;i<o.length;i++){
  161. if(o[i].distance < len){ return true; }//有遮挡
  162. }
  163. }
  164. },
  165. /*
  166. 拖拽时,获取鼠标在拖拽面上的位置(需要借助另一个intersectPlane面来计算,即和相机方向一样的面,可保证铺满屏幕)
  167. 但是不一定能获取到,比如鼠标射线不朝向拖拽面时,即使获取也会是一个意外的反方向的交点。
  168. */
  169. getPosAtPlane : function(pos, info/* , mouse, camera */){ //pos:与intersectPlane的交点 见笔记
  170. var A = pos;
  171. var player = player;
  172. var mouse = player.mouse;
  173. var O = new THREE.Vector3(mouse.x, mouse.y, -1).unproject(player.camera);
  174. if(info.y != void 0){//地面线的
  175. var y = info.y;
  176. if(player.mode == "floorplan"/* || Math.abs(O.x-pos.x)<0.0001 && Math.abs(O.z-pos.z)<0.0001) */){
  177. //intersectPlane和地面平行,无交点
  178. var x = pos.x, z = pos.z;
  179. }else{
  180. if(y<player.camera.position.y && O.y <= A.y /* || y>player.camera.position.y && O.y >= A.y */)return null; //鼠标射线向上。因为相机一定位于地面以上(地面不会抬高到相机上吧?),所以无交点。
  181. if(O.y == A.y){console.log('一样??');return;}
  182. if(A.y == y){console.log('一样2??');return;}
  183. var r = (O.y-y)/(A.y-y);
  184. var x = (r*A.x-O.x)/(r-1);
  185. var z = (r*A.z-O.z)/(r-1);
  186. }
  187. }else{//垂直的也有越过消失点以后反向变化的情况,但使用时影响不大
  188. var N = info.normalVec;
  189. var P = info.pullPos;
  190. if(N.y != 0 ){console.log('N.y != 0');return;} //仅仅支持垂直于地面的的墙壁,目前都是
  191. if(O.z==A.z){console.log('O.z==A.z?');return;}
  192. if(N.z!=0 && N.x != 0){//直接用这个通用的也可以,支持斜线的墙
  193. //console.log('N.z==0 && N.x == 0?');
  194. var c = ( N.x*(A.x-O.x) + N.y*(A.y-O.y) + N.z*(A.z-O.z));
  195. if(c == 0){console.log("分母为0?? return;");return;}
  196. var t = -((N.x*O.x + N.y*O.y + N.z*O.z) - (P.x*N.x + P.y*N.y + P.z*N.z) ) / c
  197. var x = t * (A.x - O.x) + O.x;
  198. var y = t * (A.y - O.y) + O.y;
  199. var z = t * (A.z - O.z) + O.z;
  200. /*原理: 已知空间直线L:(x-a)/m=(x-b)/n=(z-c)/p和空间平面π:Ax+By+Cz+D=0;
  201. 求直线L与平面π的交点的坐标。
  202. 把直线方程改写成参数形式:设(x-a)/m=(x-b)/n=(z-c)/p=t;
  203. 则x=mt+a;y=nt+b;z=pt+c;代入平面π的方程得:
  204. A(mt+a)+B(nt+b)+C(pt+c)+D=0
  205. 由此解得t=-(Aa+Bb+Cc+D)/(Am+Bn+Cp)
  206. 再代入参数方程即得交点的坐标(x,y,z). */
  207. }else if(N.x ==0 ){ //z与pullPos相等
  208. var z = P.z;
  209. if(O.y == A.y){console.log('一样??');return;}
  210. if(A.y == y){console.log('一样2??');return;}
  211. if(A.z == z){console.log('一样3??');return;}
  212. var r = (O.z-z)/(A.z-z);
  213. var x = (r*A.x-O.x)/(r-1);
  214. var y = (r*A.y-O.y)/(r-1);
  215. }else if(N.z == 0){//x与pullPos相等
  216. var x = P.x;
  217. if(O.y == A.y){console.log('一样??');return;}
  218. if(A.y == y){console.log('一样2??');return;}
  219. if(A.x == x){console.log('一样3??');return;}
  220. var r = (O.x-x)/(A.x-x);
  221. var y = (r*A.y-O.y)/(r-1);
  222. var z = (r*A.z-O.z)/(r-1);
  223. }
  224. }
  225. return new THREE.Vector3(x,y,z);
  226. },
  227. getMouseIntersect : function(camera, meshes, mouse){//获取鼠标和meshes交点
  228. var raycaster = new THREE.Raycaster;
  229. camera.updateMatrixWorld();
  230. var origin = new THREE.Vector3(mouse.x,mouse.y,-1).unproject(camera)
  231. , end = new THREE.Vector3(mouse.x,mouse.y,1).unproject(camera);
  232. var dir = end.sub(origin).normalize()
  233. raycaster.set(origin, dir);
  234. var n = raycaster.intersectObjects(meshes);
  235. if (0 === n.length)
  236. return null;
  237. return n[0];
  238. },
  239. ifIntersectChunks : function(A,B,options={}){//获取某个线段/射线和meshes的交点
  240. var dir = B.clone().sub(A).normalize();
  241. var len = options.InfinityLen ? Infinity : A.distanceTo(B) + (options.extLen||0);
  242. var ray = new THREE.Raycaster(A.clone(), dir, 0, len);
  243. var o = ray.intersectObjects(options.model || player.model.colliders);
  244. if (o && o.length)return o;
  245. if(options.throughWidth){ //允许最小宽度,防止穿过极小的缝隙导致撞墙感
  246. var normal = math.getNormal({points:[{x:A.x, y:A.z},{x:B.x, y:B.z}]});//线段法线
  247. normal.multiplyScalar(options.throughWidth)
  248. var normalVec3 = new THREE.Vector3(normal.x, 0, normal.y);
  249. var A2 = A.clone().add(normalVec3)
  250. ray.set(A2, dir);
  251. var o2 = ray.intersectObjects(options.model || player.model.colliders);
  252. ray.set(A.clone().add(normalVec3.negate()), dir);
  253. if (o2 && o2.length)return o2;
  254. var o3 = ray.intersectObjects(options.model || player.model.colliders);
  255. if (o3 && o3.length)return o3;
  256. }
  257. return null;
  258. },
  259. getPosAtSphere : function(pos3d, toPanoPos){
  260. var dir = pos3d.clone().sub(toPanoPos);
  261. dir.normalize();//然后计算在球中
  262. dir.multiplyScalar(Constants.skyRadius);
  263. dir.add(toPanoPos);
  264. return dir;
  265. } ,
  266. getScaleForConstantSize : function(op={}){ //获得规定二维大小的mesh的scale值。可以避免因camera的projection造成的mesh视觉大小改变。 来源:tag.updateDisc
  267. var w;
  268. var i = new THREE.Vector3, o = new THREE.Vector3, l = new THREE.Vector3, c = new THREE.Vector3, h = new THREE.Vector3
  269. if(op.width2d) w = op.width2d //如果恒定二维宽度
  270. else{//否则考虑上距离,加一丢丢近大远小的效果
  271. var currentDis, nearBound, farBound
  272. if(op.camera.type == "OrthographicCamera"){
  273. currentDis = (op.camera.right - op.camera.left) / op.camera.zoom
  274. }else{
  275. currentDis = op.position.distanceTo(op.camera.position);
  276. }
  277. w = op.maxSize - ( op.maxSize - op.minSize) * THREE.Math.smoothstep(currentDis, op.nearBound, op.farBound);
  278. //maxSize : mesh要表现的最大像素宽度; nearBound: 最近距离,若比nearBound近,则使用maxSize
  279. }
  280. i.copy(op.position).project(op.camera), //tag中心在屏幕上的二维坐标
  281. o.set(op.resolution.x / 2, op.resolution.y / 2, 1).multiply(i), //转化成px -w/2 到 w/2的范围
  282. l.set(w / 2, 0, 0).add(o), //加上tag宽度的一半
  283. c.set(2 / op.resolution.x, 2 / op.resolution.y, 1).multiply(l), //再转回 -1 到 1的范围
  284. h.copy(c).unproject(op.camera);//再转成三维坐标,求得tag边缘的位置
  285. var g = h.distanceTo(op.position)//就能得到tag的三维半径
  286. return g //可能NAN 当相机和position重叠时
  287. } ,
  288. updateVisible : function(object, reason, ifShow, level=0, type){//当所有加入的条件都不为false时才显示. reason='force'一般是强制、临时的
  289. if(!object.unvisibleReasons) object.unvisibleReasons = []; //如果length>0代表不可见
  290. if(!object.visibleReasons) object.visibleReasons = []; //在同级时,优先可见
  291. var update = function(){
  292. //先按从高到低的level排列
  293. object.unvisibleReasons = object.unvisibleReasons.sort((a,b)=>b.level-a.level)
  294. object.visibleReasons = object.visibleReasons.sort((a,b)=>b.level-a.level)
  295. var maxVisiLevel = object.visibleReasons[0] ? object.visibleReasons[0].level : -1
  296. var maxunVisiLevel = object.unvisibleReasons[0] ? object.unvisibleReasons[0].level : -1
  297. var shouldVisi = maxVisiLevel >= maxunVisiLevel
  298. var visiBefore = object.visible
  299. if(visiBefore != shouldVisi){
  300. object.visible = shouldVisi
  301. object.dispatchEvent({
  302. type: 'isVisible',
  303. visible: shouldVisi,
  304. reason,
  305. })
  306. }
  307. }
  308. if(ifShow){
  309. var index = object.unvisibleReasons.findIndex(e=>e.reason == reason)
  310. if(index > -1){
  311. type = 'cancel'
  312. object.unvisibleReasons.splice(index, 1);
  313. }
  314. if(type == 'add' ){
  315. if(!object.visibleReasons.some(e=>e.reason == reason)){
  316. object.visibleReasons.push({reason,level})
  317. }
  318. }
  319. }else{
  320. var index = object.visibleReasons.findIndex(e=>e.reason == reason)
  321. if(index > -1){
  322. type = 'cancel'
  323. object.visibleReasons.splice(index, 1);
  324. }
  325. if(type != 'cancel' ){
  326. if(!object.unvisibleReasons.some(e=>e.reason == reason)){
  327. object.unvisibleReasons.push({reason,level})
  328. }
  329. }
  330. }
  331. update()
  332. },
  333. getObjVisiByReason : function(object,reason){//获取在某条件下是否可见. 注: 用户在数据集选择可不可见为"datasetSelection"
  334. if(object.visible)return true
  335. else{
  336. return !object.unvisibleReasons || !object.unvisibleReasons.some(e=>e.reason == reason)
  337. }
  338. }
  339. }
  340. //--------------------------------------
  341. //管理js文件 获取modeldata.js 判断是否有特殊的字段,如果有就先加载SpecialScene.js 里面有对特殊场景处理的代码 否则就直接加载main
  342. var Manage = function(){
  343. this.weixinURL = "https://res.wx.qq.com/open/js/jweixin-1.2.0.js",
  344. this.time = "?"+new Date().getTime();
  345. this.loadAudio();
  346. this.loadWeixin();
  347. }
  348. //动态加载js文件
  349. Manage.prototype.LoadJs = function(_files, succes){
  350. /* 已加载文件缓存列表,用于判断文件是否已加载过,若已加载则不再次加载*/
  351. var classcodes = [];
  352. var FileArray = [];
  353. if (typeof _files === "object") {
  354. FileArray = _files;
  355. } else {
  356. /*如果文件列表是字符串,则用,切分成数组*/
  357. if (typeof _files === "string") {
  358. FileArray = _files.split(",");
  359. }
  360. }
  361. if (FileArray != null && FileArray.length > 0) {
  362. var LoadedCount = 0;
  363. for (var i = 0; i < FileArray.length; i++) {
  364. loadFile(FileArray[i], function() {
  365. LoadedCount++;
  366. if (LoadedCount == FileArray.length) {
  367. try {
  368. succes();
  369. }
  370. catch(err) {
  371. console.log("err: 您未定义回调");
  372. }
  373. }
  374. })
  375. }
  376. }
  377. /*加载JS文件,url:文件路径,success:加载成功回调函数*/
  378. function loadFile(url, success) {
  379. if (!FileIsExt(classcodes, url)) {
  380. var _ThisType = GetFileType(url);
  381. var ThisType = _ThisType.indexOf("?") == -1 ? _ThisType : _ThisType.substring(0,_ThisType.indexOf("?"));
  382. var fileObj = null;
  383. if (ThisType == ".js") {
  384. fileObj = document.createElement('script');
  385. fileObj.src = url;
  386. } else if (ThisType == ".css") {
  387. fileObj = document.createElement('link');
  388. fileObj.href = url;
  389. fileObj.type = "text/css";
  390. fileObj.rel = "stylesheet";
  391. } else if (ThisType == ".less") {
  392. fileObj = document.createElement('link');
  393. fileObj.href = url;
  394. fileObj.type = "text/css";
  395. fileObj.rel = "stylesheet/less";
  396. }
  397. success = success || function() {};
  398. fileObj.onload = fileObj.onreadystatechange = function() {
  399. if (!this.readyState || 'loaded' === this.readyState || 'complete' === this.readyState) {
  400. success();
  401. classcodes.push(url)
  402. }
  403. }
  404. document.getElementsByTagName('head')[0].appendChild(fileObj);
  405. } else {
  406. success();
  407. }
  408. }
  409. /*获取文件类型,后缀名,小写*/
  410. function GetFileType(url) {
  411. if (url != null && url.length > 0) {
  412. return url.substr(url.lastIndexOf(".")).toLowerCase();
  413. }
  414. return "";
  415. }
  416. /*文件是否已加载*/
  417. function FileIsExt(FileArray, _url) {
  418. if (FileArray != null && FileArray.length > 0) {
  419. var len = FileArray.length;
  420. for (var i = 0; i < len; i++) {
  421. if (FileArray[i] == _url) {
  422. return true;
  423. }
  424. }
  425. }
  426. return false;
  427. }
  428. };
  429. //获取页面url后面的参数
  430. Manage.prototype.number = function(variable) {
  431. var query = window.location.search.substring(1);
  432. var vars = query.split("&");
  433. for (var i=0;i<vars.length;i++) {
  434. var pair = vars[i].split("=");
  435. if(pair[0] == variable){return pair[1];}
  436. }
  437. return(false);
  438. };
  439. Manage.prototype.loadWeixin = function() {
  440. var that = this;
  441. this.LoadJs(that.weixinURL+that.time,function(){ });
  442. }
  443. Manage.prototype.weixinShare = function() {
  444. console.log("weixinShare")
  445. $.ajax({
  446. url:'https://www.4dage.com/wechat/jssdk/',
  447. type: "post",
  448. data : {
  449. 'url' : location.href.split('#')[0]
  450. },
  451. dataType:"jsonp",
  452. jsonpCallback:"success_jsonp",
  453. success:function(data,textStatus){
  454. console.log("weixinShare success")
  455. console.log(data.appId)
  456. wx.config({
  457. // debug : true,
  458. appId : data.appId,
  459. timestamp : data.timestamp,
  460. nonceStr : data.nonceStr,
  461. signature : data.signature,
  462. jsApiList : [ 'checkJsApi', 'onMenuShareTimeline',
  463. 'onMenuShareAppMessage', 'onMenuShareQQ',
  464. 'onMenuShareWeibo', 'hideMenuItems',
  465. 'showMenuItems', 'hideAllNonBaseMenuItem',
  466. 'showAllNonBaseMenuItem', 'translateVoice',
  467. 'startRecord', 'stopRecord', 'onRecordEnd',
  468. 'playVoice', 'pauseVoice', 'stopVoice',
  469. 'uploadVoice', 'downloadVoice', 'chooseImage',
  470. 'previewImage', 'uploadImage', 'downloadImage',
  471. 'getNetworkType', 'openLocation', 'getLocation',
  472. 'hideOptionMenu', 'showOptionMenu', 'closeWindow',
  473. 'scanQRCode', 'chooseWXPay',
  474. 'openProductSpecificView', 'addCard', 'chooseCard',
  475. 'openCard' ]
  476. });
  477. },
  478. error:function(XMLHttpRequest,textStatus,errorThrown){
  479. console.log("jsonp.error:"+textStatus);
  480. }
  481. });
  482. var success_jsonp = function(json){
  483. console.log(json);
  484. };
  485. wx.ready(function(){
  486. // config信息验证后会执行ready方法,所有接口调用都必须在config接口获得结果之后,config是一个客户端的异步操作,所以如果需要在页面加载时就调用相关接口,则须把相关接口放在ready函数中调用来确保正确执行〿
  487. //对于用户触发时才调用的接口,则可以直接调用,不需要放在ready函数中〿
  488. //分享到朋友圈
  489. console.log(g_weixinObj)
  490. wx.onMenuShareTimeline({
  491. title: g_weixinObj.title, // 分享标题
  492. link: g_weixinObj.lineLink, // 分享链接
  493. imgUrl: g_weixinObj.imgUrl, // 分享图标
  494. desc: g_weixinObj.desc
  495. });
  496. //获取“分享给朋友”按钮点击状态及自定义分享内容接叿
  497. wx.onMenuShareAppMessage({
  498. title: g_weixinObj.title, // 分享标题
  499. desc: g_weixinObj.desc, // 分享描述
  500. link: g_weixinObj.lineLink, // 分享链接
  501. imgUrl: g_weixinObj.imgUrl, // 分享图标
  502. type: '', // 分享类型,music、video或link,不填默认为link
  503. dataUrl: '' // 如果type是music或video,则要提供数据链接,默认为空
  504. });
  505. wx.onMenuShareWeibo({
  506. title: g_weixinObj.title, // 分享标题
  507. desc: g_weixinObj.desc, // 分享描述
  508. link: g_weixinObj.lineLink, // 分享链接
  509. imgUrl: g_weixinObj.imgUrl, // 分享图标
  510. success: function () {
  511. // 用户确认分享后执行的回调函数
  512. },
  513. cancel: function () {
  514. // 用户取消分享后执行的回调函数
  515. }
  516. });
  517. wx.onMenuShareQZone({
  518. title: g_weixinObj.title, // 分享标题
  519. desc: g_weixinObj.desc, // 分享描述
  520. link: g_weixinObj.lineLink, // 分享链接
  521. imgUrl: g_weixinObj.imgUrl, // 分享图标
  522. success: function () {
  523. // 用户确认分享后执行的回调函数
  524. },
  525. cancel: function () {
  526. // 用户取消分享后执行的回调函数
  527. }
  528. });
  529. wx.onMenuShareQQ({
  530. title: g_weixinObj.title, // 分享标题
  531. desc: g_weixinObj.desc, // 分享描述
  532. link: g_weixinObj.lineLink, // 分享链接
  533. imgUrl: g_weixinObj.imgUrl, // 分享图标
  534. success: function () {
  535. // 用户确认分享后执行的回调函数
  536. },
  537. cancel: function () {
  538. // 用户取消分享后执行的回调函数
  539. }
  540. });
  541. wx.error(function(res){
  542. // config信息验证失败会执行error函数,如签名过期导致验证失败,具体错误信息可以打开config的debug模式查看,也可以在返回的res参数中查看,对于SPA可以在这里更新签名〿
  543. });
  544. });
  545. }
  546. Manage.prototype.dealURL = function(src, type){
  547. //music: "///super.4dage.com/data/LYW/edit/20200928_151633415.mp3"
  548. //"https://super.4dage.com/data/LYW/edit/20200928_165319399.jpg"]
  549. if(window.isLocal && settings.localPrefix!=void 0){//本地将线上的前缀替换
  550. var oldPrefix = 'super.4dage.com/'; //最简单的地址写一个,如果有其他完全不一样的地址就用数组逐个判断
  551. var index = src.indexOf(oldPrefix);
  552. if(index>-1){
  553. var wholeOldPrefix = src.slice(0, index+oldPrefix.length);
  554. return src.replace(wholeOldPrefix, settings.localPrefix)
  555. }
  556. console.error("没有找到合适的本地链接")
  557. return src
  558. }else{
  559. //add https://
  560. var prefix = g_Prefix.replace('https://','').replace('http://','')
  561. if(!src.includes('http:/') && !src.includes('https:/') && src.includes(prefix)){
  562. src = 'https://'+src
  563. }
  564. return src
  565. }
  566. }
  567. Manage.prototype.removeSrcPostMark = function(url){//去除texture.load时自动加上的'?'
  568. var index = url.indexOf('?')
  569. if(index>-1){
  570. return url.slice(0, index)
  571. }else return url
  572. }
  573. Manage.prototype.showInfo = function (o) { // ({result:true, title:"发布成功"});
  574. var box = $(".resultBox");
  575. var title = o.title || o || i18n.get('保存成功');
  576. box.children().eq(0).html(title)
  577. //var time = o.time || THREE.Math.clamp((Config.lang=='en') ? title.length*50 : title.length*130 ,1300,5000);
  578. var time = o.time || THREE.Math.clamp(title.length*130 ,1300, 5000);
  579. o.time || console.log("showtime " + time)
  580. //实际有一半的时间在渐变透明度
  581. this.showInfoTimer && clearTimeout(this.showInfoTimer)
  582. box.removeClass("animate");//如果之后不久又要showinfo一个的话,先停止前面的animate
  583. setTimeout(function () {
  584. box.css(
  585. {
  586. '-webkit-animation-duration': time + 'ms',
  587. 'animation-duration': time + 'ms'
  588. }
  589. )
  590. if(o.top){
  591. box.children().css('top', o.top + "%");
  592. }else{
  593. box.children().css('top', '' )
  594. }
  595. box.removeClass("hide");
  596. box.addClass("animate");
  597. if (o.dontInteract) {//遮挡对屏幕的操作
  598. box.css('pointer-events', 'auto')
  599. } else {
  600. box.css('pointer-events', 'none')
  601. }
  602. this.showInfoTimer = setTimeout(function () {
  603. box.removeClass("animate");
  604. box.addClass("hide");
  605. this.showInfoTimer = null;
  606. }.bind(this), time + 20)
  607. }.bind(this), 50)//这个数字太小的话后面触发的没有重新animate的效果 应该要比帧率大吧
  608. }//like: manage.showInfo({title:'a', top:20})
  609. //公用的函数
  610. function getQueryVariable(variable)
  611. {
  612. var query = window.location.search.substring(1);
  613. var vars = query.split("&");
  614. for (var i=0;i<vars.length;i++) {
  615. var pair = vars[i].split("=");
  616. if(pair[0] == variable){return pair[1];}
  617. }
  618. return(false);
  619. }
  620. //隐藏公司Logo
  621. function showLogo(){
  622. $("#myCompany").hide();
  623. $("#loaderCoBrandName").hide();
  624. $("#title-logo").hide();
  625. $(".title-container").css("justify-content","center")
  626. }
  627. //czj 添加随机的时间
  628. function randomTime(){
  629. return new Date()
  630. };
  631. function matcher(data){
  632. if(!data || !g_version ) return data;
  633. delete data.model.vision_version;
  634. var _data = {
  635. files: {
  636. "templates": ["images/images{{number}}/{{filename}}"]
  637. },
  638. model :{
  639. sid :window.number,
  640. camera_start:
  641. data.model.images && data.model.images.length != 0 ?
  642. {
  643. camera: {
  644. zoom: "-1",
  645. quaternion: [
  646. JSON.parse(data.model.images[0].metadata).camera_quaternion.z,
  647. JSON.parse(data.model.images[0].metadata).camera_quaternion.w,
  648. JSON.parse(data.model.images[0].metadata).camera_quaternion.x,
  649. JSON.parse(data.model.images[0].metadata).camera_quaternion.y
  650. ]
  651. },
  652. pano: { uuid: JSON.parse(data.model.images[0].metadata).scan_id },
  653. mode: "0"
  654. }
  655. : ''
  656. },
  657. sid: window.number,
  658. hoticon: {
  659. default: "https://super.4dage.com/images/4dagePoint2.png",
  660. higt: "https://super.4dage.com/images/4dagePoint.png"
  661. },
  662. special: "false",
  663. weixinDesc: ""
  664. };
  665. $.extend(true,data,_data)
  666. return data;
  667. }
  668. function hotMatcher(data={}){
  669. //if(!data || !g_version) return data;
  670. if(g_version) {
  671. data.tourAudio = data.audio || {};
  672. }else{
  673. data.tourAudio = {}
  674. }
  675. return data;
  676. }
  677. var GifTexDeal = {
  678. animateObjects : [],
  679. animateTexs : [] ,
  680. addAnimation : function(texture, owner, info, id){
  681. /* if(this.animateObjects.find(e=>
  682. e.texture == texture && !ifSame(info, e.info)
  683. )) */
  684. var animation
  685. var tex = this.animateTexs.find(e=>e.texture == texture)
  686. if(tex){
  687. animation = tex
  688. }else{
  689. animation = {texture,info }
  690. this.animateTexs.push(animation)
  691. this.setRepeart(animation)
  692. }
  693. var object = {
  694. animation, //默认相同的texture对应的info是一样的, 对应一个animation
  695. owner,
  696. }
  697. this.animateObjects.push(object)
  698. return object
  699. },
  700. remove : function(object){
  701. var index = this.animateObjects.indexOf(object)
  702. if(index>-1){
  703. this.animateObjects.splice(index, 1)
  704. if(!this.animateObjects.find(e=>e.animation == object.animation)){
  705. let i = this.animateTexs.indexOf(object.animation)
  706. this.animateTexs.splice(i, 1)
  707. object.animation.texture.repeat.set(1,1)
  708. }
  709. this.stop(object)
  710. }
  711. },
  712. setRepeart : function(animation){
  713. animation.texture.repeat.set(1/animation.info.cellXcount, 1/animation.info.cellYcount)
  714. },
  715. start: function(object){
  716. if(!object || object.started )return;
  717. object.started = true
  718. if(object.animation.started)return;
  719. object.animation.started = true
  720. var info = object.animation.info
  721. var count = info.cellXcount * info.cellYcount - (info.voidCount || 0)
  722. if(count <= 1)return;
  723. transitions.start( (progress)=>{
  724. var index = Math.floor(count * progress);
  725. var indexX = index % info.cellXcount
  726. var indexY = info.cellYcount - Math.floor(index /info.cellXcount ) - 1; //uv.offset.y是从下到上的
  727. object.animation.texture.offset.x = indexX / info.cellXcount;
  728. object.animation.texture.offset.y = indexY / info.cellYcount;
  729. //console.log(object.id + " : "+ object.texture.offset.toArray())
  730. } , info.duration * (-1), null,/* ()=>{//done (-1):循环
  731. object.started = false
  732. object.texture.offset.x = 0;
  733. object.texture.offset.y = 0;
  734. this.start(object)
  735. }, */ 0 ,null, object.id, "gif_"+object.animation.texture.id);
  736. },
  737. stop: function(object){
  738. if(!object || !object.started)return;
  739. object.started = false
  740. //只有该object对应的texture对应的所有object都停止了,才能真的停止动画:
  741. if(this.animateObjects.find(e=>e.animation == object.animation && e.started)) return;
  742. transitions.cancelById("gif_"+object.animation.texture.id);
  743. object.animation.texture.offset.set(0,0)
  744. object.animation.started = false
  745. }
  746. }
  747. var CloneObject = function(copyObj, result, isSimpleCopy, extraReplace) {
  748. //isSimpleCopy只复制最外层
  749. //复制json result的可能:普通数字或字符串、普通数组、复杂对象
  750. if(!copyObj)return copyObj //0 null undefined ''
  751. result = result || {};
  752. if (copyObj instanceof Array) {
  753. /* if (copyObj[0]instanceof Object) {
  754. //不支持含有 [[Object]] 这样二级数组里面还是复杂数据的,普通和复杂的数据混合可能也不支持
  755. console.error("不支持含有 [[Object]] 这样二级数组里面还是复杂数据的...")
  756. }
  757. return copyObj.slice(0);*/ //如果是数组,直接复制返回(排除数组内是object
  758. return copyObj.map(e=>{
  759. if(e instanceof Object){
  760. return CloneObject(e)
  761. }else return e
  762. })
  763. }else{
  764. if(copyObj.clone instanceof Function ){ //解决一部分
  765. return copyObj.clone()
  766. }
  767. }
  768. for (var key in copyObj) {
  769. if (copyObj[key] instanceof Object && !isSimpleCopy)
  770. result[key] = CloneObject(copyObj[key]);
  771. else
  772. result[key] = copyObj[key];
  773. //如果是函数类同基本数据,即复制引用
  774. }
  775. return result;
  776. }
  777. ;
  778. var ifSame = function(object1, object2){
  779. if(object1 == object2 )return true // 0 != undefined , 0 == ''
  780. else if(!object1 || !object2) return false
  781. else if(object1.constructor != object2.constructor){
  782. return false
  783. }else if(object1 instanceof Array ) {
  784. if(object1.length != object2.length)return false;
  785. var _object2 = object2.slice(0);
  786. for(let i=0;i<object1.length;i++){
  787. var u = _object2.find(e=>ifSame(object1[i], e));
  788. if(u == void 0 && !_object2.includes(u) && !object1.includes(u))return false;
  789. else{
  790. let index = _object2.indexOf(u);
  791. _object2.splice(index,1);
  792. }
  793. }
  794. return true
  795. }else if(object1.equals instanceof Function ){//复杂数据仅支持这种,其他的可能卡住?
  796. return object1.equals(object2)
  797. }else if(typeof object1 == 'number' || typeof object1 == 'string'){
  798. if(isNaN(object1) && isNaN(object2))return true
  799. else return object1 == object2
  800. }else if(typeof object1 == "object"){
  801. var keys1 = Object.keys(object1)
  802. var keys2 = Object.keys(object2)
  803. if(!ifSame(keys1,keys2))return false;
  804. for(let i in object1){
  805. var same = ifSame(object1[i], object2[i]);
  806. if(!same)return false
  807. }
  808. return true
  809. }else{
  810. console.log('isSame出现例外')
  811. }
  812. }
  813. function initByTHREE(THREE){
  814. window.bus = new THREE.EventDispatcher();//因为player一开始总是没创建好,所以加一个事件传递器
  815. THREE.TransitionPass = function ( scene, camera ) {
  816. this.renderScene = scene;
  817. this.renderCamera = camera;
  818. this.coverRenderTarget = new THREE.WebGLRenderTarget( 100, 100, {
  819. minFilter: THREE.LinearFilter, magFilter: THREE.LinearFilter,
  820. format: THREE.RGBAFormat
  821. });
  822. this.coverTex = this.coverRenderTarget.texture;
  823. this.enabled = false;
  824. this.oldClearColor = new THREE.Color();
  825. this.oldClearAlpha = 1;
  826. this.camera = new THREE.OrthographicCamera( - 1, 1, 1, - 1, 0, 1 );
  827. this.scene = new THREE.Scene();
  828. this.material = this.getMaskMaterial()
  829. var copyShader = THREE.CopyShader;
  830. this.materialCopy = new THREE.ShaderMaterial( {
  831. uniforms: this.copyUniforms,
  832. vertexShader: copyShader.vertexShader,
  833. fragmentShader: copyShader.fragmentShader,
  834. blending: THREE.NoBlending,
  835. depthTest: false,
  836. depthWrite: false,
  837. transparent: true
  838. } );
  839. this.quad = new THREE.Mesh( new THREE.PlaneBufferGeometry( 2, 2 ), this.material);
  840. this.quad.frustumCulled = false; // Avoid getting clipped
  841. this.scene.add( this.quad );
  842. }
  843. THREE.TransitionPass.prototype = {//波形扩散,出下一个画面
  844. constructor: THREE.TransitionPass,
  845. setSize: function ( width, height ) {
  846. this.coverRenderTarget.setSize( width, height );
  847. },
  848. render: function ( renderer, writeBuffer, readBuffer, delta, maskActive ) {
  849. var oldAutoClear = renderer.autoClear;
  850. renderer.autoClear = false;
  851. var uniforms = this.quad.material.uniforms
  852. uniforms.bgTex.value = readBuffer.texture; //更新
  853. uniforms.coverTex.value = this.coverTex;
  854. uniforms.progress.value = player.model.skybox.material.uniforms.progress.value//
  855. uniforms.screenRatio.value = player.domElement.clientWidth / player.domElement.clientHeight;// 使波纹为圆形
  856. uniforms.screenRatio.value *= uniforms.screenRatio.value
  857. renderer.render( this.scene, this.camera);
  858. renderer.autoClear = oldAutoClear;
  859. },
  860. start:function(sceneRenderer){
  861. this.enabled = true
  862. //draw coverTex
  863. this.quad.material.uniforms.progress.value = 1;
  864. sceneRenderer.renderer.render( sceneRenderer.scene, sceneRenderer.camera, this.coverRenderTarget, true );
  865. console.log('start111')
  866. },
  867. stop:function(){
  868. this.enabled = false
  869. console.log('stop111')
  870. }
  871. ,
  872. getMaskMaterial :function(){
  873. return new THREE.ShaderMaterial( {
  874. uniforms: {
  875. coverTex: {
  876. type: "t",
  877. value: null
  878. },
  879. bgTex: {
  880. type: "t",
  881. value: null
  882. },
  883. progress:{
  884. type: "f",
  885. value: 0
  886. },
  887. screenRatio:{
  888. type: "f",
  889. value: 1
  890. }
  891. },
  892. vertexShader: `
  893. varying vec2 vUv;
  894. void main()
  895. {
  896. vUv = uv;
  897. gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
  898. }
  899. `,
  900. fragmentShader: `
  901. uniform sampler2D coverTex;
  902. uniform sampler2D bgTex;
  903. uniform float progress;
  904. uniform float screenRatio;
  905. varying vec2 vUv;
  906. void main() {
  907. const float maxRadius = 0.708; // sqrt(0.5^2+0.5^2)
  908. const float minRadius = 0.0 ;
  909. float radius = screenRatio>1.0 ? sqrt((vUv.x - 0.5)*(vUv.x - 0.5) + (vUv.y - 0.5)*(vUv.y - 0.5)/screenRatio) : sqrt((vUv.x - 0.5)*(vUv.x - 0.5)*screenRatio+ (vUv.y - 0.5)*(vUv.y - 0.5));
  910. float diff = 0.292; //1.0-maxRadius;
  911. float radiusIn = maxRadius * progress + minRadius * (1.0-progress);
  912. float radiusOut = radiusIn + diff;
  913. if(radius < radiusIn) {
  914. gl_FragColor = texture2D(bgTex, vUv);
  915. //gl_FragColor = vec4(0.0,0.0,1.0,1.0);//
  916. }else if(radius>radiusOut){
  917. gl_FragColor = texture2D(coverTex, vUv) ;
  918. //gl_FragColor = vec4(1.0,1.0,0.0,1.0);//
  919. }else{
  920. vec4 color1 = texture2D(bgTex, vUv);
  921. vec4 color2 = texture2D(coverTex, vUv);
  922. float rotio = smoothstep(radiusIn ,radiusOut,radius);
  923. gl_FragColor = mix(color1, color2, rotio);
  924. }
  925. }
  926. `
  927. } );
  928. },
  929. }
  930. let labels = []
  931. class Label2D extends THREE.EventDispatcher{
  932. constructor(o={}){
  933. super()
  934. this.position = o.position
  935. this.elem = $(o.innerHTML || '<div ><a></a></div>');
  936. $(o.domElement).append(this.elem)
  937. this.pos2d = new THREE.Vector3
  938. this.elem.css({position: 'absolute', 'z-index':999})
  939. this.clickFun = o.clickFun;
  940. this.clickFun && this.elem.on('click',this.clickFun.bind(this))
  941. if(o.autoUpdate){
  942. let update = (e)=>{if(e.cameraChanged) this.update()}
  943. player.on("view.changed",update) //确保player存在
  944. this.addEventListener('dispose', (e)=>{
  945. player.off("view.changed",update)
  946. })
  947. }
  948. this.visible = true
  949. this.shelterByModel = o.shelterByModel
  950. this.floorIndex = o.floorIndex
  951. labels.push(this)
  952. if(window.player.model){
  953. this.init()
  954. }else{
  955. window.bus.addEventListener('playerAndModelReady',this.init.bind(this))
  956. }
  957. }
  958. init(){
  959. if(this.floorIndex != void 0){
  960. player.model.on("floor.changed",(currentFloor, mode, oldFloor)=>{
  961. this.update(currentFloor) //注: currentFloor 这时候还没成为 model.currentFloor
  962. })
  963. }
  964. }
  965. update(currentFloor){
  966. if(!this.position || !this.visible)return
  967. var p = convertTool.getPos2d(this.position);
  968. if(!p || !p.trueSide){
  969. this.elem.css('display','none'); return;
  970. }
  971. //判断label是否被模型遮挡,遮挡则消失(如果是漫游模式最好提前计算visiblePanos)
  972. if(player.mode != 'panorama'){
  973. currentFloor = currentFloor || player.model.currentFloor
  974. if(!player.model.allFloorsVisible && this.floorIndex != void 0 && this.floorIndex!= currentFloor.floorIndex){
  975. this.elem.css('display','none'); return;
  976. }
  977. if(this.shelterByModel && convertTool.ifShelter(this.position , this.floorIndex )){
  978. this.elem.css('display','none'); return;
  979. }
  980. }
  981. this.elem.css({
  982. left: p.pos.x +'px',
  983. top: p.pos.y +'px'
  984. })
  985. /* if(settings.vrEnabled){
  986. this.elem.css({transform:'rotate('+window.screenFaceOrient+'deg)'})
  987. }else{
  988. this.elem.css({transform:''})
  989. } */
  990. this.elem.css('display','block');
  991. this.pos2d = p.vector;
  992. }
  993. setVisible(visi, reason, level=0, type){
  994. convertTool.updateVisible(this, reason, visi, level, type )
  995. if(!this.visible){
  996. this.elem.css('display','none');
  997. }else{
  998. this.update()
  999. }
  1000. }
  1001. setPos(pos){
  1002. this.position = pos;
  1003. this.update()
  1004. }
  1005. dispose(){
  1006. this.elem.remove();
  1007. this._listeners = {}
  1008. this.dispatchEvent({type:'dispose'})
  1009. }
  1010. }
  1011. window.Label2D = Label2D
  1012. class RoomLabel extends Label2D{
  1013. constructor(o){
  1014. if(o.position instanceof Array) o.position = new THREE.Vector3().fromArray(o.position)
  1015. o.innerHTML = `<div class="room-label" ><a><p><span>${o.title}</span></p></a></div>`
  1016. o.domElement = $(".widgets-doll-labels")[0]
  1017. o.shelterByModel = true , o.autoUpdate = true
  1018. o.clickFun = ()=>{
  1019. if(player.roomLebelClickUnabled)return
  1020. let result = common.sortByScore(player.model.floors.index[this.floorIndex].panos, [], [(pano)=>{
  1021. return -pano.position.distanceToSquared(this.position)
  1022. }]);
  1023. player.flyToPano({
  1024. pano : result && result[0] && result[0].item
  1025. })
  1026. }
  1027. super(o)
  1028. this.setTitle(o.title )
  1029. }
  1030. init(){
  1031. super.init()
  1032. //飞入后不可见
  1033. player.on("mode.changing",(currentMode, mode, pano, duration)=>{//准备飞
  1034. this.setStyle(currentMode, mode, duration)
  1035. })
  1036. this.setStyle()
  1037. }
  1038. setStyle(currentMode, mode, duration){
  1039. if(!mode) mode = player.mode
  1040. if(mode == 'panorama'){
  1041. this.setVisible(false, 'isPanorama')
  1042. }else if(currentMode == 'panorama'){
  1043. setTimeout(()=>{
  1044. this.setVisible(true, 'isPanorama')
  1045. },duration*0.7)
  1046. }
  1047. }
  1048. setTitle(title){
  1049. this.title = title || ''
  1050. this.elem.html(`<a><p><span>${this.title}</span></p></a>`)
  1051. }
  1052. setEditSelect(state){//编辑页面用
  1053. this.editing = !!state
  1054. this.setVisible(state, 'editSelected', 1, state ? 'add':'cancel') //强制可见
  1055. }
  1056. }
  1057. window.RoomLabel = RoomLabel
  1058. window.bus.addEventListener('playerAndModelReady',()=>{
  1059. player.on("mode.changing",(currentMode, mode, pano, duration)=>{
  1060. let noLine = mode == 'floorplan';
  1061. if(noLine){
  1062. $('.widgets-doll-labels').addClass('noLine').addClass('noCorner')
  1063. }else{
  1064. $('.widgets-doll-labels').removeClass('noLine').removeClass('noCorner')
  1065. }
  1066. })
  1067. player.on("view.changed",(e)=>{
  1068. if(e.cameraChanged){
  1069. //if(needUpdateZIndex){
  1070. let label_ = labels.filter(e=>e.elem[0].style.display == 'block')
  1071. label_.sort((a,b)=>b.pos2d.z - a.pos2d.z)
  1072. label_.forEach((e,index)=>e.elem.css('z-index', index+1000));
  1073. //}
  1074. }
  1075. })
  1076. })
  1077. }
  1078. //最好能知道应该播放到的currentTime
  1079. var SoundManager = {//暂不支持同时播放
  1080. currentAudio:null,//当前正在播放list中的哪一个
  1081. enableSound:true,//是否允许有声音
  1082. playHistory:[],//被打断的加入播放历史
  1083. list:[ ],//同一级别可以互相打断 //暂时不做多级别
  1084. play:function(name, src, currentTime){
  1085. var object = this.list.find(e=>e.name == name)
  1086. if(object){
  1087. if(this.currentAudio){
  1088. this.pause(this.currentAudio.name, false, true)
  1089. }
  1090. {//将当前要播放的播放历史中清除
  1091. let index = this.playHistory.indexOf(object)
  1092. if(index>-1)this.playHistory.splice(index,1);
  1093. }
  1094. this.currentAudio = object
  1095. if(src){
  1096. this.setSrc(name, src)
  1097. }
  1098. if(currentTime!=void 0){
  1099. object.audio.currentTime = currentTime
  1100. }
  1101. if(object.audio && object.src){
  1102. object.audio.load(); // iOS 9 还需要额外的 load 一下, 否则直接 play 无效 *///https://www.cnblogs.com/interdrp/p/4211883.html 部分资料
  1103. object.audio.play();
  1104. object.callback && object.callback(true)
  1105. Log(name + ' 播放 ' )
  1106. }
  1107. }
  1108. },
  1109. pause:function(name, autoReplayLast, isInterrupt){//需要能自动恢复上一个被打算的音频。恢复前判断是否还需要播放
  1110. var object = this.list.find(e=>e.name == name)
  1111. if(object){
  1112. this.currentAudio = null
  1113. if(object.audio){
  1114. object.audio.pause()
  1115. object.callback && object.callback(false)
  1116. Log(name + ' 中断音频 '+ "("+common.getFileNameFromUrl(object.audio.src)+')' )
  1117. }
  1118. if(isInterrupt){//一般主动调用不需要加这个
  1119. this.playHistory.push(object)//如果是被中断的,加入播放历史,等待恢复播放
  1120. }
  1121. if(autoReplayLast){ //播放之前的音频。它们是被打断过的。
  1122. while(this.playHistory.length){
  1123. var last = this.playHistory.pop();
  1124. if(last.src && last.canplay(last.audio)){
  1125. this.play(last.name )
  1126. }
  1127. }
  1128. }
  1129. }
  1130. },
  1131. setSrc : function(name, src){//不能直接给audio赋src!一定要用这个函数!因为我要拿这里的src来判断有无src,因为貌似audio的src会自动变,''时会变成html的链接
  1132. var object = this.list.find(e=>e.name == name)
  1133. object.src = src
  1134. object.audio.src = src
  1135. Log(`${object.name} 设置src: ${src}`)
  1136. },
  1137. createAudio:function(object={}){//name, level, canplay
  1138. if(!object.fake){
  1139. object.audio = new Audio();
  1140. object.audio.loop = !!object.loop;
  1141. //object.audio.autoplay = true;
  1142. object.audio.addEventListener('ended', ()=>{
  1143. if(object.loop){//循环
  1144. Log(`${object.name} 播放完毕,重新播放`)
  1145. object.audio.play()
  1146. }else{
  1147. this.pause(object.name, true);//停止后的后续处理
  1148. }
  1149. });
  1150. object.audio.oncanplaythrough = ()=>{
  1151. Log(`${object.name} canplaythrough `)
  1152. }
  1153. }
  1154. this.list.push(object)
  1155. },
  1156. initAutoPlay:function(){ //处理设备自动播放限制
  1157. let play = function(){
  1158. if(this.currentAudio && this.currentAudio.audio && this.currentAudio.src){
  1159. this.currentAudio.audio.play()
  1160. Log(`${this.currentAudio.name} 自动播放成功`) //即使设置src在这之后好像也能成功播放
  1161. }else{
  1162. }
  1163. document.removeEventListener("touchstart",play);
  1164. document.removeEventListener("click",play);
  1165. $('#player')[0].removeEventListener("touchstart", play);
  1166. }.bind(this);
  1167. document.addEventListener("WeixinJSBridgeReady", play, false);
  1168. document.addEventListener("touchstart", play);//ios需要加个事件才能播放 不能自动播放;如果还有浏览器不行,换成别的交互事件
  1169. document.addEventListener("click", play);
  1170. $('#player')[0].addEventListener("touchstart", play);
  1171. }
  1172. }
  1173. function Log(value, color, fontSize){
  1174. color = color || '#13f'
  1175. fontSize = fontSize || 14
  1176. console.warn(`%c${value}`, `color:${color};font-size:${fontSize}px`)
  1177. }
  1178. Manage.prototype.loadAudio = function() { //相关:g_tourAudio \ g_playAudio
  1179. //热点页面因为挡住了界面,所以暂时不存在别的音频阻止热点音频的可能
  1180. //box视频都静音,所以暂时不考虑
  1181. SoundManager.createAudio({
  1182. name:'bgm',
  1183. level:0,
  1184. src:'',
  1185. loop:true,
  1186. canplay:(audio)=>{
  1187. return this.bgmShouldPlay
  1188. },
  1189. callback:(state)=>{//play或pause时随之触发的函数(即使还没开始播放)
  1190. if(state){
  1191. $("#volume a img").attr("src", "./images/Volume btn_off.png")
  1192. $("#volume").attr("title", "关闭声音");
  1193. }else{
  1194. $("#volume a img").attr("src", "./images/Volume btn_on.png")
  1195. $("#volume").attr("title", "打开声音");
  1196. }
  1197. }
  1198. })
  1199. SoundManager.createAudio({
  1200. name:'tour',
  1201. level:0,
  1202. src:'',
  1203. loop:false,
  1204. canplay:(audio)=>{
  1205. return player.director && player.director.tourIsPlaying && player.director.getAudio()
  1206. }
  1207. })
  1208. SoundManager.createAudio({
  1209. name:'hot',
  1210. fake:true,//实际上没有audio. 只是为了来停止和续播其他音频
  1211. level:1,
  1212. src:'',
  1213. loop:false,
  1214. canplay:(audio)=>{
  1215. }
  1216. })
  1217. $("#volume").find("a").on("click", ()=> {
  1218. if($("#volume img")[0].src.indexOf("btn_on.png")>-1)
  1219. {
  1220. this.switchBgmState(true);
  1221. }
  1222. else if($("#volume img")[0].src.indexOf("btn_off.png")>-1)
  1223. {
  1224. this.switchBgmState(false);
  1225. }
  1226. })
  1227. this.switchBgmState(true);//初始设置允许播放bgm
  1228. SoundManager.initAutoPlay()
  1229. }
  1230. Manage.prototype.switchBgmState = function(state){//按钮的状态完全代表是否应该播放bgm,即使还没加载完
  1231. this.bgmShouldPlay = state
  1232. if(state){
  1233. SoundManager.play('bgm')
  1234. }else{
  1235. SoundManager.pause('bgm')
  1236. }
  1237. /* if(!g_bgAudio || !g_bgAudio.src) return;
  1238. var played = function(){
  1239. console.log('begin play bgm');
  1240. g_play = 1;
  1241. g_playAudio = g_bgAudio;
  1242. g_tourAudio && g_tourAudio.pause()
  1243. }
  1244. var paused = function(){
  1245. g_play = 0;
  1246. g_playAudio == g_bgAudio && (g_playAudio = null)
  1247. }
  1248. if(state ){
  1249. g_bgAudio.play();
  1250. if(g_bgAudio.paused){
  1251. paused()
  1252. }else{
  1253. played()
  1254. return true
  1255. }
  1256. }else{
  1257. g_bgAudio.pause();
  1258. paused()
  1259. }
  1260. g_bgAudio.pauseByHot = false
  1261. g_bgAudio.pauseByTour = false */
  1262. }
  1263. var manage = new Manage();
  1264. //处理cursor优先级
  1265. var CursorDeal = {
  1266. priorityEvent : [//在前面的优先级高
  1267. {"noIntersect":'not-allowed'},
  1268. {"addHot":'cell'},
  1269. {"hoverFootIcon":'pointer'},
  1270. {"hoverHot":'pointer'},
  1271. {"addLabel":'cell'},
  1272. {"moveLabel":'grab'},
  1273. ],
  1274. domElements :[$('#player')[0]],
  1275. list:[], //当前存在的cursor状态
  1276. currentCursorIndex:null,
  1277. /* init : function(viewer){
  1278. this.priorityEvent.forEach(e=>{//刚开始Potree.resourcePath没值,现在换
  1279. for(let i in e){
  1280. e[i] = Common.replaceAll(e[i],'{Potree.resourcePath}',Potree.resourcePath)
  1281. }
  1282. })
  1283. this.domElements = [viewer.renderArea, viewer.mapViewer.renderArea];
  1284. viewer.addEventListener("CursorChange",(e)=>{
  1285. if(e.action == 'add'){
  1286. this.add(e.name)
  1287. }else{
  1288. this.remove(e.name)
  1289. }
  1290. })
  1291. }, */
  1292. add : function(name){
  1293. var priorityItem = this.priorityEvent.find(e=>e[name])
  1294. if(!priorityItem){
  1295. console.error('CursorDeal 未定义优先级 name:'+ name);
  1296. return
  1297. }
  1298. if(!this.list.includes(name)){
  1299. this.judge({addItem: priorityItem, name})
  1300. this.list.push(name)
  1301. }
  1302. },
  1303. remove : function(name){
  1304. var index = this.list.indexOf(name);
  1305. if(index > -1){
  1306. this.list.splice(index, 1)
  1307. this.judge()
  1308. }
  1309. },
  1310. judge:function(o={}){
  1311. //console.log(o,this.list)
  1312. if(o.addItem){
  1313. var addIndex = this.priorityEvent.indexOf(o.addItem)
  1314. if(addIndex < this.currentCursorIndex || this.currentCursorIndex == void 0){
  1315. this.domElements.forEach(e=>e.style.cursor = o.addItem[o.name] )
  1316. this.currentCursorIndex = addIndex
  1317. }
  1318. }else{
  1319. var levelMax = {index:Infinity, cursor:null }
  1320. this.list.forEach(name=>{
  1321. var priorityItem = this.priorityEvent.find(e=>e[name])
  1322. var index = this.priorityEvent.indexOf(priorityItem)
  1323. if(index < levelMax.index){
  1324. levelMax.index = index;
  1325. levelMax.cursor = priorityItem[name]
  1326. }
  1327. })
  1328. this.currentCursorIndex = levelMax.index
  1329. this.domElements.forEach(e=>e.style.cursor = levelMax.cursor || '')
  1330. }
  1331. }
  1332. }
  1333. //兼容一代的場景
  1334. //請求地址統一管理
  1335. var g_onePregix = "https://bigscene.4dage.com/" //对应一代 http://www.4dmodel.com/SuperPanoramic/index.html?m=55
  1336. var g_version = manage.number("version");
  1337. g_version === "one" ? g_Prefix = g_onePregix : '';