ViewerNew.js 225 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567356835693570357135723573357435753576357735783579358035813582358335843585358635873588358935903591359235933594359535963597359835993600360136023603360436053606360736083609361036113612361336143615361636173618361936203621362236233624362536263627362836293630363136323633363436353636363736383639364036413642364336443645364636473648364936503651365236533654365536563657365836593660366136623663366436653666366736683669367036713672367336743675367636773678367936803681368236833684368536863687368836893690369136923693369436953696369736983699370037013702370337043705370637073708370937103711371237133714371537163717371837193720372137223723372437253726372737283729373037313732373337343735373637373738373937403741374237433744374537463747374837493750375137523753375437553756375737583759376037613762376337643765376637673768376937703771377237733774377537763777377837793780378137823783378437853786378737883789379037913792379337943795379637973798379938003801380238033804380538063807380838093810381138123813381438153816381738183819382038213822382338243825382638273828382938303831383238333834383538363837383838393840384138423843384438453846384738483849385038513852385338543855385638573858385938603861386238633864386538663867386838693870387138723873387438753876387738783879388038813882388338843885388638873888388938903891389238933894389538963897389838993900390139023903390439053906390739083909391039113912391339143915391639173918391939203921392239233924392539263927392839293930393139323933393439353936393739383939394039413942394339443945394639473948394939503951395239533954395539563957395839593960396139623963396439653966396739683969397039713972397339743975397639773978397939803981398239833984398539863987398839893990399139923993399439953996399739983999400040014002400340044005400640074008400940104011401240134014401540164017401840194020402140224023402440254026402740284029403040314032403340344035403640374038403940404041404240434044404540464047404840494050405140524053405440554056405740584059406040614062406340644065406640674068406940704071407240734074407540764077407840794080408140824083408440854086408740884089409040914092409340944095409640974098409941004101410241034104410541064107410841094110411141124113411441154116411741184119412041214122412341244125412641274128412941304131413241334134413541364137413841394140414141424143414441454146414741484149415041514152415341544155415641574158415941604161416241634164416541664167416841694170417141724173417441754176417741784179418041814182418341844185418641874188418941904191419241934194419541964197419841994200420142024203420442054206420742084209421042114212421342144215421642174218421942204221422242234224422542264227422842294230423142324233423442354236423742384239424042414242424342444245424642474248424942504251425242534254425542564257425842594260426142624263426442654266426742684269427042714272427342744275427642774278427942804281428242834284428542864287428842894290429142924293429442954296429742984299430043014302430343044305430643074308430943104311431243134314431543164317431843194320432143224323432443254326432743284329433043314332433343344335433643374338433943404341434243434344434543464347434843494350435143524353435443554356435743584359436043614362436343644365436643674368436943704371437243734374437543764377437843794380438143824383438443854386438743884389439043914392439343944395439643974398439944004401440244034404440544064407440844094410441144124413441444154416441744184419442044214422442344244425442644274428442944304431443244334434443544364437443844394440444144424443444444454446444744484449445044514452445344544455445644574458445944604461446244634464446544664467446844694470447144724473447444754476447744784479448044814482448344844485448644874488448944904491449244934494449544964497449844994500450145024503450445054506450745084509451045114512451345144515451645174518451945204521452245234524452545264527452845294530453145324533453445354536453745384539454045414542454345444545454645474548454945504551455245534554455545564557455845594560456145624563456445654566456745684569457045714572457345744575457645774578457945804581458245834584458545864587458845894590459145924593459445954596459745984599460046014602460346044605460646074608460946104611461246134614461546164617461846194620462146224623462446254626462746284629463046314632463346344635463646374638463946404641464246434644464546464647464846494650465146524653465446554656465746584659466046614662466346644665466646674668466946704671467246734674467546764677467846794680468146824683468446854686468746884689469046914692469346944695469646974698469947004701470247034704470547064707470847094710471147124713471447154716471747184719472047214722472347244725472647274728472947304731473247334734473547364737473847394740474147424743474447454746474747484749475047514752475347544755475647574758475947604761476247634764476547664767476847694770477147724773477447754776477747784779478047814782478347844785478647874788478947904791479247934794479547964797479847994800480148024803480448054806480748084809481048114812481348144815481648174818481948204821482248234824482548264827482848294830483148324833483448354836483748384839484048414842484348444845484648474848484948504851485248534854485548564857485848594860486148624863486448654866486748684869487048714872487348744875487648774878487948804881488248834884488548864887488848894890489148924893489448954896489748984899490049014902490349044905490649074908490949104911491249134914491549164917491849194920492149224923492449254926492749284929493049314932493349344935493649374938493949404941494249434944494549464947494849494950495149524953495449554956495749584959496049614962496349644965496649674968496949704971497249734974497549764977497849794980498149824983498449854986498749884989499049914992499349944995499649974998499950005001500250035004500550065007500850095010501150125013501450155016501750185019502050215022502350245025502650275028502950305031503250335034503550365037503850395040504150425043504450455046504750485049505050515052505350545055505650575058505950605061506250635064506550665067506850695070507150725073507450755076507750785079508050815082508350845085508650875088508950905091509250935094509550965097509850995100510151025103510451055106510751085109511051115112511351145115511651175118511951205121512251235124512551265127512851295130513151325133513451355136513751385139514051415142514351445145514651475148514951505151515251535154515551565157515851595160516151625163516451655166516751685169517051715172517351745175517651775178517951805181518251835184518551865187518851895190519151925193519451955196519751985199520052015202520352045205520652075208520952105211521252135214521552165217521852195220522152225223522452255226522752285229523052315232523352345235523652375238523952405241524252435244524552465247524852495250525152525253525452555256525752585259526052615262526352645265526652675268526952705271527252735274527552765277527852795280528152825283528452855286528752885289529052915292529352945295529652975298529953005301530253035304530553065307530853095310531153125313531453155316531753185319532053215322532353245325532653275328532953305331533253335334533553365337533853395340534153425343534453455346534753485349535053515352535353545355535653575358535953605361536253635364536553665367536853695370537153725373537453755376537753785379538053815382538353845385538653875388538953905391539253935394539553965397539853995400540154025403540454055406540754085409541054115412541354145415541654175418541954205421542254235424542554265427542854295430543154325433543454355436543754385439544054415442544354445445544654475448544954505451545254535454545554565457545854595460546154625463546454655466546754685469547054715472547354745475547654775478547954805481548254835484548554865487548854895490549154925493549454955496549754985499550055015502550355045505550655075508550955105511551255135514551555165517551855195520552155225523552455255526552755285529553055315532553355345535553655375538553955405541554255435544554555465547554855495550555155525553555455555556555755585559556055615562556355645565556655675568556955705571557255735574557555765577557855795580558155825583558455855586558755885589559055915592559355945595559655975598559956005601560256035604560556065607560856095610561156125613561456155616561756185619562056215622562356245625562656275628562956305631563256335634563556365637563856395640564156425643564456455646564756485649565056515652565356545655565656575658565956605661566256635664566556665667566856695670567156725673567456755676567756785679568056815682568356845685568656875688568956905691569256935694569556965697569856995700570157025703570457055706570757085709571057115712571357145715571657175718571957205721572257235724572557265727572857295730573157325733573457355736573757385739574057415742574357445745574657475748574957505751575257535754575557565757575857595760576157625763576457655766576757685769577057715772577357745775577657775778577957805781578257835784578557865787578857895790579157925793579457955796579757985799580058015802580358045805580658075808580958105811581258135814581558165817581858195820582158225823582458255826582758285829583058315832583358345835583658375838583958405841584258435844584558465847584858495850585158525853585458555856585758585859586058615862586358645865586658675868586958705871587258735874587558765877587858795880588158825883588458855886588758885889589058915892589358945895589658975898589959005901590259035904590559065907590859095910591159125913591459155916591759185919592059215922592359245925592659275928592959305931593259335934593559365937593859395940
  1. import * as THREE from "../../../libs/three.js/build/three.module.js";
  2. import {ClipTask, ClipMethod, CameraMode, LengthUnits, ElevationGradientRepeat} from "../../defines.js";
  3. import {TagTool} from "../objects/tool/TagTool.js";
  4. import Compass from "../objects/tool/Compass.js";
  5. import AxisViewer from "../objects/tool/AxisViewer.js";
  6. import {ExtendScene} from '../../viewer/ExtendScene.js'
  7. import {transitions, easing, lerp} from '../utils/transitions.js'
  8. import {Renderer} from "../../PotreeRendererNew.js";
  9. //import {PotreeRenderer} from "../viewer/PotreeRenderer.js";
  10. import {EDLRenderer} from "../../viewer/EDLRendererNew.js";
  11. import {HQSplatRenderer} from "../../viewer/HQSplatRenderer.js";
  12. import {MapViewer} from "./map/MapViewer.js";
  13. import {NavigationCube} from '../../viewer/NavigationCube.js'
  14. //import {MapView} from "../viewer/map.js";
  15. import {ProfileWindow, ProfileWindowController} from "../../viewer/profile.js";
  16. import {Features} from "../../Features.js";
  17. import {Message} from "../../utils/Message.js";
  18. import {Sidebar} from "../../viewer/sidebarNew.js";
  19. import {AnnotationTool} from "../../utils/AnnotationTool.js";
  20. import {MeasuringTool} from "../objects/tool/MeasuringTool.js";
  21. import CursorDeal from '../utils/CursorDeal.js'
  22. import Common from '../utils/Common.js'
  23. import browser from '../utils/browser.js'
  24. import SplitScreen from '../utils/SplitScreen.js'
  25. import cameraLight from "../utils/cameraLight.js";
  26. import math from "../utils/math.js";
  27. import {MeshDraw} from '../utils/DrawUtil.js'
  28. import {UoMService} from '../utils/UnitConvert.js'
  29. import {ClippingTool} from "../../utils/ClippingTool.js";
  30. import {TransformationTool} from "../../utils/TransformationToolNew.js";
  31. import {Utils} from "../../utils.js";
  32. import {BoxVolume} from "../../utils/VolumeNew.js";
  33. import {VolumeTool} from "../../utils/VolumeTool.js";
  34. import {Images360} from "../modules/panos/Images360.js";
  35. import {Clip} from '../modules/clipModel/Clip.js'
  36. import {Alignment} from "../modules/datasetAlignment/Alignment.js";
  37. import {SiteModel} from "../modules/siteModel/SiteModel.js";
  38. import MergeEditor from "../modules/mergeModel/MergeEditor.js";
  39. import {RouteGuider} from '../modules/route/RouteGuider.js'
  40. import {Clipping} from '../modules/clipping/Clipping.js'
  41. import ParticleEditor from '../modules/Particles/ParticleEditor.js'
  42. import CamAniEditor from '../modules/CameraAnimation/CamAniEditor.js'
  43. import PanoEditor from '../modules/panoEdit/panoEditor.js'
  44. import VolumeComputer from '../modules/VolumeCompute/VolumeComputer.js'
  45. import {InputHandler} from "../../navigation/InputHandlerNew.js";
  46. import Magnifier from "../objects/Magnifier.js";
  47. import Reticule from "../objects/Reticule.js";
  48. import Viewport from "../viewer/Viewport.js"
  49. import {ViewerBase} from "../viewer/viewerBase.js"
  50. import {OBJLoader} from "../../../libs/three.js/loaders/OBJLoader.js";
  51. import {MTLLoader} from "../../../libs/three.js/loaders/MTLLoader.js";
  52. import {GLTFLoader} from "../../../libs/three.js/loaders/GLTFLoader.js";
  53. import {Loader3DTiles} from '../../../libs/three.js/3dtiles/three-loader-3dtiles.esm.js';
  54. import {PLYLoader} from "../../../libs/three.js/loaders/PLYLoader.js";
  55. import SSAARenderPass from "../materials/postprocessing/SSAARenderPass.js"
  56. import EffectComposer from '../materials/postprocessing/EffectComposer.js'
  57. import {ShaderPass} from '../materials/postprocessing/ShaderPass.js'
  58. import RenderPass from '../materials/postprocessing/RenderPass.js'
  59. import FXAAShader from "../materials/postprocessing/FXAAShader.js"
  60. import OutlinePass from "../materials/postprocessing/OutlinePass.js"
  61. import BasicMaterial from '../materials/BasicMaterial.js'
  62. //import {RoomEnvironment} from './RoomEnvironment.js'
  63. import {FirstPersonControls} from "../../navigation/FirstPersonControlsNew.js";
  64. import {OrbitControls} from "../../navigation/OrbitControlsNew.js";
  65. //import {VRControls} from "../../navigation/VRControlsNew.js";
  66. import { ClassificationScheme } from "../../materials/ClassificationScheme.js";
  67. import { VRButton } from '../../../libs/three.js/extra/VRButton.js';
  68. const manager = new THREE.LoadingManager();
  69. let loaders = {}
  70. let mapArea;
  71. let shelterHistory = []
  72. Potree.isIframeChild = window.parent!=window //子页面
  73. /* if(Potree.isIframeChild){
  74. let rootWin = Common.getRootWindow()
  75. rootWin && rootWin.viewer.dispatchEvent({type:'createIframe', window}) //给祖先页面发送信息,得不到可能跨域了或无viewer
  76. } */
  77. /* window.addEventListener('focus',()=>{
  78. console.log('focus',window.winIndex)
  79. })
  80. window.addEventListener('blur',()=>{
  81. console.log('blur',window.winIndex)
  82. }) */
  83. export class Viewer extends ViewerBase{
  84. constructor(domElement, mapArea_, args = {}){
  85. super(domElement, $.extend(args,{name:'mainViewer', antialias:true, preserveDrawingBuffer:true}));
  86. //注:viewer因为要分屏,尤其是四屏,preserveDrawingBuffer需要为true, 否则无法局部clear
  87. window.viewer = this
  88. mapArea = mapArea_
  89. if(Potree.settings.editType == "pano" || Potree.settings.editType == "merge"){
  90. this.modules = {
  91. Alignment,
  92. SiteModel
  93. }
  94. Potree.settings.useDepthTex = false
  95. if(Potree.settings.editType == "pano" ){
  96. this.modules.PanoEditor = PanoEditor
  97. }else if(Potree.settings.editType == "merge"){
  98. this.modules.MergeEditor = MergeEditor
  99. this.modules.CamAniEditor = CamAniEditor
  100. }
  101. }else{
  102. this.modules = {
  103. Clip,
  104. Alignment,
  105. SiteModel,
  106. RouteGuider : new RouteGuider,
  107. clipping: new Clipping,
  108. ParticleEditor,
  109. CamAniEditor,
  110. volumeComputer: new VolumeComputer
  111. }
  112. }
  113. {
  114. Potree.timeCollect = {
  115. //median预置一个中等值,以防止cpu过低的设备首次卡顿
  116. //depthSampler : {minCount:400, median: 1}, //旧的 实时从图片中获取色值的用时,但是现在直接从data中取
  117. depthSamChangeImg:{minCount:200, median: 25} //换图的用时。 需要一开始就start
  118. }
  119. for(let i in Potree.timeCollect){
  120. Potree.timeCollect[i].measures = [];
  121. Potree.timeCollect[i].sum = 0;
  122. }
  123. setTimeout(()=>{
  124. for(let i in Potree.timeCollect){
  125. Potree.timeCollect[i].start = true
  126. }
  127. /* setTimeout(()=>{
  128. console.log('timeCollect', Potree.timeCollect.depthSampler.median, Potree.timeCollect.depthSampler.ave, Potree.timeCollect.depthSampler.measures.length)
  129. },10000) */
  130. },2000)
  131. }
  132. this.navigateMode = 'free' // 'panorama'; 'free'自由模式是只显示点云或者未进入到漫游点,
  133. this.isEdit = true
  134. this.waitQueue = []
  135. this.unitConvert = new UoMService();
  136. this.visible = true
  137. this.fpVisiDatasets = []
  138. this.atDatasets = []
  139. this.objs = new THREE.Object3D
  140. this.testMaxNodeCount = 0
  141. this.tiles3dVisiVCount = 0
  142. //this.lastPos = new THREE.Vector3(Infinity,Infinity,Infinity)
  143. //-------------
  144. var supportExtFragDepth = !!Potree.Features.EXT_DEPTH.isSupported(this.renderer.getContext()) ;//iphoneX居然不支持
  145. //这意味着边缘增强和测量线遮挡失效
  146. if(!supportExtFragDepth)console.error('ExtFragDepth unsupported! 边缘增强和测量线遮挡失效')
  147. this.guiLoaded = false;
  148. this.guiLoadTasks = [];
  149. this.onVrListeners = [];
  150. this.messages = [];
  151. this.elMessages = $(`
  152. <div id="message_listing"
  153. style="position: absolute; z-index: 1000; left: 10px; bottom: 10px">
  154. </div>`);
  155. $(domElement).append(this.elMessages);
  156. this.fakeMeasure = {};
  157. try{
  158. if(!Potree.settings.isOfficial)
  159. { // generate missing dom hierarchy
  160. if ($(domElement).find('#potree_map').length === 0) {
  161. let potreeMap = $(`
  162. <div id="potree_map" class="mapBox" style="position: absolute; left: 50px; top: 50px; width: 400px; height: 400px; display: none">
  163. <div id="potree_map_header" style="position: absolute; width: 100%; height: 25px; top: 0px; background-color: rgba(0,0,0,0.5); z-index: 1000; border-top-left-radius: 3px; border-top-right-radius: 3px;">
  164. </div>
  165. <div id="potree_map_content" class="map" style="position: absolute; z-index: 100; top: 25px; width: 100%; height: calc(100% - 25px); border: 2px solid rgba(0,0,0,0.5); box-sizing: border-box;"></div>
  166. </div>
  167. `);
  168. $(domElement).append(potreeMap);
  169. }
  170. if ($(domElement).find('#potree_description').length === 0) {
  171. let potreeDescription = $(`<div id="potree_description" class="potree_info_text"></div>`);
  172. $(domElement).append(potreeDescription);
  173. }
  174. if ($(domElement).find('#potree_annotations').length === 0) {
  175. let potreeAnnotationContainer = $(`
  176. <div id="potree_annotation_container"
  177. style="position: absolute; z-index: 100000; width: 100%; height: 100%; pointer-events: none;"></div>`);
  178. $(domElement).append(potreeAnnotationContainer);
  179. }
  180. if ($(domElement).find('#potree_quick_buttons').length === 0) {
  181. let potreeMap = $(`
  182. <div id="potree_quick_buttons" class="quick_buttons_container" style="">
  183. </div>
  184. `);
  185. $(domElement).append(potreeMap);
  186. }
  187. //add
  188. {
  189. if(!mapArea && Potree.settings.editType != 'merge'){
  190. $(domElement).append($("<div id='potree_labels'></div>"))
  191. mapArea = $("<div id='mapGaode'></div>")
  192. $(domElement).append(mapArea)
  193. mapArea = mapArea[0]
  194. }
  195. }
  196. /* let domRoot = this.renderer.domElement.parentElement;
  197. let elAttach = $("<input type='button' value='test'></input>");
  198. elAttach.css({
  199. position : "absolute",
  200. right : '10%',
  201. bottom: '20px',
  202. zIndex: "10000",
  203. fontSize:'1em', color:"black",
  204. background:'rgba(255,255,255,0.8)',
  205. })
  206. let state = false
  207. elAttach.on("click", () => {
  208. window.buttonFunction && window.buttonFunction()
  209. });
  210. domRoot.appendChild(elAttach[0]); */
  211. }
  212. this.tiles3dMemoryUsage = 0
  213. this.pointCloudLoadedCallback = args.onPointCloudLoaded || function () {};
  214. // if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
  215. // defaultSettings.navigation = "Orbit";
  216. // }
  217. this.server = null;
  218. this.fov = 60;
  219. this.isFlipYZ = false;
  220. this.useDEMCollisions = false;
  221. this.generateDEM = false;
  222. this.minNodeSize = 30; //允许加载的node的最小可见像素宽度。越大越省性能
  223. this.edlStrength = 1.0;
  224. this.edlRadius = 1.4;
  225. this.edlOpacity = 1.0;
  226. this.useEDL = false;
  227. this.description = "";
  228. this.classifications = ClassificationScheme.DEFAULT;
  229. this.moveSpeed = 1;
  230. this.lengthUnit = LengthUnits.METER;
  231. this.lengthUnitDisplay = LengthUnits.METER;
  232. this.showBoundingBox = false;
  233. this.showAnnotations = true;
  234. this.freeze = false;
  235. this.elevationGradientRepeat = ElevationGradientRepeat.CLAMP;
  236. this.filterReturnNumberRange = [0, 7];
  237. this.filterNumberOfReturnsRange = [0, 7];
  238. this.filterGPSTimeRange = [-Infinity, Infinity];
  239. this.filterPointSourceIDRange = [0, 65535];
  240. this.potreeRenderer = null;
  241. this.edlRenderer = null;
  242. this.pRenderer = null;
  243. this.scene = null;
  244. this.sceneVR = null;
  245. this.overlay = null;
  246. this.overlayCamera = null;
  247. this.inputHandler = null;
  248. this.controls = null;
  249. this.clippingTool = null;
  250. this.transformationTool = null;
  251. this.navigationCube = null;
  252. this.compass = null;
  253. this.skybox = null;
  254. this.clock = new THREE.Clock();
  255. this.background = null;
  256. this.buffers = new Map
  257. if(args.noDragAndDrop){
  258. }else{
  259. this.initDragAndDrop();
  260. }
  261. if(typeof Stats !== "undefined"){
  262. this.stats = new Stats();
  263. this.stats.showPanel( 0 ); // 0: fps, 1: ms, 2: mb, 3+: custom
  264. document.body.appendChild( this.stats.dom );
  265. }
  266. {
  267. this.overlay = new THREE.Scene();
  268. this.overlayCamera = new THREE.OrthographicCamera(
  269. 0, 1,
  270. 1, 0,
  271. -1000, 1000
  272. );
  273. }
  274. this.pRenderer = new Renderer(this.renderer);
  275. {
  276. let near = 2.5;
  277. let far = 10.0;
  278. let fov = 90;
  279. this.shadowTestCam = new THREE.PerspectiveCamera(90, 1, near, far);
  280. this.shadowTestCam.position.set(3.50, -2.80, 8.561);
  281. this.shadowTestCam.lookAt(new THREE.Vector3(0, 0, 4.87));
  282. }
  283. let scene = new ExtendScene(this.renderer);
  284. { // create VR scene
  285. this.sceneVR = new THREE.Scene();
  286. // let texture = new THREE.TextureLoader().load(`${Potree.resourcePath}/images/vr_controller_help.jpg`);
  287. // let plane = new THREE.PlaneBufferGeometry(1, 1, 1, 1);
  288. // let infoMaterial = new THREE.MeshBasicMaterial({map: texture});
  289. // let infoNode = new THREE.Mesh(plane, infoMaterial);
  290. // infoNode.position.set(-0.5, 1, 0);
  291. // infoNode.scale.set(0.4, 0.3, 1);
  292. // infoNode.lookAt(0, 1, 0)
  293. // this.sceneVR.add(infoNode);
  294. // window.infoNode = infoNode;
  295. }
  296. this.setScene(scene);
  297. //add: for 截图时抗锯齿
  298. {
  299. /* this.composer = new EffectComposer( this.renderer );
  300. this.ssaaRenderPass = new SSAARenderPass(0x000000, 0);
  301. this.composer.addPass( this.ssaaRenderPass );
  302. */
  303. //this.ssaaRenderPass.useCopy = true
  304. //this.ssaaRenderPass.renderToScreen = true;
  305. //this.ssaaRenderPass.needsSwap = false
  306. //见 https://threejs.org/examples/?q=AA#webgl_postprocessing_fxaa 效果和SSAA差不多,都对透明不太友好。
  307. /* let outlinePass = this.outlinePass = new OutlinePass( );
  308. this.ssaaRenderPass.addPass(outlinePass)
  309. */
  310. //ssaa有透明度、发黑的问题所以不用了
  311. //--------------------------
  312. this.composer = new EffectComposer( this.renderer );
  313. this.composer.scaleRatio = 4 //将底图和测量线绘制在一张高倍贴图上,for测量线不模糊
  314. this.composer.readTarget = true //把底图和测量线一起fxaa
  315. /* const renderPass = new RenderPass();
  316. //renderPass.clearColor = new THREE.Color( 0,0,0 );
  317. //renderPass.clearAlpha = 0;
  318. renderPass.clear = !this.composer.readTarget
  319. this.composer.addPass( renderPass );
  320. */
  321. //for 融合页面
  322. let outlinePass = this.outlinePass = new OutlinePass( );
  323. outlinePass.renderToScreen = true //这样更流畅,不用ssaa了,缺点是outline有锯齿
  324. outlinePass.enabled = false
  325. this.composer.addPass( outlinePass );
  326. outlinePass.edgeStrength = 4
  327. outlinePass.edgeGlow = 0
  328. outlinePass.visibleEdgeColor = new THREE.Color("#09a1b3")
  329. /* this.fxaaPass = new ShaderPass( FXAAShader );
  330. this.fxaaPass.readTarget = true //add
  331. this.fxaaPass.setSize = function(width, height){
  332. this.material.uniforms[ 'resolution' ].value.x = 1 / ( width ) ;
  333. this.material.uniforms[ 'resolution' ].value.y = 1 / ( height ) ;
  334. }
  335. this.fxaaPass.renderToScreen = true;
  336. this.composer.addPass( this.fxaaPass ); */
  337. //抗锯齿截图 效果时而好时而不好,文字比较模糊
  338. //这两个暂时不能一起用。目前刚好不需要一起用
  339. }
  340. {
  341. this.mainViewport = new Viewport( this.scene.view, this.scene.cameraP, {
  342. left:0, bottom:0, width:1, height: 1, name:'MainView'
  343. })
  344. this.viewports = [this.mainViewport]
  345. Potree.settings.showCompass && (this.compass = new Compass(Potree.settings.compassDom, this.mainViewport));
  346. //this.axis = new AxisViewer(this.mainViewport, this.renderArea )
  347. this.magnifier = new Magnifier(this);
  348. this.reticule = new Reticule(this)
  349. this.scene.scene.add(this.magnifier)
  350. this.scene.scene.add(this.reticule)
  351. if(Potree.settings.editType != "pano" && Potree.settings.editType != 'merge'){
  352. this.mapViewer = new MapViewer(mapArea/* $('#mapGaode')[0] */)
  353. }
  354. this.inputHandler = new InputHandler(this, this.scene.scene);
  355. this.inputHandler.containsMouse = true//初始化,使键盘事件在mainViewer有效
  356. //this.inputHandler.setScene(this.scene);
  357. //this.inputHandler.addInputListener(this);//add
  358. this.clippingTool = new ClippingTool(this);
  359. this.transformationTool = new TransformationTool(this);
  360. this.navigationCube = new NavigationCube(this);
  361. this.navigationCube.visible = false;
  362. this.createControls();
  363. this.clippingTool.setScene(this.scene);
  364. let onPointcloudAdded = (e) => {
  365. if (this.scene.pointclouds.length === 1) {
  366. let speed = e.pointcloud.boundingBox.getSize(new THREE.Vector3()).length();
  367. speed = speed / 2000;
  368. this.setMoveSpeed(speed);
  369. }
  370. };
  371. let onVolumeRemoved = (e) => {
  372. this.inputHandler.deselect(e.volume);
  373. };
  374. this.addEventListener('scene_changed', (e) => {
  375. this.inputHandler.setScene(e.scene);
  376. this.clippingTool.setScene(this.scene);
  377. if(!e.scene.hasEventListener("pointcloud_added", onPointcloudAdded)){
  378. e.scene.addEventListener("pointcloud_added", onPointcloudAdded);
  379. }
  380. if(!e.scene.hasEventListener("volume_removed", onPointcloudAdded)){
  381. e.scene.addEventListener("volume_removed", onVolumeRemoved);
  382. }
  383. });
  384. this.scene.addEventListener("volume_removed", onVolumeRemoved);
  385. this.scene.addEventListener('pointcloud_added', onPointcloudAdded);
  386. }
  387. { // set defaults
  388. this.setFOV(60);
  389. this.setEDLEnabled(false);
  390. this.setEDLRadius(3);
  391. this.setEDLStrength(0.01);
  392. this.setEDLOpacity(1.0);
  393. this.setPointBudget(1*1000*1000);
  394. this.setShowBoundingBox(false);
  395. this.setFreeze(false);
  396. this.setControls(this.fpControls/* orbitControls */);
  397. this.setBackground( new THREE.Color(Potree.config.background),1 /* 'gradient' */ );
  398. this.scaleFactor = 1;
  399. this.loadSettingsFromURL();
  400. }
  401. // start rendering!
  402. //if(args.useDefaultRenderLoop === undefined || args.useDefaultRenderLoop === true){
  403. //requestAnimationFrame(this.loop.bind(this));
  404. //}
  405. this.renderer.setAnimationLoop(this.loop.bind(this));
  406. this.loadGUI = this.loadGUI.bind(this);
  407. this.annotationTool = new AnnotationTool(this);
  408. this.measuringTool = new MeasuringTool(this);
  409. //this.profileTool = new ProfileTool(this);
  410. this.volumeTool = new VolumeTool(this);
  411. this.tagTool = new TagTool(this);
  412. //-----------
  413. CursorDeal.init(this, this.mapViewer ? [this, this.mapViewer] : [this])//ADD
  414. if(Potree.settings.editType == "pano"){
  415. this.modules.PanoEditor.init()
  416. }else if(Potree.settings.editType == "merge"){
  417. this.modules.MergeEditor.init()
  418. }else{
  419. this.modules.SiteModel.init()
  420. this.modules.ParticleEditor.init()
  421. }
  422. this.modules.Alignment.init()
  423. this.images360 = new Images360(this);
  424. this.scene.scene.add(this.objs);
  425. loaders = {
  426. objLoader : new OBJLoader( manager ),
  427. mtlLoader : new MTLLoader( manager ),
  428. glbLoader : new GLTFLoader(undefined, this.renderer, Potree.settings.libsUrl ),
  429. plyLoader : new PLYLoader( manager ),
  430. }
  431. //add test
  432. /* const environment = new RoomEnvironment();
  433. const pmremGenerator = new THREE.PMREMGenerator( this.renderer );
  434. this.scene.scene.environment = pmremGenerator.fromScene( environment ).texture;
  435. */
  436. //-----------
  437. this.modules.volumeComputer && this.modules.volumeComputer.init()
  438. }catch(e){
  439. this.onCrash(e);
  440. }
  441. //-----------------------add----------------------------------------------------
  442. /* {
  443. let ratio
  444. this.addEventListener('resize',(e)=>{
  445. if(ratio != e.deviceRatio){ //因为devicePixelRatio会影响到点云大小,所以改变时计算下点云大小
  446. viewer.scene.pointclouds.forEach(p => {
  447. p.changePointSize()
  448. })
  449. }
  450. ratio = e.deviceRatio
  451. })
  452. } */
  453. {
  454. let pointDensity = ''
  455. Object.defineProperty(Potree.settings , "pointDensity",{
  456. get: function() {
  457. return pointDensity
  458. },
  459. set: (density)=>{
  460. if(density){
  461. let config = Potree.config.pointDensity[density];
  462. let pointBudget = config.pointBudget;
  463. if(density == 'magnifier'){//尽可能不变pointBudget,否则点云可能会闪烁,因点云被释放又加载,如SS-t-7DUfWAUZ3V
  464. pointBudget = Math.max(Potree.pointBudget, Potree.config.pointDensity['magnifier'].pointBudget)
  465. }else if(this.magnifier.visible){//放大镜打开时要保证最低点云数量(全景模式没点)
  466. pointBudget = Math.max(pointBudget, Potree.config.pointDensity['magnifier'].pointBudget)
  467. }
  468. viewer.setMinNodeSize(config.minNodeSize || Potree.config.minNodeSize)
  469. viewer.setPointBudget(pointBudget );
  470. pointDensity = density
  471. this.setPointLevels()
  472. this.dispatchEvent('pointDensityChanged')
  473. }
  474. }
  475. })
  476. let UserPointDensity = ''
  477. Object.defineProperty(Potree.settings , "UserPointDensity",{
  478. get: function() {
  479. return UserPointDensity
  480. },
  481. set: (density)=>{
  482. if(UserPointDensity != density){
  483. if(Potree.settings.displayMode == 'showPointCloud' && this.viewports.length != 4){//漫游模式和四屏时都有自己的pointDensity
  484. Potree.settings.pointDensity = density
  485. }
  486. UserPointDensity = density
  487. this.dispatchEvent('UserPointDensityChanged')
  488. }
  489. }
  490. })
  491. }
  492. {
  493. let cameraFar = Potree.settings.cameraFar
  494. Object.defineProperty(Potree.settings , "cameraFar",{
  495. get: function() {
  496. return cameraFar
  497. },
  498. set: (far)=>{
  499. if(far != cameraFar){
  500. if(Potree.settings.displayMode != 'showPanos' && !this.fixCamFar){
  501. this.mainViewport.camera.far = far;
  502. this.mainViewport.camera.updateProjectionMatrix()
  503. }
  504. cameraFar = far
  505. }
  506. }
  507. })
  508. }
  509. /* this.reticule.addEventListener('update',(e)=>{
  510. this.needRender = true
  511. if(this.mapViewer && this.mapViewer.attachedToViewer)this.mapViewer.needRender = true //分屏时mapViewer也有reticule
  512. }) */
  513. this.reticule.addEventListener('update',(e)=>{
  514. this.reticule.hoverViewport && (this.reticule.hoverViewport.needRender = true)
  515. this.lazyRenderViewports()
  516. if(this.mapViewer && this.mapViewer.attachedToViewer &&
  517. (this.mapViewer.viewports[0].needRender || this.needRender ) ) this.mapViewer.needRender = true //分屏时mapViewer也有reticule
  518. })
  519. this.addEventListener('pointcloud_changed',(e)=>{
  520. if(this.screenshoting){
  521. this.viewports.filter(e=>!e.noPointcloud).forEach(e =>e.needRender = true)
  522. }
  523. else this.lazyRenderViewports()
  524. })
  525. this.addEventListener('allLoaded', ()=>{
  526. setTimeout(this.testPointcloudsMaxLevel.bind(this), 1000) //延迟一丢丢,等画面出现
  527. this.scene.pointclouds.forEach(pointcloud=>{
  528. pointcloud.addEventListener('isVisible',(e)=>{//是否显示该点的mesh(不显示也能走)
  529. //console.log('pointcloud isVisible', this.id, e.visible)
  530. if(e.reason != 'displayMode' ){
  531. this.updateModelBound('visibleChanged')
  532. }
  533. this.dispatchEvent('pointcloud_changed')
  534. })
  535. pointcloud.material.addEventListener('material_property_changed',()=>{
  536. this.dispatchEvent('pointcloud_changed')
  537. })
  538. })
  539. window.addEventListener('unfocusPage',(e)=>{
  540. console.log('unfocusPage',document.title)
  541. this.setDisplay(false)
  542. })
  543. window.addEventListener('focusPage',(e)=>{
  544. console.log('focusPage',document.title)
  545. this.setDisplay(true)
  546. })
  547. })
  548. if(Potree.settings.editType != 'pano' && Potree.settings.editType != 'merge'){
  549. this.addEventListener('switchFloorplanSelect',(e)=>{//进入平面图设置后 切换选中的数据集
  550. this.selectedFloorplan = e.pointcloud; //绝对显示
  551. this.updateFpVisiDatasets()
  552. let pointclouds;
  553. if(e.pointcloud){
  554. pointclouds = [e.pointcloud]
  555. }else if(this.fpVisiDatasets.length){
  556. pointclouds = this.fpVisiDatasets
  557. }
  558. pointclouds && this.mapViewer.fitToDatasets(pointclouds)
  559. })
  560. this.modules.SiteModel.bus.addEventListener('FloorChange',(e)=>{
  561. this.updateFpVisiDatasets()
  562. this.updatePanosVisibles(e.currentFloor) //问:编辑空间模型时,需不需要改为显示当前选择的楼层。因为若所在楼层和选中的不一致,修改选中楼层的轮廓却改不了marker显示很奇怪,尤其刚好在一个建筑内时。
  563. })
  564. this.mapViewer.mapLayer.addEventListener('floorplanLoaded',()=>{
  565. this.updateCadVisibles(this.fpVisiDatasets, true) //加载完成后重新更新下
  566. })
  567. /* this.modules.Clip.bus.addEventListener('updateSelectedDatasets',()=>{
  568. this.updateFpVisiDatasets()
  569. }) */
  570. }
  571. {
  572. let updated, zoomLevel
  573. let update = (e)=>{
  574. if(e.type == 'updateModelBound' || e.viewport == this.mainViewport && (e.changeInfo.positionChanged || zoomLevel != this.images360.zoomLevel)){
  575. zoomLevel = this.images360.zoomLevel; //对updateMarkerVisibles有影响
  576. //e.changeInfo.positionChanged && shelterHistory.clear() //清空
  577. (e.type == 'updateModelBound' || e.changeInfo.positionChanged) && this.updateDatasetAt() //更新所在数据集
  578. if(Potree.settings.ifShowMarker && Potree.settings.editType != 'merge'){
  579. Common. intervalTool.isWaiting('updateMarkerVisibles', ()=>{
  580. if(!this.mainViewport.view.isFlying() ){
  581. this.updateMarkerVisibles()
  582. }
  583. },500)
  584. }
  585. }
  586. }
  587. this.addEventListener('camera_changed', update)
  588. this.addEventListener('updateModelBound', update)
  589. this.addEventListener('showMarkerChanged',()=>{
  590. this.updatePanosVisibles(this.modules.SiteModel.currentFloor)
  591. this.updateMarkerVisibles()
  592. })
  593. /* if(!Potree.Features.EXT_DEPTH.isSupported()){
  594. this.images360.addEventListener('endChangeMode',(e)=>{
  595. if(e.mode == 'showPanos'){
  596. this.updateMarkerVisibles()
  597. }
  598. }) */
  599. this.images360.addEventListener('getNeighbourAuto',(e)=>{
  600. if(/* Potree.settings.displayMode == 'showPanos' && */e.panos.includes(this.images360.currentPano)){
  601. Common.intervalTool.isWaiting('updateMarkerVisibles', ()=>{
  602. this.updateMarkerVisibles()
  603. },500)
  604. }
  605. })
  606. /* } */
  607. }
  608. {
  609. let interval
  610. document.addEventListener('visibilitychange',(e)=>{
  611. let v = !document.hidden
  612. //console.warn('visibilitychange', v )
  613. this.dispatchEvent({type:'pageVisible', v } )
  614. if(this.screenshoting && !v){//截图过程中离开页面需要照常loop。但是尽量别离开页面,效果只能达到90%
  615. interval = setInterval(()=>{
  616. //console.log('force loop', Date.now())
  617. if(this.screenshoting){ //截图完成时如果还没回来就不loop
  618. this.loop(Date.now())
  619. }
  620. },50) //实际>1000, 浏览器会放慢定时器,放慢多少不确定
  621. }else if(v && interval){
  622. clearInterval(interval)
  623. }
  624. })
  625. }
  626. /* if(!Potree.isIframeChild){
  627. window.winIndex = 0;
  628. let index = 1;
  629. this.addEventListener('createIframe',(e)=>{//创建了子页面
  630. let child = e.window;
  631. child.winIndex = index ++;
  632. })
  633. //不知道删除iframe时是否那些模型还在内存里,需要释放吗? 如果要需要加一个事件
  634. } */
  635. /* {
  636. let setInteract = ()=>{
  637. this.interacted = true //标记这一帧用户有操作屏幕
  638. }
  639. this.addEventListener('global_mousedown', setInteract)
  640. this.addEventListener('global_touchmove', setInteract)
  641. this.addEventListener('global_mousewheel', setInteract)
  642. }
  643. {//针对数据集偏离中心很远后产生的精度损失而抖动
  644. this.addEventListener('camera_changed', e => {
  645. if(e.viewport == this.mainViewport && (e.changeInfo.positionChanged)){
  646. if(Potree.settings.editType != 'merge' && Potree.settings.editType != 'pano'){
  647. if(!this.mainViewport.view.isFlying() ){
  648. let pos = this.mainViewport.view.position.clone() // this.mainViewport.camera.getWorldPosition(new THREE.Vector3)
  649. if(pos.lengthSq() > 25000000){
  650. Common.intervalTool.isWaiting('moveWorldCenter', ()=>{
  651. pos = this.mainViewport.view.position.clone()
  652. this.mainViewport.view.translateWorld(-pos.x, -pos.y, -pos.z)
  653. this.scene.scene.position.sub(pos)
  654. console.log('变位置', pos)
  655. this.scene.pointclouds.forEach(cloud=>{
  656. Alignment.setMatrix(cloud)
  657. })
  658. },500)
  659. }
  660. }
  661. }
  662. }
  663. })
  664. }*/
  665. }
  666. lazyRenderViewports(updateCount){
  667. //本来要写this.needRender = true的, 但在分四个屏时防止太卡而排队render
  668. let viewports = this.viewports
  669. if(viewports.length == 1 || this.needRender){
  670. return this.needRender = true
  671. }
  672. const maxWaitTime = 200
  673. let now = Date.now()
  674. let maxRenderCount = 1
  675. viewports.forEach(e=>{
  676. if(now - e.lastRenderTime > maxWaitTime){
  677. e.needRender = true
  678. }
  679. })
  680. let renderCount = viewports.filter(e=>e.needRender).length
  681. //console.log('renderCount', renderCount)
  682. let list = viewports.filter(e=>!e.needRender).sort((a,b)=>a.lastRenderTime - b.lastRenderTime)//没有准备render的,按上次渲染时间排序,作为候补
  683. if(renderCount < maxRenderCount){ //还有名额,补齐
  684. list.slice(0, maxRenderCount - renderCount).forEach(e=>{
  685. e.needRender = true
  686. })
  687. }else if(list[0] && now - list[0].lastRenderTime > maxWaitTime){//名额不足时,考虑候补队列第一个是否超时,超时的话也渲染
  688. list[0].needRender = true
  689. }
  690. }
  691. ifPointBlockedByIntersect(point , panoId, soon ){//点是否被遮挡
  692. let ifShelter
  693. let now = Date.now()
  694. let extraPanoId = panoId != void 0
  695. if(!this.shelterCount)return
  696. let history = shelterHistory.find(e=>e.point.equals(point))
  697. let cameraPos = this.mainViewport.view.position.clone()
  698. if(panoId == void 0){
  699. if(this.images360.isAtPano(0.05)){
  700. panoId = this.images360.currentPano.id
  701. }
  702. }
  703. if(history){
  704. if(panoId != void 0){
  705. ifShelter = history.panos[panoId];
  706. }else{
  707. if(history.notAtPano.cameraPos && history.notAtPano.cameraPos.equals(cameraPos)){
  708. ifShelter = history.notAtPano.ifShelter
  709. }
  710. }
  711. let index = shelterHistory.indexOf(history) //先取出,稍后放回
  712. shelterHistory.splice(index, 1)
  713. }else{//新增
  714. history = {point, panos:{}, notAtPano:{}}
  715. const minCount = 100
  716. if(shelterHistory.length > minCount){//去除最早的
  717. let old
  718. while(old = shelterHistory[0], now - old.lastTime > 1000){//因为不知热点个数,所以需要加上时间限制,超过时间才能删。
  719. if(old == history || shelterHistory.length == minCount)break;
  720. shelterHistory.splice(0,1)
  721. //console.log('delete')
  722. }
  723. }
  724. }
  725. if(ifShelter == void 0){
  726. delete history.waitCompute
  727. if(this.mainViewport.view.isFlying()){
  728. return useLastResult()
  729. }
  730. if(panoId != void 0){
  731. let pano = this.images360.getPano(panoId)
  732. if((soon || this.shelterCount.byTex<this.shelterCount.maxByTex) && pano.depthTex){
  733. ifShelter = !!viewer.inputHandler.ifBlockedByIntersect({point, margin:Potree.config.shelterMargin, useDepthTex:true, pano, viewport:this.mainViewport } )
  734. history.panos[panoId] = ifShelter
  735. this.shelterCount.byTex ++ ;
  736. //console.log('computeByTex direct', panoId, point, ifShelter)
  737. }else{
  738. //console.log('延迟tex',panoId, point )
  739. history.waitCompute = {panoId, forceGet:extraPanoId }
  740. return useLastResult()
  741. }
  742. }else{
  743. if(/* history.ifShelter == void 0 || */ this.shelterCount.byCloud<this.shelterCount.maxByCloud){//弊端:第一个总是直接计算,后面的都是延后。但无法改进,因是一个个传进来的,无法预测。
  744. ifShelter = !!viewer.inputHandler.ifBlockedByIntersect({point, margin:Potree.config.shelterMargin, pickWindowSize:3} )
  745. history.notAtPano = {cameraPos , ifShelter }
  746. this.shelterCount.byCloud ++ ;
  747. //console.log('computeByCloud direct', point.toArray())
  748. }else{
  749. //console.log('延迟cloud' )
  750. history.waitCompute = {cameraPos}
  751. return useLastResult()
  752. }
  753. }
  754. }
  755. history.ifShelter = ifShelter
  756. history.lastTime = now
  757. shelterHistory.push(history) //最新使用的保持在最后一个,使队列按照从旧到新排列
  758. function useLastResult(){//暂时先用上一次的值
  759. shelterHistory.push(history)
  760. history.lastTime = now
  761. return history.ifShelter
  762. }
  763. return ifShelter
  764. }
  765. computeShelter(){
  766. //先算用深度图的,然后再点云;
  767. //let depthTiming = Potree.timeCollect.depthSampler.median
  768. let byTex=0, byCloud=0;
  769. let len = shelterHistory.length;
  770. let waitCloud = []
  771. let maxTexCount = Common.getBestCount('shelterMaxDepthSample', 1, 50, 1, 13 /* ,true */ )
  772. for(let i=len-1; i>=0; i--){
  773. let history = shelterHistory[i];
  774. if(history.waitCompute){
  775. if(history.waitCompute.panoId != void 0){
  776. if(!history.waitCompute.forceGet && (history.waitCompute.panoId != this.images360.currentPano.id || !this.images360.isAtPano(0.1))){
  777. delete history.waitCompute //取消计算
  778. }else{
  779. if(this.images360.currentPano.depthTex){
  780. if(byTex >= maxTexCount)break
  781. byTex ++
  782. let ifShelter = !!viewer.inputHandler.ifBlockedByIntersect({point:history.point, margin:Potree.config.shelterMargin, useDepthTex:true, viewport:this.mainViewport } )
  783. history.panos[this.images360.currentPano.id] = ifShelter
  784. history.ifShelter = ifShelter
  785. delete history.waitCompute
  786. //console.log('补1', history.point.toArray())
  787. }else{
  788. if(this.images360.currentPano.pointcloud.hasDepthTex){
  789. //先等待加载完深度图
  790. }else{
  791. waitCloud.push(history)
  792. }
  793. }
  794. }
  795. }else{
  796. waitCloud.push(history)
  797. }
  798. }
  799. }
  800. let maxCloudCount
  801. if(byTex < maxTexCount && waitCloud.length ){
  802. maxCloudCount = this.lastFrameChanged ? Common.getBestCount('shelterMaxCloud', 0, 2, 4, 8 /* ,true */ ) : 5;
  803. let waitCloud2 = []
  804. if(maxCloudCount){
  805. for(let i=0; i<waitCloud.length; i++){
  806. let history = waitCloud[i];
  807. if(history.waitCompute.cameraPos){
  808. if(!viewer.mainViewport.view.position.equals(history.waitCompute.cameraPos)){
  809. delete history.waitCompute
  810. //console.log('delete history.waitCompute', history)
  811. continue; //取消计算
  812. }else{
  813. waitCloud2.push(history)
  814. }
  815. }else{
  816. waitCloud2.push(history)
  817. }
  818. }
  819. let list = waitCloud2.map(e=>e.point)
  820. let result = Common.batchHandling.getSlice('shelterByCloud', list, {maxUseCount:maxCloudCount,useEquals:true, stopWhenAllUsed:true} ) //iphonex稳定后大概在7-10。
  821. //list.length>0 && console.log('list',list, maxCloudCount)
  822. result.list.forEach(e=>{
  823. let history = waitCloud2.find(a=>a.point.equals(e))
  824. let ifShelter = !!viewer.inputHandler.ifBlockedByIntersect({point:history.point, margin: Potree.config.shelterMargin , pickWindowSize:3, viewport:this.mainViewport} )
  825. if(history.waitCompute.cameraPos){
  826. history.notAtPano = {cameraPos: history.waitCompute.cameraPos , ifShelter }
  827. }else{
  828. history.panos[this.images360.currentPano.id] = ifShelter
  829. }
  830. history.ifShelter = ifShelter
  831. byCloud++
  832. //console.log('补2', history.point.toArray())
  833. delete history.waitCompute
  834. })
  835. }
  836. }
  837. if(byTex || byCloud){
  838. //console.log('shelterComputed',byTex,byCloud, maxTexCount, maxCloudCount)
  839. Common.intervalTool.isWaiting('shelterComputed', ()=>{
  840. //console.log('shelterComputed update')
  841. this.dispatchEvent('shelterComputed')
  842. },340)
  843. }
  844. }
  845. updateDatasetAt(force){//更新所在数据集
  846. let fun = ()=>{
  847. let currPos = viewer.mainViewport.view.position
  848. //if(force || !currPos.equals(this.lastPos)){
  849. //this.lastPos.copy(currPos)
  850. var at = this.scene.pointclouds.filter(e=>
  851. (e.visible || e.unvisibleReasons && e.unvisibleReasons.length == 1 && e.unvisibleReasons[0].reason == 'displayMode')
  852. && e.ifContainsPoint(currPos)
  853. )
  854. if(Common.getDifferenceSet(at, this.atDatasets).length){
  855. //console.log('atDatasets', at)
  856. this.atDatasets = at
  857. if(Potree.settings.editType != 'pano' && Potree.settings.editType != 'merge')this.updateFpVisiDatasets()
  858. this.dispatchEvent({type:'pointcloudAtChange',pointclouds:at})
  859. }
  860. force = false
  861. }
  862. //}
  863. if(force)fun()
  864. else Common.intervalTool.isWaiting('atWhichDataset', fun , 300)
  865. }
  866. updatePanosVisibles(currentFloor){//显示当前楼层的所有panos
  867. if(!Potree.settings.ifShowMarker)return
  868. let inEntity = currentFloor
  869. viewer.images360.panos.forEach(pano=>{
  870. let visible = inEntity ? inEntity.panos.includes(pano) : this.atDatasets.some(e=>e.panos.includes(pano))
  871. Potree.Utils.updateVisible(pano, 'buildingChange', visible, 2)
  872. })
  873. this.dispatchEvent('content_changed')
  874. } //注:非official的没有获取sitemodel的信息所以不执行楼层判断,marker显示不对是正常的
  875. /* 2023.11.24 针对部分场景的楼层很矮,很容易就到楼层外了,且不能修改楼高。如SG-t-9NdCpxrUPLL#/,采取如下措施:
  876. 1 如果不在任何一楼层,但在某个数据集中,就显示该数据集所有的marker
  877. 2 如果当前楼层无,则显示上一次的currentFloor的marker
  878. (目前先使用方案1)
  879. */
  880. updateMarkerVisibles(){//限制显示的marker个数,因镜头内marker多的时候可能会卡
  881. if(!Potree.settings.ifShowMarker)return
  882. const minRadius = 8 * this.images360.zoomLevel, //当视线垂直于marker时的最小可见距离,此范围内可见的pano绝对可见
  883. maxRadius = 50 * this.images360.zoomLevel, //当视线垂直于marker时的最大可见距离,此范围外绝对不可见
  884. hopeCount = browser.isMobile() ? 8 : 15 //期望达到的真实可见的marker数
  885. let sheltered = (pano)=>{
  886. if(/* Potree.settings.displayMode == 'showPanos' && !Potree.Features.EXT_DEPTH.isSupported() && */this.images360.isAtPano() && !this.mainViewport.view.isFlying()){
  887. return !this.images360.currentPano.neighbours.includes(pano) && this.images360.currentPano != pano //起初因不支持EXT_DEPTH时无法用depthTex遮住marker, 后为了减少绘制,都判断
  888. }
  889. }
  890. let panoMap = new Map //先记录想要设置为可见的
  891. let set = ()=>{//最后确定设置
  892. let count = 0
  893. viewer.images360.panos.forEach(pano=>{
  894. let v = panoMap.get(pano).visible
  895. v && count++
  896. Potree.Utils.updateVisible(pano.marker, 'limitMarkerShow', v )
  897. })
  898. //console.log('updateMarkerVisibles marker显示个数', count)
  899. this.dispatchEvent('content_changed')
  900. }
  901. let isWithinDis = (pano,maxDis)=>{//是否marker到相机的距离 没有超出可视距离。可视距离考虑上倾斜角,倾斜越大可视距离越短
  902. let camPos = viewer.mainViewport.camera.position
  903. let o = panoMap.get(pano)
  904. o.dis = o.dis || camPos.distanceTo(pano.marker.position)
  905. o.sin = o.sin || Math.sqrt(Math.abs(camPos.z - pano.marker.position.z) / o.dis) //和地面夹角的sin。 按公式是不加Math.sqrt的,但是这样大马路上在贴近地面时算出的个数非常少,所以增大点……
  906. return o.dis < maxDis * o.sin
  907. }
  908. viewer.images360.panos.forEach(pano=>{//minRadius内的记录为可见
  909. let o = {}
  910. panoMap.set(pano, o)
  911. if(pano.visible && !sheltered(pano) && isWithinDis(pano, minRadius)){
  912. o.visible = true;
  913. }
  914. })
  915. //不超过hopeCount的话,可以直接确定设置
  916. if(viewer.images360.panos.filter(pano=> panoMap.get(pano).visible ).length >= hopeCount)return set()
  917. //距离超过maxRadius就绝对不可见
  918. let insideOutCirle = viewer.images360.panos.filter(pano=> pano.visible && !sheltered(pano) && isWithinDis(pano, maxRadius))
  919. if(insideOutCirle.length <= hopeCount){
  920. insideOutCirle.forEach(pano=>panoMap.get(pano).visible = true )
  921. return set()
  922. }
  923. //数量超过hopeCount时,根据距离排序
  924. insideOutCirle.sort((a,b)=>{return panoMap.get(a).dis - panoMap.get(b).dis })
  925. let slice = insideOutCirle.slice(0,hopeCount)
  926. slice.forEach(pano=>panoMap.get(pano).visible = true )
  927. set()
  928. }
  929. updateFpVisiDatasets(){
  930. let Clip = this.modules.Clip
  931. let SiteModel = this.modules.SiteModel
  932. let Alignment = this.modules.Alignment
  933. var currentFloor = SiteModel.currentFloor;
  934. /* if(Clip.editing){//下载页面已经改为和普通时一样,根据位置判断
  935. this.updateCadVisibles(Clip.selectedDatasets)
  936. }else */if(this.selectedFloorplan){//平面图设置中 或 地理设置
  937. let pointclouds = [this.selectedFloorplan]
  938. this.updateCadVisibles(pointclouds)
  939. }else if(SiteModel.editing || Alignment.editing){//只显示勾选的,也就是显示的点云的
  940. let pointclouds = this.scene.pointclouds.filter(p => Potree.Utils.getObjVisiByReason(p,'datasetSelection') );
  941. this.updateCadVisibles(pointclouds)
  942. //this.updatePanosVisibles(currentFloor/* , pointclouds */)
  943. }else{
  944. let pointclouds = currentFloor ? this.findPointcloudsAtFloor(currentFloor) : []
  945. if(pointclouds.length == 0){
  946. if(this.focusDatasets){
  947. pointclouds = this.focusDatasets
  948. }
  949. }
  950. if(pointclouds.length == 0){//如果当前不在任何楼层或楼层中无数据集,就用当前所在数据集
  951. pointclouds = this.atDatasets
  952. }
  953. this.updateCadVisibles(pointclouds)
  954. //this.updatePanosVisibles(currentFloor/* , pointclouds */)
  955. }
  956. }
  957. /* findPointcloudsAtFloor(entity){//找当前楼层需要显示哪些数据集。
  958. //数据集的belongToEntity 在这个entity内(否则会出现点击数据集飞过去平面图却不显示)。or 如果数据集有漫游点的话,需要包含>20%的漫游点。 (防止重叠体积很大但其实一个漫游点都不包含)
  959. //重叠体积>50% 或 包含>50%的漫游点
  960. const ratio1 = 0.2, ratio2 = 0.5, ratio3 = 0.95
  961. var lowScores = []
  962. var pointclouds = viewer.scene.pointclouds.filter(e=>{
  963. let score = 0
  964. if(e.belongToEntity && (e.belongToEntity == entity || e.belongToEntity.buildParent == entity)){//条件1 若该数据集挂载到该楼层 或 该数据集挂载到的房间属于该楼层(这样能显示该层所有房间)
  965. return true
  966. }
  967. if(e.panos.length){//条件2
  968. var insidePanos = e.panos.filter(a=>entity.ifContainsPoint(a.position));
  969. let panoCountRatio = insidePanos.length / e.panos.length
  970. if(panoCountRatio > ratio2)return true
  971. score += panoCountRatio
  972. }
  973. //条件3
  974. let volume = entity.intersectPointcloudVolume(e);
  975. let volumeRatio = volume / entity.getVolume(true) //注:hole加入计算
  976. if(volumeRatio > ratio3){ //ratio3要高一些,因为点云bounding可能很大,包含很多无点云的空间。即使整个数据集包含entity都不一定看起来在数据集中。(千万要防止两层楼都显示了)
  977. return true
  978. }else{
  979. score += volumeRatio
  980. }
  981. lowScores.push({score, pointcloud:e})
  982. })
  983. if(pointclouds.length == 0){//从低分项挑一个出来。
  984. lowScores.sort((a,b)=>{return a.score - b.score})
  985. if(lowScores[0].score > 0.4){
  986. pointclouds = [lowScores[0].pointcloud]
  987. }
  988. }
  989. return pointclouds
  990. } */
  991. findPointcloudsAtFloor(entity){//找当前楼层需要显示哪些数据集。
  992. //数据集的belongToEntity 在这个entity内(否则会出现点击数据集飞过去平面图却不显示)。or 如果数据集有漫游点的话,需要包含>20%的漫游点。 (防止重叠体积很大但其实一个漫游点都不包含)
  993. //重叠体积>50% 或 包含>50%的漫游点
  994. const ratio1 = 0.2, ratio2 = 0.5, ratio3 = 0.95
  995. var lowScores = []
  996. var pointclouds = viewer.scene.pointclouds.filter(e=>{
  997. let score = 0
  998. if(e.belongToEntity && (e.belongToEntity == entity || e.belongToEntity.buildParent == entity)){//条件1 若该数据集挂载到该楼层 或 该数据集挂载到的房间属于该楼层(这样能显示该层所有房间)
  999. return true
  1000. }
  1001. if(e.panos.length){//条件2
  1002. var insidePanos = e.panos.filter(a=>entity.ifContainsPoint(a.position));
  1003. let panoCountRatio = insidePanos.length / e.panos.length
  1004. if(panoCountRatio > ratio2)return true
  1005. score += panoCountRatio * 2
  1006. }
  1007. //条件3
  1008. let coverHeightRatio = entity.coverPointcloudHeight(e,true)//重叠高度占楼层高度的比率。
  1009. if(coverHeightRatio < 0.2) return
  1010. let {toEntity,toPointcloud} = entity.intersectPointcloudArea(e,true); //重叠面积占比
  1011. let coverAreaRatio = Math.max(toEntity,toPointcloud);//占数据集俯视面积的比率 和 占楼层的面积比率,挑一个大的。 (有的数据集被划分多个楼层,所以每层都应该显示该数据集的图。还有的数据集比较大,可能包含多个建筑,则看占楼层面积)
  1012. if(coverAreaRatio < 0.2) return
  1013. score += coverAreaRatio * coverHeightRatio
  1014. lowScores.push({score, pointcloud:e})
  1015. })
  1016. /* if(pointclouds.length == 0){//从低分项挑一个出来。
  1017. lowScores.sort((a,b)=>{return a.score - b.score})
  1018. if(lowScores[0].score > 0.4){
  1019. pointclouds = [lowScores[0].pointcloud]
  1020. }
  1021. } */
  1022. lowScores.forEach(e=>{//一个楼层里可以包含许多个数据集 调试SG-t-ds27ym7xzjJ
  1023. if(e.score > 0.5){
  1024. pointclouds.push(e.pointcloud)
  1025. }
  1026. })
  1027. return pointclouds
  1028. }
  1029. updateCadVisibles(visiClouds, force){
  1030. console.log('visiClouds',visiClouds)
  1031. let oldVisi = this.fpVisiDatasets
  1032. var visiClouds = this.fpVisiDatasets = visiClouds
  1033. if(!force){
  1034. var difference = Common.getDifferenceSet(oldVisi , visiClouds)
  1035. if(difference.length == 0)return
  1036. }
  1037. //console.log('visiClouds',visiClouds.map(e=>e.name))
  1038. viewer.scene.pointclouds.forEach(pointcloud=>{
  1039. var floorplan = viewer.mapViewer.mapLayer.getFloorplan(pointcloud.dataset_id)
  1040. var visi = visiClouds.includes(pointcloud)
  1041. if(floorplan){
  1042. Potree.Utils.updateVisible(floorplan.objectGroup, 'buildingChange', visi)
  1043. }/* else if(!visi){
  1044. let changeVisi = (e)=>{
  1045. Potree.Utils.updateVisible(e.floorplan.objectGroup, 'buildingChange', this.fpVisiDatasets.includes(pointcloud))
  1046. viewer.mapViewer.mapLayer.removeEventListener('floorplanLoaded', changeVisi)
  1047. console.log('updateCadVisibles加载后更改显示',e)
  1048. }
  1049. viewer.mapViewer.mapLayer.addEventListener('floorplanLoaded', changeVisi)
  1050. } */
  1051. //已经添加了全局的 floorplanLoaded后会updateCadVisibles,这段就删了
  1052. })
  1053. viewer.mapViewer.mapLayer.needUpdate = true //可能需要更新加载的level程度
  1054. viewer.mapViewer.needRender = true //若上句不触发加载也要立即重新绘制
  1055. }
  1056. //促使点云加载出最高级别
  1057. testPointcloudsMaxLevel(){ //所有点云都无需testMaxNodeLevel 就停止
  1058. let camera_changed, count = 0
  1059. let test = (e={})=>{
  1060. camera_changed = true
  1061. let camera = e.camera || this.scene.getActiveCamera()
  1062. Common.intervalTool.isWaiting('testPointcloudsMaxLevel', ()=>{
  1063. if(!camera_changed && count>50 || Potree.settings.displayMode == 'showPanos' || this.pauseTestMaxLevel )return //只有当camera_changed后才继续循环, 除了最开始几次需要连续加载下
  1064. camera_changed = false
  1065. count ++;
  1066. //console.log('testPointcloudsMaxLevel中', camera.type /* count */)
  1067. let oldCount = this.testMaxNodeCount
  1068. var success = true
  1069. viewer.scene.pointclouds.forEach(e=>{
  1070. var wait = e.testMaxNodeLevel(camera)
  1071. if(wait){
  1072. success = false;
  1073. }
  1074. })
  1075. /* if(oldCount<=Potree.config.testNodeCount1 && this.testMaxNodeCount>Potree.config.testNodeCount1 ){//差不多等当前所在数据集nodeMaxLevel加载出来
  1076. viewer.scene.pointclouds.forEach(e=>{e.changePointSize()}) //重新更新一下大小。因之前用的是nodeMaxLevelPredict (防止刚开始因nodeMaxLevel没涨完,导致过大的点云突然出现
  1077. } */
  1078. if(!success)return true //没有全部加载完,继续循环
  1079. else {
  1080. this.removeEventListener('camera_changed',test)
  1081. console.log('testPointcloudsMaxLevel结束')
  1082. }
  1083. }, count<10 ? 250 : 500)
  1084. }
  1085. this.addEventListener('camera_changed',test)
  1086. test()
  1087. /* 检验:
  1088. viewer.scene.pointclouds.sort((a,b)=>a.nodeMaxLevelPredict.min - b.nodeMaxLevelPredict.min).forEach(e=>console.log(e.nodeMaxLevel, e.nodeMaxLevelPredict.min))
  1089. */
  1090. }
  1091. setPointLevels(){
  1092. this.scene.pointclouds.forEach(e=>{
  1093. e.setPointLevel()
  1094. })
  1095. }
  1096. onCrash(error){
  1097. console.error(error)
  1098. $(this.renderArea).empty();
  1099. if ($(this.renderArea).find('#potree_failpage').length === 0) {
  1100. let elFailPage = $(`
  1101. <div id="#potree_failpage" class="potree_failpage">
  1102. <h1>Potree Encountered An Error </h1>
  1103. <p>
  1104. This may happen if your browser or graphics card is not supported.
  1105. <br>
  1106. We recommend to use
  1107. <a href="https://www.google.com/chrome/browser" target="_blank" style="color:initial">Chrome</a>
  1108. or
  1109. <a href="https://www.mozilla.org/" target="_blank">Firefox</a>.
  1110. </p>
  1111. <p>
  1112. Please also visit <a href="http://webglreport.com/" target="_blank">webglreport.com</a> and
  1113. check whether your system supports WebGL.
  1114. </p>
  1115. <p>
  1116. If you are already using one of the recommended browsers and WebGL is enabled,
  1117. consider filing an issue report at <a href="https://github.com/potree/potree/issues" target="_blank">github</a>,<br>
  1118. including your operating system, graphics card, browser and browser version, as well as the
  1119. error message below.<br>
  1120. Please do not report errors on unsupported browsers.
  1121. </p>
  1122. <pre id="potree_error_console" style="width: 100%; height: 100%"></pre>
  1123. </div>`);
  1124. let elErrorMessage = elFailPage.find('#potree_error_console');
  1125. elErrorMessage.html(error.stack);
  1126. $(this.renderArea).append(elFailPage);
  1127. }
  1128. throw error;
  1129. }
  1130. // ------------------------------------------------------------------------------------
  1131. // Viewer API
  1132. // ------------------------------------------------------------------------------------
  1133. setScene (scene) {
  1134. if (scene === this.scene) {
  1135. return;
  1136. }
  1137. let oldScene = this.scene;
  1138. this.scene = scene;
  1139. this.dispatchEvent({
  1140. type: 'scene_changed',
  1141. oldScene: oldScene,
  1142. scene: scene
  1143. });
  1144. { // Annotations
  1145. $('.annotation').detach();
  1146. // for(let annotation of this.scene.annotations){
  1147. // this.renderArea.appendChild(annotation.domElement[0]);
  1148. // }
  1149. this.scene.annotations.traverse(annotation => {
  1150. this.renderArea.appendChild(annotation.domElement[0]);
  1151. });
  1152. if (!this.onAnnotationAdded) {
  1153. this.onAnnotationAdded = e => {
  1154. // console.log("annotation added: " + e.annotation.title);
  1155. e.annotation.traverse(node => {
  1156. $("#potree_annotation_container").append(node.domElement);
  1157. //this.renderArea.appendChild(node.domElement[0]);
  1158. node.scene = this.scene;
  1159. });
  1160. };
  1161. }
  1162. if (oldScene) {
  1163. oldScene.annotations.removeEventListener('annotation_added', this.onAnnotationAdded);
  1164. }
  1165. this.scene.annotations.addEventListener('annotation_added', this.onAnnotationAdded);
  1166. }
  1167. };
  1168. setControls(controls/* , setSpeed */){
  1169. if (controls !== this.controls) {
  1170. if (this.controls) {
  1171. this.controls.setEnable(false)
  1172. //this.inputHandler.removeInputListener(this.controls);
  1173. this.controls.moveSpeed = this.moveSpeed; //记录 (因为orbit的radius很大,转为firstPerson时要缩小)
  1174. }
  1175. this.controls = controls;
  1176. controls.moveSpeed && this.setMoveSpeed(controls.moveSpeed) //add
  1177. this.controls.setEnable(true)
  1178. //this.inputHandler.addInputListener(this.controls);
  1179. }
  1180. }
  1181. getControls () {
  1182. if(this.renderer.xr.isPresenting){
  1183. return this.vrControls;
  1184. }else{
  1185. return this.controls;
  1186. }
  1187. }
  1188. getMinNodeSize () {
  1189. return this.minNodeSize;
  1190. };
  1191. setMinNodeSize (value) {
  1192. if (this.minNodeSize !== value) {
  1193. this.minNodeSize = value;
  1194. this.dispatchEvent({'type': 'minnodesize_changed', 'viewer': this});
  1195. }
  1196. };
  1197. getBackground () {
  1198. return this.background;
  1199. }
  1200. setBackground(bg, src){
  1201. /* if (this.background === bg ) {
  1202. return;
  1203. } */
  1204. if(bg === "skybox"){
  1205. if(!src)src = Potree.resourcePath+'/textures/skybox/xingkong.jpg'
  1206. this.skybox = Utils.loadSkybox(src, this.skybox);
  1207. }
  1208. this.background = bg;
  1209. this.backgroundOpacity = 1//add
  1210. this.dispatchEvent({'type': 'background_changed', 'viewer': this});
  1211. }
  1212. setDescription (value) {
  1213. this.description = value;
  1214. $('#potree_description').html(value);
  1215. //$('#potree_description').text(value);
  1216. }
  1217. getDescription(){
  1218. return this.description;
  1219. }
  1220. setShowBoundingBox (value) {
  1221. if (this.showBoundingBox !== value) {
  1222. this.showBoundingBox = value;
  1223. this.dispatchEvent({'type': 'show_boundingbox_changed', 'viewer': this});
  1224. }
  1225. };
  1226. getShowBoundingBox () {
  1227. return this.showBoundingBox;
  1228. };
  1229. setMoveSpeed (value) {
  1230. if (this.getMoveSpeed() !== value) {
  1231. this.mainViewport.setMoveSpeed(value)
  1232. this.dispatchEvent({'type': 'move_speed_changed', 'viewer': this, 'speed': value});
  1233. }
  1234. };
  1235. getMoveSpeed () {
  1236. return this.mainViewport.moveSpeed;
  1237. };
  1238. setWeightClassification (w) {
  1239. for (let i = 0; i < this.scene.pointclouds.length; i++) {
  1240. this.scene.pointclouds[i].material.weightClassification = w;
  1241. this.dispatchEvent({'type': 'attribute_weights_changed' + i, 'viewer': this});
  1242. }
  1243. };
  1244. setFreeze (value) {
  1245. value = Boolean(value);
  1246. if (this.freeze !== value) {
  1247. this.freeze = value;
  1248. this.dispatchEvent({'type': 'freeze_changed', 'viewer': this});
  1249. }
  1250. };
  1251. getFreeze () {
  1252. return this.freeze;
  1253. };
  1254. setElevationGradientRepeat(value){
  1255. if(this.elevationGradientRepeat !== value){
  1256. this.elevationGradientRepeat = value;
  1257. this.dispatchEvent({
  1258. type: "elevation_gradient_repeat_changed",
  1259. viewer: this});
  1260. }
  1261. }
  1262. setPointBudget (value) { //pointBudget: 每次刷新显示点数量的最大值。 缓存中的点数量也跟此有关,但大于这个数值。
  1263. if (Potree.pointBudget !== value && value) {
  1264. Potree.pointBudget = parseInt(value);
  1265. this.dispatchEvent({'type': 'point_budget_changed', 'viewer': this});
  1266. }
  1267. };
  1268. getPointBudget () {
  1269. return Potree.pointBudget;
  1270. };
  1271. setShowAnnotations (value) {
  1272. if (this.showAnnotations !== value) {
  1273. this.showAnnotations = value;
  1274. this.dispatchEvent({'type': 'show_annotations_changed', 'viewer': this});
  1275. }
  1276. }
  1277. getShowAnnotations () {
  1278. return this.showAnnotations;
  1279. }
  1280. setDEMCollisionsEnabled(value){
  1281. if(this.useDEMCollisions !== value){
  1282. this.useDEMCollisions = value;
  1283. this.dispatchEvent({'type': 'use_demcollisions_changed', 'viewer': this});
  1284. };
  1285. };
  1286. getDEMCollisionsEnabled () {
  1287. return this.useDEMCollisions;
  1288. };
  1289. setEDLEnabled (value) {
  1290. value = Boolean(value) && Features.SHADER_EDL.isSupported();
  1291. if (this.useEDL !== value) {
  1292. this.useEDL = value;
  1293. this.dispatchEvent({'type': 'use_edl_changed', 'viewer': this});
  1294. this.dispatchEvent('pointcloud_changed')
  1295. }
  1296. };
  1297. getEDLEnabled () {
  1298. return this.useEDL;
  1299. };
  1300. setEDLRadius (value) {
  1301. if (this.edlRadius !== value) {
  1302. this.edlRadius = value;
  1303. this.dispatchEvent({'type': 'edl_radius_changed', 'viewer': this});
  1304. this.dispatchEvent('pointcloud_changed')
  1305. }
  1306. };
  1307. getEDLRadius () {
  1308. return this.edlRadius;
  1309. };
  1310. setEDLStrength (value) {
  1311. if (this.edlStrength !== value) {
  1312. this.edlStrength = value;
  1313. this.dispatchEvent({'type': 'edl_strength_changed', 'viewer': this});
  1314. this.dispatchEvent('pointcloud_changed')
  1315. }
  1316. };
  1317. getEDLStrength () {
  1318. return this.edlStrength;
  1319. };
  1320. setEDLOpacity (value) {
  1321. if (this.edlOpacity !== value) {
  1322. this.edlOpacity = value;
  1323. this.dispatchEvent({'type': 'edl_opacity_changed', 'viewer': this});
  1324. this.dispatchEvent('pointcloud_changed')
  1325. }
  1326. };
  1327. getEDLOpacity () {
  1328. return this.edlOpacity;
  1329. };
  1330. setFOV (value) {
  1331. if (this.fov !== value) {
  1332. let oldFov = this.fov
  1333. this.fov = value;
  1334. this.scene.cameraP.fov = this.fov; //add
  1335. this.scene.cameraP.updateProjectionMatrix() //add
  1336. this.dispatchEvent({'type': 'fov_changed', 'viewer': this, oldFov, fov:this.fov});
  1337. }
  1338. };
  1339. getFOV () {
  1340. return this.fov;
  1341. };
  1342. disableAnnotations () {
  1343. this.scene.annotations.traverse(annotation => {
  1344. annotation.domElement.css('pointer-events', 'none');
  1345. // return annotation.visible;
  1346. });
  1347. };
  1348. enableAnnotations () {
  1349. this.scene.annotations.traverse(annotation => {
  1350. annotation.domElement.css('pointer-events', 'auto');
  1351. // return annotation.visible;
  1352. });
  1353. }
  1354. setClassifications(classifications){
  1355. this.classifications = classifications;
  1356. this.dispatchEvent({'type': 'classifications_changed', 'viewer': this});
  1357. }
  1358. setClassificationVisibility (key, value) {
  1359. if (!this.classifications[key]) {
  1360. this.classifications[key] = {visible: value, name: 'no name'};
  1361. this.dispatchEvent({'type': 'classification_visibility_changed', 'viewer': this});
  1362. } else if (this.classifications[key].visible !== value) {
  1363. this.classifications[key].visible = value;
  1364. this.dispatchEvent({'type': 'classification_visibility_changed', 'viewer': this});
  1365. }
  1366. }
  1367. toggleAllClassificationsVisibility(){
  1368. let numVisible = 0;
  1369. let numItems = 0;
  1370. for(const key of Object.keys(this.classifications)){
  1371. if(this.classifications[key].visible){
  1372. numVisible++;
  1373. }
  1374. numItems++;
  1375. }
  1376. let visible = true;
  1377. if(numVisible === numItems){
  1378. visible = false;
  1379. }
  1380. let somethingChanged = false;
  1381. for(const key of Object.keys(this.classifications)){
  1382. if(this.classifications[key].visible !== visible){
  1383. this.classifications[key].visible = visible;
  1384. somethingChanged = true;
  1385. }
  1386. }
  1387. if(somethingChanged){
  1388. this.dispatchEvent({'type': 'classification_visibility_changed', 'viewer': this});
  1389. }
  1390. }
  1391. setFilterReturnNumberRange(from, to){
  1392. this.filterReturnNumberRange = [from, to];
  1393. this.dispatchEvent({'type': 'filter_return_number_range_changed', 'viewer': this});
  1394. }
  1395. setFilterNumberOfReturnsRange(from, to){
  1396. this.filterNumberOfReturnsRange = [from, to];
  1397. this.dispatchEvent({'type': 'filter_number_of_returns_range_changed', 'viewer': this});
  1398. }
  1399. setFilterGPSTimeRange(from, to){
  1400. this.filterGPSTimeRange = [from, to];
  1401. this.dispatchEvent({'type': 'filter_gps_time_range_changed', 'viewer': this});
  1402. }
  1403. setFilterPointSourceIDRange(from, to){
  1404. this.filterPointSourceIDRange = [from, to]
  1405. this.dispatchEvent({'type': 'filter_point_source_id_range_changed', 'viewer': this});
  1406. }
  1407. setLengthUnit (value) {
  1408. switch (value) {
  1409. case 'm':
  1410. this.lengthUnit = LengthUnits.METER;
  1411. this.lengthUnitDisplay = LengthUnits.METER;
  1412. break;
  1413. case 'ft':
  1414. this.lengthUnit = LengthUnits.FEET;
  1415. this.lengthUnitDisplay = LengthUnits.FEET;
  1416. break;
  1417. case 'in':
  1418. this.lengthUnit = LengthUnits.INCH;
  1419. this.lengthUnitDisplay = LengthUnits.INCH;
  1420. break;
  1421. }
  1422. this.dispatchEvent({ 'type': 'length_unit_changed', 'viewer': this, value: value});
  1423. };
  1424. setLengthUnitAndDisplayUnit(lengthUnitValue, lengthUnitDisplayValue) {
  1425. switch (lengthUnitValue) {
  1426. case 'm':
  1427. this.lengthUnit = LengthUnits.METER;
  1428. break;
  1429. case 'ft':
  1430. this.lengthUnit = LengthUnits.FEET;
  1431. break;
  1432. case 'in':
  1433. this.lengthUnit = LengthUnits.INCH;
  1434. break;
  1435. }
  1436. switch (lengthUnitDisplayValue) {
  1437. case 'm':
  1438. this.lengthUnitDisplay = LengthUnits.METER;
  1439. break;
  1440. case 'ft':
  1441. this.lengthUnitDisplay = LengthUnits.FEET;
  1442. break;
  1443. case 'in':
  1444. this.lengthUnitDisplay = LengthUnits.INCH;
  1445. break;
  1446. }
  1447. this.dispatchEvent({ 'type': 'length_unit_changed', 'viewer': this, value: lengthUnitValue });
  1448. };
  1449. zoomTo(node, factor, animationDuration = 0){
  1450. let view = this.mainViewport.view;
  1451. let camera = this.scene.cameraP.clone();
  1452. camera.rotation.copy(this.scene.cameraP.rotation);
  1453. camera.rotation.order = "ZXY";
  1454. camera.rotation.x = Math.PI / 2 + view.pitch;
  1455. camera.rotation.z = view.yaw;
  1456. camera.updateMatrix();
  1457. camera.updateMatrixWorld();
  1458. camera.zoomTo(node, factor);
  1459. let bs;
  1460. if (node.boundingSphere) {
  1461. bs = node.boundingSphere;
  1462. } else if (node.geometry && node.geometry.boundingSphere) {
  1463. bs = node.geometry.boundingSphere;
  1464. } else {
  1465. bs = node.boundingBox.getBoundingSphere(new THREE.Sphere());
  1466. }
  1467. bs = bs.clone().applyMatrix4(node.matrixWorld);
  1468. let startPosition = view.position.clone();
  1469. let endPosition = camera.position.clone();
  1470. let startTarget = view.getPivot();
  1471. let endTarget = bs.center;
  1472. let startRadius = view.radius;
  1473. let endRadius = endPosition.distanceTo(endTarget);
  1474. let easing = TWEEN.Easing.Quartic.Out;
  1475. { // animate camera position
  1476. let pos = startPosition.clone();
  1477. let tween = new TWEEN.Tween(pos).to(endPosition, animationDuration);
  1478. tween.easing(easing);
  1479. tween.onUpdate(() => {
  1480. view.position.copy(pos);
  1481. });
  1482. tween.start();
  1483. }
  1484. { // animate camera target
  1485. let target = startTarget.clone();
  1486. let tween = new TWEEN.Tween(target).to(endTarget, animationDuration);
  1487. tween.easing(easing);
  1488. tween.onUpdate(() => {
  1489. view.lookAt(target);
  1490. });
  1491. tween.onComplete(() => {
  1492. view.lookAt(target);
  1493. this.dispatchEvent({type: 'focusing_finished', target: this});
  1494. });
  1495. this.dispatchEvent({type: 'focusing_started', target: this});
  1496. tween.start();
  1497. }
  1498. };
  1499. moveToGpsTimeVicinity(time){
  1500. const result = Potree.Utils.findClosestGpsTime(time, viewer);
  1501. const box = result.node.pointcloud.deepestNodeAt(result.position).getBoundingBox();
  1502. const diameter = box.min.distanceTo(box.max);
  1503. const camera = this.scene.getActiveCamera();
  1504. const offset = camera.getWorldDirection(new THREE.Vector3()).multiplyScalar(diameter);
  1505. const newCamPos = result.position.clone().sub(offset);
  1506. this.scene.view.position.copy(newCamPos);
  1507. this.scene.view.lookAt(result.position);
  1508. }
  1509. showAbout () {
  1510. $(function () {
  1511. $('#about-panel').dialog();
  1512. });
  1513. };
  1514. getGpsTimeExtent(){
  1515. const range = [Infinity, -Infinity];
  1516. for(const pointcloud of this.scene.pointclouds){
  1517. const attributes = pointcloud.pcoGeometry.pointAttributes.attributes;
  1518. const aGpsTime = attributes.find(a => a.name === "gps-time");
  1519. if(aGpsTime){
  1520. range[0] = Math.min(range[0], aGpsTime.range[0]);
  1521. range[1] = Math.max(range[1], aGpsTime.range[1]);
  1522. }
  1523. }
  1524. return range;
  1525. }
  1526. fitToScreen (factor = 1, animationDuration = 0) {
  1527. let box = this.getBoundingBox(this.scene.pointclouds);
  1528. let node = new THREE.Object3D();
  1529. node.boundingBox = box;
  1530. this.zoomTo(node, factor, animationDuration);
  1531. this.controls.stop();
  1532. };
  1533. toggleNavigationCube() {
  1534. this.navigationCube.visible = !this.navigationCube.visible;
  1535. /* this.viewports.push({
  1536. name:'navigationCube',
  1537. left:0, bottom:0, width:0.2,
  1538. }) */
  1539. }
  1540. /* setView(pos, view) {
  1541. if(!pos) return;
  1542. switch(pos) {
  1543. case "F":
  1544. this.setFrontView(view);
  1545. break;
  1546. case "B":
  1547. this.setBackView(view);
  1548. break;
  1549. case "L":
  1550. this.setLeftView(view);
  1551. break;
  1552. case "R":
  1553. this.setRightView(view);
  1554. break;
  1555. case "U":
  1556. this.setTopView(view);
  1557. break;
  1558. case "D":
  1559. this.setBottomView(view);
  1560. break;
  1561. }
  1562. } */
  1563. setTopView(view){
  1564. view = view || this.scene.view
  1565. view.setCubeView("top")
  1566. this.fitToScreen();
  1567. };
  1568. setBottomView(){
  1569. this.scene.view.yaw = -Math.PI;
  1570. this.scene.view.pitch = Math.PI / 2;
  1571. this.fitToScreen();
  1572. };
  1573. setFrontView(view){
  1574. view = view || this.scene.view
  1575. view.yaw = 0;
  1576. view.pitch = 0;
  1577. this.fitToScreen();
  1578. };
  1579. setBackView(view){
  1580. view = view || this.scene.view
  1581. view.yaw = Math.PI;
  1582. view.pitch = 0;
  1583. this.fitToScreen();
  1584. };
  1585. setLeftView(){
  1586. this.scene.view.yaw = -Math.PI / 2;
  1587. this.scene.view.pitch = 0;
  1588. this.fitToScreen();
  1589. };
  1590. setRightView () {
  1591. this.scene.view.yaw = Math.PI / 2;
  1592. this.scene.view.pitch = 0;
  1593. this.fitToScreen();
  1594. };
  1595. flipYZ () {
  1596. this.isFlipYZ = !this.isFlipYZ;
  1597. // TODO flipyz
  1598. console.log('TODO');
  1599. }
  1600. setCameraMode(mode){
  1601. this.scene.cameraMode = mode;
  1602. viewer.mainViewport.camera = mode == CameraMode.PERSPECTIVE ? this.scene.cameraP : this.scene.cameraO; //改
  1603. for(let pointcloud of this.scene.pointclouds) {
  1604. pointcloud.material.useOrthographicCamera = mode == CameraMode.ORTHOGRAPHIC;
  1605. }
  1606. }
  1607. getProjection(){
  1608. const pointcloud = this.scene.pointclouds[0];
  1609. if(pointcloud){
  1610. return pointcloud.projection;
  1611. }else{
  1612. return null;
  1613. }
  1614. }
  1615. async loadProject(url,done){
  1616. const response = await fetch(url);
  1617. if(response.ok){
  1618. const text = await response.text();
  1619. const json = JSON5.parse(text);
  1620. // const json = JSON.parse(text);
  1621. if(json.type === "Potree"){
  1622. Potree.loadProject(viewer, json, done);
  1623. }
  1624. }else{
  1625. console.warn("未能加载:"+url )
  1626. }
  1627. }
  1628. saveProject(){
  1629. return Potree.saveProject(this);
  1630. }
  1631. loadSettingsFromURL(){
  1632. if(Utils.getParameterByName("pointSize")){
  1633. this.setPointSize(parseFloat(Utils.getParameterByName("pointSize")));
  1634. }
  1635. if(Utils.getParameterByName("FOV")){
  1636. this.setFOV(parseFloat(Utils.getParameterByName("FOV")));
  1637. }
  1638. if(Utils.getParameterByName("opacity")){
  1639. this.setOpacity(parseFloat(Utils.getParameterByName("opacity")));
  1640. }
  1641. if(Utils.getParameterByName("edlEnabled")){
  1642. let enabled = Utils.getParameterByName("edlEnabled") === "true";
  1643. this.setEDLEnabled(enabled);
  1644. }
  1645. if (Utils.getParameterByName('edlRadius')) {
  1646. this.setEDLRadius(parseFloat(Utils.getParameterByName('edlRadius')));
  1647. }
  1648. if (Utils.getParameterByName('edlStrength')) {
  1649. this.setEDLStrength(parseFloat(Utils.getParameterByName('edlStrength')));
  1650. }
  1651. if (Utils.getParameterByName('pointBudget')) {
  1652. this.setPointBudget(parseFloat(Utils.getParameterByName('pointBudget')));
  1653. }
  1654. if (Utils.getParameterByName('showBoundingBox')) {
  1655. let enabled = Utils.getParameterByName('showBoundingBox') === 'true';
  1656. if (enabled) {
  1657. this.setShowBoundingBox(true);
  1658. } else {
  1659. this.setShowBoundingBox(false);
  1660. }
  1661. }
  1662. if (Utils.getParameterByName('material')) {
  1663. let material = Utils.getParameterByName('material');
  1664. this.setMaterial(material);
  1665. }
  1666. if (Utils.getParameterByName('pointSizing')) {
  1667. let sizing = Utils.getParameterByName('pointSizing');
  1668. this.setPointSizing(sizing);
  1669. }
  1670. if (Utils.getParameterByName('quality')) {
  1671. let quality = Utils.getParameterByName('quality');
  1672. this.setQuality(quality);
  1673. }
  1674. if (Utils.getParameterByName('position')) {
  1675. let value = Utils.getParameterByName('position');
  1676. value = value.replace('[', '').replace(']', '');
  1677. let tokens = value.split(';');
  1678. let x = parseFloat(tokens[0]);
  1679. let y = parseFloat(tokens[1]);
  1680. let z = parseFloat(tokens[2]);
  1681. this.scene.view.position.set(x, y, z);
  1682. }
  1683. if (Utils.getParameterByName('target')) {
  1684. let value = Utils.getParameterByName('target');
  1685. value = value.replace('[', '').replace(']', '');
  1686. let tokens = value.split(';');
  1687. let x = parseFloat(tokens[0]);
  1688. let y = parseFloat(tokens[1]);
  1689. let z = parseFloat(tokens[2]);
  1690. this.scene.view.lookAt(new THREE.Vector3(x, y, z));
  1691. }
  1692. if (Utils.getParameterByName('background')) {
  1693. let value = Utils.getParameterByName('background');
  1694. this.setBackground(value);
  1695. }
  1696. // if(Utils.getParameterByName("elevationRange")){
  1697. // let value = Utils.getParameterByName("elevationRange");
  1698. // value = value.replace("[", "").replace("]", "");
  1699. // let tokens = value.split(";");
  1700. // let x = parseFloat(tokens[0]);
  1701. // let y = parseFloat(tokens[1]);
  1702. //
  1703. // this.setElevationRange(x, y);
  1704. // //this.scene.view.target.set(x, y, z);
  1705. // }
  1706. };
  1707. // ------------------------------------------------------------------------------------
  1708. // Viewer Internals
  1709. // ------------------------------------------------------------------------------------
  1710. createControls () {
  1711. { // create FIRST PERSON CONTROLS
  1712. this.fpControls = new FirstPersonControls(this, this.mainViewport);
  1713. this.fpControls.enabled = false;
  1714. this.fpControls.addEventListener('start', this.disableAnnotations.bind(this));
  1715. this.fpControls.addEventListener('end', this.enableAnnotations.bind(this));
  1716. /* this.addEventListener("loadPointCloudDone", ()=>{
  1717. let boundPlane = new THREE.Box3()
  1718. boundPlane.expandByPoint(this.bound.boundingBox.min.clone())//最低高度为bound的最低
  1719. boundPlane.expandByPoint(this.bound.boundingBox.max.clone().setZ(this.bound.center.z))//最高高度为bound的中心高度
  1720. FirstPersonControls.boundPlane = boundPlane
  1721. FirstPersonControls.standardSpeed = THREE.Math.clamp( Math.sqrt(this.bound.boundSize.length() )/ 100 , 0.02,0.5); //在这个boundPlane中的速度
  1722. }) */
  1723. }
  1724. // { // create GEO CONTROLS
  1725. // this.geoControls = new GeoControls(this.scene.camera, this.renderer.domElement);
  1726. // this.geoControls.enabled = false;
  1727. // this.geoControls.addEventListener("start", this.disableAnnotations.bind(this));
  1728. // this.geoControls.addEventListener("end", this.enableAnnotations.bind(this));
  1729. // this.geoControls.addEventListener("move_speed_changed", (event) => {
  1730. // this.setMoveSpeed(this.geoControls.moveSpeed);
  1731. // });
  1732. // }
  1733. { // create ORBIT CONTROLS
  1734. this.orbitControls = new OrbitControls(this);
  1735. this.orbitControls.enabled = false;
  1736. this.orbitControls.addEventListener('start', this.disableAnnotations.bind(this));
  1737. this.orbitControls.addEventListener('end', this.enableAnnotations.bind(this));
  1738. }
  1739. /* { // create EARTH CONTROLS
  1740. this.earthControls = new EarthControls(this);
  1741. this.earthControls.enabled = false;
  1742. this.earthControls.addEventListener('start', this.disableAnnotations.bind(this));
  1743. this.earthControls.addEventListener('end', this.enableAnnotations.bind(this));
  1744. }
  1745. { // create DEVICE ORIENTATION CONTROLS
  1746. this.deviceControls = new DeviceOrientationControls(this);
  1747. this.deviceControls.enabled = false;
  1748. this.deviceControls.addEventListener('start', this.disableAnnotations.bind(this));
  1749. this.deviceControls.addEventListener('end', this.enableAnnotations.bind(this));
  1750. } */
  1751. /* { // create VR CONTROLS
  1752. this.vrControls = new VRControls(this);
  1753. this.vrControls.enabled = false;
  1754. this.vrControls.addEventListener('start', this.disableAnnotations.bind(this));
  1755. this.vrControls.addEventListener('end', this.enableAnnotations.bind(this));
  1756. } */
  1757. };
  1758. toggleSidebar () {
  1759. let renderArea = $('#potree_render_area');
  1760. let isVisible = renderArea.css('left') !== '0px';
  1761. if (isVisible) {
  1762. renderArea.css('left', '0px');
  1763. } else {
  1764. renderArea.css('left', '300px');
  1765. }
  1766. };
  1767. toggleMap () {
  1768. // let map = $('#potree_map');
  1769. // map.toggle(100);
  1770. if (this.mapView) {
  1771. this.mapView.toggle();
  1772. }
  1773. };
  1774. onGUILoaded(callback){
  1775. if(this.guiLoaded){
  1776. callback();
  1777. }else{
  1778. this.guiLoadTasks.push(callback);
  1779. }
  1780. }
  1781. promiseGuiLoaded(){
  1782. return new Promise( resolve => {
  1783. if(this.guiLoaded){
  1784. resolve();
  1785. }else{
  1786. this.guiLoadTasks.push(resolve);
  1787. }
  1788. });
  1789. }
  1790. loadGUI(callback){
  1791. if(callback){
  1792. this.onGUILoaded(callback);
  1793. }
  1794. let viewer = this;
  1795. let sidebarContainer = $('#potree_sidebar_container');
  1796. sidebarContainer.load(new URL(Potree.scriptPath + '/' + (Potree.settings.sidebar || 'sidebar1.html')).href, () => {
  1797. sidebarContainer.css('width', '300px');
  1798. sidebarContainer.css('height', '100%');
  1799. let imgMenuToggle = document.createElement('img');
  1800. imgMenuToggle.src = new URL(Potree.resourcePath + '/icons/menu_button.svg').href;
  1801. imgMenuToggle.onclick = this.toggleSidebar;
  1802. imgMenuToggle.classList.add('potree_menu_toggle');
  1803. let imgMapToggle = document.createElement('img');
  1804. imgMapToggle.src = new URL(Potree.resourcePath + '/icons/map_icon.png').href;
  1805. imgMapToggle.style.display = 'none';
  1806. imgMapToggle.onclick = e => { this.toggleMap(); };
  1807. imgMapToggle.id = 'potree_map_toggle';
  1808. let elButtons = $("#potree_quick_buttons").get(0);
  1809. elButtons.append(imgMenuToggle);
  1810. elButtons.append(imgMapToggle);
  1811. VRButton.createButton(this.renderer).then(vrButton => {
  1812. if(vrButton == null){
  1813. console.log("VR not supported or active.");
  1814. return;
  1815. }
  1816. this.renderer.xr.enabled = true;
  1817. let element = vrButton.element;
  1818. element.style.position = "";
  1819. element.style.bottom = "";
  1820. element.style.left = "";
  1821. element.style.margin = "4px";
  1822. element.style.fontSize = "100%";
  1823. element.style.width = "2.5em";
  1824. element.style.height = "2.5em";
  1825. element.style.padding = "0";
  1826. element.style.textShadow = "black 2px 2px 2px";
  1827. element.style.display = "block";
  1828. elButtons.append(element);
  1829. vrButton.onStart(() => {
  1830. this.dispatchEvent({type: "vr_start"});
  1831. });
  1832. vrButton.onEnd(() => {
  1833. this.dispatchEvent({type: "vr_end"});
  1834. });
  1835. });
  1836. /* this.mapView = new MapView(this);
  1837. this.mapView.init(); */
  1838. i18n.init({
  1839. lng: 'en',
  1840. resGetPath: Potree.resourcePath + '/lang/__lng__/__ns__.json',
  1841. preload: ['en', 'fr', 'de', 'jp', 'se', 'es', 'zh'],
  1842. getAsync: true,
  1843. debug: false
  1844. }, function (t) {
  1845. // Start translation once everything is loaded
  1846. $('body').i18n();
  1847. });
  1848. $(() => {
  1849. //initSidebar(this);
  1850. let sidebar = new Sidebar(this);
  1851. sidebar.init();
  1852. this.sidebar = sidebar;
  1853. //if (callback) {
  1854. // $(callback);
  1855. //}
  1856. let elProfile = $('<div>').load(new URL(Potree.scriptPath + '/profile.html').href, () => {
  1857. $(document.body).append(elProfile.children());
  1858. this.profileWindow = new ProfileWindow(this);
  1859. this.profileWindowController = new ProfileWindowController(this);
  1860. $('#profile_window').draggable({
  1861. handle: $('#profile_titlebar'),
  1862. containment: $(document.body)
  1863. });
  1864. $('#profile_window').resizable({
  1865. containment: $(document.body),
  1866. handles: 'n, e, s, w'
  1867. });
  1868. $(() => {
  1869. this.guiLoaded = true;
  1870. for(let task of this.guiLoadTasks){
  1871. task();
  1872. }
  1873. });
  1874. });
  1875. });
  1876. });
  1877. return this.promiseGuiLoaded();
  1878. }
  1879. setLanguage (lang) {
  1880. i18n.setLng(lang);
  1881. $('body').i18n();
  1882. }
  1883. setServer (server) {
  1884. this.server = server;
  1885. }
  1886. initDragAndDrop(){
  1887. function allowDrag(e) {
  1888. e.dataTransfer.dropEffect = 'copy';
  1889. e.preventDefault();
  1890. }
  1891. let dropHandler = async (event) => {
  1892. console.log(event);
  1893. event.preventDefault();
  1894. for(const item of event.dataTransfer.items){
  1895. console.log(item);
  1896. if(item.kind !== "file"){
  1897. continue;
  1898. }
  1899. const file = item.getAsFile();
  1900. const isJson = file.name.toLowerCase().endsWith(".json");
  1901. const isGeoPackage = file.name.toLowerCase().endsWith(".gpkg");
  1902. if(isJson){
  1903. try{
  1904. const text = await file.text();
  1905. const json = JSON.parse(text);
  1906. if(json.type === "Potree"){
  1907. Potree.loadProject(viewer, json);
  1908. }
  1909. }catch(e){
  1910. console.error("failed to parse the dropped file as JSON");
  1911. console.error(e);
  1912. }
  1913. }else if(isGeoPackage){
  1914. const hasPointcloud = viewer.scene.pointclouds.length > 0;
  1915. if(!hasPointcloud){
  1916. let msg = "At least one point cloud is needed that specifies the ";
  1917. msg += "coordinate reference system before loading vector data.";
  1918. console.error(msg);
  1919. }else{
  1920. proj4.defs("WGS84", "+proj=longlat +ellps=WGS84 +datum=WGS84 +no_defs");
  1921. proj4.defs("pointcloud", this.getProjection());
  1922. let transform = proj4("WGS84", "pointcloud");
  1923. const buffer = await file.arrayBuffer();
  1924. const params = {
  1925. transform: transform,
  1926. source: file.name,
  1927. };
  1928. const geo = await Potree.GeoPackageLoader.loadBuffer(buffer, params);
  1929. viewer.scene.addGeopackage(geo);
  1930. }
  1931. }
  1932. }
  1933. };
  1934. $("body")[0].addEventListener("dragenter", allowDrag);
  1935. $("body")[0].addEventListener("dragover", allowDrag);
  1936. $("body")[0].addEventListener("drop", dropHandler);
  1937. }
  1938. updateAnnotations () {
  1939. if(!this.visibleAnnotations){
  1940. this.visibleAnnotations = new Set();
  1941. }
  1942. this.scene.annotations.updateBounds();
  1943. this.scene.cameraP.updateMatrixWorld();
  1944. this.scene.cameraO.updateMatrixWorld();
  1945. let distances = [];
  1946. let renderAreaSize = this.renderer.getSize(new THREE.Vector2());
  1947. let viewer = this;
  1948. let visibleNow = [];
  1949. this.scene.annotations.traverse(annotation => {
  1950. if (annotation === this.scene.annotations) {
  1951. return true;
  1952. }
  1953. if (!annotation.visible) {
  1954. return false;
  1955. }
  1956. annotation.scene = this.scene;
  1957. let element = annotation.domElement;
  1958. let position = annotation.position.clone();
  1959. position.add(annotation.offset);
  1960. if (!position) {
  1961. position = annotation.boundingBox.getCenter(new THREE.Vector3());
  1962. }
  1963. let distance = viewer.scene.cameraP.position.distanceTo(position);
  1964. let radius = annotation.boundingBox.getBoundingSphere(new THREE.Sphere()).radius;
  1965. let screenPos = new THREE.Vector3();
  1966. let screenSize = 0;
  1967. {
  1968. // SCREEN POS
  1969. screenPos.copy(position).project(this.scene.getActiveCamera());
  1970. screenPos.x = renderAreaSize.x * (screenPos.x + 1) / 2;
  1971. screenPos.y = renderAreaSize.y * (1 - (screenPos.y + 1) / 2);
  1972. // SCREEN SIZE
  1973. if(viewer.scene.cameraMode == CameraMode.PERSPECTIVE) {
  1974. let fov = Math.PI * viewer.scene.cameraP.fov / 180;
  1975. let slope = Math.tan(fov / 2.0);
  1976. let projFactor = 0.5 * renderAreaSize.y / (slope * distance);
  1977. screenSize = radius * projFactor;
  1978. } else {
  1979. screenSize = Utils.projectedRadiusOrtho(radius, viewer.scene.cameraO.projectionMatrix, renderAreaSize.x, renderAreaSize.y);
  1980. }
  1981. }
  1982. element.css("left", screenPos.x + "px");
  1983. element.css("top", screenPos.y + "px");
  1984. //element.css("display", "block");
  1985. let zIndex = 10000000 - distance * (10000000 / this.scene.cameraP.far);
  1986. if(annotation.descriptionVisible){
  1987. zIndex += 10000000;
  1988. }
  1989. element.css("z-index", parseInt(zIndex));
  1990. if(annotation.children.length > 0){
  1991. let expand = screenSize > annotation.collapseThreshold || annotation.boundingBox.containsPoint(this.scene.getActiveCamera().position);
  1992. annotation.expand = expand;
  1993. if (!expand) {
  1994. //annotation.display = (screenPos.z >= -1 && screenPos.z <= 1);
  1995. let inFrustum = (screenPos.z >= -1 && screenPos.z <= 1);
  1996. if(inFrustum){
  1997. visibleNow.push(annotation);
  1998. }
  1999. }
  2000. return expand;
  2001. } else {
  2002. //annotation.display = (screenPos.z >= -1 && screenPos.z <= 1);
  2003. let inFrustum = (screenPos.z >= -1 && screenPos.z <= 1);
  2004. if(inFrustum){
  2005. visibleNow.push(annotation);
  2006. }
  2007. }
  2008. });
  2009. let notVisibleAnymore = new Set(this.visibleAnnotations);
  2010. for(let annotation of visibleNow){
  2011. annotation.display = true;
  2012. notVisibleAnymore.delete(annotation);
  2013. }
  2014. this.visibleAnnotations = visibleNow;
  2015. for(let annotation of notVisibleAnymore){
  2016. annotation.display = false;
  2017. }
  2018. }
  2019. updateMaterialDefaults(pointcloud){
  2020. // PROBLEM STATEMENT:
  2021. // * [min, max] of intensity, source id, etc. are computed as point clouds are loaded
  2022. // * the point cloud material won't know the range it should use until some data is loaded
  2023. // * users can modify the range at runtime, but sensible default ranges should be
  2024. // applied even if no GUI is present
  2025. // * display ranges shouldn't suddenly change even if the actual range changes over time.
  2026. // e.g. the root node has intensity range [1, 478]. One of the descendants increases range to
  2027. // [0, 2047]. We should not automatically change to the new range because that would result
  2028. // in sudden and drastic changes of brightness. We should adjust the min/max of the sidebar slider.
  2029. const material = pointcloud.material;
  2030. const attIntensity = pointcloud.getAttribute("intensity");
  2031. if(attIntensity != null && material.intensityRange[0] === Infinity){
  2032. material.intensityRange = [...attIntensity.range];
  2033. }
  2034. // const attIntensity = pointcloud.getAttribute("intensity");
  2035. // if(attIntensity && material.intensityRange[0] === Infinity){
  2036. // material.intensityRange = [...attIntensity.range];
  2037. // }
  2038. // let attributes = pointcloud.getAttributes();
  2039. // for(let attribute of attributes.attributes){
  2040. // if(attribute.range){
  2041. // let range = [...attribute.range];
  2042. // material.computedRange.set(attribute.name, range);
  2043. // //material.setRange(attribute.name, range);
  2044. // }
  2045. // }
  2046. }
  2047. update(delta, timestamp){
  2048. viewer.addTimeMark('update','start')
  2049. TWEEN.update(timestamp);
  2050. transitions.update(delta);//写在开头,因为这时候最为固定,计时准确
  2051. this.dispatchEvent({
  2052. type: 'update_start',
  2053. delta: delta,
  2054. timestamp: timestamp});
  2055. this.updateScreenSize() //判断是否改变canvas大小
  2056. const scene = this.scene;
  2057. const camera = scene.getActiveCamera();
  2058. const visiblePointClouds = this.scene.pointclouds.filter(pc => pc.visible)
  2059. Potree.pointLoadLimit = Potree.pointBudget * 2;
  2060. /* const lTarget = camera.position.clone().add(camera.getWorldDirection(new THREE.Vector3()).multiplyScalar(1000));
  2061. this.scene.directionalLight.position.copy(camera.position);
  2062. this.scene.directionalLight.lookAt(lTarget); */
  2063. for (let pointcloud of visiblePointClouds) {
  2064. pointcloud.showBoundingBox = this.showBoundingBox;
  2065. pointcloud.generateDEM = this.generateDEM;
  2066. pointcloud.minimumNodePixelSize = this.minNodeSize;
  2067. let material = pointcloud.material;
  2068. material.uniforms.uFilterReturnNumberRange.value = this.filterReturnNumberRange;
  2069. material.uniforms.uFilterNumberOfReturnsRange.value = this.filterNumberOfReturnsRange;
  2070. material.uniforms.uFilterGPSTimeClipRange.value = this.filterGPSTimeRange;
  2071. material.uniforms.uFilterPointSourceIDClipRange.value = this.filterPointSourceIDRange;
  2072. material.classification = this.classifications;
  2073. material.recomputeClassification();
  2074. this.updateMaterialDefaults(pointcloud);
  2075. }
  2076. {
  2077. if(this.showBoundingBox){
  2078. let bbRoot = this.scene.scene.getObjectByName("potree_bounding_box_root");
  2079. if(!bbRoot){
  2080. let node = new THREE.Object3D();
  2081. node.name = "potree_bounding_box_root";
  2082. this.scene.scene.add(node);
  2083. bbRoot = node;
  2084. }
  2085. let visibleBoxes = [];
  2086. for(let pointcloud of this.scene.pointclouds){
  2087. for(let node of pointcloud.visibleNodes.filter(vn => vn.boundingBoxNode !== undefined)){
  2088. let box = node.boundingBoxNode;
  2089. visibleBoxes.push(box);
  2090. }
  2091. }
  2092. bbRoot.children = visibleBoxes;
  2093. }
  2094. }
  2095. if(this.boundNeedUpdate)this.updateModelBound() //add
  2096. this.scene.cameraP.fov = this.fov;
  2097. let controls = this.getControls();
  2098. if (controls === this.deviceControls) {
  2099. this.controls.setScene(scene);
  2100. this.controls.update(delta);
  2101. this.scene.cameraP.position.copy(scene.view.position);
  2102. this.scene.cameraO.position.copy(scene.view.position);
  2103. } else if (controls !== null) {
  2104. controls.setScene(scene);
  2105. controls.update(delta);
  2106. //更新camera
  2107. this.viewports.forEach(viewport=>{
  2108. if(!viewport.active)return
  2109. viewport.view.applyToCamera(viewport.camera)
  2110. })
  2111. }
  2112. this.lastFrameChanged = this.cameraChanged()//判断camera画面是否改变
  2113. { // update clip boxes
  2114. let boxes = [];
  2115. // volumes with clipping enabled
  2116. boxes.push(...this.scene.volumes.filter(v => (v.clip && v instanceof BoxVolume)));
  2117. // profile segments
  2118. for(let profile of this.scene.profiles){
  2119. boxes.push(...profile.boxes);
  2120. }
  2121. // Needed for .getInverse(), pre-empt a determinant of 0, see #815 / #816
  2122. let degenerate = (box) => box.matrixWorld.determinant() !== 0;
  2123. let clipBoxes = boxes.filter(degenerate).map( box => {
  2124. box.updateMatrixWorld();
  2125. let boxInverse = box.matrixWorld.clone().invert();
  2126. //let boxPosition = box.getWorldPosition(new THREE.Vector3());
  2127. return {box: box, inverse: boxInverse/* , position: boxPosition */};
  2128. });
  2129. //改
  2130. let bigClipInBox = clipBoxes.find(e=>e.box.clipTask == ClipTask.SHOW_INSIDE_Big && !e.box.highlight)//裁剪下载 when this.modules.Clip.editing
  2131. let clipBoxes_in = clipBoxes.filter(e=>e.box.clipTask == ClipTask.SHOW_INSIDE && !e.box.highlight)
  2132. let clipBoxes_out = clipBoxes.filter(e=>e.box.clipTask == ClipTask.SHOW_OUTSIDE && !e.box.highlight)
  2133. let highlightBoxes = clipBoxes.filter(e=>e.box.highlight )
  2134. //let prismPolygons = this.modules.volumeComputer && this.modules.volumeComputer.entered ? viewer.scene.measurements.filter(e=>(e.measureType == 'MulDistance Ring') && !e.isNew) : []
  2135. let prismPolygons = this.modules.volumeComputer ? this.modules.volumeComputer.prisms.filter(e=>!e.isNew && e.visible) : []
  2136. // set clip volumes in material
  2137. for(let pointcloud of visiblePointClouds){
  2138. let clipBoxes_in2 = [], clipBoxes_out2 = [], highlightBoxes2 = []
  2139. if(pointcloud.dataset_id == Potree.settings.originDatasetId){ //实时裁剪只对初始数据集有效
  2140. clipBoxes_in2 = clipBoxes_in, clipBoxes_out2 = clipBoxes_out, highlightBoxes2 = highlightBoxes
  2141. }
  2142. pointcloud.material.setClipBoxes(bigClipInBox, clipBoxes_in2, clipBoxes_out2, highlightBoxes2, prismPolygons);
  2143. }
  2144. }
  2145. {
  2146. for(let pointcloud of visiblePointClouds){
  2147. pointcloud.material.elevationGradientRepeat = this.elevationGradientRepeat;
  2148. }
  2149. }
  2150. { // update navigation cube
  2151. this.navigationCube.update(camera.rotation);
  2152. }
  2153. this.updateAnnotations();
  2154. if(this.mapView){
  2155. this.mapView.update(delta);
  2156. if(this.mapView.sceneProjection){
  2157. $( "#potree_map_toggle" ).css("display", "block");
  2158. }
  2159. }
  2160. this.transformationTool.update();
  2161. if(Potree.settings.editType != 'pano' && Potree.settings.editType != 'merge'){
  2162. this.modules.ParticleEditor.update(delta)
  2163. this.mapViewer.update(delta) //地图更新
  2164. }
  2165. this.dispatchEvent({ type: 'update', delta: delta, timestamp: timestamp}); //在有sidebar时耗高cpu,占本update函数80%
  2166. viewer.addTimeMark('update','end')
  2167. //add ------
  2168. this.reticule.updateVisible()
  2169. }
  2170. updateViewPointcloud(camera, areaSize, isViewport){
  2171. let result = Potree.updatePointClouds(this.scene.pointclouds, camera, areaSize );
  2172. //if(isViewport)return
  2173. const tStart = performance.now();
  2174. const campos = camera.position;
  2175. let closestImage = Infinity;
  2176. for(const images of this.scene.orientedImages){
  2177. for(const image of images.images){
  2178. const distance = image.mesh.position.distanceTo(campos);
  2179. closestImage = Math.min(closestImage, distance);
  2180. }
  2181. }
  2182. //const tEnd = performance.now();
  2183. //改:不根据点云修改视野near far
  2184. var near = camera.near, far = camera.far
  2185. if(!camera.limitFar && result.lowestSpacing !== Infinity){
  2186. //let near = result.lowestSpacing * 10.0;
  2187. let far = -this.getBoundingBox().applyMatrix4(camera.matrixWorldInverse).min.z;
  2188. far = Math.max(far * 1.5, 10000);
  2189. //near = Math.min(100.0, Math.max(0.01, near));
  2190. //near = Math.min(near, closestImage);
  2191. far = Math.max(far, near + 10000);
  2192. /* if(near === Infinity){
  2193. near = 0.1;
  2194. } */
  2195. //camera.near = near; //为了其他物体的显示,不修改near
  2196. camera.far = far;
  2197. }
  2198. /* if(this.scene.cameraMode == CameraMode.ORTHOGRAPHIC) {//???
  2199. camera.near = -camera.far;
  2200. } */
  2201. if(/* near != camera.near || */far != camera.far){
  2202. camera.updateProjectionMatrix()
  2203. }
  2204. //注:pointcloud.visibleNodes会随着near far自动更新
  2205. }
  2206. getPRenderer(){
  2207. if(this.useHQ){
  2208. if (!this.hqRenderer) {
  2209. this.hqRenderer = new HQSplatRenderer(this);
  2210. }
  2211. this.hqRenderer.useEDL = this.useEDL;
  2212. return this.hqRenderer;
  2213. }else{
  2214. /* if (this.useEDL && Features.SHADER_EDL.isSupported()) {
  2215. if (!this.edlRenderer) {
  2216. this.edlRenderer = new EDLRenderer(this);
  2217. }
  2218. return this.edlRenderer;
  2219. } else {
  2220. if (!this.potreeRenderer) {
  2221. this.potreeRenderer = new PotreeRenderer(this);
  2222. }
  2223. return this.potreeRenderer;
  2224. } */
  2225. if (!this.edlRenderer) {
  2226. this.edlRenderer = new EDLRenderer(this);
  2227. }
  2228. return this.edlRenderer;
  2229. }
  2230. }
  2231. renderVR(){//渲染部分没改完
  2232. let renderer = this.renderer;
  2233. renderer.setClearColor(0x550000, 0);
  2234. renderer.clear();
  2235. let xr = renderer.xr;
  2236. let dbg = new THREE.PerspectiveCamera();
  2237. let xrCameras = xr.getCamera(dbg);
  2238. if(xrCameras.cameras.length !== 2){
  2239. return;
  2240. }
  2241. let makeCam = this.vrControls.getCamera.bind(this.vrControls);
  2242. { // clear framebuffer
  2243. if(viewer.background === "skybox"){
  2244. renderer.setClearColor(0xff0000, 1);
  2245. }else if(viewer.background === "gradient"){
  2246. renderer.setClearColor(0x112233, 1);
  2247. }else if(viewer.background === "black"){
  2248. renderer.setClearColor(0x000000, 1);
  2249. }else if(viewer.background === "white"){
  2250. renderer.setClearColor(0xFFFFFF, 1);
  2251. }else{
  2252. renderer.setClearColor(0x000000, 0);
  2253. }
  2254. renderer.clear();
  2255. }
  2256. // render background
  2257. if(this.background === "skybox"){
  2258. let {skybox} = this;
  2259. let cam = makeCam();
  2260. skybox.camera.rotation.copy(cam.rotation);
  2261. skybox.camera.fov = cam.fov;
  2262. skybox.camera.aspect = cam.aspect;
  2263. // let dbg = new THREE.Object3D();
  2264. let dbg = skybox.parent;
  2265. // dbg.up.set(0, 0, 1);
  2266. dbg.rotation.x = Math.PI / 2;
  2267. // skybox.camera.parent = dbg;
  2268. // dbg.children.push(skybox.camera);
  2269. dbg.updateMatrix();
  2270. dbg.updateMatrixWorld();
  2271. skybox.camera.updateMatrix();
  2272. skybox.camera.updateMatrixWorld();
  2273. skybox.camera.updateProjectionMatrix();
  2274. renderer.render(skybox.scene, skybox.camera);
  2275. // renderer.render(skybox.scene, cam);
  2276. }else if(this.background === "gradient"){
  2277. // renderer.render(this.scene.sceneBG, this.scene.cameraBG);
  2278. }
  2279. this.renderer.xr.getSession().updateRenderState({
  2280. depthNear: 0.1,
  2281. depthFar: 10000
  2282. });
  2283. let cam = null;
  2284. let view = null;
  2285. { // render world scene
  2286. cam = makeCam();
  2287. cam.position.z -= 0.8 * cam.scale.x;
  2288. cam.parent = null;
  2289. // cam.near = 0.05;
  2290. cam.near = viewer.scene.getActiveCamera().near;
  2291. cam.far = viewer.scene.getActiveCamera().far;
  2292. cam.updateMatrix();
  2293. cam.updateMatrixWorld();
  2294. this.scene.scene.updateMatrix();
  2295. this.scene.scene.updateMatrixWorld();
  2296. this.scene.scene.matrixAutoUpdate = false;
  2297. let camWorld = cam.matrixWorld.clone();
  2298. view = camWorld.clone().invert();
  2299. this.scene.scene.matrix.copy(view);
  2300. this.scene.scene.matrixWorld.copy(view);
  2301. cam.matrix.identity();
  2302. cam.matrixWorld.identity();
  2303. cam.matrixWorldInverse.identity();
  2304. renderer.render(this.scene.scene, cam);
  2305. this.scene.scene.matrixWorld.identity();
  2306. }
  2307. for(let pointcloud of this.scene.pointclouds){
  2308. let viewport = xrCameras.cameras[0].viewport;
  2309. pointcloud.material.useEDL = false;
  2310. pointcloud.screenHeight = viewport.height;
  2311. pointcloud.screenWidth = viewport.width;
  2312. // automatically switch to paraboloids because they cause far less flickering in VR,
  2313. // when point sizes are larger than around 2 pixels
  2314. // if(Features.SHADER_INTERPOLATION.isSupported()){
  2315. // pointcloud.material.shape = Potree.PointShape.PARABOLOID;
  2316. // }
  2317. }
  2318. // render point clouds
  2319. for(let xrCamera of xrCameras.cameras){
  2320. let v = xrCamera.viewport;
  2321. renderer.setViewport(v.x, v.y, v.width, v.height);
  2322. // xrCamera.fov = 90;
  2323. { // estimate VR fov
  2324. let proj = xrCamera.projectionMatrix;
  2325. let inv = proj.clone().invert();
  2326. let p1 = new THREE.Vector4(0, 1, -1, 1).applyMatrix4(inv);
  2327. let rad = p1.y
  2328. let fov = 180 * (rad / Math.PI);
  2329. xrCamera.fov = fov;
  2330. }
  2331. for(let pointcloud of this.scene.pointclouds){
  2332. const {material} = pointcloud;
  2333. material.useEDL = false;
  2334. }
  2335. let vrWorld = view.clone().invert();
  2336. vrWorld.multiply(xrCamera.matrixWorld);
  2337. let vrView = vrWorld.clone().invert();
  2338. this.pRenderer.render(this.scene.scenePointCloud, xrCamera, null, {
  2339. viewOverride: vrView,
  2340. });
  2341. }
  2342. { // render VR scene
  2343. let cam = makeCam();
  2344. cam.parent = null;
  2345. renderer.render(this.sceneVR, cam);
  2346. }
  2347. renderer.resetState();
  2348. }
  2349. clear(params={}){
  2350. let background = params.background || this.background;
  2351. let backgroundOpacity = params.backgroundOpacity == void 0 ? this.backgroundOpacity : params.backgroundOpacity//如果想完全透明,只需要backgroundOpacity为0
  2352. let renderer = this.renderer
  2353. //let gl = renderer.getContext()
  2354. if(background instanceof THREE.Color){ //add
  2355. renderer.setClearColor(background, backgroundOpacity);
  2356. }else if(background === "skybox"){
  2357. renderer.setClearColor(0x000000, backgroundOpacity);
  2358. } else if (background === 'gradient') {
  2359. renderer.setClearColor(0x000000, backgroundOpacity);
  2360. } else if (background === 'black') {
  2361. renderer.setClearColor(0x000000, 1);
  2362. } else if (background === 'white') {
  2363. renderer.setClearColor(0xFFFFFF, 1);
  2364. } else {
  2365. renderer.setClearColor(background, backgroundOpacity);
  2366. }
  2367. params.target || renderer.clear();
  2368. }
  2369. getBuffer(viewport){//根据不同viewport返回rtEDL的texture
  2370. var buffer = this.buffers.get(viewport)
  2371. if(!buffer){
  2372. buffer = new THREE.WebGLRenderTarget(viewport.resolution.x, viewport.resolution.y, {
  2373. minFilter: THREE.NearestFilter,
  2374. magFilter: THREE.NearestFilter,
  2375. format: THREE.RGBAFormat,
  2376. type: THREE.FloatType
  2377. });
  2378. this.buffers.set(viewport, rtEDL)
  2379. }
  2380. return buffer
  2381. }
  2382. async renderDefault(params_={}){
  2383. if(!this.visible ) return
  2384. let pRenderer = this.getPRenderer();
  2385. let viewports = params_.viewports || this.viewports
  2386. viewer.addTimeMark('renderDefault','start')
  2387. //console.log('render', viewports.map(e=>e.name).join(','))
  2388. let renderSize
  2389. if(params_.target){
  2390. renderSize = new THREE.Vector2(params_.target.width, params_.target.height) //是画布大小
  2391. //可能需要viewer.setSize
  2392. }else{
  2393. renderSize = this.renderer.getSize(new THREE.Vector2()); //是client大小
  2394. }
  2395. ///let needsResize = viewports.length > 1 || params_.resize //去掉原因:因为不需要渲染的viewport不在此中所以无法判断几个viewport
  2396. for(let i=0; i<viewports.length; i++){
  2397. let viewport = viewports[i]
  2398. let params = $.extend({},params_);
  2399. params.viewport = viewport
  2400. //if(!params.target){
  2401. params.camera = params.camera || viewport.camera;
  2402. params.extraEnableLayers = viewport.extraEnableLayers
  2403. params.cameraLayers = viewport.cameraLayers
  2404. //}
  2405. var left,bottom,width,height
  2406. {
  2407. left = Math.ceil(renderSize.x * viewport.left)
  2408. bottom = Math.ceil(renderSize.y * viewport.bottom)
  2409. if(params_.target){//有target时最好viewport是专门建出来的
  2410. width = renderSize.x * viewport.width //target的大小可能和viewport不同,比如截图,这时会更改viewport大小
  2411. height = renderSize.y * viewport.height
  2412. }else{
  2413. width = viewport.resolution.x // 用的是client的width和height
  2414. height = viewport.resolution.y
  2415. }
  2416. if(width == 0 || height == 0)continue;//return
  2417. width = Math.ceil(width) //使用ceil,当原本有小数时,会重叠一个像素,无所谓
  2418. height = Math.ceil(height)
  2419. let scissorTest = viewport.width<1 || viewport.height<1
  2420. if(params_.target){
  2421. params_.target.viewport.set(left, bottom, width, height);
  2422. scissorTest && params_.target.scissor.set(left, bottom, width, height);
  2423. params_.target.scissorTest = scissorTest
  2424. this.renderer.setRenderTarget(params_.target)
  2425. }else{
  2426. /* if(viewports.length == 1 && left == 0 && bottom == 0){
  2427. left = 1 , width-=1 //这种情况下渲染也会有问题,只有鼠标的地方刷新 估计是pick那影响的
  2428. } */
  2429. /* if(scissorTest && left == 0 && bottom == 0){
  2430. left = 1 , width-=1
  2431. } */
  2432. if(viewport.forViewOffset){ //分块渲染,渲染时的camera还是原来的,但加载点云时的camera是分块中的
  2433. viewport.forViewOffset.camera.setViewOffset(renderSize.x, renderSize.y, left, renderSize.y - bottom - height, width, height)
  2434. this.renderer.setViewport(0,0,renderSize.x, renderSize.y)
  2435. viewport.resolution.copy(viewport.forViewOffset.originViewport.resolution)
  2436. viewport.resolution2.copy(viewport.forViewOffset.originViewport.resolution2) //后续渲染都当做原先的viewport
  2437. }else{
  2438. this.renderer.setViewport(left, bottom, width, height) //规定视口,影响图形变换(画布的使用范围)
  2439. }
  2440. //scissorTest && console.log('setScissor', left, bottom, width, height)
  2441. scissorTest && this.renderer.setScissor( left, bottom, width, height );//规定渲染范围
  2442. this.renderer.setScissorTest( scissorTest );//开启WebGL剪裁测试功能,如果不开启,.setScissor方法设置的范围不起作用 | width==1且height==1时开启会只有鼠标的地方刷新,很奇怪
  2443. }
  2444. }
  2445. //if(needsResize){
  2446. this.ifEmitResize( { viewport} )
  2447. //}
  2448. viewer.dispatchEvent({type: "render.begin", viewer: viewer, viewport, params });
  2449. viewport.beforeRender && viewport.beforeRender()
  2450. if(viewport.render){
  2451. if(!viewport.render($.extend({}, params, {
  2452. renderer:this.renderer, clear:this.clear.bind(this), resize:null,
  2453. renderBG:this.renderBG.bind(this), force:true //viewer content_change时map也直接渲染吧 //!viewport.noPointcloud //如果要渲染点云,必须也一直渲染地图,否则地图会被覆盖(点云目前未能获取是否改变,也可能有其他动态物体,所以还是一直渲染的好)
  2454. }))) continue//return
  2455. }else{
  2456. this.clear(params)
  2457. pRenderer.clearTargets(params);
  2458. this.renderBG(viewport)
  2459. if(Potree.settings.notAdditiveBlending){
  2460. params.renderBeforeCloud = true
  2461. this.renderOverlay1(params) //先渲染不透明的model。 但drawedModelOnRT时这里提前多渲染了一遍
  2462. }
  2463. }
  2464. if(!viewport.noPointcloud ){
  2465. if(params_.needWaitLoadPoint){
  2466. await this.waitPointLoad(null, params_.maxTimeForPointLoad, viewport ) //resolution得用split前整个的viewport的
  2467. }else{
  2468. this.updateViewPointcloud(params.camera, viewport.resolution, true)
  2469. }
  2470. pRenderer.render(params); //渲染点云 skybox
  2471. }
  2472. if(Potree.settings.notAdditiveBlending){ // 融合页面才用到
  2473. params.renderBeforeCloud = false
  2474. this.renderOverlay1(params)
  2475. this.renderOverlay2(params)
  2476. }else{
  2477. this.renderOverlay(params)
  2478. }
  2479. viewport.afterRender && viewport.afterRender()
  2480. this.dispatchEvent({type: "render.end", viewer: this, viewport });
  2481. viewport.needRender = false
  2482. viewport.lastRenderTime = Date.now()
  2483. }
  2484. /* if(params_.screenshot){ //抗锯齿
  2485. this.composer.render();
  2486. } */
  2487. this.renderer.setRenderTarget(null)
  2488. viewer.scene.pointclouds[0] && this.addFakeMeasure('visibleNodes', viewer.scene.pointclouds[0].visibleNodes.length )//
  2489. this.addFakeMeasure('numVisiblePoints', Potree.numVisiblePoints/100000)//十万 numVisiblePoints和帧率成反比(若每一帧都render的话),和render用时成正比 (y=kn+b)。但visibleNodes个数也影响,多的话也更卡。visibleNodes和numVisiblePoints不成正比,少的visibleNodes可能numVisiblePoints多
  2490. viewer.addTimeMark('renderDefault','end')
  2491. }
  2492. renderBG(viewport){
  2493. let background = viewport.background || viewer.background;
  2494. let backgroundOpacity = viewport.backgroundOpacity == void 0 ? viewer.backgroundOpacity : viewport.backgroundOpacity//如果想完全透明,只需要backgroundOpacity为0
  2495. if(backgroundOpacity != 0){//绘制背景
  2496. if(background === "skybox"){
  2497. //限制相机到原点的距离。
  2498. let skyCamera = viewport.camera.type == "OrthographicCamera" ? viewer.skybox.cameraOrtho : viewer.skybox.camera
  2499. let safeRatio = 0.02;
  2500. let safeWidth = Potree.config.skyboxBgWidth * safeRatio / 2; //相机只能在这个范围内移动
  2501. if(!viewport.skyboxFixPos){ //允许不在全景图中心,允许位移造成一定程度畸变
  2502. let dir = new THREE.Vector3().subVectors(viewport.camera.position, viewer.bound.center);
  2503. let length = dir.length()
  2504. const moveMax = 100;
  2505. let aimRadius = easing.easeOutQuart(Math.min(length, moveMax) , 0, safeWidth, moveMax) //(x, startY, wholeY, maxX) 当自变量为0-moveMax时,相机位移量为0-safeWidth
  2506. dir.multiplyScalar(aimRadius/length)
  2507. skyCamera.position.copy(dir)
  2508. }else{
  2509. skyCamera.position.set(0,0,0)
  2510. }
  2511. skyCamera.rotation.copy(viewport.camera.rotation);
  2512. skyCamera.aspect = viewport.camera.aspect;
  2513. if(viewport.camera.type == "OrthographicCamera"){ //调节zoom
  2514. skyCamera.left = viewport.camera.left; skyCamera.right = viewport.camera.right; skyCamera.top = viewport.camera.top; skyCamera.bottom = viewport.camera.bottom
  2515. let a = Potree.config.skyboxBgWidth / 2 - safeWidth
  2516. let minY = Math.max(skyCamera.right / a, skyCamera.top / a, viewport.skyboxMinZoom||0); //能够使skybox铺满画布的最小zoom. 提示:越远zoom越小
  2517. let maxY = Math.max(20, minY) ;//自定义一个 不会超过的最大实际zoom
  2518. //viewport.camera.zoom自变量的变化范围:
  2519. let minX = 1
  2520. let maxX = 80
  2521. let x = THREE.Math.clamp(viewport.camera.zoom - minX, minX, maxX)
  2522. skyCamera.zoom = easing.easeOutCubic(x-minX, minY, maxY-minY, maxX-minX) //自变量范围从0开始,所以减去minX
  2523. //pos的范围先不管了 其实aimRadius是有误的,但效果还行
  2524. }else{
  2525. skyCamera.fov = viewport.camera.fov;
  2526. skyCamera.zoom = 1
  2527. }
  2528. viewport.skyboxRenderFun && viewport.skyboxRenderFun()
  2529. skyCamera.updateProjectionMatrix();
  2530. skyCamera.updateMatrixWorld()
  2531. viewer.renderer.render(viewer.skybox.scene, skyCamera);
  2532. }else if(background === 'gradient'){
  2533. viewer.scene.cameraBG.layers.set(Potree.config.renderLayers.bg);
  2534. viewer.renderer.render(viewer.scene.scene, viewer.scene.cameraBG);
  2535. }else if(background === 'overlayColor'){//在不clear的前提下加一层背景色
  2536. viewer.scene.bg2.material.color.copy(viewport.backgroundColor)
  2537. viewer.scene.bg2.material.opacity = viewport.backgroundOpacity
  2538. viewer.scene.cameraBG.layers.set(Potree.config.renderLayers.bg2);
  2539. viewer.renderer.render(viewer.scene.scene, viewer.scene.cameraBG);
  2540. }
  2541. }
  2542. //全景图的部分和点云有点相关就不移动到这了。但是如果是showPanos模式,就不要渲染背景了。
  2543. }
  2544. /*
  2545. 关于透明度:
  2546. 由于点云和mesh是分开渲染的,且材质很不一样,所以透明和blend有冲突
  2547. 1 如果点云的blend是AdditiveBlending,也就是普通的叠加模式。
  2548. 则半透明点云的depthTest和depthWrite都为false
  2549. 这时候mesh要后渲染,且depthWrite不能为false(除非depthTest也为false),否则将被点云遮住。
  2550. 2 如果点云的blend是普通型
  2551. 则半透明点云的depthTest和depthWrite都为true。(为何depthWrite不能像mesh一样为false, 否则点云自身透明会错乱,可能因为太多points了)
  2552. 这时候若mesh全部先渲染,则 透过depthWrite为false的半透明mesh看不透明点云,mesh会完全被点云遮住。但是透明的物体就是depthWrite要为false,否则也会完全遮住点云
  2553. 即使是后渲染半透明的mesh,若透过点云看mesh,mesh会完全被点云遮住(为什么之前遇到过 透过点云看mesh,点云会显示不出)
  2554. 最终选择是先渲染不透明的mesh,然后点云,然后透明的mesh。虽然点云对mesh透明会失效。
  2555. */
  2556. renderOverlay(params){
  2557. viewer.addTimeMark('renderOverlay','start')
  2558. this.renderOverlay1(params)
  2559. this.renderOverlay2(params)
  2560. viewer.addTimeMark('renderOverlay','end')
  2561. }
  2562. renderOverlay1(params){
  2563. let camera = params.camera ? params.camera : this.scene.getActiveCamera();
  2564. let renderer = params.renderer || this.renderer
  2565. this.reticule.updateAtViewports(params.viewport)
  2566. renderer.setRenderTarget(params.target||null)
  2567. //为什么要在点云之后渲染,否则透明失效 、 会被点云覆盖
  2568. let cameraLayers
  2569. if(params.cameraLayers) cameraLayers = params.cameraLayers
  2570. else{
  2571. if(params.viewport.name == "mapViewport" )cameraLayers = ['bothMapAndScene', 'light']
  2572. else {
  2573. cameraLayers = ['sceneObjects', 'light', 'bothMapAndScene' ];
  2574. if(!params.drawedModelOnRT){
  2575. cameraLayers.push('model')
  2576. }
  2577. }
  2578. }
  2579. if(cameraLayers.length){
  2580. Potree.Utils.setCameraLayers(camera, cameraLayers, params.extraEnableLayers) //透明贴图层 skybox 、reticule marker 不能遮住测量线
  2581. if('renderBeforeCloud' in params){
  2582. this.scene.scene.traverse((object)=>{
  2583. if(object.material){
  2584. Potree.Utils.updateVisible(object, 'renderOpa',
  2585. (params.renderBeforeCloud && (object.material.opacity<1 || !object.material.depthTest) || (!params.renderBeforeCloud) && (object.material.opacity==1 && object.material.depthTest))? false:true)
  2586. //点云之前渲染的话隐藏半透明的, 点云之后渲染的话隐藏不透明的。 depthTest==false的也最后渲染
  2587. }
  2588. })//ground的材质中opacity为1,所以被当做不透明了
  2589. }
  2590. viewer.dispatchEvent({type: "render.begin2" , name:'scene', viewport:params.viewport })
  2591. renderer.render(this.scene.scene, camera);
  2592. if('renderBeforeCloud' in params){
  2593. this.scene.scene.traverse((object)=>{
  2594. if(object.material){
  2595. Potree.Utils.updateVisible(object, 'renderOpa', true) //恢复
  2596. }
  2597. })
  2598. }
  2599. }
  2600. this.dispatchEvent({type: "render.pass.scene", viewer: viewer});
  2601. }
  2602. renderOverlay2(params){
  2603. let renderer = params.renderer || this.renderer
  2604. let camera = params.camera ? params.camera : this.scene.getActiveCamera();
  2605. //清除深度 !!!!
  2606. renderer.clearDepth();
  2607. if(!params.magnifier){
  2608. //测量线
  2609. this.dispatchEvent({type: "render.pass.perspective_overlay", camera, screenshot:params.screenshot,viewport:params.viewport, renderer});
  2610. if(!params.screenshot && params.viewport.name != "mapViewport" ){
  2611. Potree.Utils.setCameraLayers(camera, ['magnifier']) //magnifier 遮住测量线
  2612. renderer.render(this.scene.scene, camera);
  2613. }
  2614. }
  2615. if(params.viewport.name != "mapViewport" ) {
  2616. Potree.Utils.setCameraLayers(camera, ['volume','transformationTool'])
  2617. //viewer.dispatchEvent({type: "render.begin2" , name:'clip&trans',viewport:params.viewport })
  2618. renderer.render(this.clippingTool.sceneVolume, camera); //official 可以删
  2619. renderer.render(this.transformationTool.scene, camera);
  2620. }
  2621. }
  2622. setLimitFar(state){//切换是否limitFar
  2623. viewer.mainViewport.camera.limitFar = !!state
  2624. if(state){
  2625. viewer.mainViewport.camera.near = 0.02;
  2626. viewer.mainViewport.camera.far = Potree.settings.displayMode == 'showPanos' ? viewer.farWhenShowPano : Potree.settings.cameraFar;
  2627. viewer.mainViewport.camera.updateProjectionMatrix()
  2628. }
  2629. }
  2630. setClipState(state){//有时候需要暂时关闭下clip
  2631. state = !!state
  2632. if(this.clipUnabled == !state)return
  2633. this.scene.volumes.filter(v=>/* v.clip && */ v instanceof Potree.BoxVolume).map(volume=>{
  2634. volume.clip = state
  2635. Potree.Utils.updateVisible(volume, 'setClipState', state)
  2636. })
  2637. this.clipUnabled = !state
  2638. }
  2639. /* 大规模WebGL应用引发浏览器崩溃的几种情况及解决办法
  2640. https://blog.csdn.net/weixin_30378311/article/details/94846947 */
  2641. async render(params={}){//add params
  2642. viewer.addTimeMark('render','start')
  2643. const vrActive = this.renderer.xr.isPresenting;
  2644. let SiteModel = viewer.modules.SiteModel
  2645. if(this.screenshoting && !params.screenshot)return //正在截图
  2646. let s = SiteModel.editing && SiteModel.selected && (SiteModel.selected.buildType == 'room' || SiteModel.selected.buildType == 'floor') //空间模型的房间选中材质是需要depth的,这时候需要绘制两次点云
  2647. Potree.settings.pointEnableRT = !this.screenshoting && (this.scene.measurements.filter(e=>e.visible).length > 0 || s )
  2648. if(vrActive){
  2649. this.renderVR();
  2650. }else{
  2651. let specialRender = !!params.viewports
  2652. let viewports = params.viewports || this.viewports
  2653. if(!this.needRender){
  2654. viewports = viewports.filter(v=>v.needRender) //可以渲染的条件是viewer或viewport的needRender为true
  2655. }
  2656. viewports = viewports.filter(v=>v.active)
  2657. if(viewports.length > 0){
  2658. params.viewports = viewports
  2659. if(this.outlinePass.selectedObjects.length && this.outlinePass.edgeStrength > 0 && !params.screenshot){
  2660. let scenes = this.inputHandler.interactiveScenes.concat(this.scene.scene).concat(viewer.scene.scenePointCloud)
  2661. this.composer.render(scenes, null, this.viewports, this.renderDefault.bind(this));
  2662. }else{
  2663. await this.renderDefault(params);
  2664. }
  2665. }
  2666. if(!specialRender) this.needRender = false
  2667. }
  2668. viewer.addTimeMark('render','end')
  2669. }
  2670. startScreenshot(info={}, width=800, height=400, compressRatio ){//add
  2671. //let deferred = info.deferred || $.Deferred();
  2672. let getImageDeferred = info.getImageDeferred || $.Deferred();
  2673. let finishDeferred = info.finishDeferred || $.Deferred();
  2674. let viewerMaster = info.map ? this.mapViewer : this; //截图主体
  2675. let useMap = info.map || info.type == 'measure' || info.type.includes('prism2d')
  2676. if(Potree.settings.displayMode == 'showPanos' && viewer.mainViewport.view.isFlying('pos')){//如果在飞,飞完再截图
  2677. info.getImageDeferred = getImageDeferred , info.finishDeferred = finishDeferred
  2678. let f = ()=>{
  2679. this.startScreenshot(info, width, height, compressRatio)
  2680. }
  2681. viewer.mainViewport.view.addEventListener('flyingDone', f, {once:true})
  2682. return {getImagePromise:getImageDeferred.promise(), finishPromise:finishDeferred.promise()}
  2683. }
  2684. var startTime = Date.now()
  2685. //抗锯齿待加 1 post处理 2截图大张再抗锯齿缩小
  2686. this.pauseTestMaxLevel = true
  2687. this.screenshoting = true
  2688. console.log('startScreenshot: '+startTime)
  2689. let updateCamera = ()=>{
  2690. viewports.forEach(e=>{
  2691. e.view.applyToCamera(e.camera) //因为fly时只更新了view所以要强制更新下camera
  2692. this.dispatchEvent({ //update map and sprite, mapChanged
  2693. type: "camera_changed",
  2694. camera: e.camera,
  2695. viewport : e,
  2696. changeInfo:{positionChanged:true,changed:true}
  2697. })
  2698. })
  2699. }
  2700. let screenshot = async ()=>{
  2701. let pose
  2702. useMap && (viewer.mapViewer.needRender = true)
  2703. info.beforeScreenshot && info.beforeScreenshot()
  2704. let render = async ()=>{
  2705. this.needRender = true
  2706. viewports.forEach(e=>e.active = true)
  2707. if(info.useRenderTarget){
  2708. //离屏渲染 有抗锯齿问题、在手机上速度慢 主视图一样会变内容,还是不用这个了
  2709. var { dataUrl } = viewerMaster.makeScreenshot( new THREE.Vector2(width,height), null, compressRatio );
  2710. }else{
  2711. //直接渲染 会改变canvas大小
  2712. let canvas = viewerMaster.renderer.domElement
  2713. //canvas.width = width, canvas.height = height //不需要改canvas大小, 只需要 this.renderer.setSize(width, height ); 前面updateScreenSize已经执行
  2714. await viewerMaster.render({ screenshot : true, width , height, resize :true, needWaitLoadPoint:!!info.splitRenderInfo, maxTimeForPointLoad:info.maxTimeForPointLoad }); //需要resize
  2715. /* if(info.type.includes('prism2d')){//o.map要为true
  2716. viewer.dispatchEvent({type:'resize', viewport:viewer.mapViewer.viewports[0]}) //借用viewer通知lineMaterial resize
  2717. viewerMaster.renderOverlay()
  2718. } */
  2719. var dataUrl = canvas.toDataURL('image/png',compressRatio)
  2720. }
  2721. return dataUrl
  2722. }
  2723. let dataUrl
  2724. if(info.splitRenderInfo){//为了防崩溃,分区域批次渲染
  2725. let {wc , hc} = info.splitRenderInfo
  2726. let camera = viewer.mainViewport.camera
  2727. let dataUrls = []
  2728. let width_ = Math.ceil(1/wc * width) , height_ = Math.ceil(1/hc * height) //可能加起来比原图大,没事到时候边界会重合
  2729. viewer.updateScreenSize({forceUpdateSize:true, width:width_, height:height_, forTarget:info.useRenderTarget}) //更新viewports相机透视 使focusOnObject在此窗口大小下
  2730. for(let i=0;i<wc;i++){
  2731. let col = []
  2732. for(let j=0;j<hc;j++){
  2733. let left = Math.ceil((-wc/2+0.5+i)*width_), top = Math.ceil((-hc/2+0.5+j)*height_)
  2734. camera.setViewOffset(width_, height_, left, top , width_, height_) //顺序从上到下从左到右
  2735. let dataUrl = await render()
  2736. //Common.downloadFile(dataUrl, 'screenshot'+ i+':'+j+'.png')
  2737. col.push({dataUrl, width:width_, height:height_})
  2738. }
  2739. dataUrls.push(col)
  2740. }
  2741. camera.clearViewOffset()
  2742. dataUrl = await Utils.combineImgs(dataUrls, compressRatio, width, height)
  2743. }else{
  2744. dataUrl = await render()
  2745. }
  2746. if(info.splitRenderInfo){
  2747. viewer.viewports = [viewer.mainViewport]
  2748. }
  2749. if(!Potree.settings.isOfficial){
  2750. Common.downloadFile(dataUrl, 'screenshot.png')
  2751. }
  2752. var finish = ()=>{
  2753. oldStates.viewports.forEach(old=>{//恢复相机
  2754. var viewport = viewports.find(v=>v.name == old.name);
  2755. viewport.left = old.left; viewport.bottom = old.bottom;
  2756. viewport.width = old.width; viewport.height = old.height
  2757. viewport.view.copy(old.view)
  2758. //viewport.view.applyToCamera(viewport.camera);
  2759. if(viewport.camera.isOrthographicCamera){
  2760. viewport.camera.zoom = viewport.view.zoom
  2761. }
  2762. })
  2763. viewerMaster.updateScreenSize({forceUpdateSize:true})//更新像素
  2764. /* oldStates.viewports.forEach(old=>{//恢复相机
  2765. var viewport = [mapViewport, mainViewport].find(v=>v.name == old.name);
  2766. this.dispatchEvent({ //update map
  2767. type: "camera_changed",
  2768. camera: viewport.camera,
  2769. viewport : viewport
  2770. })
  2771. }) */
  2772. updateCamera()
  2773. finishDeferred.resolve({dataUrl, pose})
  2774. info.map || setTimeout(()=>{
  2775. if(!this.screenshoting){
  2776. //Potree.settings.pointNoLimit = false
  2777. Potree.settings.pointDensity = 'high'
  2778. //console.warn('恢复pointDensity')
  2779. /* if(viewer.scene.pointclouds[0].material.oldSize_ ){
  2780. viewer.scene.pointclouds[0].material.size = viewer.scene.pointclouds[0].material.oldSize_
  2781. viewer.scene.pointclouds[0].material.oldSize_ = null
  2782. } */
  2783. }
  2784. },500) //延迟:避免连续多次截图时释放点云
  2785. this.screenshoting = false
  2786. console.log('screenshot done: ' + startTime, 'costTime', (Date.now() - startTime) + 'ms')
  2787. }
  2788. {//恢复:
  2789. this.backgroundOpacity = oldStates.bgOpacity;
  2790. this.pauseTestMaxLevel = false
  2791. if(info.type == 'measure' || info.type.includes('prism2d')){
  2792. this.modules.SiteModel.pauseUpdateEntity = false
  2793. this.focusDatasets = null
  2794. this.scene.measurements.forEach(e=>Potree.Utils.updateVisible(e, 'screenshot',true))
  2795. info.type == 'measure' && info.measurement.setSelected(false, 'screenshot')
  2796. }
  2797. if(info.type.includes('prism2d')){
  2798. //viewer.mapViewer.transparentBG = false;
  2799. (info.prisms || [info.prism]).forEach(prism=>{
  2800. prism.changeStyleForScreenshot(false)
  2801. })
  2802. }
  2803. this.images360.panos.forEach(pano=>{
  2804. Potree.Utils.updateVisible(pano, 'screenshot', true)
  2805. })
  2806. Potree.Utils.updateVisible(this.reticule, 'screenshot', true)
  2807. if(useMap){
  2808. Potree.Utils.updateVisible(this.mapViewer.cursor, 'screenshot', true)
  2809. if(oldStates.attachedToViewer != this.mapViewer.attachedToViewer){
  2810. this.mapViewer.attachToMainViewer(!!oldStates.attachedToViewer )
  2811. }
  2812. if(oldStates.attachedToViewer && this.mapViewer.splitDir != oldStates.oldSplitDir){
  2813. this.mapViewer.changeSplitScreenDir(oldStates.oldSplitDir)
  2814. }
  2815. Potree.Utils.updateVisible(viewer.mapViewer.mapLayer.sceneGroup, 'screenshot-prism', true)
  2816. }
  2817. let recover = ()=>{
  2818. if(Potree.settings.displayMode == 'showPanos') {
  2819. viewer.images360.flyToPano({pano:oldStates.pano, duration:0, callback:()=>{
  2820. finish()
  2821. }})
  2822. }else{
  2823. finish()
  2824. }
  2825. }
  2826. if(info.ifGetPose){
  2827. Potree.sdk.scene.getPose().done(pose_ =>{
  2828. pose = pose_
  2829. getImageDeferred.resolve({dataUrl, pose})
  2830. recover()
  2831. })
  2832. }else{
  2833. recover()
  2834. }
  2835. }
  2836. }// screenshot end
  2837. let mapViewport
  2838. let mainViewport = this.mainViewport
  2839. let viewports = [], oldStates = {
  2840. viewports:[],
  2841. pano: Potree.settings.displayMode == 'showPanos' ? viewer.images360.currentPano : null,
  2842. bgOpacity : this.backgroundOpacity
  2843. }
  2844. if(!info.type.includes('prism2d')){
  2845. viewports.push(mainViewport)
  2846. mainViewport.camera.isOrthographicCamera && (mainViewport.view.zoom = mainViewport.camera.zoom)
  2847. oldStates.viewports.push(mainViewport.clone())
  2848. }
  2849. if(useMap){
  2850. mapViewport = this.mapViewer.viewports[0]
  2851. mapViewport.view.zoom = mapViewport.camera.zoom
  2852. viewports.push(mapViewport)
  2853. oldStates.viewports.push(mapViewport.clone())
  2854. oldStates.attachedToViewer = this.mapViewer.attachedToViewer
  2855. Potree.Utils.updateVisible(this.mapViewer.cursor, 'screenshot', false)//令mapCursor不可见
  2856. }
  2857. viewports.forEach(e=>e.active = false) //暂停渲染
  2858. if(info.hideMarkers){
  2859. this.images360.panos.forEach(pano=>{//令漫游点不可见
  2860. Potree.Utils.updateVisible(pano, 'screenshot', false)
  2861. })
  2862. }
  2863. Potree.Utils.updateVisible(this.reticule, 'screenshot', false)//令reticule不可见
  2864. if(info.bgOpacity != void 0){
  2865. this.backgroundOpacity = info.bgOpacity
  2866. }
  2867. Potree.settings.pointDensity = info.pointDensity || 'screenshot'
  2868. let focusDatasets = (measurements)=>{
  2869. this.focusDatasets = []
  2870. measurements.forEach(measure=>{
  2871. measure.points_datasets.forEach(e=>{
  2872. let p = viewer.scene.pointclouds.find(a=>a.dataset_id == e)
  2873. if(p && !this.focusDatasets.includes(p)){
  2874. this.focusDatasets.push(p)
  2875. }
  2876. })
  2877. })
  2878. this.updateFpVisiDatasets()
  2879. }
  2880. if(info.type == 'measure'){//要截图双屏
  2881. this.scene.measurements.forEach(e=>Potree.Utils.updateVisible(e,'screenshot',e == info.measurement) )
  2882. info.measurement.setSelected(true, 'screenshot')
  2883. //因为分屏后位置才最终确定,才能确定是否显示出floorplan所以先分屏
  2884. if(Potree.settings.floorplanEnable){
  2885. oldStates.oldSplitDir = this.mapViewer.splitDir
  2886. this.mapViewer.attachToMainViewer(true, 'measure', 0.5 , {dir:'leftRight'} )
  2887. }
  2888. viewer.updateScreenSize({forceUpdateSize:true, width, height, forTarget:info.useRenderTarget}) //更新viewports相机透视 使focusOnObject在此窗口大小下
  2889. let begin = ()=>{
  2890. useMap = this.mapViewer.attachedToViewer
  2891. updateCamera()
  2892. if(useMap){
  2893. let waitMap = ()=>{
  2894. console.log('waitMap: '+startTime, Date.now(), this.mapViewer.mapLayer.loadingInProgress )
  2895. this.mapViewer.waitLoadDone(screenshot.bind(this))//等待地图所有加载完
  2896. }
  2897. this.waitPointLoad(waitMap,info.maxTimeForPointLoad)
  2898. }else{
  2899. this.waitPointLoad(screenshot,info.maxTimeForPointLoad)
  2900. }
  2901. }
  2902. let {promise} = this.focusOnObject(info.measurement, 'measure', 0, {
  2903. basePanoSize:1024, gotoBestView:true,
  2904. minMapWidth: THREE.Math.clamp(Math.min(viewer.bound.boundSize.x, viewer.bound.boundSize.y) / (8/* this.mapViewer.mapLayer.maps.find(e=>e.name == 'map').disabled ? 6 : 3*/), 2, 25) //有地图的话为了显示出名字需要更大范围
  2905. })//注意:不同角度截图 得到三维的会不一样,因为focusOnObject是根据方向的
  2906. promise.done(()=>{
  2907. //console.log('promise.done')
  2908. //根据当前位置更新floorplan显示
  2909. //console.log('view Pos ', this.mainViewport.view.position.toArray())
  2910. this.updateDatasetAt(true)
  2911. this.modules.SiteModel.updateEntityAt(true, {measure:info.measurement}) //更新测量线所在楼层,展示俯视图
  2912. if(!this.modules.SiteModel.inEntity){
  2913. focusDatasets([info.measurement])
  2914. }
  2915. this.modules.SiteModel.pauseUpdateEntity = true
  2916. //console.log('currentFloor', this.modules.SiteModel.currentFloor, 'currentDataset', this.atDatasets )
  2917. let floorplanShowed = this.mapViewer.mapLayer.maps.some(e => e.name.includes('floorplan') && e.objectGroup.visible)//如果没有floorplan展示就不分屏(如果focus时飞出数据集从而不展示怎么办。尤其是俯瞰比较长的线时容易这样,或许要根据其所在数据集强制显示)
  2918. if(!floorplanShowed && this.mapViewer.attachedToViewer){
  2919. this.mapViewer.attachToMainViewer(false) //取消分屏
  2920. viewer.updateScreenSize({forceUpdateSize:true, width, height, forTarget:info.useRenderTarget}) //更新viewports相机透视
  2921. let {promise} = this.focusOnObject(info.measurement, 'measure', 0, {basePanoSize:1024,gotoBestView:true,} )//因画面比例更改,重新focus
  2922. promise.done(()=>{
  2923. begin()
  2924. })
  2925. }else{
  2926. begin()
  2927. }
  2928. })
  2929. }else if(info.type.includes('prism2d')){
  2930. let points = [], prisms = info.type == 'prism2d-all' ? info.prisms: [info.prism]
  2931. this.mapViewer.attachToMainViewer(true, 'screenshot', 1 , {/* dir:'leftRight' */} )
  2932. viewer.updateScreenSize({forceUpdateSize:true, width, height, forTarget:info.useRenderTarget}) //更新viewports相机透视 使focusOnObject在此窗口大小下
  2933. prisms.forEach(prism=>{
  2934. points.push(...prism.points)
  2935. prism.changeStyleForScreenshot(true, {hideLabel: info.type != 'prism2d-all', showName: info.type == 'prism2d-all' })
  2936. })
  2937. this.scene.measurements.forEach(e=>Potree.Utils.updateVisible(e,'screenshot', prisms.includes(e)) )
  2938. let {promise} = this.focusOnObject({points}, 'prisms2d', 0, {
  2939. minMapWidth: 0.5 , onlyMap:true, focusBoundCenter:true, boundExpandRatio:1.4
  2940. })
  2941. this.backgroundOpacity = 0
  2942. promise.done(()=>{
  2943. updateCamera()
  2944. focusDatasets(prisms) //更新平面图 可能有漏洞,当不在任何一个数据集内的话?
  2945. this.mapViewer.waitLoadDone(screenshot.bind(this))//等待地图所有加载完
  2946. if(info.type == 'prism2d-all'){//全部 带平面图
  2947. }else{//单个
  2948. //info.prism.setSelected(true, 'screenshot')
  2949. //viewer.mapViewer.transparentBG = true
  2950. /* Potree.Utils.updateVisible(viewer.mapViewer.mapLayer.sceneGroup, 'screenshot-prism', false)
  2951. screenshot() */
  2952. }
  2953. })
  2954. }else{//default
  2955. let done = ()=>{
  2956. updateCamera()
  2957. if(info.splitRenderInfo){
  2958. screenshot()
  2959. }else{
  2960. this.waitPointLoad(screenshot, info.maxTimeForPointLoad)
  2961. }
  2962. }
  2963. if(info.focusObjectInfo){
  2964. viewer.updateScreenSize({forceUpdateSize:true, width, height, forTarget:info.useRenderTarget}) //更新viewports相机透视 使focusOnObject在此窗口大小下
  2965. let {promise} = this.focusOnObject( ...info.focusObjectInfo)
  2966. promise.done(()=>{
  2967. done()
  2968. })
  2969. }else{
  2970. done()
  2971. }
  2972. }
  2973. /*
  2974. 测量线的截图因为要调用分屏的,会改变画面
  2975. 但是普通截图的话,不会改变画面
  2976. */
  2977. return {getImagePromise:getImageDeferred.promise(), finishPromise:finishDeferred.promise()}
  2978. }
  2979. async waitPointLoad(done, maxTimeForPointLoad, viewport = viewer.mainViewport, resolution ){
  2980. return new Promise((resolve,reject)=>{
  2981. let finish
  2982. let dealDone = ()=>{
  2983. viewer.removeEventListener('update',update)
  2984. viewer.removeEventListener('overPointBudget',decreaseLevel)
  2985. finish || done && done()
  2986. finish = true
  2987. resolve()
  2988. }
  2989. let decreaseLevel = (e)=>{ //降点云level 但基本降完也不会再加载低等级的点云了,所以是否直接不降?即使质量不平均
  2990. if(e.restQueueSize < 10)return ;//差不多完成了
  2991. let pointclouds = viewer.scene.pointclouds.filter(e=>e.visibleNodes.length)
  2992. console.log('准备decreaseLevel, numVisiblePoints', e.numVisiblePoints, '最小numVisiblePoints占比', 1/pointclouds.length )
  2993. pointclouds.forEach(pointcloud=>{
  2994. let percent = pointcloud.numVisiblePoints / e.numVisiblePoints
  2995. //console.log('numVisiblePoints占总比', pointcloud.dataset_id, percent )
  2996. if(percent < 1/pointclouds.length)return
  2997. let old = pointcloud.maxLevel
  2998. let levels = pointcloud.visibleNodes.map(e=>e.getLevel())
  2999. let actMaxLevel = Math.max.apply(null, levels) //实际加载到的最高的node level
  3000. pointcloud.maxLevel = actMaxLevel - 1
  3001. console.warn(pointcloud.dataset_id,'decreaseLevel,新maxLevel', actMaxLevel - 1, '原maxlevel', old )
  3002. })
  3003. }
  3004. /* if(Potree.settings.displayMode == 'showPointCloud'){
  3005. viewer.updateScreenSize({forceUpdateSize:true, width, height, forTarget:info.useRenderTarget})//需要先setSize才能加载范围内的点云
  3006. } */
  3007. //updateCamera()
  3008. //viewer.addEventListener('overPointBudget',decreaseLevel)
  3009. let update = ()=>{ //前提:已经禁止渲染,仅加载点云
  3010. let camera = viewport.forViewOffset ? viewport.forViewOffset.camera : viewport.camera
  3011. Potree.updatePointClouds(viewer.scene.pointclouds, camera , resolution || viewport.resolution );
  3012. }
  3013. viewer.addEventListener('update',update)
  3014. update()
  3015. let maxTime = maxTimeForPointLoad || 2000
  3016. document.hidden && (maxTime *= 6) //离开页面后会变成1秒1帧
  3017. setTimeout(()=>{
  3018. if(Potree.pointsLoading && Potree.settings.displayMode == 'showPointCloud'){//如果还在加载
  3019. viewer.addEventListener('pointsLoaded',()=>{ //点云加载完时(不一定准确)
  3020. if(!finish)console.log('加载完毕', ' numVisiblePoints', Potree.numVisiblePoints)
  3021. dealDone()
  3022. },{once:true})
  3023. let overTime = ()=>{//超时不候(其实之后等待地图还会再加载几秒)
  3024. if(document.hidden){
  3025. return setTimeout(overTime, maxTime)
  3026. }
  3027. if(!finish)console.warn('超时, numVisiblePoints', Potree.numVisiblePoints)
  3028. dealDone()
  3029. }
  3030. setTimeout(overTime, maxTime)
  3031. }else{
  3032. console.log('已经加载完,无需再加载点云 numVisiblePoints', Potree.numVisiblePoints)
  3033. dealDone()
  3034. }
  3035. },200)//先加载一段时间
  3036. })
  3037. }
  3038. focusOnObject(object, type, duration, o={} ) {
  3039. //飞向热点、测量线等 。
  3040. //console.log('focusOnObject: ', object, type)
  3041. let deferred = o.deferred || $.Deferred();
  3042. let target = new THREE.Vector3, //相机focus的位置
  3043. position = new THREE.Vector3, //相机最终位置
  3044. dis; //相机距离目标
  3045. duration = duration == void 0 ? 1200 : duration;
  3046. let camera = o.endCamera || viewer.scene.getActiveCamera()
  3047. let cameraPos = camera.position.clone()
  3048. let boundSize
  3049. if(o.dontChangeCamDir && (o.endYaw == void 0 || o.endPitch == void 0)){ //在俯视时仅靠dir来算不准
  3050. o.endYaw = viewer.mainViewport.view.yaw
  3051. o.endPitch = viewer.mainViewport.view.pitch
  3052. }
  3053. let moveMap = (done)=>{
  3054. if(this.mapViewer && !o.dontMoveMap){
  3055. //console.log('mapFocusOn: '+target.toArray())
  3056. const minMapWidth = o.minMapWidth || 2 //截图的时候要显示的地图范围较大,为了显示出地区名字
  3057. const minBound = new THREE.Vector2(minMapWidth,minMapWidth)//针对垂直线,在地图上只有一个点
  3058. //原始的bound
  3059. let boundOri
  3060. if(object.points){
  3061. boundOri = new THREE.Box3()
  3062. object.points.forEach(e=>{
  3063. boundOri.expandByPoint(e)
  3064. })
  3065. }else{
  3066. boundOri = object.boundingBox
  3067. }
  3068. if(o.focusBoundCenter){
  3069. boundOri.getCenter(target)
  3070. }
  3071. let boundSizeOri = boundOri.getSize(new THREE.Vector3)
  3072. let boundSizeMap = boundSizeOri.clone().multiplyScalar(o.boundExpandRatio || 1.5)
  3073. boundSizeMap.x = Math.max(minBound.x, boundSizeMap.x )
  3074. boundSizeMap.y = Math.max(minBound.y, boundSizeMap.y )
  3075. this.mapViewer.moveTo(target.clone(), boundSizeMap, duration, o.margin, null, done)
  3076. }
  3077. }
  3078. if(o.onlyMap){
  3079. moveMap(()=>{
  3080. deferred.resolve()
  3081. })
  3082. return {promise:deferred.promise()}
  3083. }
  3084. let getPosWithFullBound = (points, boundingBox, target, cameraPos )=>{//使boundingBox差不多占满屏幕时的相机到target的距离
  3085. // points 和 boundingBox 至少有一个
  3086. let scale
  3087. if(o.dontChangeCamDir){
  3088. var inv = camera.matrixWorldInverse;
  3089. }else{
  3090. var cameraTemp = camera.clone()
  3091. let view = viewer.mainViewport.view.clone();
  3092. view.position.copy(cameraPos);
  3093. view.lookAt(target);
  3094. if(o.endPitch != void 0){
  3095. view.pitch = o.endPitch
  3096. view.yaw = o.endYaw
  3097. }
  3098. view.applyToCamera(cameraTemp)
  3099. //对镜头的bound
  3100. var inv = cameraTemp.matrixWorldInverse;
  3101. }
  3102. var bound = new THREE.Box3()
  3103. if(points){//使用points得到的bound更小 //如果points和boundingbox的差别较大,尤其使target和points中心不一致,那么points不一定会刚好在boundingbox内
  3104. points.forEach(e=>{
  3105. var p = e.clone().applyMatrix4(inv);
  3106. bound.expandByPoint(p)
  3107. })
  3108. scale = 1.2;
  3109. }else{
  3110. bound = boundingBox.applyMatrix4(inv);
  3111. scale = 1 //0.9;
  3112. }
  3113. boundSize = bound.getSize(new THREE.Vector3)
  3114. if(o.boundScale){
  3115. scale = o.boundScale
  3116. }
  3117. {
  3118. boundSize.x *= scale //稍微放大一些,不然会靠到屏幕边缘
  3119. boundSize.y *= scale
  3120. let min = 0.0001
  3121. boundSize.x = Math.max(min, boundSize.x)
  3122. boundSize.y = Math.max(min, boundSize.y)
  3123. }
  3124. if(camera.type == 'OrthographicCamera'){
  3125. dis = boundSize.length() / 2
  3126. }else{
  3127. let aspect = boundSize.x / boundSize.y
  3128. if(camera.aspect > aspect){//视野更宽则用bound的纵向来决定
  3129. dis = boundSize.y/2/ Math.tan(THREE.Math.degToRad(camera.fov / 2)) + boundSize.z/2
  3130. }else{
  3131. let hfov = cameraLight.getHFOVForCamera(camera, true);
  3132. dis = boundSize.x/2 / Math.tan(hfov / 2) + boundSize.z/2
  3133. }
  3134. }
  3135. dis = Math.max(0.1,dis)
  3136. //三个顶点以上的由于measure的中心不等于bound的中心,所以点会超出bound外。 且由于视椎近大远小,即使是两个点的,bound居中后线看上去仍旧不居中.
  3137. //获得相机最佳位置
  3138. let dir
  3139. if(o.dontChangeCamDir){
  3140. dir = viewer.mainViewport.view.direction.negate()
  3141. }else{
  3142. dir = new THREE.Vector3().subVectors(cameraPos, target).normalize()
  3143. }
  3144. if(o.dontLookUp && dir.z < 0){
  3145. dir.negate()
  3146. }
  3147. position.copy(target).add(dir.multiplyScalar(dis))
  3148. if(false){//打开以检查box
  3149. if(!this.boundBox){//调试
  3150. this.boundBox = new THREE.Mesh(new THREE.BoxGeometry(1,1,1,1));
  3151. this.boundBox.material.wireframe = true
  3152. this.boundBox.up.set(0,0,1)
  3153. Potree.Utils.setObjectLayers(this.boundBox,'sceneObjects')
  3154. this.scene.scene.add(this.boundBox);
  3155. }
  3156. this.boundBox.position.copy(target)
  3157. this.boundBox.scale.copy(boundSize)
  3158. this.boundBox.lookAt(position)
  3159. }
  3160. return position
  3161. }
  3162. if(this.images360.flying){
  3163. let f = ()=>{
  3164. this.focusOnObject(object, type, duration, $.extend(o,{deferred}))
  3165. this.images360.removeEventListener('cameraMoveDone',f)
  3166. }
  3167. this.images360.addEventListener('cameraMoveDone',f)
  3168. return {promise: deferred.promise() }
  3169. }
  3170. if (type == 'measure') {
  3171. target.copy(object.getCenter())
  3172. //试试改变位置(方向),直视测量线。能避免倾斜角度造成的非常不居中、以及看不到面的情况
  3173. if(o.gotoBestView){//直接沿着法线方向看
  3174. if(object.points.length>2){
  3175. let facePlane = object.getFacePlane(target)
  3176. let normal = facePlane.normal.clone();
  3177. if(normal.dot(this.mainViewport.view.direction) > 0){
  3178. normal.negate() //顺着视线
  3179. }
  3180. //normal.z = Math.max(0.2, normal.z)//尽量不要仰视
  3181. cameraPos.copy(target).add(normal)
  3182. }else{
  3183. let lineDir = new THREE.Vector3().subVectors(object.points[0],object.points[1]).normalize()
  3184. let facePlane = new THREE.Plane().setFromNormalAndCoplanarPoint(lineDir, target)
  3185. //if(cameraPos.z < target.z + 1)cameraPos.z = target.z + 1//尽量不要仰视
  3186. let dir = new THREE.Vector3().subVectors(cameraPos,target).normalize()
  3187. dir.z = Math.max(dir.z, 0.4);
  3188. cameraPos.copy(target).add(dir)//尽量不要仰视
  3189. let dis = cameraPos.distanceTo(target)
  3190. dir = lineDir.clone().multiplyScalar(dis)
  3191. let line = new THREE.Line3().set(cameraPos.clone().add(dir), cameraPos.clone().add(dir.negate())) //过相机位置作到面的垂线
  3192. facePlane.intersectLine(line, cameraPos ) //得垂足,作为新的相机位置。就能在测量线中间看测量线
  3193. }
  3194. }else{
  3195. if(object.points.length>2){
  3196. let facePlane = object.getFacePlane(target)
  3197. let normal = facePlane.normal.clone()
  3198. let angle = this.mainViewport.view.direction.angleTo(normal)
  3199. let minDiff = THREE.Math.degToRad(60)
  3200. //console.log('angle',angle)
  3201. if(angle>minDiff && angle<Math.PI-minDiff){//当几乎正对时就不执行
  3202. if(angle<Math.PI/2){ //在背面
  3203. normal.negate()
  3204. }
  3205. let dir = new THREE.Vector3().subVectors(camera.position, target).normalize()
  3206. let newDir = new THREE.Vector3().addVectors(dir,normal)//两个角度的中间
  3207. cameraPos.copy(target.clone().add(newDir))
  3208. }
  3209. }else if(object.points.length == 2){ //线段
  3210. let lineDir = new THREE.Vector3().subVectors(object.points[0],object.points[1]).normalize()
  3211. let angle = this.mainViewport.view.direction.angleTo(lineDir)
  3212. let maxDiff = Math.PI*0.25// 45度
  3213. if(angle<maxDiff || angle>Math.PI-maxDiff){//当几乎正对时就不执行
  3214. if(angle>Math.PI/2){ //令dir和lineDir成钝角
  3215. lineDir.negate()
  3216. }
  3217. let dir = new THREE.Vector3().subVectors(camera.position, target).normalize()
  3218. let mid = new THREE.Vector3().addVectors(lineDir, dir).normalize() //中间法向量(如果刚好dir和lineDir反向,那得到的为零向量,就不移动了,但一般不会酱紫吧)
  3219. let newDir = new THREE.Vector3().addVectors(dir, mid)
  3220. cameraPos.copy(target.clone().add(newDir))
  3221. }
  3222. }else{
  3223. console.error('measure 没有facePlane points点数还不为2?')
  3224. }
  3225. }
  3226. //截图时直接飞到最佳视角,也就是平视它所在面。其余时候为了避免镜头旋转过大就算了。
  3227. position = getPosWithFullBound(object.points, null, target, cameraPos )
  3228. moveMap()
  3229. if(Potree.settings.displayMode == 'showPointCloud'){ //点云
  3230. let minDis = 0.3;
  3231. if(0 ){//如果没有被选中,会被遮挡。 2023.11.15 最好展示全局(尤其截图时),虽然被遮挡,但focus的过程是选中状态全显示的,可以看出所在范围。
  3232. let checkIntersect = ( )=>{
  3233. let intersect = this.inputHandler.ifBlockedByIntersect({point:position, cameraPos: target})// 不一定准确
  3234. if(intersect){
  3235. let blockCount = 0, unblockCount = 0, visi;
  3236. for(let i=0;i<object.points.length;i++){ //如果顶点超过一半不可见,就要更改位置
  3237. let p = object.points[i]
  3238. let blocked = this.inputHandler.ifBlockedByIntersect({point:p, margin:0.3 , cameraPos:position, pickWindowSize:4});
  3239. if(blocked){
  3240. blockCount ++;
  3241. if(blockCount / object.points.length >= 0.5){
  3242. visi = false
  3243. break
  3244. }
  3245. }else{
  3246. unblockCount ++;
  3247. if(unblockCount / object.points.length > 0.5){
  3248. visi = true
  3249. break
  3250. }
  3251. }
  3252. }
  3253. if(visi == void 0){
  3254. visi = unblockCount / object.points.length > 0.5
  3255. }
  3256. let shrink = ()=>{
  3257. let dir = new THREE.Vector3().subVectors(position, target).normalize().multiplyScalar(intersect.distance)
  3258. position.copy(target).add(dir)
  3259. console.log('checkIntersect newPos', position.clone() )
  3260. }
  3261. if(!visi){//更改位置距离target如果小于最小距离,需要反向。 否则直接缩短距离。
  3262. if(intersect.distance < minDis ){
  3263. console.log('检测到intersect 反向', intersect.distance )
  3264. let position1 = position.clone()
  3265. let dir = new THREE.Vector3().subVectors(position, target)
  3266. position.copy(target).sub(dir)
  3267. let intersect2 = this.inputHandler.ifBlockedByIntersect({point: position, cameraPos:target})// 不一定准确
  3268. if(intersect2){
  3269. if(intersect2.distance < intersect.distance ){
  3270. position.copy(position1)//恢复
  3271. }
  3272. shrink()
  3273. }
  3274. }else{
  3275. shrink()
  3276. }
  3277. }
  3278. }
  3279. }
  3280. checkIntersect()
  3281. //多折线没有areaPlane 有时候会看向空白区域 - -
  3282. }
  3283. }else if(Potree.settings.displayMode == 'showPanos'){//全景 (比较难校准)
  3284. let target2, dir
  3285. if( object.measureType.includes('MulDistance')){//因为该线不闭合,可能看向target的方向会没有线,所以换一个target
  3286. target2 = object.points[Math.round(object.points.length / 2) ]//直接看向中间点
  3287. dir = new THREE.Vector3().subVectors(target2, position).normalize()
  3288. }
  3289. let pano = viewer.images360.fitPanoTowardPoint({
  3290. /*point : target, //不使用目标点来判断是因为缺少measure角度的信息。比如虽然可以靠近线的中心,但是线朝向屏幕,那几乎就是一个点了。
  3291. //bestDistance : dis * 0.5, //乘以小数是为了尽量靠近
  3292. boundSphere: boundOri.getBoundingSphere(new THREE.Sphere), */
  3293. target,
  3294. dir,
  3295. point : position,
  3296. bestDistance : 0 ,
  3297. checkIntersect: o.checkIntersect, gotoBestView: o.gotoBestView
  3298. })
  3299. let result = {promise:deferred.promise() }
  3300. if(pano && pano.msg){
  3301. pano = pano.pano
  3302. result.msg = pano.msg
  3303. }
  3304. if(pano){
  3305. viewer.images360.flyToPano({pano, target : target2 || target, duration, deferred, dontMoveMap:true , basePanoSize:o.basePanoSize})//dontMoveMap不要移动map,否则flytopano会自动在map中focus到漫游点的位置,而非测量线了
  3306. if(viewer.images360.currentPano == pano){
  3307. let dis1 = viewer.images360.currentPano.position.distanceTo(target)
  3308. let dis2 = position.distanceTo(target)
  3309. //console.log('dis1 / dis2',dis1 / dis2, 'dis1-dis2', dis1-dis2)
  3310. return {msg: (dis1 / dis2 > 1.5 && dis1-dis2>10)? 'tooFar' : 'posNoChange', promise : deferred.promise() }
  3311. }
  3312. }
  3313. return result
  3314. /* if(viewer.images360.currentPano == pano){
  3315. let dis1 = viewer.images360.currentPano.position.distanceTo(target)
  3316. let dis2 = position.distanceTo(target)
  3317. //console.log('dis1 / dis2',dis1 / dis2, 'dis1-dis2', dis1-dis2)
  3318. return {msg: (dis1 / dis2 > 1.5 && dis1-dis2>10)? 'tooFar' : 'posNoChange', promise : deferred.promise() }
  3319. }else{
  3320. return {promise : deferred.promise()}
  3321. } */
  3322. //出现过到达位置后测量线标签闪烁的情况
  3323. // 测量线截图 全景 最好能放大. 但要确保该位置放大后图片加载完有点困难
  3324. }
  3325. } else if (type == 'tag' || type == 'point') {
  3326. //dimension = 1
  3327. target.copy(object.position)
  3328. let bestDistance = o.distance || 3
  3329. if(!o.dontMoveMap && this.mapViewer){
  3330. //console.log('mapFocusOn: '+target.toArray())
  3331. this.mapViewer.moveTo(target.clone(), null, duration)
  3332. }
  3333. if(Potree.settings.displayMode == 'showPointCloud'){
  3334. if(o.dontChangePos){
  3335. position.copy(cameraPos)
  3336. }else{
  3337. dis = bestDistance
  3338. let dir = o.direction ? o.direction.clone().negate() : this.mainViewport.view.direction.negate()// */new THREE.Vector3().subVectors(camera.position, target).normalize()
  3339. if(o.dontLookUp && dir.z<0) dir.z *= -1
  3340. position.copy(target).add(dir.multiplyScalar(dis))
  3341. }
  3342. if(o.sameFloor){//需要在同一楼层
  3343. let atFloor = this.modules.SiteModel.pointInWhichEntity(target, 'floor')
  3344. if(atFloor){
  3345. let camFloor = this.modules.SiteModel.pointInWhichEntity(position, 'floor')
  3346. if(camFloor != atFloor){
  3347. let raycaster = new THREE.Raycaster();
  3348. let origin = target
  3349. let dir = new THREE.Vector3().subVectors( position, target ).normalize()
  3350. raycaster.set(origin, dir)
  3351. let intersect = Potree.Utils.getIntersect(null, [atFloor.box], null, raycaster)
  3352. if(intersect){
  3353. let dis = THREE.Math.clamp(intersect.distance - 0.2, camera.near, intersect.distance)
  3354. position.addVectors(origin, dir.multiplyScalar(dis))
  3355. console.log('移动到楼层')
  3356. }else{
  3357. console.error('?no intersect?')
  3358. }
  3359. }
  3360. }
  3361. }
  3362. if(o.checkIntersect){//识别被点云遮住的话
  3363. let intersect //反向查找从target到相机的第一个intersect
  3364. intersect = this.inputHandler.ifBlockedByIntersect({point:position, margin:0, cameraPos:target} /* {point:target, margin: 0.2, cameraPos:position} */)
  3365. if(intersect){
  3366. position.copy(intersect.location)
  3367. console.log('移近')
  3368. }
  3369. }
  3370. }else if(Potree.settings.displayMode == 'showPanos'){
  3371. let pano = viewer.images360.fitPanoTowardPoint({
  3372. point : target,
  3373. dir : this.mainViewport.view.direction, //尽量不改相机方向,避免镜头晃动
  3374. checkIntersect: o.checkIntersect, sameFloor:o.sameFloor,
  3375. bestDistance, maxDis: o.maxDis //越近越好,但不要太近,bestDistance左右差不多
  3376. })
  3377. let result = {promise:deferred.promise() }
  3378. if(pano && pano.msg){
  3379. pano = pano.pano
  3380. result.msg = pano.msg
  3381. }
  3382. pano && viewer.images360.flyToPano({pano, target, duration, deferred, dontMoveMap:true , basePanoSize:o.basePanoSize })
  3383. return result
  3384. }
  3385. }else if(object.boundingBox && type == 'boundingBox'){//使屏幕刚好看全boundingBox
  3386. target = object.boundingBox.getCenter(new THREE.Vector3)
  3387. if(o.dir){ //指定方向
  3388. cameraPos.copy(target).sub(o.dir)
  3389. }
  3390. position = getPosWithFullBound(object.points, object.boundingBox.clone(), target, cameraPos )
  3391. if(Potree.settings.displayMode == 'showPanos'){//全景 (比较难校准)
  3392. let pano = viewer.images360.fitPanoTowardPoint({
  3393. point : position,
  3394. bestDistance : 0 ,
  3395. })
  3396. let result = {promise:deferred.promise() }
  3397. if(pano && pano.msg){
  3398. pano = pano.pano
  3399. result.msg = pano.msg
  3400. }
  3401. pano && viewer.images360.flyToPano({pano, target, duration, deferred, dontMoveMap:true , basePanoSize:o.basePanoSize})//dontMoveMap不要移动map,否则flytopano会自动在map中focus到漫游点的位置,而非测量线了
  3402. if(!pano){
  3403. console.error('no pano')
  3404. }
  3405. return result
  3406. //出现过到达位置后测量线标签闪烁的情况
  3407. }else{
  3408. /* if(o.dontChangeCamDir){
  3409. target = null
  3410. } */
  3411. moveMap()
  3412. }
  3413. }
  3414. if(o.startCamera && o.endCamera){
  3415. viewer.mainViewport.view.tranCamera(this.mainViewport, { endPosition:position, target ,
  3416. boundSize,
  3417. callback:()=>{
  3418. //console.log('focusOnObjectSuccess: '+object.name, type)
  3419. deferred.resolve()
  3420. }, startCamera:o.startCamera, endCamera:o.endCamera, midCamera:this.scene.cameraBasic,
  3421. endYaw:o.endYaw, endPitch:o.endPitch
  3422. }, duration)
  3423. }else if(camera.type == "OrthographicCamera"){
  3424. viewer.mainViewport.view.moveOrthoCamera(this.mainViewport, { endPosition:position, target ,
  3425. boundSize,
  3426. endYaw:o.endYaw, endPitch:o.endPitch,
  3427. callback:()=>{
  3428. //console.log('focusOnObjectSuccess: '+object.name, type)
  3429. deferred.resolve()
  3430. },
  3431. }, duration)
  3432. }else{
  3433. viewer.mainViewport.view.setView({position, target, duration,
  3434. endYaw:o.endYaw, endPitch:o.endPitch,
  3435. callback:()=>{
  3436. //console.log('focusOnObjectSuccess: '+object.name, type)
  3437. deferred.resolve()
  3438. }
  3439. })
  3440. }
  3441. this.dispatchEvent({type:'focusOnObject', CamTarget:target, position}) //给controls发送信息
  3442. return {promise:deferred.promise()}
  3443. }
  3444. flyToDataset(o={}){
  3445. var pointcloud;
  3446. if(o instanceof THREE.Object3D) pointcloud = o
  3447. else if(o.pointcloud) pointcloud = o.pointcloud
  3448. else pointcloud = this.scene.pointclouds.find(p => p.dataset_id == o.id);
  3449. let duration = o.duration == void 0 ? 1000 : o.duration
  3450. if(o.focusOnPoint || !pointcloud.panosBound){//focus点云上一点,避免center区域刚好没有点
  3451. if(pointcloud.root.geometryNode){
  3452. let posArr = pointcloud.root.geometryNode.geometry.attributes.position.array
  3453. let count = pointcloud.root.geometryNode.geometry.attributes.position.count
  3454. let index = Math.ceil(count / 2) //随便取一个点
  3455. let point = new THREE.Vector3(posArr[index*3+0],posArr[index*3+1],posArr[index*3+2])
  3456. //point.applyMatrix4(pointcloud.root.pointcloud.matrixWorld)
  3457. point.applyMatrix4(pointcloud.root.sceneNode.matrixWorld)
  3458. viewer.focusOnObject({position:point},'point',duration,{dontChangeCamDir:true, distance:15})
  3459. o.dontMoveMap || viewer.mapViewer.fitToPointcloud(pointcloud, duration)
  3460. console.log('flyToDataset focusOnPoint done')
  3461. return
  3462. }
  3463. }
  3464. var center = pointcloud.bound.getCenter(new THREE.Vector3);
  3465. let position
  3466. let getPano = ()=>{//获取离中心最近的pano
  3467. let request = []
  3468. let rank = [
  3469. Images360.scoreFunctions.distanceSquared({position: center})
  3470. ]
  3471. let r = Common.sortByScore(pointcloud.panos, request, rank);
  3472. if(r.length){
  3473. return r[0].item
  3474. }
  3475. }
  3476. if(Potree.settings.displayMode == 'showPanos'){
  3477. let pano = getPano()
  3478. if(pano){
  3479. if(pano == this.images360.currentPano) return 'posNoChange'
  3480. this.images360.flyToPano({
  3481. pano
  3482. })
  3483. }else return false
  3484. }else{
  3485. let target
  3486. position = center
  3487. if(pointcloud.panosBound){
  3488. let panosCenter = pointcloud.panosBound.center //pano集中的地方,也就是真正有点云的地方
  3489. position = panosCenter.clone()
  3490. /* let ratio = 0.2
  3491. position.z = center.z * ratio + panosCenter.z * (1-ratio) //因为panos一般比较低,为了不让相机朝下时看不到点云,加一丢丢中心高度
  3492. */
  3493. let pano = getPano()
  3494. if(pano){
  3495. target = pano.position //针对像隧道一样的场景, 中心点还是panosCenter都在没有点云的地方,所以还是看向其中一个漫游点好。
  3496. position.z = target.z //水平, 避免朝上或朝下
  3497. }
  3498. }
  3499. if(this.modules.Clip.editing){
  3500. position.z = center.z //剪裁时在中心高度,因为以点云为重点
  3501. this.modules.Clip.bus.dispatchEvent({type:'flyToPos', position, duration })
  3502. }else{
  3503. if(math.closeTo(position, this.images360.position)) return 'posNoChange'
  3504. viewer.mainViewport.view.setView({position, target, duration })
  3505. }
  3506. o.dontMoveMap || viewer.mapViewer.fitToPointcloud(pointcloud, duration)
  3507. }
  3508. return true
  3509. }
  3510. findClosestDatasetOnMap(position){//寻找当前平面图上离某点最近的数据集
  3511. let pointclouds = viewer.scene.pointclouds.filter(e=>e.visible);
  3512. const addScore = viewer.bound.boundSize.length()
  3513. let r = Potree.Common.sortByScore(pointclouds, [], [(e)=>{//pos2d和bound2d距离排序
  3514. let pos3d = position.clone().setZ(e.panosBound ? e.panosBound.center.z : (e.bound.min.z+e.bound.max.z)/2)
  3515. return - (e.panosBound ? e.panosBound.bounding : e.bound).distanceToPoint(pos3d)
  3516. },(e)=>{//最有可能的是地图上显示的平面图
  3517. return e in viewer.fpVisiDatasets ? addScore : 0
  3518. }]);
  3519. return r[0] && r[0].item
  3520. }
  3521. addTimeMark(name, type){
  3522. let record = Potree.timeCollect[name]
  3523. let needRecord = record && record.start && record.measures.length < record.minCount
  3524. if(needRecord || Potree.measureTimings){
  3525. performance.mark(name+"-"+type)
  3526. if(type == 'end'){
  3527. let measure = performance.measure(name,name+"-start",name+"-end");
  3528. if(needRecord){
  3529. record.measures.push( measure.duration )
  3530. record.sum += measure.duration;
  3531. record.ave = record.sum / record.measures.length;
  3532. record.measures.sort( (a, b) => a - b );
  3533. record.median = record.measures[parseInt(record.measures.length / 2)]
  3534. }
  3535. }
  3536. }
  3537. }
  3538. addFakeMeasure(name,duration){//把一些count当做duration来统计
  3539. if(!Potree.measureTimings)return
  3540. if(!this.fakeMeasure[name]){
  3541. this.fakeMeasure[name] = []
  3542. }
  3543. let object = {
  3544. name, duration
  3545. }
  3546. this.fakeMeasure[name].push(object)
  3547. }
  3548. resolveTimings(timestamp,log){//打印用时。 注:performance手机的精度只到整数位 。 sidebar中监听update时有高cpu的函数所以不要用demo测
  3549. if(!this.toggle){
  3550. this.toggle = timestamp;
  3551. }
  3552. let duration = timestamp - this.toggle;
  3553. if(duration > 1000.0){
  3554. if(log){
  3555. let measures = performance.getEntriesByType("measure");
  3556. for(let i in this.fakeMeasure){
  3557. measures.push(...this.fakeMeasure[i])
  3558. }
  3559. let names = new Set();
  3560. for(let measure of measures){
  3561. names.add(measure.name);
  3562. }
  3563. let groups = new Map();
  3564. for(let name of names){
  3565. groups.set(name, {
  3566. measures: [],
  3567. sum: 0,
  3568. n: 0,
  3569. min: Infinity,
  3570. max: -Infinity
  3571. });
  3572. }
  3573. for(let measure of measures){
  3574. let group = groups.get(measure.name);
  3575. group.measures.push(measure);
  3576. group.sum += measure.duration;
  3577. group.n++;
  3578. group.min = Math.min(group.min, measure.duration);
  3579. group.max = Math.max(group.max, measure.duration);
  3580. }
  3581. /* let glQueries = Potree.resolveQueries(this.renderer.getContext()); // resolveQueries 无
  3582. for(let [key, value] of glQueries){
  3583. let group = {
  3584. measures: value.map(v => {return {duration: v}}),
  3585. sum: value.reduce( (a, i) => a + i, 0),
  3586. n: value.length,
  3587. min: Math.min(...value),
  3588. max: Math.max(...value)
  3589. };
  3590. let groupname = `[tq] ${key}`;
  3591. groups.set(groupname, group);
  3592. names.add(groupname);
  3593. } */
  3594. for(let [name, group] of groups){
  3595. group.mean = group.sum / group.n;
  3596. /* group.measures.sort( (a, b) => a.duration - b.duration );
  3597. if(group.n === 1){
  3598. group.median = group.measures[0].duration;
  3599. }else if(group.n > 1){
  3600. group.median = group.measures[parseInt(group.n / 2)].duration;
  3601. }
  3602. */
  3603. let measures = group.measures.slice()
  3604. measures.sort( (a, b) => a.duration - b.duration );
  3605. if(group.n === 1){
  3606. group.median = measures[0].duration;
  3607. }else if(group.n > 1){
  3608. group.median = measures[parseInt(group.n / 2)].duration;
  3609. }
  3610. }
  3611. let cn = Array.from(names).reduce( (a, i) => Math.max(a, i.length), 0) + 5;
  3612. let cmin = 6;
  3613. let cmed = 6;
  3614. let cmax = 6;
  3615. let csam = 4;
  3616. let message = ` ${"NAME".padEnd(cn)} |`
  3617. + ` ${"MIN".padStart(cmin)} |`
  3618. + ` ${"MEDIAN".padStart(cmed)} |`
  3619. + ` ${"MAX".padStart(cmax)} |`
  3620. + ` ${"AVE".padStart(cmax)} |`
  3621. + ` ${"SAMPLES".padStart(csam)} \n`;
  3622. message += ` ${"-".repeat(message.length) }\n`;
  3623. names = Array.from(names).sort();
  3624. for(let name of names){
  3625. let group = groups.get(name);
  3626. let min = group.min.toFixed(3);
  3627. let median = group.median.toFixed(3);
  3628. let max = group.max.toFixed(3);
  3629. let ave = group.mean.toFixed(3); //add
  3630. let n = group.n;
  3631. message += ` ${name.padEnd(cn)} |`
  3632. + ` ${min.padStart(cmin)} |`
  3633. + ` ${median.padStart(cmed)} |`
  3634. + ` ${max.padStart(cmax)} |`
  3635. + ` ${ave.padStart(cmax)} |`
  3636. + ` ${n.toString().padStart(csam)}\n`;
  3637. }
  3638. message += `\n`;
  3639. console.log(message);
  3640. }
  3641. this.fakeMeasure = {} //clear
  3642. performance.clearMarks();
  3643. performance.clearMeasures();
  3644. this.toggle = timestamp;
  3645. }
  3646. //注意,console.log本身用时挺高,降4倍时可能占用0.5毫秒,所以不能每帧都打印
  3647. }
  3648. loop(timestamp){
  3649. //let startTime = performance.now()
  3650. //console.log('间隔:' /*, parseInt((startTime - this.lastEndTime)*100 )/100 */)
  3651. if(this.paused)return
  3652. if(performance.getEntriesByName("loopWaitNext-start").length)viewer.addTimeMark('loopWaitNext','end')
  3653. if(this.stats){
  3654. this.stats.begin();
  3655. }
  3656. performance.mark('loop-start') ;// 无论有没有reportTimings都要获取,因为getBestCound需要
  3657. this.dispatchEvent('loopStart')
  3658. this.interacted = false
  3659. this.shelterCount = {byTex:0, byCloud:0, maxByTex: 100, maxByCloud:0 } //清空 因ifPointBlockedByIntersect可能在任何时候触发,所以需要一开始就定义这个,且每次计算最大可计算次数太麻烦了就定义一个吧。
  3660. let deltaTime = this.clock.getDelta()
  3661. this.update(deltaTime, timestamp);
  3662. this.magnifier.render();
  3663. this.render();
  3664. this.objs.children.forEach(e=>{
  3665. if(e.fileType == '3dTiles'){
  3666. e.runtime.update(deltaTime, this.renderer, this.mainViewport.camera)
  3667. }
  3668. })
  3669. // let vrActive = viewer.renderer.xr.isPresenting;
  3670. // if(vrActive){
  3671. // this.update(this.clock.getDelta(), timestamp);
  3672. // this.render();
  3673. // }else{
  3674. // this.update(this.clock.getDelta(), timestamp);
  3675. // this.render();
  3676. // }
  3677. Potree.framenumber++;
  3678. //-------------
  3679. this.images360.tileDownloader.update()
  3680. this.images360.panoRenderer.update()
  3681. this.images360.getNeighbours(this.interacted)
  3682. this.computeShelter()
  3683. //-------------
  3684. if(this.stats){
  3685. this.stats.end();
  3686. }
  3687. viewer.addTimeMark('loop','end')
  3688. viewer.addTimeMark('loopWaitNext','start')
  3689. this.resolveTimings(timestamp, Potree.measureTimings);
  3690. //Potree.measureTimings = 1
  3691. }
  3692. postError(content, params = {}){
  3693. let message = this.postMessage(content, params);
  3694. message.element.addClass("potree_message_error");
  3695. return message;
  3696. }
  3697. postMessage(content, params = {}){
  3698. let message = new Message(content);
  3699. let animationDuration = 100;
  3700. message.element.css("display", "none");
  3701. message.elClose.click( () => {
  3702. message.element.slideToggle(animationDuration);
  3703. let index = this.messages.indexOf(message);
  3704. if(index >= 0){
  3705. this.messages.splice(index, 1);
  3706. }
  3707. });
  3708. this.elMessages.prepend(message.element);
  3709. message.element.slideToggle(animationDuration);
  3710. this.messages.push(message);
  3711. if(params.duration !== undefined){
  3712. let fadeDuration = 500;
  3713. let slideOutDuration = 200;
  3714. setTimeout(() => {
  3715. message.element.animate({
  3716. opacity: 0
  3717. }, fadeDuration);
  3718. message.element.slideToggle(slideOutDuration);
  3719. }, params.duration)
  3720. }
  3721. return message;
  3722. }
  3723. getBoundingBox (pointclouds) {
  3724. //可以直接返回viewer.bound
  3725. if(!this.bound){
  3726. this.updateModelBound()
  3727. }
  3728. return this.bound.boundingBox.clone()//this.scene.getBoundingBox(pointclouds);
  3729. };
  3730. updateModelBound(reason){
  3731. this.boundNeedUpdate = false
  3732. this.bound = Utils.computePointcloudsBound(this.scene.pointclouds.filter(pointcloud=> //只求可见
  3733. pointcloud.visible || pointcloud.unvisibleReasons && pointcloud.unvisibleReasons.length == 1 && pointcloud.unvisibleReasons[0].reason == 'displayMode'
  3734. ))
  3735. if(Potree.settings.boundAddObjs){//加上obj的bound
  3736. this.objs.children.forEach(e=>{
  3737. this.bound.boundingBox.union(e.boundingBox.clone().applyMatrix4(e.matrixWorld))
  3738. })
  3739. this.bound.boundingBox.getSize(this.bound.boundSize)
  3740. this.bound.boundingBox.getCenter(this.bound.center)
  3741. }
  3742. viewer.farWhenShowPano = this.bound.boundSize.length() * 10//全景漫游时要能看到整个skybox 原本*2的但对于距离特远的数据集需要乘大一些否则会黑面
  3743. /* let boundPlane = new THREE.Box3()
  3744. boundPlane.expandByPoint(this.bound.boundingBox.min.clone())//最低高度为bound的最低
  3745. boundPlane.expandByPoint(this.bound.boundingBox.max.clone().setZ(this.bound.center.z))//最高高度为bound的中心高度
  3746. FirstPersonControls.boundPlane = boundPlane */
  3747. //FirstPersonControls.standardSpeed = THREE.Math.clamp( Math.sqrt(this.bound.boundSize.length() )/ 100 , 0.02,0.5); //在这个boundPlane中的速度
  3748. viewer.scene.pointclouds.forEach(e=>{//海拔范围
  3749. e.material.heightMin = this.bound.boundingBox.min.z
  3750. e.material.heightMax = this.bound.boundingBox.max.z
  3751. })
  3752. this.dispatchEvent({type:'updateModelBound'})
  3753. }
  3754. waitForLoad(object, isLoadedCallback){//等待加载时显示loading。主要是贴图
  3755. this.waitQueue.push({
  3756. object,
  3757. isLoadedCallback,
  3758. })
  3759. //console.warn('waitForLoad',object.id,this.waitQueue.length)
  3760. 1 === this.waitQueue.length && this.dispatchEvent({type:"loading", show:true})
  3761. }
  3762. ifAllLoaded( ){
  3763. if(this.waitQueue.length>0){
  3764. this.waitQueue = this.waitQueue.filter(function(e) {
  3765. return !e.isLoadedCallback()
  3766. })
  3767. }
  3768. //console.warn('ifAllLoaded', this.waitQueue.length)
  3769. 0 === this.waitQueue.length && this.dispatchEvent({type:"loading", show:false})
  3770. }
  3771. cancelLoad(object){//add 突然出现还没加载完就被deactivateTiledPano但还在loading的情况,所以加了这个
  3772. this.waitQueue = this.waitQueue.filter(function(e) {
  3773. return e.object != object
  3774. })
  3775. //console.log('cancelLoad', object.id)
  3776. this.ifAllLoaded()
  3777. }
  3778. setView(o={}){
  3779. let callback = ()=>{
  3780. if(o.displayMode){
  3781. Potree.settings.displayMode = o.displayMode
  3782. }
  3783. if(!o.pano && o.currentPano )this.images360.currentPano = o.currentPano
  3784. o.callback && o.callback()
  3785. }
  3786. if(o.pano != void 0){//pano 权重高于 position
  3787. this.images360.flyToPano(o)
  3788. }else{
  3789. this.mainViewport.view.setView($.extend({},o, {callback}))
  3790. }
  3791. }
  3792. //设置点云为标准模式
  3793. setPointStandardMat(state, pointDensity, fitPointsize){
  3794. console.log('setPointStandardMat',state)
  3795. if(state){
  3796. if(this.pointStatesBefore){
  3797. return console.warn('已设置过pointStatesBefore!')
  3798. }
  3799. this.pointStatesBefore = {
  3800. opacity : new Map(),
  3801. size: new Map(),
  3802. density:Potree.settings.pointDensity,
  3803. useEDL:this.getEDLEnabled(),
  3804. shape: viewer.scene.pointclouds[0].material.shape
  3805. }
  3806. viewer.scene.pointclouds.forEach(e=>{
  3807. this.pointStatesBefore.opacity.set(e, e.temp.pointOpacity) //因为更改pointDensity时会自动变opacity,所以这项最先获取
  3808. this.pointStatesBefore.colorType = e.material.activeAttributeName;
  3809. fitPointsize && this.pointStatesBefore.size.set(e,e.temp.pointSize) //这项不一定有用,因为会被后期覆盖
  3810. })
  3811. if(pointDensity)Potree.settings.pointDensity = pointDensity //万一之后切换到全景模式怎么办
  3812. if(fitPointsize)Potree.settings.sizeFitToLevel = true
  3813. viewer.scene.pointclouds.forEach(e=>{
  3814. e.material.activeAttributeName = 'rgba';
  3815. e.material.shape = Potree.PointShape['SQUARE']
  3816. fitPointsize && e.changePointSize(Potree.config.material.realPointSize, true)
  3817. e.changePointOpacity(1)
  3818. })
  3819. viewer.setEDLEnabled(false)
  3820. }else{
  3821. if(!this.pointStatesBefore){
  3822. return console.error('未设置过pointStatesBefore!')
  3823. }
  3824. Potree.settings.sizeFitToLevel = false
  3825. if(pointDensity)Potree.settings.pointDensity = this.pointStatesBefore.pointDensity
  3826. viewer.scene.pointclouds.forEach(e=>{
  3827. e.material.activeAttributeName = this.pointStatesBefore.colorType
  3828. e.changePointOpacity(this.pointStatesBefore.opacity.get(e))
  3829. e.material.shape = this.pointStatesBefore.shape
  3830. let size = this.pointStatesBefore.size.get(e)
  3831. if(size) e.changePointSize(size)
  3832. })
  3833. viewer.setEDLEnabled(this.pointStatesBefore.useEDL)
  3834. this.pointStatesBefore = null
  3835. }
  3836. }
  3837. //调试时显示transformControl来调节object
  3838. transformObject(object){
  3839. let seleted = viewer.inputHandler.selection[0]
  3840. if(!object){//取消
  3841. seleted && viewer.inputHandler.toggleSelection(seleted);
  3842. return
  3843. }
  3844. if(seleted && seleted != object){//要更换,先取消
  3845. this.transformObject(null)
  3846. }
  3847. if(!object.boundingBox){
  3848. object.boundingBox = new THREE.Box3() //任意大小 只是为了显示黄色外框
  3849. //??? computeBoundingBox
  3850. }
  3851. if(!viewer.inputHandler.selection.includes(object)){
  3852. viewer.inputHandler.toggleSelection(object);
  3853. }
  3854. }
  3855. pointInWhichPointcloud(pos){//选择最接近中心的那个 使用boundSphere
  3856. let result = Common.sortByScore(this.scene.pointclouds,[],[
  3857. (pointcloud)=>{
  3858. var size = pointcloud.pcoGeometry.tightBoundingBox.getSize(new THREE.Vector3)
  3859. var center = pointcloud.bound.getCenter(new THREE.Vector3)
  3860. var length = size.length() / 2
  3861. var dis = pos.distanceTo(center);
  3862. return length / dis //到数据集中心的距离占数据集大小越小越好
  3863. }
  3864. ])
  3865. //若要求更准确的话,可以使用ifContainsPoint判断一下是否在bound中
  3866. let r = result[0];
  3867. return r && r.score > 1 ? result[0].item : null
  3868. }
  3869. /* createRoomEv(){
  3870. const environment = new RoomEnvironment();
  3871. const pmremGenerator = new THREE.PMREMGenerator( this.renderer );
  3872. }
  3873. */
  3874. async loadModel(fileInfo, done, onProgress_, onError){
  3875. console.log('开始加载', Common.getNameFromURL(fileInfo.url) )
  3876. let boundingBox = new THREE.Box3()
  3877. /* if(!Potree.settings.boundAddObjs){
  3878. boundingBox.min.set(-0.5,-0.5,-0.5); boundingBox.max.set(0.5,0.5,0.5)
  3879. } */
  3880. if(fileInfo.objurl){
  3881. fileInfo.url = fileInfo.objurl, fileInfo.fileType = 'obj' //兼容最早的
  3882. }
  3883. if(fileInfo.url instanceof Array){
  3884. if(fileInfo.url.length == 1){
  3885. fileInfo.url = fileInfo.url[0]
  3886. }else{
  3887. fileInfo.loadedCount = 0
  3888. fileInfo.modelGroup = new THREE.Object3D; //parentGroup.name = fileInfo.title
  3889. fileInfo.url.forEach((url,i)=>{
  3890. let fileInfoS = Common.CloneObject(fileInfo)
  3891. fileInfoS.url = url
  3892. fileInfoS.name = 'child-'+i
  3893. fileInfoS.parentInfo = fileInfo
  3894. this.loadModel(fileInfoS, done, onProgress_, onError)
  3895. })
  3896. return
  3897. }
  3898. }
  3899. fileInfo.url = Common.dealURL(fileInfo.url) //去除'+'
  3900. fileInfo.loadStartTime = Date.now()
  3901. //let fileType = fileInfo.tilesUrl ? '3dTiles' : fileInfo.objurl ? 'obj' : 'glb'
  3902. let loadDone = (object, fileInfo_ /* , total, url */)=>{
  3903. fileInfo_ = fileInfo_ || fileInfo
  3904. if(fileInfo_.parentInfo){
  3905. object.name = fileInfo_.name
  3906. fileInfo_.parentInfo.loadedCount ++
  3907. fileInfo_.parentInfo.modelGroup.add(object)
  3908. if(fileInfo_.parentInfo.loadedCount == fileInfo_.parentInfo.url.length){
  3909. return loadDone(fileInfo_.parentInfo.modelGroup, fileInfo_.parentInfo)
  3910. }else{
  3911. return
  3912. }
  3913. }
  3914. object.name = fileInfo_.name != void 0 ? fileInfo_.name : fileInfo_.type
  3915. object.fileType = fileInfo_.fileType
  3916. object.boundingBox = boundingBox //未乘上matrixWorld的本地boundingBox
  3917. //object.scale.set(1,1,1);//先获取原始的大小时的boundingBox
  3918. object.opacity = 1 //初始化 记录
  3919. object.updateMatrixWorld()
  3920. if(fileInfo_.id != void 0)object.dataset_id = fileInfo_.id
  3921. fileInfo_.loadCostTime = Date.now() - fileInfo_.loadStartTime
  3922. /* let weight = Math.round((total / 1024 / 1024) * 100) / 100;*/
  3923. console.log( '加载完毕:', Common.getNameFromURL(fileInfo_.url), '耗时(ms)', fileInfo_.loadCostTime, /* 模型数据量:' + weight + 'M' */)
  3924. if(fileInfo_.fileType == '3dTiles'){
  3925. let tileset = object.runtime.getTileset()
  3926. //TileHeader: tileset.root
  3927. //参见另一个工程 TileRenderer.js preprocessNode //这个坐标位置几万…… let data = boundingVolume.halfAxes //但这个似乎是premultiply( transform );过后的,可能需还原下
  3928. let json = tileset.tileset
  3929. let box = json.root.boundingVolume.box
  3930. if(box){
  3931. let center = new THREE.Vector3(box[0],box[1],box[2])
  3932. let boundSize = new THREE.Vector3( )
  3933. // get the extents of the bounds in each axis
  3934. let vecX = new THREE.Vector3( box[ 3 ], box[ 4 ], box[ 5 ] )
  3935. let vecY = new THREE.Vector3( box[ 6 ], box[ 7 ], box[ 8 ] );
  3936. let vecZ = new THREE.Vector3( box[ 9 ], box[ 10 ], box[ 11 ] );
  3937. const scaleX = vecX.length();
  3938. const scaleY = vecY.length();
  3939. const scaleZ = vecZ.length();
  3940. /* boundingBox.expandByPoint(center);
  3941. boundingBox.expandByVector(new THREE.Vector3(scaleX,scaleY,scaleZ)) */
  3942. boundingBox.min.set( - scaleX, - scaleY, - scaleZ );
  3943. boundingBox.max.set( scaleX, scaleY, scaleZ );
  3944. }else if(json.root.boundingVolume.sphere){
  3945. let sphereData = json.root.boundingVolume.sphere
  3946. let center = new THREE.Vector3(...sphereData)
  3947. let radius = sphereData[3] / 2
  3948. /* let sphere = new THREE.Sphere(center, radius)
  3949. let box = sphere.getBoundingBox()
  3950. boundingBox.copy(box) */
  3951. boundingBox.min.set( - radius, - radius, - radius );
  3952. boundingBox.max.set( radius, radius, radius );
  3953. }else{
  3954. return console.error('json boundingVolume 缺少信息')
  3955. }
  3956. //中心点居然没用。可能是漏用了什么信息,也许这和LVBADUI_qp是散的有关。
  3957. console.log('3d tiles json',json)
  3958. json.root.refine = 'ADD';
  3959. json.refine = 'ADD';
  3960. }else {
  3961. Potree.Utils.setObjectLayers(object,'model')
  3962. object.traverse( ( child )=>{
  3963. if ( child instanceof THREE.Mesh || child instanceof THREE.Points ) {
  3964. child.renderOrder = Potree.config.renderOrders.model;
  3965. if(Potree.settings.boundAddObjs){
  3966. child.geometry.computeBoundingBox()
  3967. //console.log(child.matrixWorld.clone())
  3968. boundingBox.union(child.geometry.boundingBox.clone().applyMatrix4(child.matrixWorld)) //但感觉如果最外层object大小不为1,要还原下scale再乘
  3969. }//获取在scale为1时,表现出的大小
  3970. //Potree.Utils.makeTexDontResize(child.material.map)
  3971. //console.log(child.name, 'roughness',child.material.roughness,'metalness',child.material.metalness)
  3972. /* //暂时用这种材质:
  3973. if(fileInfo.unlit && (!(child.material instanceof THREE.MeshBasicMaterial) || fileType == 'glb')){
  3974. //let material = new THREE.MeshBasicMaterial({map:child.material.map})
  3975. let material = new BasicMaterial({map : child.material.map}) //很奇怪glb的图会使原本的MeshBasicMaterial 会偏暗,所以自己重新写
  3976. //child.material.dispose()
  3977. child.material = material
  3978. } */
  3979. if(child.material instanceof THREE.MeshStandardMaterial){
  3980. child.material.roughness = 0.6
  3981. child.material.metalness = 0.3
  3982. }
  3983. }
  3984. } );
  3985. }
  3986. this.objs.add(object)
  3987. if(fileInfo_.transform){
  3988. let setTransfrom = (name)=>{
  3989. let value = fileInfo_.transform[name]
  3990. if(!value)return
  3991. if(value instanceof Array){
  3992. object[name].fromArray(value)
  3993. }else{
  3994. object[name].copy(value)
  3995. }
  3996. }
  3997. setTransfrom('position')
  3998. setTransfrom('rotation')
  3999. setTransfrom('scale')
  4000. }
  4001. if(fileInfo_.moveWithPointcloud){
  4002. object.updateMatrix();
  4003. object.matrixAutoUpdate = false
  4004. object.matrix.premultiply(viewer.scene.pointclouds[0].transformMatrix) //默认跟随第一个数据集
  4005. object.matrixWorldNeedsUpdate = true
  4006. }
  4007. done && done(object)
  4008. }
  4009. let onProgress = function ( xhr ) {
  4010. if ( xhr.lengthComputable ) {
  4011. let percentComplete = xhr.loaded / xhr.total * 100;
  4012. //console.log( Math.round(percentComplete, 2) + '% downloaded' );
  4013. onProgress_ && onProgress_(percentComplete)
  4014. }
  4015. };
  4016. if(fileInfo.fileType == 'obj'){ //暂时不支持数组
  4017. loaders.mtlLoader.load( fileInfo.mtlurl , (materials)=>{
  4018. materials.preload();
  4019. loaders.objLoader.setMaterials( materials ).load(fileInfo.objurl, (object, total)=>{
  4020. loadDone(object/* , total, fileInfo.objurl */)
  4021. })
  4022. } , onProgress, onError );
  4023. }else if(fileInfo.fileType == 'glb'){
  4024. loaders.glbLoader.unlitMat = true//!!fileInfo.unlit
  4025. loaders.glbLoader.load(fileInfo.url, ( gltf, total )=>{
  4026. //console.log('loadGLTF', gltf)
  4027. loadDone(gltf.scene/* , total, fileInfo.url */)
  4028. }, onProgress, onError)
  4029. }else if(fileInfo.fileType == 'ply'){
  4030. loaders.plyLoader.load( fileInfo.url, (geometry) => {
  4031. let object
  4032. console.log('ply加载完毕', geometry)
  4033. if(!geometry.index){//点云
  4034. object = new THREE.Points(geometry, new THREE.PointsMaterial({vertexColors:true, size:0.02}))
  4035. //141M的点云,intersect费时300ms以上
  4036. }else{//mesh
  4037. object = new THREE.Mesh(geometry)
  4038. }
  4039. loadDone(object)
  4040. })
  4041. }else if(fileInfo.fileType == '3dTiles'){
  4042. let result = await Loader3DTiles.load({
  4043. url: fileInfo.url,
  4044. gltfLoader : loaders.glbLoader,
  4045. //renderer: SceneRenderer.renderer
  4046. options: {
  4047. //dracoDecoderPath: '../utils/loaders/DRACOLoader/draco',
  4048. //basisTranscoderPath: '../utils/loaders/KTX2Loader/basis',
  4049. maximumScreenSpaceError: 30, //如果本身tiles很密很小这个值就不能很大。
  4050. maxDepth: 100,
  4051. maximumMemoryUsage: 200, //缓存大小。单位M(但实际结果是 2.5*maximumMemoryUsage + 750 。超过2G会崩, 所以应该小于540) 若太小,密集的tile反复加载很卡. (任务管理器刷新网页后若内存不掉就要结束进程否则虚高)
  4052. //debug:true,
  4053. parent: this.scene.scene
  4054. },
  4055. })
  4056. console.log(result)
  4057. result.model.runtime = result.runtime
  4058. loadDone(result.model/* , null, fileInfo.url */)
  4059. let loaded = false
  4060. let tileset = result.runtime.getTileset()
  4061. tileset.addEventListener('endTileLoading', function (data) {//Tileset3D
  4062. if (data.loadingCount == 0 && !loaded) {
  4063. loaded = true;
  4064. console.log('loaded!!!!!!!!!!!!!')
  4065. }
  4066. });
  4067. tileset.addEventListener('tileLoaded',(e)=>{ //每一个tile加载完要更改透明度
  4068. let opacity = result.model.opacity
  4069. MergeEditor.changeOpacity(e.tileContent,opacity)
  4070. })
  4071. {
  4072. let vi = true
  4073. Object.defineProperty( result.model, "visible", {
  4074. get: function() {
  4075. return vi
  4076. },
  4077. set: function(v) {
  4078. vi = v
  4079. tileset.visible = v; //同步,使不加载
  4080. tileset.nextForceUpdate = true
  4081. }
  4082. })
  4083. }
  4084. }
  4085. }
  4086. removeObj(object){
  4087. this.objs.remove(object);
  4088. if(Potree.settings.boundAddObjs){
  4089. this.updateModelBound()
  4090. }
  4091. }
  4092. setDisplay(state, cause='setDisplay'){//如果创建了iframe,主页的需要隐藏的话需要释放一些内存出来。iframe关闭前也释放下比较保险
  4093. state = !!state
  4094. this.objs.children.forEach(e=>{
  4095. if(e.fileType == '3dTiles'){
  4096. let tileset = e.runtime.getTileset()
  4097. Potree.Utils.updateVisible(e, cause, state)
  4098. if(!state) tileset._cache.trim(); //使下一次update时dispose所有不可见的tiles
  4099. e.runtime.update(16, this.renderer, this.mainViewport.camera, true)
  4100. if(state) this.dispatchEvent('content_changed')
  4101. }
  4102. })
  4103. if(state){
  4104. Potree.pointBudget = 6*1000*1000 //先随便写一个, 随后mergeEditor.updateMemoryUsage
  4105. }else{
  4106. Potree.pointBudget = 0
  4107. Potree.updatePointClouds(this.scene.pointclouds, this.mainViewport.camera, this.mainViewport.resolution )
  4108. this.images360.panoRenderer.disposeIdelTargets() //如果也能清空当前使用的就好了,但是恢复就需要时间
  4109. this.images360.depthSampler.clearTexData()
  4110. }
  4111. this.dispatchEvent({type:'setDisplay',state})
  4112. this.paused = !state
  4113. }
  4114. addFire(){
  4115. if(Potree.settings.number == 't-CwfhfqJ'){
  4116. let position = Potree.Utils.datasetPosTransform({
  4117. pointcloud:viewer.scene.pointclouds[0],
  4118. position: new THREE.Vector3(4.4318,-0.580291847759, -0.78),
  4119. fromDataset:true
  4120. })
  4121. viewer.modules.ParticleEditor.addParticle( {
  4122. type:'fire',
  4123. positions:[position],
  4124. radius:0.42,
  4125. height:10,
  4126. })
  4127. viewer.modules.ParticleEditor.addParticle( {
  4128. type:'smoke',
  4129. positions: [ new THREE.Vector3().addVectors(position,new THREE.Vector3(0,0,0.3))],
  4130. positionStyle : 'sphere' ,
  4131. positionRadius : 0.3,
  4132. sizeTween: [[0, 0.3, 0.9, 1], [0.05, 0.1, 1, 0.8]],
  4133. opacityBase : 0.2,
  4134. opacityTween :[ [0, 0.3, 0.7, 0.95, 1], [0, 0.2, 1 , 0.1, 0] ],
  4135. velocityBase : new THREE.Vector3( 0, 0, 1),
  4136. velocitySpread : new THREE.Vector3( 0.2, 0.2, -0.3),
  4137. accelerationBase : 0.2,
  4138. accelerationSpread : 0.7,
  4139. radius:0,
  4140. //particlesPerSecond : 30,
  4141. particleDeathAge : 3.0,
  4142. })
  4143. viewer.modules.ParticleEditor.addParticle( {
  4144. type:'explode',
  4145. name:'fire splash',
  4146. position: new THREE.Vector3().addVectors(position,new THREE.Vector3(0,0,0.3)),
  4147. size: 0.1,
  4148. sizeRange: 0.3,
  4149. sizeTween:[[0, 0.05, 0.3, 0.45], [0, 0.02, 0.1, 0.05] ],
  4150. opacityTween: [[0, 0.05, 0.3, 0.45], [1, 1, 0.5, 0]] ,
  4151. speed : 1, //sphere
  4152. speedRange : 4,
  4153. radius: 0.1,
  4154. acceleration : 0.3,
  4155. accelerationRange : 1,
  4156. particleSpaceTime:0,
  4157. strength:4,
  4158. })
  4159. }
  4160. }
  4161. addVideo(){
  4162. if(Potree.settings.number != 'SS-t-P6zBR73Gke')return
  4163. var geo = new THREE.PlaneGeometry(1, 1, 1, 1)
  4164. var videoInfo = this.videoInfo = [
  4165. {
  4166. id: '40-2',
  4167. url: 'https://laser-oss.4dkankan.com/testdata/SS-t-P6zBR73Gke/temp/poi/2022/05/10/0aabafee-36b8-455d-9c11-0780bf694786.mp4',
  4168. rotation:[-1.494468618954883, -1.4987317433158989, -3.061254983446741],
  4169. position:[ 19.801820617361624, 2.884673619844108, -0.03362305858221648],
  4170. scale:[3.5741423153151763, 2.8738725275578703, 1],
  4171. },
  4172. {
  4173. id: 40,
  4174. /* rotation:[-1.534692822378723, 0.01083403560862361, 3.141535283661569],
  4175. position:[17.2934294239949861, 2.413510747928117, -0.008057029580231356], */
  4176. url: 'https://laser-oss.4dkankan.com/testdata/SS-t-P6zBR73Gke/temp/poi/2022/05/09/7896d6ef-a2d6-4fd7-949c-768782a5b484.mp4',
  4177. rotation:[-1.5487684197910518, 0.021848470169552752, -3.1387534893955236],
  4178. position:[17.277316608096, 2.0840432922115846, -0.0931149415437065],
  4179. scale:[2.0821757723834047, 0.6129478480765236, 1],
  4180. visibles: [40]
  4181. },
  4182. ]
  4183. let add = (info)=>{
  4184. var video = $(`<video controls="controls" loop autoplay x5-playsinline="" webkit-playsinline="true" playsinline="true" controlslist="nodownload"></video>`)[0]
  4185. video.setAttribute("crossOrigin", 'Anonymous')
  4186. video.src = info.url || Potree.resourcePath+`/video/${Potree.settings.number}/${info.id}.mp4`
  4187. var map = new THREE.VideoTexture(video);
  4188. var plane = this.videoPlane = new THREE.Mesh(geo, new THREE.MeshBasicMaterial({
  4189. color:"#ffffff",
  4190. transparent: !0,
  4191. depthTest:false,
  4192. opacity:0 ,
  4193. //side:2,
  4194. map
  4195. }))
  4196. plane.position.fromArray(info.position)
  4197. plane.rotation.fromArray(info.rotation)
  4198. info.scale && plane.scale.fromArray(info.scale)
  4199. this.scene.scene.add(plane)
  4200. info.plane = plane
  4201. plane.boundingBox = new THREE.Box3(new THREE.Vector3(0,-0.5,0),new THREE.Vector3(1,-0.4,0.2))
  4202. video.addEventListener('loadeddata', function(e) {
  4203. video.play()
  4204. if(!info.visibles/* ||!viewer.images360.currentPano || info.visibles.includes(viewer.images360.currentPano.id) */){
  4205. plane.material.opacity = 1
  4206. }
  4207. info.scale || plane.scale.set(video.videoWidth/1000,video.videoHeight/1000,1) // 1080 * 1920
  4208. console.log('video loadeddata', info.id)
  4209. })
  4210. if(info.visibles){
  4211. this.images360.addEventListener('flyToPano' ,(e)=>{//飞之前
  4212. if(info.visibles.includes(e.toPano.pano.id)){ //出现
  4213. setTimeout(()=>{
  4214. plane.visible = true;
  4215. video.currentTime = 0
  4216. video.play();
  4217. if(video.paused){
  4218. var startPlay = ()=>{
  4219. plane.visible && video.play()
  4220. this.removeEventListener('global_mousedown', startPlay)
  4221. }
  4222. this.addEventListener('global_mousedown', startPlay)
  4223. }
  4224. Potree.settings.zoom.enabled = false
  4225. transitions.start(lerp.property(plane.material, "opacity", 1 ) , e.toPano.duration*0.4 , ()=>{
  4226. }, 0, easing['easeInOutQuad'])
  4227. }, e.toPano.duration*0.6) //时间上不能和消失的重叠 延迟
  4228. }else{
  4229. //消失
  4230. transitions.start(lerp.property(plane.material, "opacity", 0, ) , e.toPano.duration*0.4, ()=>{
  4231. if(!info){
  4232. plane.visible = false
  4233. video.pause()
  4234. Potree.settings.zoom.enabled = true
  4235. }
  4236. }, 0, easing['easeInOutQuad'])
  4237. }
  4238. })
  4239. }
  4240. var startPlay = ()=>{
  4241. video.play()
  4242. //video.pause()
  4243. //video.currentTime = 0.1;
  4244. this.removeEventListener('global_mousedown', startPlay)
  4245. }
  4246. this.addEventListener('global_mousedown', startPlay)
  4247. Potree.settings.isTest && plane.addEventListener('select',(e)=>{console.log(e)})
  4248. }
  4249. videoInfo.forEach(info=>{
  4250. add(info)
  4251. })
  4252. /* this.images360.addEventListener('flyToPano' ,(e)=>{//飞之前
  4253. if(Potree.settings.displayMode != 'showPanos') return
  4254. let info = videoInfo[e.toPano.pano.id]
  4255. if(info ){ //出现
  4256. setTimeout(()=>{
  4257. plane.visible = true;
  4258. plane.position.fromArray(info.position)
  4259. plane.rotation.fromArray(info.rotation)
  4260. video.src = Potree.resourcePath+`/video/${Potree.settings.number}/${e.toPano.pano.id}.mp4`
  4261. video.play();
  4262. video.currentTime = 0
  4263. Potree.settings.zoom.enabled = false
  4264. transitions.start(lerp.property(plane.material, "opacity", 1 ) , e.toPano.duration*0.4 , ()=>{
  4265. }, 0, easing['easeInOutQuad'])
  4266. }, e.toPano.duration*0.6) //时间上不能和消失的重叠 延迟
  4267. }
  4268. //消失
  4269. transitions.start(lerp.property(plane.material, "opacity", 0, ) , e.toPano.duration*0.4, ()=>{
  4270. if(!info){
  4271. plane.visible = false
  4272. video.pause()
  4273. Potree.settings.zoom.enabled = true
  4274. }
  4275. }, 0, easing['easeInOutQuad'])
  4276. })
  4277. this.images360.addEventListener('endChangeMode',(e)=>{ //暂时不处理初始加载时就在有视频的点位上的情况
  4278. if(e.mode == 'showPanos'){
  4279. let info = videoInfo[this.images360.currentPano.id]
  4280. if(info ){ //出现
  4281. plane.visible = true;
  4282. plane.position.fromArray(info.position)
  4283. plane.rotation.fromArray(info.rotation)
  4284. plane.material.opacity = 0
  4285. video.src = Potree.resourcePath+`/video/${Potree.settings.number}/${this.images360.currentPano.id}.mp4`
  4286. video.play();
  4287. video.currentTime = 0
  4288. Potree.settings.zoom.enabled = false
  4289. transitions.start(lerp.property(plane.material, "opacity", 1, (e)=>{console.log('fadeIn',e)}) , 300 , ()=>{
  4290. }, 0, easing['easeInOutQuad'])
  4291. }
  4292. }else{
  4293. plane.visible = false;
  4294. Potree.settings.zoom.enabled = true
  4295. }
  4296. })
  4297. */
  4298. }
  4299. /* addTube(){//加水管 自动生成
  4300. if(Potree.settings.number == 't-8KbK1JjubE'){
  4301. let boundingBox = new THREE.Box3()
  4302. boundingBox.min.set(-1,-1,-1); boundingBox.max.set(1,1,1)
  4303. let radius = 0.08;
  4304. let radialSegments = 5
  4305. let radSegments = Math.PI*2 / radialSegments
  4306. var circlePts = [];//横截面
  4307. for(let i=0;i<radialSegments;i++){
  4308. let angle = radSegments * i;
  4309. circlePts.push(new THREE.Vector2(radius * Math.cos(angle), radius * Math.sin(angle) ))
  4310. }
  4311. var count = 0
  4312. var addMesh = (color, path, height)=>{//height:在path之上的高度,负数代表在path之下
  4313. var name = 'cylinder'+count
  4314. var mat = new THREE.MeshStandardMaterial({color, depthTest:false, roughness:0.4,metalness:0.5}) 
  4315. let linePath = path.map(e=>new THREE.Vector3().copy(e).setZ(e.z+height))
  4316. let geo = MeshDraw.getExtrudeGeo( circlePts, null,{ extrudePath:linePath, tension:0.2} )
  4317. var mesh = new THREE.Mesh(geo,mat);
  4318. mesh.name = name
  4319. window[name] = mesh
  4320. mesh.boundingBox = boundingBox
  4321. mesh.matrixAutoUpdate = false
  4322. mesh.matrix.copy(viewer.scene.pointclouds[0].transformMatrix)
  4323. mesh.matrixWorldNeedsUpdate = true
  4324. this.scene.scene.add(mesh);
  4325. count ++
  4326. }
  4327. let linePath, height
  4328. //地上管子 黄色
  4329. linePath = [{"x":-109.83,"y":-68.33,"z":-7.52},{"x":-95.17,"y":-59.3,"z":-7.38}, {"x":-38.75,"y":-24.01,"z":-6.01},{"x":0.5,"y":0.19,"z":-3.89},{"x":39.29,"y":24.41,"z":-1.31}
  4330. ,{"x":43.58,"y":27.7,"z":-0.97},{"x":40.22,"y":35.37,"z":-0.67}// 拐弯向右
  4331. , {"x":39.18,"y":36.71,"z":0.35},{"x":38.69,"y":36.04,"z":18.04} // 拐弯向上
  4332. ]
  4333. height = radius + 0.05;
  4334. addMesh('#b86', linePath, height)
  4335. //地下管子 藍色
  4336. linePath = [{"x":-108.24,"y":-70.61,"z":-7.52}, {"x":-57.8,"y":-39.31,"z":-6.72},{"x":-18.8,"y":-15.35,"z":-5.01},{"x":55.87,"y":31.67,"z":-0.04},{"x":110.53,"y":66.48,"z":5.14}
  4337. ]
  4338. height = -0.5;
  4339. addMesh('#48a', linePath, height)
  4340. }
  4341. } */
  4342. addTube(datas){//加水管 自动生成
  4343. for(let number in datas){
  4344. if(number == Potree.settings.number){
  4345. let data = datas[number]
  4346. let boundingBox = new THREE.Box3()
  4347. boundingBox.min.set(-1,-1,-1); boundingBox.max.set(1,1,1)
  4348. var index = 0
  4349. var addMesh = ({color, path, height,fromDataset, radius=0.08, datasetId=Potree.settings.originDatasetId, spaceDis, tension=0.1, visiEntity}={})=>{//height:在path之上的高度,负数代表在path之下
  4350. var name = 'tube_'+index
  4351. let radialSegments = 30//THREE.Math.clamp( Math.round(radius * 800), 10, 40)
  4352. let radSegments = Math.PI*2 / radialSegments
  4353. var circlePts = [];//横截面
  4354. for(let i=0;i<radialSegments;i++){
  4355. let angle = radSegments * i;
  4356. circlePts.push(new THREE.Vector2(radius * Math.cos(angle), radius * Math.sin(angle) ))
  4357. }
  4358. var mat = new THREE.MeshStandardMaterial({color, /* wireframe:true, depthTest:false,*/ roughness:0.9,metalness:0.3}) 
  4359. let linePath = path.map(e=>{
  4360. e instanceof Array && (e = new THREE.Vector3().fromArray(e))
  4361. let pos
  4362. if(fromDataset){
  4363. //获取:JSON.stringify(viewer.scene.measurements[0].dataset_points.map(e=>Potree.math.toPrecision(e.toArray(),3)))
  4364. pos = Potree.Utils.datasetPosTransform({ fromDataset: true, position:e, datasetId})
  4365. }else{
  4366. pos = new THREE.Vector3().copy(e)
  4367. }
  4368. return pos.setZ(pos.z+height)
  4369. })
  4370. console.log(linePath)
  4371. let geo = MeshDraw.getExtrudeGeo( circlePts, null,{ extrudePath:linePath, tension, spaceDis} )
  4372. var mesh = new THREE.Mesh(geo,mat);
  4373. mesh.name = name
  4374. window[name] = mesh
  4375. mesh.boundingBox = boundingBox
  4376. mesh.matrixAutoUpdate = false
  4377. fromDataset || mesh.matrix.copy(viewer.scene.pointclouds[0].transformMatrix)
  4378. mesh.matrixWorldNeedsUpdate = true
  4379. this.scene.scene.add(mesh);
  4380. if(visiEntity){
  4381. this.modules.SiteModel.bus.addEventListener('buildingChange',(e)=>{
  4382. Potree.Utils.updateVisible(mesh,'isInEntity', e.entity && e.entity.name == visiEntity)
  4383. })
  4384. }
  4385. }
  4386. while(index < data.length){
  4387. addMesh(data[index])
  4388. index++
  4389. }
  4390. }
  4391. }
  4392. /*
  4393. 可能用到的
  4394. viewer.scene.measurements.forEach(e=>e.edgeLabels.forEach(e=>Potree.Utils.updateVisible(e,'f',false)))
  4395. JSON.stringify(viewer.scene.measurements.find(e=>e.visible).dataset_points.map(e=>Potree.math.toPrecision(e.toArray(),3)))
  4396. */
  4397. }
  4398. addSprite(e){//api
  4399. let sprite
  4400. if(e.text != void 0){
  4401. sprite = new TextSprite(e )
  4402. }else{
  4403. let map = texLoader.load(src)
  4404. e.map = map
  4405. sprite = new Sprite(e )
  4406. }
  4407. return sprite
  4408. }
  4409. };
  4410. //------ CLIP 默认clipTask都是clipInside ----------------------
  4411. /*
  4412. 并集相当于加法,交集相当于乘法。 所有结果都能展开成多个乘积相加。
  4413. 假设有4个clipBoxes,ABCD, 如果是 A*B + C*D ,那么这是最终结果。 如果是 (A+B)*(C+D) = A*C+A*D+B*C+B*D
  4414. */
  4415. /*
  4416. let Clips = {
  4417. boxes : [],
  4418. unionGroups : [], //二维数组。最外层要求并集,里层要求交集(如果只有一个元素就是本身)。总结起来就是要求一堆交集的并集
  4419. shaderParams:{},
  4420. needsUpdate : true,
  4421. addClip(box, clipMethod){
  4422. //不允许重复
  4423. if(this.boxes.includes(box)){
  4424. return console.warn('addClip重复添加了box',box)
  4425. }
  4426. boxes.push(box)
  4427. if(clipMethod == 'any'){//并
  4428. this.unionGroups.push([box])
  4429. }else if(clipMethod == 'all'){//交
  4430. this.unionGroups.forEach(mixGroup=>mixGroup.push(box))
  4431. }
  4432. this.needsUpdate = true
  4433. },
  4434. removeClip(box){
  4435. if(!this.boxes.includes(box)){
  4436. return console.warn('removeClip没有找到该box',box)
  4437. }
  4438. var newGroups = [];
  4439. this.unionGroups.forEach(mixGroup=>{
  4440. if(mixGroup.length == 1 && mixGroup[0] == box)return;//直接删除
  4441. newGroups.push(mixGroup.filter(e=>e!=box));
  4442. })
  4443. this.unionGroups = newGroups;
  4444. this.needsUpdate = true
  4445. }
  4446. ,
  4447. clearClip(){
  4448. this.boxes = [];
  4449. this.unionGroups = []
  4450. this.needsUpdate = true
  4451. }
  4452. ,
  4453. updateShaderParams(){//没写完 - - 见 pointcloud clip.vs
  4454. //uniform mat4 clipBoxes[num_clipboxes];
  4455. //uniform int clipBoxGroupCount;
  4456. //uniform int mixClipIndices[clipboxGroupItemCount]; //把所有的要求都直接放到数组内
  4457. //这里需要转为Float32Array..? 参考material.setClipBoxes
  4458. let everyClipGroupCount = this.unionGroups.map(e=>e.length)
  4459. let mixClipIndices = []
  4460. this.unionGroups.forEach(e=>{
  4461. mixClipIndices.push(...e)
  4462. })
  4463. this.shaderParams = {
  4464. num_clipboxes : this.boxes.length,
  4465. clipBoxGroupCount : this.unionGroups.length,
  4466. everyClipGroupCount,
  4467. clipBoxIndexCount: mixClipIndices.length,
  4468. mixClipIndices
  4469. }
  4470. }
  4471. ,
  4472. getShaderParams(){//每次要传递参数到shader中,执行这个就好
  4473. if(this.needsUpdate){
  4474. this.updateShaderParams()
  4475. }
  4476. return this.shaderParams
  4477. }
  4478. }
  4479. */