settings.js 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496
  1. //xzw add
  2. import browser from './utils/browser.js'
  3. const config = {//配置参数 不可修改
  4. displayMode:{
  5. showPointCloud:{
  6. atPano:{
  7. showPoint : true,
  8. showSkybox: false,
  9. pointUsePanoTex : false
  10. },
  11. transition:{
  12. showPoint: true,
  13. showSkybox: false,
  14. pointUsePanoTex: false
  15. },
  16. canLeavePano: true //是否能离开pano位置
  17. },
  18. showPanos:{
  19. atPano:{
  20. showPoint : false,
  21. showSkybox: true,
  22. pointUsePanoTex : false
  23. },
  24. transition:{
  25. //showPoint: true,
  26. showSkybox: true,
  27. //pointUsePanoTex: true //是否使用全景贴图
  28. },
  29. canLeavePano: false
  30. },
  31. showBoth:{
  32. atPano:{
  33. showPoint : true,
  34. showSkybox: true,
  35. pointUsePanoTex : false //?
  36. },
  37. transition:{
  38. showPoint: true,
  39. showSkybox: true,
  40. pointUsePanoTex: true
  41. },
  42. canLeavePano: true //是否能离开pano位置 离开后自动变为showPointCloud
  43. },
  44. //test:
  45. pointUsePanoTex:{ //---静止时调点云
  46. atPano:{
  47. showPoint : true,
  48. showSkybox: false,
  49. pointUsePanoTex : true
  50. },
  51. transition:{
  52. showPoint: true,
  53. showSkybox: true,
  54. pointUsePanoTex: true //是否使用全景贴图
  55. },
  56. canLeavePano: false
  57. },
  58. },
  59. urls:{
  60. //localTextures:'../resources/textures/',
  61. prefix1: 'https://laser-oss.4dkankan.com',//oss
  62. prefix2: 'https://testlaser.4dkankan.com',
  63. prefix3: 'https://4dkk.4dage.com',
  64. prefix4: 'https://uat-laser.4dkankan.com',//test.4dkankan
  65. prefix5: 'https://laser.4dkankan.com/backend',
  66. prefix6: 'https://mix3d.4dkankan.com/backend', //融合
  67. prefix7: 'https://xfhd.4dkankan.com/backend', //融合
  68. },
  69. transitionsTime:{
  70. flyMinTime : 650 , // 毫秒/米
  71. flytimeDistanceMultiplier: 120 ,
  72. }
  73. ,
  74. view:{
  75. fov:70, //navvis:50
  76. near:0.1,
  77. far: 10000,
  78. },
  79. map:{//mapViewer
  80. mapHeight : -1000,//要比点云低。最低
  81. cameraHeight : 1000, //最高 ,注意(如sitemodel)其他的物体不能超过这个高度
  82. },
  83. minNodeSize:30, // perspectiveCamera允许加载的node的最小可见像素宽度。越大越省性能
  84. tiles3DMaxMemory: 100,//M. 最大支持3dTiles的内存大小 超出会崩溃。 改太小太大都会卡,太大崩溃
  85. pointDensity:{
  86. magnifier:{
  87. maxLevelPercent: 1,
  88. pointBudget : 1*1000*1000, //至少显示这么多
  89. minNodeSize : 5, //pick时调高精度
  90. },
  91. panorama:{//显示全景时的漫游。因为点只能显示1个像素的大小,所以必须很密集,但又要限制点的数量
  92. maxLevelPercent: 0.6,
  93. pointBudget : /* 4*1000*1000// */browser.isMobile() ? 0.2*1000*1000 : 0.4*1000*1000, //点云总最大数
  94. minNodeSize : 100,
  95. },
  96. fourViewports:{//分四屏时防止卡顿
  97. maxLevelPercent: 0.9,
  98. pointBudget :3*1000*1000, // 只要限制这个就足够 (为什么分屏focus区域不同会闪烁,navvis不会)(navvis:maxLevel:5,pointBudget:1*1000*1000)
  99. minNodeSize : 70,
  100. },
  101. fourViewportsMain:{//分四屏时防止卡顿
  102. maxLevelPercent: 0.9,
  103. pointBudget :3*1000*1000, // 只要限制这个就足够 (为什么分屏focus区域不同会闪烁,navvis不会)(navvis:maxLevel:5,pointBudget:1*1000*1000)
  104. minNodeSize : 70,
  105. }
  106. ,
  107. panoEdit:{
  108. maxLevelPercent: 1, //在远处时由于pointBudget限制而展示稀疏,凑近时就变为最高质量了
  109. pointBudget :4*1000*1000, //要使点云达到200个以上时还不卡
  110. percentByUser:true,
  111. minNodeSize : 80 , //点云多的话远处的尽量就不可见吧
  112. },
  113. low:{//highPerformance
  114. maxLevelPercent: 0.4, //最小为0
  115. percentByUser:true, //如果用户定义了percent,使用用户的
  116. pointBudget : browser.isMobile() ? 1*1000*1000 : 2*1000*1000,
  117. minNodeSize : 40 / window.devicePixelRatio ,
  118. },
  119. middle:{//balanced //不同场景相同级别所产生的numVisibleNodes和numVisiblePoints不同,如果分层比较细,可能要到level8才能看清,那么level5看到的点就很大且很少,如隧道t-e2Kb2iU
  120. maxLevelPercent: 0.7,
  121. percentByUser:true,
  122. pointBudget: browser.isMobile() ? 1.5*1000*1000 : 3.5*1000*1000,
  123. minNodeSize : 30 / window.devicePixelRatio ,
  124. },
  125. high:{//highQuality
  126. maxLevelPercent: 1,
  127. percentByUser:true,
  128. pointBudget:browser.isMobile() ? 3*1000*1000 : 6*1000*1000, //原本最高是8,但是大部分电脑都太卡了,降
  129. minNodeSize : 20 / window.devicePixelRatio , //手机上因为像素点小,远一点的时候更需要加载密集的点云。(没事,有pointBudget限制着,会先从近处加载高级node,再远就不加载了)
  130. },
  131. screenshot:{
  132. maxLevelPercent: 1,
  133. pointBudget: browser.isMobile() ? 4*1000*1000 : 10*1000*1000, //一般只有电脑需要截图,手机的加载多会崩
  134. minNodeSize : 40 / window.devicePixelRatio ,
  135. },
  136. screenshot2:{
  137. maxLevelPercent: 1,
  138. pointBudget: browser.isMobile() ? 8*1000*1000 : 15*1000*1000,
  139. minNodeSize : 20 / window.devicePixelRatio ,
  140. },
  141. ultraHigh:{
  142. maxLevelPercent: 1,
  143. pointBudget: 20*1000*1000,
  144. minNodeSize : 10 / window.devicePixelRatio,
  145. }
  146. //数值由testLevelSteps得来,其中nodeMaxLevel为2时,low和middle的都是1,如果真有这么低的点云就单独处理下。
  147. //多个viewport尽量保证pointBudget一样,或者pointBudget不能太低于所需,否则会反复加载了又清除
  148. },
  149. clip:{
  150. color: '#FFC266', //map
  151. },
  152. measure:{
  153. color:'#00C8AF',
  154. default:{
  155. color:"#64C8BB",//"#00c7b2",
  156. opacity:0.7
  157. },
  158. highlight:{
  159. color:'#00C8AF',//"#00c7b2",
  160. opacity:1,
  161. labelOpacity:0.7//1会挡住线和端点
  162. },
  163. guide:{
  164. color:'#FFFFFF',
  165. opacity:0.8
  166. }
  167. ,
  168. backColor:'#333333',
  169. lineWidth: 3,
  170. textColor: "#000000", //"#FFFFFF"
  171. mulLabelHideFaraway : false ,// 多折线根据远近显示label
  172. adsorptMinDis : 30, //最小吸附距离(像素)
  173. },
  174. material:{//初始化
  175. pointSize: 0.1,
  176. realPointSize : 0.1,//实际上的ui滑动条默认大小(兼容旧的版本)
  177. minSize: 0.1,
  178. maxSize: 10000,
  179. pointSizeType: 'ATTENUATED', //'ADAPTIVE'//'ADAPTIVE' \ FIXED //ADAPTIVE的在小房间里大小会不太匹配,但在远景似乎更好
  180. /*
  181. ATTENUATED : 衰减 真实大小,靠近时感觉是点云一点点变多,缝隙变小
  182. ADAPTIVE: 自适应 大小根据level变化,越高越小。靠近时感觉点云由大慢慢细分成小份。这个感觉更佳但是navvis为何不用这个
  183. */
  184. absolutePanoramaSize: 1.3 ,//全景漫游时的size 是fixed的模式
  185. //sizeAtPanoRtEDL : 2000,
  186. pointColor:'#ffffff',
  187. //sizeAddAtPanoRtEDL : 0.5, //全景模式静止时的size
  188. //ADAPTIVE : 字会失真扭曲
  189. //'ATTENUATED' 往旁边看有缝隙、点在浮动
  190. }
  191. ,
  192. skyboxBgWidth : 100 ,
  193. renderLayers:{//渲染层,方便分批渲染管理,替代scene的创建。数字不代表顺序。(数字不能太大)
  194. bg: 20,
  195. bg2: 21,
  196. skybox: 1,
  197. pointcloud: 11,
  198. sceneObjects:0,//default
  199. model : 2,
  200. light: 15,
  201. measure:4,
  202. magnifier:5,
  203. magnifierContent:16,
  204. volume:6,
  205. transformationTool:7,
  206. map:8,
  207. mapObjects:9,//default
  208. bothMapAndScene: 3,
  209. siteModeOnlyMapVisi:12,//只能mapViewer可见
  210. siteModelMapUnvisi:13,//只有mapViewer不可见
  211. siteModeSideVisi:14,//只有侧面可见
  212. layer1: 18,// 备用1
  213. layer2: 17,// 备用2
  214. },
  215. renderOrders:{ //会影响到绘制、pick时的顺序。
  216. model:10,
  217. reticule:5,
  218. measureMarker: 6,
  219. measureLabelSub: 7,
  220. measureLabel: 8,
  221. sorptionSign:10,
  222. model:10,
  223. magnifier:50,
  224. },
  225. siteModel:{
  226. names:{
  227. 'building': '建筑',
  228. 'floor':'楼层',
  229. 'room':'房间'
  230. },
  231. floorHeightDefault: 5,//一层楼的高度
  232. },
  233. panosEdit:{
  234. },
  235. tiling: {
  236. panoPreRenderRepeatDelay: 2500,
  237. panoPreRenderDelay: 500,
  238. preRenderTourPanos: browser.valueFromHash("tileprerender", 0),
  239. tilingFlagNames: ["usetiles", "tiles"],
  240. maxNavPanoQuality: browser.valueFromHash("maxtileq", null),
  241. maxZoomPanoQuality: browser.valueFromHash("maxztileq", null),
  242. overlayStyle: browser.valueFromHash("tileoverlay", 0),
  243. uploadIntervalDelay: browser.valueFromHash("tileupdelay", 10 ),
  244. initialIntervalDelay: browser.valueFromHash("itiledelay", 0),
  245. maxNonBaseUploadsPerFrame: browser.valueFromHash("maxnbtpf", 1),
  246. maxBaseUploadsPerFrame: browser.valueFromHash("maxbtpf",6),
  247. customCompression: browser.valueFromHash("tilecustcomp", 0),
  248. mobileHighQualityOverride: !1,
  249. allowUltraHighResolution: !0
  250. },
  251. navigation: {
  252. panoScores: !1,
  253. mouseDirection: !0,
  254. filterStrictness: .75,
  255. angleFactor: -30,
  256. directionFactor: 10,
  257. distanceFactor: -1,
  258. optionalityFactor: 3
  259. }
  260. ,
  261. axis : { 'x':{color:'#ea3f3f'/* '#d0021b' */ /* 'red' */}, 'y':{ color:'#86c215' /* '#86c542' *//* 'green' */}, 'z': {color:'#3396f8'/* '#3399c8' */ /* 'blue' */}, 'xyz':{color:'#ccc',}},
  262. shelterMargin:0.15, //多少米内不算遮挡 (有的场景深度图不准,和点云差别蛮大如SG-t-24F0iT3pKAO)
  263. highQualityMaxZoom: 2,
  264. ultraHighQualityMaxZoom: 3,
  265. panoFieldRadius : 10, //当前位置多远范围内可以切全景模式
  266. clickMaxDragDis:3,
  267. clickMaxPressTime:200, //ms
  268. doubleClickTime:300,//双击间隔时间
  269. testNodeCount1: browser.isMobile() ? 6 : 4, //testMaxNode次数达到这个数字时,changePointSize才使用nodeMaxLevel。 (调试时比较卡,在线上实际只需要3)
  270. background: '#232323',
  271. mapBG:/* '#232323', */ '#F5F5F5', //地图的clearColor
  272. pickFrontPointRatio:50,
  273. colors: { //from navvis
  274. red: [213,0,0],
  275. pink: [197,17,98],
  276. purple: [170,0,255],
  277. "deep purple": [98,0,234],
  278. blue: [ 41,98,255],
  279. "light blue": [ 0,145,234],
  280. cyan: [ 0,184,212],
  281. teal: [ 0,191,165],
  282. green: [0,200,83],
  283. "light green": [ 100,221,23],
  284. lime: [ 174,234,0],
  285. yellow: [ 255,214,0],
  286. amber: [ 255,171,0],
  287. orange: [ 255,109,0],
  288. "deep orange": [ 255,61,0],
  289. },
  290. depthTexUVyLimit: 0.141, // 在这个范围内是没有深度的,从图片算的0.14003, 设置为稍大于这个数值
  291. }
  292. config.OrthoCameraLimit = {
  293. standard:{
  294. zoom:{min:0.0004, max:500}, //如果camera缩太小,地图会因为数字边界问题而扭曲
  295. latPad:20,
  296. xBound:[-4e6, 4e6],
  297. },
  298. expand:{
  299. zoom:{min:0.0004, max:500}, //如果camera缩太小,地图会因为数字边界问题而扭曲
  300. latPad:20,
  301. xBound:[-6e6, 6e6],
  302. },
  303. }
  304. /* 显示模式:
  305. 1只显示点云: 滚轮为前进后退,方向键可以行走。进入漫游点时自动变为混合(这样全景可以弥补缝隙),过渡时只显示点云。
  306. 2只显示全景: 不能任意行走。 过渡时显示贴图材质非edl的点云(否则有折痕不贴合)。
  307. 3混合:都显示。 不能任意行走。过渡时显示贴图材质非edl的点云(因为只显示点云的话不太美,点云很碎,不细腻)
  308. */
  309. window.testLevelSteps = function(steps){//[0.4,0.7,1]
  310. if(!steps){
  311. let s = Potree.config.pointDensity;
  312. steps = [s.low.maxLevelPercent, s.middle.maxLevelPercent, s.high.maxLevelPercent, ]
  313. }
  314. let max = 1
  315. while(++max<=12){
  316. let r1 = steps.map(e=>e * max);
  317. let r2 = steps.map(e=>Math.round(e * max));
  318. console.log(`当nodeMaxLevel为${max}时,每一级的level分别为${r2}, (小数:${r1})`)
  319. }
  320. console.log('请检查每一层的三个level是否有重复')
  321. }
  322. function getPrefix(){
  323. let u = window.location.href.split('//')
  324. let v = u[1].split('/');
  325. return v[0]
  326. }
  327. let isTest = browser.urlHasValue('test')
  328. let settings = {//设置 可修改
  329. editType : '',
  330. number: '', //场景序号
  331. originDatasetId:'',//场景原本的数据集id,应该就是数据集第一个吧
  332. isOfficial:false,
  333. webSite:'testdata',//正式:'datav1', //不同环境对应的静态文件的地址不同
  334. isLocal:false, //是否本地 局域网版本
  335. libsUrl:'../libs/',
  336. displayMode:'',
  337. isTest ,
  338. prefix: getPrefix(),
  339. pointDensity: '', UserPointDensity:'',//pointDensity会随着进入不同的模块而自动改变,UserPointDensity记录了用户的设置
  340. UserDensityPercent:null,//点云密度百分比
  341. ifShowMarker:true,//显示漫游点
  342. floorplanType:{},//平面图类型 'default' | 'diy' 不同数据集不同{datasetId:...}
  343. floorplanEnable:false,
  344. floorplanEnables:{},
  345. floorplanRequests:{},//开始加载了的
  346. mapEnable:true,//地图区域是否加载地图
  347. cameraFar : config.view.far, //相机最远范围 1-300
  348. //limitFar: true, //是否使用setting的cameraFar来限制(如在点云裁剪时为false)
  349. showPanoMesh:false, //显示小球,
  350. dblToFocusPoint:false,//调试时如果需要双击飞向某个点云的点,就打开。此时不在漫游点的话单击将无法漫游。//因和单击漫游冲突
  351. unableNavigate : false,//进入如裁剪界面时 禁止漫游
  352. sizeFitToLevel: false,//当type为衰减模式时自动根据level调节大小。每长一级,大小就除以2
  353. zoom:{
  354. enabled : true,
  355. min:1,
  356. max: config.highQualityMaxZoom
  357. },
  358. navConstantly:true,
  359. navTileClass: /* browser.isMobile() ? '1k' : */ '2k', //默认加载到
  360. tileClass:'4k', //最高可达
  361. /* loadTilesWhenUnfocus:false, //页面unfocus时也仍在加载tiles
  362. loadPointsWhenUnfocus:true, //页面unfocus时也仍在加载点云 */
  363. //initialShowPano:true
  364. drawEntityData: false, //包括marker、线
  365. zoomFromPointert:{//定点缩放(包括点云模式、全景模式、地图)
  366. whenPanos:true,
  367. whenPointCloud:true,
  368. map:true,
  369. },
  370. rotAroundPoint:true,//点云模式是否能绕intersectPoint旋转
  371. tourTestCameraMove:false, //测试镜头时,不移动真实的镜头, 只移动frustum
  372. cameraAniSmoothRatio : 20, //镜头动画平滑系数,越高越平滑
  373. urls : $.extend({}, config.urls, {
  374. prefix : config.urls.prefix4 //主要使用的 是测试环境,根据不同工程更改
  375. }),
  376. useDepthTex: true,//使用深度贴图,但不代表一定有(得到的intersect更快速准确和稳定) SS-t-7DUfWAUZ3V
  377. //matUseDepth:false,
  378. //panoEdit:
  379. datasetsPanos:{},
  380. //mergeModel:
  381. boundAddObjs:false,
  382. intersectOnObjs:false,
  383. intersectWhenHover:true,
  384. depTexLocBindDataset: true,//是否在pano模式下,使用深度图得到intersect的话,改intersect能属于该pano所在的点云。也就相当于在全景模式下intersect的点属于该全景图
  385. notAdditiveBlending:false, //点云是否使用普通的blend, 否则会曝光过渡
  386. precision:2, // 两位小数
  387. unit: 'm',
  388. useV4url:true, //v4的全景图等路径不一样 scene_view_data
  389. useRTskybox:true, //直接使用rtEDL绘制到屏幕,当是全景模式时. 在降4倍时能给render节省1毫秒,gpu时间未测
  390. useRTPoint:true, //直接使用rtEDL绘制到屏幕,当是点云模式时。可以大大节省gpu时间。但有锯齿
  391. pointEnableRT:false,//点云模式时是否绘制到rtEDL。如果不需要遮挡效果就不需绘制
  392. cloudSameMat:true, //因为点云个数较多,就使用相同的材质,可见降低绘制速度(要保证所有点云的maxNodelevel一样,且要算出 material.spacing的平均值)
  393. showCompass : false,
  394. showAxis : isTest,
  395. //testCube : true,
  396. // moveToCenter:true, //针对数据集间隔很远的场景 dis>5000 容易抖动
  397. tiles3DMaxMemory: config.tiles3DMaxMemory,
  398. adsorption:false,//测量时吸附点
  399. pickFrontPointRatio:config.pickFrontPointRatio, //默认pick点云时选中靠近镜头的点的偏向
  400. dragPolyBeyondPoint: browser.urlHasValue('dragPolyBeyondPoint'), //ctrlPolygon是否可以拖拽到没点云的地方
  401. panoZoomByPointer: false,//全景图是否定点缩放
  402. areaAtNotPlane: false,
  403. fastTran: isTest
  404. }
  405. Potree.config = config
  406. Potree.settings = settings
  407. settings.isLocalhost = settings.prefix.includes('localhost:') || settings.prefix.includes('localhost:')
  408. settings.isFormal = browser.urlHasValue('formal')//正式环境 本地测试
  409. if(settings.isFormal){
  410. settings.urls.prefix = settings.urls.prefix5
  411. settings.webSite = 'datav1'
  412. }
  413. export {config, settings}