123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567356835693570357135723573357435753576357735783579358035813582358335843585358635873588358935903591359235933594359535963597359835993600360136023603360436053606360736083609361036113612361336143615361636173618361936203621362236233624362536263627362836293630363136323633363436353636363736383639364036413642364336443645364636473648364936503651365236533654365536563657365836593660366136623663366436653666366736683669367036713672367336743675367636773678367936803681368236833684368536863687368836893690369136923693369436953696369736983699370037013702370337043705370637073708370937103711371237133714371537163717371837193720372137223723372437253726372737283729373037313732373337343735373637373738373937403741374237433744374537463747374837493750375137523753375437553756375737583759376037613762376337643765376637673768376937703771377237733774377537763777377837793780378137823783378437853786378737883789379037913792379337943795379637973798379938003801380238033804380538063807380838093810381138123813381438153816381738183819382038213822382338243825382638273828382938303831383238333834383538363837383838393840384138423843384438453846384738483849385038513852385338543855385638573858385938603861386238633864386538663867386838693870387138723873387438753876387738783879388038813882388338843885388638873888388938903891389238933894389538963897389838993900390139023903390439053906390739083909391039113912391339143915391639173918391939203921392239233924392539263927392839293930393139323933393439353936393739383939394039413942394339443945394639473948394939503951395239533954395539563957395839593960396139623963396439653966396739683969397039713972397339743975397639773978397939803981398239833984398539863987398839893990399139923993399439953996399739983999400040014002400340044005400640074008400940104011401240134014401540164017401840194020402140224023402440254026402740284029403040314032403340344035403640374038403940404041404240434044404540464047404840494050405140524053405440554056405740584059406040614062406340644065406640674068406940704071407240734074407540764077407840794080408140824083408440854086408740884089409040914092409340944095409640974098409941004101410241034104410541064107410841094110411141124113411441154116411741184119412041214122412341244125412641274128412941304131413241334134413541364137413841394140414141424143414441454146414741484149415041514152415341544155415641574158415941604161416241634164416541664167416841694170417141724173417441754176417741784179418041814182418341844185418641874188418941904191419241934194419541964197419841994200420142024203420442054206420742084209421042114212421342144215421642174218421942204221422242234224422542264227422842294230423142324233423442354236423742384239424042414242424342444245424642474248424942504251425242534254425542564257425842594260426142624263426442654266426742684269427042714272427342744275427642774278427942804281428242834284428542864287428842894290429142924293429442954296429742984299430043014302430343044305430643074308430943104311431243134314431543164317431843194320432143224323432443254326432743284329433043314332433343344335433643374338433943404341434243434344434543464347434843494350435143524353435443554356435743584359436043614362436343644365436643674368436943704371437243734374437543764377437843794380438143824383438443854386438743884389439043914392439343944395439643974398439944004401440244034404440544064407440844094410441144124413441444154416441744184419442044214422442344244425442644274428442944304431443244334434443544364437443844394440444144424443444444454446444744484449445044514452445344544455445644574458445944604461446244634464446544664467446844694470447144724473447444754476447744784479448044814482448344844485448644874488448944904491449244934494449544964497449844994500450145024503450445054506450745084509451045114512451345144515451645174518451945204521452245234524452545264527452845294530453145324533453445354536453745384539454045414542454345444545454645474548454945504551455245534554455545564557455845594560456145624563456445654566456745684569457045714572457345744575457645774578457945804581458245834584458545864587458845894590459145924593459445954596459745984599460046014602460346044605460646074608460946104611461246134614461546164617461846194620462146224623462446254626462746284629463046314632463346344635463646374638463946404641464246434644464546464647464846494650465146524653465446554656465746584659466046614662466346644665466646674668466946704671467246734674467546764677467846794680468146824683468446854686468746884689469046914692469346944695469646974698469947004701470247034704470547064707470847094710471147124713471447154716471747184719472047214722472347244725472647274728472947304731473247334734473547364737473847394740474147424743474447454746474747484749475047514752475347544755475647574758475947604761476247634764476547664767476847694770477147724773477447754776477747784779478047814782478347844785478647874788478947904791479247934794479547964797479847994800480148024803480448054806480748084809481048114812481348144815481648174818481948204821482248234824482548264827482848294830483148324833483448354836483748384839484048414842484348444845484648474848484948504851485248534854485548564857485848594860486148624863486448654866486748684869487048714872487348744875487648774878487948804881488248834884488548864887488848894890489148924893489448954896489748984899490049014902490349044905490649074908490949104911491249134914491549164917491849194920492149224923492449254926492749284929493049314932493349344935493649374938493949404941494249434944494549464947494849494950495149524953495449554956495749584959496049614962496349644965496649674968496949704971497249734974497549764977497849794980498149824983498449854986498749884989499049914992499349944995499649974998499950005001500250035004500550065007500850095010501150125013501450155016501750185019502050215022502350245025502650275028502950305031503250335034503550365037503850395040504150425043504450455046504750485049505050515052505350545055505650575058505950605061506250635064506550665067506850695070507150725073507450755076507750785079508050815082508350845085508650875088508950905091509250935094509550965097509850995100510151025103510451055106510751085109511051115112511351145115511651175118511951205121512251235124512551265127512851295130513151325133513451355136513751385139514051415142514351445145514651475148514951505151515251535154515551565157515851595160516151625163516451655166516751685169517051715172517351745175517651775178517951805181518251835184518551865187518851895190519151925193519451955196519751985199520052015202520352045205520652075208520952105211521252135214521552165217521852195220522152225223522452255226522752285229523052315232523352345235523652375238523952405241524252435244524552465247524852495250525152525253525452555256525752585259526052615262526352645265526652675268526952705271527252735274527552765277527852795280528152825283528452855286528752885289529052915292529352945295529652975298529953005301530253035304530553065307530853095310531153125313531453155316531753185319532053215322532353245325532653275328532953305331533253335334533553365337533853395340534153425343534453455346534753485349535053515352535353545355535653575358535953605361536253635364536553665367536853695370537153725373537453755376537753785379538053815382538353845385538653875388538953905391539253935394539553965397539853995400540154025403540454055406540754085409541054115412541354145415541654175418541954205421542254235424542554265427542854295430543154325433543454355436543754385439544054415442544354445445544654475448544954505451545254535454545554565457545854595460546154625463546454655466546754685469547054715472547354745475547654775478547954805481548254835484548554865487548854895490549154925493549454955496549754985499550055015502550355045505550655075508550955105511551255135514551555165517551855195520552155225523552455255526552755285529553055315532553355345535553655375538553955405541554255435544554555465547554855495550555155525553555455555556555755585559556055615562556355645565556655675568556955705571557255735574557555765577557855795580558155825583558455855586558755885589559055915592559355945595559655975598559956005601560256035604560556065607560856095610561156125613561456155616561756185619562056215622562356245625562656275628562956305631563256335634563556365637563856395640564156425643564456455646564756485649565056515652565356545655565656575658565956605661566256635664566556665667566856695670567156725673567456755676567756785679568056815682568356845685568656875688568956905691569256935694569556965697569856995700570157025703570457055706570757085709571057115712571357145715571657175718571957205721572257235724572557265727572857295730573157325733573457355736573757385739574057415742574357445745574657475748574957505751575257535754575557565757575857595760576157625763576457655766576757685769577057715772577357745775577657775778577957805781578257835784578557865787578857895790579157925793579457955796579757985799580058015802580358045805580658075808580958105811581258135814581558165817581858195820582158225823582458255826582758285829583058315832583358345835583658375838583958405841584258435844584558465847584858495850585158525853585458555856585758585859586058615862586358645865586658675868586958705871587258735874587558765877587858795880588158825883588458855886588758885889589058915892589358945895589658975898589959005901590259035904590559065907590859095910591159125913591459155916591759185919592059215922592359245925592659275928592959305931593259335934593559365937593859395940594159425943594459455946594759485949595059515952595359545955595659575958595959605961596259635964596559665967596859695970597159725973597459755976597759785979598059815982598359845985598659875988598959905991599259935994599559965997599859996000600160026003600460056006600760086009601060116012601360146015601660176018601960206021602260236024602560266027602860296030603160326033603460356036603760386039604060416042604360446045604660476048604960506051605260536054605560566057605860596060606160626063606460656066606760686069607060716072607360746075607660776078607960806081608260836084608560866087608860896090609160926093609460956096609760986099610061016102610361046105610661076108610961106111611261136114611561166117611861196120612161226123612461256126612761286129613061316132613361346135613661376138613961406141614261436144614561466147614861496150615161526153615461556156615761586159616061616162616361646165616661676168616961706171617261736174617561766177617861796180618161826183618461856186618761886189619061916192619361946195619661976198619962006201620262036204620562066207620862096210621162126213621462156216621762186219622062216222622362246225622662276228622962306231623262336234623562366237623862396240624162426243624462456246624762486249625062516252625362546255625662576258625962606261626262636264626562666267626862696270627162726273627462756276627762786279628062816282628362846285628662876288628962906291629262936294629562966297629862996300630163026303630463056306630763086309631063116312631363146315631663176318631963206321632263236324632563266327632863296330633163326333633463356336633763386339634063416342634363446345634663476348634963506351635263536354635563566357635863596360636163626363636463656366636763686369637063716372637363746375637663776378637963806381638263836384638563866387638863896390639163926393639463956396639763986399640064016402640364046405640664076408640964106411641264136414641564166417641864196420642164226423642464256426642764286429643064316432643364346435643664376438643964406441644264436444644564466447644864496450645164526453645464556456645764586459646064616462646364646465646664676468646964706471647264736474647564766477647864796480648164826483648464856486648764886489649064916492649364946495649664976498649965006501650265036504650565066507650865096510651165126513651465156516651765186519652065216522652365246525652665276528652965306531653265336534653565366537653865396540654165426543654465456546654765486549655065516552655365546555655665576558655965606561656265636564656565666567656865696570657165726573657465756576657765786579658065816582658365846585658665876588658965906591659265936594659565966597659865996600660166026603660466056606660766086609661066116612661366146615661666176618661966206621662266236624662566266627662866296630663166326633663466356636663766386639664066416642664366446645664666476648664966506651665266536654665566566657665866596660666166626663666466656666666766686669667066716672667366746675667666776678667966806681668266836684668566866687668866896690669166926693669466956696669766986699670067016702670367046705670667076708670967106711671267136714671567166717671867196720672167226723672467256726672767286729673067316732673367346735673667376738673967406741674267436744674567466747674867496750675167526753675467556756675767586759676067616762676367646765676667676768676967706771677267736774677567766777677867796780678167826783678467856786678767886789679067916792679367946795679667976798679968006801680268036804680568066807680868096810681168126813681468156816681768186819682068216822682368246825682668276828682968306831683268336834683568366837683868396840684168426843684468456846684768486849685068516852685368546855685668576858685968606861686268636864686568666867686868696870687168726873687468756876687768786879688068816882688368846885688668876888688968906891689268936894689568966897689868996900690169026903690469056906690769086909691069116912691369146915691669176918691969206921692269236924692569266927692869296930693169326933693469356936693769386939694069416942694369446945694669476948694969506951695269536954695569566957695869596960696169626963696469656966696769686969697069716972697369746975697669776978697969806981698269836984698569866987698869896990699169926993699469956996699769986999700070017002700370047005700670077008700970107011701270137014701570167017701870197020702170227023702470257026702770287029703070317032703370347035703670377038703970407041704270437044704570467047704870497050705170527053705470557056705770587059706070617062706370647065706670677068706970707071707270737074707570767077707870797080708170827083708470857086708770887089709070917092709370947095709670977098709971007101710271037104710571067107710871097110711171127113711471157116711771187119712071217122712371247125712671277128712971307131713271337134713571367137713871397140714171427143714471457146714771487149715071517152715371547155715671577158715971607161716271637164716571667167716871697170717171727173717471757176717771787179718071817182718371847185718671877188718971907191719271937194719571967197719871997200720172027203720472057206720772087209721072117212721372147215721672177218721972207221722272237224722572267227722872297230723172327233723472357236723772387239724072417242724372447245724672477248724972507251725272537254725572567257725872597260726172627263726472657266726772687269727072717272727372747275727672777278727972807281728272837284728572867287728872897290729172927293729472957296729772987299730073017302730373047305730673077308730973107311731273137314731573167317731873197320732173227323732473257326732773287329733073317332733373347335733673377338733973407341734273437344734573467347734873497350735173527353735473557356735773587359736073617362736373647365736673677368736973707371737273737374737573767377737873797380738173827383738473857386738773887389739073917392739373947395739673977398739974007401740274037404740574067407740874097410741174127413741474157416741774187419742074217422742374247425742674277428742974307431743274337434743574367437743874397440744174427443744474457446744774487449745074517452745374547455745674577458745974607461746274637464746574667467746874697470747174727473747474757476747774787479748074817482748374847485748674877488748974907491749274937494749574967497749874997500750175027503750475057506750775087509751075117512751375147515751675177518751975207521752275237524752575267527752875297530753175327533753475357536753775387539754075417542754375447545754675477548754975507551755275537554755575567557755875597560756175627563756475657566756775687569757075717572757375747575757675777578757975807581758275837584758575867587758875897590759175927593759475957596759775987599760076017602760376047605760676077608760976107611761276137614761576167617761876197620762176227623762476257626762776287629763076317632763376347635763676377638763976407641764276437644764576467647764876497650765176527653765476557656765776587659766076617662766376647665766676677668766976707671767276737674767576767677767876797680768176827683768476857686768776887689769076917692769376947695769676977698769977007701770277037704770577067707770877097710771177127713771477157716771777187719772077217722772377247725772677277728772977307731773277337734773577367737773877397740774177427743774477457746774777487749775077517752775377547755775677577758775977607761776277637764776577667767776877697770777177727773777477757776777777787779778077817782778377847785778677877788778977907791779277937794779577967797779877997800780178027803780478057806780778087809781078117812781378147815781678177818781978207821782278237824782578267827782878297830783178327833783478357836783778387839784078417842784378447845784678477848784978507851785278537854785578567857785878597860786178627863786478657866786778687869787078717872787378747875787678777878787978807881788278837884788578867887788878897890789178927893789478957896789778987899790079017902790379047905790679077908790979107911791279137914791579167917791879197920792179227923792479257926792779287929793079317932793379347935793679377938793979407941794279437944794579467947794879497950795179527953795479557956795779587959796079617962796379647965796679677968796979707971797279737974797579767977797879797980798179827983798479857986798779887989799079917992799379947995799679977998799980008001800280038004800580068007800880098010801180128013801480158016801780188019802080218022802380248025802680278028802980308031803280338034803580368037803880398040804180428043804480458046804780488049805080518052805380548055805680578058805980608061806280638064806580668067806880698070807180728073807480758076807780788079808080818082808380848085808680878088808980908091809280938094809580968097809880998100810181028103810481058106810781088109811081118112811381148115811681178118811981208121812281238124812581268127812881298130813181328133813481358136813781388139814081418142814381448145814681478148814981508151815281538154815581568157815881598160816181628163816481658166816781688169817081718172817381748175817681778178817981808181818281838184818581868187818881898190819181928193819481958196819781988199820082018202820382048205820682078208820982108211821282138214821582168217821882198220822182228223822482258226822782288229823082318232823382348235823682378238823982408241824282438244824582468247824882498250825182528253825482558256825782588259826082618262826382648265826682678268826982708271827282738274827582768277827882798280828182828283828482858286828782888289829082918292829382948295829682978298829983008301830283038304830583068307830883098310831183128313831483158316831783188319832083218322832383248325832683278328832983308331833283338334833583368337833883398340834183428343834483458346834783488349835083518352835383548355835683578358835983608361836283638364836583668367836883698370837183728373837483758376837783788379838083818382838383848385838683878388838983908391839283938394839583968397839883998400840184028403840484058406840784088409841084118412841384148415841684178418841984208421842284238424842584268427842884298430843184328433843484358436843784388439844084418442844384448445844684478448844984508451845284538454845584568457845884598460846184628463846484658466846784688469847084718472847384748475847684778478847984808481848284838484848584868487848884898490849184928493849484958496849784988499850085018502850385048505850685078508850985108511851285138514851585168517851885198520852185228523852485258526852785288529853085318532853385348535853685378538853985408541854285438544854585468547854885498550855185528553855485558556855785588559856085618562856385648565856685678568856985708571857285738574857585768577857885798580858185828583858485858586858785888589859085918592859385948595859685978598859986008601860286038604860586068607860886098610861186128613861486158616861786188619862086218622862386248625862686278628862986308631863286338634863586368637863886398640864186428643864486458646864786488649865086518652865386548655865686578658865986608661866286638664866586668667866886698670867186728673867486758676867786788679868086818682868386848685868686878688868986908691869286938694869586968697869886998700870187028703870487058706870787088709871087118712871387148715871687178718871987208721872287238724872587268727872887298730873187328733873487358736873787388739874087418742874387448745874687478748874987508751875287538754875587568757875887598760876187628763876487658766876787688769877087718772877387748775877687778778877987808781878287838784878587868787878887898790879187928793879487958796879787988799880088018802880388048805880688078808880988108811881288138814881588168817881888198820882188228823882488258826882788288829883088318832883388348835883688378838883988408841884288438844884588468847884888498850885188528853885488558856885788588859886088618862886388648865886688678868886988708871887288738874887588768877887888798880888188828883888488858886888788888889889088918892889388948895889688978898889989008901890289038904890589068907890889098910891189128913891489158916891789188919892089218922892389248925892689278928892989308931893289338934893589368937893889398940894189428943894489458946894789488949895089518952895389548955895689578958895989608961896289638964896589668967896889698970897189728973897489758976897789788979898089818982898389848985898689878988898989908991899289938994899589968997899889999000900190029003900490059006900790089009901090119012901390149015901690179018901990209021902290239024902590269027902890299030903190329033903490359036903790389039904090419042904390449045904690479048904990509051905290539054905590569057905890599060906190629063906490659066906790689069907090719072907390749075907690779078907990809081908290839084908590869087908890899090909190929093909490959096909790989099910091019102910391049105910691079108910991109111911291139114911591169117911891199120912191229123912491259126912791289129913091319132913391349135913691379138913991409141914291439144914591469147914891499150915191529153915491559156915791589159916091619162916391649165916691679168916991709171917291739174917591769177917891799180918191829183918491859186918791889189919091919192919391949195919691979198919992009201920292039204920592069207920892099210921192129213921492159216921792189219922092219222922392249225922692279228922992309231923292339234923592369237923892399240924192429243924492459246924792489249925092519252925392549255925692579258925992609261926292639264926592669267926892699270927192729273927492759276927792789279928092819282928392849285928692879288928992909291929292939294929592969297929892999300930193029303930493059306930793089309931093119312931393149315931693179318931993209321932293239324932593269327932893299330933193329333933493359336933793389339934093419342934393449345934693479348934993509351935293539354935593569357935893599360936193629363936493659366936793689369937093719372937393749375937693779378937993809381938293839384938593869387938893899390939193929393939493959396939793989399940094019402940394049405940694079408940994109411941294139414941594169417941894199420942194229423942494259426942794289429943094319432943394349435943694379438943994409441944294439444944594469447944894499450945194529453945494559456945794589459946094619462946394649465946694679468946994709471947294739474947594769477947894799480948194829483948494859486948794889489949094919492949394949495949694979498949995009501950295039504950595069507950895099510951195129513951495159516951795189519952095219522952395249525952695279528952995309531953295339534953595369537953895399540954195429543954495459546954795489549955095519552955395549555955695579558955995609561956295639564956595669567956895699570957195729573957495759576957795789579958095819582958395849585958695879588958995909591959295939594959595969597959895999600960196029603960496059606960796089609961096119612961396149615961696179618961996209621962296239624962596269627962896299630963196329633963496359636963796389639964096419642964396449645964696479648964996509651965296539654965596569657965896599660966196629663966496659666966796689669967096719672967396749675967696779678967996809681968296839684968596869687968896899690969196929693969496959696969796989699970097019702970397049705970697079708970997109711971297139714971597169717971897199720972197229723972497259726972797289729973097319732973397349735973697379738973997409741974297439744974597469747974897499750975197529753975497559756975797589759976097619762976397649765976697679768976997709771977297739774977597769777977897799780978197829783978497859786978797889789979097919792979397949795979697979798979998009801980298039804980598069807980898099810981198129813981498159816981798189819982098219822982398249825982698279828982998309831983298339834983598369837983898399840984198429843984498459846984798489849985098519852985398549855985698579858985998609861986298639864986598669867986898699870987198729873987498759876987798789879988098819882988398849885988698879888988998909891989298939894989598969897989898999900990199029903990499059906990799089909991099119912991399149915991699179918991999209921992299239924992599269927992899299930993199329933993499359936993799389939994099419942994399449945994699479948994999509951995299539954995599569957995899599960996199629963996499659966996799689969997099719972997399749975997699779978997999809981998299839984998599869987998899899990999199929993999499959996999799989999100001000110002100031000410005100061000710008100091001010011100121001310014100151001610017100181001910020100211002210023100241002510026100271002810029100301003110032100331003410035100361003710038100391004010041100421004310044100451004610047100481004910050100511005210053100541005510056100571005810059100601006110062100631006410065100661006710068100691007010071100721007310074100751007610077100781007910080100811008210083100841008510086100871008810089100901009110092100931009410095100961009710098100991010010101101021010310104101051010610107101081010910110101111011210113101141011510116101171011810119101201012110122101231012410125101261012710128101291013010131101321013310134101351013610137101381013910140101411014210143101441014510146101471014810149101501015110152101531015410155101561015710158101591016010161101621016310164101651016610167101681016910170101711017210173101741017510176101771017810179101801018110182101831018410185101861018710188101891019010191101921019310194101951019610197101981019910200102011020210203102041020510206102071020810209102101021110212102131021410215102161021710218102191022010221102221022310224102251022610227102281022910230102311023210233102341023510236102371023810239102401024110242102431024410245102461024710248102491025010251102521025310254102551025610257102581025910260102611026210263102641026510266102671026810269102701027110272102731027410275102761027710278102791028010281102821028310284102851028610287102881028910290102911029210293102941029510296102971029810299103001030110302103031030410305103061030710308103091031010311103121031310314103151031610317103181031910320103211032210323103241032510326103271032810329103301033110332103331033410335103361033710338103391034010341103421034310344103451034610347103481034910350103511035210353103541035510356103571035810359103601036110362103631036410365103661036710368103691037010371103721037310374103751037610377103781037910380103811038210383103841038510386103871038810389103901039110392103931039410395103961039710398103991040010401104021040310404104051040610407104081040910410104111041210413104141041510416104171041810419104201042110422104231042410425104261042710428104291043010431104321043310434104351043610437104381043910440104411044210443104441044510446104471044810449104501045110452104531045410455104561045710458104591046010461104621046310464104651046610467104681046910470104711047210473104741047510476104771047810479104801048110482104831048410485104861048710488104891049010491104921049310494104951049610497104981049910500105011050210503105041050510506105071050810509105101051110512105131051410515105161051710518105191052010521105221052310524105251052610527105281052910530105311053210533105341053510536105371053810539105401054110542105431054410545105461054710548105491055010551105521055310554105551055610557105581055910560105611056210563105641056510566105671056810569105701057110572105731057410575105761057710578105791058010581105821058310584105851058610587105881058910590105911059210593105941059510596105971059810599106001060110602106031060410605106061060710608106091061010611106121061310614106151061610617106181061910620106211062210623106241062510626106271062810629106301063110632106331063410635106361063710638106391064010641106421064310644106451064610647106481064910650106511065210653106541065510656106571065810659106601066110662106631066410665106661066710668106691067010671106721067310674106751067610677106781067910680106811068210683106841068510686106871068810689106901069110692106931069410695106961069710698106991070010701107021070310704107051070610707107081070910710107111071210713107141071510716107171071810719107201072110722107231072410725107261072710728107291073010731107321073310734107351073610737107381073910740107411074210743107441074510746107471074810749107501075110752107531075410755107561075710758107591076010761107621076310764107651076610767107681076910770107711077210773107741077510776107771077810779107801078110782107831078410785107861078710788107891079010791107921079310794107951079610797107981079910800108011080210803108041080510806108071080810809108101081110812108131081410815108161081710818108191082010821108221082310824108251082610827108281082910830108311083210833108341083510836108371083810839108401084110842108431084410845108461084710848108491085010851108521085310854108551085610857108581085910860108611086210863108641086510866108671086810869108701087110872108731087410875108761087710878108791088010881108821088310884108851088610887108881088910890108911089210893108941089510896108971089810899109001090110902109031090410905109061090710908109091091010911109121091310914109151091610917109181091910920109211092210923109241092510926109271092810929109301093110932109331093410935109361093710938109391094010941109421094310944109451094610947109481094910950109511095210953109541095510956109571095810959109601096110962109631096410965109661096710968109691097010971109721097310974109751097610977109781097910980109811098210983109841098510986109871098810989109901099110992109931099410995109961099710998109991100011001110021100311004110051100611007110081100911010110111101211013110141101511016110171101811019110201102111022110231102411025110261102711028110291103011031110321103311034110351103611037110381103911040110411104211043110441104511046110471104811049110501105111052110531105411055110561105711058110591106011061110621106311064110651106611067110681106911070110711107211073110741107511076110771107811079110801108111082110831108411085110861108711088110891109011091110921109311094110951109611097110981109911100111011110211103111041110511106111071110811109111101111111112111131111411115111161111711118111191112011121111221112311124111251112611127111281112911130111311113211133111341113511136111371113811139111401114111142111431114411145111461114711148111491115011151111521115311154111551115611157111581115911160111611116211163111641116511166111671116811169111701117111172111731117411175111761117711178111791118011181111821118311184111851118611187111881118911190111911119211193111941119511196111971119811199112001120111202112031120411205112061120711208112091121011211112121121311214112151121611217112181121911220112211122211223112241122511226112271122811229112301123111232112331123411235112361123711238112391124011241112421124311244112451124611247112481124911250112511125211253112541125511256112571125811259112601126111262112631126411265112661126711268112691127011271112721127311274112751127611277112781127911280112811128211283112841128511286112871128811289112901129111292112931129411295112961129711298112991130011301113021130311304113051130611307113081130911310113111131211313113141131511316113171131811319113201132111322113231132411325113261132711328113291133011331113321133311334113351133611337113381133911340113411134211343113441134511346113471134811349113501135111352113531135411355113561135711358113591136011361113621136311364113651136611367113681136911370113711137211373113741137511376113771137811379113801138111382113831138411385113861138711388113891139011391113921139311394113951139611397113981139911400114011140211403114041140511406114071140811409114101141111412114131141411415114161141711418114191142011421114221142311424114251142611427114281142911430114311143211433114341143511436114371143811439114401144111442114431144411445114461144711448114491145011451114521145311454114551145611457114581145911460114611146211463114641146511466114671146811469114701147111472114731147411475114761147711478114791148011481114821148311484114851148611487114881148911490114911149211493114941149511496114971149811499115001150111502115031150411505115061150711508115091151011511115121151311514115151151611517115181151911520115211152211523115241152511526115271152811529115301153111532115331153411535115361153711538115391154011541115421154311544115451154611547115481154911550115511155211553115541155511556115571155811559115601156111562115631156411565115661156711568115691157011571115721157311574115751157611577115781157911580115811158211583115841158511586115871158811589115901159111592115931159411595115961159711598115991160011601116021160311604116051160611607116081160911610116111161211613116141161511616116171161811619116201162111622116231162411625116261162711628116291163011631116321163311634116351163611637116381163911640116411164211643116441164511646116471164811649116501165111652116531165411655116561165711658116591166011661116621166311664116651166611667116681166911670116711167211673116741167511676116771167811679116801168111682116831168411685116861168711688116891169011691116921169311694116951169611697116981169911700117011170211703117041170511706117071170811709117101171111712117131171411715117161171711718117191172011721117221172311724117251172611727117281172911730117311173211733117341173511736117371173811739117401174111742117431174411745117461174711748117491175011751117521175311754117551175611757117581175911760117611176211763117641176511766117671176811769117701177111772117731177411775117761177711778117791178011781117821178311784117851178611787117881178911790117911179211793117941179511796117971179811799118001180111802118031180411805118061180711808118091181011811118121181311814118151181611817118181181911820118211182211823118241182511826118271182811829118301183111832118331183411835118361183711838118391184011841118421184311844118451184611847118481184911850118511185211853118541185511856118571185811859118601186111862118631186411865118661186711868118691187011871118721187311874118751187611877118781187911880118811188211883118841188511886118871188811889118901189111892118931189411895118961189711898118991190011901119021190311904119051190611907119081190911910119111191211913119141191511916119171191811919119201192111922119231192411925119261192711928119291193011931119321193311934119351193611937119381193911940119411194211943119441194511946119471194811949119501195111952119531195411955119561195711958119591196011961119621196311964119651196611967119681196911970119711197211973119741197511976119771197811979119801198111982119831198411985119861198711988119891199011991119921199311994119951199611997119981199912000120011200212003120041200512006120071200812009120101201112012120131201412015120161201712018120191202012021120221202312024120251202612027120281202912030120311203212033120341203512036120371203812039120401204112042120431204412045120461204712048120491205012051120521205312054120551205612057120581205912060120611206212063120641206512066120671206812069120701207112072120731207412075120761207712078120791208012081120821208312084120851208612087120881208912090120911209212093120941209512096120971209812099121001210112102121031210412105121061210712108121091211012111121121211312114121151211612117121181211912120121211212212123121241212512126121271212812129121301213112132121331213412135121361213712138121391214012141121421214312144121451214612147121481214912150121511215212153121541215512156121571215812159121601216112162121631216412165121661216712168121691217012171121721217312174121751217612177121781217912180121811218212183121841218512186121871218812189121901219112192121931219412195121961219712198121991220012201122021220312204122051220612207122081220912210122111221212213122141221512216122171221812219122201222112222122231222412225122261222712228122291223012231122321223312234122351223612237122381223912240122411224212243122441224512246122471224812249122501225112252122531225412255122561225712258122591226012261122621226312264122651226612267122681226912270122711227212273122741227512276122771227812279122801228112282122831228412285122861228712288122891229012291122921229312294122951229612297122981229912300123011230212303123041230512306123071230812309123101231112312123131231412315123161231712318123191232012321123221232312324123251232612327123281232912330123311233212333123341233512336123371233812339123401234112342123431234412345123461234712348123491235012351123521235312354123551235612357123581235912360123611236212363123641236512366123671236812369123701237112372123731237412375123761237712378123791238012381123821238312384123851238612387123881238912390123911239212393123941239512396123971239812399124001240112402124031240412405124061240712408124091241012411124121241312414124151241612417124181241912420124211242212423124241242512426124271242812429124301243112432124331243412435124361243712438124391244012441124421244312444124451244612447124481244912450124511245212453124541245512456124571245812459124601246112462124631246412465124661246712468124691247012471124721247312474124751247612477124781247912480124811248212483124841248512486124871248812489124901249112492124931249412495124961249712498124991250012501125021250312504125051250612507125081250912510125111251212513125141251512516125171251812519125201252112522125231252412525125261252712528125291253012531125321253312534125351253612537125381253912540125411254212543125441254512546125471254812549125501255112552125531255412555125561255712558125591256012561125621256312564125651256612567125681256912570125711257212573125741257512576125771257812579125801258112582125831258412585125861258712588125891259012591125921259312594125951259612597125981259912600126011260212603126041260512606126071260812609126101261112612126131261412615126161261712618126191262012621126221262312624126251262612627126281262912630126311263212633126341263512636126371263812639126401264112642126431264412645126461264712648126491265012651126521265312654126551265612657126581265912660126611266212663126641266512666126671266812669126701267112672126731267412675126761267712678126791268012681126821268312684126851268612687126881268912690126911269212693126941269512696126971269812699127001270112702127031270412705127061270712708127091271012711127121271312714127151271612717127181271912720127211272212723127241272512726127271272812729127301273112732127331273412735127361273712738127391274012741127421274312744127451274612747127481274912750127511275212753127541275512756127571275812759127601276112762127631276412765127661276712768127691277012771127721277312774127751277612777127781277912780127811278212783127841278512786127871278812789127901279112792127931279412795127961279712798127991280012801128021280312804128051280612807128081280912810128111281212813128141281512816128171281812819128201282112822128231282412825128261282712828128291283012831128321283312834128351283612837128381283912840128411284212843128441284512846128471284812849128501285112852128531285412855128561285712858128591286012861128621286312864128651286612867128681286912870128711287212873128741287512876128771287812879128801288112882128831288412885128861288712888128891289012891128921289312894128951289612897128981289912900129011290212903129041290512906129071290812909129101291112912129131291412915129161291712918129191292012921129221292312924129251292612927129281292912930129311293212933129341293512936129371293812939129401294112942129431294412945129461294712948129491295012951129521295312954129551295612957129581295912960129611296212963129641296512966129671296812969129701297112972129731297412975129761297712978129791298012981129821298312984129851298612987129881298912990129911299212993129941299512996129971299812999130001300113002130031300413005130061300713008130091301013011130121301313014130151301613017130181301913020130211302213023130241302513026130271302813029130301303113032130331303413035130361303713038130391304013041130421304313044130451304613047130481304913050130511305213053130541305513056130571305813059130601306113062130631306413065130661306713068130691307013071130721307313074130751307613077130781307913080130811308213083130841308513086130871308813089130901309113092130931309413095130961309713098130991310013101131021310313104131051310613107131081310913110131111311213113131141311513116131171311813119131201312113122131231312413125131261312713128131291313013131131321313313134131351313613137131381313913140131411314213143131441314513146131471314813149131501315113152131531315413155131561315713158131591316013161131621316313164131651316613167131681316913170131711317213173131741317513176131771317813179131801318113182131831318413185131861318713188131891319013191131921319313194131951319613197131981319913200132011320213203132041320513206132071320813209132101321113212132131321413215132161321713218132191322013221132221322313224132251322613227132281322913230132311323213233132341323513236132371323813239132401324113242132431324413245132461324713248132491325013251132521325313254132551325613257132581325913260132611326213263132641326513266132671326813269132701327113272132731327413275132761327713278132791328013281132821328313284132851328613287132881328913290132911329213293132941329513296132971329813299133001330113302133031330413305133061330713308133091331013311133121331313314133151331613317133181331913320133211332213323133241332513326133271332813329133301333113332133331333413335133361333713338133391334013341133421334313344133451334613347133481334913350133511335213353133541335513356133571335813359133601336113362133631336413365133661336713368133691337013371133721337313374133751337613377133781337913380133811338213383133841338513386133871338813389133901339113392133931339413395133961339713398133991340013401134021340313404134051340613407134081340913410134111341213413134141341513416134171341813419134201342113422134231342413425134261342713428134291343013431134321343313434134351343613437134381343913440134411344213443134441344513446134471344813449134501345113452134531345413455134561345713458134591346013461134621346313464134651346613467134681346913470134711347213473134741347513476134771347813479134801348113482134831348413485134861348713488134891349013491134921349313494134951349613497134981349913500135011350213503135041350513506135071350813509135101351113512135131351413515135161351713518135191352013521135221352313524135251352613527135281352913530135311353213533135341353513536135371353813539135401354113542135431354413545135461354713548135491355013551135521355313554135551355613557135581355913560135611356213563135641356513566135671356813569135701357113572135731357413575135761357713578135791358013581135821358313584135851358613587135881358913590135911359213593135941359513596135971359813599136001360113602136031360413605136061360713608136091361013611136121361313614136151361613617136181361913620136211362213623136241362513626136271362813629136301363113632136331363413635136361363713638136391364013641136421364313644136451364613647136481364913650136511365213653136541365513656136571365813659136601366113662136631366413665136661366713668136691367013671136721367313674136751367613677136781367913680136811368213683136841368513686136871368813689136901369113692136931369413695136961369713698136991370013701137021370313704137051370613707137081370913710137111371213713137141371513716137171371813719137201372113722137231372413725137261372713728137291373013731137321373313734137351373613737137381373913740137411374213743137441374513746137471374813749137501375113752137531375413755137561375713758137591376013761137621376313764137651376613767137681376913770137711377213773137741377513776137771377813779137801378113782137831378413785137861378713788137891379013791137921379313794137951379613797137981379913800138011380213803138041380513806138071380813809138101381113812138131381413815138161381713818138191382013821138221382313824138251382613827138281382913830138311383213833138341383513836138371383813839138401384113842138431384413845138461384713848138491385013851138521385313854138551385613857138581385913860138611386213863138641386513866138671386813869138701387113872138731387413875138761387713878138791388013881138821388313884138851388613887138881388913890138911389213893138941389513896138971389813899139001390113902139031390413905139061390713908139091391013911139121391313914139151391613917139181391913920139211392213923139241392513926139271392813929139301393113932139331393413935139361393713938139391394013941139421394313944139451394613947139481394913950139511395213953139541395513956139571395813959139601396113962139631396413965139661396713968139691397013971139721397313974139751397613977139781397913980139811398213983139841398513986139871398813989139901399113992139931399413995139961399713998139991400014001140021400314004140051400614007140081400914010140111401214013140141401514016140171401814019140201402114022140231402414025140261402714028140291403014031140321403314034140351403614037140381403914040140411404214043140441404514046140471404814049140501405114052140531405414055140561405714058140591406014061140621406314064140651406614067140681406914070140711407214073140741407514076140771407814079140801408114082140831408414085140861408714088140891409014091140921409314094140951409614097140981409914100141011410214103141041410514106141071410814109141101411114112141131411414115141161411714118141191412014121141221412314124141251412614127141281412914130141311413214133141341413514136141371413814139141401414114142141431414414145141461414714148141491415014151141521415314154141551415614157141581415914160141611416214163141641416514166141671416814169141701417114172141731417414175141761417714178141791418014181141821418314184141851418614187141881418914190141911419214193141941419514196141971419814199142001420114202142031420414205142061420714208142091421014211142121421314214142151421614217142181421914220142211422214223142241422514226142271422814229142301423114232142331423414235142361423714238142391424014241142421424314244142451424614247142481424914250142511425214253142541425514256142571425814259142601426114262142631426414265142661426714268142691427014271142721427314274142751427614277142781427914280142811428214283142841428514286142871428814289142901429114292142931429414295142961429714298142991430014301143021430314304143051430614307143081430914310143111431214313143141431514316143171431814319143201432114322143231432414325143261432714328143291433014331143321433314334143351433614337143381433914340143411434214343143441434514346143471434814349143501435114352143531435414355143561435714358143591436014361143621436314364143651436614367143681436914370143711437214373143741437514376143771437814379143801438114382143831438414385143861438714388143891439014391143921439314394143951439614397143981439914400144011440214403144041440514406144071440814409144101441114412144131441414415144161441714418144191442014421144221442314424144251442614427144281442914430144311443214433144341443514436144371443814439144401444114442144431444414445144461444714448144491445014451144521445314454144551445614457144581445914460144611446214463144641446514466144671446814469144701447114472144731447414475144761447714478144791448014481144821448314484144851448614487144881448914490144911449214493144941449514496144971449814499145001450114502145031450414505145061450714508145091451014511145121451314514145151451614517145181451914520145211452214523145241452514526145271452814529145301453114532145331453414535145361453714538145391454014541145421454314544145451454614547145481454914550145511455214553145541455514556145571455814559145601456114562145631456414565145661456714568145691457014571145721457314574145751457614577145781457914580145811458214583145841458514586145871458814589145901459114592145931459414595145961459714598145991460014601146021460314604146051460614607146081460914610146111461214613146141461514616146171461814619146201462114622146231462414625146261462714628146291463014631146321463314634146351463614637146381463914640146411464214643146441464514646146471464814649146501465114652146531465414655146561465714658146591466014661146621466314664146651466614667146681466914670146711467214673146741467514676146771467814679146801468114682146831468414685146861468714688146891469014691146921469314694146951469614697146981469914700147011470214703147041470514706147071470814709147101471114712147131471414715147161471714718147191472014721147221472314724147251472614727147281472914730147311473214733147341473514736147371473814739147401474114742147431474414745147461474714748147491475014751147521475314754147551475614757147581475914760147611476214763147641476514766147671476814769147701477114772147731477414775147761477714778147791478014781147821478314784147851478614787147881478914790147911479214793147941479514796147971479814799148001480114802148031480414805148061480714808148091481014811148121481314814148151481614817148181481914820148211482214823148241482514826148271482814829148301483114832148331483414835148361483714838148391484014841148421484314844148451484614847148481484914850148511485214853148541485514856148571485814859148601486114862148631486414865148661486714868148691487014871148721487314874148751487614877148781487914880148811488214883148841488514886148871488814889148901489114892148931489414895148961489714898148991490014901149021490314904149051490614907149081490914910149111491214913149141491514916149171491814919149201492114922149231492414925149261492714928149291493014931149321493314934149351493614937149381493914940149411494214943149441494514946149471494814949149501495114952149531495414955149561495714958149591496014961149621496314964149651496614967149681496914970149711497214973149741497514976149771497814979149801498114982149831498414985149861498714988149891499014991149921499314994149951499614997149981499915000150011500215003150041500515006150071500815009150101501115012150131501415015150161501715018150191502015021150221502315024150251502615027150281502915030150311503215033150341503515036150371503815039150401504115042150431504415045150461504715048150491505015051150521505315054150551505615057150581505915060150611506215063150641506515066150671506815069150701507115072150731507415075150761507715078150791508015081150821508315084150851508615087150881508915090150911509215093150941509515096150971509815099151001510115102151031510415105151061510715108151091511015111151121511315114151151511615117151181511915120151211512215123151241512515126151271512815129151301513115132151331513415135151361513715138151391514015141151421514315144151451514615147151481514915150151511515215153151541515515156151571515815159151601516115162151631516415165151661516715168151691517015171151721517315174151751517615177151781517915180151811518215183151841518515186151871518815189151901519115192151931519415195151961519715198151991520015201152021520315204152051520615207152081520915210152111521215213152141521515216152171521815219152201522115222152231522415225152261522715228152291523015231152321523315234152351523615237152381523915240152411524215243152441524515246152471524815249152501525115252152531525415255152561525715258152591526015261152621526315264152651526615267152681526915270152711527215273152741527515276152771527815279152801528115282152831528415285152861528715288152891529015291152921529315294152951529615297152981529915300153011530215303153041530515306153071530815309153101531115312153131531415315153161531715318153191532015321153221532315324153251532615327153281532915330153311533215333153341533515336153371533815339153401534115342153431534415345153461534715348153491535015351153521535315354153551535615357153581535915360153611536215363153641536515366153671536815369153701537115372153731537415375153761537715378153791538015381153821538315384153851538615387153881538915390153911539215393153941539515396153971539815399154001540115402154031540415405154061540715408154091541015411154121541315414154151541615417154181541915420154211542215423154241542515426154271542815429154301543115432154331543415435154361543715438154391544015441154421544315444154451544615447154481544915450154511545215453154541545515456154571545815459154601546115462154631546415465154661546715468154691547015471154721547315474154751547615477154781547915480154811548215483154841548515486154871548815489154901549115492154931549415495154961549715498154991550015501155021550315504155051550615507155081550915510155111551215513155141551515516155171551815519155201552115522155231552415525155261552715528155291553015531155321553315534155351553615537155381553915540155411554215543155441554515546155471554815549155501555115552155531555415555155561555715558155591556015561155621556315564155651556615567155681556915570155711557215573155741557515576155771557815579155801558115582155831558415585155861558715588155891559015591155921559315594155951559615597155981559915600156011560215603156041560515606156071560815609156101561115612156131561415615156161561715618156191562015621156221562315624156251562615627156281562915630156311563215633156341563515636156371563815639156401564115642156431564415645156461564715648156491565015651156521565315654156551565615657156581565915660156611566215663156641566515666156671566815669156701567115672156731567415675156761567715678156791568015681156821568315684156851568615687156881568915690156911569215693156941569515696156971569815699157001570115702157031570415705157061570715708157091571015711157121571315714157151571615717157181571915720157211572215723157241572515726157271572815729157301573115732157331573415735157361573715738157391574015741157421574315744157451574615747157481574915750157511575215753157541575515756157571575815759157601576115762157631576415765157661576715768157691577015771157721577315774157751577615777157781577915780157811578215783157841578515786157871578815789157901579115792157931579415795157961579715798157991580015801158021580315804158051580615807158081580915810158111581215813158141581515816158171581815819158201582115822158231582415825158261582715828158291583015831158321583315834158351583615837158381583915840158411584215843158441584515846158471584815849158501585115852158531585415855158561585715858158591586015861158621586315864158651586615867158681586915870158711587215873158741587515876158771587815879158801588115882158831588415885158861588715888158891589015891158921589315894158951589615897158981589915900159011590215903159041590515906159071590815909159101591115912159131591415915159161591715918159191592015921159221592315924159251592615927159281592915930159311593215933159341593515936159371593815939159401594115942159431594415945159461594715948159491595015951159521595315954159551595615957159581595915960159611596215963159641596515966159671596815969159701597115972159731597415975159761597715978159791598015981159821598315984159851598615987159881598915990159911599215993159941599515996159971599815999160001600116002160031600416005160061600716008160091601016011160121601316014160151601616017160181601916020160211602216023160241602516026160271602816029160301603116032160331603416035160361603716038160391604016041160421604316044160451604616047160481604916050160511605216053160541605516056160571605816059160601606116062160631606416065160661606716068160691607016071160721607316074160751607616077160781607916080160811608216083160841608516086160871608816089160901609116092160931609416095160961609716098160991610016101161021610316104161051610616107161081610916110161111611216113161141611516116161171611816119161201612116122161231612416125161261612716128161291613016131161321613316134161351613616137161381613916140161411614216143161441614516146161471614816149161501615116152161531615416155161561615716158161591616016161161621616316164161651616616167161681616916170161711617216173161741617516176161771617816179161801618116182161831618416185161861618716188161891619016191161921619316194161951619616197161981619916200162011620216203162041620516206162071620816209162101621116212162131621416215162161621716218162191622016221162221622316224162251622616227162281622916230162311623216233162341623516236162371623816239162401624116242162431624416245162461624716248162491625016251162521625316254162551625616257162581625916260162611626216263162641626516266162671626816269162701627116272162731627416275162761627716278162791628016281162821628316284162851628616287162881628916290162911629216293162941629516296162971629816299163001630116302163031630416305163061630716308163091631016311163121631316314163151631616317163181631916320163211632216323163241632516326163271632816329163301633116332163331633416335163361633716338163391634016341163421634316344163451634616347163481634916350163511635216353163541635516356163571635816359163601636116362163631636416365163661636716368163691637016371163721637316374163751637616377163781637916380163811638216383163841638516386163871638816389163901639116392163931639416395163961639716398163991640016401164021640316404164051640616407164081640916410164111641216413164141641516416164171641816419164201642116422164231642416425164261642716428164291643016431164321643316434164351643616437164381643916440164411644216443164441644516446164471644816449164501645116452164531645416455164561645716458164591646016461164621646316464164651646616467164681646916470164711647216473164741647516476164771647816479164801648116482164831648416485164861648716488164891649016491164921649316494164951649616497164981649916500165011650216503165041650516506165071650816509165101651116512165131651416515165161651716518165191652016521165221652316524165251652616527165281652916530165311653216533165341653516536165371653816539165401654116542165431654416545165461654716548165491655016551165521655316554165551655616557165581655916560165611656216563165641656516566165671656816569165701657116572165731657416575165761657716578165791658016581165821658316584165851658616587165881658916590165911659216593165941659516596165971659816599166001660116602166031660416605166061660716608166091661016611166121661316614166151661616617166181661916620166211662216623166241662516626166271662816629166301663116632166331663416635166361663716638166391664016641166421664316644166451664616647166481664916650166511665216653166541665516656166571665816659166601666116662166631666416665166661666716668166691667016671166721667316674166751667616677166781667916680166811668216683166841668516686166871668816689166901669116692166931669416695166961669716698166991670016701167021670316704167051670616707167081670916710167111671216713167141671516716167171671816719167201672116722167231672416725167261672716728167291673016731167321673316734167351673616737167381673916740167411674216743167441674516746167471674816749167501675116752167531675416755167561675716758167591676016761167621676316764167651676616767167681676916770167711677216773167741677516776167771677816779167801678116782167831678416785167861678716788167891679016791167921679316794167951679616797167981679916800168011680216803168041680516806168071680816809168101681116812168131681416815168161681716818168191682016821168221682316824168251682616827168281682916830168311683216833168341683516836168371683816839168401684116842168431684416845168461684716848168491685016851168521685316854168551685616857168581685916860168611686216863168641686516866168671686816869168701687116872168731687416875168761687716878168791688016881168821688316884168851688616887168881688916890168911689216893168941689516896168971689816899169001690116902169031690416905169061690716908169091691016911169121691316914169151691616917169181691916920169211692216923169241692516926169271692816929169301693116932169331693416935169361693716938169391694016941169421694316944169451694616947169481694916950169511695216953169541695516956169571695816959169601696116962169631696416965169661696716968169691697016971169721697316974169751697616977169781697916980169811698216983169841698516986169871698816989169901699116992169931699416995169961699716998169991700017001170021700317004170051700617007170081700917010170111701217013170141701517016170171701817019170201702117022170231702417025170261702717028170291703017031170321703317034170351703617037170381703917040170411704217043170441704517046170471704817049170501705117052170531705417055170561705717058170591706017061170621706317064170651706617067170681706917070170711707217073170741707517076170771707817079170801708117082170831708417085170861708717088170891709017091170921709317094170951709617097170981709917100171011710217103171041710517106171071710817109171101711117112171131711417115171161711717118171191712017121171221712317124171251712617127171281712917130171311713217133171341713517136171371713817139171401714117142171431714417145171461714717148171491715017151171521715317154171551715617157171581715917160171611716217163171641716517166171671716817169171701717117172171731717417175171761717717178171791718017181171821718317184171851718617187171881718917190171911719217193171941719517196171971719817199172001720117202172031720417205172061720717208172091721017211172121721317214172151721617217172181721917220172211722217223172241722517226172271722817229172301723117232172331723417235172361723717238172391724017241172421724317244172451724617247172481724917250172511725217253172541725517256172571725817259172601726117262172631726417265172661726717268172691727017271172721727317274172751727617277172781727917280172811728217283172841728517286172871728817289172901729117292172931729417295172961729717298172991730017301173021730317304173051730617307173081730917310173111731217313173141731517316173171731817319173201732117322173231732417325173261732717328173291733017331173321733317334173351733617337173381733917340173411734217343173441734517346173471734817349173501735117352173531735417355173561735717358173591736017361173621736317364173651736617367173681736917370173711737217373173741737517376173771737817379173801738117382173831738417385173861738717388173891739017391173921739317394173951739617397173981739917400174011740217403174041740517406174071740817409174101741117412174131741417415174161741717418174191742017421174221742317424174251742617427174281742917430174311743217433174341743517436174371743817439174401744117442174431744417445174461744717448174491745017451174521745317454174551745617457174581745917460174611746217463174641746517466174671746817469174701747117472174731747417475174761747717478174791748017481174821748317484174851748617487174881748917490174911749217493174941749517496174971749817499175001750117502175031750417505175061750717508175091751017511175121751317514175151751617517175181751917520175211752217523175241752517526175271752817529175301753117532175331753417535175361753717538175391754017541175421754317544175451754617547175481754917550175511755217553175541755517556175571755817559175601756117562175631756417565175661756717568175691757017571175721757317574175751757617577175781757917580175811758217583175841758517586175871758817589175901759117592175931759417595175961759717598175991760017601176021760317604176051760617607176081760917610176111761217613176141761517616176171761817619176201762117622176231762417625176261762717628176291763017631176321763317634176351763617637176381763917640176411764217643176441764517646176471764817649176501765117652176531765417655176561765717658176591766017661176621766317664176651766617667176681766917670176711767217673176741767517676176771767817679176801768117682176831768417685176861768717688176891769017691176921769317694176951769617697176981769917700177011770217703177041770517706177071770817709177101771117712177131771417715177161771717718177191772017721177221772317724177251772617727177281772917730177311773217733177341773517736177371773817739177401774117742177431774417745177461774717748177491775017751177521775317754177551775617757177581775917760177611776217763177641776517766177671776817769177701777117772177731777417775177761777717778177791778017781177821778317784177851778617787177881778917790177911779217793177941779517796177971779817799178001780117802178031780417805178061780717808178091781017811178121781317814178151781617817178181781917820178211782217823178241782517826178271782817829178301783117832178331783417835178361783717838178391784017841178421784317844178451784617847178481784917850178511785217853178541785517856178571785817859178601786117862178631786417865178661786717868178691787017871178721787317874178751787617877178781787917880178811788217883178841788517886178871788817889178901789117892178931789417895178961789717898178991790017901179021790317904179051790617907179081790917910179111791217913179141791517916179171791817919179201792117922179231792417925179261792717928179291793017931179321793317934179351793617937179381793917940179411794217943179441794517946179471794817949179501795117952179531795417955179561795717958179591796017961179621796317964179651796617967179681796917970179711797217973179741797517976179771797817979179801798117982179831798417985179861798717988179891799017991179921799317994179951799617997179981799918000180011800218003180041800518006180071800818009180101801118012180131801418015180161801718018180191802018021180221802318024180251802618027180281802918030180311803218033180341803518036180371803818039180401804118042180431804418045180461804718048180491805018051180521805318054180551805618057180581805918060180611806218063180641806518066180671806818069180701807118072180731807418075180761807718078180791808018081180821808318084180851808618087180881808918090180911809218093180941809518096180971809818099181001810118102181031810418105181061810718108181091811018111181121811318114181151811618117181181811918120181211812218123181241812518126181271812818129181301813118132181331813418135181361813718138181391814018141181421814318144181451814618147181481814918150181511815218153181541815518156181571815818159181601816118162181631816418165181661816718168181691817018171181721817318174181751817618177181781817918180181811818218183181841818518186181871818818189181901819118192181931819418195181961819718198181991820018201182021820318204182051820618207182081820918210182111821218213182141821518216182171821818219182201822118222182231822418225182261822718228182291823018231182321823318234182351823618237182381823918240182411824218243182441824518246182471824818249182501825118252182531825418255182561825718258182591826018261182621826318264182651826618267182681826918270182711827218273182741827518276182771827818279182801828118282182831828418285182861828718288182891829018291182921829318294182951829618297182981829918300183011830218303183041830518306183071830818309183101831118312183131831418315183161831718318183191832018321183221832318324183251832618327183281832918330183311833218333183341833518336183371833818339183401834118342183431834418345183461834718348183491835018351183521835318354183551835618357183581835918360183611836218363183641836518366183671836818369183701837118372183731837418375183761837718378183791838018381183821838318384183851838618387183881838918390183911839218393183941839518396183971839818399184001840118402184031840418405184061840718408184091841018411184121841318414184151841618417184181841918420184211842218423184241842518426184271842818429184301843118432184331843418435184361843718438184391844018441184421844318444184451844618447184481844918450184511845218453184541845518456184571845818459184601846118462184631846418465184661846718468184691847018471184721847318474184751847618477184781847918480184811848218483184841848518486184871848818489184901849118492184931849418495184961849718498184991850018501185021850318504185051850618507185081850918510185111851218513185141851518516185171851818519185201852118522185231852418525185261852718528185291853018531185321853318534185351853618537185381853918540185411854218543185441854518546185471854818549185501855118552185531855418555185561855718558185591856018561185621856318564185651856618567185681856918570185711857218573185741857518576185771857818579185801858118582185831858418585185861858718588185891859018591185921859318594185951859618597185981859918600186011860218603186041860518606186071860818609186101861118612186131861418615186161861718618186191862018621186221862318624186251862618627186281862918630186311863218633186341863518636186371863818639186401864118642186431864418645186461864718648186491865018651186521865318654186551865618657186581865918660186611866218663186641866518666186671866818669186701867118672186731867418675186761867718678186791868018681186821868318684186851868618687186881868918690186911869218693186941869518696186971869818699187001870118702187031870418705187061870718708187091871018711187121871318714187151871618717187181871918720187211872218723187241872518726187271872818729187301873118732187331873418735187361873718738187391874018741187421874318744187451874618747187481874918750187511875218753187541875518756187571875818759187601876118762187631876418765187661876718768187691877018771187721877318774187751877618777187781877918780187811878218783187841878518786187871878818789187901879118792187931879418795187961879718798187991880018801188021880318804188051880618807188081880918810188111881218813188141881518816188171881818819188201882118822188231882418825188261882718828188291883018831188321883318834188351883618837188381883918840188411884218843188441884518846188471884818849188501885118852188531885418855188561885718858188591886018861188621886318864188651886618867188681886918870188711887218873188741887518876188771887818879188801888118882188831888418885188861888718888188891889018891188921889318894188951889618897188981889918900189011890218903189041890518906189071890818909189101891118912189131891418915189161891718918189191892018921189221892318924189251892618927189281892918930189311893218933189341893518936189371893818939189401894118942189431894418945189461894718948189491895018951189521895318954189551895618957189581895918960189611896218963189641896518966189671896818969189701897118972189731897418975189761897718978189791898018981189821898318984189851898618987189881898918990189911899218993189941899518996189971899818999190001900119002190031900419005190061900719008190091901019011190121901319014190151901619017190181901919020190211902219023190241902519026190271902819029190301903119032190331903419035190361903719038190391904019041190421904319044190451904619047190481904919050190511905219053190541905519056190571905819059190601906119062190631906419065190661906719068190691907019071190721907319074190751907619077190781907919080190811908219083190841908519086190871908819089190901909119092190931909419095190961909719098190991910019101191021910319104191051910619107191081910919110191111911219113191141911519116191171911819119191201912119122191231912419125191261912719128191291913019131191321913319134191351913619137191381913919140191411914219143191441914519146191471914819149191501915119152191531915419155191561915719158191591916019161191621916319164191651916619167191681916919170191711917219173191741917519176191771917819179191801918119182191831918419185191861918719188191891919019191191921919319194191951919619197191981919919200192011920219203192041920519206192071920819209192101921119212192131921419215192161921719218192191922019221192221922319224192251922619227192281922919230192311923219233192341923519236192371923819239192401924119242192431924419245192461924719248192491925019251192521925319254192551925619257192581925919260192611926219263192641926519266192671926819269192701927119272192731927419275192761927719278192791928019281192821928319284192851928619287192881928919290192911929219293192941929519296192971929819299193001930119302193031930419305193061930719308193091931019311193121931319314193151931619317193181931919320193211932219323193241932519326193271932819329193301933119332193331933419335193361933719338193391934019341193421934319344193451934619347193481934919350193511935219353193541935519356193571935819359193601936119362193631936419365193661936719368193691937019371193721937319374193751937619377193781937919380193811938219383193841938519386193871938819389193901939119392193931939419395193961939719398193991940019401194021940319404194051940619407194081940919410194111941219413194141941519416194171941819419194201942119422194231942419425194261942719428194291943019431194321943319434194351943619437194381943919440194411944219443194441944519446194471944819449194501945119452194531945419455194561945719458194591946019461194621946319464194651946619467194681946919470194711947219473194741947519476194771947819479194801948119482194831948419485194861948719488194891949019491194921949319494194951949619497194981949919500195011950219503195041950519506195071950819509195101951119512195131951419515195161951719518195191952019521195221952319524195251952619527195281952919530195311953219533195341953519536195371953819539195401954119542195431954419545195461954719548195491955019551195521955319554195551955619557195581955919560195611956219563195641956519566195671956819569195701957119572195731957419575195761957719578195791958019581195821958319584195851958619587195881958919590195911959219593195941959519596195971959819599196001960119602196031960419605196061960719608196091961019611196121961319614196151961619617196181961919620196211962219623196241962519626196271962819629196301963119632196331963419635196361963719638196391964019641196421964319644196451964619647196481964919650196511965219653196541965519656196571965819659196601966119662196631966419665196661966719668196691967019671196721967319674196751967619677196781967919680196811968219683196841968519686196871968819689196901969119692196931969419695196961969719698196991970019701197021970319704197051970619707197081970919710197111971219713197141971519716197171971819719197201972119722197231972419725197261972719728197291973019731197321973319734197351973619737197381973919740197411974219743197441974519746197471974819749197501975119752197531975419755197561975719758197591976019761197621976319764197651976619767197681976919770197711977219773197741977519776197771977819779197801978119782197831978419785197861978719788197891979019791197921979319794197951979619797197981979919800198011980219803198041980519806198071980819809198101981119812198131981419815198161981719818198191982019821198221982319824198251982619827198281982919830198311983219833198341983519836198371983819839198401984119842198431984419845198461984719848198491985019851198521985319854198551985619857198581985919860198611986219863198641986519866198671986819869198701987119872198731987419875198761987719878198791988019881198821988319884198851988619887198881988919890198911989219893198941989519896198971989819899199001990119902199031990419905199061990719908199091991019911199121991319914199151991619917199181991919920199211992219923199241992519926199271992819929199301993119932199331993419935199361993719938199391994019941199421994319944199451994619947199481994919950199511995219953199541995519956199571995819959199601996119962199631996419965199661996719968199691997019971199721997319974199751997619977199781997919980199811998219983199841998519986199871998819989199901999119992199931999419995199961999719998199992000020001200022000320004200052000620007200082000920010200112001220013200142001520016200172001820019200202002120022200232002420025200262002720028200292003020031200322003320034200352003620037200382003920040200412004220043200442004520046200472004820049200502005120052200532005420055200562005720058200592006020061200622006320064200652006620067200682006920070200712007220073200742007520076200772007820079200802008120082200832008420085200862008720088200892009020091200922009320094200952009620097200982009920100201012010220103201042010520106201072010820109201102011120112201132011420115201162011720118201192012020121201222012320124201252012620127201282012920130201312013220133201342013520136201372013820139201402014120142201432014420145201462014720148201492015020151201522015320154201552015620157201582015920160201612016220163201642016520166201672016820169201702017120172201732017420175201762017720178201792018020181201822018320184201852018620187201882018920190201912019220193201942019520196201972019820199202002020120202202032020420205202062020720208202092021020211202122021320214202152021620217202182021920220202212022220223202242022520226202272022820229202302023120232202332023420235202362023720238202392024020241202422024320244202452024620247202482024920250202512025220253202542025520256202572025820259202602026120262202632026420265202662026720268202692027020271202722027320274202752027620277202782027920280202812028220283202842028520286202872028820289202902029120292202932029420295202962029720298202992030020301203022030320304203052030620307203082030920310203112031220313203142031520316203172031820319203202032120322203232032420325203262032720328203292033020331203322033320334203352033620337203382033920340203412034220343203442034520346203472034820349203502035120352203532035420355203562035720358203592036020361203622036320364203652036620367203682036920370203712037220373203742037520376203772037820379203802038120382203832038420385203862038720388203892039020391203922039320394203952039620397203982039920400204012040220403204042040520406204072040820409204102041120412204132041420415204162041720418204192042020421204222042320424204252042620427204282042920430204312043220433204342043520436204372043820439204402044120442204432044420445204462044720448204492045020451204522045320454204552045620457204582045920460204612046220463204642046520466204672046820469204702047120472204732047420475204762047720478204792048020481204822048320484204852048620487204882048920490204912049220493204942049520496204972049820499205002050120502205032050420505205062050720508205092051020511205122051320514205152051620517205182051920520205212052220523205242052520526205272052820529205302053120532205332053420535205362053720538205392054020541205422054320544205452054620547205482054920550205512055220553205542055520556205572055820559205602056120562205632056420565205662056720568205692057020571205722057320574205752057620577205782057920580205812058220583205842058520586205872058820589205902059120592205932059420595205962059720598205992060020601206022060320604206052060620607206082060920610206112061220613206142061520616206172061820619206202062120622206232062420625206262062720628206292063020631206322063320634206352063620637206382063920640206412064220643206442064520646206472064820649206502065120652206532065420655206562065720658206592066020661206622066320664206652066620667206682066920670206712067220673206742067520676206772067820679206802068120682206832068420685206862068720688206892069020691206922069320694206952069620697206982069920700207012070220703207042070520706207072070820709207102071120712207132071420715207162071720718207192072020721207222072320724207252072620727207282072920730207312073220733207342073520736207372073820739207402074120742207432074420745207462074720748207492075020751207522075320754207552075620757207582075920760207612076220763207642076520766207672076820769207702077120772207732077420775207762077720778207792078020781207822078320784207852078620787207882078920790207912079220793207942079520796207972079820799208002080120802208032080420805208062080720808208092081020811208122081320814208152081620817208182081920820208212082220823208242082520826208272082820829208302083120832208332083420835208362083720838208392084020841208422084320844208452084620847208482084920850208512085220853208542085520856208572085820859208602086120862208632086420865208662086720868208692087020871208722087320874208752087620877208782087920880208812088220883208842088520886208872088820889208902089120892208932089420895208962089720898208992090020901209022090320904209052090620907209082090920910209112091220913209142091520916209172091820919209202092120922209232092420925209262092720928209292093020931209322093320934209352093620937209382093920940209412094220943209442094520946209472094820949209502095120952209532095420955209562095720958209592096020961209622096320964209652096620967209682096920970209712097220973209742097520976209772097820979209802098120982209832098420985209862098720988209892099020991209922099320994209952099620997209982099921000210012100221003210042100521006210072100821009210102101121012210132101421015210162101721018210192102021021210222102321024210252102621027210282102921030210312103221033210342103521036210372103821039210402104121042210432104421045210462104721048210492105021051210522105321054210552105621057210582105921060210612106221063210642106521066210672106821069210702107121072210732107421075210762107721078210792108021081210822108321084210852108621087210882108921090210912109221093210942109521096210972109821099211002110121102211032110421105211062110721108211092111021111211122111321114211152111621117211182111921120211212112221123211242112521126211272112821129211302113121132211332113421135211362113721138211392114021141211422114321144211452114621147211482114921150211512115221153211542115521156211572115821159211602116121162211632116421165211662116721168211692117021171211722117321174211752117621177211782117921180211812118221183211842118521186211872118821189211902119121192211932119421195211962119721198211992120021201212022120321204212052120621207212082120921210212112121221213212142121521216212172121821219212202122121222212232122421225212262122721228212292123021231212322123321234212352123621237212382123921240212412124221243212442124521246212472124821249212502125121252212532125421255212562125721258212592126021261212622126321264212652126621267212682126921270212712127221273212742127521276212772127821279212802128121282212832128421285212862128721288212892129021291212922129321294212952129621297212982129921300213012130221303213042130521306213072130821309213102131121312213132131421315213162131721318213192132021321213222132321324213252132621327213282132921330213312133221333213342133521336213372133821339213402134121342213432134421345213462134721348213492135021351213522135321354213552135621357213582135921360213612136221363213642136521366213672136821369213702137121372213732137421375213762137721378213792138021381213822138321384213852138621387213882138921390213912139221393213942139521396213972139821399214002140121402214032140421405214062140721408214092141021411214122141321414214152141621417214182141921420214212142221423214242142521426214272142821429214302143121432214332143421435214362143721438214392144021441214422144321444214452144621447214482144921450214512145221453214542145521456214572145821459214602146121462214632146421465214662146721468214692147021471214722147321474214752147621477214782147921480214812148221483214842148521486214872148821489214902149121492214932149421495214962149721498214992150021501215022150321504215052150621507215082150921510215112151221513215142151521516215172151821519215202152121522215232152421525215262152721528215292153021531215322153321534215352153621537215382153921540215412154221543215442154521546215472154821549215502155121552215532155421555215562155721558215592156021561215622156321564215652156621567215682156921570215712157221573215742157521576215772157821579215802158121582215832158421585215862158721588215892159021591215922159321594215952159621597215982159921600216012160221603216042160521606216072160821609216102161121612216132161421615216162161721618216192162021621216222162321624216252162621627216282162921630216312163221633216342163521636216372163821639216402164121642216432164421645216462164721648216492165021651216522165321654216552165621657216582165921660216612166221663216642166521666216672166821669216702167121672216732167421675216762167721678216792168021681216822168321684216852168621687216882168921690216912169221693216942169521696216972169821699217002170121702217032170421705217062170721708217092171021711217122171321714217152171621717217182171921720217212172221723217242172521726217272172821729217302173121732217332173421735217362173721738217392174021741217422174321744217452174621747217482174921750217512175221753217542175521756217572175821759217602176121762217632176421765217662176721768217692177021771217722177321774217752177621777217782177921780217812178221783217842178521786217872178821789217902179121792217932179421795217962179721798217992180021801218022180321804218052180621807218082180921810218112181221813218142181521816218172181821819218202182121822218232182421825218262182721828218292183021831218322183321834218352183621837218382183921840218412184221843218442184521846218472184821849218502185121852218532185421855218562185721858218592186021861218622186321864218652186621867218682186921870218712187221873218742187521876218772187821879218802188121882218832188421885218862188721888218892189021891218922189321894218952189621897218982189921900219012190221903219042190521906219072190821909219102191121912219132191421915219162191721918219192192021921219222192321924219252192621927219282192921930219312193221933219342193521936219372193821939219402194121942219432194421945219462194721948219492195021951219522195321954219552195621957219582195921960219612196221963219642196521966219672196821969219702197121972219732197421975219762197721978219792198021981219822198321984219852198621987219882198921990219912199221993219942199521996219972199821999220002200122002220032200422005220062200722008220092201022011220122201322014220152201622017220182201922020220212202222023220242202522026220272202822029220302203122032220332203422035220362203722038220392204022041220422204322044220452204622047220482204922050220512205222053220542205522056220572205822059220602206122062220632206422065220662206722068220692207022071220722207322074220752207622077220782207922080220812208222083220842208522086220872208822089220902209122092220932209422095220962209722098220992210022101221022210322104221052210622107221082210922110221112211222113221142211522116221172211822119221202212122122221232212422125221262212722128221292213022131221322213322134221352213622137221382213922140221412214222143221442214522146221472214822149221502215122152221532215422155221562215722158221592216022161221622216322164221652216622167221682216922170221712217222173221742217522176221772217822179221802218122182221832218422185221862218722188221892219022191221922219322194221952219622197221982219922200222012220222203222042220522206222072220822209222102221122212222132221422215222162221722218222192222022221222222222322224222252222622227222282222922230222312223222233222342223522236222372223822239222402224122242222432224422245222462224722248222492225022251222522225322254222552225622257222582225922260222612226222263222642226522266222672226822269222702227122272222732227422275222762227722278222792228022281222822228322284222852228622287222882228922290222912229222293222942229522296222972229822299223002230122302223032230422305223062230722308223092231022311223122231322314223152231622317223182231922320223212232222323223242232522326223272232822329223302233122332223332233422335223362233722338223392234022341223422234322344223452234622347223482234922350223512235222353223542235522356223572235822359223602236122362223632236422365223662236722368223692237022371223722237322374223752237622377223782237922380223812238222383223842238522386223872238822389223902239122392223932239422395223962239722398223992240022401224022240322404224052240622407224082240922410224112241222413224142241522416224172241822419224202242122422224232242422425224262242722428224292243022431224322243322434224352243622437224382243922440224412244222443224442244522446224472244822449224502245122452224532245422455224562245722458224592246022461224622246322464224652246622467224682246922470224712247222473224742247522476224772247822479224802248122482224832248422485224862248722488224892249022491224922249322494224952249622497224982249922500225012250222503225042250522506225072250822509225102251122512225132251422515225162251722518225192252022521225222252322524225252252622527225282252922530225312253222533225342253522536225372253822539225402254122542225432254422545225462254722548225492255022551225522255322554225552255622557225582255922560225612256222563225642256522566225672256822569225702257122572225732257422575225762257722578225792258022581225822258322584225852258622587225882258922590225912259222593225942259522596225972259822599226002260122602226032260422605226062260722608226092261022611226122261322614226152261622617226182261922620226212262222623226242262522626226272262822629226302263122632226332263422635226362263722638226392264022641226422264322644226452264622647226482264922650226512265222653226542265522656226572265822659226602266122662226632266422665226662266722668226692267022671226722267322674226752267622677226782267922680226812268222683226842268522686226872268822689226902269122692226932269422695226962269722698226992270022701227022270322704227052270622707227082270922710227112271222713227142271522716227172271822719227202272122722227232272422725227262272722728227292273022731227322273322734227352273622737227382273922740227412274222743227442274522746227472274822749227502275122752227532275422755227562275722758227592276022761227622276322764227652276622767227682276922770227712277222773227742277522776227772277822779227802278122782227832278422785227862278722788227892279022791227922279322794227952279622797227982279922800228012280222803228042280522806228072280822809228102281122812228132281422815228162281722818228192282022821228222282322824228252282622827228282282922830228312283222833228342283522836228372283822839228402284122842228432284422845228462284722848228492285022851228522285322854228552285622857228582285922860228612286222863228642286522866228672286822869228702287122872228732287422875228762287722878228792288022881228822288322884228852288622887228882288922890228912289222893228942289522896228972289822899229002290122902229032290422905229062290722908229092291022911229122291322914229152291622917229182291922920229212292222923229242292522926229272292822929229302293122932229332293422935229362293722938229392294022941229422294322944229452294622947229482294922950229512295222953229542295522956229572295822959229602296122962229632296422965229662296722968229692297022971229722297322974229752297622977229782297922980229812298222983229842298522986229872298822989229902299122992229932299422995229962299722998229992300023001230022300323004230052300623007230082300923010230112301223013230142301523016230172301823019230202302123022230232302423025230262302723028230292303023031230322303323034230352303623037230382303923040230412304223043230442304523046230472304823049230502305123052230532305423055230562305723058230592306023061230622306323064230652306623067230682306923070230712307223073230742307523076230772307823079230802308123082230832308423085230862308723088230892309023091230922309323094230952309623097230982309923100231012310223103231042310523106231072310823109231102311123112231132311423115231162311723118231192312023121231222312323124231252312623127231282312923130231312313223133231342313523136231372313823139231402314123142231432314423145231462314723148231492315023151231522315323154231552315623157231582315923160231612316223163231642316523166231672316823169231702317123172231732317423175231762317723178231792318023181231822318323184231852318623187231882318923190231912319223193231942319523196231972319823199232002320123202232032320423205232062320723208232092321023211232122321323214232152321623217232182321923220232212322223223232242322523226232272322823229232302323123232232332323423235232362323723238232392324023241232422324323244232452324623247232482324923250232512325223253232542325523256232572325823259232602326123262232632326423265232662326723268232692327023271232722327323274232752327623277232782327923280232812328223283232842328523286232872328823289232902329123292232932329423295232962329723298232992330023301233022330323304233052330623307233082330923310233112331223313233142331523316233172331823319233202332123322233232332423325233262332723328233292333023331233322333323334233352333623337233382333923340233412334223343233442334523346233472334823349233502335123352233532335423355233562335723358233592336023361233622336323364233652336623367233682336923370233712337223373233742337523376233772337823379233802338123382233832338423385233862338723388233892339023391233922339323394233952339623397233982339923400234012340223403234042340523406234072340823409234102341123412234132341423415234162341723418234192342023421234222342323424234252342623427234282342923430234312343223433234342343523436234372343823439234402344123442234432344423445234462344723448234492345023451234522345323454234552345623457234582345923460234612346223463234642346523466234672346823469234702347123472234732347423475234762347723478234792348023481234822348323484234852348623487234882348923490234912349223493234942349523496234972349823499235002350123502235032350423505235062350723508235092351023511235122351323514235152351623517235182351923520235212352223523235242352523526235272352823529235302353123532235332353423535235362353723538235392354023541235422354323544235452354623547235482354923550235512355223553235542355523556235572355823559235602356123562235632356423565235662356723568235692357023571235722357323574235752357623577235782357923580235812358223583235842358523586235872358823589235902359123592235932359423595235962359723598235992360023601236022360323604236052360623607236082360923610236112361223613236142361523616236172361823619236202362123622236232362423625236262362723628236292363023631236322363323634236352363623637236382363923640236412364223643236442364523646236472364823649236502365123652236532365423655236562365723658236592366023661236622366323664236652366623667236682366923670236712367223673236742367523676236772367823679236802368123682236832368423685236862368723688236892369023691236922369323694236952369623697236982369923700237012370223703237042370523706237072370823709237102371123712237132371423715237162371723718237192372023721237222372323724237252372623727237282372923730237312373223733237342373523736237372373823739237402374123742237432374423745237462374723748237492375023751237522375323754237552375623757237582375923760237612376223763237642376523766237672376823769237702377123772237732377423775237762377723778237792378023781237822378323784237852378623787237882378923790237912379223793237942379523796237972379823799238002380123802238032380423805238062380723808238092381023811238122381323814238152381623817238182381923820238212382223823238242382523826238272382823829238302383123832238332383423835238362383723838238392384023841238422384323844238452384623847238482384923850238512385223853238542385523856238572385823859238602386123862238632386423865238662386723868238692387023871238722387323874238752387623877238782387923880238812388223883238842388523886238872388823889238902389123892238932389423895238962389723898238992390023901239022390323904239052390623907239082390923910239112391223913239142391523916239172391823919239202392123922239232392423925239262392723928239292393023931239322393323934239352393623937239382393923940239412394223943239442394523946239472394823949239502395123952239532395423955239562395723958239592396023961239622396323964239652396623967239682396923970239712397223973239742397523976239772397823979239802398123982239832398423985239862398723988239892399023991239922399323994239952399623997239982399924000240012400224003240042400524006240072400824009240102401124012240132401424015240162401724018240192402024021240222402324024240252402624027240282402924030240312403224033240342403524036240372403824039240402404124042240432404424045240462404724048240492405024051240522405324054240552405624057240582405924060240612406224063240642406524066240672406824069240702407124072240732407424075240762407724078240792408024081240822408324084240852408624087240882408924090240912409224093240942409524096240972409824099241002410124102241032410424105241062410724108241092411024111241122411324114241152411624117241182411924120241212412224123241242412524126241272412824129241302413124132241332413424135241362413724138241392414024141241422414324144241452414624147241482414924150241512415224153241542415524156241572415824159241602416124162241632416424165241662416724168241692417024171241722417324174241752417624177241782417924180241812418224183241842418524186241872418824189241902419124192241932419424195241962419724198241992420024201242022420324204242052420624207242082420924210242112421224213242142421524216242172421824219242202422124222242232422424225242262422724228242292423024231242322423324234242352423624237242382423924240242412424224243242442424524246242472424824249242502425124252242532425424255242562425724258242592426024261242622426324264242652426624267242682426924270242712427224273242742427524276242772427824279242802428124282242832428424285242862428724288242892429024291242922429324294242952429624297242982429924300243012430224303243042430524306243072430824309243102431124312243132431424315243162431724318243192432024321243222432324324243252432624327243282432924330243312433224333243342433524336243372433824339243402434124342243432434424345243462434724348243492435024351243522435324354243552435624357243582435924360243612436224363243642436524366243672436824369243702437124372243732437424375243762437724378243792438024381243822438324384243852438624387243882438924390243912439224393243942439524396243972439824399244002440124402244032440424405244062440724408244092441024411244122441324414244152441624417244182441924420244212442224423244242442524426244272442824429244302443124432244332443424435244362443724438244392444024441244422444324444244452444624447244482444924450244512445224453244542445524456244572445824459244602446124462244632446424465244662446724468244692447024471244722447324474244752447624477244782447924480244812448224483244842448524486244872448824489244902449124492244932449424495244962449724498244992450024501245022450324504245052450624507245082450924510245112451224513245142451524516245172451824519245202452124522245232452424525245262452724528245292453024531245322453324534245352453624537245382453924540245412454224543245442454524546245472454824549245502455124552245532455424555245562455724558245592456024561245622456324564245652456624567245682456924570245712457224573245742457524576245772457824579245802458124582245832458424585245862458724588245892459024591245922459324594245952459624597245982459924600246012460224603246042460524606246072460824609246102461124612246132461424615246162461724618246192462024621246222462324624246252462624627246282462924630246312463224633246342463524636246372463824639246402464124642246432464424645246462464724648246492465024651246522465324654246552465624657246582465924660246612466224663246642466524666246672466824669246702467124672246732467424675246762467724678246792468024681246822468324684246852468624687246882468924690246912469224693246942469524696246972469824699247002470124702247032470424705247062470724708247092471024711247122471324714247152471624717247182471924720247212472224723247242472524726247272472824729247302473124732247332473424735247362473724738247392474024741247422474324744247452474624747247482474924750247512475224753247542475524756247572475824759247602476124762247632476424765247662476724768247692477024771247722477324774247752477624777247782477924780247812478224783247842478524786247872478824789247902479124792247932479424795247962479724798247992480024801248022480324804248052480624807248082480924810248112481224813248142481524816248172481824819248202482124822248232482424825248262482724828248292483024831248322483324834248352483624837248382483924840248412484224843248442484524846248472484824849248502485124852248532485424855248562485724858248592486024861248622486324864248652486624867248682486924870248712487224873248742487524876248772487824879248802488124882248832488424885248862488724888248892489024891248922489324894248952489624897248982489924900249012490224903249042490524906249072490824909249102491124912249132491424915249162491724918249192492024921249222492324924249252492624927249282492924930249312493224933249342493524936249372493824939249402494124942249432494424945249462494724948249492495024951249522495324954249552495624957249582495924960249612496224963249642496524966249672496824969249702497124972249732497424975249762497724978249792498024981249822498324984249852498624987249882498924990249912499224993249942499524996249972499824999250002500125002250032500425005250062500725008250092501025011250122501325014250152501625017250182501925020250212502225023250242502525026250272502825029250302503125032250332503425035250362503725038250392504025041250422504325044250452504625047250482504925050250512505225053250542505525056250572505825059250602506125062250632506425065250662506725068250692507025071250722507325074250752507625077250782507925080250812508225083250842508525086250872508825089250902509125092250932509425095250962509725098250992510025101251022510325104251052510625107251082510925110251112511225113251142511525116251172511825119251202512125122251232512425125251262512725128251292513025131251322513325134251352513625137251382513925140251412514225143251442514525146251472514825149251502515125152251532515425155251562515725158251592516025161251622516325164251652516625167251682516925170251712517225173251742517525176251772517825179251802518125182251832518425185251862518725188251892519025191251922519325194251952519625197251982519925200252012520225203252042520525206252072520825209252102521125212252132521425215252162521725218252192522025221252222522325224252252522625227252282522925230252312523225233252342523525236252372523825239252402524125242252432524425245252462524725248252492525025251252522525325254252552525625257252582525925260252612526225263252642526525266252672526825269252702527125272252732527425275252762527725278252792528025281252822528325284252852528625287252882528925290252912529225293252942529525296252972529825299253002530125302253032530425305253062530725308253092531025311253122531325314253152531625317253182531925320253212532225323253242532525326253272532825329253302533125332253332533425335253362533725338253392534025341253422534325344253452534625347253482534925350253512535225353253542535525356253572535825359253602536125362253632536425365253662536725368253692537025371253722537325374253752537625377253782537925380253812538225383253842538525386253872538825389253902539125392253932539425395253962539725398253992540025401254022540325404254052540625407254082540925410254112541225413254142541525416254172541825419254202542125422254232542425425254262542725428254292543025431254322543325434254352543625437254382543925440254412544225443254442544525446254472544825449254502545125452254532545425455254562545725458254592546025461254622546325464254652546625467254682546925470254712547225473254742547525476254772547825479254802548125482254832548425485254862548725488254892549025491254922549325494254952549625497254982549925500255012550225503255042550525506255072550825509255102551125512255132551425515255162551725518255192552025521255222552325524255252552625527255282552925530255312553225533255342553525536255372553825539255402554125542255432554425545255462554725548255492555025551255522555325554255552555625557255582555925560255612556225563255642556525566255672556825569255702557125572255732557425575255762557725578255792558025581255822558325584255852558625587255882558925590255912559225593255942559525596255972559825599256002560125602256032560425605256062560725608256092561025611256122561325614256152561625617256182561925620256212562225623256242562525626256272562825629256302563125632256332563425635256362563725638256392564025641256422564325644256452564625647256482564925650256512565225653256542565525656256572565825659256602566125662256632566425665256662566725668256692567025671256722567325674256752567625677256782567925680256812568225683256842568525686256872568825689256902569125692256932569425695256962569725698256992570025701257022570325704257052570625707257082570925710257112571225713257142571525716257172571825719257202572125722257232572425725257262572725728257292573025731257322573325734257352573625737257382573925740257412574225743257442574525746257472574825749257502575125752257532575425755257562575725758257592576025761257622576325764257652576625767257682576925770257712577225773257742577525776257772577825779257802578125782257832578425785257862578725788257892579025791257922579325794257952579625797257982579925800258012580225803258042580525806258072580825809258102581125812258132581425815258162581725818258192582025821258222582325824258252582625827258282582925830258312583225833258342583525836258372583825839258402584125842258432584425845258462584725848258492585025851258522585325854258552585625857258582585925860258612586225863258642586525866258672586825869258702587125872258732587425875258762587725878258792588025881258822588325884258852588625887258882588925890258912589225893258942589525896258972589825899259002590125902259032590425905259062590725908259092591025911259122591325914259152591625917259182591925920259212592225923259242592525926259272592825929259302593125932259332593425935259362593725938259392594025941259422594325944259452594625947259482594925950259512595225953259542595525956259572595825959259602596125962259632596425965259662596725968259692597025971259722597325974259752597625977259782597925980259812598225983259842598525986259872598825989259902599125992259932599425995259962599725998259992600026001260022600326004260052600626007260082600926010260112601226013260142601526016260172601826019260202602126022260232602426025260262602726028260292603026031260322603326034260352603626037260382603926040260412604226043260442604526046260472604826049260502605126052260532605426055260562605726058260592606026061260622606326064260652606626067260682606926070260712607226073260742607526076260772607826079260802608126082260832608426085260862608726088260892609026091260922609326094260952609626097260982609926100261012610226103261042610526106261072610826109261102611126112261132611426115261162611726118261192612026121261222612326124261252612626127261282612926130261312613226133261342613526136261372613826139261402614126142261432614426145261462614726148261492615026151261522615326154261552615626157261582615926160261612616226163261642616526166261672616826169261702617126172261732617426175261762617726178261792618026181261822618326184261852618626187261882618926190261912619226193261942619526196261972619826199262002620126202262032620426205262062620726208262092621026211262122621326214262152621626217262182621926220262212622226223262242622526226262272622826229262302623126232262332623426235262362623726238262392624026241262422624326244262452624626247262482624926250262512625226253262542625526256262572625826259262602626126262262632626426265262662626726268262692627026271262722627326274262752627626277262782627926280262812628226283262842628526286262872628826289262902629126292262932629426295262962629726298262992630026301263022630326304263052630626307263082630926310263112631226313263142631526316263172631826319263202632126322263232632426325263262632726328263292633026331263322633326334263352633626337263382633926340263412634226343263442634526346263472634826349263502635126352263532635426355263562635726358263592636026361263622636326364263652636626367263682636926370263712637226373263742637526376263772637826379263802638126382263832638426385263862638726388263892639026391263922639326394263952639626397263982639926400264012640226403264042640526406264072640826409264102641126412264132641426415264162641726418264192642026421264222642326424264252642626427264282642926430264312643226433264342643526436264372643826439264402644126442264432644426445264462644726448264492645026451264522645326454264552645626457264582645926460264612646226463264642646526466264672646826469264702647126472264732647426475264762647726478264792648026481264822648326484264852648626487264882648926490264912649226493264942649526496264972649826499265002650126502265032650426505265062650726508265092651026511265122651326514265152651626517265182651926520265212652226523265242652526526265272652826529265302653126532265332653426535265362653726538265392654026541265422654326544265452654626547265482654926550265512655226553265542655526556265572655826559265602656126562265632656426565265662656726568265692657026571265722657326574265752657626577265782657926580265812658226583265842658526586265872658826589265902659126592265932659426595265962659726598265992660026601266022660326604266052660626607266082660926610266112661226613266142661526616266172661826619266202662126622266232662426625266262662726628266292663026631266322663326634266352663626637266382663926640266412664226643266442664526646266472664826649266502665126652266532665426655266562665726658266592666026661266622666326664266652666626667266682666926670266712667226673266742667526676266772667826679266802668126682266832668426685266862668726688266892669026691266922669326694266952669626697266982669926700267012670226703267042670526706267072670826709267102671126712267132671426715267162671726718267192672026721267222672326724267252672626727267282672926730267312673226733267342673526736267372673826739267402674126742267432674426745267462674726748267492675026751267522675326754267552675626757267582675926760267612676226763267642676526766267672676826769267702677126772267732677426775267762677726778267792678026781267822678326784267852678626787267882678926790267912679226793267942679526796267972679826799268002680126802268032680426805268062680726808268092681026811268122681326814268152681626817268182681926820268212682226823268242682526826268272682826829268302683126832268332683426835268362683726838268392684026841268422684326844268452684626847268482684926850268512685226853268542685526856268572685826859268602686126862268632686426865268662686726868268692687026871268722687326874268752687626877268782687926880268812688226883268842688526886268872688826889268902689126892268932689426895268962689726898268992690026901269022690326904269052690626907269082690926910269112691226913269142691526916269172691826919269202692126922269232692426925269262692726928269292693026931269322693326934269352693626937269382693926940269412694226943269442694526946269472694826949269502695126952269532695426955269562695726958269592696026961269622696326964269652696626967269682696926970269712697226973269742697526976269772697826979269802698126982269832698426985269862698726988269892699026991269922699326994269952699626997269982699927000270012700227003270042700527006270072700827009270102701127012270132701427015270162701727018270192702027021270222702327024270252702627027270282702927030270312703227033270342703527036270372703827039270402704127042270432704427045270462704727048270492705027051270522705327054270552705627057270582705927060270612706227063270642706527066270672706827069270702707127072270732707427075270762707727078270792708027081270822708327084270852708627087270882708927090270912709227093270942709527096270972709827099271002710127102271032710427105271062710727108271092711027111271122711327114271152711627117271182711927120271212712227123271242712527126271272712827129271302713127132271332713427135271362713727138271392714027141271422714327144271452714627147271482714927150271512715227153271542715527156271572715827159271602716127162271632716427165271662716727168271692717027171271722717327174271752717627177271782717927180271812718227183271842718527186271872718827189271902719127192271932719427195271962719727198271992720027201272022720327204272052720627207272082720927210272112721227213272142721527216272172721827219272202722127222272232722427225272262722727228272292723027231272322723327234272352723627237272382723927240272412724227243272442724527246272472724827249272502725127252272532725427255272562725727258272592726027261272622726327264272652726627267272682726927270272712727227273272742727527276272772727827279272802728127282272832728427285272862728727288272892729027291272922729327294272952729627297272982729927300273012730227303273042730527306273072730827309273102731127312273132731427315273162731727318273192732027321273222732327324273252732627327273282732927330273312733227333273342733527336273372733827339273402734127342273432734427345273462734727348273492735027351273522735327354273552735627357273582735927360273612736227363273642736527366273672736827369273702737127372273732737427375273762737727378273792738027381273822738327384273852738627387273882738927390273912739227393273942739527396273972739827399274002740127402274032740427405274062740727408274092741027411274122741327414274152741627417274182741927420274212742227423274242742527426274272742827429274302743127432274332743427435274362743727438274392744027441274422744327444274452744627447274482744927450274512745227453274542745527456274572745827459274602746127462274632746427465274662746727468274692747027471274722747327474274752747627477274782747927480274812748227483274842748527486274872748827489274902749127492274932749427495274962749727498274992750027501275022750327504275052750627507275082750927510275112751227513275142751527516275172751827519275202752127522275232752427525275262752727528275292753027531275322753327534275352753627537275382753927540275412754227543275442754527546275472754827549275502755127552275532755427555275562755727558275592756027561275622756327564275652756627567275682756927570275712757227573275742757527576275772757827579275802758127582275832758427585275862758727588275892759027591275922759327594275952759627597275982759927600276012760227603276042760527606276072760827609276102761127612276132761427615276162761727618276192762027621276222762327624276252762627627276282762927630276312763227633276342763527636276372763827639276402764127642276432764427645276462764727648276492765027651276522765327654276552765627657276582765927660276612766227663276642766527666276672766827669276702767127672276732767427675276762767727678276792768027681276822768327684276852768627687276882768927690276912769227693276942769527696276972769827699277002770127702277032770427705277062770727708277092771027711277122771327714277152771627717277182771927720277212772227723277242772527726277272772827729277302773127732277332773427735277362773727738277392774027741277422774327744277452774627747277482774927750277512775227753277542775527756277572775827759277602776127762277632776427765277662776727768277692777027771277722777327774277752777627777277782777927780277812778227783277842778527786277872778827789277902779127792277932779427795277962779727798277992780027801278022780327804278052780627807278082780927810278112781227813278142781527816278172781827819278202782127822278232782427825278262782727828278292783027831278322783327834278352783627837278382783927840278412784227843278442784527846278472784827849278502785127852278532785427855278562785727858278592786027861278622786327864278652786627867278682786927870278712787227873278742787527876278772787827879278802788127882278832788427885278862788727888278892789027891278922789327894278952789627897278982789927900279012790227903279042790527906279072790827909279102791127912279132791427915279162791727918279192792027921279222792327924279252792627927279282792927930279312793227933279342793527936279372793827939279402794127942279432794427945279462794727948279492795027951279522795327954279552795627957279582795927960279612796227963279642796527966279672796827969279702797127972279732797427975279762797727978279792798027981279822798327984279852798627987279882798927990279912799227993279942799527996279972799827999280002800128002280032800428005280062800728008280092801028011280122801328014280152801628017280182801928020280212802228023280242802528026280272802828029280302803128032280332803428035280362803728038280392804028041280422804328044280452804628047280482804928050280512805228053280542805528056280572805828059280602806128062280632806428065280662806728068280692807028071280722807328074280752807628077280782807928080280812808228083280842808528086280872808828089280902809128092280932809428095280962809728098280992810028101281022810328104281052810628107281082810928110281112811228113281142811528116281172811828119281202812128122281232812428125281262812728128281292813028131281322813328134281352813628137281382813928140281412814228143281442814528146281472814828149281502815128152281532815428155281562815728158281592816028161281622816328164281652816628167281682816928170281712817228173281742817528176281772817828179281802818128182281832818428185281862818728188281892819028191281922819328194281952819628197281982819928200282012820228203282042820528206282072820828209282102821128212282132821428215282162821728218282192822028221282222822328224282252822628227282282822928230282312823228233282342823528236282372823828239282402824128242282432824428245282462824728248282492825028251282522825328254282552825628257282582825928260282612826228263282642826528266282672826828269282702827128272282732827428275282762827728278282792828028281282822828328284282852828628287282882828928290282912829228293282942829528296282972829828299283002830128302283032830428305283062830728308283092831028311283122831328314283152831628317283182831928320283212832228323283242832528326283272832828329283302833128332283332833428335283362833728338283392834028341283422834328344283452834628347283482834928350283512835228353283542835528356283572835828359283602836128362283632836428365283662836728368283692837028371283722837328374283752837628377283782837928380283812838228383283842838528386283872838828389283902839128392283932839428395283962839728398283992840028401284022840328404284052840628407284082840928410284112841228413284142841528416284172841828419284202842128422284232842428425284262842728428284292843028431284322843328434284352843628437284382843928440284412844228443284442844528446284472844828449284502845128452284532845428455284562845728458284592846028461284622846328464284652846628467284682846928470284712847228473284742847528476284772847828479284802848128482284832848428485284862848728488284892849028491284922849328494284952849628497284982849928500285012850228503285042850528506285072850828509285102851128512285132851428515285162851728518285192852028521285222852328524285252852628527285282852928530285312853228533285342853528536285372853828539285402854128542285432854428545285462854728548285492855028551285522855328554285552855628557285582855928560285612856228563285642856528566285672856828569285702857128572285732857428575285762857728578285792858028581285822858328584285852858628587285882858928590285912859228593285942859528596285972859828599286002860128602286032860428605286062860728608286092861028611286122861328614286152861628617286182861928620286212862228623286242862528626286272862828629286302863128632286332863428635286362863728638286392864028641286422864328644286452864628647286482864928650286512865228653286542865528656286572865828659286602866128662286632866428665286662866728668286692867028671286722867328674286752867628677286782867928680286812868228683286842868528686286872868828689286902869128692286932869428695286962869728698286992870028701287022870328704287052870628707287082870928710287112871228713287142871528716287172871828719287202872128722287232872428725287262872728728287292873028731287322873328734287352873628737287382873928740287412874228743287442874528746287472874828749287502875128752287532875428755287562875728758287592876028761287622876328764287652876628767287682876928770287712877228773287742877528776287772877828779287802878128782287832878428785287862878728788287892879028791287922879328794287952879628797287982879928800288012880228803288042880528806288072880828809288102881128812288132881428815288162881728818288192882028821288222882328824288252882628827288282882928830288312883228833288342883528836288372883828839288402884128842288432884428845288462884728848288492885028851288522885328854288552885628857288582885928860288612886228863288642886528866288672886828869288702887128872288732887428875288762887728878288792888028881288822888328884288852888628887288882888928890288912889228893288942889528896288972889828899289002890128902289032890428905289062890728908289092891028911289122891328914289152891628917289182891928920289212892228923289242892528926289272892828929289302893128932289332893428935289362893728938289392894028941289422894328944289452894628947289482894928950289512895228953289542895528956289572895828959289602896128962289632896428965289662896728968289692897028971289722897328974289752897628977289782897928980289812898228983289842898528986289872898828989289902899128992289932899428995289962899728998289992900029001290022900329004290052900629007290082900929010290112901229013290142901529016290172901829019290202902129022290232902429025290262902729028290292903029031290322903329034290352903629037290382903929040290412904229043290442904529046290472904829049290502905129052290532905429055290562905729058290592906029061290622906329064290652906629067290682906929070290712907229073290742907529076290772907829079290802908129082290832908429085290862908729088290892909029091290922909329094290952909629097290982909929100291012910229103291042910529106291072910829109291102911129112291132911429115291162911729118291192912029121291222912329124291252912629127291282912929130291312913229133291342913529136291372913829139291402914129142291432914429145291462914729148291492915029151291522915329154291552915629157291582915929160291612916229163291642916529166291672916829169291702917129172291732917429175291762917729178291792918029181291822918329184291852918629187291882918929190291912919229193291942919529196291972919829199292002920129202292032920429205292062920729208292092921029211292122921329214292152921629217292182921929220292212922229223292242922529226292272922829229292302923129232292332923429235292362923729238292392924029241292422924329244292452924629247292482924929250292512925229253292542925529256292572925829259292602926129262292632926429265292662926729268292692927029271292722927329274292752927629277292782927929280292812928229283292842928529286292872928829289292902929129292292932929429295292962929729298292992930029301293022930329304293052930629307293082930929310293112931229313293142931529316293172931829319293202932129322293232932429325293262932729328293292933029331293322933329334293352933629337293382933929340293412934229343293442934529346293472934829349293502935129352293532935429355293562935729358293592936029361293622936329364293652936629367293682936929370293712937229373293742937529376293772937829379293802938129382293832938429385293862938729388293892939029391293922939329394293952939629397293982939929400294012940229403294042940529406294072940829409294102941129412294132941429415294162941729418294192942029421294222942329424294252942629427294282942929430294312943229433294342943529436294372943829439294402944129442294432944429445294462944729448294492945029451294522945329454294552945629457294582945929460294612946229463294642946529466294672946829469294702947129472294732947429475294762947729478294792948029481294822948329484294852948629487294882948929490294912949229493294942949529496294972949829499295002950129502295032950429505295062950729508295092951029511295122951329514295152951629517295182951929520295212952229523295242952529526295272952829529295302953129532295332953429535295362953729538295392954029541295422954329544295452954629547295482954929550295512955229553295542955529556295572955829559295602956129562295632956429565295662956729568295692957029571295722957329574295752957629577295782957929580295812958229583295842958529586295872958829589295902959129592295932959429595295962959729598295992960029601296022960329604296052960629607296082960929610296112961229613296142961529616296172961829619296202962129622296232962429625296262962729628296292963029631296322963329634296352963629637296382963929640296412964229643296442964529646296472964829649296502965129652296532965429655296562965729658296592966029661296622966329664296652966629667296682966929670296712967229673296742967529676296772967829679296802968129682296832968429685296862968729688296892969029691296922969329694296952969629697296982969929700297012970229703297042970529706297072970829709297102971129712297132971429715297162971729718297192972029721297222972329724297252972629727297282972929730297312973229733297342973529736297372973829739297402974129742297432974429745297462974729748297492975029751297522975329754297552975629757297582975929760297612976229763297642976529766297672976829769297702977129772297732977429775297762977729778297792978029781297822978329784297852978629787297882978929790297912979229793297942979529796297972979829799298002980129802298032980429805298062980729808298092981029811298122981329814298152981629817298182981929820298212982229823298242982529826298272982829829298302983129832298332983429835298362983729838298392984029841298422984329844298452984629847298482984929850298512985229853298542985529856298572985829859298602986129862298632986429865298662986729868298692987029871298722987329874298752987629877298782987929880298812988229883298842988529886298872988829889298902989129892298932989429895298962989729898298992990029901299022990329904299052990629907299082990929910299112991229913299142991529916299172991829919299202992129922299232992429925299262992729928299292993029931299322993329934299352993629937299382993929940299412994229943299442994529946299472994829949299502995129952299532995429955299562995729958299592996029961299622996329964299652996629967299682996929970299712997229973299742997529976299772997829979299802998129982299832998429985299862998729988299892999029991299922999329994299952999629997299982999930000300013000230003300043000530006300073000830009300103001130012300133001430015300163001730018300193002030021300223002330024300253002630027300283002930030300313003230033300343003530036300373003830039300403004130042300433004430045300463004730048300493005030051300523005330054300553005630057300583005930060300613006230063300643006530066300673006830069300703007130072300733007430075300763007730078300793008030081300823008330084300853008630087300883008930090300913009230093300943009530096300973009830099301003010130102301033010430105301063010730108301093011030111301123011330114301153011630117301183011930120301213012230123301243012530126301273012830129301303013130132301333013430135301363013730138301393014030141301423014330144301453014630147301483014930150301513015230153301543015530156301573015830159301603016130162301633016430165301663016730168301693017030171301723017330174301753017630177301783017930180301813018230183301843018530186301873018830189301903019130192301933019430195301963019730198301993020030201302023020330204302053020630207302083020930210302113021230213302143021530216302173021830219302203022130222302233022430225302263022730228302293023030231302323023330234302353023630237302383023930240302413024230243302443024530246302473024830249302503025130252302533025430255302563025730258302593026030261302623026330264302653026630267302683026930270302713027230273302743027530276302773027830279302803028130282302833028430285302863028730288302893029030291302923029330294302953029630297302983029930300303013030230303303043030530306303073030830309303103031130312303133031430315303163031730318303193032030321303223032330324303253032630327303283032930330303313033230333303343033530336303373033830339303403034130342303433034430345303463034730348303493035030351303523035330354303553035630357303583035930360303613036230363303643036530366303673036830369303703037130372303733037430375303763037730378303793038030381303823038330384303853038630387303883038930390303913039230393303943039530396303973039830399304003040130402304033040430405304063040730408304093041030411304123041330414304153041630417304183041930420304213042230423304243042530426304273042830429304303043130432304333043430435304363043730438304393044030441304423044330444304453044630447304483044930450304513045230453304543045530456304573045830459304603046130462304633046430465304663046730468304693047030471304723047330474304753047630477304783047930480304813048230483304843048530486304873048830489304903049130492304933049430495304963049730498304993050030501305023050330504305053050630507305083050930510305113051230513305143051530516305173051830519305203052130522305233052430525305263052730528305293053030531305323053330534305353053630537305383053930540305413054230543305443054530546305473054830549305503055130552305533055430555305563055730558305593056030561305623056330564305653056630567305683056930570305713057230573305743057530576305773057830579305803058130582305833058430585305863058730588305893059030591305923059330594305953059630597305983059930600306013060230603306043060530606306073060830609306103061130612306133061430615306163061730618306193062030621306223062330624306253062630627306283062930630306313063230633306343063530636306373063830639306403064130642306433064430645306463064730648306493065030651306523065330654306553065630657306583065930660306613066230663306643066530666306673066830669306703067130672306733067430675306763067730678306793068030681306823068330684306853068630687306883068930690306913069230693306943069530696306973069830699307003070130702307033070430705307063070730708307093071030711307123071330714307153071630717307183071930720307213072230723307243072530726307273072830729307303073130732307333073430735307363073730738307393074030741307423074330744307453074630747307483074930750307513075230753307543075530756307573075830759307603076130762307633076430765307663076730768307693077030771307723077330774307753077630777307783077930780307813078230783307843078530786307873078830789307903079130792307933079430795307963079730798307993080030801308023080330804308053080630807308083080930810308113081230813308143081530816308173081830819308203082130822308233082430825308263082730828308293083030831308323083330834308353083630837308383083930840308413084230843308443084530846308473084830849308503085130852308533085430855308563085730858308593086030861308623086330864308653086630867308683086930870308713087230873308743087530876308773087830879308803088130882308833088430885308863088730888308893089030891308923089330894308953089630897308983089930900309013090230903309043090530906309073090830909309103091130912309133091430915309163091730918309193092030921309223092330924309253092630927309283092930930309313093230933309343093530936309373093830939309403094130942309433094430945309463094730948309493095030951309523095330954309553095630957309583095930960309613096230963309643096530966309673096830969309703097130972309733097430975309763097730978309793098030981309823098330984309853098630987309883098930990309913099230993309943099530996309973099830999310003100131002310033100431005310063100731008310093101031011310123101331014310153101631017310183101931020310213102231023310243102531026310273102831029310303103131032310333103431035310363103731038310393104031041310423104331044310453104631047310483104931050310513105231053310543105531056310573105831059310603106131062310633106431065310663106731068310693107031071310723107331074310753107631077310783107931080310813108231083310843108531086310873108831089310903109131092310933109431095310963109731098310993110031101311023110331104311053110631107311083110931110311113111231113311143111531116311173111831119311203112131122311233112431125311263112731128311293113031131311323113331134311353113631137311383113931140311413114231143311443114531146311473114831149311503115131152311533115431155311563115731158311593116031161311623116331164311653116631167311683116931170311713117231173311743117531176311773117831179311803118131182311833118431185311863118731188311893119031191311923119331194311953119631197311983119931200312013120231203312043120531206312073120831209312103121131212312133121431215312163121731218312193122031221312223122331224312253122631227312283122931230312313123231233312343123531236312373123831239312403124131242312433124431245312463124731248312493125031251312523125331254312553125631257312583125931260312613126231263312643126531266312673126831269312703127131272312733127431275312763127731278312793128031281312823128331284312853128631287312883128931290312913129231293312943129531296312973129831299313003130131302313033130431305313063130731308313093131031311313123131331314313153131631317313183131931320313213132231323313243132531326313273132831329313303133131332313333133431335313363133731338313393134031341313423134331344313453134631347313483134931350313513135231353313543135531356313573135831359313603136131362313633136431365313663136731368313693137031371313723137331374313753137631377313783137931380313813138231383313843138531386313873138831389313903139131392313933139431395313963139731398313993140031401314023140331404314053140631407314083140931410314113141231413314143141531416314173141831419314203142131422314233142431425314263142731428314293143031431314323143331434314353143631437314383143931440314413144231443314443144531446314473144831449314503145131452314533145431455314563145731458314593146031461314623146331464314653146631467314683146931470314713147231473314743147531476314773147831479314803148131482314833148431485314863148731488314893149031491314923149331494314953149631497314983149931500315013150231503315043150531506315073150831509315103151131512315133151431515315163151731518315193152031521315223152331524315253152631527315283152931530315313153231533315343153531536315373153831539315403154131542315433154431545315463154731548315493155031551315523155331554315553155631557315583155931560315613156231563315643156531566315673156831569315703157131572315733157431575315763157731578315793158031581315823158331584315853158631587315883158931590315913159231593315943159531596315973159831599316003160131602316033160431605316063160731608316093161031611316123161331614316153161631617316183161931620316213162231623316243162531626316273162831629316303163131632316333163431635316363163731638316393164031641316423164331644316453164631647316483164931650316513165231653316543165531656316573165831659316603166131662316633166431665316663166731668316693167031671316723167331674316753167631677316783167931680316813168231683316843168531686316873168831689316903169131692316933169431695316963169731698316993170031701317023170331704317053170631707317083170931710317113171231713317143171531716317173171831719317203172131722317233172431725317263172731728317293173031731317323173331734317353173631737317383173931740317413174231743317443174531746317473174831749317503175131752317533175431755317563175731758317593176031761317623176331764317653176631767317683176931770317713177231773317743177531776317773177831779317803178131782317833178431785317863178731788317893179031791317923179331794317953179631797317983179931800318013180231803318043180531806318073180831809318103181131812318133181431815318163181731818318193182031821318223182331824318253182631827318283182931830318313183231833318343183531836318373183831839318403184131842318433184431845318463184731848318493185031851318523185331854318553185631857318583185931860318613186231863318643186531866318673186831869318703187131872318733187431875318763187731878318793188031881318823188331884318853188631887318883188931890318913189231893318943189531896318973189831899319003190131902319033190431905319063190731908319093191031911319123191331914319153191631917319183191931920319213192231923319243192531926319273192831929319303193131932319333193431935319363193731938319393194031941319423194331944319453194631947319483194931950319513195231953319543195531956319573195831959319603196131962319633196431965319663196731968319693197031971319723197331974319753197631977319783197931980319813198231983319843198531986319873198831989319903199131992319933199431995319963199731998319993200032001320023200332004320053200632007320083200932010320113201232013320143201532016320173201832019320203202132022320233202432025320263202732028320293203032031320323203332034320353203632037320383203932040320413204232043320443204532046320473204832049320503205132052320533205432055320563205732058320593206032061320623206332064320653206632067320683206932070320713207232073320743207532076320773207832079320803208132082320833208432085320863208732088320893209032091320923209332094320953209632097320983209932100321013210232103321043210532106321073210832109321103211132112321133211432115321163211732118321193212032121321223212332124321253212632127321283212932130321313213232133321343213532136321373213832139321403214132142321433214432145321463214732148321493215032151321523215332154321553215632157321583215932160321613216232163321643216532166321673216832169321703217132172321733217432175321763217732178321793218032181321823218332184321853218632187321883218932190321913219232193321943219532196321973219832199322003220132202322033220432205322063220732208322093221032211322123221332214322153221632217322183221932220322213222232223322243222532226322273222832229322303223132232322333223432235322363223732238322393224032241322423224332244322453224632247322483224932250322513225232253322543225532256322573225832259322603226132262322633226432265322663226732268322693227032271322723227332274322753227632277322783227932280322813228232283322843228532286322873228832289322903229132292322933229432295322963229732298322993230032301323023230332304323053230632307323083230932310323113231232313323143231532316323173231832319323203232132322323233232432325323263232732328323293233032331323323233332334323353233632337323383233932340323413234232343323443234532346323473234832349323503235132352323533235432355323563235732358323593236032361323623236332364323653236632367323683236932370323713237232373323743237532376323773237832379323803238132382323833238432385323863238732388323893239032391323923239332394323953239632397323983239932400324013240232403324043240532406324073240832409324103241132412324133241432415324163241732418324193242032421324223242332424324253242632427324283242932430324313243232433324343243532436324373243832439324403244132442324433244432445324463244732448324493245032451324523245332454324553245632457324583245932460324613246232463324643246532466324673246832469324703247132472324733247432475324763247732478324793248032481324823248332484324853248632487324883248932490324913249232493324943249532496324973249832499325003250132502325033250432505325063250732508325093251032511325123251332514325153251632517325183251932520325213252232523325243252532526325273252832529325303253132532325333253432535325363253732538325393254032541325423254332544325453254632547325483254932550325513255232553325543255532556325573255832559325603256132562325633256432565325663256732568325693257032571325723257332574325753257632577325783257932580325813258232583325843258532586325873258832589325903259132592325933259432595325963259732598325993260032601326023260332604326053260632607326083260932610326113261232613326143261532616326173261832619326203262132622326233262432625326263262732628326293263032631326323263332634326353263632637326383263932640326413264232643326443264532646326473264832649326503265132652326533265432655326563265732658326593266032661326623266332664326653266632667326683266932670326713267232673326743267532676326773267832679326803268132682326833268432685326863268732688326893269032691326923269332694326953269632697326983269932700327013270232703327043270532706327073270832709327103271132712327133271432715327163271732718327193272032721327223272332724327253272632727327283272932730327313273232733327343273532736327373273832739327403274132742327433274432745327463274732748327493275032751327523275332754327553275632757327583275932760327613276232763327643276532766327673276832769327703277132772327733277432775327763277732778327793278032781327823278332784327853278632787327883278932790327913279232793327943279532796327973279832799328003280132802328033280432805328063280732808328093281032811328123281332814328153281632817328183281932820328213282232823328243282532826328273282832829328303283132832328333283432835328363283732838328393284032841328423284332844328453284632847328483284932850328513285232853328543285532856328573285832859328603286132862328633286432865328663286732868328693287032871328723287332874328753287632877328783287932880328813288232883328843288532886328873288832889328903289132892328933289432895328963289732898328993290032901329023290332904329053290632907329083290932910329113291232913329143291532916329173291832919329203292132922329233292432925329263292732928329293293032931329323293332934329353293632937329383293932940329413294232943329443294532946329473294832949329503295132952329533295432955329563295732958329593296032961329623296332964329653296632967329683296932970329713297232973329743297532976329773297832979329803298132982329833298432985329863298732988329893299032991329923299332994329953299632997329983299933000330013300233003330043300533006330073300833009330103301133012330133301433015330163301733018330193302033021330223302333024330253302633027330283302933030330313303233033330343303533036330373303833039330403304133042330433304433045330463304733048330493305033051330523305333054330553305633057330583305933060330613306233063330643306533066330673306833069330703307133072330733307433075330763307733078330793308033081330823308333084330853308633087330883308933090330913309233093330943309533096330973309833099331003310133102331033310433105331063310733108331093311033111331123311333114331153311633117331183311933120331213312233123331243312533126331273312833129331303313133132331333313433135331363313733138331393314033141331423314333144331453314633147331483314933150331513315233153331543315533156331573315833159331603316133162331633316433165331663316733168331693317033171331723317333174331753317633177331783317933180331813318233183331843318533186331873318833189331903319133192331933319433195331963319733198331993320033201332023320333204332053320633207332083320933210332113321233213332143321533216332173321833219332203322133222332233322433225332263322733228332293323033231332323323333234332353323633237332383323933240332413324233243332443324533246332473324833249332503325133252332533325433255332563325733258332593326033261332623326333264332653326633267332683326933270332713327233273332743327533276332773327833279332803328133282332833328433285332863328733288332893329033291332923329333294332953329633297332983329933300333013330233303333043330533306333073330833309333103331133312333133331433315333163331733318333193332033321333223332333324333253332633327333283332933330333313333233333333343333533336333373333833339333403334133342333433334433345333463334733348333493335033351333523335333354333553335633357333583335933360333613336233363333643336533366333673336833369333703337133372333733337433375333763337733378333793338033381333823338333384333853338633387333883338933390333913339233393333943339533396333973339833399334003340133402334033340433405334063340733408334093341033411334123341333414334153341633417334183341933420334213342233423334243342533426334273342833429334303343133432334333343433435334363343733438334393344033441334423344333444334453344633447334483344933450334513345233453334543345533456334573345833459334603346133462334633346433465334663346733468334693347033471334723347333474334753347633477334783347933480334813348233483334843348533486334873348833489334903349133492334933349433495334963349733498334993350033501335023350333504335053350633507335083350933510335113351233513335143351533516335173351833519335203352133522335233352433525335263352733528335293353033531335323353333534335353353633537335383353933540335413354233543335443354533546335473354833549335503355133552335533355433555335563355733558335593356033561335623356333564335653356633567335683356933570335713357233573335743357533576335773357833579335803358133582335833358433585335863358733588335893359033591335923359333594335953359633597335983359933600336013360233603336043360533606336073360833609336103361133612336133361433615336163361733618336193362033621336223362333624336253362633627336283362933630336313363233633336343363533636336373363833639336403364133642336433364433645336463364733648336493365033651336523365333654336553365633657336583365933660336613366233663336643366533666336673366833669336703367133672336733367433675336763367733678336793368033681336823368333684336853368633687336883368933690336913369233693336943369533696336973369833699337003370133702337033370433705337063370733708337093371033711337123371333714337153371633717337183371933720337213372233723337243372533726337273372833729337303373133732337333373433735337363373733738337393374033741337423374333744337453374633747337483374933750337513375233753337543375533756337573375833759337603376133762337633376433765337663376733768337693377033771337723377333774337753377633777337783377933780337813378233783337843378533786337873378833789337903379133792337933379433795337963379733798337993380033801338023380333804338053380633807338083380933810338113381233813338143381533816338173381833819338203382133822338233382433825338263382733828338293383033831338323383333834338353383633837338383383933840338413384233843338443384533846338473384833849338503385133852338533385433855338563385733858338593386033861338623386333864338653386633867338683386933870338713387233873338743387533876338773387833879338803388133882338833388433885338863388733888338893389033891338923389333894338953389633897338983389933900339013390233903339043390533906339073390833909339103391133912339133391433915339163391733918339193392033921339223392333924339253392633927339283392933930339313393233933339343393533936339373393833939339403394133942339433394433945339463394733948339493395033951339523395333954339553395633957339583395933960339613396233963339643396533966339673396833969339703397133972339733397433975339763397733978339793398033981339823398333984339853398633987339883398933990339913399233993339943399533996339973399833999340003400134002340033400434005340063400734008340093401034011340123401334014340153401634017340183401934020340213402234023340243402534026340273402834029340303403134032340333403434035340363403734038340393404034041340423404334044340453404634047340483404934050340513405234053340543405534056340573405834059340603406134062340633406434065340663406734068340693407034071340723407334074340753407634077340783407934080340813408234083340843408534086340873408834089340903409134092340933409434095340963409734098340993410034101341023410334104341053410634107341083410934110341113411234113341143411534116341173411834119341203412134122341233412434125341263412734128341293413034131341323413334134341353413634137341383413934140341413414234143341443414534146341473414834149341503415134152341533415434155341563415734158341593416034161341623416334164341653416634167341683416934170341713417234173341743417534176341773417834179341803418134182341833418434185341863418734188341893419034191341923419334194341953419634197341983419934200342013420234203342043420534206342073420834209342103421134212342133421434215342163421734218342193422034221342223422334224342253422634227342283422934230342313423234233342343423534236342373423834239342403424134242342433424434245342463424734248342493425034251342523425334254342553425634257342583425934260342613426234263342643426534266342673426834269342703427134272342733427434275342763427734278342793428034281342823428334284342853428634287342883428934290342913429234293342943429534296342973429834299343003430134302343033430434305343063430734308343093431034311343123431334314343153431634317343183431934320343213432234323343243432534326343273432834329343303433134332343333433434335343363433734338343393434034341343423434334344343453434634347343483434934350343513435234353343543435534356343573435834359343603436134362343633436434365343663436734368343693437034371343723437334374343753437634377343783437934380343813438234383343843438534386343873438834389343903439134392343933439434395343963439734398343993440034401344023440334404344053440634407344083440934410344113441234413344143441534416344173441834419344203442134422344233442434425344263442734428344293443034431344323443334434344353443634437344383443934440344413444234443344443444534446344473444834449344503445134452344533445434455344563445734458344593446034461344623446334464344653446634467344683446934470344713447234473344743447534476344773447834479344803448134482344833448434485344863448734488344893449034491344923449334494344953449634497344983449934500345013450234503345043450534506345073450834509345103451134512345133451434515345163451734518345193452034521345223452334524345253452634527345283452934530345313453234533345343453534536345373453834539345403454134542345433454434545345463454734548345493455034551345523455334554345553455634557345583455934560345613456234563345643456534566345673456834569345703457134572345733457434575345763457734578345793458034581345823458334584345853458634587345883458934590345913459234593345943459534596345973459834599346003460134602346033460434605346063460734608346093461034611346123461334614346153461634617346183461934620346213462234623346243462534626346273462834629346303463134632346333463434635346363463734638346393464034641346423464334644346453464634647346483464934650346513465234653346543465534656346573465834659346603466134662346633466434665346663466734668346693467034671346723467334674346753467634677346783467934680346813468234683346843468534686346873468834689346903469134692346933469434695346963469734698346993470034701347023470334704347053470634707347083470934710347113471234713347143471534716347173471834719347203472134722347233472434725347263472734728347293473034731347323473334734347353473634737347383473934740347413474234743347443474534746347473474834749347503475134752347533475434755347563475734758347593476034761347623476334764347653476634767347683476934770347713477234773347743477534776347773477834779347803478134782347833478434785347863478734788347893479034791347923479334794347953479634797347983479934800348013480234803348043480534806348073480834809348103481134812348133481434815348163481734818348193482034821348223482334824348253482634827348283482934830348313483234833348343483534836348373483834839348403484134842348433484434845348463484734848348493485034851348523485334854348553485634857348583485934860348613486234863348643486534866348673486834869348703487134872348733487434875348763487734878348793488034881348823488334884348853488634887348883488934890348913489234893348943489534896348973489834899349003490134902349033490434905349063490734908349093491034911349123491334914349153491634917349183491934920349213492234923349243492534926349273492834929349303493134932349333493434935349363493734938349393494034941349423494334944349453494634947349483494934950349513495234953349543495534956349573495834959349603496134962349633496434965349663496734968349693497034971349723497334974349753497634977349783497934980349813498234983349843498534986349873498834989349903499134992349933499434995349963499734998349993500035001350023500335004350053500635007350083500935010350113501235013350143501535016350173501835019350203502135022350233502435025350263502735028350293503035031350323503335034350353503635037350383503935040350413504235043350443504535046350473504835049350503505135052350533505435055350563505735058350593506035061350623506335064350653506635067350683506935070350713507235073350743507535076350773507835079350803508135082350833508435085350863508735088350893509035091350923509335094350953509635097350983509935100351013510235103351043510535106351073510835109351103511135112351133511435115351163511735118351193512035121351223512335124351253512635127351283512935130351313513235133351343513535136351373513835139351403514135142351433514435145351463514735148351493515035151351523515335154351553515635157351583515935160351613516235163351643516535166351673516835169351703517135172351733517435175351763517735178351793518035181351823518335184351853518635187351883518935190351913519235193351943519535196351973519835199352003520135202352033520435205352063520735208352093521035211352123521335214352153521635217352183521935220352213522235223352243522535226352273522835229352303523135232352333523435235352363523735238352393524035241352423524335244352453524635247352483524935250352513525235253352543525535256352573525835259352603526135262352633526435265352663526735268352693527035271352723527335274352753527635277352783527935280352813528235283352843528535286352873528835289352903529135292352933529435295352963529735298352993530035301353023530335304353053530635307353083530935310353113531235313353143531535316353173531835319353203532135322353233532435325353263532735328353293533035331353323533335334353353533635337353383533935340353413534235343353443534535346353473534835349353503535135352353533535435355353563535735358353593536035361353623536335364353653536635367353683536935370353713537235373353743537535376353773537835379353803538135382353833538435385353863538735388353893539035391353923539335394353953539635397353983539935400354013540235403354043540535406354073540835409354103541135412354133541435415354163541735418354193542035421354223542335424354253542635427354283542935430354313543235433354343543535436354373543835439354403544135442354433544435445354463544735448354493545035451354523545335454354553545635457354583545935460354613546235463354643546535466354673546835469354703547135472354733547435475354763547735478354793548035481354823548335484354853548635487354883548935490354913549235493354943549535496354973549835499355003550135502355033550435505355063550735508355093551035511355123551335514355153551635517355183551935520355213552235523355243552535526355273552835529355303553135532355333553435535355363553735538355393554035541355423554335544355453554635547355483554935550355513555235553355543555535556355573555835559355603556135562355633556435565355663556735568355693557035571355723557335574355753557635577355783557935580355813558235583355843558535586355873558835589355903559135592355933559435595355963559735598355993560035601356023560335604356053560635607356083560935610356113561235613356143561535616356173561835619356203562135622356233562435625356263562735628356293563035631356323563335634356353563635637356383563935640356413564235643356443564535646356473564835649356503565135652356533565435655356563565735658356593566035661356623566335664356653566635667356683566935670356713567235673356743567535676356773567835679356803568135682356833568435685356863568735688356893569035691356923569335694356953569635697356983569935700357013570235703357043570535706357073570835709357103571135712357133571435715357163571735718357193572035721357223572335724357253572635727357283572935730357313573235733357343573535736357373573835739357403574135742357433574435745357463574735748357493575035751357523575335754357553575635757357583575935760357613576235763357643576535766357673576835769357703577135772357733577435775357763577735778357793578035781357823578335784357853578635787357883578935790357913579235793357943579535796357973579835799358003580135802358033580435805358063580735808358093581035811358123581335814358153581635817358183581935820358213582235823358243582535826358273582835829358303583135832358333583435835358363583735838358393584035841358423584335844358453584635847358483584935850358513585235853358543585535856358573585835859358603586135862358633586435865358663586735868358693587035871358723587335874358753587635877358783587935880358813588235883358843588535886358873588835889358903589135892358933589435895358963589735898358993590035901359023590335904359053590635907359083590935910359113591235913359143591535916359173591835919359203592135922359233592435925359263592735928359293593035931359323593335934359353593635937359383593935940359413594235943359443594535946359473594835949359503595135952359533595435955359563595735958359593596035961359623596335964359653596635967359683596935970359713597235973359743597535976359773597835979359803598135982359833598435985359863598735988359893599035991359923599335994359953599635997359983599936000360013600236003360043600536006360073600836009360103601136012360133601436015360163601736018360193602036021360223602336024360253602636027360283602936030360313603236033360343603536036360373603836039360403604136042360433604436045360463604736048360493605036051360523605336054360553605636057360583605936060360613606236063360643606536066360673606836069360703607136072360733607436075360763607736078360793608036081360823608336084360853608636087360883608936090360913609236093360943609536096360973609836099361003610136102361033610436105361063610736108361093611036111361123611336114361153611636117361183611936120361213612236123361243612536126361273612836129361303613136132361333613436135361363613736138361393614036141361423614336144361453614636147361483614936150361513615236153361543615536156361573615836159361603616136162361633616436165361663616736168361693617036171361723617336174361753617636177361783617936180361813618236183361843618536186361873618836189361903619136192361933619436195361963619736198361993620036201362023620336204362053620636207362083620936210362113621236213362143621536216362173621836219362203622136222362233622436225362263622736228362293623036231362323623336234362353623636237362383623936240362413624236243362443624536246362473624836249362503625136252362533625436255362563625736258362593626036261362623626336264362653626636267362683626936270362713627236273362743627536276362773627836279362803628136282362833628436285362863628736288362893629036291362923629336294362953629636297362983629936300363013630236303363043630536306363073630836309363103631136312363133631436315363163631736318363193632036321363223632336324363253632636327363283632936330363313633236333363343633536336363373633836339363403634136342363433634436345363463634736348363493635036351363523635336354363553635636357363583635936360363613636236363363643636536366363673636836369363703637136372363733637436375363763637736378363793638036381363823638336384363853638636387363883638936390363913639236393363943639536396363973639836399364003640136402364033640436405364063640736408364093641036411364123641336414364153641636417364183641936420364213642236423364243642536426364273642836429364303643136432364333643436435364363643736438364393644036441364423644336444364453644636447364483644936450364513645236453364543645536456364573645836459364603646136462364633646436465364663646736468364693647036471364723647336474364753647636477364783647936480364813648236483364843648536486364873648836489364903649136492364933649436495364963649736498364993650036501365023650336504365053650636507365083650936510365113651236513365143651536516365173651836519365203652136522365233652436525365263652736528365293653036531365323653336534365353653636537365383653936540365413654236543365443654536546365473654836549365503655136552365533655436555365563655736558365593656036561365623656336564365653656636567365683656936570365713657236573365743657536576365773657836579365803658136582365833658436585365863658736588365893659036591365923659336594365953659636597365983659936600366013660236603366043660536606366073660836609366103661136612366133661436615366163661736618366193662036621366223662336624366253662636627366283662936630366313663236633366343663536636366373663836639366403664136642366433664436645366463664736648366493665036651366523665336654366553665636657366583665936660366613666236663366643666536666366673666836669366703667136672366733667436675366763667736678366793668036681366823668336684366853668636687366883668936690366913669236693366943669536696366973669836699367003670136702367033670436705367063670736708367093671036711367123671336714367153671636717367183671936720367213672236723367243672536726367273672836729367303673136732367333673436735367363673736738367393674036741367423674336744367453674636747367483674936750367513675236753367543675536756367573675836759367603676136762367633676436765367663676736768367693677036771367723677336774367753677636777367783677936780367813678236783367843678536786367873678836789367903679136792367933679436795367963679736798367993680036801368023680336804368053680636807368083680936810368113681236813368143681536816368173681836819368203682136822368233682436825368263682736828368293683036831368323683336834368353683636837368383683936840368413684236843368443684536846368473684836849368503685136852368533685436855368563685736858368593686036861368623686336864368653686636867368683686936870368713687236873368743687536876368773687836879368803688136882368833688436885368863688736888368893689036891368923689336894368953689636897368983689936900369013690236903369043690536906369073690836909369103691136912369133691436915369163691736918369193692036921369223692336924369253692636927369283692936930369313693236933369343693536936369373693836939369403694136942369433694436945369463694736948369493695036951369523695336954369553695636957369583695936960369613696236963369643696536966369673696836969369703697136972369733697436975369763697736978369793698036981369823698336984369853698636987369883698936990369913699236993369943699536996369973699836999370003700137002370033700437005370063700737008370093701037011370123701337014370153701637017370183701937020370213702237023370243702537026370273702837029370303703137032370333703437035370363703737038370393704037041370423704337044370453704637047370483704937050370513705237053370543705537056370573705837059370603706137062370633706437065370663706737068370693707037071370723707337074370753707637077370783707937080370813708237083370843708537086370873708837089370903709137092370933709437095370963709737098370993710037101371023710337104371053710637107371083710937110371113711237113371143711537116371173711837119371203712137122371233712437125371263712737128371293713037131371323713337134371353713637137371383713937140371413714237143371443714537146371473714837149371503715137152371533715437155371563715737158371593716037161371623716337164371653716637167371683716937170371713717237173371743717537176371773717837179371803718137182371833718437185371863718737188371893719037191371923719337194371953719637197371983719937200372013720237203372043720537206372073720837209372103721137212372133721437215372163721737218372193722037221372223722337224372253722637227372283722937230372313723237233372343723537236372373723837239372403724137242372433724437245372463724737248372493725037251372523725337254372553725637257372583725937260372613726237263372643726537266372673726837269372703727137272372733727437275372763727737278372793728037281372823728337284372853728637287372883728937290372913729237293372943729537296372973729837299373003730137302373033730437305373063730737308373093731037311373123731337314373153731637317373183731937320373213732237323373243732537326373273732837329373303733137332373333733437335373363733737338373393734037341373423734337344373453734637347373483734937350373513735237353373543735537356373573735837359373603736137362373633736437365373663736737368373693737037371373723737337374373753737637377373783737937380373813738237383373843738537386373873738837389373903739137392373933739437395373963739737398373993740037401374023740337404374053740637407374083740937410374113741237413374143741537416374173741837419374203742137422374233742437425374263742737428374293743037431374323743337434374353743637437374383743937440374413744237443374443744537446374473744837449374503745137452374533745437455374563745737458374593746037461374623746337464374653746637467374683746937470374713747237473374743747537476374773747837479374803748137482374833748437485374863748737488374893749037491374923749337494374953749637497374983749937500375013750237503375043750537506375073750837509375103751137512375133751437515375163751737518375193752037521375223752337524375253752637527375283752937530375313753237533375343753537536375373753837539375403754137542375433754437545375463754737548375493755037551375523755337554375553755637557375583755937560375613756237563375643756537566375673756837569375703757137572375733757437575375763757737578375793758037581375823758337584375853758637587375883758937590375913759237593375943759537596375973759837599376003760137602376033760437605376063760737608376093761037611376123761337614376153761637617376183761937620376213762237623376243762537626376273762837629376303763137632376333763437635376363763737638376393764037641376423764337644376453764637647376483764937650376513765237653376543765537656376573765837659376603766137662376633766437665376663766737668376693767037671376723767337674376753767637677376783767937680376813768237683376843768537686376873768837689376903769137692376933769437695376963769737698376993770037701377023770337704377053770637707377083770937710377113771237713377143771537716377173771837719377203772137722377233772437725377263772737728377293773037731377323773337734377353773637737377383773937740377413774237743377443774537746377473774837749377503775137752377533775437755377563775737758377593776037761377623776337764377653776637767377683776937770377713777237773377743777537776377773777837779377803778137782377833778437785377863778737788377893779037791377923779337794377953779637797377983779937800378013780237803378043780537806378073780837809378103781137812378133781437815378163781737818378193782037821378223782337824378253782637827378283782937830378313783237833378343783537836378373783837839378403784137842378433784437845378463784737848378493785037851378523785337854378553785637857378583785937860378613786237863378643786537866378673786837869378703787137872378733787437875378763787737878378793788037881378823788337884378853788637887378883788937890378913789237893378943789537896378973789837899379003790137902379033790437905379063790737908379093791037911379123791337914379153791637917379183791937920379213792237923379243792537926379273792837929379303793137932379333793437935379363793737938379393794037941379423794337944379453794637947379483794937950379513795237953379543795537956379573795837959379603796137962379633796437965379663796737968379693797037971379723797337974379753797637977379783797937980379813798237983379843798537986379873798837989379903799137992379933799437995379963799737998379993800038001380023800338004380053800638007380083800938010380113801238013380143801538016380173801838019380203802138022380233802438025380263802738028380293803038031380323803338034380353803638037380383803938040380413804238043380443804538046380473804838049380503805138052380533805438055380563805738058380593806038061380623806338064380653806638067380683806938070380713807238073380743807538076380773807838079380803808138082380833808438085380863808738088380893809038091380923809338094380953809638097380983809938100381013810238103381043810538106381073810838109381103811138112381133811438115381163811738118381193812038121381223812338124381253812638127381283812938130381313813238133381343813538136381373813838139381403814138142381433814438145381463814738148381493815038151381523815338154381553815638157381583815938160381613816238163381643816538166381673816838169381703817138172381733817438175381763817738178381793818038181381823818338184381853818638187381883818938190381913819238193381943819538196381973819838199382003820138202382033820438205382063820738208382093821038211382123821338214382153821638217382183821938220382213822238223382243822538226382273822838229382303823138232382333823438235382363823738238382393824038241382423824338244382453824638247382483824938250382513825238253382543825538256382573825838259382603826138262382633826438265382663826738268382693827038271382723827338274382753827638277382783827938280382813828238283382843828538286382873828838289382903829138292382933829438295382963829738298382993830038301383023830338304383053830638307383083830938310383113831238313383143831538316383173831838319383203832138322383233832438325383263832738328383293833038331383323833338334383353833638337383383833938340383413834238343383443834538346383473834838349383503835138352383533835438355383563835738358383593836038361383623836338364383653836638367383683836938370383713837238373383743837538376383773837838379383803838138382383833838438385383863838738388383893839038391383923839338394383953839638397383983839938400384013840238403384043840538406384073840838409384103841138412384133841438415384163841738418384193842038421384223842338424384253842638427384283842938430384313843238433384343843538436384373843838439384403844138442384433844438445384463844738448384493845038451384523845338454384553845638457384583845938460384613846238463384643846538466384673846838469384703847138472384733847438475384763847738478384793848038481384823848338484384853848638487384883848938490384913849238493384943849538496384973849838499385003850138502385033850438505385063850738508385093851038511385123851338514385153851638517385183851938520385213852238523385243852538526385273852838529385303853138532385333853438535385363853738538385393854038541385423854338544385453854638547385483854938550385513855238553385543855538556385573855838559385603856138562385633856438565385663856738568385693857038571385723857338574385753857638577385783857938580385813858238583385843858538586385873858838589385903859138592385933859438595385963859738598385993860038601386023860338604386053860638607386083860938610386113861238613386143861538616386173861838619386203862138622386233862438625386263862738628386293863038631386323863338634386353863638637386383863938640386413864238643386443864538646386473864838649386503865138652386533865438655386563865738658386593866038661386623866338664386653866638667386683866938670386713867238673386743867538676386773867838679386803868138682386833868438685386863868738688386893869038691386923869338694386953869638697386983869938700387013870238703387043870538706387073870838709387103871138712387133871438715387163871738718387193872038721387223872338724387253872638727387283872938730387313873238733387343873538736387373873838739387403874138742387433874438745387463874738748387493875038751387523875338754387553875638757387583875938760387613876238763387643876538766387673876838769387703877138772387733877438775387763877738778387793878038781387823878338784387853878638787387883878938790387913879238793387943879538796387973879838799388003880138802388033880438805388063880738808388093881038811388123881338814388153881638817388183881938820388213882238823388243882538826388273882838829388303883138832388333883438835388363883738838388393884038841388423884338844388453884638847388483884938850388513885238853388543885538856388573885838859388603886138862388633886438865388663886738868388693887038871388723887338874388753887638877388783887938880388813888238883388843888538886388873888838889388903889138892388933889438895388963889738898388993890038901389023890338904389053890638907389083890938910389113891238913389143891538916389173891838919389203892138922389233892438925389263892738928389293893038931389323893338934389353893638937389383893938940389413894238943389443894538946389473894838949389503895138952389533895438955389563895738958389593896038961389623896338964389653896638967389683896938970389713897238973389743897538976389773897838979389803898138982389833898438985389863898738988389893899038991389923899338994389953899638997389983899939000390013900239003390043900539006390073900839009390103901139012390133901439015390163901739018390193902039021390223902339024390253902639027390283902939030390313903239033390343903539036390373903839039390403904139042390433904439045390463904739048390493905039051390523905339054390553905639057390583905939060390613906239063390643906539066390673906839069390703907139072390733907439075390763907739078390793908039081390823908339084390853908639087390883908939090390913909239093390943909539096390973909839099391003910139102391033910439105391063910739108391093911039111391123911339114391153911639117391183911939120391213912239123391243912539126391273912839129391303913139132391333913439135391363913739138391393914039141391423914339144391453914639147391483914939150391513915239153391543915539156391573915839159391603916139162391633916439165391663916739168391693917039171391723917339174391753917639177391783917939180391813918239183391843918539186391873918839189391903919139192391933919439195391963919739198391993920039201392023920339204392053920639207392083920939210392113921239213392143921539216392173921839219392203922139222392233922439225392263922739228392293923039231392323923339234392353923639237392383923939240392413924239243392443924539246392473924839249392503925139252392533925439255392563925739258392593926039261392623926339264392653926639267392683926939270392713927239273392743927539276392773927839279392803928139282392833928439285392863928739288392893929039291392923929339294392953929639297392983929939300393013930239303393043930539306393073930839309393103931139312393133931439315393163931739318393193932039321393223932339324393253932639327393283932939330393313933239333393343933539336393373933839339393403934139342393433934439345393463934739348393493935039351393523935339354393553935639357393583935939360393613936239363393643936539366393673936839369393703937139372393733937439375393763937739378393793938039381393823938339384393853938639387393883938939390393913939239393393943939539396393973939839399394003940139402394033940439405394063940739408394093941039411394123941339414394153941639417394183941939420394213942239423394243942539426394273942839429394303943139432394333943439435394363943739438394393944039441394423944339444394453944639447394483944939450394513945239453394543945539456394573945839459394603946139462394633946439465394663946739468394693947039471394723947339474394753947639477394783947939480394813948239483394843948539486394873948839489394903949139492394933949439495394963949739498394993950039501395023950339504395053950639507395083950939510395113951239513395143951539516395173951839519395203952139522395233952439525395263952739528395293953039531395323953339534395353953639537395383953939540395413954239543395443954539546395473954839549395503955139552395533955439555395563955739558395593956039561395623956339564395653956639567395683956939570395713957239573395743957539576395773957839579395803958139582395833958439585395863958739588395893959039591395923959339594395953959639597395983959939600396013960239603396043960539606396073960839609396103961139612396133961439615396163961739618396193962039621396223962339624396253962639627396283962939630396313963239633396343963539636396373963839639396403964139642396433964439645396463964739648396493965039651396523965339654396553965639657396583965939660396613966239663396643966539666396673966839669396703967139672396733967439675396763967739678396793968039681396823968339684396853968639687396883968939690396913969239693396943969539696396973969839699397003970139702397033970439705397063970739708397093971039711397123971339714397153971639717397183971939720397213972239723397243972539726397273972839729397303973139732397333973439735397363973739738397393974039741397423974339744397453974639747397483974939750397513975239753397543975539756397573975839759397603976139762397633976439765397663976739768397693977039771397723977339774397753977639777397783977939780397813978239783397843978539786397873978839789397903979139792397933979439795397963979739798397993980039801398023980339804398053980639807398083980939810398113981239813398143981539816398173981839819398203982139822398233982439825398263982739828398293983039831398323983339834398353983639837398383983939840398413984239843398443984539846398473984839849398503985139852398533985439855398563985739858398593986039861398623986339864398653986639867398683986939870398713987239873398743987539876398773987839879398803988139882398833988439885398863988739888398893989039891398923989339894398953989639897398983989939900399013990239903399043990539906399073990839909399103991139912399133991439915399163991739918399193992039921399223992339924399253992639927399283992939930399313993239933399343993539936399373993839939399403994139942399433994439945399463994739948399493995039951399523995339954399553995639957399583995939960399613996239963399643996539966399673996839969399703997139972399733997439975399763997739978399793998039981399823998339984399853998639987399883998939990399913999239993399943999539996399973999839999400004000140002400034000440005400064000740008400094001040011400124001340014400154001640017400184001940020400214002240023400244002540026400274002840029400304003140032400334003440035400364003740038400394004040041400424004340044400454004640047400484004940050400514005240053400544005540056400574005840059400604006140062400634006440065400664006740068400694007040071400724007340074400754007640077400784007940080400814008240083400844008540086400874008840089400904009140092400934009440095400964009740098400994010040101401024010340104401054010640107401084010940110401114011240113401144011540116401174011840119401204012140122401234012440125401264012740128401294013040131401324013340134401354013640137401384013940140401414014240143401444014540146401474014840149401504015140152401534015440155401564015740158401594016040161401624016340164401654016640167401684016940170401714017240173401744017540176401774017840179401804018140182401834018440185401864018740188401894019040191401924019340194401954019640197401984019940200402014020240203402044020540206402074020840209402104021140212402134021440215402164021740218402194022040221402224022340224402254022640227402284022940230402314023240233402344023540236402374023840239402404024140242402434024440245402464024740248402494025040251402524025340254402554025640257402584025940260402614026240263402644026540266402674026840269402704027140272402734027440275402764027740278402794028040281402824028340284402854028640287402884028940290402914029240293402944029540296402974029840299403004030140302403034030440305403064030740308403094031040311403124031340314403154031640317403184031940320403214032240323403244032540326403274032840329403304033140332403334033440335403364033740338403394034040341403424034340344403454034640347403484034940350403514035240353403544035540356403574035840359403604036140362403634036440365403664036740368403694037040371403724037340374403754037640377403784037940380403814038240383403844038540386403874038840389403904039140392403934039440395403964039740398403994040040401404024040340404404054040640407404084040940410404114041240413404144041540416404174041840419404204042140422404234042440425404264042740428404294043040431404324043340434404354043640437404384043940440404414044240443404444044540446404474044840449404504045140452404534045440455404564045740458404594046040461404624046340464404654046640467404684046940470404714047240473404744047540476404774047840479404804048140482404834048440485404864048740488404894049040491404924049340494404954049640497404984049940500405014050240503405044050540506405074050840509405104051140512405134051440515405164051740518405194052040521405224052340524405254052640527405284052940530405314053240533405344053540536405374053840539405404054140542405434054440545405464054740548405494055040551405524055340554405554055640557405584055940560405614056240563405644056540566405674056840569405704057140572405734057440575405764057740578405794058040581405824058340584405854058640587405884058940590405914059240593405944059540596405974059840599406004060140602406034060440605406064060740608406094061040611406124061340614406154061640617406184061940620406214062240623406244062540626406274062840629406304063140632406334063440635406364063740638406394064040641406424064340644406454064640647406484064940650406514065240653406544065540656406574065840659406604066140662406634066440665406664066740668406694067040671406724067340674406754067640677406784067940680406814068240683406844068540686406874068840689406904069140692406934069440695406964069740698406994070040701407024070340704407054070640707407084070940710407114071240713407144071540716407174071840719407204072140722407234072440725407264072740728407294073040731407324073340734407354073640737407384073940740407414074240743407444074540746407474074840749407504075140752407534075440755407564075740758407594076040761407624076340764407654076640767407684076940770407714077240773407744077540776407774077840779407804078140782407834078440785407864078740788407894079040791407924079340794407954079640797407984079940800408014080240803408044080540806408074080840809408104081140812408134081440815408164081740818408194082040821408224082340824408254082640827408284082940830408314083240833408344083540836408374083840839408404084140842408434084440845408464084740848408494085040851408524085340854408554085640857408584085940860408614086240863408644086540866408674086840869408704087140872408734087440875408764087740878408794088040881408824088340884408854088640887408884088940890408914089240893408944089540896408974089840899409004090140902409034090440905409064090740908409094091040911409124091340914409154091640917409184091940920409214092240923409244092540926409274092840929409304093140932409334093440935409364093740938409394094040941409424094340944409454094640947409484094940950409514095240953409544095540956409574095840959409604096140962409634096440965409664096740968409694097040971409724097340974409754097640977409784097940980409814098240983409844098540986409874098840989409904099140992409934099440995409964099740998409994100041001410024100341004410054100641007410084100941010410114101241013410144101541016410174101841019410204102141022410234102441025410264102741028410294103041031410324103341034410354103641037410384103941040410414104241043410444104541046410474104841049410504105141052410534105441055410564105741058410594106041061410624106341064410654106641067410684106941070410714107241073410744107541076410774107841079410804108141082410834108441085410864108741088410894109041091410924109341094410954109641097410984109941100411014110241103411044110541106411074110841109411104111141112411134111441115411164111741118411194112041121411224112341124411254112641127411284112941130411314113241133411344113541136411374113841139411404114141142411434114441145411464114741148411494115041151411524115341154411554115641157411584115941160411614116241163411644116541166411674116841169411704117141172411734117441175411764117741178411794118041181411824118341184411854118641187411884118941190411914119241193411944119541196411974119841199412004120141202412034120441205412064120741208412094121041211412124121341214412154121641217412184121941220412214122241223412244122541226412274122841229412304123141232412334123441235412364123741238412394124041241412424124341244412454124641247412484124941250412514125241253412544125541256412574125841259412604126141262412634126441265412664126741268412694127041271412724127341274412754127641277412784127941280412814128241283412844128541286412874128841289412904129141292412934129441295412964129741298412994130041301413024130341304413054130641307413084130941310413114131241313413144131541316413174131841319413204132141322413234132441325413264132741328413294133041331413324133341334413354133641337413384133941340413414134241343413444134541346413474134841349413504135141352413534135441355413564135741358413594136041361413624136341364413654136641367413684136941370413714137241373413744137541376413774137841379413804138141382413834138441385413864138741388413894139041391413924139341394413954139641397413984139941400414014140241403414044140541406414074140841409414104141141412414134141441415414164141741418414194142041421414224142341424414254142641427414284142941430414314143241433414344143541436414374143841439414404144141442414434144441445414464144741448414494145041451414524145341454414554145641457414584145941460414614146241463414644146541466414674146841469414704147141472414734147441475414764147741478414794148041481414824148341484414854148641487414884148941490414914149241493414944149541496414974149841499415004150141502415034150441505415064150741508415094151041511415124151341514415154151641517415184151941520415214152241523415244152541526415274152841529415304153141532415334153441535415364153741538415394154041541415424154341544415454154641547415484154941550415514155241553415544155541556415574155841559415604156141562415634156441565415664156741568415694157041571415724157341574415754157641577415784157941580415814158241583415844158541586415874158841589415904159141592415934159441595415964159741598415994160041601416024160341604416054160641607416084160941610416114161241613416144161541616416174161841619416204162141622416234162441625416264162741628416294163041631416324163341634416354163641637416384163941640416414164241643416444164541646416474164841649416504165141652416534165441655416564165741658416594166041661416624166341664416654166641667416684166941670416714167241673416744167541676416774167841679416804168141682416834168441685416864168741688416894169041691416924169341694416954169641697416984169941700417014170241703417044170541706417074170841709417104171141712417134171441715417164171741718417194172041721417224172341724417254172641727417284172941730417314173241733417344173541736417374173841739417404174141742417434174441745417464174741748417494175041751417524175341754417554175641757417584175941760417614176241763417644176541766417674176841769417704177141772417734177441775417764177741778417794178041781417824178341784417854178641787417884178941790417914179241793417944179541796417974179841799418004180141802418034180441805418064180741808418094181041811418124181341814418154181641817418184181941820418214182241823418244182541826418274182841829418304183141832418334183441835418364183741838418394184041841418424184341844418454184641847418484184941850418514185241853418544185541856418574185841859418604186141862418634186441865418664186741868418694187041871418724187341874418754187641877418784187941880418814188241883418844188541886418874188841889418904189141892418934189441895418964189741898418994190041901419024190341904419054190641907419084190941910419114191241913419144191541916419174191841919419204192141922419234192441925419264192741928419294193041931419324193341934419354193641937419384193941940419414194241943419444194541946419474194841949419504195141952419534195441955419564195741958419594196041961419624196341964419654196641967419684196941970419714197241973419744197541976419774197841979419804198141982419834198441985419864198741988419894199041991419924199341994419954199641997419984199942000420014200242003420044200542006420074200842009420104201142012420134201442015420164201742018420194202042021420224202342024420254202642027420284202942030420314203242033420344203542036420374203842039420404204142042420434204442045420464204742048420494205042051420524205342054420554205642057420584205942060420614206242063420644206542066420674206842069420704207142072420734207442075420764207742078420794208042081420824208342084420854208642087420884208942090420914209242093420944209542096420974209842099421004210142102421034210442105421064210742108421094211042111421124211342114421154211642117421184211942120421214212242123421244212542126421274212842129421304213142132421334213442135421364213742138421394214042141421424214342144421454214642147421484214942150421514215242153421544215542156421574215842159421604216142162421634216442165421664216742168421694217042171421724217342174421754217642177421784217942180421814218242183421844218542186421874218842189421904219142192421934219442195421964219742198421994220042201422024220342204422054220642207422084220942210422114221242213422144221542216422174221842219422204222142222422234222442225422264222742228422294223042231422324223342234422354223642237422384223942240422414224242243422444224542246422474224842249422504225142252422534225442255422564225742258422594226042261422624226342264422654226642267422684226942270422714227242273422744227542276422774227842279422804228142282422834228442285422864228742288422894229042291422924229342294422954229642297422984229942300423014230242303423044230542306423074230842309423104231142312423134231442315423164231742318423194232042321423224232342324423254232642327423284232942330423314233242333423344233542336423374233842339423404234142342423434234442345423464234742348423494235042351423524235342354423554235642357423584235942360423614236242363423644236542366423674236842369423704237142372423734237442375423764237742378423794238042381423824238342384423854238642387423884238942390423914239242393423944239542396423974239842399424004240142402424034240442405424064240742408424094241042411424124241342414424154241642417424184241942420424214242242423424244242542426424274242842429424304243142432424334243442435424364243742438424394244042441424424244342444424454244642447424484244942450424514245242453424544245542456424574245842459424604246142462424634246442465424664246742468424694247042471424724247342474424754247642477424784247942480424814248242483424844248542486424874248842489424904249142492424934249442495424964249742498424994250042501425024250342504425054250642507425084250942510425114251242513425144251542516425174251842519425204252142522425234252442525425264252742528425294253042531425324253342534425354253642537425384253942540425414254242543425444254542546425474254842549425504255142552425534255442555425564255742558425594256042561425624256342564425654256642567425684256942570425714257242573425744257542576425774257842579425804258142582425834258442585425864258742588425894259042591425924259342594425954259642597425984259942600426014260242603426044260542606426074260842609426104261142612426134261442615426164261742618426194262042621426224262342624426254262642627426284262942630426314263242633426344263542636426374263842639426404264142642426434264442645426464264742648426494265042651426524265342654426554265642657426584265942660426614266242663426644266542666426674266842669426704267142672426734267442675426764267742678426794268042681426824268342684426854268642687426884268942690426914269242693426944269542696426974269842699427004270142702427034270442705427064270742708427094271042711427124271342714427154271642717427184271942720427214272242723427244272542726427274272842729427304273142732427334273442735427364273742738427394274042741427424274342744427454274642747427484274942750427514275242753427544275542756427574275842759427604276142762427634276442765427664276742768427694277042771427724277342774427754277642777427784277942780427814278242783427844278542786427874278842789427904279142792427934279442795427964279742798427994280042801428024280342804428054280642807428084280942810428114281242813428144281542816428174281842819428204282142822428234282442825428264282742828428294283042831428324283342834428354283642837428384283942840428414284242843428444284542846428474284842849428504285142852428534285442855428564285742858428594286042861428624286342864428654286642867428684286942870428714287242873428744287542876428774287842879428804288142882428834288442885428864288742888428894289042891428924289342894428954289642897428984289942900429014290242903429044290542906429074290842909429104291142912429134291442915429164291742918429194292042921429224292342924429254292642927429284292942930429314293242933429344293542936429374293842939429404294142942429434294442945429464294742948429494295042951429524295342954429554295642957429584295942960429614296242963429644296542966429674296842969429704297142972429734297442975429764297742978429794298042981429824298342984429854298642987429884298942990429914299242993429944299542996429974299842999430004300143002430034300443005430064300743008430094301043011430124301343014430154301643017430184301943020430214302243023430244302543026430274302843029430304303143032430334303443035430364303743038430394304043041430424304343044430454304643047430484304943050430514305243053430544305543056430574305843059430604306143062430634306443065430664306743068430694307043071430724307343074430754307643077430784307943080430814308243083430844308543086430874308843089430904309143092430934309443095430964309743098430994310043101431024310343104431054310643107431084310943110431114311243113431144311543116431174311843119431204312143122431234312443125431264312743128431294313043131431324313343134431354313643137431384313943140431414314243143431444314543146431474314843149431504315143152431534315443155431564315743158431594316043161431624316343164431654316643167431684316943170431714317243173431744317543176431774317843179431804318143182431834318443185431864318743188431894319043191431924319343194431954319643197431984319943200432014320243203432044320543206432074320843209432104321143212432134321443215432164321743218432194322043221432224322343224432254322643227432284322943230432314323243233432344323543236432374323843239432404324143242432434324443245432464324743248432494325043251432524325343254432554325643257432584325943260432614326243263432644326543266432674326843269432704327143272432734327443275432764327743278432794328043281432824328343284432854328643287432884328943290432914329243293432944329543296432974329843299433004330143302433034330443305433064330743308433094331043311433124331343314433154331643317433184331943320433214332243323433244332543326433274332843329433304333143332433334333443335433364333743338433394334043341433424334343344433454334643347433484334943350433514335243353433544335543356433574335843359433604336143362433634336443365433664336743368433694337043371433724337343374433754337643377433784337943380433814338243383433844338543386433874338843389433904339143392433934339443395433964339743398433994340043401434024340343404434054340643407434084340943410434114341243413434144341543416434174341843419434204342143422434234342443425434264342743428434294343043431434324343343434434354343643437434384343943440434414344243443434444344543446434474344843449434504345143452434534345443455434564345743458434594346043461434624346343464434654346643467434684346943470434714347243473434744347543476434774347843479434804348143482434834348443485434864348743488434894349043491434924349343494434954349643497434984349943500435014350243503435044350543506435074350843509435104351143512435134351443515435164351743518435194352043521435224352343524435254352643527435284352943530435314353243533435344353543536435374353843539435404354143542435434354443545435464354743548435494355043551435524355343554435554355643557435584355943560435614356243563435644356543566435674356843569435704357143572435734357443575435764357743578435794358043581435824358343584435854358643587435884358943590435914359243593435944359543596435974359843599436004360143602436034360443605436064360743608436094361043611436124361343614436154361643617436184361943620436214362243623436244362543626436274362843629436304363143632436334363443635436364363743638436394364043641436424364343644436454364643647436484364943650436514365243653436544365543656436574365843659436604366143662436634366443665436664366743668436694367043671436724367343674436754367643677436784367943680436814368243683436844368543686436874368843689436904369143692436934369443695436964369743698436994370043701437024370343704437054370643707437084370943710437114371243713437144371543716437174371843719437204372143722437234372443725437264372743728437294373043731437324373343734437354373643737437384373943740437414374243743437444374543746437474374843749437504375143752437534375443755437564375743758437594376043761437624376343764437654376643767437684376943770437714377243773437744377543776437774377843779437804378143782437834378443785437864378743788437894379043791437924379343794437954379643797437984379943800438014380243803438044380543806438074380843809438104381143812438134381443815438164381743818438194382043821438224382343824438254382643827438284382943830438314383243833438344383543836438374383843839438404384143842438434384443845438464384743848438494385043851438524385343854438554385643857438584385943860438614386243863438644386543866438674386843869438704387143872438734387443875438764387743878438794388043881438824388343884438854388643887438884388943890438914389243893438944389543896438974389843899439004390143902439034390443905439064390743908439094391043911439124391343914439154391643917439184391943920439214392243923439244392543926439274392843929439304393143932439334393443935439364393743938439394394043941439424394343944439454394643947439484394943950439514395243953439544395543956439574395843959439604396143962439634396443965439664396743968439694397043971439724397343974439754397643977439784397943980439814398243983439844398543986439874398843989439904399143992439934399443995439964399743998439994400044001440024400344004440054400644007440084400944010440114401244013440144401544016440174401844019440204402144022440234402444025440264402744028440294403044031440324403344034440354403644037440384403944040440414404244043440444404544046440474404844049440504405144052440534405444055440564405744058440594406044061440624406344064440654406644067440684406944070440714407244073440744407544076440774407844079440804408144082440834408444085440864408744088440894409044091440924409344094440954409644097440984409944100441014410244103441044410544106441074410844109441104411144112441134411444115441164411744118441194412044121441224412344124441254412644127441284412944130441314413244133441344413544136441374413844139441404414144142441434414444145441464414744148441494415044151441524415344154441554415644157441584415944160441614416244163441644416544166441674416844169441704417144172441734417444175441764417744178441794418044181441824418344184441854418644187441884418944190441914419244193441944419544196441974419844199442004420144202442034420444205442064420744208442094421044211442124421344214442154421644217442184421944220442214422244223442244422544226442274422844229442304423144232442334423444235442364423744238442394424044241442424424344244442454424644247442484424944250442514425244253442544425544256442574425844259442604426144262442634426444265442664426744268442694427044271442724427344274442754427644277442784427944280442814428244283442844428544286442874428844289442904429144292442934429444295442964429744298442994430044301443024430344304443054430644307443084430944310443114431244313443144431544316443174431844319443204432144322443234432444325443264432744328443294433044331443324433344334443354433644337443384433944340443414434244343443444434544346443474434844349443504435144352443534435444355443564435744358443594436044361443624436344364443654436644367443684436944370443714437244373443744437544376443774437844379443804438144382443834438444385443864438744388443894439044391443924439344394443954439644397443984439944400444014440244403444044440544406444074440844409444104441144412444134441444415444164441744418444194442044421444224442344424444254442644427444284442944430444314443244433444344443544436444374443844439444404444144442444434444444445444464444744448444494445044451444524445344454444554445644457444584445944460444614446244463444644446544466444674446844469444704447144472444734447444475444764447744478444794448044481444824448344484444854448644487444884448944490444914449244493444944449544496444974449844499445004450144502445034450444505445064450744508445094451044511445124451344514445154451644517445184451944520445214452244523445244452544526445274452844529445304453144532445334453444535445364453744538445394454044541445424454344544445454454644547445484454944550445514455244553445544455544556445574455844559445604456144562445634456444565445664456744568445694457044571445724457344574445754457644577445784457944580445814458244583445844458544586445874458844589445904459144592445934459444595445964459744598445994460044601446024460344604446054460644607446084460944610446114461244613446144461544616446174461844619446204462144622446234462444625446264462744628446294463044631446324463344634446354463644637446384463944640446414464244643446444464544646446474464844649446504465144652446534465444655446564465744658446594466044661446624466344664446654466644667446684466944670446714467244673446744467544676446774467844679446804468144682446834468444685446864468744688446894469044691446924469344694446954469644697446984469944700447014470244703447044470544706447074470844709447104471144712447134471444715447164471744718447194472044721447224472344724447254472644727447284472944730447314473244733447344473544736447374473844739447404474144742447434474444745447464474744748447494475044751447524475344754447554475644757447584475944760447614476244763447644476544766447674476844769447704477144772447734477444775447764477744778447794478044781447824478344784447854478644787447884478944790447914479244793447944479544796447974479844799448004480144802448034480444805448064480744808448094481044811448124481344814448154481644817448184481944820448214482244823448244482544826448274482844829448304483144832448334483444835448364483744838448394484044841448424484344844448454484644847448484484944850448514485244853448544485544856448574485844859448604486144862448634486444865448664486744868448694487044871448724487344874448754487644877448784487944880448814488244883448844488544886448874488844889448904489144892448934489444895448964489744898448994490044901449024490344904449054490644907449084490944910449114491244913449144491544916449174491844919449204492144922449234492444925449264492744928449294493044931449324493344934449354493644937449384493944940449414494244943449444494544946449474494844949449504495144952449534495444955449564495744958449594496044961449624496344964449654496644967449684496944970449714497244973449744497544976449774497844979449804498144982449834498444985449864498744988449894499044991449924499344994449954499644997449984499945000450014500245003450044500545006450074500845009450104501145012450134501445015450164501745018450194502045021450224502345024450254502645027450284502945030450314503245033450344503545036450374503845039450404504145042450434504445045450464504745048450494505045051450524505345054450554505645057450584505945060450614506245063450644506545066450674506845069450704507145072450734507445075450764507745078450794508045081450824508345084450854508645087450884508945090450914509245093450944509545096450974509845099451004510145102451034510445105451064510745108451094511045111451124511345114451154511645117451184511945120451214512245123451244512545126451274512845129451304513145132451334513445135451364513745138451394514045141451424514345144451454514645147451484514945150451514515245153451544515545156451574515845159451604516145162451634516445165451664516745168451694517045171451724517345174451754517645177451784517945180451814518245183451844518545186451874518845189451904519145192451934519445195451964519745198451994520045201452024520345204452054520645207452084520945210452114521245213452144521545216452174521845219452204522145222452234522445225452264522745228452294523045231452324523345234452354523645237452384523945240452414524245243452444524545246452474524845249452504525145252452534525445255452564525745258452594526045261452624526345264452654526645267452684526945270452714527245273452744527545276452774527845279452804528145282452834528445285452864528745288452894529045291452924529345294452954529645297452984529945300453014530245303453044530545306453074530845309453104531145312453134531445315453164531745318453194532045321453224532345324453254532645327453284532945330453314533245333453344533545336453374533845339453404534145342453434534445345453464534745348453494535045351453524535345354453554535645357453584535945360453614536245363453644536545366453674536845369453704537145372453734537445375453764537745378453794538045381453824538345384453854538645387453884538945390453914539245393453944539545396453974539845399454004540145402454034540445405454064540745408454094541045411454124541345414454154541645417454184541945420454214542245423454244542545426454274542845429454304543145432454334543445435454364543745438454394544045441454424544345444454454544645447454484544945450454514545245453454544545545456454574545845459454604546145462454634546445465454664546745468454694547045471454724547345474454754547645477454784547945480454814548245483454844548545486454874548845489454904549145492454934549445495454964549745498454994550045501455024550345504455054550645507455084550945510455114551245513455144551545516455174551845519455204552145522455234552445525455264552745528455294553045531455324553345534455354553645537455384553945540455414554245543455444554545546455474554845549455504555145552455534555445555455564555745558455594556045561455624556345564455654556645567455684556945570455714557245573455744557545576455774557845579455804558145582455834558445585455864558745588455894559045591455924559345594455954559645597455984559945600456014560245603456044560545606456074560845609456104561145612456134561445615456164561745618456194562045621456224562345624456254562645627456284562945630456314563245633456344563545636456374563845639456404564145642456434564445645456464564745648456494565045651456524565345654456554565645657456584565945660456614566245663456644566545666456674566845669456704567145672456734567445675456764567745678456794568045681456824568345684456854568645687456884568945690456914569245693456944569545696456974569845699457004570145702457034570445705457064570745708457094571045711457124571345714457154571645717457184571945720457214572245723457244572545726457274572845729457304573145732457334573445735457364573745738457394574045741457424574345744457454574645747457484574945750457514575245753457544575545756457574575845759457604576145762457634576445765457664576745768457694577045771457724577345774457754577645777457784577945780457814578245783457844578545786457874578845789457904579145792457934579445795457964579745798457994580045801458024580345804458054580645807458084580945810458114581245813458144581545816458174581845819458204582145822458234582445825458264582745828458294583045831458324583345834458354583645837458384583945840458414584245843458444584545846458474584845849458504585145852458534585445855458564585745858458594586045861458624586345864458654586645867458684586945870458714587245873458744587545876458774587845879458804588145882458834588445885458864588745888458894589045891458924589345894458954589645897458984589945900459014590245903459044590545906459074590845909459104591145912459134591445915459164591745918459194592045921459224592345924459254592645927459284592945930459314593245933459344593545936459374593845939459404594145942459434594445945459464594745948459494595045951459524595345954459554595645957459584595945960459614596245963459644596545966459674596845969459704597145972459734597445975459764597745978459794598045981459824598345984459854598645987459884598945990459914599245993459944599545996459974599845999460004600146002460034600446005460064600746008460094601046011460124601346014460154601646017460184601946020460214602246023460244602546026460274602846029460304603146032460334603446035460364603746038460394604046041460424604346044460454604646047460484604946050460514605246053460544605546056460574605846059460604606146062460634606446065460664606746068460694607046071460724607346074460754607646077460784607946080460814608246083460844608546086460874608846089460904609146092460934609446095460964609746098460994610046101461024610346104461054610646107461084610946110461114611246113461144611546116461174611846119461204612146122461234612446125461264612746128461294613046131461324613346134461354613646137461384613946140461414614246143461444614546146461474614846149461504615146152461534615446155461564615746158461594616046161461624616346164461654616646167461684616946170461714617246173461744617546176461774617846179461804618146182461834618446185461864618746188461894619046191461924619346194461954619646197461984619946200462014620246203462044620546206462074620846209462104621146212462134621446215462164621746218462194622046221462224622346224462254622646227462284622946230462314623246233462344623546236462374623846239462404624146242462434624446245462464624746248462494625046251462524625346254462554625646257462584625946260462614626246263462644626546266462674626846269462704627146272462734627446275462764627746278462794628046281462824628346284462854628646287462884628946290462914629246293462944629546296462974629846299463004630146302463034630446305463064630746308463094631046311463124631346314463154631646317463184631946320463214632246323463244632546326463274632846329463304633146332463334633446335463364633746338463394634046341463424634346344463454634646347463484634946350463514635246353463544635546356463574635846359463604636146362463634636446365463664636746368463694637046371463724637346374463754637646377463784637946380463814638246383463844638546386463874638846389463904639146392463934639446395463964639746398463994640046401464024640346404464054640646407464084640946410464114641246413464144641546416464174641846419464204642146422464234642446425464264642746428464294643046431464324643346434464354643646437464384643946440464414644246443464444644546446464474644846449464504645146452464534645446455464564645746458464594646046461464624646346464464654646646467464684646946470464714647246473464744647546476464774647846479464804648146482464834648446485464864648746488464894649046491464924649346494464954649646497464984649946500465014650246503465044650546506465074650846509465104651146512465134651446515465164651746518465194652046521465224652346524465254652646527465284652946530465314653246533465344653546536465374653846539465404654146542465434654446545465464654746548465494655046551465524655346554465554655646557465584655946560465614656246563465644656546566465674656846569465704657146572465734657446575465764657746578465794658046581465824658346584465854658646587465884658946590465914659246593465944659546596465974659846599466004660146602466034660446605466064660746608466094661046611466124661346614466154661646617466184661946620466214662246623466244662546626466274662846629466304663146632466334663446635466364663746638466394664046641466424664346644466454664646647466484664946650466514665246653466544665546656466574665846659466604666146662466634666446665466664666746668466694667046671466724667346674466754667646677466784667946680466814668246683466844668546686466874668846689466904669146692466934669446695466964669746698466994670046701467024670346704467054670646707467084670946710467114671246713467144671546716467174671846719467204672146722467234672446725467264672746728467294673046731467324673346734467354673646737467384673946740467414674246743467444674546746467474674846749467504675146752467534675446755467564675746758467594676046761467624676346764467654676646767467684676946770467714677246773467744677546776467774677846779467804678146782467834678446785467864678746788467894679046791467924679346794467954679646797467984679946800468014680246803468044680546806468074680846809468104681146812468134681446815468164681746818468194682046821468224682346824468254682646827468284682946830468314683246833468344683546836468374683846839468404684146842468434684446845468464684746848468494685046851468524685346854468554685646857468584685946860468614686246863468644686546866468674686846869468704687146872468734687446875468764687746878468794688046881468824688346884468854688646887468884688946890468914689246893468944689546896468974689846899469004690146902469034690446905469064690746908469094691046911469124691346914469154691646917469184691946920469214692246923469244692546926469274692846929469304693146932469334693446935469364693746938469394694046941469424694346944469454694646947469484694946950469514695246953469544695546956469574695846959469604696146962469634696446965469664696746968469694697046971469724697346974469754697646977469784697946980469814698246983469844698546986469874698846989469904699146992469934699446995469964699746998469994700047001470024700347004470054700647007470084700947010470114701247013470144701547016470174701847019470204702147022470234702447025470264702747028470294703047031470324703347034470354703647037470384703947040470414704247043470444704547046470474704847049470504705147052470534705447055470564705747058470594706047061470624706347064470654706647067470684706947070470714707247073470744707547076470774707847079470804708147082470834708447085470864708747088470894709047091470924709347094470954709647097470984709947100471014710247103471044710547106471074710847109471104711147112471134711447115471164711747118471194712047121471224712347124471254712647127471284712947130471314713247133471344713547136471374713847139471404714147142471434714447145471464714747148471494715047151471524715347154471554715647157471584715947160471614716247163471644716547166471674716847169471704717147172471734717447175471764717747178471794718047181471824718347184471854718647187471884718947190471914719247193471944719547196471974719847199472004720147202472034720447205472064720747208472094721047211472124721347214472154721647217472184721947220472214722247223472244722547226472274722847229472304723147232472334723447235472364723747238472394724047241472424724347244472454724647247472484724947250472514725247253472544725547256472574725847259472604726147262472634726447265472664726747268472694727047271472724727347274472754727647277472784727947280472814728247283472844728547286472874728847289472904729147292472934729447295472964729747298472994730047301473024730347304473054730647307473084730947310473114731247313473144731547316473174731847319473204732147322473234732447325473264732747328473294733047331473324733347334473354733647337473384733947340473414734247343473444734547346473474734847349473504735147352473534735447355473564735747358473594736047361473624736347364473654736647367473684736947370473714737247373473744737547376473774737847379473804738147382473834738447385473864738747388473894739047391473924739347394473954739647397473984739947400474014740247403474044740547406474074740847409474104741147412474134741447415474164741747418474194742047421474224742347424474254742647427474284742947430474314743247433474344743547436474374743847439474404744147442474434744447445474464744747448474494745047451474524745347454474554745647457474584745947460474614746247463474644746547466474674746847469474704747147472474734747447475474764747747478474794748047481474824748347484474854748647487474884748947490474914749247493474944749547496474974749847499475004750147502475034750447505475064750747508475094751047511475124751347514475154751647517475184751947520475214752247523475244752547526475274752847529475304753147532475334753447535475364753747538475394754047541475424754347544475454754647547475484754947550475514755247553475544755547556475574755847559475604756147562475634756447565475664756747568475694757047571475724757347574475754757647577475784757947580475814758247583475844758547586475874758847589475904759147592475934759447595475964759747598475994760047601476024760347604476054760647607476084760947610476114761247613476144761547616476174761847619476204762147622476234762447625476264762747628476294763047631476324763347634476354763647637476384763947640476414764247643476444764547646476474764847649476504765147652476534765447655476564765747658476594766047661476624766347664476654766647667476684766947670476714767247673476744767547676476774767847679476804768147682476834768447685476864768747688476894769047691476924769347694476954769647697476984769947700477014770247703477044770547706477074770847709477104771147712477134771447715477164771747718477194772047721477224772347724477254772647727477284772947730477314773247733477344773547736477374773847739477404774147742477434774447745477464774747748477494775047751477524775347754477554775647757477584775947760477614776247763477644776547766477674776847769477704777147772477734777447775477764777747778477794778047781477824778347784477854778647787477884778947790477914779247793477944779547796477974779847799478004780147802478034780447805478064780747808478094781047811478124781347814478154781647817478184781947820478214782247823478244782547826478274782847829478304783147832478334783447835478364783747838478394784047841478424784347844478454784647847478484784947850478514785247853478544785547856478574785847859478604786147862478634786447865478664786747868478694787047871478724787347874478754787647877478784787947880478814788247883478844788547886478874788847889478904789147892478934789447895478964789747898478994790047901479024790347904479054790647907479084790947910479114791247913479144791547916479174791847919479204792147922479234792447925479264792747928479294793047931479324793347934479354793647937479384793947940479414794247943479444794547946479474794847949479504795147952479534795447955479564795747958479594796047961479624796347964479654796647967479684796947970479714797247973479744797547976479774797847979479804798147982479834798447985479864798747988479894799047991479924799347994479954799647997479984799948000480014800248003480044800548006480074800848009480104801148012480134801448015480164801748018480194802048021480224802348024480254802648027480284802948030480314803248033480344803548036480374803848039480404804148042480434804448045480464804748048480494805048051480524805348054480554805648057480584805948060480614806248063480644806548066480674806848069480704807148072480734807448075480764807748078480794808048081480824808348084480854808648087480884808948090480914809248093480944809548096480974809848099481004810148102481034810448105481064810748108481094811048111481124811348114481154811648117481184811948120481214812248123481244812548126481274812848129481304813148132481334813448135481364813748138481394814048141481424814348144481454814648147481484814948150481514815248153481544815548156481574815848159481604816148162481634816448165481664816748168481694817048171481724817348174481754817648177481784817948180481814818248183481844818548186481874818848189481904819148192481934819448195481964819748198481994820048201482024820348204482054820648207482084820948210482114821248213482144821548216482174821848219482204822148222482234822448225482264822748228482294823048231482324823348234482354823648237482384823948240482414824248243482444824548246482474824848249482504825148252482534825448255482564825748258482594826048261482624826348264482654826648267482684826948270482714827248273482744827548276482774827848279482804828148282482834828448285482864828748288482894829048291482924829348294482954829648297482984829948300483014830248303483044830548306483074830848309483104831148312483134831448315483164831748318483194832048321483224832348324483254832648327483284832948330483314833248333483344833548336483374833848339483404834148342483434834448345483464834748348483494835048351483524835348354483554835648357483584835948360483614836248363483644836548366483674836848369483704837148372483734837448375483764837748378483794838048381483824838348384483854838648387483884838948390483914839248393483944839548396483974839848399484004840148402484034840448405484064840748408484094841048411484124841348414484154841648417484184841948420484214842248423484244842548426484274842848429484304843148432484334843448435484364843748438484394844048441484424844348444484454844648447484484844948450484514845248453484544845548456484574845848459484604846148462484634846448465484664846748468484694847048471484724847348474484754847648477484784847948480484814848248483484844848548486484874848848489484904849148492484934849448495484964849748498484994850048501485024850348504485054850648507485084850948510485114851248513485144851548516485174851848519485204852148522485234852448525485264852748528485294853048531485324853348534485354853648537485384853948540485414854248543485444854548546485474854848549485504855148552485534855448555485564855748558485594856048561485624856348564485654856648567485684856948570485714857248573485744857548576485774857848579485804858148582485834858448585485864858748588485894859048591485924859348594485954859648597485984859948600486014860248603486044860548606486074860848609486104861148612486134861448615486164861748618486194862048621486224862348624486254862648627486284862948630486314863248633486344863548636486374863848639486404864148642486434864448645486464864748648486494865048651486524865348654486554865648657486584865948660486614866248663486644866548666486674866848669486704867148672486734867448675486764867748678486794868048681486824868348684486854868648687486884868948690486914869248693486944869548696486974869848699487004870148702487034870448705487064870748708487094871048711487124871348714487154871648717487184871948720487214872248723487244872548726487274872848729487304873148732487334873448735487364873748738487394874048741487424874348744487454874648747487484874948750487514875248753487544875548756487574875848759487604876148762487634876448765487664876748768487694877048771487724877348774487754877648777487784877948780487814878248783487844878548786487874878848789487904879148792487934879448795487964879748798487994880048801488024880348804488054880648807488084880948810488114881248813488144881548816488174881848819488204882148822488234882448825488264882748828488294883048831488324883348834488354883648837488384883948840488414884248843488444884548846488474884848849488504885148852488534885448855488564885748858488594886048861488624886348864488654886648867488684886948870488714887248873488744887548876488774887848879488804888148882488834888448885488864888748888488894889048891488924889348894488954889648897488984889948900489014890248903489044890548906489074890848909489104891148912489134891448915489164891748918489194892048921489224892348924489254892648927489284892948930489314893248933489344893548936489374893848939489404894148942489434894448945489464894748948489494895048951489524895348954489554895648957489584895948960489614896248963489644896548966489674896848969489704897148972489734897448975489764897748978489794898048981489824898348984489854898648987489884898948990489914899248993489944899548996489974899848999490004900149002490034900449005490064900749008490094901049011490124901349014490154901649017490184901949020490214902249023490244902549026490274902849029490304903149032490334903449035490364903749038490394904049041490424904349044490454904649047490484904949050490514905249053490544905549056490574905849059490604906149062490634906449065490664906749068490694907049071490724907349074490754907649077490784907949080490814908249083490844908549086490874908849089490904909149092490934909449095490964909749098490994910049101491024910349104491054910649107491084910949110491114911249113491144911549116491174911849119491204912149122491234912449125491264912749128491294913049131491324913349134491354913649137491384913949140491414914249143491444914549146491474914849149491504915149152491534915449155491564915749158491594916049161491624916349164491654916649167491684916949170491714917249173491744917549176491774917849179491804918149182491834918449185491864918749188491894919049191491924919349194491954919649197491984919949200492014920249203492044920549206492074920849209492104921149212492134921449215492164921749218492194922049221492224922349224492254922649227492284922949230492314923249233492344923549236492374923849239492404924149242492434924449245492464924749248492494925049251492524925349254492554925649257492584925949260492614926249263492644926549266492674926849269492704927149272492734927449275492764927749278492794928049281492824928349284492854928649287492884928949290492914929249293492944929549296492974929849299493004930149302493034930449305493064930749308493094931049311493124931349314493154931649317493184931949320493214932249323493244932549326493274932849329493304933149332493334933449335493364933749338493394934049341493424934349344493454934649347493484934949350493514935249353493544935549356493574935849359493604936149362493634936449365493664936749368493694937049371493724937349374493754937649377493784937949380493814938249383493844938549386493874938849389493904939149392493934939449395493964939749398493994940049401494024940349404494054940649407494084940949410494114941249413494144941549416494174941849419494204942149422494234942449425494264942749428494294943049431494324943349434494354943649437494384943949440494414944249443494444944549446494474944849449494504945149452494534945449455494564945749458494594946049461494624946349464494654946649467494684946949470494714947249473494744947549476494774947849479494804948149482494834948449485494864948749488494894949049491494924949349494494954949649497494984949949500495014950249503495044950549506495074950849509495104951149512495134951449515495164951749518495194952049521495224952349524495254952649527495284952949530495314953249533495344953549536495374953849539495404954149542495434954449545495464954749548495494955049551495524955349554495554955649557495584955949560495614956249563495644956549566495674956849569495704957149572495734957449575495764957749578495794958049581495824958349584495854958649587495884958949590495914959249593495944959549596495974959849599496004960149602496034960449605496064960749608496094961049611496124961349614496154961649617496184961949620496214962249623496244962549626496274962849629496304963149632496334963449635496364963749638496394964049641496424964349644496454964649647496484964949650496514965249653496544965549656496574965849659496604966149662496634966449665496664966749668496694967049671496724967349674496754967649677496784967949680496814968249683496844968549686496874968849689496904969149692496934969449695496964969749698496994970049701497024970349704497054970649707497084970949710497114971249713497144971549716497174971849719497204972149722497234972449725497264972749728497294973049731497324973349734497354973649737497384973949740497414974249743497444974549746497474974849749497504975149752497534975449755497564975749758497594976049761497624976349764497654976649767497684976949770497714977249773497744977549776497774977849779497804978149782497834978449785497864978749788497894979049791497924979349794497954979649797497984979949800498014980249803498044980549806498074980849809498104981149812498134981449815498164981749818498194982049821498224982349824498254982649827498284982949830498314983249833498344983549836498374983849839498404984149842498434984449845498464984749848498494985049851498524985349854498554985649857498584985949860498614986249863498644986549866498674986849869498704987149872498734987449875498764987749878498794988049881498824988349884498854988649887498884988949890498914989249893498944989549896498974989849899499004990149902499034990449905499064990749908499094991049911499124991349914499154991649917499184991949920499214992249923499244992549926499274992849929499304993149932499334993449935499364993749938499394994049941499424994349944499454994649947499484994949950499514995249953499544995549956499574995849959499604996149962499634996449965499664996749968499694997049971499724997349974499754997649977499784997949980499814998249983499844998549986499874998849989499904999149992499934999449995499964999749998499995000050001500025000350004500055000650007500085000950010500115001250013500145001550016500175001850019500205002150022500235002450025500265002750028500295003050031500325003350034500355003650037500385003950040500415004250043500445004550046500475004850049500505005150052500535005450055500565005750058500595006050061500625006350064500655006650067500685006950070500715007250073500745007550076500775007850079500805008150082500835008450085500865008750088500895009050091500925009350094500955009650097500985009950100501015010250103501045010550106501075010850109501105011150112501135011450115501165011750118501195012050121501225012350124501255012650127501285012950130501315013250133501345013550136501375013850139501405014150142501435014450145501465014750148501495015050151501525015350154501555015650157501585015950160501615016250163501645016550166501675016850169501705017150172501735017450175501765017750178501795018050181501825018350184501855018650187501885018950190501915019250193501945019550196501975019850199502005020150202502035020450205502065020750208502095021050211502125021350214502155021650217502185021950220502215022250223502245022550226502275022850229502305023150232502335023450235502365023750238502395024050241502425024350244502455024650247502485024950250502515025250253502545025550256502575025850259502605026150262502635026450265502665026750268502695027050271502725027350274502755027650277502785027950280502815028250283502845028550286502875028850289502905029150292502935029450295502965029750298502995030050301503025030350304503055030650307503085030950310503115031250313503145031550316503175031850319503205032150322503235032450325503265032750328503295033050331503325033350334503355033650337503385033950340503415034250343503445034550346503475034850349503505035150352503535035450355503565035750358503595036050361503625036350364503655036650367503685036950370503715037250373503745037550376503775037850379503805038150382503835038450385503865038750388503895039050391503925039350394503955039650397503985039950400504015040250403504045040550406504075040850409504105041150412504135041450415504165041750418504195042050421504225042350424504255042650427504285042950430504315043250433504345043550436504375043850439504405044150442504435044450445504465044750448504495045050451504525045350454504555045650457504585045950460504615046250463504645046550466504675046850469504705047150472504735047450475504765047750478504795048050481504825048350484504855048650487504885048950490504915049250493504945049550496504975049850499505005050150502505035050450505505065050750508505095051050511505125051350514505155051650517505185051950520505215052250523505245052550526505275052850529505305053150532505335053450535505365053750538505395054050541505425054350544505455054650547505485054950550505515055250553505545055550556505575055850559505605056150562505635056450565505665056750568505695057050571505725057350574505755057650577505785057950580505815058250583505845058550586505875058850589505905059150592505935059450595505965059750598505995060050601506025060350604506055060650607506085060950610506115061250613506145061550616506175061850619506205062150622506235062450625506265062750628506295063050631506325063350634506355063650637506385063950640506415064250643506445064550646506475064850649506505065150652506535065450655506565065750658506595066050661506625066350664506655066650667506685066950670506715067250673506745067550676506775067850679506805068150682506835068450685506865068750688506895069050691506925069350694506955069650697506985069950700507015070250703507045070550706507075070850709507105071150712507135071450715507165071750718507195072050721507225072350724507255072650727507285072950730507315073250733507345073550736507375073850739507405074150742507435074450745507465074750748507495075050751507525075350754507555075650757507585075950760507615076250763507645076550766507675076850769507705077150772507735077450775507765077750778507795078050781507825078350784507855078650787507885078950790507915079250793507945079550796507975079850799508005080150802508035080450805508065080750808508095081050811508125081350814508155081650817508185081950820508215082250823508245082550826508275082850829508305083150832508335083450835508365083750838508395084050841508425084350844508455084650847508485084950850508515085250853508545085550856508575085850859508605086150862508635086450865508665086750868508695087050871508725087350874508755087650877508785087950880508815088250883508845088550886508875088850889508905089150892508935089450895508965089750898508995090050901509025090350904509055090650907509085090950910509115091250913509145091550916509175091850919509205092150922509235092450925509265092750928509295093050931509325093350934509355093650937509385093950940509415094250943509445094550946509475094850949509505095150952509535095450955509565095750958509595096050961509625096350964509655096650967509685096950970509715097250973509745097550976509775097850979509805098150982509835098450985509865098750988509895099050991509925099350994509955099650997509985099951000510015100251003510045100551006510075100851009510105101151012510135101451015510165101751018510195102051021510225102351024510255102651027510285102951030510315103251033510345103551036510375103851039510405104151042510435104451045510465104751048510495105051051510525105351054510555105651057510585105951060510615106251063510645106551066510675106851069510705107151072510735107451075510765107751078510795108051081510825108351084510855108651087510885108951090510915109251093510945109551096510975109851099511005110151102511035110451105511065110751108511095111051111511125111351114511155111651117511185111951120511215112251123511245112551126511275112851129511305113151132511335113451135511365113751138511395114051141511425114351144511455114651147511485114951150511515115251153511545115551156511575115851159511605116151162511635116451165511665116751168511695117051171511725117351174511755117651177511785117951180511815118251183511845118551186511875118851189511905119151192511935119451195511965119751198511995120051201512025120351204512055120651207512085120951210512115121251213512145121551216512175121851219512205122151222512235122451225512265122751228512295123051231512325123351234512355123651237512385123951240512415124251243512445124551246512475124851249512505125151252512535125451255512565125751258512595126051261512625126351264512655126651267512685126951270512715127251273512745127551276512775127851279512805128151282512835128451285512865128751288512895129051291512925129351294512955129651297512985129951300513015130251303513045130551306513075130851309513105131151312513135131451315513165131751318513195132051321513225132351324513255132651327513285132951330513315133251333513345133551336513375133851339513405134151342513435134451345513465134751348513495135051351513525135351354513555135651357513585135951360513615136251363513645136551366513675136851369513705137151372513735137451375513765137751378513795138051381513825138351384513855138651387513885138951390513915139251393513945139551396513975139851399514005140151402514035140451405514065140751408514095141051411514125141351414514155141651417514185141951420514215142251423514245142551426514275142851429514305143151432514335143451435514365143751438514395144051441514425144351444514455144651447514485144951450514515145251453514545145551456514575145851459514605146151462514635146451465514665146751468514695147051471514725147351474514755147651477514785147951480514815148251483514845148551486514875148851489514905149151492514935149451495514965149751498514995150051501515025150351504515055150651507515085150951510515115151251513515145151551516515175151851519515205152151522515235152451525515265152751528515295153051531515325153351534515355153651537515385153951540515415154251543515445154551546515475154851549515505155151552515535155451555515565155751558515595156051561515625156351564515655156651567515685156951570515715157251573515745157551576515775157851579515805158151582515835158451585515865158751588515895159051591515925159351594515955159651597515985159951600516015160251603516045160551606516075160851609516105161151612516135161451615516165161751618516195162051621516225162351624516255162651627516285162951630516315163251633516345163551636516375163851639516405164151642516435164451645516465164751648516495165051651516525165351654516555165651657516585165951660516615166251663516645166551666516675166851669516705167151672516735167451675516765167751678516795168051681516825168351684516855168651687516885168951690516915169251693516945169551696516975169851699517005170151702517035170451705517065170751708517095171051711517125171351714517155171651717517185171951720517215172251723517245172551726517275172851729517305173151732517335173451735517365173751738517395174051741517425174351744517455174651747517485174951750517515175251753517545175551756517575175851759517605176151762517635176451765517665176751768517695177051771517725177351774517755177651777517785177951780517815178251783517845178551786517875178851789517905179151792517935179451795517965179751798517995180051801518025180351804518055180651807518085180951810518115181251813518145181551816518175181851819518205182151822518235182451825518265182751828518295183051831518325183351834518355183651837518385183951840518415184251843518445184551846518475184851849518505185151852518535185451855518565185751858518595186051861518625186351864518655186651867518685186951870518715187251873518745187551876518775187851879518805188151882518835188451885518865188751888518895189051891518925189351894518955189651897518985189951900519015190251903519045190551906519075190851909519105191151912519135191451915519165191751918519195192051921519225192351924519255192651927519285192951930519315193251933519345193551936519375193851939519405194151942519435194451945519465194751948519495195051951519525195351954519555195651957519585195951960519615196251963519645196551966519675196851969519705197151972519735197451975519765197751978519795198051981519825198351984519855198651987519885198951990519915199251993519945199551996519975199851999520005200152002520035200452005520065200752008520095201052011520125201352014520155201652017520185201952020520215202252023520245202552026520275202852029520305203152032520335203452035520365203752038520395204052041520425204352044520455204652047520485204952050520515205252053520545205552056520575205852059520605206152062520635206452065520665206752068520695207052071520725207352074520755207652077520785207952080520815208252083520845208552086520875208852089520905209152092520935209452095520965209752098520995210052101521025210352104521055210652107521085210952110521115211252113521145211552116521175211852119521205212152122521235212452125521265212752128521295213052131521325213352134521355213652137521385213952140521415214252143521445214552146521475214852149521505215152152521535215452155521565215752158521595216052161521625216352164521655216652167521685216952170521715217252173521745217552176521775217852179521805218152182521835218452185521865218752188521895219052191521925219352194521955219652197521985219952200522015220252203522045220552206522075220852209522105221152212522135221452215522165221752218522195222052221522225222352224522255222652227522285222952230522315223252233522345223552236522375223852239522405224152242522435224452245522465224752248522495225052251522525225352254522555225652257522585225952260522615226252263522645226552266522675226852269522705227152272522735227452275522765227752278522795228052281522825228352284522855228652287522885228952290522915229252293522945229552296522975229852299523005230152302523035230452305523065230752308523095231052311523125231352314523155231652317523185231952320523215232252323523245232552326523275232852329523305233152332523335233452335523365233752338523395234052341523425234352344523455234652347523485234952350523515235252353523545235552356523575235852359523605236152362523635236452365523665236752368523695237052371523725237352374523755237652377523785237952380523815238252383523845238552386523875238852389523905239152392523935239452395523965239752398523995240052401524025240352404524055240652407524085240952410524115241252413524145241552416524175241852419524205242152422524235242452425524265242752428524295243052431524325243352434524355243652437524385243952440524415244252443524445244552446524475244852449524505245152452524535245452455524565245752458524595246052461524625246352464524655246652467524685246952470524715247252473524745247552476524775247852479524805248152482524835248452485524865248752488524895249052491524925249352494524955249652497524985249952500525015250252503525045250552506525075250852509525105251152512525135251452515525165251752518525195252052521525225252352524525255252652527525285252952530525315253252533525345253552536525375253852539525405254152542525435254452545525465254752548525495255052551525525255352554525555255652557525585255952560525615256252563525645256552566525675256852569525705257152572525735257452575525765257752578525795258052581525825258352584525855258652587525885258952590525915259252593525945259552596525975259852599526005260152602526035260452605526065260752608526095261052611526125261352614526155261652617526185261952620526215262252623526245262552626526275262852629526305263152632526335263452635526365263752638526395264052641526425264352644526455264652647526485264952650526515265252653526545265552656526575265852659526605266152662526635266452665526665266752668526695267052671526725267352674526755267652677526785267952680526815268252683526845268552686526875268852689526905269152692526935269452695526965269752698526995270052701527025270352704527055270652707527085270952710527115271252713527145271552716527175271852719527205272152722527235272452725527265272752728527295273052731527325273352734527355273652737527385273952740527415274252743527445274552746527475274852749527505275152752527535275452755527565275752758527595276052761527625276352764527655276652767527685276952770527715277252773527745277552776527775277852779527805278152782527835278452785527865278752788527895279052791527925279352794527955279652797527985279952800528015280252803528045280552806528075280852809528105281152812528135281452815528165281752818528195282052821528225282352824528255282652827528285282952830528315283252833528345283552836528375283852839528405284152842528435284452845528465284752848528495285052851528525285352854528555285652857528585285952860528615286252863528645286552866528675286852869528705287152872528735287452875528765287752878528795288052881528825288352884528855288652887528885288952890528915289252893528945289552896528975289852899529005290152902529035290452905529065290752908529095291052911529125291352914529155291652917529185291952920529215292252923529245292552926529275292852929529305293152932529335293452935529365293752938529395294052941529425294352944529455294652947529485294952950529515295252953529545295552956529575295852959529605296152962529635296452965529665296752968529695297052971529725297352974529755297652977529785297952980529815298252983529845298552986529875298852989529905299152992529935299452995529965299752998529995300053001530025300353004530055300653007530085300953010530115301253013530145301553016530175301853019530205302153022530235302453025530265302753028530295303053031530325303353034530355303653037530385303953040530415304253043530445304553046530475304853049530505305153052530535305453055530565305753058530595306053061530625306353064530655306653067530685306953070530715307253073530745307553076530775307853079530805308153082530835308453085530865308753088530895309053091530925309353094530955309653097530985309953100531015310253103531045310553106531075310853109531105311153112531135311453115531165311753118531195312053121531225312353124531255312653127531285312953130531315313253133531345313553136531375313853139531405314153142531435314453145531465314753148531495315053151531525315353154531555315653157531585315953160531615316253163531645316553166531675316853169531705317153172531735317453175531765317753178531795318053181531825318353184531855318653187531885318953190531915319253193531945319553196531975319853199532005320153202532035320453205532065320753208532095321053211532125321353214532155321653217532185321953220532215322253223532245322553226532275322853229532305323153232532335323453235532365323753238532395324053241532425324353244532455324653247532485324953250532515325253253532545325553256532575325853259532605326153262532635326453265532665326753268532695327053271532725327353274532755327653277532785327953280532815328253283532845328553286532875328853289532905329153292532935329453295532965329753298532995330053301533025330353304533055330653307533085330953310533115331253313533145331553316533175331853319533205332153322533235332453325533265332753328533295333053331533325333353334533355333653337533385333953340533415334253343533445334553346533475334853349533505335153352533535335453355533565335753358533595336053361533625336353364533655336653367533685336953370533715337253373533745337553376533775337853379533805338153382533835338453385533865338753388533895339053391533925339353394533955339653397533985339953400534015340253403534045340553406534075340853409534105341153412534135341453415534165341753418534195342053421534225342353424534255342653427534285342953430534315343253433534345343553436534375343853439534405344153442534435344453445534465344753448534495345053451534525345353454534555345653457534585345953460534615346253463534645346553466534675346853469534705347153472534735347453475534765347753478534795348053481534825348353484534855348653487534885348953490534915349253493534945349553496534975349853499535005350153502535035350453505535065350753508535095351053511535125351353514535155351653517535185351953520535215352253523535245352553526535275352853529535305353153532535335353453535535365353753538535395354053541535425354353544535455354653547535485354953550535515355253553535545355553556535575355853559535605356153562535635356453565535665356753568535695357053571535725357353574535755357653577535785357953580535815358253583535845358553586535875358853589535905359153592535935359453595535965359753598535995360053601536025360353604536055360653607536085360953610536115361253613536145361553616536175361853619536205362153622536235362453625536265362753628536295363053631536325363353634536355363653637536385363953640536415364253643536445364553646536475364853649536505365153652536535365453655536565365753658536595366053661536625366353664536655366653667536685366953670536715367253673536745367553676536775367853679536805368153682536835368453685536865368753688536895369053691536925369353694536955369653697536985369953700537015370253703537045370553706537075370853709537105371153712537135371453715537165371753718537195372053721537225372353724537255372653727537285372953730537315373253733537345373553736537375373853739537405374153742537435374453745537465374753748537495375053751537525375353754537555375653757537585375953760537615376253763537645376553766537675376853769537705377153772537735377453775537765377753778537795378053781537825378353784537855378653787537885378953790537915379253793537945379553796537975379853799538005380153802538035380453805538065380753808538095381053811538125381353814538155381653817538185381953820538215382253823538245382553826538275382853829538305383153832538335383453835538365383753838538395384053841538425384353844538455384653847538485384953850538515385253853538545385553856538575385853859538605386153862538635386453865538665386753868538695387053871538725387353874538755387653877538785387953880538815388253883538845388553886538875388853889538905389153892538935389453895538965389753898538995390053901539025390353904539055390653907539085390953910539115391253913539145391553916539175391853919539205392153922539235392453925539265392753928539295393053931539325393353934539355393653937539385393953940539415394253943539445394553946539475394853949539505395153952539535395453955539565395753958539595396053961539625396353964539655396653967539685396953970539715397253973539745397553976539775397853979539805398153982539835398453985539865398753988539895399053991539925399353994539955399653997539985399954000540015400254003540045400554006540075400854009540105401154012540135401454015540165401754018540195402054021540225402354024540255402654027540285402954030540315403254033540345403554036540375403854039540405404154042540435404454045540465404754048540495405054051540525405354054540555405654057540585405954060540615406254063540645406554066540675406854069540705407154072540735407454075540765407754078540795408054081540825408354084540855408654087540885408954090540915409254093540945409554096540975409854099541005410154102541035410454105541065410754108541095411054111541125411354114541155411654117541185411954120541215412254123541245412554126541275412854129541305413154132541335413454135541365413754138541395414054141541425414354144541455414654147541485414954150541515415254153541545415554156541575415854159541605416154162541635416454165541665416754168541695417054171541725417354174541755417654177541785417954180541815418254183541845418554186541875418854189541905419154192541935419454195541965419754198541995420054201542025420354204542055420654207542085420954210542115421254213542145421554216542175421854219542205422154222542235422454225542265422754228542295423054231542325423354234542355423654237542385423954240542415424254243542445424554246542475424854249542505425154252542535425454255542565425754258542595426054261542625426354264542655426654267542685426954270542715427254273542745427554276542775427854279542805428154282542835428454285542865428754288542895429054291542925429354294542955429654297542985429954300543015430254303543045430554306543075430854309543105431154312543135431454315543165431754318543195432054321543225432354324543255432654327543285432954330543315433254333543345433554336543375433854339543405434154342543435434454345543465434754348543495435054351543525435354354543555435654357543585435954360543615436254363543645436554366543675436854369543705437154372543735437454375543765437754378543795438054381543825438354384543855438654387543885438954390543915439254393543945439554396543975439854399544005440154402544035440454405544065440754408544095441054411544125441354414544155441654417544185441954420544215442254423544245442554426544275442854429544305443154432544335443454435544365443754438544395444054441544425444354444544455444654447544485444954450544515445254453544545445554456544575445854459544605446154462544635446454465544665446754468544695447054471544725447354474544755447654477544785447954480544815448254483544845448554486544875448854489544905449154492544935449454495544965449754498544995450054501545025450354504545055450654507545085450954510545115451254513545145451554516545175451854519545205452154522545235452454525545265452754528545295453054531545325453354534545355453654537545385453954540545415454254543545445454554546545475454854549545505455154552545535455454555545565455754558545595456054561545625456354564545655456654567545685456954570545715457254573545745457554576545775457854579545805458154582545835458454585545865458754588545895459054591545925459354594545955459654597545985459954600546015460254603546045460554606546075460854609546105461154612546135461454615546165461754618546195462054621546225462354624546255462654627546285462954630546315463254633546345463554636546375463854639546405464154642546435464454645546465464754648546495465054651546525465354654546555465654657546585465954660546615466254663546645466554666546675466854669546705467154672546735467454675546765467754678546795468054681546825468354684546855468654687546885468954690546915469254693546945469554696546975469854699547005470154702547035470454705547065470754708547095471054711547125471354714547155471654717547185471954720547215472254723547245472554726547275472854729547305473154732547335473454735547365473754738547395474054741547425474354744547455474654747547485474954750547515475254753547545475554756547575475854759547605476154762547635476454765547665476754768547695477054771547725477354774547755477654777547785477954780547815478254783547845478554786547875478854789547905479154792547935479454795547965479754798547995480054801548025480354804548055480654807548085480954810548115481254813548145481554816548175481854819548205482154822548235482454825548265482754828548295483054831548325483354834548355483654837548385483954840548415484254843548445484554846548475484854849548505485154852548535485454855548565485754858548595486054861548625486354864548655486654867548685486954870548715487254873548745487554876548775487854879548805488154882548835488454885548865488754888548895489054891548925489354894548955489654897548985489954900549015490254903549045490554906549075490854909549105491154912549135491454915549165491754918549195492054921549225492354924549255492654927549285492954930549315493254933549345493554936549375493854939549405494154942549435494454945549465494754948549495495054951549525495354954549555495654957549585495954960549615496254963549645496554966549675496854969549705497154972549735497454975549765497754978549795498054981549825498354984549855498654987549885498954990549915499254993549945499554996549975499854999550005500155002550035500455005550065500755008550095501055011550125501355014550155501655017550185501955020550215502255023550245502555026550275502855029550305503155032550335503455035550365503755038550395504055041550425504355044550455504655047550485504955050550515505255053550545505555056550575505855059550605506155062550635506455065550665506755068550695507055071550725507355074550755507655077550785507955080550815508255083550845508555086550875508855089550905509155092550935509455095550965509755098550995510055101551025510355104551055510655107551085510955110551115511255113551145511555116551175511855119551205512155122551235512455125551265512755128551295513055131551325513355134551355513655137551385513955140551415514255143551445514555146551475514855149551505515155152551535515455155551565515755158551595516055161551625516355164551655516655167551685516955170551715517255173551745517555176551775517855179551805518155182551835518455185551865518755188551895519055191551925519355194551955519655197551985519955200552015520255203552045520555206552075520855209552105521155212552135521455215552165521755218552195522055221552225522355224552255522655227552285522955230552315523255233552345523555236552375523855239552405524155242552435524455245552465524755248552495525055251552525525355254552555525655257552585525955260552615526255263552645526555266552675526855269552705527155272552735527455275552765527755278552795528055281552825528355284552855528655287552885528955290552915529255293552945529555296552975529855299553005530155302553035530455305553065530755308553095531055311553125531355314553155531655317553185531955320553215532255323553245532555326553275532855329553305533155332553335533455335553365533755338553395534055341553425534355344553455534655347553485534955350553515535255353553545535555356553575535855359553605536155362553635536455365553665536755368553695537055371553725537355374553755537655377553785537955380553815538255383553845538555386553875538855389553905539155392553935539455395553965539755398553995540055401554025540355404554055540655407554085540955410554115541255413554145541555416554175541855419554205542155422554235542455425554265542755428554295543055431554325543355434554355543655437554385543955440554415544255443554445544555446554475544855449554505545155452554535545455455554565545755458554595546055461554625546355464554655546655467554685546955470554715547255473554745547555476554775547855479554805548155482554835548455485554865548755488554895549055491554925549355494554955549655497554985549955500555015550255503555045550555506555075550855509555105551155512555135551455515555165551755518555195552055521555225552355524555255552655527555285552955530555315553255533555345553555536555375553855539555405554155542555435554455545555465554755548555495555055551555525555355554555555555655557555585555955560555615556255563555645556555566555675556855569555705557155572555735557455575555765557755578555795558055581555825558355584555855558655587555885558955590555915559255593555945559555596555975559855599556005560155602556035560455605556065560755608556095561055611556125561355614556155561655617556185561955620556215562255623556245562555626556275562855629556305563155632556335563455635556365563755638556395564055641556425564355644556455564655647556485564955650556515565255653556545565555656556575565855659556605566155662556635566455665556665566755668556695567055671556725567355674556755567655677556785567955680556815568255683556845568555686556875568855689556905569155692556935569455695556965569755698556995570055701557025570355704557055570655707557085570955710557115571255713557145571555716557175571855719557205572155722557235572455725557265572755728557295573055731557325573355734557355573655737557385573955740557415574255743557445574555746557475574855749557505575155752557535575455755557565575755758557595576055761557625576355764557655576655767557685576955770557715577255773557745577555776557775577855779557805578155782557835578455785557865578755788557895579055791557925579355794557955579655797557985579955800558015580255803558045580555806558075580855809558105581155812558135581455815558165581755818558195582055821558225582355824558255582655827558285582955830558315583255833558345583555836558375583855839558405584155842558435584455845558465584755848558495585055851558525585355854558555585655857558585585955860558615586255863558645586555866558675586855869558705587155872558735587455875558765587755878558795588055881558825588355884558855588655887558885588955890558915589255893558945589555896558975589855899559005590155902559035590455905559065590755908559095591055911559125591355914559155591655917559185591955920559215592255923559245592555926559275592855929559305593155932559335593455935559365593755938559395594055941559425594355944559455594655947559485594955950559515595255953559545595555956559575595855959559605596155962559635596455965559665596755968559695597055971559725597355974559755597655977559785597955980559815598255983559845598555986559875598855989559905599155992559935599455995559965599755998559995600056001560025600356004560055600656007560085600956010560115601256013560145601556016560175601856019560205602156022560235602456025560265602756028560295603056031560325603356034560355603656037560385603956040560415604256043560445604556046560475604856049560505605156052560535605456055560565605756058560595606056061560625606356064560655606656067560685606956070560715607256073560745607556076560775607856079560805608156082560835608456085560865608756088560895609056091560925609356094560955609656097560985609956100561015610256103561045610556106561075610856109561105611156112561135611456115561165611756118561195612056121561225612356124561255612656127561285612956130561315613256133561345613556136561375613856139561405614156142561435614456145561465614756148561495615056151561525615356154561555615656157561585615956160561615616256163561645616556166561675616856169561705617156172561735617456175561765617756178561795618056181561825618356184561855618656187561885618956190561915619256193561945619556196561975619856199562005620156202562035620456205562065620756208562095621056211562125621356214562155621656217562185621956220562215622256223562245622556226562275622856229562305623156232562335623456235562365623756238562395624056241562425624356244562455624656247562485624956250562515625256253562545625556256562575625856259562605626156262562635626456265562665626756268562695627056271562725627356274562755627656277562785627956280562815628256283562845628556286562875628856289562905629156292562935629456295562965629756298562995630056301563025630356304563055630656307563085630956310563115631256313563145631556316563175631856319563205632156322563235632456325563265632756328563295633056331563325633356334563355633656337563385633956340563415634256343563445634556346563475634856349563505635156352563535635456355563565635756358563595636056361563625636356364563655636656367563685636956370563715637256373563745637556376563775637856379563805638156382563835638456385563865638756388563895639056391563925639356394563955639656397563985639956400564015640256403564045640556406564075640856409564105641156412564135641456415564165641756418564195642056421564225642356424564255642656427564285642956430564315643256433564345643556436564375643856439564405644156442564435644456445564465644756448564495645056451564525645356454564555645656457564585645956460564615646256463564645646556466564675646856469564705647156472564735647456475564765647756478564795648056481564825648356484564855648656487564885648956490564915649256493564945649556496564975649856499565005650156502565035650456505565065650756508565095651056511565125651356514565155651656517565185651956520565215652256523565245652556526565275652856529565305653156532565335653456535565365653756538565395654056541565425654356544565455654656547565485654956550565515655256553565545655556556565575655856559565605656156562565635656456565565665656756568565695657056571565725657356574565755657656577565785657956580565815658256583565845658556586565875658856589565905659156592565935659456595565965659756598565995660056601566025660356604566055660656607566085660956610566115661256613566145661556616566175661856619566205662156622566235662456625566265662756628566295663056631566325663356634566355663656637566385663956640566415664256643566445664556646566475664856649566505665156652566535665456655566565665756658566595666056661566625666356664566655666656667566685666956670566715667256673566745667556676566775667856679566805668156682566835668456685566865668756688566895669056691566925669356694566955669656697566985669956700567015670256703567045670556706567075670856709567105671156712567135671456715567165671756718567195672056721567225672356724567255672656727567285672956730567315673256733567345673556736567375673856739567405674156742567435674456745567465674756748567495675056751567525675356754567555675656757567585675956760567615676256763567645676556766567675676856769567705677156772567735677456775567765677756778567795678056781567825678356784567855678656787567885678956790567915679256793567945679556796567975679856799568005680156802568035680456805568065680756808568095681056811568125681356814568155681656817568185681956820568215682256823568245682556826568275682856829568305683156832568335683456835568365683756838568395684056841568425684356844568455684656847568485684956850568515685256853568545685556856568575685856859568605686156862568635686456865568665686756868568695687056871568725687356874568755687656877568785687956880568815688256883568845688556886568875688856889568905689156892568935689456895568965689756898568995690056901569025690356904569055690656907569085690956910569115691256913569145691556916569175691856919569205692156922569235692456925569265692756928569295693056931569325693356934569355693656937569385693956940569415694256943569445694556946569475694856949569505695156952569535695456955569565695756958569595696056961569625696356964569655696656967569685696956970569715697256973569745697556976569775697856979569805698156982569835698456985569865698756988569895699056991569925699356994569955699656997569985699957000570015700257003570045700557006570075700857009570105701157012570135701457015570165701757018570195702057021570225702357024570255702657027570285702957030570315703257033570345703557036570375703857039570405704157042570435704457045570465704757048570495705057051570525705357054570555705657057570585705957060570615706257063570645706557066570675706857069570705707157072570735707457075570765707757078570795708057081570825708357084570855708657087570885708957090570915709257093570945709557096570975709857099571005710157102571035710457105571065710757108571095711057111571125711357114571155711657117571185711957120571215712257123571245712557126571275712857129571305713157132571335713457135571365713757138571395714057141571425714357144571455714657147571485714957150571515715257153571545715557156571575715857159571605716157162571635716457165571665716757168571695717057171571725717357174571755717657177571785717957180571815718257183571845718557186571875718857189571905719157192571935719457195571965719757198571995720057201572025720357204572055720657207572085720957210572115721257213572145721557216572175721857219572205722157222572235722457225572265722757228572295723057231572325723357234572355723657237572385723957240572415724257243572445724557246572475724857249572505725157252572535725457255572565725757258572595726057261572625726357264572655726657267572685726957270572715727257273572745727557276572775727857279572805728157282572835728457285572865728757288572895729057291572925729357294572955729657297572985729957300573015730257303573045730557306573075730857309573105731157312573135731457315573165731757318573195732057321573225732357324573255732657327573285732957330573315733257333573345733557336573375733857339573405734157342573435734457345573465734757348573495735057351573525735357354573555735657357573585735957360573615736257363573645736557366573675736857369573705737157372573735737457375573765737757378573795738057381573825738357384573855738657387573885738957390573915739257393573945739557396573975739857399574005740157402574035740457405574065740757408574095741057411574125741357414574155741657417574185741957420574215742257423574245742557426574275742857429574305743157432574335743457435574365743757438574395744057441574425744357444574455744657447574485744957450574515745257453574545745557456574575745857459574605746157462574635746457465574665746757468574695747057471574725747357474574755747657477574785747957480574815748257483574845748557486574875748857489574905749157492574935749457495574965749757498574995750057501575025750357504575055750657507575085750957510575115751257513575145751557516575175751857519575205752157522575235752457525575265752757528575295753057531575325753357534575355753657537575385753957540575415754257543575445754557546575475754857549575505755157552575535755457555575565755757558575595756057561575625756357564575655756657567575685756957570575715757257573575745757557576575775757857579575805758157582575835758457585575865758757588575895759057591575925759357594575955759657597575985759957600576015760257603576045760557606576075760857609576105761157612576135761457615576165761757618576195762057621576225762357624576255762657627576285762957630576315763257633576345763557636576375763857639576405764157642576435764457645576465764757648576495765057651576525765357654576555765657657576585765957660576615766257663576645766557666576675766857669576705767157672576735767457675576765767757678576795768057681576825768357684576855768657687576885768957690576915769257693576945769557696576975769857699577005770157702577035770457705577065770757708577095771057711577125771357714577155771657717577185771957720577215772257723577245772557726577275772857729577305773157732577335773457735577365773757738577395774057741577425774357744577455774657747577485774957750577515775257753577545775557756577575775857759577605776157762577635776457765577665776757768577695777057771577725777357774577755777657777577785777957780577815778257783577845778557786577875778857789577905779157792577935779457795577965779757798577995780057801578025780357804578055780657807578085780957810578115781257813578145781557816578175781857819578205782157822578235782457825578265782757828578295783057831578325783357834578355783657837578385783957840578415784257843578445784557846578475784857849578505785157852578535785457855578565785757858578595786057861578625786357864578655786657867578685786957870578715787257873578745787557876578775787857879578805788157882578835788457885578865788757888578895789057891578925789357894578955789657897578985789957900579015790257903579045790557906579075790857909579105791157912579135791457915579165791757918579195792057921579225792357924579255792657927579285792957930579315793257933579345793557936579375793857939579405794157942579435794457945579465794757948579495795057951579525795357954579555795657957579585795957960579615796257963579645796557966579675796857969579705797157972579735797457975579765797757978579795798057981579825798357984579855798657987579885798957990579915799257993579945799557996579975799857999580005800158002580035800458005580065800758008580095801058011580125801358014580155801658017580185801958020580215802258023580245802558026580275802858029580305803158032580335803458035580365803758038580395804058041580425804358044580455804658047580485804958050580515805258053580545805558056580575805858059580605806158062580635806458065580665806758068580695807058071580725807358074580755807658077580785807958080580815808258083580845808558086580875808858089580905809158092580935809458095580965809758098580995810058101581025810358104581055810658107581085810958110581115811258113581145811558116581175811858119581205812158122581235812458125581265812758128581295813058131581325813358134581355813658137581385813958140581415814258143581445814558146581475814858149581505815158152581535815458155581565815758158581595816058161581625816358164581655816658167581685816958170581715817258173581745817558176581775817858179581805818158182581835818458185581865818758188581895819058191581925819358194581955819658197581985819958200582015820258203582045820558206582075820858209582105821158212582135821458215582165821758218582195822058221582225822358224582255822658227582285822958230582315823258233582345823558236582375823858239582405824158242582435824458245582465824758248582495825058251582525825358254582555825658257582585825958260582615826258263582645826558266582675826858269582705827158272582735827458275582765827758278582795828058281582825828358284582855828658287582885828958290582915829258293582945829558296582975829858299583005830158302583035830458305583065830758308583095831058311583125831358314583155831658317583185831958320583215832258323583245832558326583275832858329583305833158332583335833458335583365833758338583395834058341583425834358344583455834658347583485834958350583515835258353583545835558356583575835858359583605836158362583635836458365583665836758368583695837058371583725837358374583755837658377583785837958380583815838258383583845838558386583875838858389583905839158392583935839458395583965839758398583995840058401584025840358404584055840658407584085840958410584115841258413584145841558416584175841858419584205842158422584235842458425584265842758428584295843058431584325843358434584355843658437584385843958440584415844258443584445844558446584475844858449584505845158452584535845458455584565845758458584595846058461584625846358464584655846658467584685846958470584715847258473584745847558476584775847858479584805848158482584835848458485584865848758488584895849058491584925849358494584955849658497584985849958500585015850258503585045850558506585075850858509585105851158512585135851458515585165851758518585195852058521585225852358524585255852658527585285852958530585315853258533585345853558536585375853858539585405854158542585435854458545585465854758548585495855058551585525855358554585555855658557585585855958560585615856258563585645856558566585675856858569585705857158572585735857458575585765857758578585795858058581585825858358584585855858658587585885858958590585915859258593585945859558596585975859858599586005860158602586035860458605586065860758608586095861058611586125861358614586155861658617586185861958620586215862258623586245862558626586275862858629586305863158632586335863458635586365863758638586395864058641586425864358644586455864658647586485864958650586515865258653586545865558656586575865858659586605866158662586635866458665586665866758668586695867058671586725867358674586755867658677586785867958680586815868258683586845868558686586875868858689586905869158692586935869458695586965869758698586995870058701587025870358704587055870658707587085870958710587115871258713587145871558716587175871858719587205872158722587235872458725587265872758728587295873058731587325873358734587355873658737587385873958740587415874258743587445874558746587475874858749587505875158752587535875458755587565875758758587595876058761587625876358764587655876658767587685876958770587715877258773587745877558776587775877858779587805878158782587835878458785587865878758788587895879058791587925879358794587955879658797587985879958800588015880258803588045880558806588075880858809588105881158812588135881458815588165881758818588195882058821588225882358824588255882658827588285882958830588315883258833588345883558836588375883858839588405884158842588435884458845588465884758848588495885058851588525885358854588555885658857588585885958860588615886258863588645886558866588675886858869588705887158872588735887458875588765887758878588795888058881588825888358884588855888658887588885888958890588915889258893588945889558896588975889858899589005890158902589035890458905589065890758908589095891058911589125891358914589155891658917589185891958920589215892258923589245892558926589275892858929589305893158932589335893458935589365893758938589395894058941589425894358944589455894658947589485894958950589515895258953589545895558956589575895858959589605896158962589635896458965589665896758968589695897058971589725897358974589755897658977589785897958980589815898258983589845898558986589875898858989589905899158992589935899458995589965899758998589995900059001590025900359004590055900659007590085900959010590115901259013590145901559016590175901859019590205902159022590235902459025590265902759028590295903059031590325903359034590355903659037590385903959040590415904259043590445904559046590475904859049590505905159052590535905459055590565905759058590595906059061590625906359064590655906659067590685906959070590715907259073590745907559076590775907859079590805908159082590835908459085590865908759088590895909059091590925909359094590955909659097590985909959100591015910259103591045910559106591075910859109591105911159112591135911459115591165911759118591195912059121591225912359124591255912659127591285912959130591315913259133591345913559136591375913859139591405914159142591435914459145591465914759148591495915059151591525915359154591555915659157591585915959160591615916259163591645916559166591675916859169591705917159172591735917459175591765917759178591795918059181591825918359184591855918659187591885918959190591915919259193591945919559196591975919859199592005920159202592035920459205592065920759208592095921059211592125921359214592155921659217592185921959220592215922259223592245922559226592275922859229592305923159232592335923459235592365923759238592395924059241592425924359244592455924659247592485924959250592515925259253592545925559256592575925859259592605926159262592635926459265592665926759268592695927059271592725927359274592755927659277592785927959280592815928259283592845928559286592875928859289592905929159292592935929459295592965929759298592995930059301593025930359304593055930659307593085930959310593115931259313593145931559316593175931859319593205932159322593235932459325593265932759328593295933059331593325933359334593355933659337593385933959340593415934259343593445934559346593475934859349593505935159352593535935459355593565935759358593595936059361593625936359364593655936659367593685936959370593715937259373593745937559376593775937859379593805938159382593835938459385593865938759388593895939059391593925939359394593955939659397593985939959400594015940259403594045940559406594075940859409594105941159412594135941459415594165941759418594195942059421594225942359424594255942659427594285942959430594315943259433594345943559436594375943859439594405944159442594435944459445594465944759448594495945059451594525945359454594555945659457594585945959460594615946259463594645946559466594675946859469594705947159472594735947459475594765947759478594795948059481594825948359484594855948659487594885948959490594915949259493594945949559496594975949859499595005950159502595035950459505595065950759508595095951059511595125951359514595155951659517595185951959520595215952259523595245952559526595275952859529595305953159532595335953459535595365953759538595395954059541595425954359544595455954659547595485954959550595515955259553595545955559556595575955859559595605956159562595635956459565595665956759568595695957059571595725957359574595755957659577595785957959580595815958259583595845958559586595875958859589595905959159592595935959459595595965959759598595995960059601596025960359604596055960659607596085960959610596115961259613596145961559616596175961859619596205962159622596235962459625596265962759628596295963059631596325963359634596355963659637596385963959640596415964259643596445964559646596475964859649596505965159652596535965459655596565965759658596595966059661596625966359664596655966659667596685966959670596715967259673596745967559676596775967859679596805968159682596835968459685596865968759688596895969059691596925969359694596955969659697596985969959700597015970259703597045970559706597075970859709597105971159712597135971459715597165971759718597195972059721597225972359724597255972659727597285972959730597315973259733597345973559736597375973859739597405974159742597435974459745597465974759748597495975059751597525975359754597555975659757597585975959760597615976259763597645976559766597675976859769597705977159772597735977459775597765977759778597795978059781597825978359784597855978659787597885978959790597915979259793597945979559796597975979859799598005980159802598035980459805598065980759808598095981059811598125981359814598155981659817598185981959820598215982259823598245982559826598275982859829598305983159832598335983459835598365983759838598395984059841598425984359844598455984659847598485984959850598515985259853598545985559856598575985859859598605986159862598635986459865598665986759868598695987059871598725987359874598755987659877598785987959880598815988259883598845988559886598875988859889598905989159892598935989459895598965989759898598995990059901599025990359904599055990659907599085990959910599115991259913599145991559916599175991859919599205992159922599235992459925599265992759928599295993059931599325993359934599355993659937599385993959940599415994259943599445994559946599475994859949599505995159952599535995459955599565995759958599595996059961599625996359964599655996659967599685996959970599715997259973599745997559976599775997859979599805998159982599835998459985599865998759988599895999059991599925999359994599955999659997599985999960000600016000260003600046000560006600076000860009600106001160012600136001460015600166001760018600196002060021600226002360024600256002660027600286002960030600316003260033600346003560036600376003860039600406004160042600436004460045600466004760048600496005060051600526005360054600556005660057600586005960060600616006260063600646006560066600676006860069600706007160072600736007460075600766007760078600796008060081600826008360084600856008660087600886008960090600916009260093600946009560096600976009860099601006010160102601036010460105601066010760108601096011060111601126011360114601156011660117601186011960120601216012260123601246012560126601276012860129601306013160132601336013460135601366013760138601396014060141601426014360144601456014660147601486014960150601516015260153601546015560156601576015860159601606016160162601636016460165601666016760168601696017060171601726017360174601756017660177601786017960180601816018260183601846018560186601876018860189601906019160192601936019460195601966019760198601996020060201602026020360204602056020660207602086020960210602116021260213602146021560216602176021860219602206022160222602236022460225602266022760228602296023060231602326023360234602356023660237602386023960240602416024260243602446024560246602476024860249602506025160252602536025460255602566025760258602596026060261602626026360264602656026660267602686026960270602716027260273602746027560276602776027860279602806028160282602836028460285602866028760288602896029060291602926029360294602956029660297602986029960300603016030260303603046030560306603076030860309603106031160312603136031460315603166031760318603196032060321603226032360324603256032660327603286032960330603316033260333603346033560336603376033860339603406034160342603436034460345603466034760348603496035060351603526035360354603556035660357603586035960360603616036260363603646036560366603676036860369603706037160372603736037460375603766037760378603796038060381603826038360384603856038660387603886038960390603916039260393603946039560396603976039860399604006040160402604036040460405604066040760408604096041060411604126041360414604156041660417604186041960420604216042260423604246042560426604276042860429604306043160432604336043460435604366043760438604396044060441604426044360444604456044660447604486044960450604516045260453604546045560456604576045860459604606046160462604636046460465604666046760468604696047060471604726047360474604756047660477604786047960480604816048260483604846048560486604876048860489604906049160492604936049460495604966049760498604996050060501605026050360504605056050660507605086050960510605116051260513605146051560516605176051860519605206052160522605236052460525605266052760528605296053060531605326053360534605356053660537605386053960540605416054260543605446054560546605476054860549605506055160552605536055460555605566055760558605596056060561605626056360564605656056660567605686056960570605716057260573605746057560576605776057860579605806058160582605836058460585605866058760588605896059060591605926059360594605956059660597605986059960600606016060260603606046060560606606076060860609606106061160612606136061460615606166061760618606196062060621606226062360624606256062660627606286062960630606316063260633606346063560636606376063860639606406064160642606436064460645606466064760648606496065060651606526065360654606556065660657606586065960660606616066260663606646066560666606676066860669606706067160672606736067460675606766067760678606796068060681606826068360684606856068660687606886068960690606916069260693606946069560696606976069860699607006070160702607036070460705607066070760708607096071060711607126071360714607156071660717607186071960720607216072260723607246072560726607276072860729607306073160732607336073460735607366073760738607396074060741607426074360744607456074660747607486074960750607516075260753607546075560756607576075860759607606076160762607636076460765607666076760768607696077060771607726077360774607756077660777607786077960780607816078260783607846078560786607876078860789607906079160792607936079460795607966079760798607996080060801608026080360804608056080660807608086080960810608116081260813608146081560816608176081860819608206082160822608236082460825608266082760828608296083060831608326083360834608356083660837608386083960840608416084260843608446084560846608476084860849608506085160852608536085460855608566085760858608596086060861608626086360864608656086660867608686086960870608716087260873608746087560876608776087860879608806088160882608836088460885608866088760888608896089060891608926089360894608956089660897608986089960900609016090260903609046090560906609076090860909609106091160912609136091460915609166091760918609196092060921609226092360924609256092660927609286092960930609316093260933609346093560936609376093860939609406094160942609436094460945609466094760948609496095060951609526095360954609556095660957609586095960960609616096260963609646096560966609676096860969609706097160972609736097460975609766097760978609796098060981609826098360984609856098660987609886098960990609916099260993609946099560996609976099860999610006100161002610036100461005610066100761008610096101061011610126101361014610156101661017610186101961020610216102261023610246102561026610276102861029610306103161032610336103461035610366103761038610396104061041610426104361044610456104661047610486104961050610516105261053610546105561056610576105861059610606106161062610636106461065610666106761068610696107061071610726107361074610756107661077610786107961080610816108261083610846108561086610876108861089610906109161092610936109461095610966109761098610996110061101611026110361104611056110661107611086110961110611116111261113611146111561116611176111861119611206112161122611236112461125611266112761128611296113061131611326113361134611356113661137611386113961140611416114261143611446114561146611476114861149611506115161152611536115461155611566115761158611596116061161611626116361164611656116661167611686116961170611716117261173611746117561176611776117861179611806118161182611836118461185611866118761188611896119061191611926119361194611956119661197611986119961200612016120261203612046120561206612076120861209612106121161212612136121461215612166121761218612196122061221612226122361224612256122661227612286122961230612316123261233612346123561236612376123861239612406124161242612436124461245612466124761248612496125061251612526125361254612556125661257612586125961260612616126261263612646126561266612676126861269612706127161272612736127461275612766127761278612796128061281612826128361284612856128661287612886128961290612916129261293612946129561296612976129861299613006130161302613036130461305613066130761308613096131061311613126131361314613156131661317613186131961320613216132261323613246132561326613276132861329613306133161332613336133461335613366133761338613396134061341613426134361344613456134661347613486134961350613516135261353613546135561356613576135861359613606136161362613636136461365613666136761368613696137061371613726137361374613756137661377613786137961380613816138261383613846138561386613876138861389613906139161392613936139461395613966139761398613996140061401614026140361404614056140661407614086140961410614116141261413614146141561416614176141861419614206142161422614236142461425614266142761428614296143061431614326143361434614356143661437614386143961440614416144261443614446144561446614476144861449614506145161452614536145461455614566145761458614596146061461614626146361464614656146661467614686146961470614716147261473614746147561476614776147861479614806148161482614836148461485614866148761488614896149061491614926149361494614956149661497614986149961500615016150261503615046150561506615076150861509615106151161512615136151461515615166151761518615196152061521615226152361524615256152661527615286152961530615316153261533615346153561536615376153861539615406154161542615436154461545615466154761548615496155061551615526155361554615556155661557615586155961560615616156261563615646156561566615676156861569615706157161572615736157461575615766157761578615796158061581615826158361584615856158661587615886158961590615916159261593615946159561596615976159861599616006160161602616036160461605616066160761608616096161061611616126161361614616156161661617616186161961620616216162261623616246162561626616276162861629616306163161632616336163461635616366163761638616396164061641616426164361644616456164661647616486164961650616516165261653616546165561656616576165861659616606166161662616636166461665616666166761668616696167061671616726167361674616756167661677616786167961680616816168261683616846168561686616876168861689616906169161692616936169461695616966169761698616996170061701617026170361704617056170661707617086170961710617116171261713617146171561716617176171861719617206172161722617236172461725617266172761728617296173061731617326173361734617356173661737617386173961740617416174261743617446174561746617476174861749617506175161752617536175461755617566175761758617596176061761617626176361764617656176661767617686176961770617716177261773617746177561776617776177861779617806178161782617836178461785617866178761788617896179061791617926179361794617956179661797617986179961800618016180261803618046180561806618076180861809618106181161812618136181461815618166181761818618196182061821618226182361824618256182661827618286182961830618316183261833618346183561836618376183861839618406184161842618436184461845618466184761848618496185061851618526185361854618556185661857618586185961860618616186261863618646186561866618676186861869618706187161872618736187461875618766187761878618796188061881618826188361884618856188661887618886188961890618916189261893618946189561896618976189861899619006190161902619036190461905619066190761908619096191061911619126191361914619156191661917619186191961920619216192261923619246192561926619276192861929619306193161932619336193461935619366193761938619396194061941619426194361944619456194661947619486194961950619516195261953619546195561956619576195861959619606196161962619636196461965619666196761968619696197061971619726197361974619756197661977619786197961980619816198261983619846198561986619876198861989619906199161992619936199461995619966199761998619996200062001620026200362004620056200662007620086200962010620116201262013620146201562016620176201862019620206202162022620236202462025620266202762028620296203062031620326203362034620356203662037620386203962040620416204262043620446204562046620476204862049620506205162052620536205462055620566205762058620596206062061620626206362064620656206662067620686206962070620716207262073620746207562076620776207862079620806208162082620836208462085620866208762088620896209062091620926209362094620956209662097620986209962100621016210262103621046210562106621076210862109621106211162112621136211462115621166211762118621196212062121621226212362124621256212662127621286212962130621316213262133621346213562136621376213862139621406214162142621436214462145621466214762148621496215062151621526215362154621556215662157621586215962160621616216262163621646216562166621676216862169621706217162172621736217462175621766217762178621796218062181621826218362184621856218662187621886218962190621916219262193621946219562196621976219862199622006220162202622036220462205622066220762208622096221062211622126221362214622156221662217622186221962220622216222262223622246222562226622276222862229622306223162232622336223462235622366223762238622396224062241622426224362244622456224662247622486224962250622516225262253622546225562256622576225862259622606226162262622636226462265622666226762268622696227062271622726227362274622756227662277622786227962280622816228262283622846228562286622876228862289622906229162292622936229462295622966229762298622996230062301623026230362304623056230662307623086230962310623116231262313623146231562316623176231862319623206232162322623236232462325623266232762328623296233062331623326233362334623356233662337623386233962340623416234262343623446234562346623476234862349623506235162352623536235462355623566235762358623596236062361623626236362364623656236662367623686236962370623716237262373623746237562376623776237862379623806238162382623836238462385623866238762388623896239062391623926239362394623956239662397623986239962400624016240262403624046240562406624076240862409624106241162412624136241462415624166241762418624196242062421624226242362424624256242662427624286242962430624316243262433624346243562436624376243862439624406244162442624436244462445624466244762448624496245062451624526245362454624556245662457624586245962460624616246262463624646246562466624676246862469624706247162472624736247462475624766247762478624796248062481624826248362484624856248662487624886248962490624916249262493624946249562496624976249862499625006250162502625036250462505625066250762508625096251062511625126251362514625156251662517625186251962520625216252262523625246252562526625276252862529625306253162532625336253462535625366253762538625396254062541625426254362544625456254662547625486254962550625516255262553625546255562556625576255862559625606256162562625636256462565625666256762568625696257062571625726257362574625756257662577625786257962580625816258262583625846258562586625876258862589625906259162592625936259462595625966259762598625996260062601626026260362604626056260662607626086260962610626116261262613626146261562616626176261862619626206262162622626236262462625626266262762628626296263062631626326263362634626356263662637626386263962640626416264262643626446264562646626476264862649626506265162652626536265462655626566265762658626596266062661626626266362664626656266662667626686266962670626716267262673626746267562676626776267862679626806268162682626836268462685626866268762688626896269062691626926269362694626956269662697626986269962700627016270262703627046270562706627076270862709627106271162712627136271462715627166271762718627196272062721627226272362724627256272662727627286272962730627316273262733627346273562736627376273862739627406274162742627436274462745627466274762748627496275062751627526275362754627556275662757627586275962760627616276262763627646276562766627676276862769627706277162772627736277462775627766277762778627796278062781627826278362784627856278662787627886278962790627916279262793627946279562796627976279862799628006280162802628036280462805628066280762808628096281062811628126281362814628156281662817628186281962820628216282262823628246282562826628276282862829628306283162832628336283462835628366283762838628396284062841628426284362844628456284662847628486284962850628516285262853628546285562856628576285862859628606286162862628636286462865628666286762868628696287062871628726287362874628756287662877628786287962880628816288262883628846288562886628876288862889628906289162892628936289462895628966289762898628996290062901629026290362904629056290662907629086290962910629116291262913629146291562916629176291862919629206292162922629236292462925629266292762928629296293062931629326293362934629356293662937629386293962940629416294262943629446294562946629476294862949629506295162952629536295462955629566295762958629596296062961629626296362964629656296662967629686296962970629716297262973629746297562976629776297862979629806298162982629836298462985629866298762988629896299062991629926299362994629956299662997629986299963000630016300263003630046300563006630076300863009630106301163012630136301463015630166301763018630196302063021630226302363024630256302663027630286302963030630316303263033630346303563036630376303863039630406304163042630436304463045630466304763048630496305063051630526305363054630556305663057630586305963060630616306263063630646306563066630676306863069630706307163072630736307463075630766307763078630796308063081630826308363084630856308663087630886308963090630916309263093630946309563096630976309863099631006310163102631036310463105631066310763108631096311063111631126311363114631156311663117631186311963120631216312263123631246312563126631276312863129631306313163132631336313463135631366313763138631396314063141631426314363144631456314663147631486314963150631516315263153631546315563156631576315863159631606316163162631636316463165631666316763168631696317063171631726317363174631756317663177631786317963180631816318263183631846318563186631876318863189631906319163192631936319463195631966319763198631996320063201632026320363204632056320663207632086320963210632116321263213632146321563216632176321863219632206322163222632236322463225632266322763228632296323063231632326323363234632356323663237632386323963240632416324263243632446324563246632476324863249632506325163252632536325463255632566325763258632596326063261632626326363264632656326663267632686326963270632716327263273632746327563276632776327863279632806328163282632836328463285632866328763288632896329063291632926329363294632956329663297632986329963300633016330263303633046330563306633076330863309633106331163312633136331463315633166331763318633196332063321633226332363324633256332663327633286332963330633316333263333633346333563336633376333863339633406334163342633436334463345633466334763348633496335063351633526335363354633556335663357633586335963360633616336263363633646336563366633676336863369633706337163372633736337463375633766337763378633796338063381633826338363384633856338663387633886338963390633916339263393633946339563396633976339863399634006340163402634036340463405634066340763408634096341063411634126341363414634156341663417634186341963420634216342263423634246342563426634276342863429634306343163432634336343463435634366343763438634396344063441634426344363444634456344663447634486344963450634516345263453634546345563456634576345863459634606346163462634636346463465634666346763468634696347063471634726347363474634756347663477634786347963480634816348263483634846348563486634876348863489634906349163492634936349463495634966349763498634996350063501635026350363504635056350663507635086350963510635116351263513635146351563516635176351863519635206352163522635236352463525635266352763528635296353063531635326353363534635356353663537635386353963540635416354263543635446354563546635476354863549635506355163552635536355463555635566355763558635596356063561635626356363564635656356663567635686356963570635716357263573635746357563576635776357863579635806358163582635836358463585635866358763588635896359063591635926359363594635956359663597635986359963600636016360263603636046360563606636076360863609636106361163612636136361463615636166361763618636196362063621636226362363624636256362663627636286362963630636316363263633636346363563636636376363863639636406364163642636436364463645636466364763648636496365063651636526365363654636556365663657636586365963660636616366263663636646366563666636676366863669636706367163672636736367463675636766367763678636796368063681636826368363684636856368663687636886368963690636916369263693636946369563696636976369863699637006370163702637036370463705637066370763708637096371063711637126371363714637156371663717637186371963720637216372263723637246372563726637276372863729637306373163732637336373463735637366373763738637396374063741637426374363744637456374663747637486374963750637516375263753637546375563756637576375863759637606376163762637636376463765637666376763768637696377063771637726377363774637756377663777637786377963780637816378263783637846378563786637876378863789637906379163792637936379463795637966379763798637996380063801638026380363804638056380663807638086380963810638116381263813638146381563816638176381863819638206382163822638236382463825638266382763828638296383063831638326383363834638356383663837638386383963840638416384263843638446384563846638476384863849638506385163852638536385463855638566385763858638596386063861638626386363864638656386663867638686386963870638716387263873638746387563876638776387863879638806388163882638836388463885638866388763888638896389063891638926389363894638956389663897638986389963900639016390263903639046390563906639076390863909639106391163912639136391463915639166391763918639196392063921639226392363924639256392663927639286392963930639316393263933639346393563936639376393863939639406394163942639436394463945639466394763948639496395063951639526395363954639556395663957639586395963960639616396263963639646396563966639676396863969639706397163972639736397463975639766397763978639796398063981639826398363984639856398663987639886398963990639916399263993639946399563996639976399863999640006400164002640036400464005640066400764008640096401064011640126401364014640156401664017640186401964020640216402264023640246402564026640276402864029640306403164032640336403464035640366403764038640396404064041640426404364044640456404664047640486404964050640516405264053640546405564056640576405864059640606406164062640636406464065640666406764068640696407064071640726407364074640756407664077640786407964080640816408264083640846408564086640876408864089640906409164092640936409464095640966409764098640996410064101641026410364104641056410664107641086410964110641116411264113641146411564116641176411864119641206412164122641236412464125641266412764128641296413064131641326413364134641356413664137641386413964140641416414264143641446414564146641476414864149641506415164152641536415464155641566415764158641596416064161641626416364164641656416664167641686416964170641716417264173641746417564176641776417864179641806418164182641836418464185641866418764188641896419064191641926419364194641956419664197641986419964200642016420264203642046420564206642076420864209642106421164212642136421464215642166421764218642196422064221642226422364224642256422664227642286422964230642316423264233642346423564236642376423864239642406424164242642436424464245642466424764248642496425064251642526425364254642556425664257642586425964260642616426264263642646426564266642676426864269642706427164272642736427464275642766427764278642796428064281642826428364284642856428664287642886428964290642916429264293642946429564296642976429864299643006430164302643036430464305643066430764308643096431064311643126431364314643156431664317643186431964320643216432264323643246432564326643276432864329643306433164332643336433464335643366433764338643396434064341643426434364344643456434664347643486434964350643516435264353643546435564356643576435864359643606436164362643636436464365643666436764368643696437064371643726437364374643756437664377643786437964380643816438264383643846438564386643876438864389643906439164392643936439464395643966439764398643996440064401644026440364404644056440664407644086440964410644116441264413644146441564416644176441864419644206442164422644236442464425644266442764428644296443064431644326443364434644356443664437644386443964440644416444264443644446444564446644476444864449644506445164452644536445464455644566445764458644596446064461644626446364464644656446664467644686446964470644716447264473644746447564476644776447864479644806448164482644836448464485644866448764488644896449064491644926449364494644956449664497644986449964500645016450264503645046450564506645076450864509645106451164512645136451464515645166451764518645196452064521645226452364524645256452664527645286452964530645316453264533645346453564536645376453864539645406454164542645436454464545645466454764548645496455064551645526455364554645556455664557645586455964560645616456264563645646456564566645676456864569645706457164572645736457464575645766457764578645796458064581645826458364584645856458664587645886458964590645916459264593645946459564596645976459864599646006460164602646036460464605646066460764608646096461064611646126461364614646156461664617646186461964620646216462264623646246462564626646276462864629646306463164632646336463464635646366463764638646396464064641646426464364644646456464664647646486464964650646516465264653646546465564656646576465864659646606466164662646636466464665646666466764668646696467064671646726467364674646756467664677646786467964680646816468264683646846468564686646876468864689646906469164692646936469464695646966469764698646996470064701647026470364704647056470664707647086470964710647116471264713647146471564716647176471864719647206472164722647236472464725647266472764728647296473064731647326473364734647356473664737647386473964740647416474264743647446474564746647476474864749647506475164752647536475464755647566475764758647596476064761647626476364764647656476664767647686476964770647716477264773647746477564776647776477864779647806478164782647836478464785647866478764788647896479064791647926479364794647956479664797647986479964800648016480264803648046480564806648076480864809648106481164812648136481464815648166481764818648196482064821648226482364824648256482664827648286482964830648316483264833648346483564836648376483864839648406484164842648436484464845648466484764848648496485064851648526485364854648556485664857648586485964860648616486264863648646486564866648676486864869648706487164872648736487464875648766487764878648796488064881648826488364884648856488664887648886488964890648916489264893648946489564896648976489864899649006490164902649036490464905649066490764908649096491064911649126491364914649156491664917649186491964920649216492264923649246492564926649276492864929649306493164932649336493464935649366493764938649396494064941649426494364944649456494664947649486494964950649516495264953649546495564956649576495864959649606496164962649636496464965649666496764968649696497064971649726497364974649756497664977649786497964980649816498264983649846498564986649876498864989649906499164992649936499464995649966499764998649996500065001650026500365004650056500665007650086500965010650116501265013650146501565016650176501865019650206502165022650236502465025650266502765028650296503065031650326503365034650356503665037650386503965040650416504265043650446504565046650476504865049650506505165052650536505465055650566505765058650596506065061650626506365064650656506665067650686506965070650716507265073650746507565076650776507865079650806508165082650836508465085650866508765088650896509065091650926509365094650956509665097650986509965100651016510265103651046510565106651076510865109651106511165112651136511465115651166511765118651196512065121651226512365124651256512665127651286512965130651316513265133651346513565136651376513865139651406514165142651436514465145651466514765148651496515065151651526515365154651556515665157651586515965160651616516265163651646516565166651676516865169651706517165172651736517465175651766517765178651796518065181651826518365184651856518665187651886518965190651916519265193651946519565196651976519865199652006520165202652036520465205652066520765208652096521065211652126521365214652156521665217652186521965220652216522265223652246522565226652276522865229652306523165232652336523465235652366523765238652396524065241652426524365244652456524665247652486524965250652516525265253652546525565256652576525865259652606526165262652636526465265652666526765268652696527065271652726527365274652756527665277652786527965280652816528265283652846528565286652876528865289652906529165292652936529465295652966529765298652996530065301653026530365304653056530665307653086530965310653116531265313653146531565316653176531865319653206532165322653236532465325653266532765328653296533065331653326533365334653356533665337653386533965340653416534265343653446534565346653476534865349653506535165352653536535465355653566535765358653596536065361653626536365364653656536665367653686536965370653716537265373653746537565376653776537865379653806538165382653836538465385653866538765388653896539065391653926539365394653956539665397653986539965400654016540265403654046540565406654076540865409654106541165412654136541465415654166541765418654196542065421654226542365424654256542665427654286542965430654316543265433654346543565436654376543865439654406544165442654436544465445654466544765448654496545065451654526545365454654556545665457654586545965460654616546265463654646546565466654676546865469654706547165472654736547465475654766547765478654796548065481654826548365484654856548665487654886548965490654916549265493654946549565496654976549865499655006550165502655036550465505655066550765508655096551065511655126551365514655156551665517655186551965520655216552265523655246552565526655276552865529655306553165532655336553465535655366553765538655396554065541655426554365544655456554665547655486554965550655516555265553655546555565556655576555865559655606556165562655636556465565655666556765568655696557065571655726557365574655756557665577655786557965580655816558265583655846558565586655876558865589655906559165592655936559465595655966559765598655996560065601656026560365604656056560665607656086560965610656116561265613656146561565616656176561865619656206562165622656236562465625656266562765628656296563065631656326563365634656356563665637656386563965640656416564265643656446564565646656476564865649656506565165652656536565465655656566565765658656596566065661656626566365664656656566665667656686566965670656716567265673656746567565676656776567865679656806568165682656836568465685656866568765688656896569065691656926569365694656956569665697656986569965700657016570265703657046570565706657076570865709657106571165712657136571465715657166571765718657196572065721657226572365724657256572665727657286572965730657316573265733657346573565736657376573865739657406574165742657436574465745657466574765748657496575065751657526575365754657556575665757657586575965760657616576265763657646576565766657676576865769657706577165772657736577465775657766577765778657796578065781657826578365784657856578665787657886578965790657916579265793657946579565796657976579865799658006580165802658036580465805658066580765808658096581065811658126581365814658156581665817658186581965820658216582265823658246582565826658276582865829658306583165832658336583465835658366583765838658396584065841658426584365844658456584665847658486584965850658516585265853658546585565856658576585865859658606586165862658636586465865658666586765868658696587065871658726587365874658756587665877658786587965880658816588265883658846588565886658876588865889658906589165892658936589465895658966589765898658996590065901659026590365904659056590665907659086590965910659116591265913659146591565916659176591865919659206592165922659236592465925659266592765928659296593065931659326593365934659356593665937659386593965940659416594265943659446594565946659476594865949659506595165952659536595465955659566595765958659596596065961659626596365964659656596665967659686596965970659716597265973659746597565976659776597865979659806598165982659836598465985659866598765988659896599065991659926599365994659956599665997659986599966000660016600266003660046600566006660076600866009660106601166012660136601466015660166601766018660196602066021660226602366024660256602666027660286602966030660316603266033660346603566036660376603866039660406604166042660436604466045660466604766048660496605066051660526605366054660556605666057660586605966060660616606266063660646606566066660676606866069660706607166072660736607466075660766607766078660796608066081660826608366084660856608666087660886608966090660916609266093660946609566096660976609866099661006610166102661036610466105661066610766108661096611066111661126611366114661156611666117661186611966120661216612266123661246612566126661276612866129661306613166132661336613466135661366613766138661396614066141661426614366144661456614666147661486614966150661516615266153661546615566156661576615866159661606616166162661636616466165661666616766168661696617066171661726617366174661756617666177661786617966180661816618266183661846618566186661876618866189661906619166192661936619466195661966619766198661996620066201662026620366204662056620666207662086620966210662116621266213662146621566216662176621866219662206622166222662236622466225662266622766228662296623066231662326623366234662356623666237662386623966240662416624266243662446624566246662476624866249662506625166252662536625466255662566625766258662596626066261662626626366264662656626666267662686626966270662716627266273662746627566276662776627866279662806628166282662836628466285662866628766288662896629066291662926629366294662956629666297662986629966300663016630266303663046630566306663076630866309663106631166312663136631466315663166631766318663196632066321663226632366324663256632666327663286632966330663316633266333663346633566336663376633866339663406634166342663436634466345663466634766348663496635066351663526635366354663556635666357663586635966360663616636266363663646636566366663676636866369663706637166372663736637466375663766637766378663796638066381663826638366384663856638666387663886638966390663916639266393663946639566396663976639866399664006640166402664036640466405664066640766408664096641066411664126641366414664156641666417664186641966420664216642266423664246642566426664276642866429664306643166432664336643466435664366643766438664396644066441664426644366444664456644666447664486644966450664516645266453664546645566456664576645866459664606646166462664636646466465664666646766468664696647066471664726647366474664756647666477664786647966480664816648266483664846648566486664876648866489664906649166492664936649466495664966649766498664996650066501665026650366504665056650666507665086650966510665116651266513665146651566516665176651866519665206652166522665236652466525665266652766528665296653066531665326653366534665356653666537665386653966540665416654266543665446654566546665476654866549665506655166552665536655466555665566655766558665596656066561665626656366564665656656666567665686656966570665716657266573665746657566576665776657866579665806658166582665836658466585665866658766588665896659066591665926659366594665956659666597665986659966600666016660266603666046660566606666076660866609666106661166612666136661466615666166661766618666196662066621666226662366624666256662666627666286662966630666316663266633666346663566636666376663866639666406664166642666436664466645666466664766648666496665066651666526665366654666556665666657666586665966660666616666266663666646666566666666676666866669666706667166672666736667466675666766667766678666796668066681666826668366684666856668666687666886668966690666916669266693666946669566696666976669866699667006670166702667036670466705667066670766708667096671066711667126671366714667156671666717667186671966720667216672266723667246672566726667276672866729667306673166732667336673466735667366673766738667396674066741667426674366744667456674666747667486674966750667516675266753667546675566756667576675866759667606676166762667636676466765667666676766768667696677066771667726677366774667756677666777667786677966780667816678266783667846678566786667876678866789667906679166792667936679466795667966679766798667996680066801668026680366804668056680666807668086680966810668116681266813668146681566816668176681866819668206682166822668236682466825668266682766828668296683066831668326683366834668356683666837668386683966840668416684266843668446684566846668476684866849668506685166852668536685466855668566685766858668596686066861668626686366864668656686666867668686686966870668716687266873668746687566876668776687866879668806688166882668836688466885668866688766888668896689066891668926689366894668956689666897668986689966900669016690266903669046690566906669076690866909669106691166912669136691466915669166691766918669196692066921669226692366924669256692666927669286692966930669316693266933669346693566936669376693866939669406694166942669436694466945669466694766948669496695066951669526695366954669556695666957669586695966960669616696266963669646696566966669676696866969669706697166972669736697466975669766697766978669796698066981669826698366984669856698666987669886698966990669916699266993669946699566996669976699866999670006700167002670036700467005670066700767008670096701067011670126701367014670156701667017670186701967020670216702267023670246702567026670276702867029670306703167032670336703467035670366703767038670396704067041670426704367044670456704667047670486704967050670516705267053670546705567056670576705867059670606706167062670636706467065670666706767068670696707067071670726707367074670756707667077670786707967080670816708267083670846708567086670876708867089670906709167092670936709467095670966709767098670996710067101671026710367104671056710667107671086710967110671116711267113671146711567116671176711867119671206712167122671236712467125671266712767128671296713067131671326713367134671356713667137671386713967140671416714267143671446714567146671476714867149671506715167152671536715467155671566715767158671596716067161671626716367164671656716667167671686716967170671716717267173671746717567176671776717867179671806718167182671836718467185671866718767188671896719067191671926719367194671956719667197671986719967200672016720267203672046720567206672076720867209672106721167212672136721467215672166721767218672196722067221672226722367224672256722667227672286722967230672316723267233672346723567236672376723867239672406724167242672436724467245672466724767248672496725067251672526725367254672556725667257672586725967260672616726267263672646726567266672676726867269672706727167272672736727467275672766727767278672796728067281672826728367284672856728667287672886728967290672916729267293672946729567296672976729867299673006730167302673036730467305673066730767308673096731067311673126731367314673156731667317673186731967320673216732267323673246732567326673276732867329673306733167332673336733467335673366733767338673396734067341673426734367344673456734667347673486734967350673516735267353673546735567356673576735867359673606736167362673636736467365673666736767368673696737067371673726737367374673756737667377673786737967380673816738267383673846738567386673876738867389673906739167392673936739467395673966739767398673996740067401674026740367404674056740667407674086740967410674116741267413674146741567416674176741867419674206742167422674236742467425674266742767428674296743067431674326743367434674356743667437674386743967440674416744267443674446744567446674476744867449674506745167452674536745467455674566745767458674596746067461674626746367464674656746667467674686746967470674716747267473674746747567476674776747867479674806748167482674836748467485674866748767488674896749067491674926749367494674956749667497674986749967500675016750267503675046750567506675076750867509675106751167512675136751467515675166751767518675196752067521675226752367524675256752667527675286752967530675316753267533675346753567536675376753867539675406754167542675436754467545675466754767548675496755067551675526755367554675556755667557675586755967560675616756267563675646756567566675676756867569675706757167572675736757467575675766757767578675796758067581675826758367584675856758667587675886758967590675916759267593675946759567596675976759867599676006760167602676036760467605676066760767608676096761067611676126761367614676156761667617676186761967620676216762267623676246762567626676276762867629676306763167632676336763467635676366763767638676396764067641676426764367644676456764667647676486764967650676516765267653676546765567656676576765867659676606766167662676636766467665676666766767668676696767067671676726767367674676756767667677676786767967680676816768267683676846768567686676876768867689676906769167692676936769467695676966769767698676996770067701677026770367704677056770667707677086770967710677116771267713677146771567716677176771867719677206772167722677236772467725677266772767728677296773067731677326773367734677356773667737677386773967740677416774267743677446774567746677476774867749677506775167752677536775467755677566775767758677596776067761677626776367764677656776667767677686776967770677716777267773677746777567776677776777867779677806778167782677836778467785677866778767788677896779067791677926779367794677956779667797677986779967800678016780267803678046780567806678076780867809678106781167812678136781467815678166781767818678196782067821678226782367824678256782667827678286782967830678316783267833678346783567836678376783867839678406784167842678436784467845678466784767848678496785067851678526785367854678556785667857678586785967860678616786267863678646786567866678676786867869678706787167872678736787467875678766787767878678796788067881678826788367884678856788667887678886788967890678916789267893678946789567896678976789867899679006790167902679036790467905679066790767908679096791067911679126791367914679156791667917679186791967920679216792267923679246792567926679276792867929679306793167932679336793467935679366793767938679396794067941679426794367944679456794667947679486794967950679516795267953679546795567956679576795867959679606796167962679636796467965679666796767968679696797067971679726797367974679756797667977679786797967980679816798267983679846798567986679876798867989679906799167992679936799467995679966799767998679996800068001680026800368004680056800668007680086800968010680116801268013680146801568016680176801868019680206802168022680236802468025680266802768028680296803068031680326803368034680356803668037680386803968040680416804268043680446804568046680476804868049680506805168052680536805468055680566805768058680596806068061680626806368064680656806668067680686806968070680716807268073680746807568076680776807868079680806808168082680836808468085680866808768088680896809068091680926809368094680956809668097680986809968100681016810268103681046810568106681076810868109681106811168112681136811468115681166811768118681196812068121681226812368124681256812668127681286812968130681316813268133681346813568136681376813868139681406814168142681436814468145681466814768148681496815068151681526815368154681556815668157681586815968160681616816268163681646816568166681676816868169681706817168172681736817468175681766817768178681796818068181681826818368184681856818668187681886818968190681916819268193681946819568196681976819868199682006820168202682036820468205682066820768208682096821068211682126821368214682156821668217682186821968220682216822268223682246822568226682276822868229682306823168232682336823468235682366823768238682396824068241682426824368244682456824668247682486824968250682516825268253682546825568256682576825868259682606826168262682636826468265682666826768268682696827068271682726827368274682756827668277682786827968280682816828268283682846828568286682876828868289682906829168292682936829468295682966829768298682996830068301683026830368304683056830668307683086830968310683116831268313683146831568316683176831868319683206832168322683236832468325683266832768328683296833068331683326833368334683356833668337683386833968340683416834268343683446834568346683476834868349683506835168352683536835468355683566835768358683596836068361683626836368364683656836668367683686836968370683716837268373683746837568376683776837868379683806838168382683836838468385683866838768388683896839068391683926839368394683956839668397683986839968400684016840268403684046840568406684076840868409684106841168412684136841468415684166841768418684196842068421684226842368424684256842668427684286842968430684316843268433684346843568436684376843868439684406844168442684436844468445684466844768448684496845068451684526845368454684556845668457684586845968460684616846268463684646846568466684676846868469684706847168472684736847468475684766847768478684796848068481684826848368484684856848668487684886848968490684916849268493684946849568496684976849868499685006850168502685036850468505685066850768508685096851068511685126851368514685156851668517685186851968520685216852268523685246852568526685276852868529685306853168532685336853468535685366853768538685396854068541685426854368544685456854668547685486854968550685516855268553685546855568556685576855868559685606856168562685636856468565685666856768568685696857068571685726857368574685756857668577685786857968580685816858268583685846858568586685876858868589685906859168592685936859468595685966859768598685996860068601686026860368604686056860668607686086860968610686116861268613686146861568616686176861868619686206862168622686236862468625686266862768628686296863068631686326863368634686356863668637686386863968640686416864268643686446864568646686476864868649686506865168652686536865468655686566865768658686596866068661686626866368664686656866668667686686866968670686716867268673686746867568676686776867868679686806868168682686836868468685686866868768688686896869068691686926869368694686956869668697686986869968700687016870268703687046870568706687076870868709687106871168712687136871468715687166871768718687196872068721687226872368724687256872668727687286872968730687316873268733687346873568736687376873868739687406874168742687436874468745687466874768748687496875068751687526875368754687556875668757687586875968760687616876268763687646876568766687676876868769687706877168772687736877468775687766877768778687796878068781687826878368784687856878668787687886878968790687916879268793687946879568796687976879868799688006880168802688036880468805688066880768808688096881068811688126881368814688156881668817688186881968820688216882268823688246882568826688276882868829688306883168832688336883468835688366883768838688396884068841688426884368844688456884668847688486884968850688516885268853688546885568856688576885868859688606886168862688636886468865688666886768868688696887068871688726887368874688756887668877688786887968880688816888268883688846888568886688876888868889688906889168892688936889468895688966889768898688996890068901689026890368904689056890668907689086890968910689116891268913689146891568916689176891868919689206892168922689236892468925689266892768928689296893068931689326893368934689356893668937689386893968940689416894268943689446894568946689476894868949689506895168952689536895468955689566895768958689596896068961689626896368964689656896668967689686896968970689716897268973689746897568976689776897868979689806898168982689836898468985689866898768988689896899068991689926899368994689956899668997689986899969000690016900269003690046900569006690076900869009690106901169012690136901469015690166901769018690196902069021690226902369024690256902669027690286902969030690316903269033690346903569036690376903869039690406904169042690436904469045690466904769048690496905069051690526905369054690556905669057690586905969060690616906269063690646906569066690676906869069690706907169072690736907469075690766907769078690796908069081690826908369084690856908669087690886908969090690916909269093690946909569096690976909869099691006910169102691036910469105691066910769108691096911069111691126911369114691156911669117691186911969120691216912269123691246912569126691276912869129691306913169132691336913469135691366913769138691396914069141691426914369144691456914669147691486914969150691516915269153691546915569156691576915869159691606916169162691636916469165691666916769168691696917069171691726917369174691756917669177691786917969180691816918269183691846918569186691876918869189691906919169192691936919469195691966919769198691996920069201692026920369204692056920669207692086920969210692116921269213692146921569216692176921869219692206922169222692236922469225692266922769228692296923069231692326923369234692356923669237692386923969240692416924269243692446924569246692476924869249692506925169252692536925469255692566925769258692596926069261692626926369264692656926669267692686926969270692716927269273692746927569276692776927869279692806928169282692836928469285692866928769288692896929069291692926929369294692956929669297692986929969300693016930269303693046930569306693076930869309693106931169312693136931469315693166931769318693196932069321693226932369324693256932669327693286932969330693316933269333693346933569336693376933869339693406934169342693436934469345693466934769348693496935069351693526935369354693556935669357693586935969360693616936269363693646936569366693676936869369693706937169372693736937469375693766937769378693796938069381693826938369384693856938669387693886938969390693916939269393693946939569396693976939869399694006940169402694036940469405694066940769408694096941069411694126941369414694156941669417694186941969420694216942269423694246942569426694276942869429694306943169432694336943469435694366943769438694396944069441694426944369444694456944669447694486944969450694516945269453694546945569456694576945869459694606946169462694636946469465694666946769468694696947069471694726947369474694756947669477694786947969480694816948269483694846948569486694876948869489694906949169492694936949469495694966949769498694996950069501695026950369504695056950669507695086950969510695116951269513695146951569516695176951869519695206952169522695236952469525695266952769528695296953069531695326953369534695356953669537695386953969540695416954269543695446954569546695476954869549695506955169552695536955469555695566955769558695596956069561695626956369564695656956669567695686956969570695716957269573695746957569576695776957869579695806958169582695836958469585695866958769588695896959069591695926959369594695956959669597695986959969600696016960269603696046960569606696076960869609696106961169612696136961469615696166961769618696196962069621696226962369624696256962669627696286962969630696316963269633696346963569636696376963869639696406964169642696436964469645696466964769648696496965069651696526965369654696556965669657696586965969660696616966269663696646966569666696676966869669696706967169672696736967469675696766967769678696796968069681696826968369684696856968669687696886968969690696916969269693696946969569696696976969869699697006970169702697036970469705697066970769708697096971069711697126971369714697156971669717697186971969720697216972269723697246972569726697276972869729697306973169732697336973469735697366973769738697396974069741697426974369744697456974669747697486974969750697516975269753697546975569756697576975869759697606976169762697636976469765697666976769768697696977069771697726977369774697756977669777697786977969780697816978269783697846978569786697876978869789697906979169792697936979469795697966979769798697996980069801698026980369804698056980669807698086980969810698116981269813698146981569816698176981869819698206982169822698236982469825698266982769828698296983069831698326983369834698356983669837698386983969840698416984269843698446984569846698476984869849698506985169852698536985469855698566985769858698596986069861698626986369864698656986669867698686986969870698716987269873698746987569876698776987869879698806988169882698836988469885698866988769888698896989069891698926989369894698956989669897698986989969900699016990269903699046990569906699076990869909699106991169912699136991469915699166991769918699196992069921699226992369924699256992669927699286992969930699316993269933699346993569936699376993869939699406994169942699436994469945699466994769948699496995069951699526995369954699556995669957699586995969960699616996269963699646996569966699676996869969699706997169972699736997469975699766997769978699796998069981699826998369984699856998669987699886998969990699916999269993699946999569996699976999869999700007000170002700037000470005700067000770008700097001070011700127001370014700157001670017700187001970020700217002270023700247002570026700277002870029700307003170032700337003470035700367003770038700397004070041700427004370044700457004670047700487004970050700517005270053700547005570056700577005870059700607006170062700637006470065700667006770068700697007070071700727007370074700757007670077700787007970080700817008270083700847008570086700877008870089700907009170092700937009470095700967009770098700997010070101701027010370104701057010670107701087010970110701117011270113701147011570116701177011870119701207012170122701237012470125701267012770128701297013070131701327013370134701357013670137701387013970140701417014270143701447014570146701477014870149701507015170152701537015470155701567015770158701597016070161701627016370164701657016670167701687016970170701717017270173701747017570176701777017870179701807018170182701837018470185701867018770188701897019070191701927019370194701957019670197701987019970200702017020270203702047020570206702077020870209702107021170212702137021470215702167021770218702197022070221702227022370224702257022670227702287022970230702317023270233702347023570236702377023870239702407024170242702437024470245702467024770248702497025070251702527025370254702557025670257702587025970260702617026270263702647026570266702677026870269702707027170272702737027470275702767027770278702797028070281702827028370284702857028670287702887028970290702917029270293702947029570296702977029870299703007030170302703037030470305703067030770308703097031070311703127031370314703157031670317703187031970320703217032270323703247032570326703277032870329703307033170332703337033470335703367033770338703397034070341703427034370344703457034670347703487034970350703517035270353703547035570356703577035870359703607036170362703637036470365703667036770368703697037070371703727037370374703757037670377703787037970380703817038270383703847038570386703877038870389703907039170392703937039470395703967039770398703997040070401704027040370404704057040670407704087040970410704117041270413704147041570416704177041870419704207042170422704237042470425704267042770428704297043070431704327043370434704357043670437704387043970440704417044270443704447044570446704477044870449704507045170452704537045470455704567045770458704597046070461704627046370464704657046670467704687046970470704717047270473704747047570476704777047870479704807048170482704837048470485704867048770488704897049070491704927049370494704957049670497704987049970500705017050270503705047050570506705077050870509705107051170512705137051470515705167051770518705197052070521705227052370524705257052670527705287052970530705317053270533705347053570536705377053870539705407054170542705437054470545705467054770548705497055070551705527055370554705557055670557705587055970560705617056270563705647056570566705677056870569705707057170572705737057470575705767057770578705797058070581705827058370584705857058670587705887058970590705917059270593705947059570596705977059870599706007060170602706037060470605706067060770608706097061070611706127061370614706157061670617706187061970620706217062270623706247062570626706277062870629706307063170632706337063470635706367063770638706397064070641706427064370644706457064670647706487064970650706517065270653706547065570656706577065870659706607066170662706637066470665706667066770668706697067070671706727067370674706757067670677706787067970680706817068270683706847068570686706877068870689706907069170692706937069470695706967069770698706997070070701707027070370704707057070670707707087070970710707117071270713707147071570716707177071870719707207072170722707237072470725707267072770728707297073070731707327073370734707357073670737707387073970740707417074270743707447074570746707477074870749707507075170752707537075470755707567075770758707597076070761707627076370764707657076670767707687076970770707717077270773707747077570776707777077870779707807078170782707837078470785707867078770788707897079070791707927079370794707957079670797707987079970800708017080270803708047080570806708077080870809708107081170812708137081470815708167081770818708197082070821708227082370824708257082670827708287082970830708317083270833708347083570836708377083870839708407084170842708437084470845708467084770848708497085070851708527085370854708557085670857708587085970860708617086270863708647086570866708677086870869708707087170872708737087470875708767087770878708797088070881708827088370884708857088670887708887088970890708917089270893708947089570896708977089870899709007090170902709037090470905709067090770908709097091070911709127091370914709157091670917709187091970920709217092270923709247092570926709277092870929709307093170932709337093470935709367093770938709397094070941709427094370944709457094670947709487094970950709517095270953709547095570956709577095870959709607096170962709637096470965709667096770968709697097070971709727097370974709757097670977709787097970980709817098270983709847098570986709877098870989709907099170992709937099470995709967099770998709997100071001710027100371004710057100671007710087100971010710117101271013710147101571016710177101871019710207102171022710237102471025710267102771028710297103071031710327103371034710357103671037710387103971040710417104271043710447104571046710477104871049710507105171052710537105471055710567105771058710597106071061710627106371064710657106671067710687106971070710717107271073710747107571076710777107871079710807108171082710837108471085710867108771088710897109071091710927109371094710957109671097710987109971100711017110271103711047110571106711077110871109711107111171112711137111471115711167111771118711197112071121711227112371124711257112671127711287112971130711317113271133711347113571136711377113871139711407114171142711437114471145711467114771148711497115071151711527115371154711557115671157711587115971160711617116271163711647116571166711677116871169711707117171172711737117471175711767117771178711797118071181711827118371184711857118671187711887118971190711917119271193711947119571196711977119871199712007120171202712037120471205712067120771208712097121071211712127121371214712157121671217712187121971220712217122271223712247122571226712277122871229712307123171232712337123471235712367123771238712397124071241712427124371244712457124671247712487124971250712517125271253712547125571256712577125871259712607126171262712637126471265712667126771268712697127071271712727127371274712757127671277712787127971280712817128271283712847128571286712877128871289712907129171292712937129471295712967129771298712997130071301713027130371304713057130671307713087130971310713117131271313713147131571316713177131871319713207132171322713237132471325713267132771328713297133071331713327133371334713357133671337713387133971340713417134271343713447134571346713477134871349713507135171352713537135471355713567135771358713597136071361713627136371364713657136671367713687136971370713717137271373713747137571376713777137871379713807138171382713837138471385713867138771388713897139071391713927139371394713957139671397713987139971400714017140271403714047140571406714077140871409714107141171412714137141471415714167141771418714197142071421714227142371424714257142671427714287142971430714317143271433714347143571436714377143871439714407144171442714437144471445714467144771448714497145071451714527145371454714557145671457714587145971460714617146271463714647146571466714677146871469714707147171472714737147471475714767147771478714797148071481714827148371484714857148671487714887148971490714917149271493714947149571496714977149871499715007150171502715037150471505715067150771508715097151071511715127151371514715157151671517715187151971520715217152271523715247152571526715277152871529715307153171532715337153471535715367153771538715397154071541715427154371544715457154671547715487154971550715517155271553715547155571556715577155871559715607156171562715637156471565715667156771568715697157071571715727157371574715757157671577715787157971580715817158271583715847158571586715877158871589715907159171592715937159471595715967159771598715997160071601716027160371604716057160671607716087160971610716117161271613716147161571616716177161871619716207162171622716237162471625716267162771628716297163071631716327163371634716357163671637716387163971640716417164271643716447164571646716477164871649716507165171652716537165471655716567165771658716597166071661716627166371664716657166671667716687166971670716717167271673716747167571676716777167871679716807168171682716837168471685716867168771688716897169071691716927169371694716957169671697716987169971700717017170271703717047170571706717077170871709717107171171712717137171471715717167171771718717197172071721717227172371724717257172671727717287172971730717317173271733717347173571736717377173871739717407174171742717437174471745717467174771748717497175071751717527175371754717557175671757717587175971760717617176271763717647176571766717677176871769717707177171772717737177471775717767177771778717797178071781717827178371784717857178671787717887178971790717917179271793717947179571796717977179871799718007180171802718037180471805718067180771808718097181071811718127181371814718157181671817718187181971820718217182271823718247182571826718277182871829718307183171832718337183471835718367183771838718397184071841718427184371844718457184671847718487184971850718517185271853718547185571856718577185871859718607186171862718637186471865718667186771868718697187071871718727187371874718757187671877718787187971880718817188271883718847188571886718877188871889718907189171892718937189471895718967189771898718997190071901719027190371904719057190671907719087190971910719117191271913719147191571916719177191871919719207192171922719237192471925719267192771928719297193071931719327193371934719357193671937719387193971940719417194271943719447194571946719477194871949719507195171952719537195471955719567195771958719597196071961719627196371964719657196671967719687196971970719717197271973719747197571976719777197871979719807198171982719837198471985719867198771988719897199071991719927199371994719957199671997719987199972000720017200272003720047200572006720077200872009720107201172012720137201472015720167201772018720197202072021720227202372024720257202672027720287202972030720317203272033720347203572036720377203872039720407204172042720437204472045720467204772048720497205072051720527205372054720557205672057720587205972060720617206272063720647206572066720677206872069720707207172072720737207472075720767207772078720797208072081720827208372084720857208672087720887208972090720917209272093720947209572096720977209872099721007210172102721037210472105721067210772108721097211072111721127211372114721157211672117721187211972120721217212272123721247212572126721277212872129721307213172132721337213472135721367213772138721397214072141721427214372144721457214672147721487214972150721517215272153721547215572156721577215872159721607216172162721637216472165721667216772168721697217072171721727217372174721757217672177721787217972180721817218272183721847218572186721877218872189721907219172192721937219472195721967219772198721997220072201722027220372204722057220672207722087220972210722117221272213722147221572216722177221872219722207222172222722237222472225722267222772228722297223072231722327223372234722357223672237722387223972240722417224272243722447224572246722477224872249722507225172252722537225472255722567225772258722597226072261722627226372264722657226672267722687226972270722717227272273722747227572276722777227872279722807228172282722837228472285722867228772288722897229072291722927229372294722957229672297722987229972300723017230272303723047230572306723077230872309723107231172312723137231472315723167231772318723197232072321723227232372324723257232672327723287232972330723317233272333723347233572336723377233872339723407234172342723437234472345723467234772348723497235072351723527235372354723557235672357723587235972360723617236272363723647236572366723677236872369723707237172372723737237472375723767237772378723797238072381723827238372384723857238672387723887238972390723917239272393723947239572396723977239872399724007240172402724037240472405724067240772408724097241072411724127241372414724157241672417724187241972420724217242272423724247242572426724277242872429724307243172432724337243472435724367243772438724397244072441724427244372444724457244672447724487244972450724517245272453724547245572456724577245872459724607246172462724637246472465724667246772468724697247072471724727247372474724757247672477724787247972480724817248272483724847248572486724877248872489724907249172492724937249472495724967249772498724997250072501725027250372504725057250672507725087250972510725117251272513725147251572516725177251872519725207252172522725237252472525725267252772528725297253072531725327253372534725357253672537725387253972540725417254272543725447254572546725477254872549725507255172552725537255472555725567255772558725597256072561725627256372564725657256672567725687256972570725717257272573725747257572576725777257872579725807258172582725837258472585725867258772588725897259072591725927259372594725957259672597725987259972600726017260272603726047260572606726077260872609726107261172612726137261472615726167261772618726197262072621726227262372624726257262672627726287262972630726317263272633726347263572636726377263872639726407264172642726437264472645726467264772648726497265072651726527265372654726557265672657726587265972660726617266272663726647266572666726677266872669726707267172672726737267472675726767267772678726797268072681726827268372684726857268672687726887268972690726917269272693726947269572696726977269872699727007270172702727037270472705727067270772708727097271072711727127271372714727157271672717727187271972720727217272272723727247272572726727277272872729727307273172732727337273472735727367273772738727397274072741727427274372744727457274672747727487274972750727517275272753727547275572756727577275872759727607276172762727637276472765727667276772768727697277072771727727277372774727757277672777727787277972780727817278272783727847278572786727877278872789727907279172792727937279472795727967279772798727997280072801728027280372804728057280672807728087280972810728117281272813728147281572816728177281872819728207282172822728237282472825728267282772828728297283072831728327283372834728357283672837728387283972840728417284272843728447284572846728477284872849728507285172852728537285472855728567285772858728597286072861728627286372864728657286672867728687286972870728717287272873728747287572876728777287872879728807288172882728837288472885728867288772888728897289072891728927289372894728957289672897728987289972900729017290272903729047290572906729077290872909729107291172912729137291472915729167291772918729197292072921729227292372924729257292672927729287292972930729317293272933729347293572936729377293872939729407294172942729437294472945729467294772948729497295072951729527295372954729557295672957729587295972960729617296272963729647296572966729677296872969729707297172972729737297472975729767297772978729797298072981729827298372984729857298672987729887298972990729917299272993729947299572996729977299872999730007300173002730037300473005730067300773008730097301073011730127301373014730157301673017730187301973020730217302273023730247302573026730277302873029730307303173032730337303473035730367303773038730397304073041730427304373044730457304673047730487304973050730517305273053730547305573056730577305873059730607306173062730637306473065730667306773068730697307073071730727307373074730757307673077730787307973080730817308273083730847308573086730877308873089730907309173092730937309473095730967309773098730997310073101731027310373104731057310673107731087310973110731117311273113731147311573116731177311873119731207312173122731237312473125731267312773128731297313073131731327313373134731357313673137731387313973140731417314273143731447314573146731477314873149731507315173152731537315473155731567315773158731597316073161731627316373164731657316673167731687316973170731717317273173731747317573176731777317873179731807318173182731837318473185731867318773188731897319073191731927319373194731957319673197731987319973200732017320273203732047320573206732077320873209732107321173212732137321473215732167321773218732197322073221732227322373224732257322673227732287322973230732317323273233732347323573236732377323873239732407324173242732437324473245732467324773248732497325073251732527325373254732557325673257732587325973260732617326273263732647326573266732677326873269732707327173272732737327473275732767327773278732797328073281732827328373284732857328673287732887328973290732917329273293732947329573296732977329873299733007330173302733037330473305733067330773308733097331073311733127331373314733157331673317733187331973320733217332273323733247332573326733277332873329733307333173332733337333473335733367333773338733397334073341733427334373344733457334673347733487334973350733517335273353733547335573356733577335873359733607336173362733637336473365733667336773368733697337073371733727337373374733757337673377733787337973380733817338273383733847338573386733877338873389733907339173392733937339473395733967339773398733997340073401734027340373404734057340673407734087340973410734117341273413734147341573416734177341873419734207342173422734237342473425734267342773428734297343073431734327343373434734357343673437734387343973440734417344273443734447344573446734477344873449734507345173452734537345473455734567345773458734597346073461734627346373464734657346673467734687346973470734717347273473734747347573476734777347873479734807348173482734837348473485734867348773488734897349073491734927349373494734957349673497734987349973500735017350273503735047350573506735077350873509735107351173512735137351473515735167351773518735197352073521735227352373524735257352673527735287352973530735317353273533735347353573536735377353873539735407354173542735437354473545735467354773548735497355073551735527355373554735557355673557735587355973560735617356273563735647356573566735677356873569735707357173572735737357473575735767357773578735797358073581735827358373584735857358673587735887358973590735917359273593735947359573596735977359873599736007360173602736037360473605736067360773608736097361073611736127361373614736157361673617736187361973620736217362273623736247362573626736277362873629736307363173632736337363473635736367363773638736397364073641736427364373644736457364673647736487364973650736517365273653736547365573656736577365873659736607366173662736637366473665736667366773668736697367073671736727367373674736757367673677736787367973680736817368273683736847368573686736877368873689736907369173692736937369473695736967369773698736997370073701737027370373704737057370673707737087370973710737117371273713737147371573716737177371873719737207372173722737237372473725737267372773728737297373073731737327373373734737357373673737737387373973740737417374273743737447374573746737477374873749737507375173752737537375473755737567375773758737597376073761737627376373764737657376673767737687376973770737717377273773737747377573776737777377873779737807378173782737837378473785737867378773788737897379073791737927379373794737957379673797737987379973800738017380273803738047380573806738077380873809738107381173812738137381473815738167381773818738197382073821738227382373824738257382673827738287382973830738317383273833738347383573836738377383873839738407384173842738437384473845738467384773848738497385073851738527385373854738557385673857738587385973860738617386273863738647386573866738677386873869738707387173872738737387473875738767387773878738797388073881738827388373884738857388673887738887388973890738917389273893738947389573896738977389873899739007390173902739037390473905739067390773908739097391073911739127391373914739157391673917739187391973920739217392273923739247392573926739277392873929739307393173932739337393473935739367393773938739397394073941739427394373944739457394673947739487394973950739517395273953739547395573956739577395873959739607396173962739637396473965739667396773968739697397073971739727397373974739757397673977739787397973980739817398273983739847398573986739877398873989739907399173992739937399473995739967399773998739997400074001740027400374004740057400674007740087400974010740117401274013740147401574016740177401874019740207402174022740237402474025740267402774028740297403074031740327403374034740357403674037740387403974040740417404274043740447404574046740477404874049740507405174052740537405474055740567405774058740597406074061740627406374064740657406674067740687406974070740717407274073740747407574076740777407874079740807408174082740837408474085740867408774088740897409074091740927409374094740957409674097740987409974100741017410274103741047410574106741077410874109741107411174112741137411474115741167411774118741197412074121741227412374124741257412674127741287412974130741317413274133741347413574136741377413874139741407414174142741437414474145741467414774148741497415074151741527415374154741557415674157741587415974160741617416274163741647416574166741677416874169741707417174172741737417474175741767417774178741797418074181741827418374184741857418674187741887418974190741917419274193741947419574196741977419874199742007420174202742037420474205742067420774208742097421074211742127421374214742157421674217742187421974220742217422274223742247422574226742277422874229742307423174232742337423474235742367423774238742397424074241742427424374244742457424674247742487424974250742517425274253742547425574256742577425874259742607426174262742637426474265742667426774268742697427074271742727427374274742757427674277742787427974280742817428274283742847428574286742877428874289742907429174292742937429474295742967429774298742997430074301743027430374304743057430674307743087430974310743117431274313743147431574316743177431874319743207432174322743237432474325743267432774328743297433074331743327433374334743357433674337743387433974340743417434274343743447434574346743477434874349743507435174352743537435474355743567435774358743597436074361743627436374364743657436674367743687436974370743717437274373743747437574376743777437874379743807438174382743837438474385743867438774388743897439074391743927439374394743957439674397743987439974400744017440274403744047440574406744077440874409744107441174412744137441474415744167441774418744197442074421744227442374424744257442674427744287442974430744317443274433744347443574436744377443874439744407444174442744437444474445744467444774448744497445074451744527445374454744557445674457744587445974460744617446274463744647446574466744677446874469744707447174472744737447474475744767447774478744797448074481744827448374484744857448674487744887448974490744917449274493744947449574496744977449874499745007450174502745037450474505745067450774508745097451074511745127451374514745157451674517745187451974520745217452274523745247452574526745277452874529745307453174532745337453474535745367453774538745397454074541745427454374544745457454674547745487454974550745517455274553745547455574556745577455874559745607456174562745637456474565745667456774568745697457074571745727457374574745757457674577745787457974580745817458274583745847458574586745877458874589745907459174592745937459474595745967459774598745997460074601746027460374604746057460674607746087460974610746117461274613746147461574616746177461874619746207462174622746237462474625746267462774628746297463074631746327463374634746357463674637746387463974640746417464274643746447464574646746477464874649746507465174652746537465474655746567465774658746597466074661746627466374664746657466674667746687466974670746717467274673746747467574676746777467874679746807468174682746837468474685746867468774688746897469074691746927469374694746957469674697746987469974700747017470274703747047470574706747077470874709747107471174712747137471474715747167471774718747197472074721747227472374724747257472674727747287472974730747317473274733747347473574736747377473874739747407474174742747437474474745747467474774748747497475074751747527475374754747557475674757747587475974760747617476274763747647476574766747677476874769747707477174772747737477474775747767477774778747797478074781747827478374784747857478674787747887478974790747917479274793747947479574796747977479874799748007480174802748037480474805748067480774808748097481074811748127481374814748157481674817748187481974820748217482274823748247482574826748277482874829748307483174832748337483474835748367483774838748397484074841748427484374844748457484674847748487484974850748517485274853748547485574856748577485874859748607486174862748637486474865748667486774868748697487074871748727487374874748757487674877748787487974880748817488274883748847488574886748877488874889748907489174892748937489474895748967489774898748997490074901749027490374904749057490674907749087490974910749117491274913749147491574916749177491874919749207492174922749237492474925749267492774928749297493074931749327493374934749357493674937749387493974940749417494274943749447494574946749477494874949749507495174952749537495474955749567495774958749597496074961749627496374964749657496674967749687496974970749717497274973749747497574976749777497874979749807498174982749837498474985749867498774988749897499074991749927499374994749957499674997749987499975000750017500275003750047500575006750077500875009750107501175012750137501475015750167501775018750197502075021750227502375024750257502675027750287502975030750317503275033750347503575036750377503875039750407504175042750437504475045750467504775048750497505075051750527505375054750557505675057750587505975060750617506275063750647506575066750677506875069750707507175072750737507475075750767507775078750797508075081750827508375084750857508675087750887508975090750917509275093750947509575096750977509875099751007510175102751037510475105751067510775108751097511075111751127511375114751157511675117751187511975120751217512275123751247512575126751277512875129751307513175132751337513475135751367513775138751397514075141751427514375144751457514675147751487514975150751517515275153751547515575156751577515875159751607516175162751637516475165751667516775168751697517075171751727517375174751757517675177751787517975180751817518275183751847518575186751877518875189751907519175192751937519475195751967519775198751997520075201752027520375204752057520675207752087520975210752117521275213752147521575216752177521875219752207522175222752237522475225752267522775228752297523075231752327523375234752357523675237752387523975240752417524275243752447524575246752477524875249752507525175252752537525475255752567525775258752597526075261752627526375264752657526675267752687526975270752717527275273752747527575276752777527875279752807528175282752837528475285752867528775288752897529075291752927529375294752957529675297752987529975300753017530275303753047530575306753077530875309753107531175312753137531475315753167531775318753197532075321753227532375324753257532675327753287532975330753317533275333753347533575336753377533875339753407534175342753437534475345753467534775348753497535075351753527535375354753557535675357753587535975360753617536275363753647536575366753677536875369753707537175372753737537475375753767537775378753797538075381753827538375384753857538675387753887538975390753917539275393753947539575396753977539875399754007540175402754037540475405754067540775408754097541075411754127541375414754157541675417754187541975420754217542275423754247542575426754277542875429754307543175432754337543475435754367543775438754397544075441754427544375444754457544675447754487544975450754517545275453754547545575456754577545875459754607546175462754637546475465754667546775468754697547075471754727547375474754757547675477754787547975480754817548275483754847548575486754877548875489754907549175492754937549475495754967549775498754997550075501755027550375504755057550675507755087550975510755117551275513755147551575516755177551875519755207552175522755237552475525755267552775528755297553075531755327553375534755357553675537755387553975540755417554275543755447554575546755477554875549755507555175552755537555475555755567555775558755597556075561755627556375564755657556675567755687556975570755717557275573755747557575576755777557875579755807558175582755837558475585755867558775588755897559075591755927559375594755957559675597755987559975600756017560275603756047560575606756077560875609756107561175612756137561475615756167561775618756197562075621756227562375624756257562675627756287562975630756317563275633756347563575636756377563875639756407564175642756437564475645756467564775648756497565075651756527565375654756557565675657756587565975660756617566275663756647566575666756677566875669756707567175672756737567475675756767567775678756797568075681756827568375684756857568675687756887568975690756917569275693756947569575696756977569875699757007570175702757037570475705757067570775708757097571075711757127571375714757157571675717757187571975720757217572275723757247572575726757277572875729757307573175732757337573475735757367573775738757397574075741757427574375744757457574675747757487574975750757517575275753757547575575756757577575875759757607576175762757637576475765757667576775768757697577075771757727577375774757757577675777757787577975780757817578275783757847578575786757877578875789757907579175792757937579475795757967579775798757997580075801758027580375804758057580675807758087580975810758117581275813758147581575816758177581875819758207582175822758237582475825758267582775828758297583075831758327583375834758357583675837758387583975840758417584275843758447584575846758477584875849758507585175852758537585475855758567585775858758597586075861758627586375864758657586675867758687586975870758717587275873758747587575876758777587875879758807588175882758837588475885758867588775888758897589075891758927589375894758957589675897758987589975900759017590275903759047590575906759077590875909759107591175912759137591475915759167591775918759197592075921759227592375924759257592675927759287592975930759317593275933759347593575936759377593875939759407594175942759437594475945759467594775948759497595075951759527595375954759557595675957759587595975960759617596275963759647596575966759677596875969759707597175972759737597475975759767597775978759797598075981759827598375984759857598675987759887598975990759917599275993759947599575996759977599875999760007600176002760037600476005760067600776008760097601076011760127601376014760157601676017760187601976020760217602276023760247602576026760277602876029760307603176032760337603476035760367603776038760397604076041760427604376044760457604676047760487604976050760517605276053760547605576056760577605876059760607606176062760637606476065760667606776068760697607076071760727607376074760757607676077760787607976080760817608276083760847608576086760877608876089760907609176092760937609476095760967609776098760997610076101761027610376104761057610676107761087610976110761117611276113761147611576116761177611876119761207612176122761237612476125761267612776128761297613076131761327613376134761357613676137761387613976140761417614276143761447614576146761477614876149761507615176152761537615476155761567615776158761597616076161761627616376164761657616676167761687616976170761717617276173761747617576176761777617876179761807618176182761837618476185761867618776188761897619076191761927619376194761957619676197761987619976200762017620276203762047620576206762077620876209762107621176212762137621476215762167621776218762197622076221762227622376224762257622676227762287622976230762317623276233762347623576236762377623876239762407624176242762437624476245762467624776248762497625076251762527625376254762557625676257762587625976260762617626276263762647626576266762677626876269762707627176272762737627476275762767627776278762797628076281762827628376284762857628676287762887628976290762917629276293762947629576296762977629876299763007630176302763037630476305763067630776308763097631076311763127631376314763157631676317763187631976320763217632276323763247632576326763277632876329763307633176332763337633476335763367633776338763397634076341763427634376344763457634676347763487634976350763517635276353763547635576356763577635876359763607636176362763637636476365763667636776368763697637076371763727637376374763757637676377763787637976380763817638276383763847638576386763877638876389763907639176392763937639476395763967639776398763997640076401764027640376404764057640676407764087640976410764117641276413764147641576416764177641876419764207642176422764237642476425764267642776428764297643076431764327643376434764357643676437764387643976440764417644276443764447644576446764477644876449764507645176452764537645476455764567645776458764597646076461764627646376464764657646676467764687646976470764717647276473764747647576476764777647876479764807648176482764837648476485764867648776488764897649076491764927649376494764957649676497764987649976500765017650276503765047650576506765077650876509765107651176512765137651476515765167651776518765197652076521765227652376524765257652676527765287652976530765317653276533765347653576536765377653876539765407654176542765437654476545765467654776548765497655076551765527655376554765557655676557765587655976560765617656276563765647656576566765677656876569765707657176572765737657476575765767657776578765797658076581765827658376584765857658676587765887658976590765917659276593765947659576596765977659876599766007660176602766037660476605766067660776608766097661076611766127661376614766157661676617766187661976620766217662276623766247662576626766277662876629766307663176632766337663476635766367663776638766397664076641766427664376644766457664676647766487664976650766517665276653766547665576656766577665876659766607666176662766637666476665766667666776668766697667076671766727667376674766757667676677766787667976680766817668276683766847668576686766877668876689766907669176692766937669476695766967669776698766997670076701767027670376704767057670676707767087670976710767117671276713767147671576716767177671876719767207672176722767237672476725767267672776728767297673076731767327673376734767357673676737767387673976740767417674276743767447674576746767477674876749767507675176752767537675476755767567675776758767597676076761767627676376764767657676676767767687676976770767717677276773767747677576776767777677876779767807678176782767837678476785767867678776788767897679076791767927679376794767957679676797767987679976800768017680276803768047680576806768077680876809768107681176812768137681476815768167681776818768197682076821768227682376824768257682676827768287682976830768317683276833768347683576836768377683876839768407684176842768437684476845768467684776848768497685076851768527685376854768557685676857768587685976860768617686276863768647686576866768677686876869768707687176872768737687476875768767687776878768797688076881768827688376884768857688676887768887688976890768917689276893768947689576896768977689876899769007690176902769037690476905769067690776908769097691076911769127691376914769157691676917769187691976920769217692276923769247692576926769277692876929769307693176932769337693476935769367693776938769397694076941769427694376944769457694676947769487694976950769517695276953769547695576956769577695876959769607696176962769637696476965769667696776968769697697076971769727697376974769757697676977769787697976980769817698276983769847698576986769877698876989769907699176992769937699476995769967699776998769997700077001770027700377004770057700677007770087700977010770117701277013770147701577016770177701877019770207702177022770237702477025770267702777028770297703077031770327703377034770357703677037770387703977040770417704277043770447704577046770477704877049 |
- /**
- * @license
- * Copyright 2010-2024 Three.js Authors
- * SPDX-License-Identifier: MIT
- */
- const REVISION = '170dev';
- const MOUSE = { LEFT: 0, MIDDLE: 1, RIGHT: 2, ROTATE: 0, DOLLY: 1, PAN: 2 };
- const TOUCH = { ROTATE: 0, PAN: 1, DOLLY_PAN: 2, DOLLY_ROTATE: 3 };
- const CullFaceNone = 0;
- const CullFaceBack = 1;
- const CullFaceFront = 2;
- const CullFaceFrontBack = 3;
- const BasicShadowMap$1 = 0;
- const PCFShadowMap$1 = 1;
- const PCFSoftShadowMap$1 = 2;
- const VSMShadowMap = 3;
- const FrontSide = 0;
- const BackSide = 1;
- const DoubleSide = 2;
- const NoBlending = 0;
- const NormalBlending = 1;
- const AdditiveBlending = 2;
- const SubtractiveBlending = 3;
- const MultiplyBlending = 4;
- const CustomBlending = 5;
- const AddEquation = 100;
- const SubtractEquation = 101;
- const ReverseSubtractEquation = 102;
- const MinEquation = 103;
- const MaxEquation = 104;
- const ZeroFactor = 200;
- const OneFactor = 201;
- const SrcColorFactor = 202;
- const OneMinusSrcColorFactor = 203;
- const SrcAlphaFactor = 204;
- const OneMinusSrcAlphaFactor = 205;
- const DstAlphaFactor = 206;
- const OneMinusDstAlphaFactor = 207;
- const DstColorFactor = 208;
- const OneMinusDstColorFactor = 209;
- const SrcAlphaSaturateFactor = 210;
- const ConstantColorFactor = 211;
- const OneMinusConstantColorFactor = 212;
- const ConstantAlphaFactor = 213;
- const OneMinusConstantAlphaFactor = 214;
- const NeverDepth = 0;
- const AlwaysDepth = 1;
- const LessDepth = 2;
- const LessEqualDepth = 3;
- const EqualDepth = 4;
- const GreaterEqualDepth = 5;
- const GreaterDepth = 6;
- const NotEqualDepth = 7;
- const MultiplyOperation = 0;
- const MixOperation = 1;
- const AddOperation = 2;
- const NoToneMapping = 0;
- const LinearToneMapping = 1;
- const ReinhardToneMapping = 2;
- const CineonToneMapping = 3;
- const ACESFilmicToneMapping = 4;
- const CustomToneMapping = 5;
- const AgXToneMapping = 6;
- const NeutralToneMapping = 7;
- const AttachedBindMode = 'attached';
- const DetachedBindMode = 'detached';
- const UVMapping = 300;
- const CubeReflectionMapping = 301;
- const CubeRefractionMapping = 302;
- const EquirectangularReflectionMapping = 303;
- const EquirectangularRefractionMapping = 304;
- const CubeUVReflectionMapping = 306;
- const RepeatWrapping = 1000;
- const ClampToEdgeWrapping = 1001;
- const MirroredRepeatWrapping = 1002;
- const NearestFilter = 1003;
- const NearestMipmapNearestFilter = 1004;
- const NearestMipMapNearestFilter = 1004;
- const NearestMipmapLinearFilter = 1005;
- const NearestMipMapLinearFilter = 1005;
- const LinearFilter = 1006;
- const LinearMipmapNearestFilter = 1007;
- const LinearMipMapNearestFilter = 1007;
- const LinearMipmapLinearFilter = 1008;
- const LinearMipMapLinearFilter = 1008;
- const UnsignedByteType = 1009;
- const ByteType = 1010;
- const ShortType = 1011;
- const UnsignedShortType = 1012;
- const IntType = 1013;
- const UnsignedIntType = 1014;
- const FloatType = 1015;
- const HalfFloatType = 1016;
- const UnsignedShort4444Type = 1017;
- const UnsignedShort5551Type = 1018;
- const UnsignedInt248Type = 1020;
- const UnsignedInt5999Type = 35902;
- const AlphaFormat = 1021;
- const RGBFormat = 1022;
- const RGBAFormat = 1023;
- const LuminanceFormat = 1024;
- const LuminanceAlphaFormat = 1025;
- const DepthFormat = 1026;
- const DepthStencilFormat = 1027;
- const RedFormat = 1028;
- const RedIntegerFormat = 1029;
- const RGFormat = 1030;
- const RGIntegerFormat = 1031;
- const RGBIntegerFormat = 1032;
- const RGBAIntegerFormat = 1033;
- const RGB_S3TC_DXT1_Format = 33776;
- const RGBA_S3TC_DXT1_Format = 33777;
- const RGBA_S3TC_DXT3_Format = 33778;
- const RGBA_S3TC_DXT5_Format = 33779;
- const RGB_PVRTC_4BPPV1_Format = 35840;
- const RGB_PVRTC_2BPPV1_Format = 35841;
- const RGBA_PVRTC_4BPPV1_Format = 35842;
- const RGBA_PVRTC_2BPPV1_Format = 35843;
- const RGB_ETC1_Format = 36196;
- const RGB_ETC2_Format = 37492;
- const RGBA_ETC2_EAC_Format = 37496;
- const RGBA_ASTC_4x4_Format = 37808;
- const RGBA_ASTC_5x4_Format = 37809;
- const RGBA_ASTC_5x5_Format = 37810;
- const RGBA_ASTC_6x5_Format = 37811;
- const RGBA_ASTC_6x6_Format = 37812;
- const RGBA_ASTC_8x5_Format = 37813;
- const RGBA_ASTC_8x6_Format = 37814;
- const RGBA_ASTC_8x8_Format = 37815;
- const RGBA_ASTC_10x5_Format = 37816;
- const RGBA_ASTC_10x6_Format = 37817;
- const RGBA_ASTC_10x8_Format = 37818;
- const RGBA_ASTC_10x10_Format = 37819;
- const RGBA_ASTC_12x10_Format = 37820;
- const RGBA_ASTC_12x12_Format = 37821;
- const RGBA_BPTC_Format = 36492;
- const RGB_BPTC_SIGNED_Format = 36494;
- const RGB_BPTC_UNSIGNED_Format = 36495;
- const RED_RGTC1_Format = 36283;
- const SIGNED_RED_RGTC1_Format = 36284;
- const RED_GREEN_RGTC2_Format = 36285;
- const SIGNED_RED_GREEN_RGTC2_Format = 36286;
- const LoopOnce = 2200;
- const LoopRepeat = 2201;
- const LoopPingPong = 2202;
- const InterpolateDiscrete = 2300;
- const InterpolateLinear = 2301;
- const InterpolateSmooth = 2302;
- const ZeroCurvatureEnding = 2400;
- const ZeroSlopeEnding = 2401;
- const WrapAroundEnding = 2402;
- const NormalAnimationBlendMode = 2500;
- const AdditiveAnimationBlendMode = 2501;
- const TrianglesDrawMode = 0;
- const TriangleStripDrawMode = 1;
- const TriangleFanDrawMode = 2;
- const BasicDepthPacking = 3200;
- const RGBADepthPacking = 3201;
- const RGBDepthPacking = 3202;
- const RGDepthPacking = 3203;
- const TangentSpaceNormalMap = 0;
- const ObjectSpaceNormalMap = 1;
- // Color space string identifiers, matching CSS Color Module Level 4 and WebGPU names where available.
- const NoColorSpace = '';
- const SRGBColorSpace = 'srgb';
- const LinearSRGBColorSpace = 'srgb-linear';
- const DisplayP3ColorSpace = 'display-p3';
- const LinearDisplayP3ColorSpace = 'display-p3-linear';
- const LinearTransfer = 'linear';
- const SRGBTransfer = 'srgb';
- const Rec709Primaries = 'rec709';
- const P3Primaries = 'p3';
- const ZeroStencilOp = 0;
- const KeepStencilOp = 7680;
- const ReplaceStencilOp = 7681;
- const IncrementStencilOp = 7682;
- const DecrementStencilOp = 7683;
- const IncrementWrapStencilOp = 34055;
- const DecrementWrapStencilOp = 34056;
- const InvertStencilOp = 5386;
- const NeverStencilFunc = 512;
- const LessStencilFunc = 513;
- const EqualStencilFunc = 514;
- const LessEqualStencilFunc = 515;
- const GreaterStencilFunc = 516;
- const NotEqualStencilFunc = 517;
- const GreaterEqualStencilFunc = 518;
- const AlwaysStencilFunc = 519;
- const NeverCompare = 512;
- const LessCompare = 513;
- const EqualCompare = 514;
- const LessEqualCompare = 515;
- const GreaterCompare = 516;
- const NotEqualCompare = 517;
- const GreaterEqualCompare = 518;
- const AlwaysCompare = 519;
- const StaticDrawUsage = 35044;
- const DynamicDrawUsage = 35048;
- const StreamDrawUsage = 35040;
- const StaticReadUsage = 35045;
- const DynamicReadUsage = 35049;
- const StreamReadUsage = 35041;
- const StaticCopyUsage = 35046;
- const DynamicCopyUsage = 35050;
- const StreamCopyUsage = 35042;
- const GLSL1 = '100';
- const GLSL3 = '300 es';
- const WebGLCoordinateSystem = 2000;
- const WebGPUCoordinateSystem = 2001;
- /**
- * https://github.com/mrdoob/eventdispatcher.js/
- */
- class EventDispatcher {
- addEventListener( type, listener ) {
- if ( this._listeners === undefined ) this._listeners = {};
- const listeners = this._listeners;
- if ( listeners[ type ] === undefined ) {
- listeners[ type ] = [];
- }
- if ( listeners[ type ].indexOf( listener ) === - 1 ) {
- listeners[ type ].push( listener );
- }
- }
- hasEventListener( type, listener ) {
- if ( this._listeners === undefined ) return false;
- const listeners = this._listeners;
- return listeners[ type ] !== undefined && listeners[ type ].indexOf( listener ) !== - 1;
- }
- removeEventListener( type, listener ) {
- if ( this._listeners === undefined ) return;
- const listeners = this._listeners;
- const listenerArray = listeners[ type ];
- if ( listenerArray !== undefined ) {
- const index = listenerArray.indexOf( listener );
- if ( index !== - 1 ) {
- listenerArray.splice( index, 1 );
- }
- }
- }
- dispatchEvent( event ) {
- if ( this._listeners === undefined ) return;
- const listeners = this._listeners;
- const listenerArray = listeners[ event.type ];
- if ( listenerArray !== undefined ) {
- event.target = this;
- // Make a copy, in case listeners are removed while iterating.
- const array = listenerArray.slice( 0 );
- for ( let i = 0, l = array.length; i < l; i ++ ) {
- array[ i ].call( this, event );
- }
- event.target = null;
- }
- }
- }
- const _lut = [ '00', '01', '02', '03', '04', '05', '06', '07', '08', '09', '0a', '0b', '0c', '0d', '0e', '0f', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '1a', '1b', '1c', '1d', '1e', '1f', '20', '21', '22', '23', '24', '25', '26', '27', '28', '29', '2a', '2b', '2c', '2d', '2e', '2f', '30', '31', '32', '33', '34', '35', '36', '37', '38', '39', '3a', '3b', '3c', '3d', '3e', '3f', '40', '41', '42', '43', '44', '45', '46', '47', '48', '49', '4a', '4b', '4c', '4d', '4e', '4f', '50', '51', '52', '53', '54', '55', '56', '57', '58', '59', '5a', '5b', '5c', '5d', '5e', '5f', '60', '61', '62', '63', '64', '65', '66', '67', '68', '69', '6a', '6b', '6c', '6d', '6e', '6f', '70', '71', '72', '73', '74', '75', '76', '77', '78', '79', '7a', '7b', '7c', '7d', '7e', '7f', '80', '81', '82', '83', '84', '85', '86', '87', '88', '89', '8a', '8b', '8c', '8d', '8e', '8f', '90', '91', '92', '93', '94', '95', '96', '97', '98', '99', '9a', '9b', '9c', '9d', '9e', '9f', 'a0', 'a1', 'a2', 'a3', 'a4', 'a5', 'a6', 'a7', 'a8', 'a9', 'aa', 'ab', 'ac', 'ad', 'ae', 'af', 'b0', 'b1', 'b2', 'b3', 'b4', 'b5', 'b6', 'b7', 'b8', 'b9', 'ba', 'bb', 'bc', 'bd', 'be', 'bf', 'c0', 'c1', 'c2', 'c3', 'c4', 'c5', 'c6', 'c7', 'c8', 'c9', 'ca', 'cb', 'cc', 'cd', 'ce', 'cf', 'd0', 'd1', 'd2', 'd3', 'd4', 'd5', 'd6', 'd7', 'd8', 'd9', 'da', 'db', 'dc', 'dd', 'de', 'df', 'e0', 'e1', 'e2', 'e3', 'e4', 'e5', 'e6', 'e7', 'e8', 'e9', 'ea', 'eb', 'ec', 'ed', 'ee', 'ef', 'f0', 'f1', 'f2', 'f3', 'f4', 'f5', 'f6', 'f7', 'f8', 'f9', 'fa', 'fb', 'fc', 'fd', 'fe', 'ff' ];
- let _seed = 1234567;
- const DEG2RAD = Math.PI / 180;
- const RAD2DEG = 180 / Math.PI;
- // http://stackoverflow.com/questions/105034/how-to-create-a-guid-uuid-in-javascript/21963136#21963136
- function generateUUID() {
- const d0 = Math.random() * 0xffffffff | 0;
- const d1 = Math.random() * 0xffffffff | 0;
- const d2 = Math.random() * 0xffffffff | 0;
- const d3 = Math.random() * 0xffffffff | 0;
- const uuid = _lut[ d0 & 0xff ] + _lut[ d0 >> 8 & 0xff ] + _lut[ d0 >> 16 & 0xff ] + _lut[ d0 >> 24 & 0xff ] + '-' +
- _lut[ d1 & 0xff ] + _lut[ d1 >> 8 & 0xff ] + '-' + _lut[ d1 >> 16 & 0x0f | 0x40 ] + _lut[ d1 >> 24 & 0xff ] + '-' +
- _lut[ d2 & 0x3f | 0x80 ] + _lut[ d2 >> 8 & 0xff ] + '-' + _lut[ d2 >> 16 & 0xff ] + _lut[ d2 >> 24 & 0xff ] +
- _lut[ d3 & 0xff ] + _lut[ d3 >> 8 & 0xff ] + _lut[ d3 >> 16 & 0xff ] + _lut[ d3 >> 24 & 0xff ];
- // .toLowerCase() here flattens concatenated strings to save heap memory space.
- return uuid.toLowerCase();
- }
- function clamp$1( value, min, max ) {
- return Math.max( min, Math.min( max, value ) );
- }
- // compute euclidean modulo of m % n
- // https://en.wikipedia.org/wiki/Modulo_operation
- function euclideanModulo( n, m ) {
- return ( ( n % m ) + m ) % m;
- }
- // Linear mapping from range <a1, a2> to range <b1, b2>
- function mapLinear( x, a1, a2, b1, b2 ) {
- return b1 + ( x - a1 ) * ( b2 - b1 ) / ( a2 - a1 );
- }
- // https://www.gamedev.net/tutorials/programming/general-and-gameplay-programming/inverse-lerp-a-super-useful-yet-often-overlooked-function-r5230/
- function inverseLerp( x, y, value ) {
- if ( x !== y ) {
- return ( value - x ) / ( y - x );
- } else {
- return 0;
- }
- }
- // https://en.wikipedia.org/wiki/Linear_interpolation
- function lerp( x, y, t ) {
- return ( 1 - t ) * x + t * y;
- }
- // http://www.rorydriscoll.com/2016/03/07/frame-rate-independent-damping-using-lerp/
- function damp( x, y, lambda, dt ) {
- return lerp( x, y, 1 - Math.exp( - lambda * dt ) );
- }
- // https://www.desmos.com/calculator/vcsjnyz7x4
- function pingpong( x, length = 1 ) {
- return length - Math.abs( euclideanModulo( x, length * 2 ) - length );
- }
- // http://en.wikipedia.org/wiki/Smoothstep
- function smoothstep$1( x, min, max ) {
- if ( x <= min ) return 0;
- if ( x >= max ) return 1;
- x = ( x - min ) / ( max - min );
- return x * x * ( 3 - 2 * x );
- }
- function smootherstep( x, min, max ) {
- if ( x <= min ) return 0;
- if ( x >= max ) return 1;
- x = ( x - min ) / ( max - min );
- return x * x * x * ( x * ( x * 6 - 15 ) + 10 );
- }
- // Random integer from <low, high> interval
- function randInt( low, high ) {
- return low + Math.floor( Math.random() * ( high - low + 1 ) );
- }
- // Random float from <low, high> interval
- function randFloat( low, high ) {
- return low + Math.random() * ( high - low );
- }
- // Random float from <-range/2, range/2> interval
- function randFloatSpread( range ) {
- return range * ( 0.5 - Math.random() );
- }
- // Deterministic pseudo-random float in the interval [ 0, 1 ]
- function seededRandom( s ) {
- if ( s !== undefined ) _seed = s;
- // Mulberry32 generator
- let t = _seed += 0x6D2B79F5;
- t = Math.imul( t ^ t >>> 15, t | 1 );
- t ^= t + Math.imul( t ^ t >>> 7, t | 61 );
- return ( ( t ^ t >>> 14 ) >>> 0 ) / 4294967296;
- }
- function degToRad( degrees ) {
- return degrees * DEG2RAD;
- }
- function radToDeg( radians ) {
- return radians * RAD2DEG;
- }
- function isPowerOfTwo( value ) {
- return ( value & ( value - 1 ) ) === 0 && value !== 0;
- }
- function ceilPowerOfTwo( value ) {
- return Math.pow( 2, Math.ceil( Math.log( value ) / Math.LN2 ) );
- }
- function floorPowerOfTwo( value ) {
- return Math.pow( 2, Math.floor( Math.log( value ) / Math.LN2 ) );
- }
- function setQuaternionFromProperEuler( q, a, b, c, order ) {
- // Intrinsic Proper Euler Angles - see https://en.wikipedia.org/wiki/Euler_angles
- // rotations are applied to the axes in the order specified by 'order'
- // rotation by angle 'a' is applied first, then by angle 'b', then by angle 'c'
- // angles are in radians
- const cos = Math.cos;
- const sin = Math.sin;
- const c2 = cos( b / 2 );
- const s2 = sin( b / 2 );
- const c13 = cos( ( a + c ) / 2 );
- const s13 = sin( ( a + c ) / 2 );
- const c1_3 = cos( ( a - c ) / 2 );
- const s1_3 = sin( ( a - c ) / 2 );
- const c3_1 = cos( ( c - a ) / 2 );
- const s3_1 = sin( ( c - a ) / 2 );
- switch ( order ) {
- case 'XYX':
- q.set( c2 * s13, s2 * c1_3, s2 * s1_3, c2 * c13 );
- break;
- case 'YZY':
- q.set( s2 * s1_3, c2 * s13, s2 * c1_3, c2 * c13 );
- break;
- case 'ZXZ':
- q.set( s2 * c1_3, s2 * s1_3, c2 * s13, c2 * c13 );
- break;
- case 'XZX':
- q.set( c2 * s13, s2 * s3_1, s2 * c3_1, c2 * c13 );
- break;
- case 'YXY':
- q.set( s2 * c3_1, c2 * s13, s2 * s3_1, c2 * c13 );
- break;
- case 'ZYZ':
- q.set( s2 * s3_1, s2 * c3_1, c2 * s13, c2 * c13 );
- break;
- default:
- console.warn( 'THREE.MathUtils: .setQuaternionFromProperEuler() encountered an unknown order: ' + order );
- }
- }
- function denormalize( value, array ) {
- switch ( array.constructor ) {
- case Float32Array:
- return value;
- case Uint32Array:
- return value / 4294967295.0;
- case Uint16Array:
- return value / 65535.0;
- case Uint8Array:
- return value / 255.0;
- case Int32Array:
- return Math.max( value / 2147483647.0, - 1.0 );
- case Int16Array:
- return Math.max( value / 32767.0, - 1.0 );
- case Int8Array:
- return Math.max( value / 127.0, - 1.0 );
- default:
- throw new Error( 'Invalid component type.' );
- }
- }
- function normalize$1( value, array ) {
- switch ( array.constructor ) {
- case Float32Array:
- return value;
- case Uint32Array:
- return Math.round( value * 4294967295.0 );
- case Uint16Array:
- return Math.round( value * 65535.0 );
- case Uint8Array:
- return Math.round( value * 255.0 );
- case Int32Array:
- return Math.round( value * 2147483647.0 );
- case Int16Array:
- return Math.round( value * 32767.0 );
- case Int8Array:
- return Math.round( value * 127.0 );
- default:
- throw new Error( 'Invalid component type.' );
- }
- }
- const MathUtils = {
- DEG2RAD: DEG2RAD,
- RAD2DEG: RAD2DEG,
- generateUUID: generateUUID,
- clamp: clamp$1,
- euclideanModulo: euclideanModulo,
- mapLinear: mapLinear,
- inverseLerp: inverseLerp,
- lerp: lerp,
- damp: damp,
- pingpong: pingpong,
- smoothstep: smoothstep$1,
- smootherstep: smootherstep,
- randInt: randInt,
- randFloat: randFloat,
- randFloatSpread: randFloatSpread,
- seededRandom: seededRandom,
- degToRad: degToRad,
- radToDeg: radToDeg,
- isPowerOfTwo: isPowerOfTwo,
- ceilPowerOfTwo: ceilPowerOfTwo,
- floorPowerOfTwo: floorPowerOfTwo,
- setQuaternionFromProperEuler: setQuaternionFromProperEuler,
- normalize: normalize$1,
- denormalize: denormalize
- };
- class Vector2 {
- constructor( x = 0, y = 0 ) {
- Vector2.prototype.isVector2 = true;
- this.x = x;
- this.y = y;
- }
- get width() {
- return this.x;
- }
- set width( value ) {
- this.x = value;
- }
- get height() {
- return this.y;
- }
- set height( value ) {
- this.y = value;
- }
- set( x, y ) {
- this.x = x;
- this.y = y;
- return this;
- }
- setScalar( scalar ) {
- this.x = scalar;
- this.y = scalar;
- return this;
- }
- setX( x ) {
- this.x = x;
- return this;
- }
- setY( y ) {
- this.y = y;
- return this;
- }
- setComponent( index, value ) {
- switch ( index ) {
- case 0: this.x = value; break;
- case 1: this.y = value; break;
- default: throw new Error( 'index is out of range: ' + index );
- }
- return this;
- }
- getComponent( index ) {
- switch ( index ) {
- case 0: return this.x;
- case 1: return this.y;
- default: throw new Error( 'index is out of range: ' + index );
- }
- }
- clone() {
- return new this.constructor( this.x, this.y );
- }
- copy( v ) {
- this.x = v.x;
- this.y = v.y;
- return this;
- }
- add( v ) {
- this.x += v.x;
- this.y += v.y;
- return this;
- }
- addScalar( s ) {
- this.x += s;
- this.y += s;
- return this;
- }
- addVectors( a, b ) {
- this.x = a.x + b.x;
- this.y = a.y + b.y;
- return this;
- }
- addScaledVector( v, s ) {
- this.x += v.x * s;
- this.y += v.y * s;
- return this;
- }
- sub( v ) {
- this.x -= v.x;
- this.y -= v.y;
- return this;
- }
- subScalar( s ) {
- this.x -= s;
- this.y -= s;
- return this;
- }
- subVectors( a, b ) {
- this.x = a.x - b.x;
- this.y = a.y - b.y;
- return this;
- }
- multiply( v ) {
- this.x *= v.x;
- this.y *= v.y;
- return this;
- }
- multiplyScalar( scalar ) {
- this.x *= scalar;
- this.y *= scalar;
- return this;
- }
- divide( v ) {
- this.x /= v.x;
- this.y /= v.y;
- return this;
- }
- divideScalar( scalar ) {
- return this.multiplyScalar( 1 / scalar );
- }
- applyMatrix3( m ) {
- const x = this.x, y = this.y;
- const e = m.elements;
- this.x = e[ 0 ] * x + e[ 3 ] * y + e[ 6 ];
- this.y = e[ 1 ] * x + e[ 4 ] * y + e[ 7 ];
- return this;
- }
- min( v ) {
- this.x = Math.min( this.x, v.x );
- this.y = Math.min( this.y, v.y );
- return this;
- }
- max( v ) {
- this.x = Math.max( this.x, v.x );
- this.y = Math.max( this.y, v.y );
- return this;
- }
- clamp( min, max ) {
- // assumes min < max, componentwise
- this.x = Math.max( min.x, Math.min( max.x, this.x ) );
- this.y = Math.max( min.y, Math.min( max.y, this.y ) );
- return this;
- }
- clampScalar( minVal, maxVal ) {
- this.x = Math.max( minVal, Math.min( maxVal, this.x ) );
- this.y = Math.max( minVal, Math.min( maxVal, this.y ) );
- return this;
- }
- clampLength( min, max ) {
- const length = this.length();
- return this.divideScalar( length || 1 ).multiplyScalar( Math.max( min, Math.min( max, length ) ) );
- }
- floor() {
- this.x = Math.floor( this.x );
- this.y = Math.floor( this.y );
- return this;
- }
- ceil() {
- this.x = Math.ceil( this.x );
- this.y = Math.ceil( this.y );
- return this;
- }
- round() {
- this.x = Math.round( this.x );
- this.y = Math.round( this.y );
- return this;
- }
- roundToZero() {
- this.x = Math.trunc( this.x );
- this.y = Math.trunc( this.y );
- return this;
- }
- negate() {
- this.x = - this.x;
- this.y = - this.y;
- return this;
- }
- dot( v ) {
- return this.x * v.x + this.y * v.y;
- }
- cross( v ) {
- return this.x * v.y - this.y * v.x;
- }
- lengthSq() {
- return this.x * this.x + this.y * this.y;
- }
- length() {
- return Math.sqrt( this.x * this.x + this.y * this.y );
- }
- manhattanLength() {
- return Math.abs( this.x ) + Math.abs( this.y );
- }
- normalize() {
- return this.divideScalar( this.length() || 1 );
- }
- angle() {
- // computes the angle in radians with respect to the positive x-axis
- const angle = Math.atan2( - this.y, - this.x ) + Math.PI;
- return angle;
- }
- angleTo( v ) {
- const denominator = Math.sqrt( this.lengthSq() * v.lengthSq() );
- if ( denominator === 0 ) return Math.PI / 2;
- const theta = this.dot( v ) / denominator;
- // clamp, to handle numerical problems
- return Math.acos( clamp$1( theta, - 1, 1 ) );
- }
- distanceTo( v ) {
- return Math.sqrt( this.distanceToSquared( v ) );
- }
- distanceToSquared( v ) {
- const dx = this.x - v.x, dy = this.y - v.y;
- return dx * dx + dy * dy;
- }
- manhattanDistanceTo( v ) {
- return Math.abs( this.x - v.x ) + Math.abs( this.y - v.y );
- }
- setLength( length ) {
- return this.normalize().multiplyScalar( length );
- }
- lerp( v, alpha ) {
- this.x += ( v.x - this.x ) * alpha;
- this.y += ( v.y - this.y ) * alpha;
- return this;
- }
- lerpVectors( v1, v2, alpha ) {
- this.x = v1.x + ( v2.x - v1.x ) * alpha;
- this.y = v1.y + ( v2.y - v1.y ) * alpha;
- return this;
- }
- equals( v ) {
- return ( ( v.x === this.x ) && ( v.y === this.y ) );
- }
- fromArray( array, offset = 0 ) {
- this.x = array[ offset ];
- this.y = array[ offset + 1 ];
- return this;
- }
- toArray( array = [], offset = 0 ) {
- array[ offset ] = this.x;
- array[ offset + 1 ] = this.y;
- return array;
- }
- fromBufferAttribute( attribute, index ) {
- this.x = attribute.getX( index );
- this.y = attribute.getY( index );
- return this;
- }
- rotateAround( center, angle ) {
- const c = Math.cos( angle ), s = Math.sin( angle );
- const x = this.x - center.x;
- const y = this.y - center.y;
- this.x = x * c - y * s + center.x;
- this.y = x * s + y * c + center.y;
- return this;
- }
- random() {
- this.x = Math.random();
- this.y = Math.random();
- return this;
- }
- *[ Symbol.iterator ]() {
- yield this.x;
- yield this.y;
- }
- }
- class Matrix3 {
- constructor( n11, n12, n13, n21, n22, n23, n31, n32, n33 ) {
- Matrix3.prototype.isMatrix3 = true;
- this.elements = [
- 1, 0, 0,
- 0, 1, 0,
- 0, 0, 1
- ];
- if ( n11 !== undefined ) {
- this.set( n11, n12, n13, n21, n22, n23, n31, n32, n33 );
- }
- }
- set( n11, n12, n13, n21, n22, n23, n31, n32, n33 ) {
- const te = this.elements;
- te[ 0 ] = n11; te[ 1 ] = n21; te[ 2 ] = n31;
- te[ 3 ] = n12; te[ 4 ] = n22; te[ 5 ] = n32;
- te[ 6 ] = n13; te[ 7 ] = n23; te[ 8 ] = n33;
- return this;
- }
- identity() {
- this.set(
- 1, 0, 0,
- 0, 1, 0,
- 0, 0, 1
- );
- return this;
- }
- copy( m ) {
- const te = this.elements;
- const me = m.elements;
- te[ 0 ] = me[ 0 ]; te[ 1 ] = me[ 1 ]; te[ 2 ] = me[ 2 ];
- te[ 3 ] = me[ 3 ]; te[ 4 ] = me[ 4 ]; te[ 5 ] = me[ 5 ];
- te[ 6 ] = me[ 6 ]; te[ 7 ] = me[ 7 ]; te[ 8 ] = me[ 8 ];
- return this;
- }
- extractBasis( xAxis, yAxis, zAxis ) {
- xAxis.setFromMatrix3Column( this, 0 );
- yAxis.setFromMatrix3Column( this, 1 );
- zAxis.setFromMatrix3Column( this, 2 );
- return this;
- }
- setFromMatrix4( m ) {
- const me = m.elements;
- this.set(
- me[ 0 ], me[ 4 ], me[ 8 ],
- me[ 1 ], me[ 5 ], me[ 9 ],
- me[ 2 ], me[ 6 ], me[ 10 ]
- );
- return this;
- }
- multiply( m ) {
- return this.multiplyMatrices( this, m );
- }
- premultiply( m ) {
- return this.multiplyMatrices( m, this );
- }
- multiplyMatrices( a, b ) {
- const ae = a.elements;
- const be = b.elements;
- const te = this.elements;
- const a11 = ae[ 0 ], a12 = ae[ 3 ], a13 = ae[ 6 ];
- const a21 = ae[ 1 ], a22 = ae[ 4 ], a23 = ae[ 7 ];
- const a31 = ae[ 2 ], a32 = ae[ 5 ], a33 = ae[ 8 ];
- const b11 = be[ 0 ], b12 = be[ 3 ], b13 = be[ 6 ];
- const b21 = be[ 1 ], b22 = be[ 4 ], b23 = be[ 7 ];
- const b31 = be[ 2 ], b32 = be[ 5 ], b33 = be[ 8 ];
- te[ 0 ] = a11 * b11 + a12 * b21 + a13 * b31;
- te[ 3 ] = a11 * b12 + a12 * b22 + a13 * b32;
- te[ 6 ] = a11 * b13 + a12 * b23 + a13 * b33;
- te[ 1 ] = a21 * b11 + a22 * b21 + a23 * b31;
- te[ 4 ] = a21 * b12 + a22 * b22 + a23 * b32;
- te[ 7 ] = a21 * b13 + a22 * b23 + a23 * b33;
- te[ 2 ] = a31 * b11 + a32 * b21 + a33 * b31;
- te[ 5 ] = a31 * b12 + a32 * b22 + a33 * b32;
- te[ 8 ] = a31 * b13 + a32 * b23 + a33 * b33;
- return this;
- }
- multiplyScalar( s ) {
- const te = this.elements;
- te[ 0 ] *= s; te[ 3 ] *= s; te[ 6 ] *= s;
- te[ 1 ] *= s; te[ 4 ] *= s; te[ 7 ] *= s;
- te[ 2 ] *= s; te[ 5 ] *= s; te[ 8 ] *= s;
- return this;
- }
- determinant() {
- const te = this.elements;
- const a = te[ 0 ], b = te[ 1 ], c = te[ 2 ],
- d = te[ 3 ], e = te[ 4 ], f = te[ 5 ],
- g = te[ 6 ], h = te[ 7 ], i = te[ 8 ];
- return a * e * i - a * f * h - b * d * i + b * f * g + c * d * h - c * e * g;
- }
- invert() {
- const te = this.elements,
- n11 = te[ 0 ], n21 = te[ 1 ], n31 = te[ 2 ],
- n12 = te[ 3 ], n22 = te[ 4 ], n32 = te[ 5 ],
- n13 = te[ 6 ], n23 = te[ 7 ], n33 = te[ 8 ],
- t11 = n33 * n22 - n32 * n23,
- t12 = n32 * n13 - n33 * n12,
- t13 = n23 * n12 - n22 * n13,
- det = n11 * t11 + n21 * t12 + n31 * t13;
- if ( det === 0 ) return this.set( 0, 0, 0, 0, 0, 0, 0, 0, 0 );
- const detInv = 1 / det;
- te[ 0 ] = t11 * detInv;
- te[ 1 ] = ( n31 * n23 - n33 * n21 ) * detInv;
- te[ 2 ] = ( n32 * n21 - n31 * n22 ) * detInv;
- te[ 3 ] = t12 * detInv;
- te[ 4 ] = ( n33 * n11 - n31 * n13 ) * detInv;
- te[ 5 ] = ( n31 * n12 - n32 * n11 ) * detInv;
- te[ 6 ] = t13 * detInv;
- te[ 7 ] = ( n21 * n13 - n23 * n11 ) * detInv;
- te[ 8 ] = ( n22 * n11 - n21 * n12 ) * detInv;
- return this;
- }
- transpose() {
- let tmp;
- const m = this.elements;
- tmp = m[ 1 ]; m[ 1 ] = m[ 3 ]; m[ 3 ] = tmp;
- tmp = m[ 2 ]; m[ 2 ] = m[ 6 ]; m[ 6 ] = tmp;
- tmp = m[ 5 ]; m[ 5 ] = m[ 7 ]; m[ 7 ] = tmp;
- return this;
- }
- getNormalMatrix( matrix4 ) {
- return this.setFromMatrix4( matrix4 ).invert().transpose();
- }
- transposeIntoArray( r ) {
- const m = this.elements;
- r[ 0 ] = m[ 0 ];
- r[ 1 ] = m[ 3 ];
- r[ 2 ] = m[ 6 ];
- r[ 3 ] = m[ 1 ];
- r[ 4 ] = m[ 4 ];
- r[ 5 ] = m[ 7 ];
- r[ 6 ] = m[ 2 ];
- r[ 7 ] = m[ 5 ];
- r[ 8 ] = m[ 8 ];
- return this;
- }
- setUvTransform( tx, ty, sx, sy, rotation, cx, cy ) {
- const c = Math.cos( rotation );
- const s = Math.sin( rotation );
- this.set(
- sx * c, sx * s, - sx * ( c * cx + s * cy ) + cx + tx,
- - sy * s, sy * c, - sy * ( - s * cx + c * cy ) + cy + ty,
- 0, 0, 1
- );
- return this;
- }
- //
- scale( sx, sy ) {
- this.premultiply( _m3.makeScale( sx, sy ) );
- return this;
- }
- rotate( theta ) {
- this.premultiply( _m3.makeRotation( - theta ) );
- return this;
- }
- translate( tx, ty ) {
- this.premultiply( _m3.makeTranslation( tx, ty ) );
- return this;
- }
- // for 2D Transforms
- makeTranslation( x, y ) {
- if ( x.isVector2 ) {
- this.set(
- 1, 0, x.x,
- 0, 1, x.y,
- 0, 0, 1
- );
- } else {
- this.set(
- 1, 0, x,
- 0, 1, y,
- 0, 0, 1
- );
- }
- return this;
- }
- makeRotation( theta ) {
- // counterclockwise
- const c = Math.cos( theta );
- const s = Math.sin( theta );
- this.set(
- c, - s, 0,
- s, c, 0,
- 0, 0, 1
- );
- return this;
- }
- makeScale( x, y ) {
- this.set(
- x, 0, 0,
- 0, y, 0,
- 0, 0, 1
- );
- return this;
- }
- //
- equals( matrix ) {
- const te = this.elements;
- const me = matrix.elements;
- for ( let i = 0; i < 9; i ++ ) {
- if ( te[ i ] !== me[ i ] ) return false;
- }
- return true;
- }
- fromArray( array, offset = 0 ) {
- for ( let i = 0; i < 9; i ++ ) {
- this.elements[ i ] = array[ i + offset ];
- }
- return this;
- }
- toArray( array = [], offset = 0 ) {
- const te = this.elements;
- array[ offset ] = te[ 0 ];
- array[ offset + 1 ] = te[ 1 ];
- array[ offset + 2 ] = te[ 2 ];
- array[ offset + 3 ] = te[ 3 ];
- array[ offset + 4 ] = te[ 4 ];
- array[ offset + 5 ] = te[ 5 ];
- array[ offset + 6 ] = te[ 6 ];
- array[ offset + 7 ] = te[ 7 ];
- array[ offset + 8 ] = te[ 8 ];
- return array;
- }
- clone() {
- return new this.constructor().fromArray( this.elements );
- }
- }
- const _m3 = /*@__PURE__*/ new Matrix3();
- function arrayNeedsUint32$1( array ) {
- // assumes larger values usually on last
- for ( let i = array.length - 1; i >= 0; -- i ) {
- if ( array[ i ] >= 65535 ) return true; // account for PRIMITIVE_RESTART_FIXED_INDEX, #24565
- }
- return false;
- }
- const TYPED_ARRAYS = {
- Int8Array: Int8Array,
- Uint8Array: Uint8Array,
- Uint8ClampedArray: Uint8ClampedArray,
- Int16Array: Int16Array,
- Uint16Array: Uint16Array,
- Int32Array: Int32Array,
- Uint32Array: Uint32Array,
- Float32Array: Float32Array,
- Float64Array: Float64Array
- };
- function getTypedArray( type, buffer ) {
- return new TYPED_ARRAYS[ type ]( buffer );
- }
- function createElementNS( name ) {
- return document.createElementNS( 'http://www.w3.org/1999/xhtml', name );
- }
- function createCanvasElement() {
- const canvas = createElementNS( 'canvas' );
- canvas.style.display = 'block';
- return canvas;
- }
- const _cache$2 = {};
- function warnOnce( message ) {
- if ( message in _cache$2 ) return;
- _cache$2[ message ] = true;
- console.warn( message );
- }
- /**
- * Matrices converting P3 <-> Rec. 709 primaries, without gamut mapping
- * or clipping. Based on W3C specifications for sRGB and Display P3,
- * and ICC specifications for the D50 connection space. Values in/out
- * are _linear_ sRGB and _linear_ Display P3.
- *
- * Note that both sRGB and Display P3 use the sRGB transfer functions.
- *
- * Reference:
- * - http://www.russellcottrell.com/photo/matrixCalculator.htm
- */
- const LINEAR_SRGB_TO_LINEAR_DISPLAY_P3 = /*@__PURE__*/ new Matrix3().set(
- 0.8224621, 0.177538, 0.0,
- 0.0331941, 0.9668058, 0.0,
- 0.0170827, 0.0723974, 0.9105199,
- );
- const LINEAR_DISPLAY_P3_TO_LINEAR_SRGB = /*@__PURE__*/ new Matrix3().set(
- 1.2249401, - 0.2249404, 0.0,
- - 0.0420569, 1.0420571, 0.0,
- - 0.0196376, - 0.0786361, 1.0982735
- );
- /**
- * Defines supported color spaces by transfer function and primaries,
- * and provides conversions to/from the Linear-sRGB reference space.
- */
- const COLOR_SPACES = {
- [ LinearSRGBColorSpace ]: {
- transfer: LinearTransfer,
- primaries: Rec709Primaries,
- luminanceCoefficients: [ 0.2126, 0.7152, 0.0722 ],
- toReference: ( color ) => color,
- fromReference: ( color ) => color,
- },
- [ SRGBColorSpace ]: {
- transfer: SRGBTransfer,
- primaries: Rec709Primaries,
- luminanceCoefficients: [ 0.2126, 0.7152, 0.0722 ],
- toReference: ( color ) => color.convertSRGBToLinear(),
- fromReference: ( color ) => color.convertLinearToSRGB(),
- },
- [ LinearDisplayP3ColorSpace ]: {
- transfer: LinearTransfer,
- primaries: P3Primaries,
- luminanceCoefficients: [ 0.2289, 0.6917, 0.0793 ],
- toReference: ( color ) => color.applyMatrix3( LINEAR_DISPLAY_P3_TO_LINEAR_SRGB ),
- fromReference: ( color ) => color.applyMatrix3( LINEAR_SRGB_TO_LINEAR_DISPLAY_P3 ),
- },
- [ DisplayP3ColorSpace ]: {
- transfer: SRGBTransfer,
- primaries: P3Primaries,
- luminanceCoefficients: [ 0.2289, 0.6917, 0.0793 ],
- toReference: ( color ) => color.convertSRGBToLinear().applyMatrix3( LINEAR_DISPLAY_P3_TO_LINEAR_SRGB ),
- fromReference: ( color ) => color.applyMatrix3( LINEAR_SRGB_TO_LINEAR_DISPLAY_P3 ).convertLinearToSRGB(),
- },
- };
- const SUPPORTED_WORKING_COLOR_SPACES = new Set( [ LinearSRGBColorSpace, LinearDisplayP3ColorSpace ] );
- const ColorManagement = {
- enabled: true,
- _workingColorSpace: LinearSRGBColorSpace,
- get workingColorSpace() {
- return this._workingColorSpace;
- },
- set workingColorSpace( colorSpace ) {
- if ( ! SUPPORTED_WORKING_COLOR_SPACES.has( colorSpace ) ) {
- throw new Error( `Unsupported working color space, "${ colorSpace }".` );
- }
- this._workingColorSpace = colorSpace;
- },
- convert: function ( color, sourceColorSpace, targetColorSpace ) {
- if ( this.enabled === false || sourceColorSpace === targetColorSpace || ! sourceColorSpace || ! targetColorSpace ) {
- return color;
- }
- const sourceToReference = COLOR_SPACES[ sourceColorSpace ].toReference;
- const targetFromReference = COLOR_SPACES[ targetColorSpace ].fromReference;
- return targetFromReference( sourceToReference( color ) );
- },
- fromWorkingColorSpace: function ( color, targetColorSpace ) {
- return this.convert( color, this._workingColorSpace, targetColorSpace );
- },
- toWorkingColorSpace: function ( color, sourceColorSpace ) {
- return this.convert( color, sourceColorSpace, this._workingColorSpace );
- },
- getPrimaries: function ( colorSpace ) {
- return COLOR_SPACES[ colorSpace ].primaries;
- },
- getTransfer: function ( colorSpace ) {
- if ( colorSpace === NoColorSpace ) return LinearTransfer;
- return COLOR_SPACES[ colorSpace ].transfer;
- },
- getLuminanceCoefficients: function ( target, colorSpace = this._workingColorSpace ) {
- return target.fromArray( COLOR_SPACES[ colorSpace ].luminanceCoefficients );
- },
- };
- function SRGBToLinear( c ) {
- return ( c < 0.04045 ) ? c * 0.0773993808 : Math.pow( c * 0.9478672986 + 0.0521327014, 2.4 );
- }
- function LinearToSRGB( c ) {
- return ( c < 0.0031308 ) ? c * 12.92 : 1.055 * ( Math.pow( c, 0.41666 ) ) - 0.055;
- }
- let _canvas;
- class ImageUtils {
- static getDataURL( image ) {
- if ( /^data:/i.test( image.src ) ) {
- return image.src;
- }
- if ( typeof HTMLCanvasElement === 'undefined' ) {
- return image.src;
- }
- let canvas;
- if ( image instanceof HTMLCanvasElement ) {
- canvas = image;
- } else {
- if ( _canvas === undefined ) _canvas = createElementNS( 'canvas' );
- _canvas.width = image.width;
- _canvas.height = image.height;
- const context = _canvas.getContext( '2d' );
- if ( image instanceof ImageData ) {
- context.putImageData( image, 0, 0 );
- } else {
- context.drawImage( image, 0, 0, image.width, image.height );
- }
- canvas = _canvas;
- }
- if ( canvas.width > 2048 || canvas.height > 2048 ) {
- console.warn( 'THREE.ImageUtils.getDataURL: Image converted to jpg for performance reasons', image );
- return canvas.toDataURL( 'image/jpeg', 0.6 );
- } else {
- return canvas.toDataURL( 'image/png' );
- }
- }
- static sRGBToLinear( image ) {
- if ( ( typeof HTMLImageElement !== 'undefined' && image instanceof HTMLImageElement ) ||
- ( typeof HTMLCanvasElement !== 'undefined' && image instanceof HTMLCanvasElement ) ||
- ( typeof ImageBitmap !== 'undefined' && image instanceof ImageBitmap ) ) {
- const canvas = createElementNS( 'canvas' );
- canvas.width = image.width;
- canvas.height = image.height;
- const context = canvas.getContext( '2d' );
- context.drawImage( image, 0, 0, image.width, image.height );
- const imageData = context.getImageData( 0, 0, image.width, image.height );
- const data = imageData.data;
- for ( let i = 0; i < data.length; i ++ ) {
- data[ i ] = SRGBToLinear( data[ i ] / 255 ) * 255;
- }
- context.putImageData( imageData, 0, 0 );
- return canvas;
- } else if ( image.data ) {
- const data = image.data.slice( 0 );
- for ( let i = 0; i < data.length; i ++ ) {
- if ( data instanceof Uint8Array || data instanceof Uint8ClampedArray ) {
- data[ i ] = Math.floor( SRGBToLinear( data[ i ] / 255 ) * 255 );
- } else {
- // assuming float
- data[ i ] = SRGBToLinear( data[ i ] );
- }
- }
- return {
- data: data,
- width: image.width,
- height: image.height
- };
- } else {
- console.warn( 'THREE.ImageUtils.sRGBToLinear(): Unsupported image type. No color space conversion applied.' );
- return image;
- }
- }
- }
- let _sourceId = 0;
- class Source {
- constructor( data = null ) {
- this.isSource = true;
- Object.defineProperty( this, 'id', { value: _sourceId ++ } );
- this.uuid = generateUUID();
- this.data = data;
- this.dataReady = true;
- this.version = 0;
- }
- set needsUpdate( value ) {
- if ( value === true ) this.version ++;
- }
- toJSON( meta ) {
- const isRootObject = ( meta === undefined || typeof meta === 'string' );
- if ( ! isRootObject && meta.images[ this.uuid ] !== undefined ) {
- return meta.images[ this.uuid ];
- }
- const output = {
- uuid: this.uuid,
- url: ''
- };
- const data = this.data;
- if ( data !== null ) {
- let url;
- if ( Array.isArray( data ) ) {
- // cube texture
- url = [];
- for ( let i = 0, l = data.length; i < l; i ++ ) {
- if ( data[ i ].isDataTexture ) {
- url.push( serializeImage( data[ i ].image ) );
- } else {
- url.push( serializeImage( data[ i ] ) );
- }
- }
- } else {
- // texture
- url = serializeImage( data );
- }
- output.url = url;
- }
- if ( ! isRootObject ) {
- meta.images[ this.uuid ] = output;
- }
- return output;
- }
- }
- function serializeImage( image ) {
- if ( ( typeof HTMLImageElement !== 'undefined' && image instanceof HTMLImageElement ) ||
- ( typeof HTMLCanvasElement !== 'undefined' && image instanceof HTMLCanvasElement ) ||
- ( typeof ImageBitmap !== 'undefined' && image instanceof ImageBitmap ) ) {
- // default images
- return ImageUtils.getDataURL( image );
- } else {
- if ( image.data ) {
- // images of DataTexture
- return {
- data: Array.from( image.data ),
- width: image.width,
- height: image.height,
- type: image.data.constructor.name
- };
- } else {
- console.warn( 'THREE.Texture: Unable to serialize Texture.' );
- return {};
- }
- }
- }
- let _textureId = 0;
- class Texture extends EventDispatcher {
- constructor( image = Texture.DEFAULT_IMAGE, mapping = Texture.DEFAULT_MAPPING, wrapS = ClampToEdgeWrapping, wrapT = ClampToEdgeWrapping, magFilter = LinearFilter, minFilter = LinearMipmapLinearFilter, format = RGBAFormat, type = UnsignedByteType, anisotropy = Texture.DEFAULT_ANISOTROPY, colorSpace = NoColorSpace ) {
- super();
- this.isTexture = true;
- Object.defineProperty( this, 'id', { value: _textureId ++ } );
- this.uuid = generateUUID();
- this.name = '';
- this.source = new Source( image );
- this.mipmaps = [];
- this.mapping = mapping;
- this.channel = 0;
- this.wrapS = wrapS;
- this.wrapT = wrapT;
- this.magFilter = magFilter;
- this.minFilter = minFilter;
- this.anisotropy = anisotropy;
- this.format = format;
- this.internalFormat = null;
- this.type = type;
- this.offset = new Vector2( 0, 0 );
- this.repeat = new Vector2( 1, 1 );
- this.center = new Vector2( 0, 0 );
- this.rotation = 0;
- this.matrixAutoUpdate = true;
- this.matrix = new Matrix3();
- this.generateMipmaps = true;
- this.premultiplyAlpha = false;
- this.flipY = true;
- this.unpackAlignment = 4; // valid values: 1, 2, 4, 8 (see http://www.khronos.org/opengles/sdk/docs/man/xhtml/glPixelStorei.xml)
- this.colorSpace = colorSpace;
- this.userData = {};
- this.version = 0;
- this.onUpdate = null;
- this.isRenderTargetTexture = false; // indicates whether a texture belongs to a render target or not
- this.pmremVersion = 0; // indicates whether this texture should be processed by PMREMGenerator or not (only relevant for render target textures)
- }
- get image() {
- return this.source.data;
- }
- set image( value = null ) {
- this.source.data = value;
- }
- updateMatrix() {
- this.matrix.setUvTransform( this.offset.x, this.offset.y, this.repeat.x, this.repeat.y, this.rotation, this.center.x, this.center.y );
- }
- clone() {
- return new this.constructor().copy( this );
- }
- copy( source ) {
- this.name = source.name;
- this.source = source.source;
- this.mipmaps = source.mipmaps.slice( 0 );
- this.mapping = source.mapping;
- this.channel = source.channel;
- this.wrapS = source.wrapS;
- this.wrapT = source.wrapT;
- this.magFilter = source.magFilter;
- this.minFilter = source.minFilter;
- this.anisotropy = source.anisotropy;
- this.format = source.format;
- this.internalFormat = source.internalFormat;
- this.type = source.type;
- this.offset.copy( source.offset );
- this.repeat.copy( source.repeat );
- this.center.copy( source.center );
- this.rotation = source.rotation;
- this.matrixAutoUpdate = source.matrixAutoUpdate;
- this.matrix.copy( source.matrix );
- this.generateMipmaps = source.generateMipmaps;
- this.premultiplyAlpha = source.premultiplyAlpha;
- this.flipY = source.flipY;
- this.unpackAlignment = source.unpackAlignment;
- this.colorSpace = source.colorSpace;
- this.userData = JSON.parse( JSON.stringify( source.userData ) );
- this.needsUpdate = true;
- return this;
- }
- toJSON( meta ) {
- const isRootObject = ( meta === undefined || typeof meta === 'string' );
- if ( ! isRootObject && meta.textures[ this.uuid ] !== undefined ) {
- return meta.textures[ this.uuid ];
- }
- const output = {
- metadata: {
- version: 4.6,
- type: 'Texture',
- generator: 'Texture.toJSON'
- },
- uuid: this.uuid,
- name: this.name,
- image: this.source.toJSON( meta ).uuid,
- mapping: this.mapping,
- channel: this.channel,
- repeat: [ this.repeat.x, this.repeat.y ],
- offset: [ this.offset.x, this.offset.y ],
- center: [ this.center.x, this.center.y ],
- rotation: this.rotation,
- wrap: [ this.wrapS, this.wrapT ],
- format: this.format,
- internalFormat: this.internalFormat,
- type: this.type,
- colorSpace: this.colorSpace,
- minFilter: this.minFilter,
- magFilter: this.magFilter,
- anisotropy: this.anisotropy,
- flipY: this.flipY,
- generateMipmaps: this.generateMipmaps,
- premultiplyAlpha: this.premultiplyAlpha,
- unpackAlignment: this.unpackAlignment
- };
- if ( Object.keys( this.userData ).length > 0 ) output.userData = this.userData;
- if ( ! isRootObject ) {
- meta.textures[ this.uuid ] = output;
- }
- return output;
- }
- dispose() {
- this.dispatchEvent( { type: 'dispose' } );
- }
- transformUv( uv ) {
- if ( this.mapping !== UVMapping ) return uv;
- uv.applyMatrix3( this.matrix );
- if ( uv.x < 0 || uv.x > 1 ) {
- switch ( this.wrapS ) {
- case RepeatWrapping:
- uv.x = uv.x - Math.floor( uv.x );
- break;
- case ClampToEdgeWrapping:
- uv.x = uv.x < 0 ? 0 : 1;
- break;
- case MirroredRepeatWrapping:
- if ( Math.abs( Math.floor( uv.x ) % 2 ) === 1 ) {
- uv.x = Math.ceil( uv.x ) - uv.x;
- } else {
- uv.x = uv.x - Math.floor( uv.x );
- }
- break;
- }
- }
- if ( uv.y < 0 || uv.y > 1 ) {
- switch ( this.wrapT ) {
- case RepeatWrapping:
- uv.y = uv.y - Math.floor( uv.y );
- break;
- case ClampToEdgeWrapping:
- uv.y = uv.y < 0 ? 0 : 1;
- break;
- case MirroredRepeatWrapping:
- if ( Math.abs( Math.floor( uv.y ) % 2 ) === 1 ) {
- uv.y = Math.ceil( uv.y ) - uv.y;
- } else {
- uv.y = uv.y - Math.floor( uv.y );
- }
- break;
- }
- }
- if ( this.flipY ) {
- uv.y = 1 - uv.y;
- }
- return uv;
- }
- set needsUpdate( value ) {
- if ( value === true ) {
- this.version ++;
- this.source.needsUpdate = true;
- }
- }
- set needsPMREMUpdate( value ) {
- if ( value === true ) {
- this.pmremVersion ++;
- }
- }
- }
- Texture.DEFAULT_IMAGE = null;
- Texture.DEFAULT_MAPPING = UVMapping;
- Texture.DEFAULT_ANISOTROPY = 1;
- class Vector4 {
- constructor( x = 0, y = 0, z = 0, w = 1 ) {
- Vector4.prototype.isVector4 = true;
- this.x = x;
- this.y = y;
- this.z = z;
- this.w = w;
- }
- get width() {
- return this.z;
- }
- set width( value ) {
- this.z = value;
- }
- get height() {
- return this.w;
- }
- set height( value ) {
- this.w = value;
- }
- set( x, y, z, w ) {
- this.x = x;
- this.y = y;
- this.z = z;
- this.w = w;
- return this;
- }
- setScalar( scalar ) {
- this.x = scalar;
- this.y = scalar;
- this.z = scalar;
- this.w = scalar;
- return this;
- }
- setX( x ) {
- this.x = x;
- return this;
- }
- setY( y ) {
- this.y = y;
- return this;
- }
- setZ( z ) {
- this.z = z;
- return this;
- }
- setW( w ) {
- this.w = w;
- return this;
- }
- setComponent( index, value ) {
- switch ( index ) {
- case 0: this.x = value; break;
- case 1: this.y = value; break;
- case 2: this.z = value; break;
- case 3: this.w = value; break;
- default: throw new Error( 'index is out of range: ' + index );
- }
- return this;
- }
- getComponent( index ) {
- switch ( index ) {
- case 0: return this.x;
- case 1: return this.y;
- case 2: return this.z;
- case 3: return this.w;
- default: throw new Error( 'index is out of range: ' + index );
- }
- }
- clone() {
- return new this.constructor( this.x, this.y, this.z, this.w );
- }
- copy( v ) {
- this.x = v.x;
- this.y = v.y;
- this.z = v.z;
- this.w = ( v.w !== undefined ) ? v.w : 1;
- return this;
- }
- add( v ) {
- this.x += v.x;
- this.y += v.y;
- this.z += v.z;
- this.w += v.w;
- return this;
- }
- addScalar( s ) {
- this.x += s;
- this.y += s;
- this.z += s;
- this.w += s;
- return this;
- }
- addVectors( a, b ) {
- this.x = a.x + b.x;
- this.y = a.y + b.y;
- this.z = a.z + b.z;
- this.w = a.w + b.w;
- return this;
- }
- addScaledVector( v, s ) {
- this.x += v.x * s;
- this.y += v.y * s;
- this.z += v.z * s;
- this.w += v.w * s;
- return this;
- }
- sub( v ) {
- this.x -= v.x;
- this.y -= v.y;
- this.z -= v.z;
- this.w -= v.w;
- return this;
- }
- subScalar( s ) {
- this.x -= s;
- this.y -= s;
- this.z -= s;
- this.w -= s;
- return this;
- }
- subVectors( a, b ) {
- this.x = a.x - b.x;
- this.y = a.y - b.y;
- this.z = a.z - b.z;
- this.w = a.w - b.w;
- return this;
- }
- multiply( v ) {
- this.x *= v.x;
- this.y *= v.y;
- this.z *= v.z;
- this.w *= v.w;
- return this;
- }
- multiplyScalar( scalar ) {
- this.x *= scalar;
- this.y *= scalar;
- this.z *= scalar;
- this.w *= scalar;
- return this;
- }
- applyMatrix4( m ) {
- const x = this.x, y = this.y, z = this.z, w = this.w;
- const e = m.elements;
- this.x = e[ 0 ] * x + e[ 4 ] * y + e[ 8 ] * z + e[ 12 ] * w;
- this.y = e[ 1 ] * x + e[ 5 ] * y + e[ 9 ] * z + e[ 13 ] * w;
- this.z = e[ 2 ] * x + e[ 6 ] * y + e[ 10 ] * z + e[ 14 ] * w;
- this.w = e[ 3 ] * x + e[ 7 ] * y + e[ 11 ] * z + e[ 15 ] * w;
- return this;
- }
- divideScalar( scalar ) {
- return this.multiplyScalar( 1 / scalar );
- }
- setAxisAngleFromQuaternion( q ) {
- // http://www.euclideanspace.com/maths/geometry/rotations/conversions/quaternionToAngle/index.htm
- // q is assumed to be normalized
- this.w = 2 * Math.acos( q.w );
- const s = Math.sqrt( 1 - q.w * q.w );
- if ( s < 0.0001 ) {
- this.x = 1;
- this.y = 0;
- this.z = 0;
- } else {
- this.x = q.x / s;
- this.y = q.y / s;
- this.z = q.z / s;
- }
- return this;
- }
- setAxisAngleFromRotationMatrix( m ) {
- // http://www.euclideanspace.com/maths/geometry/rotations/conversions/matrixToAngle/index.htm
- // assumes the upper 3x3 of m is a pure rotation matrix (i.e, unscaled)
- let angle, x, y, z; // variables for result
- const epsilon = 0.01, // margin to allow for rounding errors
- epsilon2 = 0.1, // margin to distinguish between 0 and 180 degrees
- te = m.elements,
- m11 = te[ 0 ], m12 = te[ 4 ], m13 = te[ 8 ],
- m21 = te[ 1 ], m22 = te[ 5 ], m23 = te[ 9 ],
- m31 = te[ 2 ], m32 = te[ 6 ], m33 = te[ 10 ];
- if ( ( Math.abs( m12 - m21 ) < epsilon ) &&
- ( Math.abs( m13 - m31 ) < epsilon ) &&
- ( Math.abs( m23 - m32 ) < epsilon ) ) {
- // singularity found
- // first check for identity matrix which must have +1 for all terms
- // in leading diagonal and zero in other terms
- if ( ( Math.abs( m12 + m21 ) < epsilon2 ) &&
- ( Math.abs( m13 + m31 ) < epsilon2 ) &&
- ( Math.abs( m23 + m32 ) < epsilon2 ) &&
- ( Math.abs( m11 + m22 + m33 - 3 ) < epsilon2 ) ) {
- // this singularity is identity matrix so angle = 0
- this.set( 1, 0, 0, 0 );
- return this; // zero angle, arbitrary axis
- }
- // otherwise this singularity is angle = 180
- angle = Math.PI;
- const xx = ( m11 + 1 ) / 2;
- const yy = ( m22 + 1 ) / 2;
- const zz = ( m33 + 1 ) / 2;
- const xy = ( m12 + m21 ) / 4;
- const xz = ( m13 + m31 ) / 4;
- const yz = ( m23 + m32 ) / 4;
- if ( ( xx > yy ) && ( xx > zz ) ) {
- // m11 is the largest diagonal term
- if ( xx < epsilon ) {
- x = 0;
- y = 0.707106781;
- z = 0.707106781;
- } else {
- x = Math.sqrt( xx );
- y = xy / x;
- z = xz / x;
- }
- } else if ( yy > zz ) {
- // m22 is the largest diagonal term
- if ( yy < epsilon ) {
- x = 0.707106781;
- y = 0;
- z = 0.707106781;
- } else {
- y = Math.sqrt( yy );
- x = xy / y;
- z = yz / y;
- }
- } else {
- // m33 is the largest diagonal term so base result on this
- if ( zz < epsilon ) {
- x = 0.707106781;
- y = 0.707106781;
- z = 0;
- } else {
- z = Math.sqrt( zz );
- x = xz / z;
- y = yz / z;
- }
- }
- this.set( x, y, z, angle );
- return this; // return 180 deg rotation
- }
- // as we have reached here there are no singularities so we can handle normally
- let s = Math.sqrt( ( m32 - m23 ) * ( m32 - m23 ) +
- ( m13 - m31 ) * ( m13 - m31 ) +
- ( m21 - m12 ) * ( m21 - m12 ) ); // used to normalize
- if ( Math.abs( s ) < 0.001 ) s = 1;
- // prevent divide by zero, should not happen if matrix is orthogonal and should be
- // caught by singularity test above, but I've left it in just in case
- this.x = ( m32 - m23 ) / s;
- this.y = ( m13 - m31 ) / s;
- this.z = ( m21 - m12 ) / s;
- this.w = Math.acos( ( m11 + m22 + m33 - 1 ) / 2 );
- return this;
- }
- setFromMatrixPosition( m ) {
- const e = m.elements;
- this.x = e[ 12 ];
- this.y = e[ 13 ];
- this.z = e[ 14 ];
- this.w = e[ 15 ];
- return this;
- }
- min( v ) {
- this.x = Math.min( this.x, v.x );
- this.y = Math.min( this.y, v.y );
- this.z = Math.min( this.z, v.z );
- this.w = Math.min( this.w, v.w );
- return this;
- }
- max( v ) {
- this.x = Math.max( this.x, v.x );
- this.y = Math.max( this.y, v.y );
- this.z = Math.max( this.z, v.z );
- this.w = Math.max( this.w, v.w );
- return this;
- }
- clamp( min, max ) {
- // assumes min < max, componentwise
- this.x = Math.max( min.x, Math.min( max.x, this.x ) );
- this.y = Math.max( min.y, Math.min( max.y, this.y ) );
- this.z = Math.max( min.z, Math.min( max.z, this.z ) );
- this.w = Math.max( min.w, Math.min( max.w, this.w ) );
- return this;
- }
- clampScalar( minVal, maxVal ) {
- this.x = Math.max( minVal, Math.min( maxVal, this.x ) );
- this.y = Math.max( minVal, Math.min( maxVal, this.y ) );
- this.z = Math.max( minVal, Math.min( maxVal, this.z ) );
- this.w = Math.max( minVal, Math.min( maxVal, this.w ) );
- return this;
- }
- clampLength( min, max ) {
- const length = this.length();
- return this.divideScalar( length || 1 ).multiplyScalar( Math.max( min, Math.min( max, length ) ) );
- }
- floor() {
- this.x = Math.floor( this.x );
- this.y = Math.floor( this.y );
- this.z = Math.floor( this.z );
- this.w = Math.floor( this.w );
- return this;
- }
- ceil() {
- this.x = Math.ceil( this.x );
- this.y = Math.ceil( this.y );
- this.z = Math.ceil( this.z );
- this.w = Math.ceil( this.w );
- return this;
- }
- round() {
- this.x = Math.round( this.x );
- this.y = Math.round( this.y );
- this.z = Math.round( this.z );
- this.w = Math.round( this.w );
- return this;
- }
- roundToZero() {
- this.x = Math.trunc( this.x );
- this.y = Math.trunc( this.y );
- this.z = Math.trunc( this.z );
- this.w = Math.trunc( this.w );
- return this;
- }
- negate() {
- this.x = - this.x;
- this.y = - this.y;
- this.z = - this.z;
- this.w = - this.w;
- return this;
- }
- dot( v ) {
- return this.x * v.x + this.y * v.y + this.z * v.z + this.w * v.w;
- }
- lengthSq() {
- return this.x * this.x + this.y * this.y + this.z * this.z + this.w * this.w;
- }
- length() {
- return Math.sqrt( this.x * this.x + this.y * this.y + this.z * this.z + this.w * this.w );
- }
- manhattanLength() {
- return Math.abs( this.x ) + Math.abs( this.y ) + Math.abs( this.z ) + Math.abs( this.w );
- }
- normalize() {
- return this.divideScalar( this.length() || 1 );
- }
- setLength( length ) {
- return this.normalize().multiplyScalar( length );
- }
- lerp( v, alpha ) {
- this.x += ( v.x - this.x ) * alpha;
- this.y += ( v.y - this.y ) * alpha;
- this.z += ( v.z - this.z ) * alpha;
- this.w += ( v.w - this.w ) * alpha;
- return this;
- }
- lerpVectors( v1, v2, alpha ) {
- this.x = v1.x + ( v2.x - v1.x ) * alpha;
- this.y = v1.y + ( v2.y - v1.y ) * alpha;
- this.z = v1.z + ( v2.z - v1.z ) * alpha;
- this.w = v1.w + ( v2.w - v1.w ) * alpha;
- return this;
- }
- equals( v ) {
- return ( ( v.x === this.x ) && ( v.y === this.y ) && ( v.z === this.z ) && ( v.w === this.w ) );
- }
- fromArray( array, offset = 0 ) {
- this.x = array[ offset ];
- this.y = array[ offset + 1 ];
- this.z = array[ offset + 2 ];
- this.w = array[ offset + 3 ];
- return this;
- }
- toArray( array = [], offset = 0 ) {
- array[ offset ] = this.x;
- array[ offset + 1 ] = this.y;
- array[ offset + 2 ] = this.z;
- array[ offset + 3 ] = this.w;
- return array;
- }
- fromBufferAttribute( attribute, index ) {
- this.x = attribute.getX( index );
- this.y = attribute.getY( index );
- this.z = attribute.getZ( index );
- this.w = attribute.getW( index );
- return this;
- }
- random() {
- this.x = Math.random();
- this.y = Math.random();
- this.z = Math.random();
- this.w = Math.random();
- return this;
- }
- *[ Symbol.iterator ]() {
- yield this.x;
- yield this.y;
- yield this.z;
- yield this.w;
- }
- }
- /*
- In options, we can specify:
- * Texture parameters for an auto-generated target texture
- * depthBuffer/stencilBuffer: Booleans to indicate if we should generate these buffers
- */
- class RenderTarget extends EventDispatcher {
- constructor( width = 1, height = 1, options = {} ) {
- super();
- this.isRenderTarget = true;
- this.width = width;
- this.height = height;
- this.depth = 1;
- this.scissor = new Vector4( 0, 0, width, height );
- this.scissorTest = false;
- this.viewport = new Vector4( 0, 0, width, height );
- const image = { width: width, height: height, depth: 1 };
- options = Object.assign( {
- generateMipmaps: false,
- internalFormat: null,
- minFilter: LinearFilter,
- depthBuffer: true,
- stencilBuffer: false,
- resolveDepthBuffer: true,
- resolveStencilBuffer: true,
- depthTexture: null,
- samples: 0,
- count: 1
- }, options );
- const texture = new Texture( image, options.mapping, options.wrapS, options.wrapT, options.magFilter, options.minFilter, options.format, options.type, options.anisotropy, options.colorSpace );
- texture.flipY = false;
- texture.generateMipmaps = options.generateMipmaps;
- texture.internalFormat = options.internalFormat;
- this.textures = [];
- const count = options.count;
- for ( let i = 0; i < count; i ++ ) {
- this.textures[ i ] = texture.clone();
- this.textures[ i ].isRenderTargetTexture = true;
- }
- this.depthBuffer = options.depthBuffer;
- this.stencilBuffer = options.stencilBuffer;
- this.resolveDepthBuffer = options.resolveDepthBuffer;
- this.resolveStencilBuffer = options.resolveStencilBuffer;
- this.depthTexture = options.depthTexture;
- this.samples = options.samples;
- }
- get texture() {
- return this.textures[ 0 ];
- }
- set texture( value ) {
- this.textures[ 0 ] = value;
- }
- setSize( width, height, depth = 1 ) {
- if ( this.width !== width || this.height !== height || this.depth !== depth ) {
- this.width = width;
- this.height = height;
- this.depth = depth;
- for ( let i = 0, il = this.textures.length; i < il; i ++ ) {
- this.textures[ i ].image.width = width;
- this.textures[ i ].image.height = height;
- this.textures[ i ].image.depth = depth;
- }
- this.dispose();
- }
- this.viewport.set( 0, 0, width, height );
- this.scissor.set( 0, 0, width, height );
- }
- clone() {
- return new this.constructor().copy( this );
- }
- copy( source ) {
- this.width = source.width;
- this.height = source.height;
- this.depth = source.depth;
- this.scissor.copy( source.scissor );
- this.scissorTest = source.scissorTest;
- this.viewport.copy( source.viewport );
- this.textures.length = 0;
- for ( let i = 0, il = source.textures.length; i < il; i ++ ) {
- this.textures[ i ] = source.textures[ i ].clone();
- this.textures[ i ].isRenderTargetTexture = true;
- }
- // ensure image object is not shared, see #20328
- const image = Object.assign( {}, source.texture.image );
- this.texture.source = new Source( image );
- this.depthBuffer = source.depthBuffer;
- this.stencilBuffer = source.stencilBuffer;
- this.resolveDepthBuffer = source.resolveDepthBuffer;
- this.resolveStencilBuffer = source.resolveStencilBuffer;
- if ( source.depthTexture !== null ) this.depthTexture = source.depthTexture.clone();
- this.samples = source.samples;
- return this;
- }
- dispose() {
- this.dispatchEvent( { type: 'dispose' } );
- }
- }
- class WebGLRenderTarget extends RenderTarget {
- constructor( width = 1, height = 1, options = {} ) {
- super( width, height, options );
- this.isWebGLRenderTarget = true;
- }
- }
- class DataArrayTexture extends Texture {
- constructor( data = null, width = 1, height = 1, depth = 1 ) {
- super( null );
- this.isDataArrayTexture = true;
- this.image = { data, width, height, depth };
- this.magFilter = NearestFilter;
- this.minFilter = NearestFilter;
- this.wrapR = ClampToEdgeWrapping;
- this.generateMipmaps = false;
- this.flipY = false;
- this.unpackAlignment = 1;
- this.layerUpdates = new Set();
- }
- addLayerUpdate( layerIndex ) {
- this.layerUpdates.add( layerIndex );
- }
- clearLayerUpdates() {
- this.layerUpdates.clear();
- }
- }
- class WebGLArrayRenderTarget extends WebGLRenderTarget {
- constructor( width = 1, height = 1, depth = 1, options = {} ) {
- super( width, height, options );
- this.isWebGLArrayRenderTarget = true;
- this.depth = depth;
- this.texture = new DataArrayTexture( null, width, height, depth );
- this.texture.isRenderTargetTexture = true;
- }
- }
- class Data3DTexture extends Texture {
- constructor( data = null, width = 1, height = 1, depth = 1 ) {
- // We're going to add .setXXX() methods for setting properties later.
- // Users can still set in DataTexture3D directly.
- //
- // const texture = new THREE.DataTexture3D( data, width, height, depth );
- // texture.anisotropy = 16;
- //
- // See #14839
- super( null );
- this.isData3DTexture = true;
- this.image = { data, width, height, depth };
- this.magFilter = NearestFilter;
- this.minFilter = NearestFilter;
- this.wrapR = ClampToEdgeWrapping;
- this.generateMipmaps = false;
- this.flipY = false;
- this.unpackAlignment = 1;
- }
- }
- class WebGL3DRenderTarget extends WebGLRenderTarget {
- constructor( width = 1, height = 1, depth = 1, options = {} ) {
- super( width, height, options );
- this.isWebGL3DRenderTarget = true;
- this.depth = depth;
- this.texture = new Data3DTexture( null, width, height, depth );
- this.texture.isRenderTargetTexture = true;
- }
- }
- class Quaternion {
- constructor( x = 0, y = 0, z = 0, w = 1 ) {
- this.isQuaternion = true;
- this._x = x;
- this._y = y;
- this._z = z;
- this._w = w;
- }
- static slerpFlat( dst, dstOffset, src0, srcOffset0, src1, srcOffset1, t ) {
- // fuzz-free, array-based Quaternion SLERP operation
- let x0 = src0[ srcOffset0 + 0 ],
- y0 = src0[ srcOffset0 + 1 ],
- z0 = src0[ srcOffset0 + 2 ],
- w0 = src0[ srcOffset0 + 3 ];
- const x1 = src1[ srcOffset1 + 0 ],
- y1 = src1[ srcOffset1 + 1 ],
- z1 = src1[ srcOffset1 + 2 ],
- w1 = src1[ srcOffset1 + 3 ];
- if ( t === 0 ) {
- dst[ dstOffset + 0 ] = x0;
- dst[ dstOffset + 1 ] = y0;
- dst[ dstOffset + 2 ] = z0;
- dst[ dstOffset + 3 ] = w0;
- return;
- }
- if ( t === 1 ) {
- dst[ dstOffset + 0 ] = x1;
- dst[ dstOffset + 1 ] = y1;
- dst[ dstOffset + 2 ] = z1;
- dst[ dstOffset + 3 ] = w1;
- return;
- }
- if ( w0 !== w1 || x0 !== x1 || y0 !== y1 || z0 !== z1 ) {
- let s = 1 - t;
- const cos = x0 * x1 + y0 * y1 + z0 * z1 + w0 * w1,
- dir = ( cos >= 0 ? 1 : - 1 ),
- sqrSin = 1 - cos * cos;
- // Skip the Slerp for tiny steps to avoid numeric problems:
- if ( sqrSin > Number.EPSILON ) {
- const sin = Math.sqrt( sqrSin ),
- len = Math.atan2( sin, cos * dir );
- s = Math.sin( s * len ) / sin;
- t = Math.sin( t * len ) / sin;
- }
- const tDir = t * dir;
- x0 = x0 * s + x1 * tDir;
- y0 = y0 * s + y1 * tDir;
- z0 = z0 * s + z1 * tDir;
- w0 = w0 * s + w1 * tDir;
- // Normalize in case we just did a lerp:
- if ( s === 1 - t ) {
- const f = 1 / Math.sqrt( x0 * x0 + y0 * y0 + z0 * z0 + w0 * w0 );
- x0 *= f;
- y0 *= f;
- z0 *= f;
- w0 *= f;
- }
- }
- dst[ dstOffset ] = x0;
- dst[ dstOffset + 1 ] = y0;
- dst[ dstOffset + 2 ] = z0;
- dst[ dstOffset + 3 ] = w0;
- }
- static multiplyQuaternionsFlat( dst, dstOffset, src0, srcOffset0, src1, srcOffset1 ) {
- const x0 = src0[ srcOffset0 ];
- const y0 = src0[ srcOffset0 + 1 ];
- const z0 = src0[ srcOffset0 + 2 ];
- const w0 = src0[ srcOffset0 + 3 ];
- const x1 = src1[ srcOffset1 ];
- const y1 = src1[ srcOffset1 + 1 ];
- const z1 = src1[ srcOffset1 + 2 ];
- const w1 = src1[ srcOffset1 + 3 ];
- dst[ dstOffset ] = x0 * w1 + w0 * x1 + y0 * z1 - z0 * y1;
- dst[ dstOffset + 1 ] = y0 * w1 + w0 * y1 + z0 * x1 - x0 * z1;
- dst[ dstOffset + 2 ] = z0 * w1 + w0 * z1 + x0 * y1 - y0 * x1;
- dst[ dstOffset + 3 ] = w0 * w1 - x0 * x1 - y0 * y1 - z0 * z1;
- return dst;
- }
- get x() {
- return this._x;
- }
- set x( value ) {
- this._x = value;
- this._onChangeCallback();
- }
- get y() {
- return this._y;
- }
- set y( value ) {
- this._y = value;
- this._onChangeCallback();
- }
- get z() {
- return this._z;
- }
- set z( value ) {
- this._z = value;
- this._onChangeCallback();
- }
- get w() {
- return this._w;
- }
- set w( value ) {
- this._w = value;
- this._onChangeCallback();
- }
- set( x, y, z, w ) {
- this._x = x;
- this._y = y;
- this._z = z;
- this._w = w;
- this._onChangeCallback();
- return this;
- }
- clone() {
- return new this.constructor( this._x, this._y, this._z, this._w );
- }
- copy( quaternion ) {
- this._x = quaternion.x;
- this._y = quaternion.y;
- this._z = quaternion.z;
- this._w = quaternion.w;
- this._onChangeCallback();
- return this;
- }
- setFromEuler( euler, update = true ) {
- const x = euler._x, y = euler._y, z = euler._z, order = euler._order;
- // http://www.mathworks.com/matlabcentral/fileexchange/
- // 20696-function-to-convert-between-dcm-euler-angles-quaternions-and-euler-vectors/
- // content/SpinCalc.m
- const cos = Math.cos;
- const sin = Math.sin;
- const c1 = cos( x / 2 );
- const c2 = cos( y / 2 );
- const c3 = cos( z / 2 );
- const s1 = sin( x / 2 );
- const s2 = sin( y / 2 );
- const s3 = sin( z / 2 );
- switch ( order ) {
- case 'XYZ':
- this._x = s1 * c2 * c3 + c1 * s2 * s3;
- this._y = c1 * s2 * c3 - s1 * c2 * s3;
- this._z = c1 * c2 * s3 + s1 * s2 * c3;
- this._w = c1 * c2 * c3 - s1 * s2 * s3;
- break;
- case 'YXZ':
- this._x = s1 * c2 * c3 + c1 * s2 * s3;
- this._y = c1 * s2 * c3 - s1 * c2 * s3;
- this._z = c1 * c2 * s3 - s1 * s2 * c3;
- this._w = c1 * c2 * c3 + s1 * s2 * s3;
- break;
- case 'ZXY':
- this._x = s1 * c2 * c3 - c1 * s2 * s3;
- this._y = c1 * s2 * c3 + s1 * c2 * s3;
- this._z = c1 * c2 * s3 + s1 * s2 * c3;
- this._w = c1 * c2 * c3 - s1 * s2 * s3;
- break;
- case 'ZYX':
- this._x = s1 * c2 * c3 - c1 * s2 * s3;
- this._y = c1 * s2 * c3 + s1 * c2 * s3;
- this._z = c1 * c2 * s3 - s1 * s2 * c3;
- this._w = c1 * c2 * c3 + s1 * s2 * s3;
- break;
- case 'YZX':
- this._x = s1 * c2 * c3 + c1 * s2 * s3;
- this._y = c1 * s2 * c3 + s1 * c2 * s3;
- this._z = c1 * c2 * s3 - s1 * s2 * c3;
- this._w = c1 * c2 * c3 - s1 * s2 * s3;
- break;
- case 'XZY':
- this._x = s1 * c2 * c3 - c1 * s2 * s3;
- this._y = c1 * s2 * c3 - s1 * c2 * s3;
- this._z = c1 * c2 * s3 + s1 * s2 * c3;
- this._w = c1 * c2 * c3 + s1 * s2 * s3;
- break;
- default:
- console.warn( 'THREE.Quaternion: .setFromEuler() encountered an unknown order: ' + order );
- }
- if ( update === true ) this._onChangeCallback();
- return this;
- }
- setFromAxisAngle( axis, angle ) {
- // http://www.euclideanspace.com/maths/geometry/rotations/conversions/angleToQuaternion/index.htm
- // assumes axis is normalized
- const halfAngle = angle / 2, s = Math.sin( halfAngle );
- this._x = axis.x * s;
- this._y = axis.y * s;
- this._z = axis.z * s;
- this._w = Math.cos( halfAngle );
- this._onChangeCallback();
- return this;
- }
- setFromRotationMatrix( m ) {
- // http://www.euclideanspace.com/maths/geometry/rotations/conversions/matrixToQuaternion/index.htm
- // assumes the upper 3x3 of m is a pure rotation matrix (i.e, unscaled)
- const te = m.elements,
- m11 = te[ 0 ], m12 = te[ 4 ], m13 = te[ 8 ],
- m21 = te[ 1 ], m22 = te[ 5 ], m23 = te[ 9 ],
- m31 = te[ 2 ], m32 = te[ 6 ], m33 = te[ 10 ],
- trace = m11 + m22 + m33;
- if ( trace > 0 ) {
- const s = 0.5 / Math.sqrt( trace + 1.0 );
- this._w = 0.25 / s;
- this._x = ( m32 - m23 ) * s;
- this._y = ( m13 - m31 ) * s;
- this._z = ( m21 - m12 ) * s;
- } else if ( m11 > m22 && m11 > m33 ) {
- const s = 2.0 * Math.sqrt( 1.0 + m11 - m22 - m33 );
- this._w = ( m32 - m23 ) / s;
- this._x = 0.25 * s;
- this._y = ( m12 + m21 ) / s;
- this._z = ( m13 + m31 ) / s;
- } else if ( m22 > m33 ) {
- const s = 2.0 * Math.sqrt( 1.0 + m22 - m11 - m33 );
- this._w = ( m13 - m31 ) / s;
- this._x = ( m12 + m21 ) / s;
- this._y = 0.25 * s;
- this._z = ( m23 + m32 ) / s;
- } else {
- const s = 2.0 * Math.sqrt( 1.0 + m33 - m11 - m22 );
- this._w = ( m21 - m12 ) / s;
- this._x = ( m13 + m31 ) / s;
- this._y = ( m23 + m32 ) / s;
- this._z = 0.25 * s;
- }
- this._onChangeCallback();
- return this;
- }
- setFromUnitVectors( vFrom, vTo ) {
- // assumes direction vectors vFrom and vTo are normalized
- let r = vFrom.dot( vTo ) + 1;
- if ( r < Number.EPSILON ) {
- // vFrom and vTo point in opposite directions
- r = 0;
- if ( Math.abs( vFrom.x ) > Math.abs( vFrom.z ) ) {
- this._x = - vFrom.y;
- this._y = vFrom.x;
- this._z = 0;
- this._w = r;
- } else {
- this._x = 0;
- this._y = - vFrom.z;
- this._z = vFrom.y;
- this._w = r;
- }
- } else {
- // crossVectors( vFrom, vTo ); // inlined to avoid cyclic dependency on Vector3
- this._x = vFrom.y * vTo.z - vFrom.z * vTo.y;
- this._y = vFrom.z * vTo.x - vFrom.x * vTo.z;
- this._z = vFrom.x * vTo.y - vFrom.y * vTo.x;
- this._w = r;
- }
- return this.normalize();
- }
- angleTo( q ) {
- return 2 * Math.acos( Math.abs( clamp$1( this.dot( q ), - 1, 1 ) ) );
- }
- rotateTowards( q, step ) {
- const angle = this.angleTo( q );
- if ( angle === 0 ) return this;
- const t = Math.min( 1, step / angle );
- this.slerp( q, t );
- return this;
- }
- identity() {
- return this.set( 0, 0, 0, 1 );
- }
- invert() {
- // quaternion is assumed to have unit length
- return this.conjugate();
- }
- conjugate() {
- this._x *= - 1;
- this._y *= - 1;
- this._z *= - 1;
- this._onChangeCallback();
- return this;
- }
- dot( v ) {
- return this._x * v._x + this._y * v._y + this._z * v._z + this._w * v._w;
- }
- lengthSq() {
- return this._x * this._x + this._y * this._y + this._z * this._z + this._w * this._w;
- }
- length() {
- return Math.sqrt( this._x * this._x + this._y * this._y + this._z * this._z + this._w * this._w );
- }
- normalize() {
- let l = this.length();
- if ( l === 0 ) {
- this._x = 0;
- this._y = 0;
- this._z = 0;
- this._w = 1;
- } else {
- l = 1 / l;
- this._x = this._x * l;
- this._y = this._y * l;
- this._z = this._z * l;
- this._w = this._w * l;
- }
- this._onChangeCallback();
- return this;
- }
- multiply( q ) {
- return this.multiplyQuaternions( this, q );
- }
- premultiply( q ) {
- return this.multiplyQuaternions( q, this );
- }
- multiplyQuaternions( a, b ) {
- // from http://www.euclideanspace.com/maths/algebra/realNormedAlgebra/quaternions/code/index.htm
- const qax = a._x, qay = a._y, qaz = a._z, qaw = a._w;
- const qbx = b._x, qby = b._y, qbz = b._z, qbw = b._w;
- this._x = qax * qbw + qaw * qbx + qay * qbz - qaz * qby;
- this._y = qay * qbw + qaw * qby + qaz * qbx - qax * qbz;
- this._z = qaz * qbw + qaw * qbz + qax * qby - qay * qbx;
- this._w = qaw * qbw - qax * qbx - qay * qby - qaz * qbz;
- this._onChangeCallback();
- return this;
- }
- slerp( qb, t ) {
- if ( t === 0 ) return this;
- if ( t === 1 ) return this.copy( qb );
- const x = this._x, y = this._y, z = this._z, w = this._w;
- // http://www.euclideanspace.com/maths/algebra/realNormedAlgebra/quaternions/slerp/
- let cosHalfTheta = w * qb._w + x * qb._x + y * qb._y + z * qb._z;
- if ( cosHalfTheta < 0 ) {
- this._w = - qb._w;
- this._x = - qb._x;
- this._y = - qb._y;
- this._z = - qb._z;
- cosHalfTheta = - cosHalfTheta;
- } else {
- this.copy( qb );
- }
- if ( cosHalfTheta >= 1.0 ) {
- this._w = w;
- this._x = x;
- this._y = y;
- this._z = z;
- return this;
- }
- const sqrSinHalfTheta = 1.0 - cosHalfTheta * cosHalfTheta;
- if ( sqrSinHalfTheta <= Number.EPSILON ) {
- const s = 1 - t;
- this._w = s * w + t * this._w;
- this._x = s * x + t * this._x;
- this._y = s * y + t * this._y;
- this._z = s * z + t * this._z;
- this.normalize(); // normalize calls _onChangeCallback()
- return this;
- }
- const sinHalfTheta = Math.sqrt( sqrSinHalfTheta );
- const halfTheta = Math.atan2( sinHalfTheta, cosHalfTheta );
- const ratioA = Math.sin( ( 1 - t ) * halfTheta ) / sinHalfTheta,
- ratioB = Math.sin( t * halfTheta ) / sinHalfTheta;
- this._w = ( w * ratioA + this._w * ratioB );
- this._x = ( x * ratioA + this._x * ratioB );
- this._y = ( y * ratioA + this._y * ratioB );
- this._z = ( z * ratioA + this._z * ratioB );
- this._onChangeCallback();
- return this;
- }
- slerpQuaternions( qa, qb, t ) {
- return this.copy( qa ).slerp( qb, t );
- }
- random() {
- // sets this quaternion to a uniform random unit quaternnion
- // Ken Shoemake
- // Uniform random rotations
- // D. Kirk, editor, Graphics Gems III, pages 124-132. Academic Press, New York, 1992.
- const theta1 = 2 * Math.PI * Math.random();
- const theta2 = 2 * Math.PI * Math.random();
- const x0 = Math.random();
- const r1 = Math.sqrt( 1 - x0 );
- const r2 = Math.sqrt( x0 );
- return this.set(
- r1 * Math.sin( theta1 ),
- r1 * Math.cos( theta1 ),
- r2 * Math.sin( theta2 ),
- r2 * Math.cos( theta2 ),
- );
- }
- equals( quaternion ) {
- return ( quaternion._x === this._x ) && ( quaternion._y === this._y ) && ( quaternion._z === this._z ) && ( quaternion._w === this._w );
- }
- fromArray( array, offset = 0 ) {
- this._x = array[ offset ];
- this._y = array[ offset + 1 ];
- this._z = array[ offset + 2 ];
- this._w = array[ offset + 3 ];
- this._onChangeCallback();
- return this;
- }
- toArray( array = [], offset = 0 ) {
- array[ offset ] = this._x;
- array[ offset + 1 ] = this._y;
- array[ offset + 2 ] = this._z;
- array[ offset + 3 ] = this._w;
- return array;
- }
- fromBufferAttribute( attribute, index ) {
- this._x = attribute.getX( index );
- this._y = attribute.getY( index );
- this._z = attribute.getZ( index );
- this._w = attribute.getW( index );
- this._onChangeCallback();
- return this;
- }
- toJSON() {
- return this.toArray();
- }
- _onChange( callback ) {
- this._onChangeCallback = callback;
- return this;
- }
- _onChangeCallback() {}
- *[ Symbol.iterator ]() {
- yield this._x;
- yield this._y;
- yield this._z;
- yield this._w;
- }
- }
- class Vector3 {
- constructor( x = 0, y = 0, z = 0 ) {
- Vector3.prototype.isVector3 = true;
- this.x = x;
- this.y = y;
- this.z = z;
- }
- set( x, y, z ) {
- if ( z === undefined ) z = this.z; // sprite.scale.set(x,y)
- this.x = x;
- this.y = y;
- this.z = z;
- return this;
- }
- setScalar( scalar ) {
- this.x = scalar;
- this.y = scalar;
- this.z = scalar;
- return this;
- }
- setX( x ) {
- this.x = x;
- return this;
- }
- setY( y ) {
- this.y = y;
- return this;
- }
- setZ( z ) {
- this.z = z;
- return this;
- }
- setComponent( index, value ) {
- switch ( index ) {
- case 0: this.x = value; break;
- case 1: this.y = value; break;
- case 2: this.z = value; break;
- default: throw new Error( 'index is out of range: ' + index );
- }
- return this;
- }
- getComponent( index ) {
- switch ( index ) {
- case 0: return this.x;
- case 1: return this.y;
- case 2: return this.z;
- default: throw new Error( 'index is out of range: ' + index );
- }
- }
- clone() {
- return new this.constructor( this.x, this.y, this.z );
- }
- copy( v ) {
- this.x = v.x;
- this.y = v.y;
- this.z = v.z;
- return this;
- }
- add( v ) {
- this.x += v.x;
- this.y += v.y;
- this.z += v.z;
- return this;
- }
- addScalar( s ) {
- this.x += s;
- this.y += s;
- this.z += s;
- return this;
- }
- addVectors( a, b ) {
- this.x = a.x + b.x;
- this.y = a.y + b.y;
- this.z = a.z + b.z;
- return this;
- }
- addScaledVector( v, s ) {
- this.x += v.x * s;
- this.y += v.y * s;
- this.z += v.z * s;
- return this;
- }
- sub( v ) {
- this.x -= v.x;
- this.y -= v.y;
- this.z -= v.z;
- return this;
- }
- subScalar( s ) {
- this.x -= s;
- this.y -= s;
- this.z -= s;
- return this;
- }
- subVectors( a, b ) {
- this.x = a.x - b.x;
- this.y = a.y - b.y;
- this.z = a.z - b.z;
- return this;
- }
- multiply( v ) {
- this.x *= v.x;
- this.y *= v.y;
- this.z *= v.z;
- return this;
- }
- multiplyScalar( scalar ) {
- this.x *= scalar;
- this.y *= scalar;
- this.z *= scalar;
- return this;
- }
- multiplyVectors( a, b ) {
- this.x = a.x * b.x;
- this.y = a.y * b.y;
- this.z = a.z * b.z;
- return this;
- }
- applyEuler( euler ) {
- return this.applyQuaternion( _quaternion$4.setFromEuler( euler ) );
- }
- applyAxisAngle( axis, angle ) {
- return this.applyQuaternion( _quaternion$4.setFromAxisAngle( axis, angle ) );
- }
- applyMatrix3( m ) {
- const x = this.x, y = this.y, z = this.z;
- const e = m.elements;
- this.x = e[ 0 ] * x + e[ 3 ] * y + e[ 6 ] * z;
- this.y = e[ 1 ] * x + e[ 4 ] * y + e[ 7 ] * z;
- this.z = e[ 2 ] * x + e[ 5 ] * y + e[ 8 ] * z;
- return this;
- }
- applyNormalMatrix( m ) {
- return this.applyMatrix3( m ).normalize();
- }
- applyMatrix4( m ) {
- const x = this.x, y = this.y, z = this.z;
- const e = m.elements;
- const w = 1 / ( e[ 3 ] * x + e[ 7 ] * y + e[ 11 ] * z + e[ 15 ] );
- this.x = ( e[ 0 ] * x + e[ 4 ] * y + e[ 8 ] * z + e[ 12 ] ) * w;
- this.y = ( e[ 1 ] * x + e[ 5 ] * y + e[ 9 ] * z + e[ 13 ] ) * w;
- this.z = ( e[ 2 ] * x + e[ 6 ] * y + e[ 10 ] * z + e[ 14 ] ) * w;
- return this;
- }
- applyQuaternion( q ) {
- // quaternion q is assumed to have unit length
- const vx = this.x, vy = this.y, vz = this.z;
- const qx = q.x, qy = q.y, qz = q.z, qw = q.w;
- // t = 2 * cross( q.xyz, v );
- const tx = 2 * ( qy * vz - qz * vy );
- const ty = 2 * ( qz * vx - qx * vz );
- const tz = 2 * ( qx * vy - qy * vx );
- // v + q.w * t + cross( q.xyz, t );
- this.x = vx + qw * tx + qy * tz - qz * ty;
- this.y = vy + qw * ty + qz * tx - qx * tz;
- this.z = vz + qw * tz + qx * ty - qy * tx;
- return this;
- }
- project( camera ) {
- return this.applyMatrix4( camera.matrixWorldInverse ).applyMatrix4( camera.projectionMatrix );
- }
- unproject( camera ) {
- return this.applyMatrix4( camera.projectionMatrixInverse ).applyMatrix4( camera.matrixWorld );
- }
- transformDirection( m ) {
- // input: THREE.Matrix4 affine matrix
- // vector interpreted as a direction
- const x = this.x, y = this.y, z = this.z;
- const e = m.elements;
- this.x = e[ 0 ] * x + e[ 4 ] * y + e[ 8 ] * z;
- this.y = e[ 1 ] * x + e[ 5 ] * y + e[ 9 ] * z;
- this.z = e[ 2 ] * x + e[ 6 ] * y + e[ 10 ] * z;
- return this.normalize();
- }
- divide( v ) {
- this.x /= v.x;
- this.y /= v.y;
- this.z /= v.z;
- return this;
- }
- divideScalar( scalar ) {
- return this.multiplyScalar( 1 / scalar );
- }
- min( v ) {
- this.x = Math.min( this.x, v.x );
- this.y = Math.min( this.y, v.y );
- this.z = Math.min( this.z, v.z );
- return this;
- }
- max( v ) {
- this.x = Math.max( this.x, v.x );
- this.y = Math.max( this.y, v.y );
- this.z = Math.max( this.z, v.z );
- return this;
- }
- clamp( min, max ) {
- // assumes min < max, componentwise
- this.x = Math.max( min.x, Math.min( max.x, this.x ) );
- this.y = Math.max( min.y, Math.min( max.y, this.y ) );
- this.z = Math.max( min.z, Math.min( max.z, this.z ) );
- return this;
- }
- clampScalar( minVal, maxVal ) {
- this.x = Math.max( minVal, Math.min( maxVal, this.x ) );
- this.y = Math.max( minVal, Math.min( maxVal, this.y ) );
- this.z = Math.max( minVal, Math.min( maxVal, this.z ) );
- return this;
- }
- clampLength( min, max ) {
- const length = this.length();
- return this.divideScalar( length || 1 ).multiplyScalar( Math.max( min, Math.min( max, length ) ) );
- }
- floor() {
- this.x = Math.floor( this.x );
- this.y = Math.floor( this.y );
- this.z = Math.floor( this.z );
- return this;
- }
- ceil() {
- this.x = Math.ceil( this.x );
- this.y = Math.ceil( this.y );
- this.z = Math.ceil( this.z );
- return this;
- }
- round() {
- this.x = Math.round( this.x );
- this.y = Math.round( this.y );
- this.z = Math.round( this.z );
- return this;
- }
- roundToZero() {
- this.x = Math.trunc( this.x );
- this.y = Math.trunc( this.y );
- this.z = Math.trunc( this.z );
- return this;
- }
- negate() {
- this.x = - this.x;
- this.y = - this.y;
- this.z = - this.z;
- return this;
- }
- dot( v ) {
- return this.x * v.x + this.y * v.y + this.z * v.z;
- }
- // TODO lengthSquared?
- lengthSq() {
- return this.x * this.x + this.y * this.y + this.z * this.z;
- }
- length() {
- return Math.sqrt( this.x * this.x + this.y * this.y + this.z * this.z );
- }
- manhattanLength() {
- return Math.abs( this.x ) + Math.abs( this.y ) + Math.abs( this.z );
- }
- normalize() {
- return this.divideScalar( this.length() || 1 );
- }
- setLength( length ) {
- return this.normalize().multiplyScalar( length );
- }
- lerp( v, alpha ) {
- this.x += ( v.x - this.x ) * alpha;
- this.y += ( v.y - this.y ) * alpha;
- this.z += ( v.z - this.z ) * alpha;
- return this;
- }
- lerpVectors( v1, v2, alpha ) {
- this.x = v1.x + ( v2.x - v1.x ) * alpha;
- this.y = v1.y + ( v2.y - v1.y ) * alpha;
- this.z = v1.z + ( v2.z - v1.z ) * alpha;
- return this;
- }
- cross( v ) {
- return this.crossVectors( this, v );
- }
- crossVectors( a, b ) {
- const ax = a.x, ay = a.y, az = a.z;
- const bx = b.x, by = b.y, bz = b.z;
- this.x = ay * bz - az * by;
- this.y = az * bx - ax * bz;
- this.z = ax * by - ay * bx;
- return this;
- }
- projectOnVector( v ) {
- const denominator = v.lengthSq();
- if ( denominator === 0 ) return this.set( 0, 0, 0 );
- const scalar = v.dot( this ) / denominator;
- return this.copy( v ).multiplyScalar( scalar );
- }
- projectOnPlane( planeNormal ) {
- _vector$c.copy( this ).projectOnVector( planeNormal );
- return this.sub( _vector$c );
- }
- reflect( normal ) {
- // reflect incident vector off plane orthogonal to normal
- // normal is assumed to have unit length
- return this.sub( _vector$c.copy( normal ).multiplyScalar( 2 * this.dot( normal ) ) );
- }
- angleTo( v ) {
- const denominator = Math.sqrt( this.lengthSq() * v.lengthSq() );
- if ( denominator === 0 ) return Math.PI / 2;
- const theta = this.dot( v ) / denominator;
- // clamp, to handle numerical problems
- return Math.acos( clamp$1( theta, - 1, 1 ) );
- }
- distanceTo( v ) {
- return Math.sqrt( this.distanceToSquared( v ) );
- }
- distanceToSquared( v ) {
- const dx = this.x - v.x, dy = this.y - v.y, dz = this.z - v.z;
- return dx * dx + dy * dy + dz * dz;
- }
- manhattanDistanceTo( v ) {
- return Math.abs( this.x - v.x ) + Math.abs( this.y - v.y ) + Math.abs( this.z - v.z );
- }
- setFromSpherical( s ) {
- return this.setFromSphericalCoords( s.radius, s.phi, s.theta );
- }
- setFromSphericalCoords( radius, phi, theta ) {
- const sinPhiRadius = Math.sin( phi ) * radius;
- this.x = sinPhiRadius * Math.sin( theta );
- this.y = Math.cos( phi ) * radius;
- this.z = sinPhiRadius * Math.cos( theta );
- return this;
- }
- setFromCylindrical( c ) {
- return this.setFromCylindricalCoords( c.radius, c.theta, c.y );
- }
- setFromCylindricalCoords( radius, theta, y ) {
- this.x = radius * Math.sin( theta );
- this.y = y;
- this.z = radius * Math.cos( theta );
- return this;
- }
- setFromMatrixPosition( m ) {
- const e = m.elements;
- this.x = e[ 12 ];
- this.y = e[ 13 ];
- this.z = e[ 14 ];
- return this;
- }
- setFromMatrixScale( m ) {
- const sx = this.setFromMatrixColumn( m, 0 ).length();
- const sy = this.setFromMatrixColumn( m, 1 ).length();
- const sz = this.setFromMatrixColumn( m, 2 ).length();
- this.x = sx;
- this.y = sy;
- this.z = sz;
- return this;
- }
- setFromMatrixColumn( m, index ) {
- return this.fromArray( m.elements, index * 4 );
- }
- setFromMatrix3Column( m, index ) {
- return this.fromArray( m.elements, index * 3 );
- }
- setFromEuler( e ) {
- this.x = e._x;
- this.y = e._y;
- this.z = e._z;
- return this;
- }
- setFromColor( c ) {
- this.x = c.r;
- this.y = c.g;
- this.z = c.b;
- return this;
- }
- equals( v ) {
- return ( ( v.x === this.x ) && ( v.y === this.y ) && ( v.z === this.z ) );
- }
- fromArray( array, offset = 0 ) {
- this.x = array[ offset ];
- this.y = array[ offset + 1 ];
- this.z = array[ offset + 2 ];
- return this;
- }
- toArray( array = [], offset = 0 ) {
- array[ offset ] = this.x;
- array[ offset + 1 ] = this.y;
- array[ offset + 2 ] = this.z;
- return array;
- }
- fromBufferAttribute( attribute, index ) {
- this.x = attribute.getX( index );
- this.y = attribute.getY( index );
- this.z = attribute.getZ( index );
- return this;
- }
- random() {
- this.x = Math.random();
- this.y = Math.random();
- this.z = Math.random();
- return this;
- }
- randomDirection() {
- // https://mathworld.wolfram.com/SpherePointPicking.html
- const theta = Math.random() * Math.PI * 2;
- const u = Math.random() * 2 - 1;
- const c = Math.sqrt( 1 - u * u );
- this.x = c * Math.cos( theta );
- this.y = u;
- this.z = c * Math.sin( theta );
- return this;
- }
- *[ Symbol.iterator ]() {
- yield this.x;
- yield this.y;
- yield this.z;
- }
- }
- const _vector$c = /*@__PURE__*/ new Vector3();
- const _quaternion$4 = /*@__PURE__*/ new Quaternion();
- class Box3 {
- constructor( min = new Vector3( + Infinity, + Infinity, + Infinity ), max = new Vector3( - Infinity, - Infinity, - Infinity ) ) {
- this.isBox3 = true;
- this.min = min;
- this.max = max;
- }
- set( min, max ) {
- this.min.copy( min );
- this.max.copy( max );
- return this;
- }
- setFromArray( array ) {
- this.makeEmpty();
- for ( let i = 0, il = array.length; i < il; i += 3 ) {
- this.expandByPoint( _vector$b.fromArray( array, i ) );
- }
- return this;
- }
- setFromBufferAttribute( attribute ) {
- this.makeEmpty();
- for ( let i = 0, il = attribute.count; i < il; i ++ ) {
- this.expandByPoint( _vector$b.fromBufferAttribute( attribute, i ) );
- }
- return this;
- }
- setFromPoints( points ) {
- this.makeEmpty();
- for ( let i = 0, il = points.length; i < il; i ++ ) {
- this.expandByPoint( points[ i ] );
- }
- return this;
- }
- setFromCenterAndSize( center, size ) {
- const halfSize = _vector$b.copy( size ).multiplyScalar( 0.5 );
- this.min.copy( center ).sub( halfSize );
- this.max.copy( center ).add( halfSize );
- return this;
- }
- setFromObject( object, precise = false ) {
- this.makeEmpty();
- return this.expandByObject( object, precise );
- }
- clone() {
- return new this.constructor().copy( this );
- }
- copy( box ) {
- this.min.copy( box.min );
- this.max.copy( box.max );
- return this;
- }
- makeEmpty() {
- this.min.x = this.min.y = this.min.z = + Infinity;
- this.max.x = this.max.y = this.max.z = - Infinity;
- return this;
- }
- isEmpty() {
- // this is a more robust check for empty than ( volume <= 0 ) because volume can get positive with two negative axes
- return ( this.max.x < this.min.x ) || ( this.max.y < this.min.y ) || ( this.max.z < this.min.z );
- }
- getCenter( target ) {
- return this.isEmpty() ? target.set( 0, 0, 0 ) : target.addVectors( this.min, this.max ).multiplyScalar( 0.5 );
- }
- getSize( target ) {
- return this.isEmpty() ? target.set( 0, 0, 0 ) : target.subVectors( this.max, this.min );
- }
- expandByPoint( point ) {
- this.min.min( point );
- this.max.max( point );
- return this;
- }
- expandByVector( vector ) {
- this.min.sub( vector );
- this.max.add( vector );
- return this;
- }
- expandByScalar( scalar ) {
- this.min.addScalar( - scalar );
- this.max.addScalar( scalar );
- return this;
- }
- expandByObject( object, precise = false ) {
- // Computes the world-axis-aligned bounding box of an object (including its children),
- // accounting for both the object's, and children's, world transforms
- object.updateWorldMatrix( false, false );
- const geometry = object.geometry;
- if ( geometry !== undefined ) {
- const positionAttribute = geometry.getAttribute( 'position' );
- // precise AABB computation based on vertex data requires at least a position attribute.
- // instancing isn't supported so far and uses the normal (conservative) code path.
- if ( precise === true && positionAttribute !== undefined && object.isInstancedMesh !== true ) {
- for ( let i = 0, l = positionAttribute.count; i < l; i ++ ) {
- if ( object.isMesh === true ) {
- object.getVertexPosition( i, _vector$b );
- } else {
- _vector$b.fromBufferAttribute( positionAttribute, i );
- }
- _vector$b.applyMatrix4( object.matrixWorld );
- this.expandByPoint( _vector$b );
- }
- } else {
- if ( object.boundingBox !== undefined ) {
- // object-level bounding box
- if ( object.boundingBox === null ) {
- object.computeBoundingBox();
- }
- _box$4.copy( object.boundingBox );
- } else {
- // geometry-level bounding box
- if ( geometry.boundingBox === null ) {
- geometry.computeBoundingBox();
- }
- _box$4.copy( geometry.boundingBox );
- }
- _box$4.applyMatrix4( object.matrixWorld );
- this.union( _box$4 );
- }
- }
- const children = object.children;
- for ( let i = 0, l = children.length; i < l; i ++ ) {
- this.expandByObject( children[ i ], precise );
- }
- return this;
- }
- containsPoint( point ) {
- return point.x >= this.min.x && point.x <= this.max.x &&
- point.y >= this.min.y && point.y <= this.max.y &&
- point.z >= this.min.z && point.z <= this.max.z;
- }
- containsBox( box ) {
- return this.min.x <= box.min.x && box.max.x <= this.max.x &&
- this.min.y <= box.min.y && box.max.y <= this.max.y &&
- this.min.z <= box.min.z && box.max.z <= this.max.z;
- }
- getParameter( point, target ) {
- // This can potentially have a divide by zero if the box
- // has a size dimension of 0.
- return target.set(
- ( point.x - this.min.x ) / ( this.max.x - this.min.x ),
- ( point.y - this.min.y ) / ( this.max.y - this.min.y ),
- ( point.z - this.min.z ) / ( this.max.z - this.min.z )
- );
- }
- intersectsBox( box ) {
- // using 6 splitting planes to rule out intersections.
- return box.max.x >= this.min.x && box.min.x <= this.max.x &&
- box.max.y >= this.min.y && box.min.y <= this.max.y &&
- box.max.z >= this.min.z && box.min.z <= this.max.z;
- }
- intersectsSphere( sphere ) {
- // Find the point on the AABB closest to the sphere center.
- this.clampPoint( sphere.center, _vector$b );
- // If that point is inside the sphere, the AABB and sphere intersect.
- return _vector$b.distanceToSquared( sphere.center ) <= ( sphere.radius * sphere.radius );
- }
- intersectsPlane( plane ) {
- // We compute the minimum and maximum dot product values. If those values
- // are on the same side (back or front) of the plane, then there is no intersection.
- let min, max;
- if ( plane.normal.x > 0 ) {
- min = plane.normal.x * this.min.x;
- max = plane.normal.x * this.max.x;
- } else {
- min = plane.normal.x * this.max.x;
- max = plane.normal.x * this.min.x;
- }
- if ( plane.normal.y > 0 ) {
- min += plane.normal.y * this.min.y;
- max += plane.normal.y * this.max.y;
- } else {
- min += plane.normal.y * this.max.y;
- max += plane.normal.y * this.min.y;
- }
- if ( plane.normal.z > 0 ) {
- min += plane.normal.z * this.min.z;
- max += plane.normal.z * this.max.z;
- } else {
- min += plane.normal.z * this.max.z;
- max += plane.normal.z * this.min.z;
- }
- return ( min <= - plane.constant && max >= - plane.constant );
- }
- intersectsTriangle( triangle ) {
- if ( this.isEmpty() ) {
- return false;
- }
- // compute box center and extents
- this.getCenter( _center );
- _extents.subVectors( this.max, _center );
- // translate triangle to aabb origin
- _v0$2.subVectors( triangle.a, _center );
- _v1$7.subVectors( triangle.b, _center );
- _v2$4.subVectors( triangle.c, _center );
- // compute edge vectors for triangle
- _f0.subVectors( _v1$7, _v0$2 );
- _f1.subVectors( _v2$4, _v1$7 );
- _f2.subVectors( _v0$2, _v2$4 );
- // test against axes that are given by cross product combinations of the edges of the triangle and the edges of the aabb
- // make an axis testing of each of the 3 sides of the aabb against each of the 3 sides of the triangle = 9 axis of separation
- // axis_ij = u_i x f_j (u0, u1, u2 = face normals of aabb = x,y,z axes vectors since aabb is axis aligned)
- let axes = [
- 0, - _f0.z, _f0.y, 0, - _f1.z, _f1.y, 0, - _f2.z, _f2.y,
- _f0.z, 0, - _f0.x, _f1.z, 0, - _f1.x, _f2.z, 0, - _f2.x,
- - _f0.y, _f0.x, 0, - _f1.y, _f1.x, 0, - _f2.y, _f2.x, 0
- ];
- if ( ! satForAxes( axes, _v0$2, _v1$7, _v2$4, _extents ) ) {
- return false;
- }
- // test 3 face normals from the aabb
- axes = [ 1, 0, 0, 0, 1, 0, 0, 0, 1 ];
- if ( ! satForAxes( axes, _v0$2, _v1$7, _v2$4, _extents ) ) {
- return false;
- }
- // finally testing the face normal of the triangle
- // use already existing triangle edge vectors here
- _triangleNormal.crossVectors( _f0, _f1 );
- axes = [ _triangleNormal.x, _triangleNormal.y, _triangleNormal.z ];
- return satForAxes( axes, _v0$2, _v1$7, _v2$4, _extents );
- }
- clampPoint( point, target ) {
- return target.copy( point ).clamp( this.min, this.max );
- }
- distanceToPoint( point ) {
- return this.clampPoint( point, _vector$b ).distanceTo( point );
- }
- getBoundingSphere( target ) {
- if ( this.isEmpty() ) {
- target.makeEmpty();
- } else {
- this.getCenter( target.center );
- target.radius = this.getSize( _vector$b ).length() * 0.5;
- }
- return target;
- }
- intersect( box ) {
- this.min.max( box.min );
- this.max.min( box.max );
- // ensure that if there is no overlap, the result is fully empty, not slightly empty with non-inf/+inf values that will cause subsequence intersects to erroneously return valid values.
- if ( this.isEmpty() ) this.makeEmpty();
- return this;
- }
- union( box ) {
- this.min.min( box.min );
- this.max.max( box.max );
- return this;
- }
- applyMatrix4( matrix ) {
- // transform of empty box is an empty box.
- if ( this.isEmpty() ) return this;
- // NOTE: I am using a binary pattern to specify all 2^3 combinations below
- _points[ 0 ].set( this.min.x, this.min.y, this.min.z ).applyMatrix4( matrix ); // 000
- _points[ 1 ].set( this.min.x, this.min.y, this.max.z ).applyMatrix4( matrix ); // 001
- _points[ 2 ].set( this.min.x, this.max.y, this.min.z ).applyMatrix4( matrix ); // 010
- _points[ 3 ].set( this.min.x, this.max.y, this.max.z ).applyMatrix4( matrix ); // 011
- _points[ 4 ].set( this.max.x, this.min.y, this.min.z ).applyMatrix4( matrix ); // 100
- _points[ 5 ].set( this.max.x, this.min.y, this.max.z ).applyMatrix4( matrix ); // 101
- _points[ 6 ].set( this.max.x, this.max.y, this.min.z ).applyMatrix4( matrix ); // 110
- _points[ 7 ].set( this.max.x, this.max.y, this.max.z ).applyMatrix4( matrix ); // 111
- this.setFromPoints( _points );
- return this;
- }
- translate( offset ) {
- this.min.add( offset );
- this.max.add( offset );
- return this;
- }
- equals( box ) {
- return box.min.equals( this.min ) && box.max.equals( this.max );
- }
- }
- const _points = [
- /*@__PURE__*/ new Vector3(),
- /*@__PURE__*/ new Vector3(),
- /*@__PURE__*/ new Vector3(),
- /*@__PURE__*/ new Vector3(),
- /*@__PURE__*/ new Vector3(),
- /*@__PURE__*/ new Vector3(),
- /*@__PURE__*/ new Vector3(),
- /*@__PURE__*/ new Vector3()
- ];
- const _vector$b = /*@__PURE__*/ new Vector3();
- const _box$4 = /*@__PURE__*/ new Box3();
- // triangle centered vertices
- const _v0$2 = /*@__PURE__*/ new Vector3();
- const _v1$7 = /*@__PURE__*/ new Vector3();
- const _v2$4 = /*@__PURE__*/ new Vector3();
- // triangle edge vectors
- const _f0 = /*@__PURE__*/ new Vector3();
- const _f1 = /*@__PURE__*/ new Vector3();
- const _f2 = /*@__PURE__*/ new Vector3();
- const _center = /*@__PURE__*/ new Vector3();
- const _extents = /*@__PURE__*/ new Vector3();
- const _triangleNormal = /*@__PURE__*/ new Vector3();
- const _testAxis = /*@__PURE__*/ new Vector3();
- function satForAxes( axes, v0, v1, v2, extents ) {
- for ( let i = 0, j = axes.length - 3; i <= j; i += 3 ) {
- _testAxis.fromArray( axes, i );
- // project the aabb onto the separating axis
- const r = extents.x * Math.abs( _testAxis.x ) + extents.y * Math.abs( _testAxis.y ) + extents.z * Math.abs( _testAxis.z );
- // project all 3 vertices of the triangle onto the separating axis
- const p0 = v0.dot( _testAxis );
- const p1 = v1.dot( _testAxis );
- const p2 = v2.dot( _testAxis );
- // actual test, basically see if either of the most extreme of the triangle points intersects r
- if ( Math.max( - Math.max( p0, p1, p2 ), Math.min( p0, p1, p2 ) ) > r ) {
- // points of the projected triangle are outside the projected half-length of the aabb
- // the axis is separating and we can exit
- return false;
- }
- }
- return true;
- }
- const _box$3 = /*@__PURE__*/ new Box3();
- const _v1$6 = /*@__PURE__*/ new Vector3();
- const _v2$3 = /*@__PURE__*/ new Vector3();
- class Sphere {
- constructor( center = new Vector3(), radius = - 1 ) {
- this.isSphere = true;
- this.center = center;
- this.radius = radius;
- }
- set( center, radius ) {
- this.center.copy( center );
- this.radius = radius;
- return this;
- }
- setFromPoints( points, optionalCenter ) {
- const center = this.center;
- if ( optionalCenter !== undefined ) {
- center.copy( optionalCenter );
- } else {
- _box$3.setFromPoints( points ).getCenter( center );
- }
- let maxRadiusSq = 0;
- for ( let i = 0, il = points.length; i < il; i ++ ) {
- maxRadiusSq = Math.max( maxRadiusSq, center.distanceToSquared( points[ i ] ) );
- }
- this.radius = Math.sqrt( maxRadiusSq );
- return this;
- }
- copy( sphere ) {
- this.center.copy( sphere.center );
- this.radius = sphere.radius;
- return this;
- }
- isEmpty() {
- return ( this.radius < 0 );
- }
- makeEmpty() {
- this.center.set( 0, 0, 0 );
- this.radius = - 1;
- return this;
- }
- containsPoint( point ) {
- return ( point.distanceToSquared( this.center ) <= ( this.radius * this.radius ) );
- }
- distanceToPoint( point ) {
- return ( point.distanceTo( this.center ) - this.radius );
- }
- intersectsSphere( sphere ) {
- const radiusSum = this.radius + sphere.radius;
- return sphere.center.distanceToSquared( this.center ) <= ( radiusSum * radiusSum );
- }
- intersectsBox( box ) {
- return box.intersectsSphere( this );
- }
- intersectsPlane( plane ) {
- return Math.abs( plane.distanceToPoint( this.center ) ) <= this.radius;
- }
- clampPoint( point, target ) {
- const deltaLengthSq = this.center.distanceToSquared( point );
- target.copy( point );
- if ( deltaLengthSq > ( this.radius * this.radius ) ) {
- target.sub( this.center ).normalize();
- target.multiplyScalar( this.radius ).add( this.center );
- }
- return target;
- }
- getBoundingBox( target ) {
- if ( this.isEmpty() ) {
- // Empty sphere produces empty bounding box
- target.makeEmpty();
- return target;
- }
- target.set( this.center, this.center );
- target.expandByScalar( this.radius );
- return target;
- }
- applyMatrix4( matrix ) {
- this.center.applyMatrix4( matrix );
- this.radius = this.radius * matrix.getMaxScaleOnAxis();
- return this;
- }
- translate( offset ) {
- this.center.add( offset );
- return this;
- }
- expandByPoint( point ) {
- if ( this.isEmpty() ) {
- this.center.copy( point );
- this.radius = 0;
- return this;
- }
- _v1$6.subVectors( point, this.center );
- const lengthSq = _v1$6.lengthSq();
- if ( lengthSq > ( this.radius * this.radius ) ) {
- // calculate the minimal sphere
- const length = Math.sqrt( lengthSq );
- const delta = ( length - this.radius ) * 0.5;
- this.center.addScaledVector( _v1$6, delta / length );
- this.radius += delta;
- }
- return this;
- }
- union( sphere ) {
- if ( sphere.isEmpty() ) {
- return this;
- }
- if ( this.isEmpty() ) {
- this.copy( sphere );
- return this;
- }
- if ( this.center.equals( sphere.center ) === true ) {
- this.radius = Math.max( this.radius, sphere.radius );
- } else {
- _v2$3.subVectors( sphere.center, this.center ).setLength( sphere.radius );
- this.expandByPoint( _v1$6.copy( sphere.center ).add( _v2$3 ) );
- this.expandByPoint( _v1$6.copy( sphere.center ).sub( _v2$3 ) );
- }
- return this;
- }
- equals( sphere ) {
- return sphere.center.equals( this.center ) && ( sphere.radius === this.radius );
- }
- clone() {
- return new this.constructor().copy( this );
- }
- }
- const _vector$a = /*@__PURE__*/ new Vector3();
- const _segCenter = /*@__PURE__*/ new Vector3();
- const _segDir = /*@__PURE__*/ new Vector3();
- const _diff = /*@__PURE__*/ new Vector3();
- const _edge1 = /*@__PURE__*/ new Vector3();
- const _edge2 = /*@__PURE__*/ new Vector3();
- const _normal$2 = /*@__PURE__*/ new Vector3();
- class Ray {
- constructor( origin = new Vector3(), direction = new Vector3( 0, 0, - 1 ) ) {
- this.origin = origin;
- this.direction = direction;
- }
- set( origin, direction ) {
- this.origin.copy( origin );
- this.direction.copy( direction );
- return this;
- }
- copy( ray ) {
- this.origin.copy( ray.origin );
- this.direction.copy( ray.direction );
- return this;
- }
- at( t, target ) {
- return target.copy( this.origin ).addScaledVector( this.direction, t );
- }
- lookAt( v ) {
- this.direction.copy( v ).sub( this.origin ).normalize();
- return this;
- }
- recast( t ) {
- this.origin.copy( this.at( t, _vector$a ) );
- return this;
- }
- closestPointToPoint( point, target ) {
- target.subVectors( point, this.origin );
- const directionDistance = target.dot( this.direction );
- if ( directionDistance < 0 ) {
- return target.copy( this.origin );
- }
- return target.copy( this.origin ).addScaledVector( this.direction, directionDistance );
- }
- distanceToPoint( point ) {
- return Math.sqrt( this.distanceSqToPoint( point ) );
- }
- distanceSqToPoint( point ) {
- const directionDistance = _vector$a.subVectors( point, this.origin ).dot( this.direction );
- // point behind the ray
- if ( directionDistance < 0 ) {
- return this.origin.distanceToSquared( point );
- }
- _vector$a.copy( this.origin ).addScaledVector( this.direction, directionDistance );
- return _vector$a.distanceToSquared( point );
- }
- distanceSqToSegment( v0, v1, optionalPointOnRay, optionalPointOnSegment ) {
- // from https://github.com/pmjoniak/GeometricTools/blob/master/GTEngine/Include/Mathematics/GteDistRaySegment.h
- // It returns the min distance between the ray and the segment
- // defined by v0 and v1
- // It can also set two optional targets :
- // - The closest point on the ray
- // - The closest point on the segment
- _segCenter.copy( v0 ).add( v1 ).multiplyScalar( 0.5 );
- _segDir.copy( v1 ).sub( v0 ).normalize();
- _diff.copy( this.origin ).sub( _segCenter );
- const segExtent = v0.distanceTo( v1 ) * 0.5;
- const a01 = - this.direction.dot( _segDir );
- const b0 = _diff.dot( this.direction );
- const b1 = - _diff.dot( _segDir );
- const c = _diff.lengthSq();
- const det = Math.abs( 1 - a01 * a01 );
- let s0, s1, sqrDist, extDet;
- if ( det > 0 ) {
- // The ray and segment are not parallel.
- s0 = a01 * b1 - b0;
- s1 = a01 * b0 - b1;
- extDet = segExtent * det;
- if ( s0 >= 0 ) {
- if ( s1 >= - extDet ) {
- if ( s1 <= extDet ) {
- // region 0
- // Minimum at interior points of ray and segment.
- const invDet = 1 / det;
- s0 *= invDet;
- s1 *= invDet;
- sqrDist = s0 * ( s0 + a01 * s1 + 2 * b0 ) + s1 * ( a01 * s0 + s1 + 2 * b1 ) + c;
- } else {
- // region 1
- s1 = segExtent;
- s0 = Math.max( 0, - ( a01 * s1 + b0 ) );
- sqrDist = - s0 * s0 + s1 * ( s1 + 2 * b1 ) + c;
- }
- } else {
- // region 5
- s1 = - segExtent;
- s0 = Math.max( 0, - ( a01 * s1 + b0 ) );
- sqrDist = - s0 * s0 + s1 * ( s1 + 2 * b1 ) + c;
- }
- } else {
- if ( s1 <= - extDet ) {
- // region 4
- s0 = Math.max( 0, - ( - a01 * segExtent + b0 ) );
- s1 = ( s0 > 0 ) ? - segExtent : Math.min( Math.max( - segExtent, - b1 ), segExtent );
- sqrDist = - s0 * s0 + s1 * ( s1 + 2 * b1 ) + c;
- } else if ( s1 <= extDet ) {
- // region 3
- s0 = 0;
- s1 = Math.min( Math.max( - segExtent, - b1 ), segExtent );
- sqrDist = s1 * ( s1 + 2 * b1 ) + c;
- } else {
- // region 2
- s0 = Math.max( 0, - ( a01 * segExtent + b0 ) );
- s1 = ( s0 > 0 ) ? segExtent : Math.min( Math.max( - segExtent, - b1 ), segExtent );
- sqrDist = - s0 * s0 + s1 * ( s1 + 2 * b1 ) + c;
- }
- }
- } else {
- // Ray and segment are parallel.
- s1 = ( a01 > 0 ) ? - segExtent : segExtent;
- s0 = Math.max( 0, - ( a01 * s1 + b0 ) );
- sqrDist = - s0 * s0 + s1 * ( s1 + 2 * b1 ) + c;
- }
- if ( optionalPointOnRay ) {
- optionalPointOnRay.copy( this.origin ).addScaledVector( this.direction, s0 );
- }
- if ( optionalPointOnSegment ) {
- optionalPointOnSegment.copy( _segCenter ).addScaledVector( _segDir, s1 );
- }
- return sqrDist;
- }
- intersectSphere( sphere, target ) {
- _vector$a.subVectors( sphere.center, this.origin );
- const tca = _vector$a.dot( this.direction );
- const d2 = _vector$a.dot( _vector$a ) - tca * tca;
- const radius2 = sphere.radius * sphere.radius;
- if ( d2 > radius2 ) return null;
- const thc = Math.sqrt( radius2 - d2 );
- // t0 = first intersect point - entrance on front of sphere
- const t0 = tca - thc;
- // t1 = second intersect point - exit point on back of sphere
- const t1 = tca + thc;
- // test to see if t1 is behind the ray - if so, return null
- if ( t1 < 0 ) return null;
- // test to see if t0 is behind the ray:
- // if it is, the ray is inside the sphere, so return the second exit point scaled by t1,
- // in order to always return an intersect point that is in front of the ray.
- if ( t0 < 0 ) return this.at( t1, target );
- // else t0 is in front of the ray, so return the first collision point scaled by t0
- return this.at( t0, target );
- }
- intersectsSphere( sphere ) {
- return this.distanceSqToPoint( sphere.center ) <= ( sphere.radius * sphere.radius );
- }
- distanceToPlane( plane ) {
- const denominator = plane.normal.dot( this.direction );
- if ( denominator === 0 ) {
- // line is coplanar, return origin
- if ( plane.distanceToPoint( this.origin ) === 0 ) {
- return 0;
- }
- // Null is preferable to undefined since undefined means.... it is undefined
- return null;
- }
- const t = - ( this.origin.dot( plane.normal ) + plane.constant ) / denominator;
- // Return if the ray never intersects the plane
- return t >= 0 ? t : null;
- }
- intersectPlane( plane, target ) {
- const t = this.distanceToPlane( plane );
- if ( t === null ) {
- return null;
- }
- return this.at( t, target );
- }
- intersectsPlane( plane ) {
- // check if the ray lies on the plane first
- const distToPoint = plane.distanceToPoint( this.origin );
- if ( distToPoint === 0 ) {
- return true;
- }
- const denominator = plane.normal.dot( this.direction );
- if ( denominator * distToPoint < 0 ) {
- return true;
- }
- // ray origin is behind the plane (and is pointing behind it)
- return false;
- }
- intersectBox( box, target ) {
- let tmin, tmax, tymin, tymax, tzmin, tzmax;
- const invdirx = 1 / this.direction.x,
- invdiry = 1 / this.direction.y,
- invdirz = 1 / this.direction.z;
- const origin = this.origin;
- if ( invdirx >= 0 ) {
- tmin = ( box.min.x - origin.x ) * invdirx;
- tmax = ( box.max.x - origin.x ) * invdirx;
- } else {
- tmin = ( box.max.x - origin.x ) * invdirx;
- tmax = ( box.min.x - origin.x ) * invdirx;
- }
- if ( invdiry >= 0 ) {
- tymin = ( box.min.y - origin.y ) * invdiry;
- tymax = ( box.max.y - origin.y ) * invdiry;
- } else {
- tymin = ( box.max.y - origin.y ) * invdiry;
- tymax = ( box.min.y - origin.y ) * invdiry;
- }
- if ( ( tmin > tymax ) || ( tymin > tmax ) ) return null;
- if ( tymin > tmin || isNaN( tmin ) ) tmin = tymin;
- if ( tymax < tmax || isNaN( tmax ) ) tmax = tymax;
- if ( invdirz >= 0 ) {
- tzmin = ( box.min.z - origin.z ) * invdirz;
- tzmax = ( box.max.z - origin.z ) * invdirz;
- } else {
- tzmin = ( box.max.z - origin.z ) * invdirz;
- tzmax = ( box.min.z - origin.z ) * invdirz;
- }
- if ( ( tmin > tzmax ) || ( tzmin > tmax ) ) return null;
- if ( tzmin > tmin || tmin !== tmin ) tmin = tzmin;
- if ( tzmax < tmax || tmax !== tmax ) tmax = tzmax;
- //return point closest to the ray (positive side)
- if ( tmax < 0 ) return null;
- return this.at( tmin >= 0 ? tmin : tmax, target );
- }
- intersectsBox( box ) {
- return this.intersectBox( box, _vector$a ) !== null;
- }
- intersectTriangle( a, b, c, backfaceCulling, target ) {
- // Compute the offset origin, edges, and normal.
- // from https://github.com/pmjoniak/GeometricTools/blob/master/GTEngine/Include/Mathematics/GteIntrRay3Triangle3.h
- _edge1.subVectors( b, a );
- _edge2.subVectors( c, a );
- _normal$2.crossVectors( _edge1, _edge2 );
- // Solve Q + t*D = b1*E1 + b2*E2 (Q = kDiff, D = ray direction,
- // E1 = kEdge1, E2 = kEdge2, N = Cross(E1,E2)) by
- // |Dot(D,N)|*b1 = sign(Dot(D,N))*Dot(D,Cross(Q,E2))
- // |Dot(D,N)|*b2 = sign(Dot(D,N))*Dot(D,Cross(E1,Q))
- // |Dot(D,N)|*t = -sign(Dot(D,N))*Dot(Q,N)
- let DdN = this.direction.dot( _normal$2 );
- let sign;
- if ( DdN > 0 ) {
- if ( backfaceCulling ) return null;
- sign = 1;
- } else if ( DdN < 0 ) {
- sign = - 1;
- DdN = - DdN;
- } else {
- return null;
- }
- _diff.subVectors( this.origin, a );
- const DdQxE2 = sign * this.direction.dot( _edge2.crossVectors( _diff, _edge2 ) );
- // b1 < 0, no intersection
- if ( DdQxE2 < 0 ) {
- return null;
- }
- const DdE1xQ = sign * this.direction.dot( _edge1.cross( _diff ) );
- // b2 < 0, no intersection
- if ( DdE1xQ < 0 ) {
- return null;
- }
- // b1+b2 > 1, no intersection
- if ( DdQxE2 + DdE1xQ > DdN ) {
- return null;
- }
- // Line intersects triangle, check if ray does.
- const QdN = - sign * _diff.dot( _normal$2 );
- // t < 0, no intersection
- if ( QdN < 0 ) {
- return null;
- }
- // Ray intersects triangle.
- return this.at( QdN / DdN, target );
- }
- applyMatrix4( matrix4 ) {
- this.origin.applyMatrix4( matrix4 );
- this.direction.transformDirection( matrix4 );
- return this;
- }
- equals( ray ) {
- return ray.origin.equals( this.origin ) && ray.direction.equals( this.direction );
- }
- clone() {
- return new this.constructor().copy( this );
- }
- }
- class Matrix4 {
- constructor( n11, n12, n13, n14, n21, n22, n23, n24, n31, n32, n33, n34, n41, n42, n43, n44 ) {
- Matrix4.prototype.isMatrix4 = true;
- this.elements = [
- 1, 0, 0, 0,
- 0, 1, 0, 0,
- 0, 0, 1, 0,
- 0, 0, 0, 1
- ];
- if ( n11 !== undefined ) {
- this.set( n11, n12, n13, n14, n21, n22, n23, n24, n31, n32, n33, n34, n41, n42, n43, n44 );
- }
- }
- set( n11, n12, n13, n14, n21, n22, n23, n24, n31, n32, n33, n34, n41, n42, n43, n44 ) {
- const te = this.elements;
- te[ 0 ] = n11; te[ 4 ] = n12; te[ 8 ] = n13; te[ 12 ] = n14;
- te[ 1 ] = n21; te[ 5 ] = n22; te[ 9 ] = n23; te[ 13 ] = n24;
- te[ 2 ] = n31; te[ 6 ] = n32; te[ 10 ] = n33; te[ 14 ] = n34;
- te[ 3 ] = n41; te[ 7 ] = n42; te[ 11 ] = n43; te[ 15 ] = n44;
- return this;
- }
- identity() {
- this.set(
- 1, 0, 0, 0,
- 0, 1, 0, 0,
- 0, 0, 1, 0,
- 0, 0, 0, 1
- );
- return this;
- }
- clone() {
- return new Matrix4().fromArray( this.elements );
- }
- copy( m ) {
- const te = this.elements;
- const me = m.elements;
- te[ 0 ] = me[ 0 ]; te[ 1 ] = me[ 1 ]; te[ 2 ] = me[ 2 ]; te[ 3 ] = me[ 3 ];
- te[ 4 ] = me[ 4 ]; te[ 5 ] = me[ 5 ]; te[ 6 ] = me[ 6 ]; te[ 7 ] = me[ 7 ];
- te[ 8 ] = me[ 8 ]; te[ 9 ] = me[ 9 ]; te[ 10 ] = me[ 10 ]; te[ 11 ] = me[ 11 ];
- te[ 12 ] = me[ 12 ]; te[ 13 ] = me[ 13 ]; te[ 14 ] = me[ 14 ]; te[ 15 ] = me[ 15 ];
- return this;
- }
- copyPosition( m ) {
- const te = this.elements, me = m.elements;
- te[ 12 ] = me[ 12 ];
- te[ 13 ] = me[ 13 ];
- te[ 14 ] = me[ 14 ];
- return this;
- }
- setFromMatrix3( m ) {
- const me = m.elements;
- this.set(
- me[ 0 ], me[ 3 ], me[ 6 ], 0,
- me[ 1 ], me[ 4 ], me[ 7 ], 0,
- me[ 2 ], me[ 5 ], me[ 8 ], 0,
- 0, 0, 0, 1
- );
- return this;
- }
- extractBasis( xAxis, yAxis, zAxis ) {
- xAxis.setFromMatrixColumn( this, 0 );
- yAxis.setFromMatrixColumn( this, 1 );
- zAxis.setFromMatrixColumn( this, 2 );
- return this;
- }
- makeBasis( xAxis, yAxis, zAxis ) {
- this.set(
- xAxis.x, yAxis.x, zAxis.x, 0,
- xAxis.y, yAxis.y, zAxis.y, 0,
- xAxis.z, yAxis.z, zAxis.z, 0,
- 0, 0, 0, 1
- );
- return this;
- }
- extractRotation( m ) {
- // this method does not support reflection matrices
- const te = this.elements;
- const me = m.elements;
- const scaleX = 1 / _v1$5.setFromMatrixColumn( m, 0 ).length();
- const scaleY = 1 / _v1$5.setFromMatrixColumn( m, 1 ).length();
- const scaleZ = 1 / _v1$5.setFromMatrixColumn( m, 2 ).length();
- te[ 0 ] = me[ 0 ] * scaleX;
- te[ 1 ] = me[ 1 ] * scaleX;
- te[ 2 ] = me[ 2 ] * scaleX;
- te[ 3 ] = 0;
- te[ 4 ] = me[ 4 ] * scaleY;
- te[ 5 ] = me[ 5 ] * scaleY;
- te[ 6 ] = me[ 6 ] * scaleY;
- te[ 7 ] = 0;
- te[ 8 ] = me[ 8 ] * scaleZ;
- te[ 9 ] = me[ 9 ] * scaleZ;
- te[ 10 ] = me[ 10 ] * scaleZ;
- te[ 11 ] = 0;
- te[ 12 ] = 0;
- te[ 13 ] = 0;
- te[ 14 ] = 0;
- te[ 15 ] = 1;
- return this;
- }
- makeRotationFromEuler( euler ) {
- const te = this.elements;
- const x = euler.x, y = euler.y, z = euler.z;
- const a = Math.cos( x ), b = Math.sin( x );
- const c = Math.cos( y ), d = Math.sin( y );
- const e = Math.cos( z ), f = Math.sin( z );
- if ( euler.order === 'XYZ' ) {
- const ae = a * e, af = a * f, be = b * e, bf = b * f;
- te[ 0 ] = c * e;
- te[ 4 ] = - c * f;
- te[ 8 ] = d;
- te[ 1 ] = af + be * d;
- te[ 5 ] = ae - bf * d;
- te[ 9 ] = - b * c;
- te[ 2 ] = bf - ae * d;
- te[ 6 ] = be + af * d;
- te[ 10 ] = a * c;
- } else if ( euler.order === 'YXZ' ) {
- const ce = c * e, cf = c * f, de = d * e, df = d * f;
- te[ 0 ] = ce + df * b;
- te[ 4 ] = de * b - cf;
- te[ 8 ] = a * d;
- te[ 1 ] = a * f;
- te[ 5 ] = a * e;
- te[ 9 ] = - b;
- te[ 2 ] = cf * b - de;
- te[ 6 ] = df + ce * b;
- te[ 10 ] = a * c;
- } else if ( euler.order === 'ZXY' ) {
- const ce = c * e, cf = c * f, de = d * e, df = d * f;
- te[ 0 ] = ce - df * b;
- te[ 4 ] = - a * f;
- te[ 8 ] = de + cf * b;
- te[ 1 ] = cf + de * b;
- te[ 5 ] = a * e;
- te[ 9 ] = df - ce * b;
- te[ 2 ] = - a * d;
- te[ 6 ] = b;
- te[ 10 ] = a * c;
- } else if ( euler.order === 'ZYX' ) {
- const ae = a * e, af = a * f, be = b * e, bf = b * f;
- te[ 0 ] = c * e;
- te[ 4 ] = be * d - af;
- te[ 8 ] = ae * d + bf;
- te[ 1 ] = c * f;
- te[ 5 ] = bf * d + ae;
- te[ 9 ] = af * d - be;
- te[ 2 ] = - d;
- te[ 6 ] = b * c;
- te[ 10 ] = a * c;
- } else if ( euler.order === 'YZX' ) {
- const ac = a * c, ad = a * d, bc = b * c, bd = b * d;
- te[ 0 ] = c * e;
- te[ 4 ] = bd - ac * f;
- te[ 8 ] = bc * f + ad;
- te[ 1 ] = f;
- te[ 5 ] = a * e;
- te[ 9 ] = - b * e;
- te[ 2 ] = - d * e;
- te[ 6 ] = ad * f + bc;
- te[ 10 ] = ac - bd * f;
- } else if ( euler.order === 'XZY' ) {
- const ac = a * c, ad = a * d, bc = b * c, bd = b * d;
- te[ 0 ] = c * e;
- te[ 4 ] = - f;
- te[ 8 ] = d * e;
- te[ 1 ] = ac * f + bd;
- te[ 5 ] = a * e;
- te[ 9 ] = ad * f - bc;
- te[ 2 ] = bc * f - ad;
- te[ 6 ] = b * e;
- te[ 10 ] = bd * f + ac;
- }
- // bottom row
- te[ 3 ] = 0;
- te[ 7 ] = 0;
- te[ 11 ] = 0;
- // last column
- te[ 12 ] = 0;
- te[ 13 ] = 0;
- te[ 14 ] = 0;
- te[ 15 ] = 1;
- return this;
- }
- makeRotationFromQuaternion( q ) {
- return this.compose( _zero, q, _one );
- }
- lookAt( eye, target, up ) {
- const te = this.elements;
- _z.subVectors( eye, target );
- if ( _z.lengthSq() === 0 ) {
- // eye and target are in the same position
- _z.z = 1;
- }
- _z.normalize();
- _x.crossVectors( up, _z );
- if ( _x.lengthSq() === 0 ) {
- // up and z are parallel
- if ( Math.abs( up.z ) === 1 ) {
- _z.x += 0.0001;
- } else {
- _z.z += 0.0001;
- }
- _z.normalize();
- _x.crossVectors( up, _z );
- }
- _x.normalize();
- _y.crossVectors( _z, _x );
- te[ 0 ] = _x.x; te[ 4 ] = _y.x; te[ 8 ] = _z.x;
- te[ 1 ] = _x.y; te[ 5 ] = _y.y; te[ 9 ] = _z.y;
- te[ 2 ] = _x.z; te[ 6 ] = _y.z; te[ 10 ] = _z.z;
- return this;
- }
- multiply( m ) {
- return this.multiplyMatrices( this, m );
- }
- premultiply( m ) {
- return this.multiplyMatrices( m, this );
- }
- multiplyMatrices( a, b ) {
- const ae = a.elements;
- const be = b.elements;
- const te = this.elements;
- const a11 = ae[ 0 ], a12 = ae[ 4 ], a13 = ae[ 8 ], a14 = ae[ 12 ];
- const a21 = ae[ 1 ], a22 = ae[ 5 ], a23 = ae[ 9 ], a24 = ae[ 13 ];
- const a31 = ae[ 2 ], a32 = ae[ 6 ], a33 = ae[ 10 ], a34 = ae[ 14 ];
- const a41 = ae[ 3 ], a42 = ae[ 7 ], a43 = ae[ 11 ], a44 = ae[ 15 ];
- const b11 = be[ 0 ], b12 = be[ 4 ], b13 = be[ 8 ], b14 = be[ 12 ];
- const b21 = be[ 1 ], b22 = be[ 5 ], b23 = be[ 9 ], b24 = be[ 13 ];
- const b31 = be[ 2 ], b32 = be[ 6 ], b33 = be[ 10 ], b34 = be[ 14 ];
- const b41 = be[ 3 ], b42 = be[ 7 ], b43 = be[ 11 ], b44 = be[ 15 ];
- te[ 0 ] = a11 * b11 + a12 * b21 + a13 * b31 + a14 * b41;
- te[ 4 ] = a11 * b12 + a12 * b22 + a13 * b32 + a14 * b42;
- te[ 8 ] = a11 * b13 + a12 * b23 + a13 * b33 + a14 * b43;
- te[ 12 ] = a11 * b14 + a12 * b24 + a13 * b34 + a14 * b44;
- te[ 1 ] = a21 * b11 + a22 * b21 + a23 * b31 + a24 * b41;
- te[ 5 ] = a21 * b12 + a22 * b22 + a23 * b32 + a24 * b42;
- te[ 9 ] = a21 * b13 + a22 * b23 + a23 * b33 + a24 * b43;
- te[ 13 ] = a21 * b14 + a22 * b24 + a23 * b34 + a24 * b44;
- te[ 2 ] = a31 * b11 + a32 * b21 + a33 * b31 + a34 * b41;
- te[ 6 ] = a31 * b12 + a32 * b22 + a33 * b32 + a34 * b42;
- te[ 10 ] = a31 * b13 + a32 * b23 + a33 * b33 + a34 * b43;
- te[ 14 ] = a31 * b14 + a32 * b24 + a33 * b34 + a34 * b44;
- te[ 3 ] = a41 * b11 + a42 * b21 + a43 * b31 + a44 * b41;
- te[ 7 ] = a41 * b12 + a42 * b22 + a43 * b32 + a44 * b42;
- te[ 11 ] = a41 * b13 + a42 * b23 + a43 * b33 + a44 * b43;
- te[ 15 ] = a41 * b14 + a42 * b24 + a43 * b34 + a44 * b44;
- return this;
- }
- multiplyScalar( s ) {
- const te = this.elements;
- te[ 0 ] *= s; te[ 4 ] *= s; te[ 8 ] *= s; te[ 12 ] *= s;
- te[ 1 ] *= s; te[ 5 ] *= s; te[ 9 ] *= s; te[ 13 ] *= s;
- te[ 2 ] *= s; te[ 6 ] *= s; te[ 10 ] *= s; te[ 14 ] *= s;
- te[ 3 ] *= s; te[ 7 ] *= s; te[ 11 ] *= s; te[ 15 ] *= s;
- return this;
- }
- determinant() {
- const te = this.elements;
- const n11 = te[ 0 ], n12 = te[ 4 ], n13 = te[ 8 ], n14 = te[ 12 ];
- const n21 = te[ 1 ], n22 = te[ 5 ], n23 = te[ 9 ], n24 = te[ 13 ];
- const n31 = te[ 2 ], n32 = te[ 6 ], n33 = te[ 10 ], n34 = te[ 14 ];
- const n41 = te[ 3 ], n42 = te[ 7 ], n43 = te[ 11 ], n44 = te[ 15 ];
- //TODO: make this more efficient
- //( based on http://www.euclideanspace.com/maths/algebra/matrix/functions/inverse/fourD/index.htm )
- return (
- n41 * (
- + n14 * n23 * n32
- - n13 * n24 * n32
- - n14 * n22 * n33
- + n12 * n24 * n33
- + n13 * n22 * n34
- - n12 * n23 * n34
- ) +
- n42 * (
- + n11 * n23 * n34
- - n11 * n24 * n33
- + n14 * n21 * n33
- - n13 * n21 * n34
- + n13 * n24 * n31
- - n14 * n23 * n31
- ) +
- n43 * (
- + n11 * n24 * n32
- - n11 * n22 * n34
- - n14 * n21 * n32
- + n12 * n21 * n34
- + n14 * n22 * n31
- - n12 * n24 * n31
- ) +
- n44 * (
- - n13 * n22 * n31
- - n11 * n23 * n32
- + n11 * n22 * n33
- + n13 * n21 * n32
- - n12 * n21 * n33
- + n12 * n23 * n31
- )
- );
- }
- transpose() {
- const te = this.elements;
- let tmp;
- tmp = te[ 1 ]; te[ 1 ] = te[ 4 ]; te[ 4 ] = tmp;
- tmp = te[ 2 ]; te[ 2 ] = te[ 8 ]; te[ 8 ] = tmp;
- tmp = te[ 6 ]; te[ 6 ] = te[ 9 ]; te[ 9 ] = tmp;
- tmp = te[ 3 ]; te[ 3 ] = te[ 12 ]; te[ 12 ] = tmp;
- tmp = te[ 7 ]; te[ 7 ] = te[ 13 ]; te[ 13 ] = tmp;
- tmp = te[ 11 ]; te[ 11 ] = te[ 14 ]; te[ 14 ] = tmp;
- return this;
- }
- setPosition( x, y, z ) {
- const te = this.elements;
- if ( x.isVector3 ) {
- te[ 12 ] = x.x;
- te[ 13 ] = x.y;
- te[ 14 ] = x.z;
- } else {
- te[ 12 ] = x;
- te[ 13 ] = y;
- te[ 14 ] = z;
- }
- return this;
- }
- invert() {
- // based on http://www.euclideanspace.com/maths/algebra/matrix/functions/inverse/fourD/index.htm
- const te = this.elements,
- n11 = te[ 0 ], n21 = te[ 1 ], n31 = te[ 2 ], n41 = te[ 3 ],
- n12 = te[ 4 ], n22 = te[ 5 ], n32 = te[ 6 ], n42 = te[ 7 ],
- n13 = te[ 8 ], n23 = te[ 9 ], n33 = te[ 10 ], n43 = te[ 11 ],
- n14 = te[ 12 ], n24 = te[ 13 ], n34 = te[ 14 ], n44 = te[ 15 ],
- t11 = n23 * n34 * n42 - n24 * n33 * n42 + n24 * n32 * n43 - n22 * n34 * n43 - n23 * n32 * n44 + n22 * n33 * n44,
- t12 = n14 * n33 * n42 - n13 * n34 * n42 - n14 * n32 * n43 + n12 * n34 * n43 + n13 * n32 * n44 - n12 * n33 * n44,
- t13 = n13 * n24 * n42 - n14 * n23 * n42 + n14 * n22 * n43 - n12 * n24 * n43 - n13 * n22 * n44 + n12 * n23 * n44,
- t14 = n14 * n23 * n32 - n13 * n24 * n32 - n14 * n22 * n33 + n12 * n24 * n33 + n13 * n22 * n34 - n12 * n23 * n34;
- const det = n11 * t11 + n21 * t12 + n31 * t13 + n41 * t14;
- if ( det === 0 ) return this.set( 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0 );
- const detInv = 1 / det;
- te[ 0 ] = t11 * detInv;
- te[ 1 ] = ( n24 * n33 * n41 - n23 * n34 * n41 - n24 * n31 * n43 + n21 * n34 * n43 + n23 * n31 * n44 - n21 * n33 * n44 ) * detInv;
- te[ 2 ] = ( n22 * n34 * n41 - n24 * n32 * n41 + n24 * n31 * n42 - n21 * n34 * n42 - n22 * n31 * n44 + n21 * n32 * n44 ) * detInv;
- te[ 3 ] = ( n23 * n32 * n41 - n22 * n33 * n41 - n23 * n31 * n42 + n21 * n33 * n42 + n22 * n31 * n43 - n21 * n32 * n43 ) * detInv;
- te[ 4 ] = t12 * detInv;
- te[ 5 ] = ( n13 * n34 * n41 - n14 * n33 * n41 + n14 * n31 * n43 - n11 * n34 * n43 - n13 * n31 * n44 + n11 * n33 * n44 ) * detInv;
- te[ 6 ] = ( n14 * n32 * n41 - n12 * n34 * n41 - n14 * n31 * n42 + n11 * n34 * n42 + n12 * n31 * n44 - n11 * n32 * n44 ) * detInv;
- te[ 7 ] = ( n12 * n33 * n41 - n13 * n32 * n41 + n13 * n31 * n42 - n11 * n33 * n42 - n12 * n31 * n43 + n11 * n32 * n43 ) * detInv;
- te[ 8 ] = t13 * detInv;
- te[ 9 ] = ( n14 * n23 * n41 - n13 * n24 * n41 - n14 * n21 * n43 + n11 * n24 * n43 + n13 * n21 * n44 - n11 * n23 * n44 ) * detInv;
- te[ 10 ] = ( n12 * n24 * n41 - n14 * n22 * n41 + n14 * n21 * n42 - n11 * n24 * n42 - n12 * n21 * n44 + n11 * n22 * n44 ) * detInv;
- te[ 11 ] = ( n13 * n22 * n41 - n12 * n23 * n41 - n13 * n21 * n42 + n11 * n23 * n42 + n12 * n21 * n43 - n11 * n22 * n43 ) * detInv;
- te[ 12 ] = t14 * detInv;
- te[ 13 ] = ( n13 * n24 * n31 - n14 * n23 * n31 + n14 * n21 * n33 - n11 * n24 * n33 - n13 * n21 * n34 + n11 * n23 * n34 ) * detInv;
- te[ 14 ] = ( n14 * n22 * n31 - n12 * n24 * n31 - n14 * n21 * n32 + n11 * n24 * n32 + n12 * n21 * n34 - n11 * n22 * n34 ) * detInv;
- te[ 15 ] = ( n12 * n23 * n31 - n13 * n22 * n31 + n13 * n21 * n32 - n11 * n23 * n32 - n12 * n21 * n33 + n11 * n22 * n33 ) * detInv;
- return this;
- }
- scale( v ) {
- const te = this.elements;
- const x = v.x, y = v.y, z = v.z;
- te[ 0 ] *= x; te[ 4 ] *= y; te[ 8 ] *= z;
- te[ 1 ] *= x; te[ 5 ] *= y; te[ 9 ] *= z;
- te[ 2 ] *= x; te[ 6 ] *= y; te[ 10 ] *= z;
- te[ 3 ] *= x; te[ 7 ] *= y; te[ 11 ] *= z;
- return this;
- }
- getMaxScaleOnAxis() {
- const te = this.elements;
- const scaleXSq = te[ 0 ] * te[ 0 ] + te[ 1 ] * te[ 1 ] + te[ 2 ] * te[ 2 ];
- const scaleYSq = te[ 4 ] * te[ 4 ] + te[ 5 ] * te[ 5 ] + te[ 6 ] * te[ 6 ];
- const scaleZSq = te[ 8 ] * te[ 8 ] + te[ 9 ] * te[ 9 ] + te[ 10 ] * te[ 10 ];
- return Math.sqrt( Math.max( scaleXSq, scaleYSq, scaleZSq ) );
- }
- makeTranslation( x, y, z ) {
- if ( x.isVector3 ) {
- this.set(
- 1, 0, 0, x.x,
- 0, 1, 0, x.y,
- 0, 0, 1, x.z,
- 0, 0, 0, 1
- );
- } else {
- this.set(
- 1, 0, 0, x,
- 0, 1, 0, y,
- 0, 0, 1, z,
- 0, 0, 0, 1
- );
- }
- return this;
- }
- makeRotationX( theta ) {
- const c = Math.cos( theta ), s = Math.sin( theta );
- this.set(
- 1, 0, 0, 0,
- 0, c, - s, 0,
- 0, s, c, 0,
- 0, 0, 0, 1
- );
- return this;
- }
- makeRotationY( theta ) {
- const c = Math.cos( theta ), s = Math.sin( theta );
- this.set(
- c, 0, s, 0,
- 0, 1, 0, 0,
- - s, 0, c, 0,
- 0, 0, 0, 1
- );
- return this;
- }
- makeRotationZ( theta ) {
- const c = Math.cos( theta ), s = Math.sin( theta );
- this.set(
- c, - s, 0, 0,
- s, c, 0, 0,
- 0, 0, 1, 0,
- 0, 0, 0, 1
- );
- return this;
- }
- makeRotationAxis( axis, angle ) {
- // Based on http://www.gamedev.net/reference/articles/article1199.asp
- const c = Math.cos( angle );
- const s = Math.sin( angle );
- const t = 1 - c;
- const x = axis.x, y = axis.y, z = axis.z;
- const tx = t * x, ty = t * y;
- this.set(
- tx * x + c, tx * y - s * z, tx * z + s * y, 0,
- tx * y + s * z, ty * y + c, ty * z - s * x, 0,
- tx * z - s * y, ty * z + s * x, t * z * z + c, 0,
- 0, 0, 0, 1
- );
- return this;
- }
- makeScale( x, y, z ) {
- this.set(
- x, 0, 0, 0,
- 0, y, 0, 0,
- 0, 0, z, 0,
- 0, 0, 0, 1
- );
- return this;
- }
- makeShear( xy, xz, yx, yz, zx, zy ) {
- this.set(
- 1, yx, zx, 0,
- xy, 1, zy, 0,
- xz, yz, 1, 0,
- 0, 0, 0, 1
- );
- return this;
- }
- compose( position, quaternion, scale ) {
- const te = this.elements;
- const x = quaternion._x, y = quaternion._y, z = quaternion._z, w = quaternion._w;
- const x2 = x + x, y2 = y + y, z2 = z + z;
- const xx = x * x2, xy = x * y2, xz = x * z2;
- const yy = y * y2, yz = y * z2, zz = z * z2;
- const wx = w * x2, wy = w * y2, wz = w * z2;
- const sx = scale.x, sy = scale.y, sz = scale.z;
- te[ 0 ] = ( 1 - ( yy + zz ) ) * sx;
- te[ 1 ] = ( xy + wz ) * sx;
- te[ 2 ] = ( xz - wy ) * sx;
- te[ 3 ] = 0;
- te[ 4 ] = ( xy - wz ) * sy;
- te[ 5 ] = ( 1 - ( xx + zz ) ) * sy;
- te[ 6 ] = ( yz + wx ) * sy;
- te[ 7 ] = 0;
- te[ 8 ] = ( xz + wy ) * sz;
- te[ 9 ] = ( yz - wx ) * sz;
- te[ 10 ] = ( 1 - ( xx + yy ) ) * sz;
- te[ 11 ] = 0;
- te[ 12 ] = position.x;
- te[ 13 ] = position.y;
- te[ 14 ] = position.z;
- te[ 15 ] = 1;
- return this;
- }
- decompose( position, quaternion, scale ) {
- const te = this.elements;
- let sx = _v1$5.set( te[ 0 ], te[ 1 ], te[ 2 ] ).length();
- const sy = _v1$5.set( te[ 4 ], te[ 5 ], te[ 6 ] ).length();
- const sz = _v1$5.set( te[ 8 ], te[ 9 ], te[ 10 ] ).length();
- // if determine is negative, we need to invert one scale
- const det = this.determinant();
- if ( det < 0 ) sx = - sx;
- position.x = te[ 12 ];
- position.y = te[ 13 ];
- position.z = te[ 14 ];
- // scale the rotation part
- _m1$2.copy( this );
- const invSX = 1 / sx;
- const invSY = 1 / sy;
- const invSZ = 1 / sz;
- _m1$2.elements[ 0 ] *= invSX;
- _m1$2.elements[ 1 ] *= invSX;
- _m1$2.elements[ 2 ] *= invSX;
- _m1$2.elements[ 4 ] *= invSY;
- _m1$2.elements[ 5 ] *= invSY;
- _m1$2.elements[ 6 ] *= invSY;
- _m1$2.elements[ 8 ] *= invSZ;
- _m1$2.elements[ 9 ] *= invSZ;
- _m1$2.elements[ 10 ] *= invSZ;
- quaternion.setFromRotationMatrix( _m1$2 );
- scale.x = sx;
- scale.y = sy;
- scale.z = sz;
- return this;
- }
- makePerspective( left, right, top, bottom, near, far, coordinateSystem = WebGLCoordinateSystem ) {
- const te = this.elements;
- const x = 2 * near / ( right - left );
- const y = 2 * near / ( top - bottom );
- const a = ( right + left ) / ( right - left );
- const b = ( top + bottom ) / ( top - bottom );
- let c, d;
- if ( coordinateSystem === WebGLCoordinateSystem ) {
- c = - ( far + near ) / ( far - near );
- d = ( - 2 * far * near ) / ( far - near );
- } else if ( coordinateSystem === WebGPUCoordinateSystem ) {
- c = - far / ( far - near );
- d = ( - far * near ) / ( far - near );
- } else {
- throw new Error( 'THREE.Matrix4.makePerspective(): Invalid coordinate system: ' + coordinateSystem );
- }
- te[ 0 ] = x; te[ 4 ] = 0; te[ 8 ] = a; te[ 12 ] = 0;
- te[ 1 ] = 0; te[ 5 ] = y; te[ 9 ] = b; te[ 13 ] = 0;
- te[ 2 ] = 0; te[ 6 ] = 0; te[ 10 ] = c; te[ 14 ] = d;
- te[ 3 ] = 0; te[ 7 ] = 0; te[ 11 ] = - 1; te[ 15 ] = 0;
- return this;
- }
- makeOrthographic( left, right, top, bottom, near, far, coordinateSystem = WebGLCoordinateSystem ) {
- const te = this.elements;
- const w = 1.0 / ( right - left );
- const h = 1.0 / ( top - bottom );
- const p = 1.0 / ( far - near );
- const x = ( right + left ) * w;
- const y = ( top + bottom ) * h;
- let z, zInv;
- if ( coordinateSystem === WebGLCoordinateSystem ) {
- z = ( far + near ) * p;
- zInv = - 2 * p;
- } else if ( coordinateSystem === WebGPUCoordinateSystem ) {
- z = near * p;
- zInv = - 1 * p;
- } else {
- throw new Error( 'THREE.Matrix4.makeOrthographic(): Invalid coordinate system: ' + coordinateSystem );
- }
- te[ 0 ] = 2 * w; te[ 4 ] = 0; te[ 8 ] = 0; te[ 12 ] = - x;
- te[ 1 ] = 0; te[ 5 ] = 2 * h; te[ 9 ] = 0; te[ 13 ] = - y;
- te[ 2 ] = 0; te[ 6 ] = 0; te[ 10 ] = zInv; te[ 14 ] = - z;
- te[ 3 ] = 0; te[ 7 ] = 0; te[ 11 ] = 0; te[ 15 ] = 1;
- return this;
- }
- equals( matrix ) {
- const te = this.elements;
- const me = matrix.elements;
- for ( let i = 0; i < 16; i ++ ) {
- if ( te[ i ] !== me[ i ] ) return false;
- }
- return true;
- }
- fromArray( array, offset = 0 ) {
- for ( let i = 0; i < 16; i ++ ) {
- this.elements[ i ] = array[ i + offset ];
- }
- return this;
- }
- toArray( array = [], offset = 0 ) {
- const te = this.elements;
- array[ offset ] = te[ 0 ];
- array[ offset + 1 ] = te[ 1 ];
- array[ offset + 2 ] = te[ 2 ];
- array[ offset + 3 ] = te[ 3 ];
- array[ offset + 4 ] = te[ 4 ];
- array[ offset + 5 ] = te[ 5 ];
- array[ offset + 6 ] = te[ 6 ];
- array[ offset + 7 ] = te[ 7 ];
- array[ offset + 8 ] = te[ 8 ];
- array[ offset + 9 ] = te[ 9 ];
- array[ offset + 10 ] = te[ 10 ];
- array[ offset + 11 ] = te[ 11 ];
- array[ offset + 12 ] = te[ 12 ];
- array[ offset + 13 ] = te[ 13 ];
- array[ offset + 14 ] = te[ 14 ];
- array[ offset + 15 ] = te[ 15 ];
- return array;
- }
- }
- const _v1$5 = /*@__PURE__*/ new Vector3();
- const _m1$2 = /*@__PURE__*/ new Matrix4();
- const _zero = /*@__PURE__*/ new Vector3( 0, 0, 0 );
- const _one = /*@__PURE__*/ new Vector3( 1, 1, 1 );
- const _x = /*@__PURE__*/ new Vector3();
- const _y = /*@__PURE__*/ new Vector3();
- const _z = /*@__PURE__*/ new Vector3();
- const _matrix$2 = /*@__PURE__*/ new Matrix4();
- const _quaternion$3 = /*@__PURE__*/ new Quaternion();
- class Euler {
- constructor( x = 0, y = 0, z = 0, order = Euler.DEFAULT_ORDER ) {
- this.isEuler = true;
- this._x = x;
- this._y = y;
- this._z = z;
- this._order = order;
- }
- get x() {
- return this._x;
- }
- set x( value ) {
- this._x = value;
- this._onChangeCallback();
- }
- get y() {
- return this._y;
- }
- set y( value ) {
- this._y = value;
- this._onChangeCallback();
- }
- get z() {
- return this._z;
- }
- set z( value ) {
- this._z = value;
- this._onChangeCallback();
- }
- get order() {
- return this._order;
- }
- set order( value ) {
- this._order = value;
- this._onChangeCallback();
- }
- set( x, y, z, order = this._order ) {
- this._x = x;
- this._y = y;
- this._z = z;
- this._order = order;
- this._onChangeCallback();
- return this;
- }
- clone() {
- return new this.constructor( this._x, this._y, this._z, this._order );
- }
- copy( euler ) {
- this._x = euler._x;
- this._y = euler._y;
- this._z = euler._z;
- this._order = euler._order;
- this._onChangeCallback();
- return this;
- }
- setFromRotationMatrix( m, order = this._order, update = true ) {
- // assumes the upper 3x3 of m is a pure rotation matrix (i.e, unscaled)
- const te = m.elements;
- const m11 = te[ 0 ], m12 = te[ 4 ], m13 = te[ 8 ];
- const m21 = te[ 1 ], m22 = te[ 5 ], m23 = te[ 9 ];
- const m31 = te[ 2 ], m32 = te[ 6 ], m33 = te[ 10 ];
- switch ( order ) {
- case 'XYZ':
- this._y = Math.asin( clamp$1( m13, - 1, 1 ) );
- if ( Math.abs( m13 ) < 0.9999999 ) {
- this._x = Math.atan2( - m23, m33 );
- this._z = Math.atan2( - m12, m11 );
- } else {
- this._x = Math.atan2( m32, m22 );
- this._z = 0;
- }
- break;
- case 'YXZ':
- this._x = Math.asin( - clamp$1( m23, - 1, 1 ) );
- if ( Math.abs( m23 ) < 0.9999999 ) {
- this._y = Math.atan2( m13, m33 );
- this._z = Math.atan2( m21, m22 );
- } else {
- this._y = Math.atan2( - m31, m11 );
- this._z = 0;
- }
- break;
- case 'ZXY':
- this._x = Math.asin( clamp$1( m32, - 1, 1 ) );
- if ( Math.abs( m32 ) < 0.9999999 ) {
- this._y = Math.atan2( - m31, m33 );
- this._z = Math.atan2( - m12, m22 );
- } else {
- this._y = 0;
- this._z = Math.atan2( m21, m11 );
- }
- break;
- case 'ZYX':
- this._y = Math.asin( - clamp$1( m31, - 1, 1 ) );
- if ( Math.abs( m31 ) < 0.9999999 ) {
- this._x = Math.atan2( m32, m33 );
- this._z = Math.atan2( m21, m11 );
- } else {
- this._x = 0;
- this._z = Math.atan2( - m12, m22 );
- }
- break;
- case 'YZX':
- this._z = Math.asin( clamp$1( m21, - 1, 1 ) );
- if ( Math.abs( m21 ) < 0.9999999 ) {
- this._x = Math.atan2( - m23, m22 );
- this._y = Math.atan2( - m31, m11 );
- } else {
- this._x = 0;
- this._y = Math.atan2( m13, m33 );
- }
- break;
- case 'XZY':
- this._z = Math.asin( - clamp$1( m12, - 1, 1 ) );
- if ( Math.abs( m12 ) < 0.9999999 ) {
- this._x = Math.atan2( m32, m22 );
- this._y = Math.atan2( m13, m11 );
- } else {
- this._x = Math.atan2( - m23, m33 );
- this._y = 0;
- }
- break;
- default:
- console.warn( 'THREE.Euler: .setFromRotationMatrix() encountered an unknown order: ' + order );
- }
- this._order = order;
- if ( update === true ) this._onChangeCallback();
- return this;
- }
- setFromQuaternion( q, order, update ) {
- _matrix$2.makeRotationFromQuaternion( q );
- return this.setFromRotationMatrix( _matrix$2, order, update );
- }
- setFromVector3( v, order = this._order ) {
- return this.set( v.x, v.y, v.z, order );
- }
- reorder( newOrder ) {
- // WARNING: this discards revolution information -bhouston
- _quaternion$3.setFromEuler( this );
- return this.setFromQuaternion( _quaternion$3, newOrder );
- }
- equals( euler ) {
- return ( euler._x === this._x ) && ( euler._y === this._y ) && ( euler._z === this._z ) && ( euler._order === this._order );
- }
- fromArray( array ) {
- this._x = array[ 0 ];
- this._y = array[ 1 ];
- this._z = array[ 2 ];
- if ( array[ 3 ] !== undefined ) this._order = array[ 3 ];
- this._onChangeCallback();
- return this;
- }
- toArray( array = [], offset = 0 ) {
- array[ offset ] = this._x;
- array[ offset + 1 ] = this._y;
- array[ offset + 2 ] = this._z;
- array[ offset + 3 ] = this._order;
- return array;
- }
- _onChange( callback ) {
- this._onChangeCallback = callback;
- return this;
- }
- _onChangeCallback() {}
- *[ Symbol.iterator ]() {
- yield this._x;
- yield this._y;
- yield this._z;
- yield this._order;
- }
- }
- Euler.DEFAULT_ORDER = 'XYZ';
- class Layers {
- constructor() {
- this.mask = 1 | 0;
- }
- set( channel ) {
- this.mask = ( 1 << channel | 0 ) >>> 0;
- }
- enable( channel ) {
- this.mask |= 1 << channel | 0;
- }
- enableAll() {
- this.mask = 0xffffffff | 0;
- }
- toggle( channel ) {
- this.mask ^= 1 << channel | 0;
- }
- disable( channel ) {
- this.mask &= ~ ( 1 << channel | 0 );
- }
- disableAll() {
- this.mask = 0;
- }
- test( layers ) {
- return ( this.mask & layers.mask ) !== 0;
- }
- isEnabled( channel ) {
- return ( this.mask & ( 1 << channel | 0 ) ) !== 0;
- }
- }
- let _object3DId = 0;
- const _v1$4 = /*@__PURE__*/ new Vector3();
- const _q1 = /*@__PURE__*/ new Quaternion();
- const _m1$1 = /*@__PURE__*/ new Matrix4();
- const _target$1 = /*@__PURE__*/ new Vector3();
- const _position$3 = /*@__PURE__*/ new Vector3();
- const _scale$2 = /*@__PURE__*/ new Vector3();
- const _quaternion$2 = /*@__PURE__*/ new Quaternion();
- const _xAxis = /*@__PURE__*/ new Vector3( 1, 0, 0 );
- const _yAxis = /*@__PURE__*/ new Vector3( 0, 1, 0 );
- const _zAxis = /*@__PURE__*/ new Vector3( 0, 0, 1 );
- const _addedEvent = { type: 'added' };
- const _removedEvent = { type: 'removed' };
- const _childaddedEvent = { type: 'childadded', child: null };
- const _childremovedEvent = { type: 'childremoved', child: null };
- class Object3D extends EventDispatcher {
- constructor() {
- super();
- this.isObject3D = true;
- Object.defineProperty( this, 'id', { value: _object3DId ++ } );
- this.uuid = generateUUID();
- this.name = '';
- this.type = 'Object3D';
- this.parent = null;
- this.children = [];
- this.up = Object3D.DEFAULT_UP.clone();
- const position = new Vector3();
- const rotation = new Euler();
- const quaternion = new Quaternion();
- const scale = new Vector3( 1, 1, 1 );
- function onRotationChange() {
- quaternion.setFromEuler( rotation, false );
- }
- function onQuaternionChange() {
- rotation.setFromQuaternion( quaternion, undefined, false );
- }
- rotation._onChange( onRotationChange );
- quaternion._onChange( onQuaternionChange );
- Object.defineProperties( this, {
- position: {
- configurable: true,
- enumerable: true,
- value: position
- },
- rotation: {
- configurable: true,
- enumerable: true,
- value: rotation
- },
- quaternion: {
- configurable: true,
- enumerable: true,
- value: quaternion
- },
- scale: {
- configurable: true,
- enumerable: true,
- value: scale
- },
- modelViewMatrix: {
- value: new Matrix4()
- },
- normalMatrix: {
- value: new Matrix3()
- }
- } );
- this.matrix = new Matrix4();
- this.matrixWorld = new Matrix4();
- this.matrixAutoUpdate = Object3D.DEFAULT_MATRIX_AUTO_UPDATE;
- this.matrixWorldAutoUpdate = Object3D.DEFAULT_MATRIX_WORLD_AUTO_UPDATE; // checked by the renderer
- this.matrixWorldNeedsUpdate = false;
- this.layers = new Layers();
- this.visible = true;
- this.castShadow = false;
- this.receiveShadow = false;
- this.frustumCulled = true;
- this.renderOrder = 0;
- this.animations = [];
- this.userData = {};
- }
- onBeforeShadow( /* renderer, object, camera, shadowCamera, geometry, depthMaterial, group */ ) {}
- onAfterShadow( /* renderer, object, camera, shadowCamera, geometry, depthMaterial, group */ ) {}
- onBeforeRender( /* renderer, scene, camera, geometry, material, group */ ) {}
- onAfterRender( /* renderer, scene, camera, geometry, material, group */ ) {}
- applyMatrix4( matrix ) {
- if ( this.matrixAutoUpdate ) this.updateMatrix();
- this.matrix.premultiply( matrix );
- this.matrix.decompose( this.position, this.quaternion, this.scale );
- }
- applyQuaternion( q ) {
- this.quaternion.premultiply( q );
- return this;
- }
- setRotationFromAxisAngle( axis, angle ) {
- // assumes axis is normalized
- this.quaternion.setFromAxisAngle( axis, angle );
- }
- setRotationFromEuler( euler ) {
- this.quaternion.setFromEuler( euler, true );
- }
- setRotationFromMatrix( m ) {
- // assumes the upper 3x3 of m is a pure rotation matrix (i.e, unscaled)
- this.quaternion.setFromRotationMatrix( m );
- }
- setRotationFromQuaternion( q ) {
- // assumes q is normalized
- this.quaternion.copy( q );
- }
- rotateOnAxis( axis, angle ) {
- // rotate object on axis in object space
- // axis is assumed to be normalized
- _q1.setFromAxisAngle( axis, angle );
- this.quaternion.multiply( _q1 );
- return this;
- }
- rotateOnWorldAxis( axis, angle ) {
- // rotate object on axis in world space
- // axis is assumed to be normalized
- // method assumes no rotated parent
- _q1.setFromAxisAngle( axis, angle );
- this.quaternion.premultiply( _q1 );
- return this;
- }
- rotateX( angle ) {
- return this.rotateOnAxis( _xAxis, angle );
- }
- rotateY( angle ) {
- return this.rotateOnAxis( _yAxis, angle );
- }
- rotateZ( angle ) {
- return this.rotateOnAxis( _zAxis, angle );
- }
- translateOnAxis( axis, distance ) {
- // translate object by distance along axis in object space
- // axis is assumed to be normalized
- _v1$4.copy( axis ).applyQuaternion( this.quaternion );
- this.position.add( _v1$4.multiplyScalar( distance ) );
- return this;
- }
- translateX( distance ) {
- return this.translateOnAxis( _xAxis, distance );
- }
- translateY( distance ) {
- return this.translateOnAxis( _yAxis, distance );
- }
- translateZ( distance ) {
- return this.translateOnAxis( _zAxis, distance );
- }
- localToWorld( vector ) {
- this.updateWorldMatrix( true, false );
- return vector.applyMatrix4( this.matrixWorld );
- }
- worldToLocal( vector ) {
- this.updateWorldMatrix( true, false );
- return vector.applyMatrix4( _m1$1.copy( this.matrixWorld ).invert() );
- }
- lookAt( x, y, z ) {
- // This method does not support objects having non-uniformly-scaled parent(s)
- if ( x.isVector3 ) {
- _target$1.copy( x );
- } else {
- _target$1.set( x, y, z );
- }
- const parent = this.parent;
- this.updateWorldMatrix( true, false );
- _position$3.setFromMatrixPosition( this.matrixWorld );
- if ( this.isCamera || this.isLight ) {
- _m1$1.lookAt( _position$3, _target$1, this.up );
- } else {
- _m1$1.lookAt( _target$1, _position$3, this.up );
- }
- this.quaternion.setFromRotationMatrix( _m1$1 );
- if ( parent ) {
- _m1$1.extractRotation( parent.matrixWorld );
- _q1.setFromRotationMatrix( _m1$1 );
- this.quaternion.premultiply( _q1.invert() );
- }
- }
- add( object ) {
- if ( arguments.length > 1 ) {
- for ( let i = 0; i < arguments.length; i ++ ) {
- this.add( arguments[ i ] );
- }
- return this;
- }
- if ( object === this ) {
- console.error( 'THREE.Object3D.add: object can\'t be added as a child of itself.', object );
- return this;
- }
- if ( object && object.isObject3D ) {
- object.removeFromParent();
- object.parent = this;
- this.children.push( object );
- object.dispatchEvent( _addedEvent );
- _childaddedEvent.child = object;
- this.dispatchEvent( _childaddedEvent );
- _childaddedEvent.child = null;
- } else {
- console.error( 'THREE.Object3D.add: object not an instance of THREE.Object3D.', object );
- }
- return this;
- }
- remove( object ) {
- if ( arguments.length > 1 ) {
- for ( let i = 0; i < arguments.length; i ++ ) {
- this.remove( arguments[ i ] );
- }
- return this;
- }
- const index = this.children.indexOf( object );
- if ( index !== - 1 ) {
- object.parent = null;
- this.children.splice( index, 1 );
- object.dispatchEvent( _removedEvent );
- _childremovedEvent.child = object;
- this.dispatchEvent( _childremovedEvent );
- _childremovedEvent.child = null;
- }
- return this;
- }
- removeFromParent() {
- const parent = this.parent;
- if ( parent !== null ) {
- parent.remove( this );
- }
- return this;
- }
- clear() {
- return this.remove( ... this.children );
- }
- attach( object ) {
- // adds object as a child of this, while maintaining the object's world transform
- // Note: This method does not support scene graphs having non-uniformly-scaled nodes(s)
- this.updateWorldMatrix( true, false );
- _m1$1.copy( this.matrixWorld ).invert();
- if ( object.parent !== null ) {
- object.parent.updateWorldMatrix( true, false );
- _m1$1.multiply( object.parent.matrixWorld );
- }
- object.applyMatrix4( _m1$1 );
- object.removeFromParent();
- object.parent = this;
- this.children.push( object );
- object.updateWorldMatrix( false, true );
- object.dispatchEvent( _addedEvent );
- _childaddedEvent.child = object;
- this.dispatchEvent( _childaddedEvent );
- _childaddedEvent.child = null;
- return this;
- }
- getObjectById( id ) {
- return this.getObjectByProperty( 'id', id );
- }
- getObjectByName( name ) {
- return this.getObjectByProperty( 'name', name );
- }
- getObjectByProperty( name, value ) {
- if ( this[ name ] === value ) return this;
- for ( let i = 0, l = this.children.length; i < l; i ++ ) {
- const child = this.children[ i ];
- const object = child.getObjectByProperty( name, value );
- if ( object !== undefined ) {
- return object;
- }
- }
- return undefined;
- }
- getObjectsByProperty( name, value, result = [] ) {
- if ( this[ name ] === value ) result.push( this );
- const children = this.children;
- for ( let i = 0, l = children.length; i < l; i ++ ) {
- children[ i ].getObjectsByProperty( name, value, result );
- }
- return result;
- }
- getWorldPosition( target ) {
- this.updateWorldMatrix( true, false );
- return target.setFromMatrixPosition( this.matrixWorld );
- }
- getWorldQuaternion( target ) {
- this.updateWorldMatrix( true, false );
- this.matrixWorld.decompose( _position$3, target, _scale$2 );
- return target;
- }
- getWorldScale( target ) {
- this.updateWorldMatrix( true, false );
- this.matrixWorld.decompose( _position$3, _quaternion$2, target );
- return target;
- }
- getWorldDirection( target ) {
- this.updateWorldMatrix( true, false );
- const e = this.matrixWorld.elements;
- return target.set( e[ 8 ], e[ 9 ], e[ 10 ] ).normalize();
- }
- raycast( /* raycaster, intersects */ ) {}
- traverse( callback ) {
- callback( this );
- const children = this.children;
- for ( let i = 0, l = children.length; i < l; i ++ ) {
- children[ i ].traverse( callback );
- }
- }
- traverseVisible( callback ) {
- if ( this.visible === false ) return;
- callback( this );
- const children = this.children;
- for ( let i = 0, l = children.length; i < l; i ++ ) {
- children[ i ].traverseVisible( callback );
- }
- }
- traverseAncestors( callback ) {
- const parent = this.parent;
- if ( parent !== null ) {
- callback( parent );
- parent.traverseAncestors( callback );
- }
- }
- updateMatrix() {
- this.matrix.compose( this.position, this.quaternion, this.scale );
- this.matrixWorldNeedsUpdate = true;
- }
- updateMatrixWorld( force ) {
- if ( this.matrixAutoUpdate ) this.updateMatrix();
- if ( this.matrixWorldNeedsUpdate || force ) {
- if ( this.matrixWorldAutoUpdate === true ) {
- if ( this.parent === null ) {
- this.matrixWorld.copy( this.matrix );
- } else {
- this.matrixWorld.multiplyMatrices( this.parent.matrixWorld, this.matrix );
- }
- }
- this.matrixWorldNeedsUpdate = false;
- force = true;
- }
- // make sure descendants are updated if required
- const children = this.children;
- for ( let i = 0, l = children.length; i < l; i ++ ) {
- const child = children[ i ];
- child.updateMatrixWorld( force );
- }
- }
- updateWorldMatrix( updateParents, updateChildren ) {
- const parent = this.parent;
- if ( updateParents === true && parent !== null ) {
- parent.updateWorldMatrix( true, false );
- }
- if ( this.matrixAutoUpdate ) this.updateMatrix();
- if ( this.matrixWorldAutoUpdate === true ) {
- if ( this.parent === null ) {
- this.matrixWorld.copy( this.matrix );
- } else {
- this.matrixWorld.multiplyMatrices( this.parent.matrixWorld, this.matrix );
- }
- }
- // make sure descendants are updated
- if ( updateChildren === true ) {
- const children = this.children;
- for ( let i = 0, l = children.length; i < l; i ++ ) {
- const child = children[ i ];
- child.updateWorldMatrix( false, true );
- }
- }
- }
- toJSON( meta ) {
- // meta is a string when called from JSON.stringify
- const isRootObject = ( meta === undefined || typeof meta === 'string' );
- const output = {};
- // meta is a hash used to collect geometries, materials.
- // not providing it implies that this is the root object
- // being serialized.
- if ( isRootObject ) {
- // initialize meta obj
- meta = {
- geometries: {},
- materials: {},
- textures: {},
- images: {},
- shapes: {},
- skeletons: {},
- animations: {},
- nodes: {}
- };
- output.metadata = {
- version: 4.6,
- type: 'Object',
- generator: 'Object3D.toJSON'
- };
- }
- // standard Object3D serialization
- const object = {};
- object.uuid = this.uuid;
- object.type = this.type;
- if ( this.name !== '' ) object.name = this.name;
- if ( this.castShadow === true ) object.castShadow = true;
- if ( this.receiveShadow === true ) object.receiveShadow = true;
- if ( this.visible === false ) object.visible = false;
- if ( this.frustumCulled === false ) object.frustumCulled = false;
- if ( this.renderOrder !== 0 ) object.renderOrder = this.renderOrder;
- if ( Object.keys( this.userData ).length > 0 ) object.userData = this.userData;
- object.layers = this.layers.mask;
- object.matrix = this.matrix.toArray();
- object.up = this.up.toArray();
- if ( this.matrixAutoUpdate === false ) object.matrixAutoUpdate = false;
- // object specific properties
- if ( this.isInstancedMesh ) {
- object.type = 'InstancedMesh';
- object.count = this.count;
- object.instanceMatrix = this.instanceMatrix.toJSON();
- if ( this.instanceColor !== null ) object.instanceColor = this.instanceColor.toJSON();
- }
- if ( this.isBatchedMesh ) {
- object.type = 'BatchedMesh';
- object.perObjectFrustumCulled = this.perObjectFrustumCulled;
- object.sortObjects = this.sortObjects;
- object.drawRanges = this._drawRanges;
- object.reservedRanges = this._reservedRanges;
- object.visibility = this._visibility;
- object.active = this._active;
- object.bounds = this._bounds.map( bound => ( {
- boxInitialized: bound.boxInitialized,
- boxMin: bound.box.min.toArray(),
- boxMax: bound.box.max.toArray(),
- sphereInitialized: bound.sphereInitialized,
- sphereRadius: bound.sphere.radius,
- sphereCenter: bound.sphere.center.toArray()
- } ) );
- object.maxInstanceCount = this._maxInstanceCount;
- object.maxVertexCount = this._maxVertexCount;
- object.maxIndexCount = this._maxIndexCount;
- object.geometryInitialized = this._geometryInitialized;
- object.geometryCount = this._geometryCount;
- object.matricesTexture = this._matricesTexture.toJSON( meta );
- if ( this._colorsTexture !== null ) object.colorsTexture = this._colorsTexture.toJSON( meta );
- if ( this.boundingSphere !== null ) {
- object.boundingSphere = {
- center: object.boundingSphere.center.toArray(),
- radius: object.boundingSphere.radius
- };
- }
- if ( this.boundingBox !== null ) {
- object.boundingBox = {
- min: object.boundingBox.min.toArray(),
- max: object.boundingBox.max.toArray()
- };
- }
- }
- //
- function serialize( library, element ) {
- if ( library[ element.uuid ] === undefined ) {
- library[ element.uuid ] = element.toJSON( meta );
- }
- return element.uuid;
- }
- if ( this.isScene ) {
- if ( this.background ) {
- if ( this.background.isColor ) {
- object.background = this.background.toJSON();
- } else if ( this.background.isTexture ) {
- object.background = this.background.toJSON( meta ).uuid;
- }
- }
- if ( this.environment && this.environment.isTexture && this.environment.isRenderTargetTexture !== true ) {
- object.environment = this.environment.toJSON( meta ).uuid;
- }
- } else if ( this.isMesh || this.isLine || this.isPoints ) {
- object.geometry = serialize( meta.geometries, this.geometry );
- const parameters = this.geometry.parameters;
- if ( parameters !== undefined && parameters.shapes !== undefined ) {
- const shapes = parameters.shapes;
- if ( Array.isArray( shapes ) ) {
- for ( let i = 0, l = shapes.length; i < l; i ++ ) {
- const shape = shapes[ i ];
- serialize( meta.shapes, shape );
- }
- } else {
- serialize( meta.shapes, shapes );
- }
- }
- }
- if ( this.isSkinnedMesh ) {
- object.bindMode = this.bindMode;
- object.bindMatrix = this.bindMatrix.toArray();
- if ( this.skeleton !== undefined ) {
- serialize( meta.skeletons, this.skeleton );
- object.skeleton = this.skeleton.uuid;
- }
- }
- if ( this.material !== undefined ) {
- if ( Array.isArray( this.material ) ) {
- const uuids = [];
- for ( let i = 0, l = this.material.length; i < l; i ++ ) {
- uuids.push( serialize( meta.materials, this.material[ i ] ) );
- }
- object.material = uuids;
- } else {
- object.material = serialize( meta.materials, this.material );
- }
- }
- //
- if ( this.children.length > 0 ) {
- object.children = [];
- for ( let i = 0; i < this.children.length; i ++ ) {
- object.children.push( this.children[ i ].toJSON( meta ).object );
- }
- }
- //
- if ( this.animations.length > 0 ) {
- object.animations = [];
- for ( let i = 0; i < this.animations.length; i ++ ) {
- const animation = this.animations[ i ];
- object.animations.push( serialize( meta.animations, animation ) );
- }
- }
- if ( isRootObject ) {
- const geometries = extractFromCache( meta.geometries );
- const materials = extractFromCache( meta.materials );
- const textures = extractFromCache( meta.textures );
- const images = extractFromCache( meta.images );
- const shapes = extractFromCache( meta.shapes );
- const skeletons = extractFromCache( meta.skeletons );
- const animations = extractFromCache( meta.animations );
- const nodes = extractFromCache( meta.nodes );
- if ( geometries.length > 0 ) output.geometries = geometries;
- if ( materials.length > 0 ) output.materials = materials;
- if ( textures.length > 0 ) output.textures = textures;
- if ( images.length > 0 ) output.images = images;
- if ( shapes.length > 0 ) output.shapes = shapes;
- if ( skeletons.length > 0 ) output.skeletons = skeletons;
- if ( animations.length > 0 ) output.animations = animations;
- if ( nodes.length > 0 ) output.nodes = nodes;
- }
- output.object = object;
- return output;
- // extract data from the cache hash
- // remove metadata on each item
- // and return as array
- function extractFromCache( cache ) {
- const values = [];
- for ( const key in cache ) {
- const data = cache[ key ];
- delete data.metadata;
- values.push( data );
- }
- return values;
- }
- }
- clone( recursive ) {
- return new this.constructor().copy( this, recursive );
- }
- copy( source, recursive = true ) {
- this.name = source.name;
- this.up.copy( source.up );
- this.position.copy( source.position );
- this.rotation.order = source.rotation.order;
- this.quaternion.copy( source.quaternion );
- this.scale.copy( source.scale );
- this.matrix.copy( source.matrix );
- this.matrixWorld.copy( source.matrixWorld );
- this.matrixAutoUpdate = source.matrixAutoUpdate;
- this.matrixWorldAutoUpdate = source.matrixWorldAutoUpdate;
- this.matrixWorldNeedsUpdate = source.matrixWorldNeedsUpdate;
- this.layers.mask = source.layers.mask;
- this.visible = source.visible;
- this.castShadow = source.castShadow;
- this.receiveShadow = source.receiveShadow;
- this.frustumCulled = source.frustumCulled;
- this.renderOrder = source.renderOrder;
- this.animations = source.animations.slice();
- this.userData = JSON.parse( JSON.stringify( source.userData ) );
- if ( recursive === true ) {
- for ( let i = 0; i < source.children.length; i ++ ) {
- const child = source.children[ i ];
- this.add( child.clone() );
- }
- }
- return this;
- }
- }
- Object3D.DEFAULT_UP = /*@__PURE__*/ new Vector3( 0, 1, 0 );
- Object3D.DEFAULT_MATRIX_AUTO_UPDATE = true;
- Object3D.DEFAULT_MATRIX_WORLD_AUTO_UPDATE = true;
- const _v0$1 = /*@__PURE__*/ new Vector3();
- const _v1$3 = /*@__PURE__*/ new Vector3();
- const _v2$2 = /*@__PURE__*/ new Vector3();
- const _v3$2 = /*@__PURE__*/ new Vector3();
- const _vab = /*@__PURE__*/ new Vector3();
- const _vac = /*@__PURE__*/ new Vector3();
- const _vbc = /*@__PURE__*/ new Vector3();
- const _vap = /*@__PURE__*/ new Vector3();
- const _vbp = /*@__PURE__*/ new Vector3();
- const _vcp = /*@__PURE__*/ new Vector3();
- const _v40 = /*@__PURE__*/ new Vector4();
- const _v41 = /*@__PURE__*/ new Vector4();
- const _v42 = /*@__PURE__*/ new Vector4();
- class Triangle {
- constructor( a = new Vector3(), b = new Vector3(), c = new Vector3() ) {
- this.a = a;
- this.b = b;
- this.c = c;
- }
- static getNormal( a, b, c, target ) {
- target.subVectors( c, b );
- _v0$1.subVectors( a, b );
- target.cross( _v0$1 );
- const targetLengthSq = target.lengthSq();
- if ( targetLengthSq > 0 ) {
- return target.multiplyScalar( 1 / Math.sqrt( targetLengthSq ) );
- }
- return target.set( 0, 0, 0 );
- }
- // static/instance method to calculate barycentric coordinates
- // based on: http://www.blackpawn.com/texts/pointinpoly/default.html
- static getBarycoord( point, a, b, c, target ) {
- _v0$1.subVectors( c, a );
- _v1$3.subVectors( b, a );
- _v2$2.subVectors( point, a );
- const dot00 = _v0$1.dot( _v0$1 );
- const dot01 = _v0$1.dot( _v1$3 );
- const dot02 = _v0$1.dot( _v2$2 );
- const dot11 = _v1$3.dot( _v1$3 );
- const dot12 = _v1$3.dot( _v2$2 );
- const denom = ( dot00 * dot11 - dot01 * dot01 );
- // collinear or singular triangle
- if ( denom === 0 ) {
- target.set( 0, 0, 0 );
- return null;
- }
- const invDenom = 1 / denom;
- const u = ( dot11 * dot02 - dot01 * dot12 ) * invDenom;
- const v = ( dot00 * dot12 - dot01 * dot02 ) * invDenom;
- // barycentric coordinates must always sum to 1
- return target.set( 1 - u - v, v, u );
- }
- static containsPoint( point, a, b, c ) {
- // if the triangle is degenerate then we can't contain a point
- if ( this.getBarycoord( point, a, b, c, _v3$2 ) === null ) {
- return false;
- }
- return ( _v3$2.x >= 0 ) && ( _v3$2.y >= 0 ) && ( ( _v3$2.x + _v3$2.y ) <= 1 );
- }
- static getInterpolation( point, p1, p2, p3, v1, v2, v3, target ) {
- if ( this.getBarycoord( point, p1, p2, p3, _v3$2 ) === null ) {
- target.x = 0;
- target.y = 0;
- if ( 'z' in target ) target.z = 0;
- if ( 'w' in target ) target.w = 0;
- return null;
- }
- target.setScalar( 0 );
- target.addScaledVector( v1, _v3$2.x );
- target.addScaledVector( v2, _v3$2.y );
- target.addScaledVector( v3, _v3$2.z );
- return target;
- }
- static getInterpolatedAttribute( attr, i1, i2, i3, barycoord, target ) {
- _v40.setScalar( 0 );
- _v41.setScalar( 0 );
- _v42.setScalar( 0 );
- _v40.fromBufferAttribute( attr, i1 );
- _v41.fromBufferAttribute( attr, i2 );
- _v42.fromBufferAttribute( attr, i3 );
- target.setScalar( 0 );
- target.addScaledVector( _v40, barycoord.x );
- target.addScaledVector( _v41, barycoord.y );
- target.addScaledVector( _v42, barycoord.z );
- return target;
- }
- static isFrontFacing( a, b, c, direction ) {
- _v0$1.subVectors( c, b );
- _v1$3.subVectors( a, b );
- // strictly front facing
- return ( _v0$1.cross( _v1$3 ).dot( direction ) < 0 ) ? true : false;
- }
- set( a, b, c ) {
- this.a.copy( a );
- this.b.copy( b );
- this.c.copy( c );
- return this;
- }
- setFromPointsAndIndices( points, i0, i1, i2 ) {
- this.a.copy( points[ i0 ] );
- this.b.copy( points[ i1 ] );
- this.c.copy( points[ i2 ] );
- return this;
- }
- setFromAttributeAndIndices( attribute, i0, i1, i2 ) {
- this.a.fromBufferAttribute( attribute, i0 );
- this.b.fromBufferAttribute( attribute, i1 );
- this.c.fromBufferAttribute( attribute, i2 );
- return this;
- }
- clone() {
- return new this.constructor().copy( this );
- }
- copy( triangle ) {
- this.a.copy( triangle.a );
- this.b.copy( triangle.b );
- this.c.copy( triangle.c );
- return this;
- }
- getArea() {
- _v0$1.subVectors( this.c, this.b );
- _v1$3.subVectors( this.a, this.b );
- return _v0$1.cross( _v1$3 ).length() * 0.5;
- }
- getMidpoint( target ) {
- return target.addVectors( this.a, this.b ).add( this.c ).multiplyScalar( 1 / 3 );
- }
- getNormal( target ) {
- return Triangle.getNormal( this.a, this.b, this.c, target );
- }
- getPlane( target ) {
- return target.setFromCoplanarPoints( this.a, this.b, this.c );
- }
- getBarycoord( point, target ) {
- return Triangle.getBarycoord( point, this.a, this.b, this.c, target );
- }
- getInterpolation( point, v1, v2, v3, target ) {
- return Triangle.getInterpolation( point, this.a, this.b, this.c, v1, v2, v3, target );
- }
- containsPoint( point ) {
- return Triangle.containsPoint( point, this.a, this.b, this.c );
- }
- isFrontFacing( direction ) {
- return Triangle.isFrontFacing( this.a, this.b, this.c, direction );
- }
- intersectsBox( box ) {
- return box.intersectsTriangle( this );
- }
- closestPointToPoint( p, target ) {
- const a = this.a, b = this.b, c = this.c;
- let v, w;
- // algorithm thanks to Real-Time Collision Detection by Christer Ericson,
- // published by Morgan Kaufmann Publishers, (c) 2005 Elsevier Inc.,
- // under the accompanying license; see chapter 5.1.5 for detailed explanation.
- // basically, we're distinguishing which of the voronoi regions of the triangle
- // the point lies in with the minimum amount of redundant computation.
- _vab.subVectors( b, a );
- _vac.subVectors( c, a );
- _vap.subVectors( p, a );
- const d1 = _vab.dot( _vap );
- const d2 = _vac.dot( _vap );
- if ( d1 <= 0 && d2 <= 0 ) {
- // vertex region of A; barycentric coords (1, 0, 0)
- return target.copy( a );
- }
- _vbp.subVectors( p, b );
- const d3 = _vab.dot( _vbp );
- const d4 = _vac.dot( _vbp );
- if ( d3 >= 0 && d4 <= d3 ) {
- // vertex region of B; barycentric coords (0, 1, 0)
- return target.copy( b );
- }
- const vc = d1 * d4 - d3 * d2;
- if ( vc <= 0 && d1 >= 0 && d3 <= 0 ) {
- v = d1 / ( d1 - d3 );
- // edge region of AB; barycentric coords (1-v, v, 0)
- return target.copy( a ).addScaledVector( _vab, v );
- }
- _vcp.subVectors( p, c );
- const d5 = _vab.dot( _vcp );
- const d6 = _vac.dot( _vcp );
- if ( d6 >= 0 && d5 <= d6 ) {
- // vertex region of C; barycentric coords (0, 0, 1)
- return target.copy( c );
- }
- const vb = d5 * d2 - d1 * d6;
- if ( vb <= 0 && d2 >= 0 && d6 <= 0 ) {
- w = d2 / ( d2 - d6 );
- // edge region of AC; barycentric coords (1-w, 0, w)
- return target.copy( a ).addScaledVector( _vac, w );
- }
- const va = d3 * d6 - d5 * d4;
- if ( va <= 0 && ( d4 - d3 ) >= 0 && ( d5 - d6 ) >= 0 ) {
- _vbc.subVectors( c, b );
- w = ( d4 - d3 ) / ( ( d4 - d3 ) + ( d5 - d6 ) );
- // edge region of BC; barycentric coords (0, 1-w, w)
- return target.copy( b ).addScaledVector( _vbc, w ); // edge region of BC
- }
- // face region
- const denom = 1 / ( va + vb + vc );
- // u = va * denom
- v = vb * denom;
- w = vc * denom;
- return target.copy( a ).addScaledVector( _vab, v ).addScaledVector( _vac, w );
- }
- equals( triangle ) {
- return triangle.a.equals( this.a ) && triangle.b.equals( this.b ) && triangle.c.equals( this.c );
- }
- }
- const _colorKeywords = { 'aliceblue': 0xF0F8FF, 'antiquewhite': 0xFAEBD7, 'aqua': 0x00FFFF, 'aquamarine': 0x7FFFD4, 'azure': 0xF0FFFF,
- 'beige': 0xF5F5DC, 'bisque': 0xFFE4C4, 'black': 0x000000, 'blanchedalmond': 0xFFEBCD, 'blue': 0x0000FF, 'blueviolet': 0x8A2BE2,
- 'brown': 0xA52A2A, 'burlywood': 0xDEB887, 'cadetblue': 0x5F9EA0, 'chartreuse': 0x7FFF00, 'chocolate': 0xD2691E, 'coral': 0xFF7F50,
- 'cornflowerblue': 0x6495ED, 'cornsilk': 0xFFF8DC, 'crimson': 0xDC143C, 'cyan': 0x00FFFF, 'darkblue': 0x00008B, 'darkcyan': 0x008B8B,
- 'darkgoldenrod': 0xB8860B, 'darkgray': 0xA9A9A9, 'darkgreen': 0x006400, 'darkgrey': 0xA9A9A9, 'darkkhaki': 0xBDB76B, 'darkmagenta': 0x8B008B,
- 'darkolivegreen': 0x556B2F, 'darkorange': 0xFF8C00, 'darkorchid': 0x9932CC, 'darkred': 0x8B0000, 'darksalmon': 0xE9967A, 'darkseagreen': 0x8FBC8F,
- 'darkslateblue': 0x483D8B, 'darkslategray': 0x2F4F4F, 'darkslategrey': 0x2F4F4F, 'darkturquoise': 0x00CED1, 'darkviolet': 0x9400D3,
- 'deeppink': 0xFF1493, 'deepskyblue': 0x00BFFF, 'dimgray': 0x696969, 'dimgrey': 0x696969, 'dodgerblue': 0x1E90FF, 'firebrick': 0xB22222,
- 'floralwhite': 0xFFFAF0, 'forestgreen': 0x228B22, 'fuchsia': 0xFF00FF, 'gainsboro': 0xDCDCDC, 'ghostwhite': 0xF8F8FF, 'gold': 0xFFD700,
- 'goldenrod': 0xDAA520, 'gray': 0x808080, 'green': 0x008000, 'greenyellow': 0xADFF2F, 'grey': 0x808080, 'honeydew': 0xF0FFF0, 'hotpink': 0xFF69B4,
- 'indianred': 0xCD5C5C, 'indigo': 0x4B0082, 'ivory': 0xFFFFF0, 'khaki': 0xF0E68C, 'lavender': 0xE6E6FA, 'lavenderblush': 0xFFF0F5, 'lawngreen': 0x7CFC00,
- 'lemonchiffon': 0xFFFACD, 'lightblue': 0xADD8E6, 'lightcoral': 0xF08080, 'lightcyan': 0xE0FFFF, 'lightgoldenrodyellow': 0xFAFAD2, 'lightgray': 0xD3D3D3,
- 'lightgreen': 0x90EE90, 'lightgrey': 0xD3D3D3, 'lightpink': 0xFFB6C1, 'lightsalmon': 0xFFA07A, 'lightseagreen': 0x20B2AA, 'lightskyblue': 0x87CEFA,
- 'lightslategray': 0x778899, 'lightslategrey': 0x778899, 'lightsteelblue': 0xB0C4DE, 'lightyellow': 0xFFFFE0, 'lime': 0x00FF00, 'limegreen': 0x32CD32,
- 'linen': 0xFAF0E6, 'magenta': 0xFF00FF, 'maroon': 0x800000, 'mediumaquamarine': 0x66CDAA, 'mediumblue': 0x0000CD, 'mediumorchid': 0xBA55D3,
- 'mediumpurple': 0x9370DB, 'mediumseagreen': 0x3CB371, 'mediumslateblue': 0x7B68EE, 'mediumspringgreen': 0x00FA9A, 'mediumturquoise': 0x48D1CC,
- 'mediumvioletred': 0xC71585, 'midnightblue': 0x191970, 'mintcream': 0xF5FFFA, 'mistyrose': 0xFFE4E1, 'moccasin': 0xFFE4B5, 'navajowhite': 0xFFDEAD,
- 'navy': 0x000080, 'oldlace': 0xFDF5E6, 'olive': 0x808000, 'olivedrab': 0x6B8E23, 'orange': 0xFFA500, 'orangered': 0xFF4500, 'orchid': 0xDA70D6,
- 'palegoldenrod': 0xEEE8AA, 'palegreen': 0x98FB98, 'paleturquoise': 0xAFEEEE, 'palevioletred': 0xDB7093, 'papayawhip': 0xFFEFD5, 'peachpuff': 0xFFDAB9,
- 'peru': 0xCD853F, 'pink': 0xFFC0CB, 'plum': 0xDDA0DD, 'powderblue': 0xB0E0E6, 'purple': 0x800080, 'rebeccapurple': 0x663399, 'red': 0xFF0000, 'rosybrown': 0xBC8F8F,
- 'royalblue': 0x4169E1, 'saddlebrown': 0x8B4513, 'salmon': 0xFA8072, 'sandybrown': 0xF4A460, 'seagreen': 0x2E8B57, 'seashell': 0xFFF5EE,
- 'sienna': 0xA0522D, 'silver': 0xC0C0C0, 'skyblue': 0x87CEEB, 'slateblue': 0x6A5ACD, 'slategray': 0x708090, 'slategrey': 0x708090, 'snow': 0xFFFAFA,
- 'springgreen': 0x00FF7F, 'steelblue': 0x4682B4, 'tan': 0xD2B48C, 'teal': 0x008080, 'thistle': 0xD8BFD8, 'tomato': 0xFF6347, 'turquoise': 0x40E0D0,
- 'violet': 0xEE82EE, 'wheat': 0xF5DEB3, 'white': 0xFFFFFF, 'whitesmoke': 0xF5F5F5, 'yellow': 0xFFFF00, 'yellowgreen': 0x9ACD32 };
- const _hslA = { h: 0, s: 0, l: 0 };
- const _hslB = { h: 0, s: 0, l: 0 };
- function hue2rgb( p, q, t ) {
- if ( t < 0 ) t += 1;
- if ( t > 1 ) t -= 1;
- if ( t < 1 / 6 ) return p + ( q - p ) * 6 * t;
- if ( t < 1 / 2 ) return q;
- if ( t < 2 / 3 ) return p + ( q - p ) * 6 * ( 2 / 3 - t );
- return p;
- }
- class Color {
- constructor( r, g, b ) {
- this.isColor = true;
- this.r = 1;
- this.g = 1;
- this.b = 1;
- return this.set( r, g, b );
- }
- set( r, g, b ) {
- if ( g === undefined && b === undefined ) {
- // r is THREE.Color, hex or string
- const value = r;
- if ( value && value.isColor ) {
- this.copy( value );
- } else if ( typeof value === 'number' ) {
- this.setHex( value );
- } else if ( typeof value === 'string' ) {
- this.setStyle( value );
- }
- } else {
- this.setRGB( r, g, b );
- }
- return this;
- }
- setScalar( scalar ) {
- this.r = scalar;
- this.g = scalar;
- this.b = scalar;
- return this;
- }
- setHex( hex, colorSpace = SRGBColorSpace ) {
- hex = Math.floor( hex );
- this.r = ( hex >> 16 & 255 ) / 255;
- this.g = ( hex >> 8 & 255 ) / 255;
- this.b = ( hex & 255 ) / 255;
- ColorManagement.toWorkingColorSpace( this, colorSpace );
- return this;
- }
- setRGB( r, g, b, colorSpace = ColorManagement.workingColorSpace ) {
- this.r = r;
- this.g = g;
- this.b = b;
- ColorManagement.toWorkingColorSpace( this, colorSpace );
- return this;
- }
- setHSL( h, s, l, colorSpace = ColorManagement.workingColorSpace ) {
- // h,s,l ranges are in 0.0 - 1.0
- h = euclideanModulo( h, 1 );
- s = clamp$1( s, 0, 1 );
- l = clamp$1( l, 0, 1 );
- if ( s === 0 ) {
- this.r = this.g = this.b = l;
- } else {
- const p = l <= 0.5 ? l * ( 1 + s ) : l + s - ( l * s );
- const q = ( 2 * l ) - p;
- this.r = hue2rgb( q, p, h + 1 / 3 );
- this.g = hue2rgb( q, p, h );
- this.b = hue2rgb( q, p, h - 1 / 3 );
- }
- ColorManagement.toWorkingColorSpace( this, colorSpace );
- return this;
- }
- setStyle( style, colorSpace = SRGBColorSpace ) {
- function handleAlpha( string ) {
- if ( string === undefined ) return;
- if ( parseFloat( string ) < 1 ) {
- console.warn( 'THREE.Color: Alpha component of ' + style + ' will be ignored.' );
- }
- }
- let m;
- if ( m = /^(\w+)\(([^\)]*)\)/.exec( style ) ) {
- // rgb / hsl
- let color;
- const name = m[ 1 ];
- const components = m[ 2 ];
- switch ( name ) {
- case 'rgb':
- case 'rgba':
- if ( color = /^\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*(?:,\s*(\d*\.?\d+)\s*)?$/.exec( components ) ) {
- // rgb(255,0,0) rgba(255,0,0,0.5)
- handleAlpha( color[ 4 ] );
- return this.setRGB(
- Math.min( 255, parseInt( color[ 1 ], 10 ) ) / 255,
- Math.min( 255, parseInt( color[ 2 ], 10 ) ) / 255,
- Math.min( 255, parseInt( color[ 3 ], 10 ) ) / 255,
- colorSpace
- );
- }
- if ( color = /^\s*(\d+)\%\s*,\s*(\d+)\%\s*,\s*(\d+)\%\s*(?:,\s*(\d*\.?\d+)\s*)?$/.exec( components ) ) {
- // rgb(100%,0%,0%) rgba(100%,0%,0%,0.5)
- handleAlpha( color[ 4 ] );
- return this.setRGB(
- Math.min( 100, parseInt( color[ 1 ], 10 ) ) / 100,
- Math.min( 100, parseInt( color[ 2 ], 10 ) ) / 100,
- Math.min( 100, parseInt( color[ 3 ], 10 ) ) / 100,
- colorSpace
- );
- }
- break;
- case 'hsl':
- case 'hsla':
- if ( color = /^\s*(\d*\.?\d+)\s*,\s*(\d*\.?\d+)\%\s*,\s*(\d*\.?\d+)\%\s*(?:,\s*(\d*\.?\d+)\s*)?$/.exec( components ) ) {
- // hsl(120,50%,50%) hsla(120,50%,50%,0.5)
- handleAlpha( color[ 4 ] );
- return this.setHSL(
- parseFloat( color[ 1 ] ) / 360,
- parseFloat( color[ 2 ] ) / 100,
- parseFloat( color[ 3 ] ) / 100,
- colorSpace
- );
- }
- break;
- default:
- console.warn( 'THREE.Color: Unknown color model ' + style );
- }
- } else if ( m = /^\#([A-Fa-f\d]+)$/.exec( style ) ) {
- // hex color
- const hex = m[ 1 ];
- const size = hex.length;
- if ( size === 3 ) {
- // #ff0
- return this.setRGB(
- parseInt( hex.charAt( 0 ), 16 ) / 15,
- parseInt( hex.charAt( 1 ), 16 ) / 15,
- parseInt( hex.charAt( 2 ), 16 ) / 15,
- colorSpace
- );
- } else if ( size === 6 ) {
- // #ff0000
- return this.setHex( parseInt( hex, 16 ), colorSpace );
- } else {
- console.warn( 'THREE.Color: Invalid hex color ' + style );
- }
- } else if ( style && style.length > 0 ) {
- return this.setColorName( style, colorSpace );
- }
- return this;
- }
- setColorName( style, colorSpace = SRGBColorSpace ) {
- // color keywords
- const hex = _colorKeywords[ style.toLowerCase() ];
- if ( hex !== undefined ) {
- // red
- this.setHex( hex, colorSpace );
- } else {
- // unknown color
- console.warn( 'THREE.Color: Unknown color ' + style );
- }
- return this;
- }
- clone() {
- return new this.constructor( this.r, this.g, this.b );
- }
- copy( color ) {
- this.r = color.r;
- this.g = color.g;
- this.b = color.b;
- return this;
- }
- copySRGBToLinear( color ) {
- this.r = SRGBToLinear( color.r );
- this.g = SRGBToLinear( color.g );
- this.b = SRGBToLinear( color.b );
- return this;
- }
- copyLinearToSRGB( color ) {
- this.r = LinearToSRGB( color.r );
- this.g = LinearToSRGB( color.g );
- this.b = LinearToSRGB( color.b );
- return this;
- }
- convertSRGBToLinear() {
- this.copySRGBToLinear( this );
- return this;
- }
- convertLinearToSRGB() {
- this.copyLinearToSRGB( this );
- return this;
- }
- getHex( colorSpace = SRGBColorSpace ) {
- ColorManagement.fromWorkingColorSpace( _color.copy( this ), colorSpace );
- return Math.round( clamp$1( _color.r * 255, 0, 255 ) ) * 65536 + Math.round( clamp$1( _color.g * 255, 0, 255 ) ) * 256 + Math.round( clamp$1( _color.b * 255, 0, 255 ) );
- }
- getHexString( colorSpace = SRGBColorSpace ) {
- return ( '000000' + this.getHex( colorSpace ).toString( 16 ) ).slice( - 6 );
- }
- getHSL( target, colorSpace = ColorManagement.workingColorSpace ) {
- // h,s,l ranges are in 0.0 - 1.0
- ColorManagement.fromWorkingColorSpace( _color.copy( this ), colorSpace );
- const r = _color.r, g = _color.g, b = _color.b;
- const max = Math.max( r, g, b );
- const min = Math.min( r, g, b );
- let hue, saturation;
- const lightness = ( min + max ) / 2.0;
- if ( min === max ) {
- hue = 0;
- saturation = 0;
- } else {
- const delta = max - min;
- saturation = lightness <= 0.5 ? delta / ( max + min ) : delta / ( 2 - max - min );
- switch ( max ) {
- case r: hue = ( g - b ) / delta + ( g < b ? 6 : 0 ); break;
- case g: hue = ( b - r ) / delta + 2; break;
- case b: hue = ( r - g ) / delta + 4; break;
- }
- hue /= 6;
- }
- target.h = hue;
- target.s = saturation;
- target.l = lightness;
- return target;
- }
- getRGB( target, colorSpace = ColorManagement.workingColorSpace ) {
- ColorManagement.fromWorkingColorSpace( _color.copy( this ), colorSpace );
- target.r = _color.r;
- target.g = _color.g;
- target.b = _color.b;
- return target;
- }
- getStyle( colorSpace = SRGBColorSpace ) {
- ColorManagement.fromWorkingColorSpace( _color.copy( this ), colorSpace );
- const r = _color.r, g = _color.g, b = _color.b;
- if ( colorSpace !== SRGBColorSpace ) {
- // Requires CSS Color Module Level 4 (https://www.w3.org/TR/css-color-4/).
- return `color(${ colorSpace } ${ r.toFixed( 3 ) } ${ g.toFixed( 3 ) } ${ b.toFixed( 3 ) })`;
- }
- return `rgb(${ Math.round( r * 255 ) },${ Math.round( g * 255 ) },${ Math.round( b * 255 ) })`;
- }
- offsetHSL( h, s, l ) {
- this.getHSL( _hslA );
- return this.setHSL( _hslA.h + h, _hslA.s + s, _hslA.l + l );
- }
- add( color ) {
- this.r += color.r;
- this.g += color.g;
- this.b += color.b;
- return this;
- }
- addColors( color1, color2 ) {
- this.r = color1.r + color2.r;
- this.g = color1.g + color2.g;
- this.b = color1.b + color2.b;
- return this;
- }
- addScalar( s ) {
- this.r += s;
- this.g += s;
- this.b += s;
- return this;
- }
- sub( color ) {
- this.r = Math.max( 0, this.r - color.r );
- this.g = Math.max( 0, this.g - color.g );
- this.b = Math.max( 0, this.b - color.b );
- return this;
- }
- multiply( color ) {
- this.r *= color.r;
- this.g *= color.g;
- this.b *= color.b;
- return this;
- }
- multiplyScalar( s ) {
- this.r *= s;
- this.g *= s;
- this.b *= s;
- return this;
- }
- lerp( color, alpha ) {
- this.r += ( color.r - this.r ) * alpha;
- this.g += ( color.g - this.g ) * alpha;
- this.b += ( color.b - this.b ) * alpha;
- return this;
- }
- lerpColors( color1, color2, alpha ) {
- this.r = color1.r + ( color2.r - color1.r ) * alpha;
- this.g = color1.g + ( color2.g - color1.g ) * alpha;
- this.b = color1.b + ( color2.b - color1.b ) * alpha;
- return this;
- }
- lerpHSL( color, alpha ) {
- this.getHSL( _hslA );
- color.getHSL( _hslB );
- const h = lerp( _hslA.h, _hslB.h, alpha );
- const s = lerp( _hslA.s, _hslB.s, alpha );
- const l = lerp( _hslA.l, _hslB.l, alpha );
- this.setHSL( h, s, l );
- return this;
- }
- setFromVector3( v ) {
- this.r = v.x;
- this.g = v.y;
- this.b = v.z;
- return this;
- }
- applyMatrix3( m ) {
- const r = this.r, g = this.g, b = this.b;
- const e = m.elements;
- this.r = e[ 0 ] * r + e[ 3 ] * g + e[ 6 ] * b;
- this.g = e[ 1 ] * r + e[ 4 ] * g + e[ 7 ] * b;
- this.b = e[ 2 ] * r + e[ 5 ] * g + e[ 8 ] * b;
- return this;
- }
- equals( c ) {
- return ( c.r === this.r ) && ( c.g === this.g ) && ( c.b === this.b );
- }
- fromArray( array, offset = 0 ) {
- this.r = array[ offset ];
- this.g = array[ offset + 1 ];
- this.b = array[ offset + 2 ];
- return this;
- }
- toArray( array = [], offset = 0 ) {
- array[ offset ] = this.r;
- array[ offset + 1 ] = this.g;
- array[ offset + 2 ] = this.b;
- return array;
- }
- fromBufferAttribute( attribute, index ) {
- this.r = attribute.getX( index );
- this.g = attribute.getY( index );
- this.b = attribute.getZ( index );
- return this;
- }
- toJSON() {
- return this.getHex();
- }
- *[ Symbol.iterator ]() {
- yield this.r;
- yield this.g;
- yield this.b;
- }
- }
- const _color = /*@__PURE__*/ new Color();
- Color.NAMES = _colorKeywords;
- let _materialId = 0;
- class Material extends EventDispatcher {
- constructor() {
- super();
- this.isMaterial = true;
- Object.defineProperty( this, 'id', { value: _materialId ++ } );
- this.uuid = generateUUID();
- this.name = '';
- this.type = 'Material';
- this.blending = NormalBlending;
- this.side = FrontSide;
- this.vertexColors = false;
- this.opacity = 1;
- this.transparent = false;
- this.alphaHash = false;
- this.blendSrc = SrcAlphaFactor;
- this.blendDst = OneMinusSrcAlphaFactor;
- this.blendEquation = AddEquation;
- this.blendSrcAlpha = null;
- this.blendDstAlpha = null;
- this.blendEquationAlpha = null;
- this.blendColor = new Color( 0, 0, 0 );
- this.blendAlpha = 0;
- this.depthFunc = LessEqualDepth;
- this.depthTest = true;
- this.depthWrite = true;
- this.stencilWriteMask = 0xff;
- this.stencilFunc = AlwaysStencilFunc;
- this.stencilRef = 0;
- this.stencilFuncMask = 0xff;
- this.stencilFail = KeepStencilOp;
- this.stencilZFail = KeepStencilOp;
- this.stencilZPass = KeepStencilOp;
- this.stencilWrite = false;
- this.clippingPlanes = null;
- this.clipIntersection = false;
- this.clipShadows = false;
- this.shadowSide = null;
- this.colorWrite = true;
- this.precision = null; // override the renderer's default precision for this material
- this.polygonOffset = false;
- this.polygonOffsetFactor = 0;
- this.polygonOffsetUnits = 0;
- this.dithering = false;
- this.alphaToCoverage = false;
- this.premultipliedAlpha = false;
- this.forceSinglePass = false;
- this.visible = true;
- this.toneMapped = true;
- this.userData = {};
- this.version = 0;
- this._alphaTest = 0;
- }
- get alphaTest() {
- return this._alphaTest;
- }
- set alphaTest( value ) {
- if ( this._alphaTest > 0 !== value > 0 ) {
- this.version ++;
- }
- this._alphaTest = value;
- }
- // onBeforeRender and onBeforeCompile only supported in WebGLRenderer
- onBeforeRender( /* renderer, scene, camera, geometry, object, group */ ) {}
- onBeforeCompile( /* shaderobject, renderer */ ) {}
- customProgramCacheKey() {
- return this.onBeforeCompile.toString();
- }
- setValues( values ) {
- if ( values === undefined ) return;
- for ( const key in values ) {
- const newValue = values[ key ];
- if ( newValue === undefined ) {
- console.warn( `THREE.Material: parameter '${ key }' has value of undefined.` );
- continue;
- }
- const currentValue = this[ key ];
- if ( currentValue === undefined ) {
- console.warn( `THREE.Material: '${ key }' is not a property of THREE.${ this.type }.` );
- continue;
- }
- if ( currentValue && currentValue.isColor ) {
- currentValue.set( newValue );
- } else if ( ( currentValue && currentValue.isVector3 ) && ( newValue && newValue.isVector3 ) ) {
- currentValue.copy( newValue );
- } else {
- this[ key ] = newValue;
- }
- }
- }
- toJSON( meta ) {
- const isRootObject = ( meta === undefined || typeof meta === 'string' );
- if ( isRootObject ) {
- meta = {
- textures: {},
- images: {}
- };
- }
- const data = {
- metadata: {
- version: 4.6,
- type: 'Material',
- generator: 'Material.toJSON'
- }
- };
- // standard Material serialization
- data.uuid = this.uuid;
- data.type = this.type;
- if ( this.name !== '' ) data.name = this.name;
- if ( this.color && this.color.isColor ) data.color = this.color.getHex();
- if ( this.roughness !== undefined ) data.roughness = this.roughness;
- if ( this.metalness !== undefined ) data.metalness = this.metalness;
- if ( this.sheen !== undefined ) data.sheen = this.sheen;
- if ( this.sheenColor && this.sheenColor.isColor ) data.sheenColor = this.sheenColor.getHex();
- if ( this.sheenRoughness !== undefined ) data.sheenRoughness = this.sheenRoughness;
- if ( this.emissive && this.emissive.isColor ) data.emissive = this.emissive.getHex();
- if ( this.emissiveIntensity !== undefined && this.emissiveIntensity !== 1 ) data.emissiveIntensity = this.emissiveIntensity;
- if ( this.specular && this.specular.isColor ) data.specular = this.specular.getHex();
- if ( this.specularIntensity !== undefined ) data.specularIntensity = this.specularIntensity;
- if ( this.specularColor && this.specularColor.isColor ) data.specularColor = this.specularColor.getHex();
- if ( this.shininess !== undefined ) data.shininess = this.shininess;
- if ( this.clearcoat !== undefined ) data.clearcoat = this.clearcoat;
- if ( this.clearcoatRoughness !== undefined ) data.clearcoatRoughness = this.clearcoatRoughness;
- if ( this.clearcoatMap && this.clearcoatMap.isTexture ) {
- data.clearcoatMap = this.clearcoatMap.toJSON( meta ).uuid;
- }
- if ( this.clearcoatRoughnessMap && this.clearcoatRoughnessMap.isTexture ) {
- data.clearcoatRoughnessMap = this.clearcoatRoughnessMap.toJSON( meta ).uuid;
- }
- if ( this.clearcoatNormalMap && this.clearcoatNormalMap.isTexture ) {
- data.clearcoatNormalMap = this.clearcoatNormalMap.toJSON( meta ).uuid;
- data.clearcoatNormalScale = this.clearcoatNormalScale.toArray();
- }
- if ( this.dispersion !== undefined ) data.dispersion = this.dispersion;
- if ( this.iridescence !== undefined ) data.iridescence = this.iridescence;
- if ( this.iridescenceIOR !== undefined ) data.iridescenceIOR = this.iridescenceIOR;
- if ( this.iridescenceThicknessRange !== undefined ) data.iridescenceThicknessRange = this.iridescenceThicknessRange;
- if ( this.iridescenceMap && this.iridescenceMap.isTexture ) {
- data.iridescenceMap = this.iridescenceMap.toJSON( meta ).uuid;
- }
- if ( this.iridescenceThicknessMap && this.iridescenceThicknessMap.isTexture ) {
- data.iridescenceThicknessMap = this.iridescenceThicknessMap.toJSON( meta ).uuid;
- }
- if ( this.anisotropy !== undefined ) data.anisotropy = this.anisotropy;
- if ( this.anisotropyRotation !== undefined ) data.anisotropyRotation = this.anisotropyRotation;
- if ( this.anisotropyMap && this.anisotropyMap.isTexture ) {
- data.anisotropyMap = this.anisotropyMap.toJSON( meta ).uuid;
- }
- if ( this.map && this.map.isTexture ) data.map = this.map.toJSON( meta ).uuid;
- if ( this.matcap && this.matcap.isTexture ) data.matcap = this.matcap.toJSON( meta ).uuid;
- if ( this.alphaMap && this.alphaMap.isTexture ) data.alphaMap = this.alphaMap.toJSON( meta ).uuid;
- if ( this.lightMap && this.lightMap.isTexture ) {
- data.lightMap = this.lightMap.toJSON( meta ).uuid;
- data.lightMapIntensity = this.lightMapIntensity;
- }
- if ( this.aoMap && this.aoMap.isTexture ) {
- data.aoMap = this.aoMap.toJSON( meta ).uuid;
- data.aoMapIntensity = this.aoMapIntensity;
- }
- if ( this.bumpMap && this.bumpMap.isTexture ) {
- data.bumpMap = this.bumpMap.toJSON( meta ).uuid;
- data.bumpScale = this.bumpScale;
- }
- if ( this.normalMap && this.normalMap.isTexture ) {
- data.normalMap = this.normalMap.toJSON( meta ).uuid;
- data.normalMapType = this.normalMapType;
- data.normalScale = this.normalScale.toArray();
- }
- if ( this.displacementMap && this.displacementMap.isTexture ) {
- data.displacementMap = this.displacementMap.toJSON( meta ).uuid;
- data.displacementScale = this.displacementScale;
- data.displacementBias = this.displacementBias;
- }
- if ( this.roughnessMap && this.roughnessMap.isTexture ) data.roughnessMap = this.roughnessMap.toJSON( meta ).uuid;
- if ( this.metalnessMap && this.metalnessMap.isTexture ) data.metalnessMap = this.metalnessMap.toJSON( meta ).uuid;
- if ( this.emissiveMap && this.emissiveMap.isTexture ) data.emissiveMap = this.emissiveMap.toJSON( meta ).uuid;
- if ( this.specularMap && this.specularMap.isTexture ) data.specularMap = this.specularMap.toJSON( meta ).uuid;
- if ( this.specularIntensityMap && this.specularIntensityMap.isTexture ) data.specularIntensityMap = this.specularIntensityMap.toJSON( meta ).uuid;
- if ( this.specularColorMap && this.specularColorMap.isTexture ) data.specularColorMap = this.specularColorMap.toJSON( meta ).uuid;
- if ( this.envMap && this.envMap.isTexture ) {
- data.envMap = this.envMap.toJSON( meta ).uuid;
- if ( this.combine !== undefined ) data.combine = this.combine;
- }
- if ( this.envMapRotation !== undefined ) data.envMapRotation = this.envMapRotation.toArray();
- if ( this.envMapIntensity !== undefined ) data.envMapIntensity = this.envMapIntensity;
- if ( this.reflectivity !== undefined ) data.reflectivity = this.reflectivity;
- if ( this.refractionRatio !== undefined ) data.refractionRatio = this.refractionRatio;
- if ( this.gradientMap && this.gradientMap.isTexture ) {
- data.gradientMap = this.gradientMap.toJSON( meta ).uuid;
- }
- if ( this.transmission !== undefined ) data.transmission = this.transmission;
- if ( this.transmissionMap && this.transmissionMap.isTexture ) data.transmissionMap = this.transmissionMap.toJSON( meta ).uuid;
- if ( this.thickness !== undefined ) data.thickness = this.thickness;
- if ( this.thicknessMap && this.thicknessMap.isTexture ) data.thicknessMap = this.thicknessMap.toJSON( meta ).uuid;
- if ( this.attenuationDistance !== undefined && this.attenuationDistance !== Infinity ) data.attenuationDistance = this.attenuationDistance;
- if ( this.attenuationColor !== undefined ) data.attenuationColor = this.attenuationColor.getHex();
- if ( this.size !== undefined ) data.size = this.size;
- if ( this.shadowSide !== null ) data.shadowSide = this.shadowSide;
- if ( this.sizeAttenuation !== undefined ) data.sizeAttenuation = this.sizeAttenuation;
- if ( this.blending !== NormalBlending ) data.blending = this.blending;
- if ( this.side !== FrontSide ) data.side = this.side;
- if ( this.vertexColors === true ) data.vertexColors = true;
- if ( this.opacity < 1 ) data.opacity = this.opacity;
- if ( this.transparent === true ) data.transparent = true;
- if ( this.blendSrc !== SrcAlphaFactor ) data.blendSrc = this.blendSrc;
- if ( this.blendDst !== OneMinusSrcAlphaFactor ) data.blendDst = this.blendDst;
- if ( this.blendEquation !== AddEquation ) data.blendEquation = this.blendEquation;
- if ( this.blendSrcAlpha !== null ) data.blendSrcAlpha = this.blendSrcAlpha;
- if ( this.blendDstAlpha !== null ) data.blendDstAlpha = this.blendDstAlpha;
- if ( this.blendEquationAlpha !== null ) data.blendEquationAlpha = this.blendEquationAlpha;
- if ( this.blendColor && this.blendColor.isColor ) data.blendColor = this.blendColor.getHex();
- if ( this.blendAlpha !== 0 ) data.blendAlpha = this.blendAlpha;
- if ( this.depthFunc !== LessEqualDepth ) data.depthFunc = this.depthFunc;
- if ( this.depthTest === false ) data.depthTest = this.depthTest;
- if ( this.depthWrite === false ) data.depthWrite = this.depthWrite;
- if ( this.colorWrite === false ) data.colorWrite = this.colorWrite;
- if ( this.stencilWriteMask !== 0xff ) data.stencilWriteMask = this.stencilWriteMask;
- if ( this.stencilFunc !== AlwaysStencilFunc ) data.stencilFunc = this.stencilFunc;
- if ( this.stencilRef !== 0 ) data.stencilRef = this.stencilRef;
- if ( this.stencilFuncMask !== 0xff ) data.stencilFuncMask = this.stencilFuncMask;
- if ( this.stencilFail !== KeepStencilOp ) data.stencilFail = this.stencilFail;
- if ( this.stencilZFail !== KeepStencilOp ) data.stencilZFail = this.stencilZFail;
- if ( this.stencilZPass !== KeepStencilOp ) data.stencilZPass = this.stencilZPass;
- if ( this.stencilWrite === true ) data.stencilWrite = this.stencilWrite;
- // rotation (SpriteMaterial)
- if ( this.rotation !== undefined && this.rotation !== 0 ) data.rotation = this.rotation;
- if ( this.polygonOffset === true ) data.polygonOffset = true;
- if ( this.polygonOffsetFactor !== 0 ) data.polygonOffsetFactor = this.polygonOffsetFactor;
- if ( this.polygonOffsetUnits !== 0 ) data.polygonOffsetUnits = this.polygonOffsetUnits;
- if ( this.linewidth !== undefined && this.linewidth !== 1 ) data.linewidth = this.linewidth;
- if ( this.dashSize !== undefined ) data.dashSize = this.dashSize;
- if ( this.gapSize !== undefined ) data.gapSize = this.gapSize;
- if ( this.scale !== undefined ) data.scale = this.scale;
- if ( this.dithering === true ) data.dithering = true;
- if ( this.alphaTest > 0 ) data.alphaTest = this.alphaTest;
- if ( this.alphaHash === true ) data.alphaHash = true;
- if ( this.alphaToCoverage === true ) data.alphaToCoverage = true;
- if ( this.premultipliedAlpha === true ) data.premultipliedAlpha = true;
- if ( this.forceSinglePass === true ) data.forceSinglePass = true;
- if ( this.wireframe === true ) data.wireframe = true;
- if ( this.wireframeLinewidth > 1 ) data.wireframeLinewidth = this.wireframeLinewidth;
- if ( this.wireframeLinecap !== 'round' ) data.wireframeLinecap = this.wireframeLinecap;
- if ( this.wireframeLinejoin !== 'round' ) data.wireframeLinejoin = this.wireframeLinejoin;
- if ( this.flatShading === true ) data.flatShading = true;
- if ( this.visible === false ) data.visible = false;
- if ( this.toneMapped === false ) data.toneMapped = false;
- if ( this.fog === false ) data.fog = false;
- if ( Object.keys( this.userData ).length > 0 ) data.userData = this.userData;
- // TODO: Copied from Object3D.toJSON
- function extractFromCache( cache ) {
- const values = [];
- for ( const key in cache ) {
- const data = cache[ key ];
- delete data.metadata;
- values.push( data );
- }
- return values;
- }
- if ( isRootObject ) {
- const textures = extractFromCache( meta.textures );
- const images = extractFromCache( meta.images );
- if ( textures.length > 0 ) data.textures = textures;
- if ( images.length > 0 ) data.images = images;
- }
- return data;
- }
- clone() {
- return new this.constructor().copy( this );
- }
- copy( source ) {
- this.name = source.name;
- this.blending = source.blending;
- this.side = source.side;
- this.vertexColors = source.vertexColors;
- this.opacity = source.opacity;
- this.transparent = source.transparent;
- this.blendSrc = source.blendSrc;
- this.blendDst = source.blendDst;
- this.blendEquation = source.blendEquation;
- this.blendSrcAlpha = source.blendSrcAlpha;
- this.blendDstAlpha = source.blendDstAlpha;
- this.blendEquationAlpha = source.blendEquationAlpha;
- this.blendColor.copy( source.blendColor );
- this.blendAlpha = source.blendAlpha;
- this.depthFunc = source.depthFunc;
- this.depthTest = source.depthTest;
- this.depthWrite = source.depthWrite;
- this.stencilWriteMask = source.stencilWriteMask;
- this.stencilFunc = source.stencilFunc;
- this.stencilRef = source.stencilRef;
- this.stencilFuncMask = source.stencilFuncMask;
- this.stencilFail = source.stencilFail;
- this.stencilZFail = source.stencilZFail;
- this.stencilZPass = source.stencilZPass;
- this.stencilWrite = source.stencilWrite;
- const srcPlanes = source.clippingPlanes;
- let dstPlanes = null;
- if ( srcPlanes !== null ) {
- const n = srcPlanes.length;
- dstPlanes = new Array( n );
- for ( let i = 0; i !== n; ++ i ) {
- dstPlanes[ i ] = srcPlanes[ i ].clone();
- }
- }
- this.clippingPlanes = dstPlanes;
- this.clipIntersection = source.clipIntersection;
- this.clipShadows = source.clipShadows;
- this.shadowSide = source.shadowSide;
- this.colorWrite = source.colorWrite;
- this.precision = source.precision;
- this.polygonOffset = source.polygonOffset;
- this.polygonOffsetFactor = source.polygonOffsetFactor;
- this.polygonOffsetUnits = source.polygonOffsetUnits;
- this.dithering = source.dithering;
- this.alphaTest = source.alphaTest;
- this.alphaHash = source.alphaHash;
- this.alphaToCoverage = source.alphaToCoverage;
- this.premultipliedAlpha = source.premultipliedAlpha;
- this.forceSinglePass = source.forceSinglePass;
- this.visible = source.visible;
- this.toneMapped = source.toneMapped;
- this.userData = JSON.parse( JSON.stringify( source.userData ) );
- return this;
- }
- dispose() {
- this.dispatchEvent( { type: 'dispose' } );
- }
- set needsUpdate( value ) {
- if ( value === true ) this.version ++;
- }
- onBuild( /* shaderobject, renderer */ ) {
- console.warn( 'Material: onBuild() has been removed.' ); // @deprecated, r166
- }
- }
- class MeshBasicMaterial extends Material {
- constructor( parameters ) {
- super();
- this.isMeshBasicMaterial = true;
- this.type = 'MeshBasicMaterial';
- this.color = new Color( 0xffffff ); // emissive
- this.map = null;
- this.lightMap = null;
- this.lightMapIntensity = 1.0;
- this.aoMap = null;
- this.aoMapIntensity = 1.0;
- this.specularMap = null;
- this.alphaMap = null;
- this.envMap = null;
- this.envMapRotation = new Euler();
- this.combine = MultiplyOperation;
- this.reflectivity = 1;
- this.refractionRatio = 0.98;
- this.wireframe = false;
- this.wireframeLinewidth = 1;
- this.wireframeLinecap = 'round';
- this.wireframeLinejoin = 'round';
- this.fog = true;
- this.setValues( parameters );
- }
- copy( source ) {
- super.copy( source );
- this.color.copy( source.color );
- this.map = source.map;
- this.lightMap = source.lightMap;
- this.lightMapIntensity = source.lightMapIntensity;
- this.aoMap = source.aoMap;
- this.aoMapIntensity = source.aoMapIntensity;
- this.specularMap = source.specularMap;
- this.alphaMap = source.alphaMap;
- this.envMap = source.envMap;
- this.envMapRotation.copy( source.envMapRotation );
- this.combine = source.combine;
- this.reflectivity = source.reflectivity;
- this.refractionRatio = source.refractionRatio;
- this.wireframe = source.wireframe;
- this.wireframeLinewidth = source.wireframeLinewidth;
- this.wireframeLinecap = source.wireframeLinecap;
- this.wireframeLinejoin = source.wireframeLinejoin;
- this.fog = source.fog;
- return this;
- }
- }
- // Fast Half Float Conversions, http://www.fox-toolkit.org/ftp/fasthalffloatconversion.pdf
- const _tables = /*@__PURE__*/ _generateTables();
- function _generateTables() {
- // float32 to float16 helpers
- const buffer = new ArrayBuffer( 4 );
- const floatView = new Float32Array( buffer );
- const uint32View = new Uint32Array( buffer );
- const baseTable = new Uint32Array( 512 );
- const shiftTable = new Uint32Array( 512 );
- for ( let i = 0; i < 256; ++ i ) {
- const e = i - 127;
- // very small number (0, -0)
- if ( e < - 27 ) {
- baseTable[ i ] = 0x0000;
- baseTable[ i | 0x100 ] = 0x8000;
- shiftTable[ i ] = 24;
- shiftTable[ i | 0x100 ] = 24;
- // small number (denorm)
- } else if ( e < - 14 ) {
- baseTable[ i ] = 0x0400 >> ( - e - 14 );
- baseTable[ i | 0x100 ] = ( 0x0400 >> ( - e - 14 ) ) | 0x8000;
- shiftTable[ i ] = - e - 1;
- shiftTable[ i | 0x100 ] = - e - 1;
- // normal number
- } else if ( e <= 15 ) {
- baseTable[ i ] = ( e + 15 ) << 10;
- baseTable[ i | 0x100 ] = ( ( e + 15 ) << 10 ) | 0x8000;
- shiftTable[ i ] = 13;
- shiftTable[ i | 0x100 ] = 13;
- // large number (Infinity, -Infinity)
- } else if ( e < 128 ) {
- baseTable[ i ] = 0x7c00;
- baseTable[ i | 0x100 ] = 0xfc00;
- shiftTable[ i ] = 24;
- shiftTable[ i | 0x100 ] = 24;
- // stay (NaN, Infinity, -Infinity)
- } else {
- baseTable[ i ] = 0x7c00;
- baseTable[ i | 0x100 ] = 0xfc00;
- shiftTable[ i ] = 13;
- shiftTable[ i | 0x100 ] = 13;
- }
- }
- // float16 to float32 helpers
- const mantissaTable = new Uint32Array( 2048 );
- const exponentTable = new Uint32Array( 64 );
- const offsetTable = new Uint32Array( 64 );
- for ( let i = 1; i < 1024; ++ i ) {
- let m = i << 13; // zero pad mantissa bits
- let e = 0; // zero exponent
- // normalized
- while ( ( m & 0x00800000 ) === 0 ) {
- m <<= 1;
- e -= 0x00800000; // decrement exponent
- }
- m &= ~ 0x00800000; // clear leading 1 bit
- e += 0x38800000; // adjust bias
- mantissaTable[ i ] = m | e;
- }
- for ( let i = 1024; i < 2048; ++ i ) {
- mantissaTable[ i ] = 0x38000000 + ( ( i - 1024 ) << 13 );
- }
- for ( let i = 1; i < 31; ++ i ) {
- exponentTable[ i ] = i << 23;
- }
- exponentTable[ 31 ] = 0x47800000;
- exponentTable[ 32 ] = 0x80000000;
- for ( let i = 33; i < 63; ++ i ) {
- exponentTable[ i ] = 0x80000000 + ( ( i - 32 ) << 23 );
- }
- exponentTable[ 63 ] = 0xc7800000;
- for ( let i = 1; i < 64; ++ i ) {
- if ( i !== 32 ) {
- offsetTable[ i ] = 1024;
- }
- }
- return {
- floatView: floatView,
- uint32View: uint32View,
- baseTable: baseTable,
- shiftTable: shiftTable,
- mantissaTable: mantissaTable,
- exponentTable: exponentTable,
- offsetTable: offsetTable
- };
- }
- // float32 to float16
- function toHalfFloat( val ) {
- if ( Math.abs( val ) > 65504 ) console.warn( 'THREE.DataUtils.toHalfFloat(): Value out of range.' );
- val = clamp$1( val, - 65504, 65504 );
- _tables.floatView[ 0 ] = val;
- const f = _tables.uint32View[ 0 ];
- const e = ( f >> 23 ) & 0x1ff;
- return _tables.baseTable[ e ] + ( ( f & 0x007fffff ) >> _tables.shiftTable[ e ] );
- }
- // float16 to float32
- function fromHalfFloat( val ) {
- const m = val >> 10;
- _tables.uint32View[ 0 ] = _tables.mantissaTable[ _tables.offsetTable[ m ] + ( val & 0x3ff ) ] + _tables.exponentTable[ m ];
- return _tables.floatView[ 0 ];
- }
- const DataUtils = {
- toHalfFloat: toHalfFloat,
- fromHalfFloat: fromHalfFloat,
- };
- const _vector$9 = /*@__PURE__*/ new Vector3();
- const _vector2$1 = /*@__PURE__*/ new Vector2();
- class BufferAttribute {
- constructor( array, itemSize, normalized = false ) {
- if ( Array.isArray( array ) ) {
- throw new TypeError( 'THREE.BufferAttribute: array should be a Typed Array.' );
- }
- this.isBufferAttribute = true;
- this.name = '';
- this.array = array;
- this.itemSize = itemSize;
- this.count = array !== undefined ? array.length / itemSize : 0;
- this.normalized = normalized;
- this.usage = StaticDrawUsage;
- this.updateRanges = [];
- this.gpuType = FloatType;
- this.version = 0;
- }
- onUploadCallback() {}
- set needsUpdate( value ) {
- if ( value === true ) this.version ++;
- }
- setUsage( value ) {
- this.usage = value;
- return this;
- }
- addUpdateRange( start, count ) {
- this.updateRanges.push( { start, count } );
- }
- clearUpdateRanges() {
- this.updateRanges.length = 0;
- }
- copy( source ) {
- this.name = source.name;
- this.array = new source.array.constructor( source.array );
- this.itemSize = source.itemSize;
- this.count = source.count;
- this.normalized = source.normalized;
- this.usage = source.usage;
- this.gpuType = source.gpuType;
- return this;
- }
- copyAt( index1, attribute, index2 ) {
- index1 *= this.itemSize;
- index2 *= attribute.itemSize;
- for ( let i = 0, l = this.itemSize; i < l; i ++ ) {
- this.array[ index1 + i ] = attribute.array[ index2 + i ];
- }
- return this;
- }
- copyArray( array ) {
- this.array.set( array );
- return this;
- }
- applyMatrix3( m ) {
- if ( this.itemSize === 2 ) {
- for ( let i = 0, l = this.count; i < l; i ++ ) {
- _vector2$1.fromBufferAttribute( this, i );
- _vector2$1.applyMatrix3( m );
- this.setXY( i, _vector2$1.x, _vector2$1.y );
- }
- } else if ( this.itemSize === 3 ) {
- for ( let i = 0, l = this.count; i < l; i ++ ) {
- _vector$9.fromBufferAttribute( this, i );
- _vector$9.applyMatrix3( m );
- this.setXYZ( i, _vector$9.x, _vector$9.y, _vector$9.z );
- }
- }
- return this;
- }
- applyMatrix4( m ) {
- for ( let i = 0, l = this.count; i < l; i ++ ) {
- _vector$9.fromBufferAttribute( this, i );
- _vector$9.applyMatrix4( m );
- this.setXYZ( i, _vector$9.x, _vector$9.y, _vector$9.z );
- }
- return this;
- }
- applyNormalMatrix( m ) {
- for ( let i = 0, l = this.count; i < l; i ++ ) {
- _vector$9.fromBufferAttribute( this, i );
- _vector$9.applyNormalMatrix( m );
- this.setXYZ( i, _vector$9.x, _vector$9.y, _vector$9.z );
- }
- return this;
- }
- transformDirection( m ) {
- for ( let i = 0, l = this.count; i < l; i ++ ) {
- _vector$9.fromBufferAttribute( this, i );
- _vector$9.transformDirection( m );
- this.setXYZ( i, _vector$9.x, _vector$9.y, _vector$9.z );
- }
- return this;
- }
- set( value, offset = 0 ) {
- // Matching BufferAttribute constructor, do not normalize the array.
- this.array.set( value, offset );
- return this;
- }
- getComponent( index, component ) {
- let value = this.array[ index * this.itemSize + component ];
- if ( this.normalized ) value = denormalize( value, this.array );
- return value;
- }
- setComponent( index, component, value ) {
- if ( this.normalized ) value = normalize$1( value, this.array );
- this.array[ index * this.itemSize + component ] = value;
- return this;
- }
- getX( index ) {
- let x = this.array[ index * this.itemSize ];
- if ( this.normalized ) x = denormalize( x, this.array );
- return x;
- }
- setX( index, x ) {
- if ( this.normalized ) x = normalize$1( x, this.array );
- this.array[ index * this.itemSize ] = x;
- return this;
- }
- getY( index ) {
- let y = this.array[ index * this.itemSize + 1 ];
- if ( this.normalized ) y = denormalize( y, this.array );
- return y;
- }
- setY( index, y ) {
- if ( this.normalized ) y = normalize$1( y, this.array );
- this.array[ index * this.itemSize + 1 ] = y;
- return this;
- }
- getZ( index ) {
- let z = this.array[ index * this.itemSize + 2 ];
- if ( this.normalized ) z = denormalize( z, this.array );
- return z;
- }
- setZ( index, z ) {
- if ( this.normalized ) z = normalize$1( z, this.array );
- this.array[ index * this.itemSize + 2 ] = z;
- return this;
- }
- getW( index ) {
- let w = this.array[ index * this.itemSize + 3 ];
- if ( this.normalized ) w = denormalize( w, this.array );
- return w;
- }
- setW( index, w ) {
- if ( this.normalized ) w = normalize$1( w, this.array );
- this.array[ index * this.itemSize + 3 ] = w;
- return this;
- }
- setXY( index, x, y ) {
- index *= this.itemSize;
- if ( this.normalized ) {
- x = normalize$1( x, this.array );
- y = normalize$1( y, this.array );
- }
- this.array[ index + 0 ] = x;
- this.array[ index + 1 ] = y;
- return this;
- }
- setXYZ( index, x, y, z ) {
- index *= this.itemSize;
- if ( this.normalized ) {
- x = normalize$1( x, this.array );
- y = normalize$1( y, this.array );
- z = normalize$1( z, this.array );
- }
- this.array[ index + 0 ] = x;
- this.array[ index + 1 ] = y;
- this.array[ index + 2 ] = z;
- return this;
- }
- setXYZW( index, x, y, z, w ) {
- index *= this.itemSize;
- if ( this.normalized ) {
- x = normalize$1( x, this.array );
- y = normalize$1( y, this.array );
- z = normalize$1( z, this.array );
- w = normalize$1( w, this.array );
- }
- this.array[ index + 0 ] = x;
- this.array[ index + 1 ] = y;
- this.array[ index + 2 ] = z;
- this.array[ index + 3 ] = w;
- return this;
- }
- onUpload( callback ) {
- this.onUploadCallback = callback;
- return this;
- }
- clone() {
- return new this.constructor( this.array, this.itemSize ).copy( this );
- }
- toJSON() {
- const data = {
- itemSize: this.itemSize,
- type: this.array.constructor.name,
- array: Array.from( this.array ),
- normalized: this.normalized
- };
- if ( this.name !== '' ) data.name = this.name;
- if ( this.usage !== StaticDrawUsage ) data.usage = this.usage;
- return data;
- }
- }
- //
- class Int8BufferAttribute extends BufferAttribute {
- constructor( array, itemSize, normalized ) {
- super( new Int8Array( array ), itemSize, normalized );
- }
- }
- class Uint8BufferAttribute extends BufferAttribute {
- constructor( array, itemSize, normalized ) {
- super( new Uint8Array( array ), itemSize, normalized );
- }
- }
- class Uint8ClampedBufferAttribute extends BufferAttribute {
- constructor( array, itemSize, normalized ) {
- super( new Uint8ClampedArray( array ), itemSize, normalized );
- }
- }
- class Int16BufferAttribute extends BufferAttribute {
- constructor( array, itemSize, normalized ) {
- super( new Int16Array( array ), itemSize, normalized );
- }
- }
- class Uint16BufferAttribute extends BufferAttribute {
- constructor( array, itemSize, normalized ) {
- super( new Uint16Array( array ), itemSize, normalized );
- }
- }
- class Int32BufferAttribute extends BufferAttribute {
- constructor( array, itemSize, normalized ) {
- super( new Int32Array( array ), itemSize, normalized );
- }
- }
- class Uint32BufferAttribute extends BufferAttribute {
- constructor( array, itemSize, normalized ) {
- super( new Uint32Array( array ), itemSize, normalized );
- }
- }
- class Float16BufferAttribute extends BufferAttribute {
- constructor( array, itemSize, normalized ) {
- super( new Uint16Array( array ), itemSize, normalized );
- this.isFloat16BufferAttribute = true;
- }
- getX( index ) {
- let x = fromHalfFloat( this.array[ index * this.itemSize ] );
- if ( this.normalized ) x = denormalize( x, this.array );
- return x;
- }
- setX( index, x ) {
- if ( this.normalized ) x = normalize$1( x, this.array );
- this.array[ index * this.itemSize ] = toHalfFloat( x );
- return this;
- }
- getY( index ) {
- let y = fromHalfFloat( this.array[ index * this.itemSize + 1 ] );
- if ( this.normalized ) y = denormalize( y, this.array );
- return y;
- }
- setY( index, y ) {
- if ( this.normalized ) y = normalize$1( y, this.array );
- this.array[ index * this.itemSize + 1 ] = toHalfFloat( y );
- return this;
- }
- getZ( index ) {
- let z = fromHalfFloat( this.array[ index * this.itemSize + 2 ] );
- if ( this.normalized ) z = denormalize( z, this.array );
- return z;
- }
- setZ( index, z ) {
- if ( this.normalized ) z = normalize$1( z, this.array );
- this.array[ index * this.itemSize + 2 ] = toHalfFloat( z );
- return this;
- }
- getW( index ) {
- let w = fromHalfFloat( this.array[ index * this.itemSize + 3 ] );
- if ( this.normalized ) w = denormalize( w, this.array );
- return w;
- }
- setW( index, w ) {
- if ( this.normalized ) w = normalize$1( w, this.array );
- this.array[ index * this.itemSize + 3 ] = toHalfFloat( w );
- return this;
- }
- setXY( index, x, y ) {
- index *= this.itemSize;
- if ( this.normalized ) {
- x = normalize$1( x, this.array );
- y = normalize$1( y, this.array );
- }
- this.array[ index + 0 ] = toHalfFloat( x );
- this.array[ index + 1 ] = toHalfFloat( y );
- return this;
- }
- setXYZ( index, x, y, z ) {
- index *= this.itemSize;
- if ( this.normalized ) {
- x = normalize$1( x, this.array );
- y = normalize$1( y, this.array );
- z = normalize$1( z, this.array );
- }
- this.array[ index + 0 ] = toHalfFloat( x );
- this.array[ index + 1 ] = toHalfFloat( y );
- this.array[ index + 2 ] = toHalfFloat( z );
- return this;
- }
- setXYZW( index, x, y, z, w ) {
- index *= this.itemSize;
- if ( this.normalized ) {
- x = normalize$1( x, this.array );
- y = normalize$1( y, this.array );
- z = normalize$1( z, this.array );
- w = normalize$1( w, this.array );
- }
- this.array[ index + 0 ] = toHalfFloat( x );
- this.array[ index + 1 ] = toHalfFloat( y );
- this.array[ index + 2 ] = toHalfFloat( z );
- this.array[ index + 3 ] = toHalfFloat( w );
- return this;
- }
- }
- class Float32BufferAttribute extends BufferAttribute {
- constructor( array, itemSize, normalized ) {
- super( new Float32Array( array ), itemSize, normalized );
- }
- }
- let _id$9 = 0;
- const _m1 = /*@__PURE__*/ new Matrix4();
- const _obj = /*@__PURE__*/ new Object3D();
- const _offset = /*@__PURE__*/ new Vector3();
- const _box$2 = /*@__PURE__*/ new Box3();
- const _boxMorphTargets = /*@__PURE__*/ new Box3();
- const _vector$8 = /*@__PURE__*/ new Vector3();
- class BufferGeometry extends EventDispatcher {
- constructor() {
- super();
- this.isBufferGeometry = true;
- Object.defineProperty( this, 'id', { value: _id$9 ++ } );
- this.uuid = generateUUID();
- this.name = '';
- this.type = 'BufferGeometry';
- this.index = null;
- this.attributes = {};
- this.morphAttributes = {};
- this.morphTargetsRelative = false;
- this.groups = [];
- this.boundingBox = null;
- this.boundingSphere = null;
- this.drawRange = { start: 0, count: Infinity };
- this.userData = {};
- }
- getIndex() {
- return this.index;
- }
- setIndex( index ) {
- if ( Array.isArray( index ) ) {
- this.index = new ( arrayNeedsUint32$1( index ) ? Uint32BufferAttribute : Uint16BufferAttribute )( index, 1 );
- } else {
- this.index = index;
- }
- return this;
- }
- getAttribute( name ) {
- return this.attributes[ name ];
- }
- setAttribute( name, attribute ) {
- this.attributes[ name ] = attribute;
- return this;
- }
- deleteAttribute( name ) {
- delete this.attributes[ name ];
- return this;
- }
- hasAttribute( name ) {
- return this.attributes[ name ] !== undefined;
- }
- addGroup( start, count, materialIndex = 0 ) {
- this.groups.push( {
- start: start,
- count: count,
- materialIndex: materialIndex
- } );
- }
- clearGroups() {
- this.groups = [];
- }
- setDrawRange( start, count ) {
- this.drawRange.start = start;
- this.drawRange.count = count;
- }
- applyMatrix4( matrix ) {
- const position = this.attributes.position;
- if ( position !== undefined ) {
- position.applyMatrix4( matrix );
- position.needsUpdate = true;
- }
- const normal = this.attributes.normal;
- if ( normal !== undefined ) {
- const normalMatrix = new Matrix3().getNormalMatrix( matrix );
- normal.applyNormalMatrix( normalMatrix );
- normal.needsUpdate = true;
- }
- const tangent = this.attributes.tangent;
- if ( tangent !== undefined ) {
- tangent.transformDirection( matrix );
- tangent.needsUpdate = true;
- }
- if ( this.boundingBox !== null ) {
- this.computeBoundingBox();
- }
- if ( this.boundingSphere !== null ) {
- this.computeBoundingSphere();
- }
- return this;
- }
- applyQuaternion( q ) {
- _m1.makeRotationFromQuaternion( q );
- this.applyMatrix4( _m1 );
- return this;
- }
- rotateX( angle ) {
- // rotate geometry around world x-axis
- _m1.makeRotationX( angle );
- this.applyMatrix4( _m1 );
- return this;
- }
- rotateY( angle ) {
- // rotate geometry around world y-axis
- _m1.makeRotationY( angle );
- this.applyMatrix4( _m1 );
- return this;
- }
- rotateZ( angle ) {
- // rotate geometry around world z-axis
- _m1.makeRotationZ( angle );
- this.applyMatrix4( _m1 );
- return this;
- }
- translate( x, y, z ) {
- // translate geometry
- _m1.makeTranslation( x, y, z );
- this.applyMatrix4( _m1 );
- return this;
- }
- scale( x, y, z ) {
- // scale geometry
- _m1.makeScale( x, y, z );
- this.applyMatrix4( _m1 );
- return this;
- }
- lookAt( vector ) {
- _obj.lookAt( vector );
- _obj.updateMatrix();
- this.applyMatrix4( _obj.matrix );
- return this;
- }
- center() {
- this.computeBoundingBox();
- this.boundingBox.getCenter( _offset ).negate();
- this.translate( _offset.x, _offset.y, _offset.z );
- return this;
- }
- setFromPoints( points ) {
- const position = [];
- for ( let i = 0, l = points.length; i < l; i ++ ) {
- const point = points[ i ];
- position.push( point.x, point.y, point.z || 0 );
- }
- this.setAttribute( 'position', new Float32BufferAttribute( position, 3 ) );
- return this;
- }
- computeBoundingBox() {
- if ( this.boundingBox === null ) {
- this.boundingBox = new Box3();
- }
- const position = this.attributes.position;
- const morphAttributesPosition = this.morphAttributes.position;
- if ( position && position.isGLBufferAttribute ) {
- console.error( 'THREE.BufferGeometry.computeBoundingBox(): GLBufferAttribute requires a manual bounding box.', this );
- this.boundingBox.set(
- new Vector3( - Infinity, - Infinity, - Infinity ),
- new Vector3( + Infinity, + Infinity, + Infinity )
- );
- return;
- }
- if ( position !== undefined ) {
- this.boundingBox.setFromBufferAttribute( position );
- // process morph attributes if present
- if ( morphAttributesPosition ) {
- for ( let i = 0, il = morphAttributesPosition.length; i < il; i ++ ) {
- const morphAttribute = morphAttributesPosition[ i ];
- _box$2.setFromBufferAttribute( morphAttribute );
- if ( this.morphTargetsRelative ) {
- _vector$8.addVectors( this.boundingBox.min, _box$2.min );
- this.boundingBox.expandByPoint( _vector$8 );
- _vector$8.addVectors( this.boundingBox.max, _box$2.max );
- this.boundingBox.expandByPoint( _vector$8 );
- } else {
- this.boundingBox.expandByPoint( _box$2.min );
- this.boundingBox.expandByPoint( _box$2.max );
- }
- }
- }
- } else {
- this.boundingBox.makeEmpty();
- }
- if ( isNaN( this.boundingBox.min.x ) || isNaN( this.boundingBox.min.y ) || isNaN( this.boundingBox.min.z ) ) {
- console.error( 'THREE.BufferGeometry.computeBoundingBox(): Computed min/max have NaN values. The "position" attribute is likely to have NaN values.', this );
- }
- }
- computeBoundingSphere() {
- if ( this.boundingSphere === null ) {
- this.boundingSphere = new Sphere();
- }
- const position = this.attributes.position;
- const morphAttributesPosition = this.morphAttributes.position;
- if ( position && position.isGLBufferAttribute ) {
- console.error( 'THREE.BufferGeometry.computeBoundingSphere(): GLBufferAttribute requires a manual bounding sphere.', this );
- this.boundingSphere.set( new Vector3(), Infinity );
- return;
- }
- if ( position ) {
- // first, find the center of the bounding sphere
- const center = this.boundingSphere.center;
- _box$2.setFromBufferAttribute( position );
- // process morph attributes if present
- if ( morphAttributesPosition ) {
- for ( let i = 0, il = morphAttributesPosition.length; i < il; i ++ ) {
- const morphAttribute = morphAttributesPosition[ i ];
- _boxMorphTargets.setFromBufferAttribute( morphAttribute );
- if ( this.morphTargetsRelative ) {
- _vector$8.addVectors( _box$2.min, _boxMorphTargets.min );
- _box$2.expandByPoint( _vector$8 );
- _vector$8.addVectors( _box$2.max, _boxMorphTargets.max );
- _box$2.expandByPoint( _vector$8 );
- } else {
- _box$2.expandByPoint( _boxMorphTargets.min );
- _box$2.expandByPoint( _boxMorphTargets.max );
- }
- }
- }
- _box$2.getCenter( center );
- // second, try to find a boundingSphere with a radius smaller than the
- // boundingSphere of the boundingBox: sqrt(3) smaller in the best case
- let maxRadiusSq = 0;
- for ( let i = 0, il = position.count; i < il; i ++ ) {
- _vector$8.fromBufferAttribute( position, i );
- maxRadiusSq = Math.max( maxRadiusSq, center.distanceToSquared( _vector$8 ) );
- }
- // process morph attributes if present
- if ( morphAttributesPosition ) {
- for ( let i = 0, il = morphAttributesPosition.length; i < il; i ++ ) {
- const morphAttribute = morphAttributesPosition[ i ];
- const morphTargetsRelative = this.morphTargetsRelative;
- for ( let j = 0, jl = morphAttribute.count; j < jl; j ++ ) {
- _vector$8.fromBufferAttribute( morphAttribute, j );
- if ( morphTargetsRelative ) {
- _offset.fromBufferAttribute( position, j );
- _vector$8.add( _offset );
- }
- maxRadiusSq = Math.max( maxRadiusSq, center.distanceToSquared( _vector$8 ) );
- }
- }
- }
- this.boundingSphere.radius = Math.sqrt( maxRadiusSq );
- if ( isNaN( this.boundingSphere.radius ) ) {
- console.error( 'THREE.BufferGeometry.computeBoundingSphere(): Computed radius is NaN. The "position" attribute is likely to have NaN values.', this );
- }
- }
- }
- computeTangents() {
- const index = this.index;
- const attributes = this.attributes;
- // based on http://www.terathon.com/code/tangent.html
- // (per vertex tangents)
- if ( index === null ||
- attributes.position === undefined ||
- attributes.normal === undefined ||
- attributes.uv === undefined ) {
- console.error( 'THREE.BufferGeometry: .computeTangents() failed. Missing required attributes (index, position, normal or uv)' );
- return;
- }
- const positionAttribute = attributes.position;
- const normalAttribute = attributes.normal;
- const uvAttribute = attributes.uv;
- if ( this.hasAttribute( 'tangent' ) === false ) {
- this.setAttribute( 'tangent', new BufferAttribute( new Float32Array( 4 * positionAttribute.count ), 4 ) );
- }
- const tangentAttribute = this.getAttribute( 'tangent' );
- const tan1 = [], tan2 = [];
- for ( let i = 0; i < positionAttribute.count; i ++ ) {
- tan1[ i ] = new Vector3();
- tan2[ i ] = new Vector3();
- }
- const vA = new Vector3(),
- vB = new Vector3(),
- vC = new Vector3(),
- uvA = new Vector2(),
- uvB = new Vector2(),
- uvC = new Vector2(),
- sdir = new Vector3(),
- tdir = new Vector3();
- function handleTriangle( a, b, c ) {
- vA.fromBufferAttribute( positionAttribute, a );
- vB.fromBufferAttribute( positionAttribute, b );
- vC.fromBufferAttribute( positionAttribute, c );
- uvA.fromBufferAttribute( uvAttribute, a );
- uvB.fromBufferAttribute( uvAttribute, b );
- uvC.fromBufferAttribute( uvAttribute, c );
- vB.sub( vA );
- vC.sub( vA );
- uvB.sub( uvA );
- uvC.sub( uvA );
- const r = 1.0 / ( uvB.x * uvC.y - uvC.x * uvB.y );
- // silently ignore degenerate uv triangles having coincident or colinear vertices
- if ( ! isFinite( r ) ) return;
- sdir.copy( vB ).multiplyScalar( uvC.y ).addScaledVector( vC, - uvB.y ).multiplyScalar( r );
- tdir.copy( vC ).multiplyScalar( uvB.x ).addScaledVector( vB, - uvC.x ).multiplyScalar( r );
- tan1[ a ].add( sdir );
- tan1[ b ].add( sdir );
- tan1[ c ].add( sdir );
- tan2[ a ].add( tdir );
- tan2[ b ].add( tdir );
- tan2[ c ].add( tdir );
- }
- let groups = this.groups;
- if ( groups.length === 0 ) {
- groups = [ {
- start: 0,
- count: index.count
- } ];
- }
- for ( let i = 0, il = groups.length; i < il; ++ i ) {
- const group = groups[ i ];
- const start = group.start;
- const count = group.count;
- for ( let j = start, jl = start + count; j < jl; j += 3 ) {
- handleTriangle(
- index.getX( j + 0 ),
- index.getX( j + 1 ),
- index.getX( j + 2 )
- );
- }
- }
- const tmp = new Vector3(), tmp2 = new Vector3();
- const n = new Vector3(), n2 = new Vector3();
- function handleVertex( v ) {
- n.fromBufferAttribute( normalAttribute, v );
- n2.copy( n );
- const t = tan1[ v ];
- // Gram-Schmidt orthogonalize
- tmp.copy( t );
- tmp.sub( n.multiplyScalar( n.dot( t ) ) ).normalize();
- // Calculate handedness
- tmp2.crossVectors( n2, t );
- const test = tmp2.dot( tan2[ v ] );
- const w = ( test < 0.0 ) ? - 1.0 : 1.0;
- tangentAttribute.setXYZW( v, tmp.x, tmp.y, tmp.z, w );
- }
- for ( let i = 0, il = groups.length; i < il; ++ i ) {
- const group = groups[ i ];
- const start = group.start;
- const count = group.count;
- for ( let j = start, jl = start + count; j < jl; j += 3 ) {
- handleVertex( index.getX( j + 0 ) );
- handleVertex( index.getX( j + 1 ) );
- handleVertex( index.getX( j + 2 ) );
- }
- }
- }
- computeVertexNormals() {
- const index = this.index;
- const positionAttribute = this.getAttribute( 'position' );
- if ( positionAttribute !== undefined ) {
- let normalAttribute = this.getAttribute( 'normal' );
- if ( normalAttribute === undefined ) {
- normalAttribute = new BufferAttribute( new Float32Array( positionAttribute.count * 3 ), 3 );
- this.setAttribute( 'normal', normalAttribute );
- } else {
- // reset existing normals to zero
- for ( let i = 0, il = normalAttribute.count; i < il; i ++ ) {
- normalAttribute.setXYZ( i, 0, 0, 0 );
- }
- }
- const pA = new Vector3(), pB = new Vector3(), pC = new Vector3();
- const nA = new Vector3(), nB = new Vector3(), nC = new Vector3();
- const cb = new Vector3(), ab = new Vector3();
- // indexed elements
- if ( index ) {
- for ( let i = 0, il = index.count; i < il; i += 3 ) {
- const vA = index.getX( i + 0 );
- const vB = index.getX( i + 1 );
- const vC = index.getX( i + 2 );
- pA.fromBufferAttribute( positionAttribute, vA );
- pB.fromBufferAttribute( positionAttribute, vB );
- pC.fromBufferAttribute( positionAttribute, vC );
- cb.subVectors( pC, pB );
- ab.subVectors( pA, pB );
- cb.cross( ab );
- nA.fromBufferAttribute( normalAttribute, vA );
- nB.fromBufferAttribute( normalAttribute, vB );
- nC.fromBufferAttribute( normalAttribute, vC );
- nA.add( cb );
- nB.add( cb );
- nC.add( cb );
- normalAttribute.setXYZ( vA, nA.x, nA.y, nA.z );
- normalAttribute.setXYZ( vB, nB.x, nB.y, nB.z );
- normalAttribute.setXYZ( vC, nC.x, nC.y, nC.z );
- }
- } else {
- // non-indexed elements (unconnected triangle soup)
- for ( let i = 0, il = positionAttribute.count; i < il; i += 3 ) {
- pA.fromBufferAttribute( positionAttribute, i + 0 );
- pB.fromBufferAttribute( positionAttribute, i + 1 );
- pC.fromBufferAttribute( positionAttribute, i + 2 );
- cb.subVectors( pC, pB );
- ab.subVectors( pA, pB );
- cb.cross( ab );
- normalAttribute.setXYZ( i + 0, cb.x, cb.y, cb.z );
- normalAttribute.setXYZ( i + 1, cb.x, cb.y, cb.z );
- normalAttribute.setXYZ( i + 2, cb.x, cb.y, cb.z );
- }
- }
- this.normalizeNormals();
- normalAttribute.needsUpdate = true;
- }
- }
- normalizeNormals() {
- const normals = this.attributes.normal;
- for ( let i = 0, il = normals.count; i < il; i ++ ) {
- _vector$8.fromBufferAttribute( normals, i );
- _vector$8.normalize();
- normals.setXYZ( i, _vector$8.x, _vector$8.y, _vector$8.z );
- }
- }
- toNonIndexed() {
- function convertBufferAttribute( attribute, indices ) {
- const array = attribute.array;
- const itemSize = attribute.itemSize;
- const normalized = attribute.normalized;
- const array2 = new array.constructor( indices.length * itemSize );
- let index = 0, index2 = 0;
- for ( let i = 0, l = indices.length; i < l; i ++ ) {
- if ( attribute.isInterleavedBufferAttribute ) {
- index = indices[ i ] * attribute.data.stride + attribute.offset;
- } else {
- index = indices[ i ] * itemSize;
- }
- for ( let j = 0; j < itemSize; j ++ ) {
- array2[ index2 ++ ] = array[ index ++ ];
- }
- }
- return new BufferAttribute( array2, itemSize, normalized );
- }
- //
- if ( this.index === null ) {
- console.warn( 'THREE.BufferGeometry.toNonIndexed(): BufferGeometry is already non-indexed.' );
- return this;
- }
- const geometry2 = new BufferGeometry();
- const indices = this.index.array;
- const attributes = this.attributes;
- // attributes
- for ( const name in attributes ) {
- const attribute = attributes[ name ];
- const newAttribute = convertBufferAttribute( attribute, indices );
- geometry2.setAttribute( name, newAttribute );
- }
- // morph attributes
- const morphAttributes = this.morphAttributes;
- for ( const name in morphAttributes ) {
- const morphArray = [];
- const morphAttribute = morphAttributes[ name ]; // morphAttribute: array of Float32BufferAttributes
- for ( let i = 0, il = morphAttribute.length; i < il; i ++ ) {
- const attribute = morphAttribute[ i ];
- const newAttribute = convertBufferAttribute( attribute, indices );
- morphArray.push( newAttribute );
- }
- geometry2.morphAttributes[ name ] = morphArray;
- }
- geometry2.morphTargetsRelative = this.morphTargetsRelative;
- // groups
- const groups = this.groups;
- for ( let i = 0, l = groups.length; i < l; i ++ ) {
- const group = groups[ i ];
- geometry2.addGroup( group.start, group.count, group.materialIndex );
- }
- return geometry2;
- }
- toJSON() {
- const data = {
- metadata: {
- version: 4.6,
- type: 'BufferGeometry',
- generator: 'BufferGeometry.toJSON'
- }
- };
- // standard BufferGeometry serialization
- data.uuid = this.uuid;
- data.type = this.type;
- if ( this.name !== '' ) data.name = this.name;
- if ( Object.keys( this.userData ).length > 0 ) data.userData = this.userData;
- if ( this.parameters !== undefined ) {
- const parameters = this.parameters;
- for ( const key in parameters ) {
- if ( parameters[ key ] !== undefined ) data[ key ] = parameters[ key ];
- }
- return data;
- }
- // for simplicity the code assumes attributes are not shared across geometries, see #15811
- data.data = { attributes: {} };
- const index = this.index;
- if ( index !== null ) {
- data.data.index = {
- type: index.array.constructor.name,
- array: Array.prototype.slice.call( index.array )
- };
- }
- const attributes = this.attributes;
- for ( const key in attributes ) {
- const attribute = attributes[ key ];
- data.data.attributes[ key ] = attribute.toJSON( data.data );
- }
- const morphAttributes = {};
- let hasMorphAttributes = false;
- for ( const key in this.morphAttributes ) {
- const attributeArray = this.morphAttributes[ key ];
- const array = [];
- for ( let i = 0, il = attributeArray.length; i < il; i ++ ) {
- const attribute = attributeArray[ i ];
- array.push( attribute.toJSON( data.data ) );
- }
- if ( array.length > 0 ) {
- morphAttributes[ key ] = array;
- hasMorphAttributes = true;
- }
- }
- if ( hasMorphAttributes ) {
- data.data.morphAttributes = morphAttributes;
- data.data.morphTargetsRelative = this.morphTargetsRelative;
- }
- const groups = this.groups;
- if ( groups.length > 0 ) {
- data.data.groups = JSON.parse( JSON.stringify( groups ) );
- }
- const boundingSphere = this.boundingSphere;
- if ( boundingSphere !== null ) {
- data.data.boundingSphere = {
- center: boundingSphere.center.toArray(),
- radius: boundingSphere.radius
- };
- }
- return data;
- }
- clone() {
- return new this.constructor().copy( this );
- }
- copy( source ) {
- // reset
- this.index = null;
- this.attributes = {};
- this.morphAttributes = {};
- this.groups = [];
- this.boundingBox = null;
- this.boundingSphere = null;
- // used for storing cloned, shared data
- const data = {};
- // name
- this.name = source.name;
- // index
- const index = source.index;
- if ( index !== null ) {
- this.setIndex( index.clone( data ) );
- }
- // attributes
- const attributes = source.attributes;
- for ( const name in attributes ) {
- const attribute = attributes[ name ];
- this.setAttribute( name, attribute.clone( data ) );
- }
- // morph attributes
- const morphAttributes = source.morphAttributes;
- for ( const name in morphAttributes ) {
- const array = [];
- const morphAttribute = morphAttributes[ name ]; // morphAttribute: array of Float32BufferAttributes
- for ( let i = 0, l = morphAttribute.length; i < l; i ++ ) {
- array.push( morphAttribute[ i ].clone( data ) );
- }
- this.morphAttributes[ name ] = array;
- }
- this.morphTargetsRelative = source.morphTargetsRelative;
- // groups
- const groups = source.groups;
- for ( let i = 0, l = groups.length; i < l; i ++ ) {
- const group = groups[ i ];
- this.addGroup( group.start, group.count, group.materialIndex );
- }
- // bounding box
- const boundingBox = source.boundingBox;
- if ( boundingBox !== null ) {
- this.boundingBox = boundingBox.clone();
- }
- // bounding sphere
- const boundingSphere = source.boundingSphere;
- if ( boundingSphere !== null ) {
- this.boundingSphere = boundingSphere.clone();
- }
- // draw range
- this.drawRange.start = source.drawRange.start;
- this.drawRange.count = source.drawRange.count;
- // user data
- this.userData = source.userData;
- return this;
- }
- dispose() {
- this.dispatchEvent( { type: 'dispose' } );
- }
- }
- const _inverseMatrix$3 = /*@__PURE__*/ new Matrix4();
- const _ray$3 = /*@__PURE__*/ new Ray();
- const _sphere$6 = /*@__PURE__*/ new Sphere();
- const _sphereHitAt = /*@__PURE__*/ new Vector3();
- const _vA$1 = /*@__PURE__*/ new Vector3();
- const _vB$1 = /*@__PURE__*/ new Vector3();
- const _vC$1 = /*@__PURE__*/ new Vector3();
- const _tempA = /*@__PURE__*/ new Vector3();
- const _morphA = /*@__PURE__*/ new Vector3();
- const _intersectionPoint = /*@__PURE__*/ new Vector3();
- const _intersectionPointWorld = /*@__PURE__*/ new Vector3();
- class Mesh extends Object3D {
- constructor( geometry = new BufferGeometry(), material = new MeshBasicMaterial() ) {
- super();
- this.isMesh = true;
- this.type = 'Mesh';
- this.geometry = geometry;
- this.material = material;
- this.updateMorphTargets();
- }
- copy( source, recursive ) {
- super.copy( source, recursive );
- if ( source.morphTargetInfluences !== undefined ) {
- this.morphTargetInfluences = source.morphTargetInfluences.slice();
- }
- if ( source.morphTargetDictionary !== undefined ) {
- this.morphTargetDictionary = Object.assign( {}, source.morphTargetDictionary );
- }
- this.material = Array.isArray( source.material ) ? source.material.slice() : source.material;
- this.geometry = source.geometry;
- return this;
- }
- updateMorphTargets() {
- const geometry = this.geometry;
- const morphAttributes = geometry.morphAttributes;
- const keys = Object.keys( morphAttributes );
- if ( keys.length > 0 ) {
- const morphAttribute = morphAttributes[ keys[ 0 ] ];
- if ( morphAttribute !== undefined ) {
- this.morphTargetInfluences = [];
- this.morphTargetDictionary = {};
- for ( let m = 0, ml = morphAttribute.length; m < ml; m ++ ) {
- const name = morphAttribute[ m ].name || String( m );
- this.morphTargetInfluences.push( 0 );
- this.morphTargetDictionary[ name ] = m;
- }
- }
- }
- }
- getVertexPosition( index, target ) {
- const geometry = this.geometry;
- const position = geometry.attributes.position;
- const morphPosition = geometry.morphAttributes.position;
- const morphTargetsRelative = geometry.morphTargetsRelative;
- target.fromBufferAttribute( position, index );
- const morphInfluences = this.morphTargetInfluences;
- if ( morphPosition && morphInfluences ) {
- _morphA.set( 0, 0, 0 );
- for ( let i = 0, il = morphPosition.length; i < il; i ++ ) {
- const influence = morphInfluences[ i ];
- const morphAttribute = morphPosition[ i ];
- if ( influence === 0 ) continue;
- _tempA.fromBufferAttribute( morphAttribute, index );
- if ( morphTargetsRelative ) {
- _morphA.addScaledVector( _tempA, influence );
- } else {
- _morphA.addScaledVector( _tempA.sub( target ), influence );
- }
- }
- target.add( _morphA );
- }
- return target;
- }
- raycast( raycaster, intersects ) {
- const geometry = this.geometry;
- const material = this.material;
- const matrixWorld = this.matrixWorld;
- if ( material === undefined ) return;
- // test with bounding sphere in world space
- if ( geometry.boundingSphere === null ) geometry.computeBoundingSphere();
- _sphere$6.copy( geometry.boundingSphere );
- _sphere$6.applyMatrix4( matrixWorld );
- // check distance from ray origin to bounding sphere
- _ray$3.copy( raycaster.ray ).recast( raycaster.near );
- if ( _sphere$6.containsPoint( _ray$3.origin ) === false ) {
- if ( _ray$3.intersectSphere( _sphere$6, _sphereHitAt ) === null ) return;
- if ( _ray$3.origin.distanceToSquared( _sphereHitAt ) > ( raycaster.far - raycaster.near ) ** 2 ) return;
- }
- // convert ray to local space of mesh
- _inverseMatrix$3.copy( matrixWorld ).invert();
- _ray$3.copy( raycaster.ray ).applyMatrix4( _inverseMatrix$3 );
- // test with bounding box in local space
- if ( geometry.boundingBox !== null ) {
- if ( _ray$3.intersectsBox( geometry.boundingBox ) === false ) return;
- }
- // test for intersections with geometry
- this._computeIntersections( raycaster, intersects, _ray$3 );
- }
- _computeIntersections( raycaster, intersects, rayLocalSpace ) {
- let intersection;
- const geometry = this.geometry;
- const material = this.material;
- const index = geometry.index;
- const position = geometry.attributes.position;
- const uv = geometry.attributes.uv;
- const uv1 = geometry.attributes.uv1;
- const normal = geometry.attributes.normal;
- const groups = geometry.groups;
- const drawRange = geometry.drawRange;
- if ( index !== null ) {
- // indexed buffer geometry
- if ( Array.isArray( material ) ) {
- for ( let i = 0, il = groups.length; i < il; i ++ ) {
- const group = groups[ i ];
- const groupMaterial = material[ group.materialIndex ];
- const start = Math.max( group.start, drawRange.start );
- const end = Math.min( index.count, Math.min( ( group.start + group.count ), ( drawRange.start + drawRange.count ) ) );
- for ( let j = start, jl = end; j < jl; j += 3 ) {
- const a = index.getX( j );
- const b = index.getX( j + 1 );
- const c = index.getX( j + 2 );
- intersection = checkGeometryIntersection( this, groupMaterial, raycaster, rayLocalSpace, uv, uv1, normal, a, b, c );
- if ( intersection ) {
- intersection.faceIndex = Math.floor( j / 3 ); // triangle number in indexed buffer semantics
- intersection.face.materialIndex = group.materialIndex;
- intersects.push( intersection );
- }
- }
- }
- } else {
- const start = Math.max( 0, drawRange.start );
- const end = Math.min( index.count, ( drawRange.start + drawRange.count ) );
- for ( let i = start, il = end; i < il; i += 3 ) {
- const a = index.getX( i );
- const b = index.getX( i + 1 );
- const c = index.getX( i + 2 );
- intersection = checkGeometryIntersection( this, material, raycaster, rayLocalSpace, uv, uv1, normal, a, b, c );
- if ( intersection ) {
- intersection.faceIndex = Math.floor( i / 3 ); // triangle number in indexed buffer semantics
- intersects.push( intersection );
- }
- }
- }
- } else if ( position !== undefined ) {
- // non-indexed buffer geometry
- if ( Array.isArray( material ) ) {
- for ( let i = 0, il = groups.length; i < il; i ++ ) {
- const group = groups[ i ];
- const groupMaterial = material[ group.materialIndex ];
- const start = Math.max( group.start, drawRange.start );
- const end = Math.min( position.count, Math.min( ( group.start + group.count ), ( drawRange.start + drawRange.count ) ) );
- for ( let j = start, jl = end; j < jl; j += 3 ) {
- const a = j;
- const b = j + 1;
- const c = j + 2;
- intersection = checkGeometryIntersection( this, groupMaterial, raycaster, rayLocalSpace, uv, uv1, normal, a, b, c );
- if ( intersection ) {
- intersection.faceIndex = Math.floor( j / 3 ); // triangle number in non-indexed buffer semantics
- intersection.face.materialIndex = group.materialIndex;
- intersects.push( intersection );
- }
- }
- }
- } else {
- const start = Math.max( 0, drawRange.start );
- const end = Math.min( position.count, ( drawRange.start + drawRange.count ) );
- for ( let i = start, il = end; i < il; i += 3 ) {
- const a = i;
- const b = i + 1;
- const c = i + 2;
- intersection = checkGeometryIntersection( this, material, raycaster, rayLocalSpace, uv, uv1, normal, a, b, c );
- if ( intersection ) {
- intersection.faceIndex = Math.floor( i / 3 ); // triangle number in non-indexed buffer semantics
- intersects.push( intersection );
- }
- }
- }
- }
- }
- }
- function checkIntersection$1( object, material, raycaster, ray, pA, pB, pC, point ) {
- let intersect;
- if ( material.side === BackSide ) {
- intersect = ray.intersectTriangle( pC, pB, pA, true, point );
- } else {
- intersect = ray.intersectTriangle( pA, pB, pC, ( material.side === FrontSide ), point );
- }
- if ( intersect === null ) return null;
- _intersectionPointWorld.copy( point );
- _intersectionPointWorld.applyMatrix4( object.matrixWorld );
- const distance = raycaster.ray.origin.distanceTo( _intersectionPointWorld );
- if ( distance < raycaster.near || distance > raycaster.far ) return null;
- return {
- distance: distance,
- point: _intersectionPointWorld.clone(),
- object: object
- };
- }
- function checkGeometryIntersection( object, material, raycaster, ray, uv, uv1, normal, a, b, c ) {
- object.getVertexPosition( a, _vA$1 );
- object.getVertexPosition( b, _vB$1 );
- object.getVertexPosition( c, _vC$1 );
- const intersection = checkIntersection$1( object, material, raycaster, ray, _vA$1, _vB$1, _vC$1, _intersectionPoint );
- if ( intersection ) {
- const barycoord = new Vector3();
- Triangle.getBarycoord( _intersectionPoint, _vA$1, _vB$1, _vC$1, barycoord );
- if ( uv ) {
- intersection.uv = Triangle.getInterpolatedAttribute( uv, a, b, c, barycoord, new Vector2() );
- }
- if ( uv1 ) {
- intersection.uv1 = Triangle.getInterpolatedAttribute( uv1, a, b, c, barycoord, new Vector2() );
- }
- if ( normal ) {
- intersection.normal = Triangle.getInterpolatedAttribute( normal, a, b, c, barycoord, new Vector3() );
- if ( intersection.normal.dot( ray.direction ) > 0 ) {
- intersection.normal.multiplyScalar( - 1 );
- }
- }
- const face = {
- a: a,
- b: b,
- c: c,
- normal: new Vector3(),
- materialIndex: 0
- };
- Triangle.getNormal( _vA$1, _vB$1, _vC$1, face.normal );
- intersection.face = face;
- intersection.barycoord = barycoord;
- }
- return intersection;
- }
- class BoxGeometry extends BufferGeometry {
- constructor( width = 1, height = 1, depth = 1, widthSegments = 1, heightSegments = 1, depthSegments = 1 ) {
- super();
- this.type = 'BoxGeometry';
- this.parameters = {
- width: width,
- height: height,
- depth: depth,
- widthSegments: widthSegments,
- heightSegments: heightSegments,
- depthSegments: depthSegments
- };
- const scope = this;
- // segments
- widthSegments = Math.floor( widthSegments );
- heightSegments = Math.floor( heightSegments );
- depthSegments = Math.floor( depthSegments );
- // buffers
- const indices = [];
- const vertices = [];
- const normals = [];
- const uvs = [];
- // helper variables
- let numberOfVertices = 0;
- let groupStart = 0;
- // build each side of the box geometry
- buildPlane( 'z', 'y', 'x', - 1, - 1, depth, height, width, depthSegments, heightSegments, 0 ); // px
- buildPlane( 'z', 'y', 'x', 1, - 1, depth, height, - width, depthSegments, heightSegments, 1 ); // nx
- buildPlane( 'x', 'z', 'y', 1, 1, width, depth, height, widthSegments, depthSegments, 2 ); // py
- buildPlane( 'x', 'z', 'y', 1, - 1, width, depth, - height, widthSegments, depthSegments, 3 ); // ny
- buildPlane( 'x', 'y', 'z', 1, - 1, width, height, depth, widthSegments, heightSegments, 4 ); // pz
- buildPlane( 'x', 'y', 'z', - 1, - 1, width, height, - depth, widthSegments, heightSegments, 5 ); // nz
- // build geometry
- this.setIndex( indices );
- this.setAttribute( 'position', new Float32BufferAttribute( vertices, 3 ) );
- this.setAttribute( 'normal', new Float32BufferAttribute( normals, 3 ) );
- this.setAttribute( 'uv', new Float32BufferAttribute( uvs, 2 ) );
- function buildPlane( u, v, w, udir, vdir, width, height, depth, gridX, gridY, materialIndex ) {
- const segmentWidth = width / gridX;
- const segmentHeight = height / gridY;
- const widthHalf = width / 2;
- const heightHalf = height / 2;
- const depthHalf = depth / 2;
- const gridX1 = gridX + 1;
- const gridY1 = gridY + 1;
- let vertexCounter = 0;
- let groupCount = 0;
- const vector = new Vector3();
- // generate vertices, normals and uvs
- for ( let iy = 0; iy < gridY1; iy ++ ) {
- const y = iy * segmentHeight - heightHalf;
- for ( let ix = 0; ix < gridX1; ix ++ ) {
- const x = ix * segmentWidth - widthHalf;
- // set values to correct vector component
- vector[ u ] = x * udir;
- vector[ v ] = y * vdir;
- vector[ w ] = depthHalf;
- // now apply vector to vertex buffer
- vertices.push( vector.x, vector.y, vector.z );
- // set values to correct vector component
- vector[ u ] = 0;
- vector[ v ] = 0;
- vector[ w ] = depth > 0 ? 1 : - 1;
- // now apply vector to normal buffer
- normals.push( vector.x, vector.y, vector.z );
- // uvs
- uvs.push( ix / gridX );
- uvs.push( 1 - ( iy / gridY ) );
- // counters
- vertexCounter += 1;
- }
- }
- // indices
- // 1. you need three indices to draw a single face
- // 2. a single segment consists of two faces
- // 3. so we need to generate six (2*3) indices per segment
- for ( let iy = 0; iy < gridY; iy ++ ) {
- for ( let ix = 0; ix < gridX; ix ++ ) {
- const a = numberOfVertices + ix + gridX1 * iy;
- const b = numberOfVertices + ix + gridX1 * ( iy + 1 );
- const c = numberOfVertices + ( ix + 1 ) + gridX1 * ( iy + 1 );
- const d = numberOfVertices + ( ix + 1 ) + gridX1 * iy;
- // faces
- indices.push( a, b, d );
- indices.push( b, c, d );
- // increase counter
- groupCount += 6;
- }
- }
- // add a group to the geometry. this will ensure multi material support
- scope.addGroup( groupStart, groupCount, materialIndex );
- // calculate new start value for groups
- groupStart += groupCount;
- // update total number of vertices
- numberOfVertices += vertexCounter;
- }
- }
- copy( source ) {
- super.copy( source );
- this.parameters = Object.assign( {}, source.parameters );
- return this;
- }
- static fromJSON( data ) {
- return new BoxGeometry( data.width, data.height, data.depth, data.widthSegments, data.heightSegments, data.depthSegments );
- }
- }
- /**
- * Uniform Utilities
- */
- function cloneUniforms( src ) {
- const dst = {};
- for ( const u in src ) {
- dst[ u ] = {};
- for ( const p in src[ u ] ) {
- const property = src[ u ][ p ];
- if ( property && ( property.isColor ||
- property.isMatrix3 || property.isMatrix4 ||
- property.isVector2 || property.isVector3 || property.isVector4 ||
- property.isTexture || property.isQuaternion ) ) {
- if ( property.isRenderTargetTexture ) {
- console.warn( 'UniformsUtils: Textures of render targets cannot be cloned via cloneUniforms() or mergeUniforms().' );
- dst[ u ][ p ] = null;
- } else {
- dst[ u ][ p ] = property.clone();
- }
- } else if ( Array.isArray( property ) ) {
- dst[ u ][ p ] = property.slice();
- } else {
- dst[ u ][ p ] = property;
- }
- }
- }
- return dst;
- }
- function cloneUniformsGroups( src ) {
- const dst = [];
- for ( let u = 0; u < src.length; u ++ ) {
- dst.push( src[ u ].clone() );
- }
- return dst;
- }
- var default_vertex = /* glsl */`
- void main() {
- gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
- }
- `;
- var default_fragment = /* glsl */`
- void main() {
- gl_FragColor = vec4( 1.0, 0.0, 0.0, 1.0 );
- }
- `;
- class ShaderMaterial extends Material {
- constructor( parameters ) {
- super();
- this.isShaderMaterial = true;
- this.type = 'ShaderMaterial';
- this.defines = {};
- this.uniforms = {};
- this.uniformsGroups = [];
- this.vertexShader = default_vertex;
- this.fragmentShader = default_fragment;
- this.linewidth = 1;
- this.wireframe = false;
- this.wireframeLinewidth = 1;
- this.fog = false; // set to use scene fog
- this.lights = false; // set to use scene lights
- this.clipping = false; // set to use user-defined clipping planes
- this.forceSinglePass = true;
- this.extensions = {
- clipCullDistance: false, // set to use vertex shader clipping
- multiDraw: false // set to use vertex shader multi_draw / enable gl_DrawID
- };
- // When rendered geometry doesn't include these attributes but the material does,
- // use these default values in WebGL. This avoids errors when buffer data is missing.
- this.defaultAttributeValues = {
- 'color': [ 1, 1, 1 ],
- 'uv': [ 0, 0 ],
- 'uv1': [ 0, 0 ]
- };
- this.index0AttributeName = undefined;
- this.uniformsNeedUpdate = false;
- this.glslVersion = null;
- if ( parameters !== undefined ) {
- this.setValues( parameters );
- }
- }
- copy( source ) {
- super.copy( source );
- this.fragmentShader = source.fragmentShader;
- this.vertexShader = source.vertexShader;
- this.uniforms = cloneUniforms( source.uniforms );
- this.uniformsGroups = cloneUniformsGroups( source.uniformsGroups );
- this.defines = Object.assign( {}, source.defines );
- this.wireframe = source.wireframe;
- this.wireframeLinewidth = source.wireframeLinewidth;
- this.fog = source.fog;
- this.lights = source.lights;
- this.clipping = source.clipping;
- this.extensions = Object.assign( {}, source.extensions );
- this.glslVersion = source.glslVersion;
- return this;
- }
- toJSON( meta ) {
- const data = super.toJSON( meta );
- data.glslVersion = this.glslVersion;
- data.uniforms = {};
- for ( const name in this.uniforms ) {
- const uniform = this.uniforms[ name ];
- const value = uniform.value;
- if ( value && value.isTexture ) {
- data.uniforms[ name ] = {
- type: 't',
- value: value.toJSON( meta ).uuid
- };
- } else if ( value && value.isColor ) {
- data.uniforms[ name ] = {
- type: 'c',
- value: value.getHex()
- };
- } else if ( value && value.isVector2 ) {
- data.uniforms[ name ] = {
- type: 'v2',
- value: value.toArray()
- };
- } else if ( value && value.isVector3 ) {
- data.uniforms[ name ] = {
- type: 'v3',
- value: value.toArray()
- };
- } else if ( value && value.isVector4 ) {
- data.uniforms[ name ] = {
- type: 'v4',
- value: value.toArray()
- };
- } else if ( value && value.isMatrix3 ) {
- data.uniforms[ name ] = {
- type: 'm3',
- value: value.toArray()
- };
- } else if ( value && value.isMatrix4 ) {
- data.uniforms[ name ] = {
- type: 'm4',
- value: value.toArray()
- };
- } else {
- data.uniforms[ name ] = {
- value: value
- };
- // note: the array variants v2v, v3v, v4v, m4v and tv are not supported so far
- }
- }
- if ( Object.keys( this.defines ).length > 0 ) data.defines = this.defines;
- data.vertexShader = this.vertexShader;
- data.fragmentShader = this.fragmentShader;
- data.lights = this.lights;
- data.clipping = this.clipping;
- const extensions = {};
- for ( const key in this.extensions ) {
- if ( this.extensions[ key ] === true ) extensions[ key ] = true;
- }
- if ( Object.keys( extensions ).length > 0 ) data.extensions = extensions;
- return data;
- }
- }
- class Camera extends Object3D {
- constructor() {
- super();
- this.isCamera = true;
- this.type = 'Camera';
- this.matrixWorldInverse = new Matrix4();
- this.projectionMatrix = new Matrix4();
- this.projectionMatrixInverse = new Matrix4();
- this.coordinateSystem = WebGLCoordinateSystem;
- }
- copy( source, recursive ) {
- super.copy( source, recursive );
- this.matrixWorldInverse.copy( source.matrixWorldInverse );
- this.projectionMatrix.copy( source.projectionMatrix );
- this.projectionMatrixInverse.copy( source.projectionMatrixInverse );
- this.coordinateSystem = source.coordinateSystem;
- return this;
- }
- getWorldDirection( target ) {
- return super.getWorldDirection( target ).negate();
- }
- updateMatrixWorld( force ) {
- super.updateMatrixWorld( force );
- this.matrixWorldInverse.copy( this.matrixWorld ).invert();
- }
- updateWorldMatrix( updateParents, updateChildren ) {
- super.updateWorldMatrix( updateParents, updateChildren );
- this.matrixWorldInverse.copy( this.matrixWorld ).invert();
- }
- clone() {
- return new this.constructor().copy( this );
- }
- }
- const _v3$1 = /*@__PURE__*/ new Vector3();
- const _minTarget = /*@__PURE__*/ new Vector2();
- const _maxTarget = /*@__PURE__*/ new Vector2();
- class PerspectiveCamera extends Camera {
- constructor( fov = 50, aspect = 1, near = 0.1, far = 2000 ) {
- super();
- this.isPerspectiveCamera = true;
- this.type = 'PerspectiveCamera';
- this.fov = fov;
- this.zoom = 1;
- this.near = near;
- this.far = far;
- this.focus = 10;
- this.aspect = aspect;
- this.view = null;
- this.filmGauge = 35; // width of the film (default in millimeters)
- this.filmOffset = 0; // horizontal film offset (same unit as gauge)
- this.updateProjectionMatrix();
- }
- copy( source, recursive ) {
- super.copy( source, recursive );
- this.fov = source.fov;
- this.zoom = source.zoom;
- this.near = source.near;
- this.far = source.far;
- this.focus = source.focus;
- this.aspect = source.aspect;
- this.view = source.view === null ? null : Object.assign( {}, source.view );
- this.filmGauge = source.filmGauge;
- this.filmOffset = source.filmOffset;
- return this;
- }
- /**
- * Sets the FOV by focal length in respect to the current .filmGauge.
- *
- * The default film gauge is 35, so that the focal length can be specified for
- * a 35mm (full frame) camera.
- *
- * Values for focal length and film gauge must have the same unit.
- */
- setFocalLength( focalLength ) {
- /** see {@link http://www.bobatkins.com/photography/technical/field_of_view.html} */
- const vExtentSlope = 0.5 * this.getFilmHeight() / focalLength;
- this.fov = RAD2DEG * 2 * Math.atan( vExtentSlope );
- this.updateProjectionMatrix();
- }
- /**
- * Calculates the focal length from the current .fov and .filmGauge.
- */
- getFocalLength() {
- const vExtentSlope = Math.tan( DEG2RAD * 0.5 * this.fov );
- return 0.5 * this.getFilmHeight() / vExtentSlope;
- }
- getEffectiveFOV() {
- return RAD2DEG * 2 * Math.atan(
- Math.tan( DEG2RAD * 0.5 * this.fov ) / this.zoom );
- }
- getFilmWidth() {
- // film not completely covered in portrait format (aspect < 1)
- return this.filmGauge * Math.min( this.aspect, 1 );
- }
- getFilmHeight() {
- // film not completely covered in landscape format (aspect > 1)
- return this.filmGauge / Math.max( this.aspect, 1 );
- }
- /**
- * Computes the 2D bounds of the camera's viewable rectangle at a given distance along the viewing direction.
- * Sets minTarget and maxTarget to the coordinates of the lower-left and upper-right corners of the view rectangle.
- */
- getViewBounds( distance, minTarget, maxTarget ) {
- _v3$1.set( - 1, - 1, 0.5 ).applyMatrix4( this.projectionMatrixInverse );
- minTarget.set( _v3$1.x, _v3$1.y ).multiplyScalar( - distance / _v3$1.z );
- _v3$1.set( 1, 1, 0.5 ).applyMatrix4( this.projectionMatrixInverse );
- maxTarget.set( _v3$1.x, _v3$1.y ).multiplyScalar( - distance / _v3$1.z );
- }
- /**
- * Computes the width and height of the camera's viewable rectangle at a given distance along the viewing direction.
- * Copies the result into the target Vector2, where x is width and y is height.
- */
- getViewSize( distance, target ) {
- this.getViewBounds( distance, _minTarget, _maxTarget );
- return target.subVectors( _maxTarget, _minTarget );
- }
- /**
- * Sets an offset in a larger frustum. This is useful for multi-window or
- * multi-monitor/multi-machine setups.
- *
- * For example, if you have 3x2 monitors and each monitor is 1920x1080 and
- * the monitors are in grid like this
- *
- * +---+---+---+
- * | A | B | C |
- * +---+---+---+
- * | D | E | F |
- * +---+---+---+
- *
- * then for each monitor you would call it like this
- *
- * const w = 1920;
- * const h = 1080;
- * const fullWidth = w * 3;
- * const fullHeight = h * 2;
- *
- * --A--
- * camera.setViewOffset( fullWidth, fullHeight, w * 0, h * 0, w, h );
- * --B--
- * camera.setViewOffset( fullWidth, fullHeight, w * 1, h * 0, w, h );
- * --C--
- * camera.setViewOffset( fullWidth, fullHeight, w * 2, h * 0, w, h );
- * --D--
- * camera.setViewOffset( fullWidth, fullHeight, w * 0, h * 1, w, h );
- * --E--
- * camera.setViewOffset( fullWidth, fullHeight, w * 1, h * 1, w, h );
- * --F--
- * camera.setViewOffset( fullWidth, fullHeight, w * 2, h * 1, w, h );
- *
- * Note there is no reason monitors have to be the same size or in a grid.
- */
- setViewOffset( fullWidth, fullHeight, x, y, width, height ) {
- this.aspect = fullWidth / fullHeight;
- if ( this.view === null ) {
- this.view = {
- enabled: true,
- fullWidth: 1,
- fullHeight: 1,
- offsetX: 0,
- offsetY: 0,
- width: 1,
- height: 1
- };
- }
- this.view.enabled = true;
- this.view.fullWidth = fullWidth;
- this.view.fullHeight = fullHeight;
- this.view.offsetX = x;
- this.view.offsetY = y;
- this.view.width = width;
- this.view.height = height;
- this.updateProjectionMatrix();
- }
- clearViewOffset() {
- if ( this.view !== null ) {
- this.view.enabled = false;
- }
- this.updateProjectionMatrix();
- }
- updateProjectionMatrix() {
- const near = this.near;
- let top = near * Math.tan( DEG2RAD * 0.5 * this.fov ) / this.zoom;
- let height = 2 * top;
- let width = this.aspect * height;
- let left = - 0.5 * width;
- const view = this.view;
- if ( this.view !== null && this.view.enabled ) {
- const fullWidth = view.fullWidth,
- fullHeight = view.fullHeight;
- left += view.offsetX * width / fullWidth;
- top -= view.offsetY * height / fullHeight;
- width *= view.width / fullWidth;
- height *= view.height / fullHeight;
- }
- const skew = this.filmOffset;
- if ( skew !== 0 ) left += near * skew / this.getFilmWidth();
- this.projectionMatrix.makePerspective( left, left + width, top, top - height, near, this.far, this.coordinateSystem );
- this.projectionMatrixInverse.copy( this.projectionMatrix ).invert();
- }
- toJSON( meta ) {
- const data = super.toJSON( meta );
- data.object.fov = this.fov;
- data.object.zoom = this.zoom;
- data.object.near = this.near;
- data.object.far = this.far;
- data.object.focus = this.focus;
- data.object.aspect = this.aspect;
- if ( this.view !== null ) data.object.view = Object.assign( {}, this.view );
- data.object.filmGauge = this.filmGauge;
- data.object.filmOffset = this.filmOffset;
- return data;
- }
- }
- const fov = - 90; // negative fov is not an error
- const aspect = 1;
- class CubeCamera extends Object3D {
- constructor( near, far, renderTarget ) {
- super();
- this.type = 'CubeCamera';
- this.renderTarget = renderTarget;
- this.coordinateSystem = null;
- this.activeMipmapLevel = 0;
- const cameraPX = new PerspectiveCamera( fov, aspect, near, far );
- cameraPX.layers = this.layers;
- this.add( cameraPX );
- const cameraNX = new PerspectiveCamera( fov, aspect, near, far );
- cameraNX.layers = this.layers;
- this.add( cameraNX );
- const cameraPY = new PerspectiveCamera( fov, aspect, near, far );
- cameraPY.layers = this.layers;
- this.add( cameraPY );
- const cameraNY = new PerspectiveCamera( fov, aspect, near, far );
- cameraNY.layers = this.layers;
- this.add( cameraNY );
- const cameraPZ = new PerspectiveCamera( fov, aspect, near, far );
- cameraPZ.layers = this.layers;
- this.add( cameraPZ );
- const cameraNZ = new PerspectiveCamera( fov, aspect, near, far );
- cameraNZ.layers = this.layers;
- this.add( cameraNZ );
- }
- updateCoordinateSystem() {
- const coordinateSystem = this.coordinateSystem;
- const cameras = this.children.concat();
- const [ cameraPX, cameraNX, cameraPY, cameraNY, cameraPZ, cameraNZ ] = cameras;
- for ( const camera of cameras ) this.remove( camera );
- if ( coordinateSystem === WebGLCoordinateSystem ) {
- cameraPX.up.set( 0, 1, 0 );
- cameraPX.lookAt( 1, 0, 0 );
- cameraNX.up.set( 0, 1, 0 );
- cameraNX.lookAt( - 1, 0, 0 );
- cameraPY.up.set( 0, 0, - 1 );
- cameraPY.lookAt( 0, 1, 0 );
- cameraNY.up.set( 0, 0, 1 );
- cameraNY.lookAt( 0, - 1, 0 );
- cameraPZ.up.set( 0, 1, 0 );
- cameraPZ.lookAt( 0, 0, 1 );
- cameraNZ.up.set( 0, 1, 0 );
- cameraNZ.lookAt( 0, 0, - 1 );
- } else if ( coordinateSystem === WebGPUCoordinateSystem ) {
- cameraPX.up.set( 0, - 1, 0 );
- cameraPX.lookAt( - 1, 0, 0 );
- cameraNX.up.set( 0, - 1, 0 );
- cameraNX.lookAt( 1, 0, 0 );
- cameraPY.up.set( 0, 0, 1 );
- cameraPY.lookAt( 0, 1, 0 );
- cameraNY.up.set( 0, 0, - 1 );
- cameraNY.lookAt( 0, - 1, 0 );
- cameraPZ.up.set( 0, - 1, 0 );
- cameraPZ.lookAt( 0, 0, 1 );
- cameraNZ.up.set( 0, - 1, 0 );
- cameraNZ.lookAt( 0, 0, - 1 );
- } else {
- throw new Error( 'THREE.CubeCamera.updateCoordinateSystem(): Invalid coordinate system: ' + coordinateSystem );
- }
- for ( const camera of cameras ) {
- this.add( camera );
- camera.updateMatrixWorld();
- }
- }
- update( renderer, scene ) {
- if ( this.parent === null ) this.updateMatrixWorld();
- const { renderTarget, activeMipmapLevel } = this;
- if ( this.coordinateSystem !== renderer.coordinateSystem ) {
- this.coordinateSystem = renderer.coordinateSystem;
- this.updateCoordinateSystem();
- }
- const [ cameraPX, cameraNX, cameraPY, cameraNY, cameraPZ, cameraNZ ] = this.children;
- const currentRenderTarget = renderer.getRenderTarget();
- const currentActiveCubeFace = renderer.getActiveCubeFace();
- const currentActiveMipmapLevel = renderer.getActiveMipmapLevel();
- const currentXrEnabled = renderer.xr.enabled;
- renderer.xr.enabled = false;
- const generateMipmaps = renderTarget.texture.generateMipmaps;
- renderTarget.texture.generateMipmaps = false;
- renderer.setRenderTarget( renderTarget, 0, activeMipmapLevel );
- renderer.render( scene, cameraPX );
- renderer.setRenderTarget( renderTarget, 1, activeMipmapLevel );
- renderer.render( scene, cameraNX );
- renderer.setRenderTarget( renderTarget, 2, activeMipmapLevel );
- renderer.render( scene, cameraPY );
- renderer.setRenderTarget( renderTarget, 3, activeMipmapLevel );
- renderer.render( scene, cameraNY );
- renderer.setRenderTarget( renderTarget, 4, activeMipmapLevel );
- renderer.render( scene, cameraPZ );
- // mipmaps are generated during the last call of render()
- // at this point, all sides of the cube render target are defined
- renderTarget.texture.generateMipmaps = generateMipmaps;
- renderer.setRenderTarget( renderTarget, 5, activeMipmapLevel );
- renderer.render( scene, cameraNZ );
- renderer.setRenderTarget( currentRenderTarget, currentActiveCubeFace, currentActiveMipmapLevel );
- renderer.xr.enabled = currentXrEnabled;
- renderTarget.texture.needsPMREMUpdate = true;
- }
- }
- class CubeTexture extends Texture {
- constructor( images, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy, colorSpace ) {
- images = images !== undefined ? images : [];
- mapping = mapping !== undefined ? mapping : CubeReflectionMapping;
- super( images, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy, colorSpace );
- this.isCubeTexture = true;
- this.flipY = false;
- }
- get images() {
- return this.image;
- }
- set images( value ) {
- this.image = value;
- }
- }
- class WebGLCubeRenderTarget extends WebGLRenderTarget {
- constructor( size = 1, options = {} ) {
- super( size, size, options );
- this.isWebGLCubeRenderTarget = true;
- const image = { width: size, height: size, depth: 1 };
- const images = [ image, image, image, image, image, image ];
- this.texture = new CubeTexture( images, options.mapping, options.wrapS, options.wrapT, options.magFilter, options.minFilter, options.format, options.type, options.anisotropy, options.colorSpace );
- // By convention -- likely based on the RenderMan spec from the 1990's -- cube maps are specified by WebGL (and three.js)
- // in a coordinate system in which positive-x is to the right when looking up the positive-z axis -- in other words,
- // in a left-handed coordinate system. By continuing this convention, preexisting cube maps continued to render correctly.
- // three.js uses a right-handed coordinate system. So environment maps used in three.js appear to have px and nx swapped
- // and the flag isRenderTargetTexture controls this conversion. The flip is not required when using WebGLCubeRenderTarget.texture
- // as a cube texture (this is detected when isRenderTargetTexture is set to true for cube textures).
- this.texture.isRenderTargetTexture = true;
- this.texture.generateMipmaps = options.generateMipmaps !== undefined ? options.generateMipmaps : false;
- this.texture.minFilter = options.minFilter !== undefined ? options.minFilter : LinearFilter;
- }
- fromEquirectangularTexture( renderer, texture ) {
- this.texture.type = texture.type;
- this.texture.colorSpace = texture.colorSpace;
- this.texture.generateMipmaps = texture.generateMipmaps;
- this.texture.minFilter = texture.minFilter;
- this.texture.magFilter = texture.magFilter;
- const shader = {
- uniforms: {
- tEquirect: { value: null },
- },
- vertexShader: /* glsl */`
- varying vec3 vWorldDirection;
- vec3 transformDirection( in vec3 dir, in mat4 matrix ) {
- return normalize( ( matrix * vec4( dir, 0.0 ) ).xyz );
- }
- void main() {
- vWorldDirection = transformDirection( position, modelMatrix );
- #include <begin_vertex>
- #include <project_vertex>
- }
- `,
- fragmentShader: /* glsl */`
- uniform sampler2D tEquirect;
- varying vec3 vWorldDirection;
- #include <common>
- void main() {
- vec3 direction = normalize( vWorldDirection );
- vec2 sampleUV = equirectUv( direction );
- gl_FragColor = texture2D( tEquirect, sampleUV );
- }
- `
- };
- const geometry = new BoxGeometry( 5, 5, 5 );
- const material = new ShaderMaterial( {
- name: 'CubemapFromEquirect',
- uniforms: cloneUniforms( shader.uniforms ),
- vertexShader: shader.vertexShader,
- fragmentShader: shader.fragmentShader,
- side: BackSide,
- blending: NoBlending
- } );
- material.uniforms.tEquirect.value = texture;
- const mesh = new Mesh( geometry, material );
- const currentMinFilter = texture.minFilter;
- // Avoid blurred poles
- if ( texture.minFilter === LinearMipmapLinearFilter ) texture.minFilter = LinearFilter;
- const camera = new CubeCamera( 1, 10, this );
- camera.update( renderer, mesh );
- texture.minFilter = currentMinFilter;
- mesh.geometry.dispose();
- mesh.material.dispose();
- return this;
- }
- clear( renderer, color, depth, stencil ) {
- const currentRenderTarget = renderer.getRenderTarget();
- for ( let i = 0; i < 6; i ++ ) {
- renderer.setRenderTarget( this, i );
- renderer.clear( color, depth, stencil );
- }
- renderer.setRenderTarget( currentRenderTarget );
- }
- }
- class FogExp2 {
- constructor( color, density = 0.00025 ) {
- this.isFogExp2 = true;
- this.name = '';
- this.color = new Color( color );
- this.density = density;
- }
- clone() {
- return new FogExp2( this.color, this.density );
- }
- toJSON( /* meta */ ) {
- return {
- type: 'FogExp2',
- name: this.name,
- color: this.color.getHex(),
- density: this.density
- };
- }
- }
- class Fog {
- constructor( color, near = 1, far = 1000 ) {
- this.isFog = true;
- this.name = '';
- this.color = new Color( color );
- this.near = near;
- this.far = far;
- }
- clone() {
- return new Fog( this.color, this.near, this.far );
- }
- toJSON( /* meta */ ) {
- return {
- type: 'Fog',
- name: this.name,
- color: this.color.getHex(),
- near: this.near,
- far: this.far
- };
- }
- }
- class Scene extends Object3D {
- constructor() {
- super();
- this.isScene = true;
- this.type = 'Scene';
- this.background = null;
- this.environment = null;
- this.fog = null;
- this.backgroundBlurriness = 0;
- this.backgroundIntensity = 1;
- this.backgroundRotation = new Euler();
- this.environmentIntensity = 1;
- this.environmentRotation = new Euler();
- this.overrideMaterial = null;
- if ( typeof __THREE_DEVTOOLS__ !== 'undefined' ) {
- __THREE_DEVTOOLS__.dispatchEvent( new CustomEvent( 'observe', { detail: this } ) );
- }
- }
- copy( source, recursive ) {
- super.copy( source, recursive );
- if ( source.background !== null ) this.background = source.background.clone();
- if ( source.environment !== null ) this.environment = source.environment.clone();
- if ( source.fog !== null ) this.fog = source.fog.clone();
- this.backgroundBlurriness = source.backgroundBlurriness;
- this.backgroundIntensity = source.backgroundIntensity;
- this.backgroundRotation.copy( source.backgroundRotation );
- this.environmentIntensity = source.environmentIntensity;
- this.environmentRotation.copy( source.environmentRotation );
- if ( source.overrideMaterial !== null ) this.overrideMaterial = source.overrideMaterial.clone();
- this.matrixAutoUpdate = source.matrixAutoUpdate;
- return this;
- }
- toJSON( meta ) {
- const data = super.toJSON( meta );
- if ( this.fog !== null ) data.object.fog = this.fog.toJSON();
- if ( this.backgroundBlurriness > 0 ) data.object.backgroundBlurriness = this.backgroundBlurriness;
- if ( this.backgroundIntensity !== 1 ) data.object.backgroundIntensity = this.backgroundIntensity;
- data.object.backgroundRotation = this.backgroundRotation.toArray();
- if ( this.environmentIntensity !== 1 ) data.object.environmentIntensity = this.environmentIntensity;
- data.object.environmentRotation = this.environmentRotation.toArray();
- return data;
- }
- }
- class InterleavedBuffer {
- constructor( array, stride ) {
- this.isInterleavedBuffer = true;
- this.array = array;
- this.stride = stride;
- this.count = array !== undefined ? array.length / stride : 0;
- this.usage = StaticDrawUsage;
- this.updateRanges = [];
- this.version = 0;
- this.uuid = generateUUID();
- }
- onUploadCallback() {}
- set needsUpdate( value ) {
- if ( value === true ) this.version ++;
- }
- setUsage( value ) {
- this.usage = value;
- return this;
- }
- addUpdateRange( start, count ) {
- this.updateRanges.push( { start, count } );
- }
- clearUpdateRanges() {
- this.updateRanges.length = 0;
- }
- copy( source ) {
- this.array = new source.array.constructor( source.array );
- this.count = source.count;
- this.stride = source.stride;
- this.usage = source.usage;
- return this;
- }
- copyAt( index1, attribute, index2 ) {
- index1 *= this.stride;
- index2 *= attribute.stride;
- for ( let i = 0, l = this.stride; i < l; i ++ ) {
- this.array[ index1 + i ] = attribute.array[ index2 + i ];
- }
- return this;
- }
- set( value, offset = 0 ) {
- this.array.set( value, offset );
- return this;
- }
- clone( data ) {
- if ( data.arrayBuffers === undefined ) {
- data.arrayBuffers = {};
- }
- if ( this.array.buffer._uuid === undefined ) {
- this.array.buffer._uuid = generateUUID();
- }
- if ( data.arrayBuffers[ this.array.buffer._uuid ] === undefined ) {
- data.arrayBuffers[ this.array.buffer._uuid ] = this.array.slice( 0 ).buffer;
- }
- const array = new this.array.constructor( data.arrayBuffers[ this.array.buffer._uuid ] );
- const ib = new this.constructor( array, this.stride );
- ib.setUsage( this.usage );
- return ib;
- }
- onUpload( callback ) {
- this.onUploadCallback = callback;
- return this;
- }
- toJSON( data ) {
- if ( data.arrayBuffers === undefined ) {
- data.arrayBuffers = {};
- }
- // generate UUID for array buffer if necessary
- if ( this.array.buffer._uuid === undefined ) {
- this.array.buffer._uuid = generateUUID();
- }
- if ( data.arrayBuffers[ this.array.buffer._uuid ] === undefined ) {
- data.arrayBuffers[ this.array.buffer._uuid ] = Array.from( new Uint32Array( this.array.buffer ) );
- }
- //
- return {
- uuid: this.uuid,
- buffer: this.array.buffer._uuid,
- type: this.array.constructor.name,
- stride: this.stride
- };
- }
- }
- const _vector$7 = /*@__PURE__*/ new Vector3();
- class InterleavedBufferAttribute {
- constructor( interleavedBuffer, itemSize, offset, normalized = false ) {
- this.isInterleavedBufferAttribute = true;
- this.name = '';
- this.data = interleavedBuffer;
- this.itemSize = itemSize;
- this.offset = offset;
- this.normalized = normalized;
- }
- get count() {
- return this.data.count;
- }
- get array() {
- return this.data.array;
- }
- set needsUpdate( value ) {
- this.data.needsUpdate = value;
- }
- applyMatrix4( m ) {
- for ( let i = 0, l = this.data.count; i < l; i ++ ) {
- _vector$7.fromBufferAttribute( this, i );
- _vector$7.applyMatrix4( m );
- this.setXYZ( i, _vector$7.x, _vector$7.y, _vector$7.z );
- }
- return this;
- }
- applyNormalMatrix( m ) {
- for ( let i = 0, l = this.count; i < l; i ++ ) {
- _vector$7.fromBufferAttribute( this, i );
- _vector$7.applyNormalMatrix( m );
- this.setXYZ( i, _vector$7.x, _vector$7.y, _vector$7.z );
- }
- return this;
- }
- transformDirection( m ) {
- for ( let i = 0, l = this.count; i < l; i ++ ) {
- _vector$7.fromBufferAttribute( this, i );
- _vector$7.transformDirection( m );
- this.setXYZ( i, _vector$7.x, _vector$7.y, _vector$7.z );
- }
- return this;
- }
- getComponent( index, component ) {
- let value = this.array[ index * this.data.stride + this.offset + component ];
- if ( this.normalized ) value = denormalize( value, this.array );
- return value;
- }
- setComponent( index, component, value ) {
- if ( this.normalized ) value = normalize$1( value, this.array );
- this.data.array[ index * this.data.stride + this.offset + component ] = value;
- return this;
- }
- setX( index, x ) {
- if ( this.normalized ) x = normalize$1( x, this.array );
- this.data.array[ index * this.data.stride + this.offset ] = x;
- return this;
- }
- setY( index, y ) {
- if ( this.normalized ) y = normalize$1( y, this.array );
- this.data.array[ index * this.data.stride + this.offset + 1 ] = y;
- return this;
- }
- setZ( index, z ) {
- if ( this.normalized ) z = normalize$1( z, this.array );
- this.data.array[ index * this.data.stride + this.offset + 2 ] = z;
- return this;
- }
- setW( index, w ) {
- if ( this.normalized ) w = normalize$1( w, this.array );
- this.data.array[ index * this.data.stride + this.offset + 3 ] = w;
- return this;
- }
- getX( index ) {
- let x = this.data.array[ index * this.data.stride + this.offset ];
- if ( this.normalized ) x = denormalize( x, this.array );
- return x;
- }
- getY( index ) {
- let y = this.data.array[ index * this.data.stride + this.offset + 1 ];
- if ( this.normalized ) y = denormalize( y, this.array );
- return y;
- }
- getZ( index ) {
- let z = this.data.array[ index * this.data.stride + this.offset + 2 ];
- if ( this.normalized ) z = denormalize( z, this.array );
- return z;
- }
- getW( index ) {
- let w = this.data.array[ index * this.data.stride + this.offset + 3 ];
- if ( this.normalized ) w = denormalize( w, this.array );
- return w;
- }
- setXY( index, x, y ) {
- index = index * this.data.stride + this.offset;
- if ( this.normalized ) {
- x = normalize$1( x, this.array );
- y = normalize$1( y, this.array );
- }
- this.data.array[ index + 0 ] = x;
- this.data.array[ index + 1 ] = y;
- return this;
- }
- setXYZ( index, x, y, z ) {
- index = index * this.data.stride + this.offset;
- if ( this.normalized ) {
- x = normalize$1( x, this.array );
- y = normalize$1( y, this.array );
- z = normalize$1( z, this.array );
- }
- this.data.array[ index + 0 ] = x;
- this.data.array[ index + 1 ] = y;
- this.data.array[ index + 2 ] = z;
- return this;
- }
- setXYZW( index, x, y, z, w ) {
- index = index * this.data.stride + this.offset;
- if ( this.normalized ) {
- x = normalize$1( x, this.array );
- y = normalize$1( y, this.array );
- z = normalize$1( z, this.array );
- w = normalize$1( w, this.array );
- }
- this.data.array[ index + 0 ] = x;
- this.data.array[ index + 1 ] = y;
- this.data.array[ index + 2 ] = z;
- this.data.array[ index + 3 ] = w;
- return this;
- }
- clone( data ) {
- if ( data === undefined ) {
- console.log( 'THREE.InterleavedBufferAttribute.clone(): Cloning an interleaved buffer attribute will de-interleave buffer data.' );
- const array = [];
- for ( let i = 0; i < this.count; i ++ ) {
- const index = i * this.data.stride + this.offset;
- for ( let j = 0; j < this.itemSize; j ++ ) {
- array.push( this.data.array[ index + j ] );
- }
- }
- return new BufferAttribute( new this.array.constructor( array ), this.itemSize, this.normalized );
- } else {
- if ( data.interleavedBuffers === undefined ) {
- data.interleavedBuffers = {};
- }
- if ( data.interleavedBuffers[ this.data.uuid ] === undefined ) {
- data.interleavedBuffers[ this.data.uuid ] = this.data.clone( data );
- }
- return new InterleavedBufferAttribute( data.interleavedBuffers[ this.data.uuid ], this.itemSize, this.offset, this.normalized );
- }
- }
- toJSON( data ) {
- if ( data === undefined ) {
- console.log( 'THREE.InterleavedBufferAttribute.toJSON(): Serializing an interleaved buffer attribute will de-interleave buffer data.' );
- const array = [];
- for ( let i = 0; i < this.count; i ++ ) {
- const index = i * this.data.stride + this.offset;
- for ( let j = 0; j < this.itemSize; j ++ ) {
- array.push( this.data.array[ index + j ] );
- }
- }
- // de-interleave data and save it as an ordinary buffer attribute for now
- return {
- itemSize: this.itemSize,
- type: this.array.constructor.name,
- array: array,
- normalized: this.normalized
- };
- } else {
- // save as true interleaved attribute
- if ( data.interleavedBuffers === undefined ) {
- data.interleavedBuffers = {};
- }
- if ( data.interleavedBuffers[ this.data.uuid ] === undefined ) {
- data.interleavedBuffers[ this.data.uuid ] = this.data.toJSON( data );
- }
- return {
- isInterleavedBufferAttribute: true,
- itemSize: this.itemSize,
- data: this.data.uuid,
- offset: this.offset,
- normalized: this.normalized
- };
- }
- }
- }
- class SpriteMaterial extends Material {
- constructor( parameters ) {
- super();
- this.isSpriteMaterial = true;
- this.type = 'SpriteMaterial';
- this.color = new Color( 0xffffff );
- this.map = null;
- this.alphaMap = null;
- this.rotation = 0;
- this.sizeAttenuation = true;
- this.transparent = true;
- this.fog = true;
- this.setValues( parameters );
- }
- copy( source ) {
- super.copy( source );
- this.color.copy( source.color );
- this.map = source.map;
- this.alphaMap = source.alphaMap;
- this.rotation = source.rotation;
- this.sizeAttenuation = source.sizeAttenuation;
- this.fog = source.fog;
- return this;
- }
- }
- let _geometry$1;
- const _intersectPoint = /*@__PURE__*/ new Vector3();
- const _worldScale = /*@__PURE__*/ new Vector3();
- const _mvPosition = /*@__PURE__*/ new Vector3();
- const _alignedPosition = /*@__PURE__*/ new Vector2();
- const _rotatedPosition = /*@__PURE__*/ new Vector2();
- const _viewWorldMatrix = /*@__PURE__*/ new Matrix4();
- const _vA = /*@__PURE__*/ new Vector3();
- const _vB = /*@__PURE__*/ new Vector3();
- const _vC = /*@__PURE__*/ new Vector3();
- const _uvA = /*@__PURE__*/ new Vector2();
- const _uvB = /*@__PURE__*/ new Vector2();
- const _uvC = /*@__PURE__*/ new Vector2();
- class Sprite extends Object3D {
- constructor( material = new SpriteMaterial() ) {
- super();
- this.isSprite = true;
- this.type = 'Sprite';
- if ( _geometry$1 === undefined ) {
- _geometry$1 = new BufferGeometry();
- const float32Array = new Float32Array( [
- - 0.5, - 0.5, 0, 0, 0,
- 0.5, - 0.5, 0, 1, 0,
- 0.5, 0.5, 0, 1, 1,
- - 0.5, 0.5, 0, 0, 1
- ] );
- const interleavedBuffer = new InterleavedBuffer( float32Array, 5 );
- _geometry$1.setIndex( [ 0, 1, 2, 0, 2, 3 ] );
- _geometry$1.setAttribute( 'position', new InterleavedBufferAttribute( interleavedBuffer, 3, 0, false ) );
- _geometry$1.setAttribute( 'uv', new InterleavedBufferAttribute( interleavedBuffer, 2, 3, false ) );
- }
- this.geometry = _geometry$1;
- this.material = material;
- this.center = new Vector2( 0.5, 0.5 );
- }
- raycast( raycaster, intersects ) {
- if ( raycaster.camera === null ) {
- console.error( 'THREE.Sprite: "Raycaster.camera" needs to be set in order to raycast against sprites.' );
- }
- _worldScale.setFromMatrixScale( this.matrixWorld );
- _viewWorldMatrix.copy( raycaster.camera.matrixWorld );
- this.modelViewMatrix.multiplyMatrices( raycaster.camera.matrixWorldInverse, this.matrixWorld );
- _mvPosition.setFromMatrixPosition( this.modelViewMatrix );
- if ( raycaster.camera.isPerspectiveCamera && this.material.sizeAttenuation === false ) {
- _worldScale.multiplyScalar( - _mvPosition.z );
- }
- const rotation = this.material.rotation;
- let sin, cos;
- if ( rotation !== 0 ) {
- cos = Math.cos( rotation );
- sin = Math.sin( rotation );
- }
- const center = this.center;
- transformVertex( _vA.set( - 0.5, - 0.5, 0 ), _mvPosition, center, _worldScale, sin, cos );
- transformVertex( _vB.set( 0.5, - 0.5, 0 ), _mvPosition, center, _worldScale, sin, cos );
- transformVertex( _vC.set( 0.5, 0.5, 0 ), _mvPosition, center, _worldScale, sin, cos );
- _uvA.set( 0, 0 );
- _uvB.set( 1, 0 );
- _uvC.set( 1, 1 );
- // check first triangle
- let intersect = raycaster.ray.intersectTriangle( _vA, _vB, _vC, false, _intersectPoint );
- if ( intersect === null ) {
- // check second triangle
- transformVertex( _vB.set( - 0.5, 0.5, 0 ), _mvPosition, center, _worldScale, sin, cos );
- _uvB.set( 0, 1 );
- intersect = raycaster.ray.intersectTriangle( _vA, _vC, _vB, false, _intersectPoint );
- if ( intersect === null ) {
- return;
- }
- }
- const distance = raycaster.ray.origin.distanceTo( _intersectPoint );
- if ( distance < raycaster.near || distance > raycaster.far ) return;
- intersects.push( {
- distance: distance,
- point: _intersectPoint.clone(),
- uv: Triangle.getInterpolation( _intersectPoint, _vA, _vB, _vC, _uvA, _uvB, _uvC, new Vector2() ),
- face: null,
- object: this
- } );
- }
- copy( source, recursive ) {
- super.copy( source, recursive );
- if ( source.center !== undefined ) this.center.copy( source.center );
- this.material = source.material;
- return this;
- }
- }
- function transformVertex( vertexPosition, mvPosition, center, scale, sin, cos ) {
- // compute position in camera space
- _alignedPosition.subVectors( vertexPosition, center ).addScalar( 0.5 ).multiply( scale );
- // to check if rotation is not zero
- if ( sin !== undefined ) {
- _rotatedPosition.x = ( cos * _alignedPosition.x ) - ( sin * _alignedPosition.y );
- _rotatedPosition.y = ( sin * _alignedPosition.x ) + ( cos * _alignedPosition.y );
- } else {
- _rotatedPosition.copy( _alignedPosition );
- }
- vertexPosition.copy( mvPosition );
- vertexPosition.x += _rotatedPosition.x;
- vertexPosition.y += _rotatedPosition.y;
- // transform to world space
- vertexPosition.applyMatrix4( _viewWorldMatrix );
- }
- const _v1$2 = /*@__PURE__*/ new Vector3();
- const _v2$1 = /*@__PURE__*/ new Vector3();
- class LOD extends Object3D {
- constructor() {
- super();
- this._currentLevel = 0;
- this.type = 'LOD';
- Object.defineProperties( this, {
- levels: {
- enumerable: true,
- value: []
- },
- isLOD: {
- value: true,
- }
- } );
- this.autoUpdate = true;
- }
- copy( source ) {
- super.copy( source, false );
- const levels = source.levels;
- for ( let i = 0, l = levels.length; i < l; i ++ ) {
- const level = levels[ i ];
- this.addLevel( level.object.clone(), level.distance, level.hysteresis );
- }
- this.autoUpdate = source.autoUpdate;
- return this;
- }
- addLevel( object, distance = 0, hysteresis = 0 ) {
- distance = Math.abs( distance );
- const levels = this.levels;
- let l;
- for ( l = 0; l < levels.length; l ++ ) {
- if ( distance < levels[ l ].distance ) {
- break;
- }
- }
- levels.splice( l, 0, { distance: distance, hysteresis: hysteresis, object: object } );
- this.add( object );
- return this;
- }
- removeLevel( distance ) {
- const levels = this.levels;
- for ( let i = 0; i < levels.length; i ++ ) {
- if ( levels[ i ].distance === distance ) {
- const removedElements = levels.splice( i, 1 );
- this.remove( removedElements[ 0 ].object );
- return true;
- }
- }
- return false;
- }
- getCurrentLevel() {
- return this._currentLevel;
- }
- getObjectForDistance( distance ) {
- const levels = this.levels;
- if ( levels.length > 0 ) {
- let i, l;
- for ( i = 1, l = levels.length; i < l; i ++ ) {
- let levelDistance = levels[ i ].distance;
- if ( levels[ i ].object.visible ) {
- levelDistance -= levelDistance * levels[ i ].hysteresis;
- }
- if ( distance < levelDistance ) {
- break;
- }
- }
- return levels[ i - 1 ].object;
- }
- return null;
- }
- raycast( raycaster, intersects ) {
- const levels = this.levels;
- if ( levels.length > 0 ) {
- _v1$2.setFromMatrixPosition( this.matrixWorld );
- const distance = raycaster.ray.origin.distanceTo( _v1$2 );
- this.getObjectForDistance( distance ).raycast( raycaster, intersects );
- }
- }
- update( camera ) {
- const levels = this.levels;
- if ( levels.length > 1 ) {
- _v1$2.setFromMatrixPosition( camera.matrixWorld );
- _v2$1.setFromMatrixPosition( this.matrixWorld );
- const distance = _v1$2.distanceTo( _v2$1 ) / camera.zoom;
- levels[ 0 ].object.visible = true;
- let i, l;
- for ( i = 1, l = levels.length; i < l; i ++ ) {
- let levelDistance = levels[ i ].distance;
- if ( levels[ i ].object.visible ) {
- levelDistance -= levelDistance * levels[ i ].hysteresis;
- }
- if ( distance >= levelDistance ) {
- levels[ i - 1 ].object.visible = false;
- levels[ i ].object.visible = true;
- } else {
- break;
- }
- }
- this._currentLevel = i - 1;
- for ( ; i < l; i ++ ) {
- levels[ i ].object.visible = false;
- }
- }
- }
- toJSON( meta ) {
- const data = super.toJSON( meta );
- if ( this.autoUpdate === false ) data.object.autoUpdate = false;
- data.object.levels = [];
- const levels = this.levels;
- for ( let i = 0, l = levels.length; i < l; i ++ ) {
- const level = levels[ i ];
- data.object.levels.push( {
- object: level.object.uuid,
- distance: level.distance,
- hysteresis: level.hysteresis
- } );
- }
- return data;
- }
- }
- const _basePosition = /*@__PURE__*/ new Vector3();
- const _skinIndex = /*@__PURE__*/ new Vector4();
- const _skinWeight = /*@__PURE__*/ new Vector4();
- const _vector3 = /*@__PURE__*/ new Vector3();
- const _matrix4 = /*@__PURE__*/ new Matrix4();
- const _vertex = /*@__PURE__*/ new Vector3();
- const _sphere$5 = /*@__PURE__*/ new Sphere();
- const _inverseMatrix$2 = /*@__PURE__*/ new Matrix4();
- const _ray$2 = /*@__PURE__*/ new Ray();
- class SkinnedMesh extends Mesh {
- constructor( geometry, material ) {
- super( geometry, material );
- this.isSkinnedMesh = true;
- this.type = 'SkinnedMesh';
- this.bindMode = AttachedBindMode;
- this.bindMatrix = new Matrix4();
- this.bindMatrixInverse = new Matrix4();
- this.boundingBox = null;
- this.boundingSphere = null;
- }
- computeBoundingBox() {
- const geometry = this.geometry;
- if ( this.boundingBox === null ) {
- this.boundingBox = new Box3();
- }
- this.boundingBox.makeEmpty();
- const positionAttribute = geometry.getAttribute( 'position' );
- for ( let i = 0; i < positionAttribute.count; i ++ ) {
- this.getVertexPosition( i, _vertex );
- this.boundingBox.expandByPoint( _vertex );
- }
- }
- computeBoundingSphere() {
- const geometry = this.geometry;
- if ( this.boundingSphere === null ) {
- this.boundingSphere = new Sphere();
- }
- this.boundingSphere.makeEmpty();
- const positionAttribute = geometry.getAttribute( 'position' );
- for ( let i = 0; i < positionAttribute.count; i ++ ) {
- this.getVertexPosition( i, _vertex );
- this.boundingSphere.expandByPoint( _vertex );
- }
- }
- copy( source, recursive ) {
- super.copy( source, recursive );
- this.bindMode = source.bindMode;
- this.bindMatrix.copy( source.bindMatrix );
- this.bindMatrixInverse.copy( source.bindMatrixInverse );
- this.skeleton = source.skeleton;
- if ( source.boundingBox !== null ) this.boundingBox = source.boundingBox.clone();
- if ( source.boundingSphere !== null ) this.boundingSphere = source.boundingSphere.clone();
- return this;
- }
- raycast( raycaster, intersects ) {
- const material = this.material;
- const matrixWorld = this.matrixWorld;
- if ( material === undefined ) return;
- // test with bounding sphere in world space
- if ( this.boundingSphere === null ) this.computeBoundingSphere();
- _sphere$5.copy( this.boundingSphere );
- _sphere$5.applyMatrix4( matrixWorld );
- if ( raycaster.ray.intersectsSphere( _sphere$5 ) === false ) return;
- // convert ray to local space of skinned mesh
- _inverseMatrix$2.copy( matrixWorld ).invert();
- _ray$2.copy( raycaster.ray ).applyMatrix4( _inverseMatrix$2 );
- // test with bounding box in local space
- if ( this.boundingBox !== null ) {
- if ( _ray$2.intersectsBox( this.boundingBox ) === false ) return;
- }
- // test for intersections with geometry
- this._computeIntersections( raycaster, intersects, _ray$2 );
- }
- getVertexPosition( index, target ) {
- super.getVertexPosition( index, target );
- this.applyBoneTransform( index, target );
- return target;
- }
- bind( skeleton, bindMatrix ) {
- this.skeleton = skeleton;
- if ( bindMatrix === undefined ) {
- this.updateMatrixWorld( true );
- this.skeleton.calculateInverses();
- bindMatrix = this.matrixWorld;
- }
- this.bindMatrix.copy( bindMatrix );
- this.bindMatrixInverse.copy( bindMatrix ).invert();
- }
- pose() {
- this.skeleton.pose();
- }
- normalizeSkinWeights() {
- const vector = new Vector4();
- const skinWeight = this.geometry.attributes.skinWeight;
- for ( let i = 0, l = skinWeight.count; i < l; i ++ ) {
- vector.fromBufferAttribute( skinWeight, i );
- const scale = 1.0 / vector.manhattanLength();
- if ( scale !== Infinity ) {
- vector.multiplyScalar( scale );
- } else {
- vector.set( 1, 0, 0, 0 ); // do something reasonable
- }
- skinWeight.setXYZW( i, vector.x, vector.y, vector.z, vector.w );
- }
- }
- updateMatrixWorld( force ) {
- super.updateMatrixWorld( force );
- if ( this.bindMode === AttachedBindMode ) {
- this.bindMatrixInverse.copy( this.matrixWorld ).invert();
- } else if ( this.bindMode === DetachedBindMode ) {
- this.bindMatrixInverse.copy( this.bindMatrix ).invert();
- } else {
- console.warn( 'THREE.SkinnedMesh: Unrecognized bindMode: ' + this.bindMode );
- }
- }
- applyBoneTransform( index, vector ) {
- const skeleton = this.skeleton;
- const geometry = this.geometry;
- _skinIndex.fromBufferAttribute( geometry.attributes.skinIndex, index );
- _skinWeight.fromBufferAttribute( geometry.attributes.skinWeight, index );
- _basePosition.copy( vector ).applyMatrix4( this.bindMatrix );
- vector.set( 0, 0, 0 );
- for ( let i = 0; i < 4; i ++ ) {
- const weight = _skinWeight.getComponent( i );
- if ( weight !== 0 ) {
- const boneIndex = _skinIndex.getComponent( i );
- _matrix4.multiplyMatrices( skeleton.bones[ boneIndex ].matrixWorld, skeleton.boneInverses[ boneIndex ] );
- vector.addScaledVector( _vector3.copy( _basePosition ).applyMatrix4( _matrix4 ), weight );
- }
- }
- return vector.applyMatrix4( this.bindMatrixInverse );
- }
- }
- class Bone extends Object3D {
- constructor() {
- super();
- this.isBone = true;
- this.type = 'Bone';
- }
- }
- class DataTexture extends Texture {
- constructor( data = null, width = 1, height = 1, format, type, mapping, wrapS, wrapT, magFilter = NearestFilter, minFilter = NearestFilter, anisotropy, colorSpace ) {
- super( null, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy, colorSpace );
- this.isDataTexture = true;
- this.image = { data: data, width: width, height: height };
- this.generateMipmaps = false;
- this.flipY = false;
- this.unpackAlignment = 1;
- }
- }
- const _offsetMatrix = /*@__PURE__*/ new Matrix4();
- const _identityMatrix$1 = /*@__PURE__*/ new Matrix4();
- class Skeleton {
- constructor( bones = [], boneInverses = [] ) {
- this.uuid = generateUUID();
- this.bones = bones.slice( 0 );
- this.boneInverses = boneInverses;
- this.boneMatrices = null;
- this.boneTexture = null;
- this.init();
- }
- init() {
- const bones = this.bones;
- const boneInverses = this.boneInverses;
- this.boneMatrices = new Float32Array( bones.length * 16 );
- // calculate inverse bone matrices if necessary
- if ( boneInverses.length === 0 ) {
- this.calculateInverses();
- } else {
- // handle special case
- if ( bones.length !== boneInverses.length ) {
- console.warn( 'THREE.Skeleton: Number of inverse bone matrices does not match amount of bones.' );
- this.boneInverses = [];
- for ( let i = 0, il = this.bones.length; i < il; i ++ ) {
- this.boneInverses.push( new Matrix4() );
- }
- }
- }
- }
- calculateInverses() {
- this.boneInverses.length = 0;
- for ( let i = 0, il = this.bones.length; i < il; i ++ ) {
- const inverse = new Matrix4();
- if ( this.bones[ i ] ) {
- inverse.copy( this.bones[ i ].matrixWorld ).invert();
- }
- this.boneInverses.push( inverse );
- }
- }
- pose() {
- // recover the bind-time world matrices
- for ( let i = 0, il = this.bones.length; i < il; i ++ ) {
- const bone = this.bones[ i ];
- if ( bone ) {
- bone.matrixWorld.copy( this.boneInverses[ i ] ).invert();
- }
- }
- // compute the local matrices, positions, rotations and scales
- for ( let i = 0, il = this.bones.length; i < il; i ++ ) {
- const bone = this.bones[ i ];
- if ( bone ) {
- if ( bone.parent && bone.parent.isBone ) {
- bone.matrix.copy( bone.parent.matrixWorld ).invert();
- bone.matrix.multiply( bone.matrixWorld );
- } else {
- bone.matrix.copy( bone.matrixWorld );
- }
- bone.matrix.decompose( bone.position, bone.quaternion, bone.scale );
- }
- }
- }
- update() {
- const bones = this.bones;
- const boneInverses = this.boneInverses;
- const boneMatrices = this.boneMatrices;
- const boneTexture = this.boneTexture;
- // flatten bone matrices to array
- for ( let i = 0, il = bones.length; i < il; i ++ ) {
- // compute the offset between the current and the original transform
- const matrix = bones[ i ] ? bones[ i ].matrixWorld : _identityMatrix$1;
- _offsetMatrix.multiplyMatrices( matrix, boneInverses[ i ] );
- _offsetMatrix.toArray( boneMatrices, i * 16 );
- }
- if ( boneTexture !== null ) {
- boneTexture.needsUpdate = true;
- }
- }
- clone() {
- return new Skeleton( this.bones, this.boneInverses );
- }
- computeBoneTexture() {
- // layout (1 matrix = 4 pixels)
- // RGBA RGBA RGBA RGBA (=> column1, column2, column3, column4)
- // with 8x8 pixel texture max 16 bones * 4 pixels = (8 * 8)
- // 16x16 pixel texture max 64 bones * 4 pixels = (16 * 16)
- // 32x32 pixel texture max 256 bones * 4 pixels = (32 * 32)
- // 64x64 pixel texture max 1024 bones * 4 pixels = (64 * 64)
- let size = Math.sqrt( this.bones.length * 4 ); // 4 pixels needed for 1 matrix
- size = Math.ceil( size / 4 ) * 4;
- size = Math.max( size, 4 );
- const boneMatrices = new Float32Array( size * size * 4 ); // 4 floats per RGBA pixel
- boneMatrices.set( this.boneMatrices ); // copy current values
- const boneTexture = new DataTexture( boneMatrices, size, size, RGBAFormat, FloatType );
- boneTexture.needsUpdate = true;
- this.boneMatrices = boneMatrices;
- this.boneTexture = boneTexture;
- return this;
- }
- getBoneByName( name ) {
- for ( let i = 0, il = this.bones.length; i < il; i ++ ) {
- const bone = this.bones[ i ];
- if ( bone.name === name ) {
- return bone;
- }
- }
- return undefined;
- }
- dispose( ) {
- if ( this.boneTexture !== null ) {
- this.boneTexture.dispose();
- this.boneTexture = null;
- }
- }
- fromJSON( json, bones ) {
- this.uuid = json.uuid;
- for ( let i = 0, l = json.bones.length; i < l; i ++ ) {
- const uuid = json.bones[ i ];
- let bone = bones[ uuid ];
- if ( bone === undefined ) {
- console.warn( 'THREE.Skeleton: No bone found with UUID:', uuid );
- bone = new Bone();
- }
- this.bones.push( bone );
- this.boneInverses.push( new Matrix4().fromArray( json.boneInverses[ i ] ) );
- }
- this.init();
- return this;
- }
- toJSON() {
- const data = {
- metadata: {
- version: 4.6,
- type: 'Skeleton',
- generator: 'Skeleton.toJSON'
- },
- bones: [],
- boneInverses: []
- };
- data.uuid = this.uuid;
- const bones = this.bones;
- const boneInverses = this.boneInverses;
- for ( let i = 0, l = bones.length; i < l; i ++ ) {
- const bone = bones[ i ];
- data.bones.push( bone.uuid );
- const boneInverse = boneInverses[ i ];
- data.boneInverses.push( boneInverse.toArray() );
- }
- return data;
- }
- }
- class InstancedBufferAttribute extends BufferAttribute {
- constructor( array, itemSize, normalized, meshPerAttribute = 1 ) {
- super( array, itemSize, normalized );
- this.isInstancedBufferAttribute = true;
- this.meshPerAttribute = meshPerAttribute;
- }
- copy( source ) {
- super.copy( source );
- this.meshPerAttribute = source.meshPerAttribute;
- return this;
- }
- toJSON() {
- const data = super.toJSON();
- data.meshPerAttribute = this.meshPerAttribute;
- data.isInstancedBufferAttribute = true;
- return data;
- }
- }
- const _instanceLocalMatrix = /*@__PURE__*/ new Matrix4();
- const _instanceWorldMatrix = /*@__PURE__*/ new Matrix4();
- const _instanceIntersects = [];
- const _box3 = /*@__PURE__*/ new Box3();
- const _identity = /*@__PURE__*/ new Matrix4();
- const _mesh$1 = /*@__PURE__*/ new Mesh();
- const _sphere$4 = /*@__PURE__*/ new Sphere();
- class InstancedMesh extends Mesh {
- constructor( geometry, material, count ) {
- super( geometry, material );
- this.isInstancedMesh = true;
- this.instanceMatrix = new InstancedBufferAttribute( new Float32Array( count * 16 ), 16 );
- this.instanceColor = null;
- this.morphTexture = null;
- this.count = count;
- this.boundingBox = null;
- this.boundingSphere = null;
- for ( let i = 0; i < count; i ++ ) {
- this.setMatrixAt( i, _identity );
- }
- }
- computeBoundingBox() {
- const geometry = this.geometry;
- const count = this.count;
- if ( this.boundingBox === null ) {
- this.boundingBox = new Box3();
- }
- if ( geometry.boundingBox === null ) {
- geometry.computeBoundingBox();
- }
- this.boundingBox.makeEmpty();
- for ( let i = 0; i < count; i ++ ) {
- this.getMatrixAt( i, _instanceLocalMatrix );
- _box3.copy( geometry.boundingBox ).applyMatrix4( _instanceLocalMatrix );
- this.boundingBox.union( _box3 );
- }
- }
- computeBoundingSphere() {
- const geometry = this.geometry;
- const count = this.count;
- if ( this.boundingSphere === null ) {
- this.boundingSphere = new Sphere();
- }
- if ( geometry.boundingSphere === null ) {
- geometry.computeBoundingSphere();
- }
- this.boundingSphere.makeEmpty();
- for ( let i = 0; i < count; i ++ ) {
- this.getMatrixAt( i, _instanceLocalMatrix );
- _sphere$4.copy( geometry.boundingSphere ).applyMatrix4( _instanceLocalMatrix );
- this.boundingSphere.union( _sphere$4 );
- }
- }
- copy( source, recursive ) {
- super.copy( source, recursive );
- this.instanceMatrix.copy( source.instanceMatrix );
- if ( source.morphTexture !== null ) this.morphTexture = source.morphTexture.clone();
- if ( source.instanceColor !== null ) this.instanceColor = source.instanceColor.clone();
- this.count = source.count;
- if ( source.boundingBox !== null ) this.boundingBox = source.boundingBox.clone();
- if ( source.boundingSphere !== null ) this.boundingSphere = source.boundingSphere.clone();
- return this;
- }
- getColorAt( index, color ) {
- color.fromArray( this.instanceColor.array, index * 3 );
- }
- getMatrixAt( index, matrix ) {
- matrix.fromArray( this.instanceMatrix.array, index * 16 );
- }
- getMorphAt( index, object ) {
- const objectInfluences = object.morphTargetInfluences;
- const array = this.morphTexture.source.data.data;
- const len = objectInfluences.length + 1; // All influences + the baseInfluenceSum
- const dataIndex = index * len + 1; // Skip the baseInfluenceSum at the beginning
- for ( let i = 0; i < objectInfluences.length; i ++ ) {
- objectInfluences[ i ] = array[ dataIndex + i ];
- }
- }
- raycast( raycaster, intersects ) {
- const matrixWorld = this.matrixWorld;
- const raycastTimes = this.count;
- _mesh$1.geometry = this.geometry;
- _mesh$1.material = this.material;
- if ( _mesh$1.material === undefined ) return;
- // test with bounding sphere first
- if ( this.boundingSphere === null ) this.computeBoundingSphere();
- _sphere$4.copy( this.boundingSphere );
- _sphere$4.applyMatrix4( matrixWorld );
- if ( raycaster.ray.intersectsSphere( _sphere$4 ) === false ) return;
- // now test each instance
- for ( let instanceId = 0; instanceId < raycastTimes; instanceId ++ ) {
- // calculate the world matrix for each instance
- this.getMatrixAt( instanceId, _instanceLocalMatrix );
- _instanceWorldMatrix.multiplyMatrices( matrixWorld, _instanceLocalMatrix );
- // the mesh represents this single instance
- _mesh$1.matrixWorld = _instanceWorldMatrix;
- _mesh$1.raycast( raycaster, _instanceIntersects );
- // process the result of raycast
- for ( let i = 0, l = _instanceIntersects.length; i < l; i ++ ) {
- const intersect = _instanceIntersects[ i ];
- intersect.instanceId = instanceId;
- intersect.object = this;
- intersects.push( intersect );
- }
- _instanceIntersects.length = 0;
- }
- }
- setColorAt( index, color ) {
- if ( this.instanceColor === null ) {
- this.instanceColor = new InstancedBufferAttribute( new Float32Array( this.instanceMatrix.count * 3 ).fill( 1 ), 3 );
- }
- color.toArray( this.instanceColor.array, index * 3 );
- }
- setMatrixAt( index, matrix ) {
- matrix.toArray( this.instanceMatrix.array, index * 16 );
- }
- setMorphAt( index, object ) {
- const objectInfluences = object.morphTargetInfluences;
- const len = objectInfluences.length + 1; // morphBaseInfluence + all influences
- if ( this.morphTexture === null ) {
- this.morphTexture = new DataTexture( new Float32Array( len * this.count ), len, this.count, RedFormat, FloatType );
- }
- const array = this.morphTexture.source.data.data;
- let morphInfluencesSum = 0;
- for ( let i = 0; i < objectInfluences.length; i ++ ) {
- morphInfluencesSum += objectInfluences[ i ];
- }
- const morphBaseInfluence = this.geometry.morphTargetsRelative ? 1 : 1 - morphInfluencesSum;
- const dataIndex = len * index;
- array[ dataIndex ] = morphBaseInfluence;
- array.set( objectInfluences, dataIndex + 1 );
- }
- updateMorphTargets() {
- }
- dispose() {
- this.dispatchEvent( { type: 'dispose' } );
- if ( this.morphTexture !== null ) {
- this.morphTexture.dispose();
- this.morphTexture = null;
- }
- return this;
- }
- }
- const _vector1 = /*@__PURE__*/ new Vector3();
- const _vector2 = /*@__PURE__*/ new Vector3();
- const _normalMatrix = /*@__PURE__*/ new Matrix3();
- class Plane {
- constructor( normal = new Vector3( 1, 0, 0 ), constant = 0 ) {
- this.isPlane = true;
- // normal is assumed to be normalized
- this.normal = normal;
- this.constant = constant;
- }
- set( normal, constant ) {
- this.normal.copy( normal );
- this.constant = constant;
- return this;
- }
- setComponents( x, y, z, w ) {
- this.normal.set( x, y, z );
- this.constant = w;
- return this;
- }
- setFromNormalAndCoplanarPoint( normal, point ) {
- this.normal.copy( normal );
- this.constant = - point.dot( this.normal );
- return this;
- }
- setFromCoplanarPoints( a, b, c ) {
- const normal = _vector1.subVectors( c, b ).cross( _vector2.subVectors( a, b ) ).normalize();
- // Q: should an error be thrown if normal is zero (e.g. degenerate plane)?
- this.setFromNormalAndCoplanarPoint( normal, a );
- return this;
- }
- copy( plane ) {
- this.normal.copy( plane.normal );
- this.constant = plane.constant;
- return this;
- }
- normalize() {
- // Note: will lead to a divide by zero if the plane is invalid.
- const inverseNormalLength = 1.0 / this.normal.length();
- this.normal.multiplyScalar( inverseNormalLength );
- this.constant *= inverseNormalLength;
- return this;
- }
- negate() {
- this.constant *= - 1;
- this.normal.negate();
- return this;
- }
- distanceToPoint( point ) {
- return this.normal.dot( point ) + this.constant;
- }
- distanceToSphere( sphere ) {
- return this.distanceToPoint( sphere.center ) - sphere.radius;
- }
- projectPoint( point, target ) {
- return target.copy( point ).addScaledVector( this.normal, - this.distanceToPoint( point ) );
- }
- intersectLine( line, target ) {
- const direction = line.delta( _vector1 );
- const denominator = this.normal.dot( direction );
- if ( denominator === 0 ) {
- // line is coplanar, return origin
- if ( this.distanceToPoint( line.start ) === 0 ) {
- return target.copy( line.start );
- }
- // Unsure if this is the correct method to handle this case.
- return null;
- }
- const t = - ( line.start.dot( this.normal ) + this.constant ) / denominator;
- if ( t < 0 || t > 1 ) {
- return null;
- }
- return target.copy( line.start ).addScaledVector( direction, t );
- }
- intersectsLine( line ) {
- // Note: this tests if a line intersects the plane, not whether it (or its end-points) are coplanar with it.
- const startSign = this.distanceToPoint( line.start );
- const endSign = this.distanceToPoint( line.end );
- return ( startSign < 0 && endSign > 0 ) || ( endSign < 0 && startSign > 0 );
- }
- intersectsBox( box ) {
- return box.intersectsPlane( this );
- }
- intersectsSphere( sphere ) {
- return sphere.intersectsPlane( this );
- }
- coplanarPoint( target ) {
- return target.copy( this.normal ).multiplyScalar( - this.constant );
- }
- applyMatrix4( matrix, optionalNormalMatrix ) {
- const normalMatrix = optionalNormalMatrix || _normalMatrix.getNormalMatrix( matrix );
- const referencePoint = this.coplanarPoint( _vector1 ).applyMatrix4( matrix );
- const normal = this.normal.applyMatrix3( normalMatrix ).normalize();
- this.constant = - referencePoint.dot( normal );
- return this;
- }
- translate( offset ) {
- this.constant -= offset.dot( this.normal );
- return this;
- }
- equals( plane ) {
- return plane.normal.equals( this.normal ) && ( plane.constant === this.constant );
- }
- clone() {
- return new this.constructor().copy( this );
- }
- }
- const _sphere$3 = /*@__PURE__*/ new Sphere();
- const _vector$6 = /*@__PURE__*/ new Vector3();
- class Frustum {
- constructor( p0 = new Plane(), p1 = new Plane(), p2 = new Plane(), p3 = new Plane(), p4 = new Plane(), p5 = new Plane() ) {
- this.planes = [ p0, p1, p2, p3, p4, p5 ];
- }
- set( p0, p1, p2, p3, p4, p5 ) {
- const planes = this.planes;
- planes[ 0 ].copy( p0 );
- planes[ 1 ].copy( p1 );
- planes[ 2 ].copy( p2 );
- planes[ 3 ].copy( p3 );
- planes[ 4 ].copy( p4 );
- planes[ 5 ].copy( p5 );
- return this;
- }
- copy( frustum ) {
- const planes = this.planes;
- for ( let i = 0; i < 6; i ++ ) {
- planes[ i ].copy( frustum.planes[ i ] );
- }
- return this;
- }
- setFromProjectionMatrix( m, coordinateSystem = WebGLCoordinateSystem ) {
- const planes = this.planes;
- const me = m.elements;
- const me0 = me[ 0 ], me1 = me[ 1 ], me2 = me[ 2 ], me3 = me[ 3 ];
- const me4 = me[ 4 ], me5 = me[ 5 ], me6 = me[ 6 ], me7 = me[ 7 ];
- const me8 = me[ 8 ], me9 = me[ 9 ], me10 = me[ 10 ], me11 = me[ 11 ];
- const me12 = me[ 12 ], me13 = me[ 13 ], me14 = me[ 14 ], me15 = me[ 15 ];
- planes[ 0 ].setComponents( me3 - me0, me7 - me4, me11 - me8, me15 - me12 ).normalize();
- planes[ 1 ].setComponents( me3 + me0, me7 + me4, me11 + me8, me15 + me12 ).normalize();
- planes[ 2 ].setComponents( me3 + me1, me7 + me5, me11 + me9, me15 + me13 ).normalize();
- planes[ 3 ].setComponents( me3 - me1, me7 - me5, me11 - me9, me15 - me13 ).normalize();
- planes[ 4 ].setComponents( me3 - me2, me7 - me6, me11 - me10, me15 - me14 ).normalize();
- if ( coordinateSystem === WebGLCoordinateSystem ) {
- planes[ 5 ].setComponents( me3 + me2, me7 + me6, me11 + me10, me15 + me14 ).normalize();
- } else if ( coordinateSystem === WebGPUCoordinateSystem ) {
- planes[ 5 ].setComponents( me2, me6, me10, me14 ).normalize();
- } else {
- throw new Error( 'THREE.Frustum.setFromProjectionMatrix(): Invalid coordinate system: ' + coordinateSystem );
- }
- return this;
- }
- intersectsObject( object ) {
- if ( object.boundingSphere !== undefined ) {
- if ( object.boundingSphere === null ) object.computeBoundingSphere();
- _sphere$3.copy( object.boundingSphere ).applyMatrix4( object.matrixWorld );
- } else {
- const geometry = object.geometry;
- if ( geometry.boundingSphere === null ) geometry.computeBoundingSphere();
- _sphere$3.copy( geometry.boundingSphere ).applyMatrix4( object.matrixWorld );
- }
- return this.intersectsSphere( _sphere$3 );
- }
- intersectsSprite( sprite ) {
- _sphere$3.center.set( 0, 0, 0 );
- _sphere$3.radius = 0.7071067811865476;
- _sphere$3.applyMatrix4( sprite.matrixWorld );
- return this.intersectsSphere( _sphere$3 );
- }
- intersectsSphere( sphere ) {
- const planes = this.planes;
- const center = sphere.center;
- const negRadius = - sphere.radius;
- for ( let i = 0; i < 6; i ++ ) {
- const distance = planes[ i ].distanceToPoint( center );
- if ( distance < negRadius ) {
- return false;
- }
- }
- return true;
- }
- intersectsBox( box ) {
- const planes = this.planes;
- for ( let i = 0; i < 6; i ++ ) {
- const plane = planes[ i ];
- // corner at max distance
- _vector$6.x = plane.normal.x > 0 ? box.max.x : box.min.x;
- _vector$6.y = plane.normal.y > 0 ? box.max.y : box.min.y;
- _vector$6.z = plane.normal.z > 0 ? box.max.z : box.min.z;
- if ( plane.distanceToPoint( _vector$6 ) < 0 ) {
- return false;
- }
- }
- return true;
- }
- containsPoint( point ) {
- const planes = this.planes;
- for ( let i = 0; i < 6; i ++ ) {
- if ( planes[ i ].distanceToPoint( point ) < 0 ) {
- return false;
- }
- }
- return true;
- }
- clone() {
- return new this.constructor().copy( this );
- }
- }
- function sortOpaque( a, b ) {
- return a.z - b.z;
- }
- function sortTransparent( a, b ) {
- return b.z - a.z;
- }
- class MultiDrawRenderList {
- constructor() {
- this.index = 0;
- this.pool = [];
- this.list = [];
- }
- push( drawRange, z, index ) {
- const pool = this.pool;
- const list = this.list;
- if ( this.index >= pool.length ) {
- pool.push( {
- start: - 1,
- count: - 1,
- z: - 1,
- index: - 1,
- } );
- }
- const item = pool[ this.index ];
- list.push( item );
- this.index ++;
- item.start = drawRange.start;
- item.count = drawRange.count;
- item.z = z;
- item.index = index;
- }
- reset() {
- this.list.length = 0;
- this.index = 0;
- }
- }
- const _matrix$1 = /*@__PURE__*/ new Matrix4();
- const _invMatrixWorld = /*@__PURE__*/ new Matrix4();
- const _identityMatrix = /*@__PURE__*/ new Matrix4();
- const _whiteColor = /*@__PURE__*/ new Color( 1, 1, 1 );
- const _projScreenMatrix$3 = /*@__PURE__*/ new Matrix4();
- const _frustum$1 = /*@__PURE__*/ new Frustum();
- const _box$1 = /*@__PURE__*/ new Box3();
- const _sphere$2 = /*@__PURE__*/ new Sphere();
- const _vector$5 = /*@__PURE__*/ new Vector3();
- const _forward = /*@__PURE__*/ new Vector3();
- const _temp = /*@__PURE__*/ new Vector3();
- const _renderList = /*@__PURE__*/ new MultiDrawRenderList();
- const _mesh = /*@__PURE__*/ new Mesh();
- const _batchIntersects = [];
- // @TODO: SkinnedMesh support?
- // @TODO: geometry.groups support?
- // @TODO: geometry.drawRange support?
- // @TODO: geometry.morphAttributes support?
- // @TODO: Support uniform parameter per geometry
- // @TODO: Add an "optimize" function to pack geometry and remove data gaps
- // copies data from attribute "src" into "target" starting at "targetOffset"
- function copyAttributeData( src, target, targetOffset = 0 ) {
- const itemSize = target.itemSize;
- if ( src.isInterleavedBufferAttribute || src.array.constructor !== target.array.constructor ) {
- // use the component getters and setters if the array data cannot
- // be copied directly
- const vertexCount = src.count;
- for ( let i = 0; i < vertexCount; i ++ ) {
- for ( let c = 0; c < itemSize; c ++ ) {
- target.setComponent( i + targetOffset, c, src.getComponent( i, c ) );
- }
- }
- } else {
- // faster copy approach using typed array set function
- target.array.set( src.array, targetOffset * itemSize );
- }
- target.needsUpdate = true;
- }
- class BatchedMesh extends Mesh {
- get maxInstanceCount() {
- return this._maxInstanceCount;
- }
- constructor( maxInstanceCount, maxVertexCount, maxIndexCount = maxVertexCount * 2, material ) {
- super( new BufferGeometry(), material );
- this.isBatchedMesh = true;
- this.perObjectFrustumCulled = true;
- this.sortObjects = true;
- this.boundingBox = null;
- this.boundingSphere = null;
- this.customSort = null;
- // stores visible, active, and geometry id per object
- this._drawInfo = [];
- // instance ids that have been set as inactive, and are available to be overwritten
- this._availableInstanceIds = [];
- // geometry information
- this._drawRanges = [];
- this._reservedRanges = [];
- this._bounds = [];
- this._maxInstanceCount = maxInstanceCount;
- this._maxVertexCount = maxVertexCount;
- this._maxIndexCount = maxIndexCount;
- this._geometryInitialized = false;
- this._geometryCount = 0;
- this._multiDrawCounts = new Int32Array( maxInstanceCount );
- this._multiDrawStarts = new Int32Array( maxInstanceCount );
- this._multiDrawCount = 0;
- this._multiDrawInstances = null;
- this._visibilityChanged = true;
- // Local matrix per geometry by using data texture
- this._matricesTexture = null;
- this._indirectTexture = null;
- this._colorsTexture = null;
- this._initMatricesTexture();
- this._initIndirectTexture();
- }
- _initMatricesTexture() {
- // layout (1 matrix = 4 pixels)
- // RGBA RGBA RGBA RGBA (=> column1, column2, column3, column4)
- // with 8x8 pixel texture max 16 matrices * 4 pixels = (8 * 8)
- // 16x16 pixel texture max 64 matrices * 4 pixels = (16 * 16)
- // 32x32 pixel texture max 256 matrices * 4 pixels = (32 * 32)
- // 64x64 pixel texture max 1024 matrices * 4 pixels = (64 * 64)
- let size = Math.sqrt( this._maxInstanceCount * 4 ); // 4 pixels needed for 1 matrix
- size = Math.ceil( size / 4 ) * 4;
- size = Math.max( size, 4 );
- const matricesArray = new Float32Array( size * size * 4 ); // 4 floats per RGBA pixel
- const matricesTexture = new DataTexture( matricesArray, size, size, RGBAFormat, FloatType );
- this._matricesTexture = matricesTexture;
- }
- _initIndirectTexture() {
- let size = Math.sqrt( this._maxInstanceCount );
- size = Math.ceil( size );
- const indirectArray = new Uint32Array( size * size );
- const indirectTexture = new DataTexture( indirectArray, size, size, RedIntegerFormat, UnsignedIntType );
- this._indirectTexture = indirectTexture;
- }
- _initColorsTexture() {
- let size = Math.sqrt( this._maxInstanceCount );
- size = Math.ceil( size );
- // 4 floats per RGBA pixel initialized to white
- const colorsArray = new Float32Array( size * size * 4 ).fill( 1 );
- const colorsTexture = new DataTexture( colorsArray, size, size, RGBAFormat, FloatType );
- colorsTexture.colorSpace = ColorManagement.workingColorSpace;
- this._colorsTexture = colorsTexture;
- }
- _initializeGeometry( reference ) {
- const geometry = this.geometry;
- const maxVertexCount = this._maxVertexCount;
- const maxIndexCount = this._maxIndexCount;
- if ( this._geometryInitialized === false ) {
- for ( const attributeName in reference.attributes ) {
- const srcAttribute = reference.getAttribute( attributeName );
- const { array, itemSize, normalized } = srcAttribute;
- const dstArray = new array.constructor( maxVertexCount * itemSize );
- const dstAttribute = new BufferAttribute( dstArray, itemSize, normalized );
- geometry.setAttribute( attributeName, dstAttribute );
- }
- if ( reference.getIndex() !== null ) {
- // Reserve last u16 index for primitive restart.
- const indexArray = maxVertexCount > 65535
- ? new Uint32Array( maxIndexCount )
- : new Uint16Array( maxIndexCount );
- geometry.setIndex( new BufferAttribute( indexArray, 1 ) );
- }
- this._geometryInitialized = true;
- }
- }
- // Make sure the geometry is compatible with the existing combined geometry attributes
- _validateGeometry( geometry ) {
- // check to ensure the geometries are using consistent attributes and indices
- const batchGeometry = this.geometry;
- if ( Boolean( geometry.getIndex() ) !== Boolean( batchGeometry.getIndex() ) ) {
- throw new Error( 'BatchedMesh: All geometries must consistently have "index".' );
- }
- for ( const attributeName in batchGeometry.attributes ) {
- if ( ! geometry.hasAttribute( attributeName ) ) {
- throw new Error( `BatchedMesh: Added geometry missing "${ attributeName }". All geometries must have consistent attributes.` );
- }
- const srcAttribute = geometry.getAttribute( attributeName );
- const dstAttribute = batchGeometry.getAttribute( attributeName );
- if ( srcAttribute.itemSize !== dstAttribute.itemSize || srcAttribute.normalized !== dstAttribute.normalized ) {
- throw new Error( 'BatchedMesh: All attributes must have a consistent itemSize and normalized value.' );
- }
- }
- }
- setCustomSort( func ) {
- this.customSort = func;
- return this;
- }
- computeBoundingBox() {
- if ( this.boundingBox === null ) {
- this.boundingBox = new Box3();
- }
- const boundingBox = this.boundingBox;
- const drawInfo = this._drawInfo;
- boundingBox.makeEmpty();
- for ( let i = 0, l = drawInfo.length; i < l; i ++ ) {
- if ( drawInfo[ i ].active === false ) continue;
- const geometryId = drawInfo[ i ].geometryIndex;
- this.getMatrixAt( i, _matrix$1 );
- this.getBoundingBoxAt( geometryId, _box$1 ).applyMatrix4( _matrix$1 );
- boundingBox.union( _box$1 );
- }
- }
- computeBoundingSphere() {
- if ( this.boundingSphere === null ) {
- this.boundingSphere = new Sphere();
- }
- const boundingSphere = this.boundingSphere;
- const drawInfo = this._drawInfo;
- boundingSphere.makeEmpty();
- for ( let i = 0, l = drawInfo.length; i < l; i ++ ) {
- if ( drawInfo[ i ].active === false ) continue;
- const geometryId = drawInfo[ i ].geometryIndex;
- this.getMatrixAt( i, _matrix$1 );
- this.getBoundingSphereAt( geometryId, _sphere$2 ).applyMatrix4( _matrix$1 );
- boundingSphere.union( _sphere$2 );
- }
- }
- addInstance( geometryId ) {
- const atCapacity = this._drawInfo.length >= this.maxInstanceCount;
- // ensure we're not over geometry
- if ( atCapacity && this._availableInstanceIds.length === 0 ) {
- throw new Error( 'BatchedMesh: Maximum item count reached.' );
- }
- const instanceDrawInfo = {
- visible: true,
- active: true,
- geometryIndex: geometryId,
- };
- let drawId = null;
- // Prioritize using previously freed instance ids
- if ( this._availableInstanceIds.length > 0 ) {
- drawId = this._availableInstanceIds.pop();
- this._drawInfo[ drawId ] = instanceDrawInfo;
- } else {
- drawId = this._drawInfo.length;
- this._drawInfo.push( instanceDrawInfo );
- }
- const matricesTexture = this._matricesTexture;
- const matricesArray = matricesTexture.image.data;
- _identityMatrix.toArray( matricesArray, drawId * 16 );
- matricesTexture.needsUpdate = true;
- const colorsTexture = this._colorsTexture;
- if ( colorsTexture ) {
- _whiteColor.toArray( colorsTexture.image.data, drawId * 4 );
- colorsTexture.needsUpdate = true;
- }
- return drawId;
- }
- addGeometry( geometry, vertexCount = - 1, indexCount = - 1 ) {
- this._initializeGeometry( geometry );
- this._validateGeometry( geometry );
- // ensure we're not over geometry
- if ( this._drawInfo.length >= this._maxInstanceCount ) {
- throw new Error( 'BatchedMesh: Maximum item count reached.' );
- }
- // get the necessary range fo the geometry
- const reservedRange = {
- vertexStart: - 1,
- vertexCount: - 1,
- indexStart: - 1,
- indexCount: - 1,
- };
- let lastRange = null;
- const reservedRanges = this._reservedRanges;
- const drawRanges = this._drawRanges;
- const bounds = this._bounds;
- if ( this._geometryCount !== 0 ) {
- lastRange = reservedRanges[ reservedRanges.length - 1 ];
- }
- if ( vertexCount === - 1 ) {
- reservedRange.vertexCount = geometry.getAttribute( 'position' ).count;
- } else {
- reservedRange.vertexCount = vertexCount;
- }
- if ( lastRange === null ) {
- reservedRange.vertexStart = 0;
- } else {
- reservedRange.vertexStart = lastRange.vertexStart + lastRange.vertexCount;
- }
- const index = geometry.getIndex();
- const hasIndex = index !== null;
- if ( hasIndex ) {
- if ( indexCount === - 1 ) {
- reservedRange.indexCount = index.count;
- } else {
- reservedRange.indexCount = indexCount;
- }
- if ( lastRange === null ) {
- reservedRange.indexStart = 0;
- } else {
- reservedRange.indexStart = lastRange.indexStart + lastRange.indexCount;
- }
- }
- if (
- reservedRange.indexStart !== - 1 &&
- reservedRange.indexStart + reservedRange.indexCount > this._maxIndexCount ||
- reservedRange.vertexStart + reservedRange.vertexCount > this._maxVertexCount
- ) {
- throw new Error( 'BatchedMesh: Reserved space request exceeds the maximum buffer size.' );
- }
- // update id
- const geometryId = this._geometryCount;
- this._geometryCount ++;
- // add the reserved range and draw range objects
- reservedRanges.push( reservedRange );
- drawRanges.push( {
- start: hasIndex ? reservedRange.indexStart : reservedRange.vertexStart,
- count: - 1
- } );
- bounds.push( {
- boxInitialized: false,
- box: new Box3(),
- sphereInitialized: false,
- sphere: new Sphere()
- } );
- // update the geometry
- this.setGeometryAt( geometryId, geometry );
- return geometryId;
- }
- setGeometryAt( geometryId, geometry ) {
- if ( geometryId >= this._geometryCount ) {
- throw new Error( 'BatchedMesh: Maximum geometry count reached.' );
- }
- this._validateGeometry( geometry );
- const batchGeometry = this.geometry;
- const hasIndex = batchGeometry.getIndex() !== null;
- const dstIndex = batchGeometry.getIndex();
- const srcIndex = geometry.getIndex();
- const reservedRange = this._reservedRanges[ geometryId ];
- if (
- hasIndex &&
- srcIndex.count > reservedRange.indexCount ||
- geometry.attributes.position.count > reservedRange.vertexCount
- ) {
- throw new Error( 'BatchedMesh: Reserved space not large enough for provided geometry.' );
- }
- // copy geometry over
- const vertexStart = reservedRange.vertexStart;
- const vertexCount = reservedRange.vertexCount;
- for ( const attributeName in batchGeometry.attributes ) {
- // copy attribute data
- const srcAttribute = geometry.getAttribute( attributeName );
- const dstAttribute = batchGeometry.getAttribute( attributeName );
- copyAttributeData( srcAttribute, dstAttribute, vertexStart );
- // fill the rest in with zeroes
- const itemSize = srcAttribute.itemSize;
- for ( let i = srcAttribute.count, l = vertexCount; i < l; i ++ ) {
- const index = vertexStart + i;
- for ( let c = 0; c < itemSize; c ++ ) {
- dstAttribute.setComponent( index, c, 0 );
- }
- }
- dstAttribute.needsUpdate = true;
- dstAttribute.addUpdateRange( vertexStart * itemSize, vertexCount * itemSize );
- }
- // copy index
- if ( hasIndex ) {
- const indexStart = reservedRange.indexStart;
- // copy index data over
- for ( let i = 0; i < srcIndex.count; i ++ ) {
- dstIndex.setX( indexStart + i, vertexStart + srcIndex.getX( i ) );
- }
- // fill the rest in with zeroes
- for ( let i = srcIndex.count, l = reservedRange.indexCount; i < l; i ++ ) {
- dstIndex.setX( indexStart + i, vertexStart );
- }
- dstIndex.needsUpdate = true;
- dstIndex.addUpdateRange( indexStart, reservedRange.indexCount );
- }
- // store the bounding boxes
- const bound = this._bounds[ geometryId ];
- if ( geometry.boundingBox !== null ) {
- bound.box.copy( geometry.boundingBox );
- bound.boxInitialized = true;
- } else {
- bound.boxInitialized = false;
- }
- if ( geometry.boundingSphere !== null ) {
- bound.sphere.copy( geometry.boundingSphere );
- bound.sphereInitialized = true;
- } else {
- bound.sphereInitialized = false;
- }
- // set drawRange count
- const drawRange = this._drawRanges[ geometryId ];
- const posAttr = geometry.getAttribute( 'position' );
- drawRange.count = hasIndex ? srcIndex.count : posAttr.count;
- this._visibilityChanged = true;
- return geometryId;
- }
- /*
- deleteGeometry( geometryId ) {
- // TODO: delete geometry and associated instances
- }
- */
- deleteInstance( instanceId ) {
- const drawInfo = this._drawInfo;
- if ( instanceId >= drawInfo.length || drawInfo[ instanceId ].active === false ) {
- return this;
- }
- drawInfo[ instanceId ].active = false;
- this._availableInstanceIds.push( instanceId );
- this._visibilityChanged = true;
- return this;
- }
- // get bounding box and compute it if it doesn't exist
- getBoundingBoxAt( geometryId, target ) {
- if ( geometryId >= this._geometryCount ) {
- return null;
- }
- // compute bounding box
- const bound = this._bounds[ geometryId ];
- const box = bound.box;
- const geometry = this.geometry;
- if ( bound.boxInitialized === false ) {
- box.makeEmpty();
- const index = geometry.index;
- const position = geometry.attributes.position;
- const drawRange = this._drawRanges[ geometryId ];
- for ( let i = drawRange.start, l = drawRange.start + drawRange.count; i < l; i ++ ) {
- let iv = i;
- if ( index ) {
- iv = index.getX( iv );
- }
- box.expandByPoint( _vector$5.fromBufferAttribute( position, iv ) );
- }
- bound.boxInitialized = true;
- }
- target.copy( box );
- return target;
- }
- // get bounding sphere and compute it if it doesn't exist
- getBoundingSphereAt( geometryId, target ) {
- if ( geometryId >= this._geometryCount ) {
- return null;
- }
- // compute bounding sphere
- const bound = this._bounds[ geometryId ];
- const sphere = bound.sphere;
- const geometry = this.geometry;
- if ( bound.sphereInitialized === false ) {
- sphere.makeEmpty();
- this.getBoundingBoxAt( geometryId, _box$1 );
- _box$1.getCenter( sphere.center );
- const index = geometry.index;
- const position = geometry.attributes.position;
- const drawRange = this._drawRanges[ geometryId ];
- let maxRadiusSq = 0;
- for ( let i = drawRange.start, l = drawRange.start + drawRange.count; i < l; i ++ ) {
- let iv = i;
- if ( index ) {
- iv = index.getX( iv );
- }
- _vector$5.fromBufferAttribute( position, iv );
- maxRadiusSq = Math.max( maxRadiusSq, sphere.center.distanceToSquared( _vector$5 ) );
- }
- sphere.radius = Math.sqrt( maxRadiusSq );
- bound.sphereInitialized = true;
- }
- target.copy( sphere );
- return target;
- }
- setMatrixAt( instanceId, matrix ) {
- // @TODO: Map geometryId to index of the arrays because
- // optimize() can make geometryId mismatch the index
- const drawInfo = this._drawInfo;
- const matricesTexture = this._matricesTexture;
- const matricesArray = this._matricesTexture.image.data;
- if ( instanceId >= drawInfo.length || drawInfo[ instanceId ].active === false ) {
- return this;
- }
- matrix.toArray( matricesArray, instanceId * 16 );
- matricesTexture.needsUpdate = true;
- return this;
- }
- getMatrixAt( instanceId, matrix ) {
- const drawInfo = this._drawInfo;
- const matricesArray = this._matricesTexture.image.data;
- if ( instanceId >= drawInfo.length || drawInfo[ instanceId ].active === false ) {
- return null;
- }
- return matrix.fromArray( matricesArray, instanceId * 16 );
- }
- setColorAt( instanceId, color ) {
- if ( this._colorsTexture === null ) {
- this._initColorsTexture();
- }
- // @TODO: Map id to index of the arrays because
- // optimize() can make id mismatch the index
- const colorsTexture = this._colorsTexture;
- const colorsArray = this._colorsTexture.image.data;
- const drawInfo = this._drawInfo;
- if ( instanceId >= drawInfo.length || drawInfo[ instanceId ].active === false ) {
- return this;
- }
- color.toArray( colorsArray, instanceId * 4 );
- colorsTexture.needsUpdate = true;
- return this;
- }
- getColorAt( instanceId, color ) {
- const colorsArray = this._colorsTexture.image.data;
- const drawInfo = this._drawInfo;
- if ( instanceId >= drawInfo.length || drawInfo[ instanceId ].active === false ) {
- return null;
- }
- return color.fromArray( colorsArray, instanceId * 4 );
- }
- setVisibleAt( instanceId, value ) {
- // if the geometry is out of range, not active, or visibility state
- // does not change then return early
- const drawInfo = this._drawInfo;
- if (
- instanceId >= drawInfo.length ||
- drawInfo[ instanceId ].active === false ||
- drawInfo[ instanceId ].visible === value
- ) {
- return this;
- }
- drawInfo[ instanceId ].visible = value;
- this._visibilityChanged = true;
- return this;
- }
- getVisibleAt( instanceId ) {
- // return early if the geometry is out of range or not active
- const drawInfo = this._drawInfo;
- if ( instanceId >= drawInfo.length || drawInfo[ instanceId ].active === false ) {
- return false;
- }
- return drawInfo[ instanceId ].visible;
- }
- setGeometryIdAt( instanceId, geometryId ) {
- // return early if the geometry is out of range or not active
- const drawInfo = this._drawInfo;
- if ( instanceId >= drawInfo.length || drawInfo[ instanceId ].active === false ) {
- return null;
- }
- // check if the provided geometryId is within the valid range
- if ( geometryId < 0 || geometryId >= this._geometryCount ) {
- return null;
- }
- drawInfo[ instanceId ].geometryIndex = geometryId;
- return this;
- }
- getGeometryIdAt( instanceId ) {
- const drawInfo = this._drawInfo;
- if ( instanceId >= drawInfo.length || drawInfo[ instanceId ].active === false ) {
- return - 1;
- }
- return drawInfo[ instanceId ].geometryIndex;
- }
- getGeometryRangeAt( geometryId, target = {} ) {
- if ( geometryId < 0 || geometryId >= this._geometryCount ) {
- return null;
- }
- const drawRange = this._drawRanges[ geometryId ];
- target.start = drawRange.start;
- target.count = drawRange.count;
- return target;
- }
- raycast( raycaster, intersects ) {
- const drawInfo = this._drawInfo;
- const drawRanges = this._drawRanges;
- const matrixWorld = this.matrixWorld;
- const batchGeometry = this.geometry;
- // iterate over each geometry
- _mesh.material = this.material;
- _mesh.geometry.index = batchGeometry.index;
- _mesh.geometry.attributes = batchGeometry.attributes;
- if ( _mesh.geometry.boundingBox === null ) {
- _mesh.geometry.boundingBox = new Box3();
- }
- if ( _mesh.geometry.boundingSphere === null ) {
- _mesh.geometry.boundingSphere = new Sphere();
- }
- for ( let i = 0, l = drawInfo.length; i < l; i ++ ) {
- if ( ! drawInfo[ i ].visible || ! drawInfo[ i ].active ) {
- continue;
- }
- const geometryId = drawInfo[ i ].geometryIndex;
- const drawRange = drawRanges[ geometryId ];
- _mesh.geometry.setDrawRange( drawRange.start, drawRange.count );
- // ge the intersects
- this.getMatrixAt( i, _mesh.matrixWorld ).premultiply( matrixWorld );
- this.getBoundingBoxAt( geometryId, _mesh.geometry.boundingBox );
- this.getBoundingSphereAt( geometryId, _mesh.geometry.boundingSphere );
- _mesh.raycast( raycaster, _batchIntersects );
- // add batch id to the intersects
- for ( let j = 0, l = _batchIntersects.length; j < l; j ++ ) {
- const intersect = _batchIntersects[ j ];
- intersect.object = this;
- intersect.batchId = i;
- intersects.push( intersect );
- }
- _batchIntersects.length = 0;
- }
- _mesh.material = null;
- _mesh.geometry.index = null;
- _mesh.geometry.attributes = {};
- _mesh.geometry.setDrawRange( 0, Infinity );
- }
- copy( source ) {
- super.copy( source );
- this.geometry = source.geometry.clone();
- this.perObjectFrustumCulled = source.perObjectFrustumCulled;
- this.sortObjects = source.sortObjects;
- this.boundingBox = source.boundingBox !== null ? source.boundingBox.clone() : null;
- this.boundingSphere = source.boundingSphere !== null ? source.boundingSphere.clone() : null;
- this._drawRanges = source._drawRanges.map( range => ( { ...range } ) );
- this._reservedRanges = source._reservedRanges.map( range => ( { ...range } ) );
- this._drawInfo = source._drawInfo.map( inf => ( { ...inf } ) );
- this._bounds = source._bounds.map( bound => ( {
- boxInitialized: bound.boxInitialized,
- box: bound.box.clone(),
- sphereInitialized: bound.sphereInitialized,
- sphere: bound.sphere.clone()
- } ) );
- this._maxInstanceCount = source._maxInstanceCount;
- this._maxVertexCount = source._maxVertexCount;
- this._maxIndexCount = source._maxIndexCount;
- this._geometryInitialized = source._geometryInitialized;
- this._geometryCount = source._geometryCount;
- this._multiDrawCounts = source._multiDrawCounts.slice();
- this._multiDrawStarts = source._multiDrawStarts.slice();
- this._matricesTexture = source._matricesTexture.clone();
- this._matricesTexture.image.data = this._matricesTexture.image.data.slice();
- if ( this._colorsTexture !== null ) {
- this._colorsTexture = source._colorsTexture.clone();
- this._colorsTexture.image.data = this._colorsTexture.image.data.slice();
- }
- return this;
- }
- dispose() {
- // Assuming the geometry is not shared with other meshes
- this.geometry.dispose();
- this._matricesTexture.dispose();
- this._matricesTexture = null;
- this._indirectTexture.dispose();
- this._indirectTexture = null;
- if ( this._colorsTexture !== null ) {
- this._colorsTexture.dispose();
- this._colorsTexture = null;
- }
- return this;
- }
- onBeforeRender( renderer, scene, camera, geometry, material/*, _group*/ ) {
- // if visibility has not changed and frustum culling and object sorting is not required
- // then skip iterating over all items
- if ( ! this._visibilityChanged && ! this.perObjectFrustumCulled && ! this.sortObjects ) {
- return;
- }
- // the indexed version of the multi draw function requires specifying the start
- // offset in bytes.
- const index = geometry.getIndex();
- const bytesPerElement = index === null ? 1 : index.array.BYTES_PER_ELEMENT;
- const drawInfo = this._drawInfo;
- const multiDrawStarts = this._multiDrawStarts;
- const multiDrawCounts = this._multiDrawCounts;
- const drawRanges = this._drawRanges;
- const perObjectFrustumCulled = this.perObjectFrustumCulled;
- const indirectTexture = this._indirectTexture;
- const indirectArray = indirectTexture.image.data;
- // prepare the frustum in the local frame
- if ( perObjectFrustumCulled ) {
- _projScreenMatrix$3
- .multiplyMatrices( camera.projectionMatrix, camera.matrixWorldInverse )
- .multiply( this.matrixWorld );
- _frustum$1.setFromProjectionMatrix(
- _projScreenMatrix$3,
- renderer.coordinateSystem
- );
- }
- let count = 0;
- if ( this.sortObjects ) {
- // get the camera position in the local frame
- _invMatrixWorld.copy( this.matrixWorld ).invert();
- _vector$5.setFromMatrixPosition( camera.matrixWorld ).applyMatrix4( _invMatrixWorld );
- _forward.set( 0, 0, - 1 ).transformDirection( camera.matrixWorld ).transformDirection( _invMatrixWorld );
- for ( let i = 0, l = drawInfo.length; i < l; i ++ ) {
- if ( drawInfo[ i ].visible && drawInfo[ i ].active ) {
- const geometryId = drawInfo[ i ].geometryIndex;
- // get the bounds in world space
- this.getMatrixAt( i, _matrix$1 );
- this.getBoundingSphereAt( geometryId, _sphere$2 ).applyMatrix4( _matrix$1 );
- // determine whether the batched geometry is within the frustum
- let culled = false;
- if ( perObjectFrustumCulled ) {
- culled = ! _frustum$1.intersectsSphere( _sphere$2 );
- }
- if ( ! culled ) {
- // get the distance from camera used for sorting
- const z = _temp.subVectors( _sphere$2.center, _vector$5 ).dot( _forward );
- _renderList.push( drawRanges[ geometryId ], z, i );
- }
- }
- }
- // Sort the draw ranges and prep for rendering
- const list = _renderList.list;
- const customSort = this.customSort;
- if ( customSort === null ) {
- list.sort( material.transparent ? sortTransparent : sortOpaque );
- } else {
- customSort.call( this, list, camera );
- }
- for ( let i = 0, l = list.length; i < l; i ++ ) {
- const item = list[ i ];
- multiDrawStarts[ count ] = item.start * bytesPerElement;
- multiDrawCounts[ count ] = item.count;
- indirectArray[ count ] = item.index;
- count ++;
- }
- _renderList.reset();
- } else {
- for ( let i = 0, l = drawInfo.length; i < l; i ++ ) {
- if ( drawInfo[ i ].visible && drawInfo[ i ].active ) {
- const geometryId = drawInfo[ i ].geometryIndex;
- // determine whether the batched geometry is within the frustum
- let culled = false;
- if ( perObjectFrustumCulled ) {
- // get the bounds in world space
- this.getMatrixAt( i, _matrix$1 );
- this.getBoundingSphereAt( geometryId, _sphere$2 ).applyMatrix4( _matrix$1 );
- culled = ! _frustum$1.intersectsSphere( _sphere$2 );
- }
- if ( ! culled ) {
- const range = drawRanges[ geometryId ];
- multiDrawStarts[ count ] = range.start * bytesPerElement;
- multiDrawCounts[ count ] = range.count;
- indirectArray[ count ] = i;
- count ++;
- }
- }
- }
- }
- indirectTexture.needsUpdate = true;
- this._multiDrawCount = count;
- this._visibilityChanged = false;
- }
- onBeforeShadow( renderer, object, camera, shadowCamera, geometry, depthMaterial/* , group */ ) {
- this.onBeforeRender( renderer, null, shadowCamera, geometry, depthMaterial );
- }
- }
- class LineBasicMaterial extends Material {
- constructor( parameters ) {
- super();
- this.isLineBasicMaterial = true;
- this.type = 'LineBasicMaterial';
- this.color = new Color( 0xffffff );
- this.map = null;
- this.linewidth = 1;
- this.linecap = 'round';
- this.linejoin = 'round';
- this.fog = true;
- this.setValues( parameters );
- }
- copy( source ) {
- super.copy( source );
- this.color.copy( source.color );
- this.map = source.map;
- this.linewidth = source.linewidth;
- this.linecap = source.linecap;
- this.linejoin = source.linejoin;
- this.fog = source.fog;
- return this;
- }
- }
- const _vStart = /*@__PURE__*/ new Vector3();
- const _vEnd = /*@__PURE__*/ new Vector3();
- const _inverseMatrix$1 = /*@__PURE__*/ new Matrix4();
- const _ray$1 = /*@__PURE__*/ new Ray();
- const _sphere$1 = /*@__PURE__*/ new Sphere();
- const _intersectPointOnRay = /*@__PURE__*/ new Vector3();
- const _intersectPointOnSegment = /*@__PURE__*/ new Vector3();
- class Line extends Object3D {
- constructor( geometry = new BufferGeometry(), material = new LineBasicMaterial() ) {
- super();
- this.isLine = true;
- this.type = 'Line';
- this.geometry = geometry;
- this.material = material;
- this.updateMorphTargets();
- }
- copy( source, recursive ) {
- super.copy( source, recursive );
- this.material = Array.isArray( source.material ) ? source.material.slice() : source.material;
- this.geometry = source.geometry;
- return this;
- }
- computeLineDistances() {
- const geometry = this.geometry;
- // we assume non-indexed geometry
- if ( geometry.index === null ) {
- const positionAttribute = geometry.attributes.position;
- const lineDistances = [ 0 ];
- for ( let i = 1, l = positionAttribute.count; i < l; i ++ ) {
- _vStart.fromBufferAttribute( positionAttribute, i - 1 );
- _vEnd.fromBufferAttribute( positionAttribute, i );
- lineDistances[ i ] = lineDistances[ i - 1 ];
- lineDistances[ i ] += _vStart.distanceTo( _vEnd );
- }
- geometry.setAttribute( 'lineDistance', new Float32BufferAttribute( lineDistances, 1 ) );
- } else {
- console.warn( 'THREE.Line.computeLineDistances(): Computation only possible with non-indexed BufferGeometry.' );
- }
- return this;
- }
- raycast( raycaster, intersects ) {
- const geometry = this.geometry;
- const matrixWorld = this.matrixWorld;
- const threshold = raycaster.params.Line.threshold;
- const drawRange = geometry.drawRange;
- // Checking boundingSphere distance to ray
- if ( geometry.boundingSphere === null ) geometry.computeBoundingSphere();
- _sphere$1.copy( geometry.boundingSphere );
- _sphere$1.applyMatrix4( matrixWorld );
- _sphere$1.radius += threshold;
- if ( raycaster.ray.intersectsSphere( _sphere$1 ) === false ) return;
- //
- _inverseMatrix$1.copy( matrixWorld ).invert();
- _ray$1.copy( raycaster.ray ).applyMatrix4( _inverseMatrix$1 );
- const localThreshold = threshold / ( ( this.scale.x + this.scale.y + this.scale.z ) / 3 );
- const localThresholdSq = localThreshold * localThreshold;
- const step = this.isLineSegments ? 2 : 1;
- const index = geometry.index;
- const attributes = geometry.attributes;
- const positionAttribute = attributes.position;
- if ( index !== null ) {
- const start = Math.max( 0, drawRange.start );
- const end = Math.min( index.count, ( drawRange.start + drawRange.count ) );
- for ( let i = start, l = end - 1; i < l; i += step ) {
- const a = index.getX( i );
- const b = index.getX( i + 1 );
- const intersect = checkIntersection( this, raycaster, _ray$1, localThresholdSq, a, b );
- if ( intersect ) {
- intersects.push( intersect );
- }
- }
- if ( this.isLineLoop ) {
- const a = index.getX( end - 1 );
- const b = index.getX( start );
- const intersect = checkIntersection( this, raycaster, _ray$1, localThresholdSq, a, b );
- if ( intersect ) {
- intersects.push( intersect );
- }
- }
- } else {
- const start = Math.max( 0, drawRange.start );
- const end = Math.min( positionAttribute.count, ( drawRange.start + drawRange.count ) );
- for ( let i = start, l = end - 1; i < l; i += step ) {
- const intersect = checkIntersection( this, raycaster, _ray$1, localThresholdSq, i, i + 1 );
- if ( intersect ) {
- intersects.push( intersect );
- }
- }
- if ( this.isLineLoop ) {
- const intersect = checkIntersection( this, raycaster, _ray$1, localThresholdSq, end - 1, start );
- if ( intersect ) {
- intersects.push( intersect );
- }
- }
- }
- }
- updateMorphTargets() {
- const geometry = this.geometry;
- const morphAttributes = geometry.morphAttributes;
- const keys = Object.keys( morphAttributes );
- if ( keys.length > 0 ) {
- const morphAttribute = morphAttributes[ keys[ 0 ] ];
- if ( morphAttribute !== undefined ) {
- this.morphTargetInfluences = [];
- this.morphTargetDictionary = {};
- for ( let m = 0, ml = morphAttribute.length; m < ml; m ++ ) {
- const name = morphAttribute[ m ].name || String( m );
- this.morphTargetInfluences.push( 0 );
- this.morphTargetDictionary[ name ] = m;
- }
- }
- }
- }
- }
- function checkIntersection( object, raycaster, ray, thresholdSq, a, b ) {
- const positionAttribute = object.geometry.attributes.position;
- _vStart.fromBufferAttribute( positionAttribute, a );
- _vEnd.fromBufferAttribute( positionAttribute, b );
- const distSq = ray.distanceSqToSegment( _vStart, _vEnd, _intersectPointOnRay, _intersectPointOnSegment );
- if ( distSq > thresholdSq ) return;
- _intersectPointOnRay.applyMatrix4( object.matrixWorld ); // Move back to world space for distance calculation
- const distance = raycaster.ray.origin.distanceTo( _intersectPointOnRay );
- if ( distance < raycaster.near || distance > raycaster.far ) return;
- return {
- distance: distance,
- // What do we want? intersection point on the ray or on the segment??
- // point: raycaster.ray.at( distance ),
- point: _intersectPointOnSegment.clone().applyMatrix4( object.matrixWorld ),
- index: a,
- face: null,
- faceIndex: null,
- barycoord: null,
- object: object
- };
- }
- const _start = /*@__PURE__*/ new Vector3();
- const _end = /*@__PURE__*/ new Vector3();
- class LineSegments extends Line {
- constructor( geometry, material ) {
- super( geometry, material );
- this.isLineSegments = true;
- this.type = 'LineSegments';
- }
- computeLineDistances() {
- const geometry = this.geometry;
- // we assume non-indexed geometry
- if ( geometry.index === null ) {
- const positionAttribute = geometry.attributes.position;
- const lineDistances = [];
- for ( let i = 0, l = positionAttribute.count; i < l; i += 2 ) {
- _start.fromBufferAttribute( positionAttribute, i );
- _end.fromBufferAttribute( positionAttribute, i + 1 );
- lineDistances[ i ] = ( i === 0 ) ? 0 : lineDistances[ i - 1 ];
- lineDistances[ i + 1 ] = lineDistances[ i ] + _start.distanceTo( _end );
- }
- geometry.setAttribute( 'lineDistance', new Float32BufferAttribute( lineDistances, 1 ) );
- } else {
- console.warn( 'THREE.LineSegments.computeLineDistances(): Computation only possible with non-indexed BufferGeometry.' );
- }
- return this;
- }
- }
- class LineLoop extends Line {
- constructor( geometry, material ) {
- super( geometry, material );
- this.isLineLoop = true;
- this.type = 'LineLoop';
- }
- }
- class PointsMaterial extends Material {
- constructor( parameters ) {
- super();
- this.isPointsMaterial = true;
- this.type = 'PointsMaterial';
- this.color = new Color( 0xffffff );
- this.map = null;
- this.alphaMap = null;
- this.size = 1;
- this.sizeAttenuation = true;
- this.fog = true;
- this.setValues( parameters );
- }
- copy( source ) {
- super.copy( source );
- this.color.copy( source.color );
- this.map = source.map;
- this.alphaMap = source.alphaMap;
- this.size = source.size;
- this.sizeAttenuation = source.sizeAttenuation;
- this.fog = source.fog;
- return this;
- }
- }
- const _inverseMatrix = /*@__PURE__*/ new Matrix4();
- const _ray = /*@__PURE__*/ new Ray();
- const _sphere = /*@__PURE__*/ new Sphere();
- const _position$2 = /*@__PURE__*/ new Vector3();
- class Points extends Object3D {
- constructor( geometry = new BufferGeometry(), material = new PointsMaterial() ) {
- super();
- this.isPoints = true;
- this.type = 'Points';
- this.geometry = geometry;
- this.material = material;
- this.updateMorphTargets();
- }
- copy( source, recursive ) {
- super.copy( source, recursive );
- this.material = Array.isArray( source.material ) ? source.material.slice() : source.material;
- this.geometry = source.geometry;
- return this;
- }
- raycast( raycaster, intersects ) {
- const geometry = this.geometry;
- const matrixWorld = this.matrixWorld;
- const threshold = raycaster.params.Points.threshold;
- const drawRange = geometry.drawRange;
- // Checking boundingSphere distance to ray
- if ( geometry.boundingSphere === null ) geometry.computeBoundingSphere();
- _sphere.copy( geometry.boundingSphere );
- _sphere.applyMatrix4( matrixWorld );
- _sphere.radius += threshold;
- if ( raycaster.ray.intersectsSphere( _sphere ) === false ) return;
- //
- _inverseMatrix.copy( matrixWorld ).invert();
- _ray.copy( raycaster.ray ).applyMatrix4( _inverseMatrix );
- const localThreshold = threshold / ( ( this.scale.x + this.scale.y + this.scale.z ) / 3 );
- const localThresholdSq = localThreshold * localThreshold;
- const index = geometry.index;
- const attributes = geometry.attributes;
- const positionAttribute = attributes.position;
- if ( index !== null ) {
- const start = Math.max( 0, drawRange.start );
- const end = Math.min( index.count, ( drawRange.start + drawRange.count ) );
- for ( let i = start, il = end; i < il; i ++ ) {
- const a = index.getX( i );
- _position$2.fromBufferAttribute( positionAttribute, a );
- testPoint( _position$2, a, localThresholdSq, matrixWorld, raycaster, intersects, this );
- }
- } else {
- const start = Math.max( 0, drawRange.start );
- const end = Math.min( positionAttribute.count, ( drawRange.start + drawRange.count ) );
- for ( let i = start, l = end; i < l; i ++ ) {
- _position$2.fromBufferAttribute( positionAttribute, i );
- testPoint( _position$2, i, localThresholdSq, matrixWorld, raycaster, intersects, this );
- }
- }
- }
- updateMorphTargets() {
- const geometry = this.geometry;
- const morphAttributes = geometry.morphAttributes;
- const keys = Object.keys( morphAttributes );
- if ( keys.length > 0 ) {
- const morphAttribute = morphAttributes[ keys[ 0 ] ];
- if ( morphAttribute !== undefined ) {
- this.morphTargetInfluences = [];
- this.morphTargetDictionary = {};
- for ( let m = 0, ml = morphAttribute.length; m < ml; m ++ ) {
- const name = morphAttribute[ m ].name || String( m );
- this.morphTargetInfluences.push( 0 );
- this.morphTargetDictionary[ name ] = m;
- }
- }
- }
- }
- }
- function testPoint( point, index, localThresholdSq, matrixWorld, raycaster, intersects, object ) {
- const rayPointDistanceSq = _ray.distanceSqToPoint( point );
- if ( rayPointDistanceSq < localThresholdSq ) {
- const intersectPoint = new Vector3();
- _ray.closestPointToPoint( point, intersectPoint );
- intersectPoint.applyMatrix4( matrixWorld );
- const distance = raycaster.ray.origin.distanceTo( intersectPoint );
- if ( distance < raycaster.near || distance > raycaster.far ) return;
- intersects.push( {
- distance: distance,
- distanceToRay: Math.sqrt( rayPointDistanceSq ),
- point: intersectPoint,
- index: index,
- face: null,
- faceIndex: null,
- barycoord: null,
- object: object
- } );
- }
- }
- class Group extends Object3D {
- constructor() {
- super();
- this.isGroup = true;
- this.type = 'Group';
- }
- }
- class VideoTexture extends Texture {
- constructor( video, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy ) {
- super( video, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy );
- this.isVideoTexture = true;
- this.minFilter = minFilter !== undefined ? minFilter : LinearFilter;
- this.magFilter = magFilter !== undefined ? magFilter : LinearFilter;
- this.generateMipmaps = false;
- const scope = this;
- function updateVideo() {
- scope.needsUpdate = true;
- video.requestVideoFrameCallback( updateVideo );
- }
- if ( 'requestVideoFrameCallback' in video ) {
- video.requestVideoFrameCallback( updateVideo );
- }
- }
- clone() {
- return new this.constructor( this.image ).copy( this );
- }
- update() {
- const video = this.image;
- const hasVideoFrameCallback = 'requestVideoFrameCallback' in video;
- if ( hasVideoFrameCallback === false && video.readyState >= video.HAVE_CURRENT_DATA ) {
- this.needsUpdate = true;
- }
- }
- }
- class FramebufferTexture extends Texture {
- constructor( width, height ) {
- super( { width, height } );
- this.isFramebufferTexture = true;
- this.magFilter = NearestFilter;
- this.minFilter = NearestFilter;
- this.generateMipmaps = false;
- this.needsUpdate = true;
- }
- }
- class CompressedTexture extends Texture {
- constructor( mipmaps, width, height, format, type, mapping, wrapS, wrapT, magFilter, minFilter, anisotropy, colorSpace ) {
- super( null, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy, colorSpace );
- this.isCompressedTexture = true;
- this.image = { width: width, height: height };
- this.mipmaps = mipmaps;
- // no flipping for cube textures
- // (also flipping doesn't work for compressed textures )
- this.flipY = false;
- // can't generate mipmaps for compressed textures
- // mips must be embedded in DDS files
- this.generateMipmaps = false;
- }
- }
- class CompressedArrayTexture extends CompressedTexture {
- constructor( mipmaps, width, height, depth, format, type ) {
- super( mipmaps, width, height, format, type );
- this.isCompressedArrayTexture = true;
- this.image.depth = depth;
- this.wrapR = ClampToEdgeWrapping;
- this.layerUpdates = new Set();
- }
- addLayerUpdate( layerIndex ) {
- this.layerUpdates.add( layerIndex );
- }
- clearLayerUpdates() {
- this.layerUpdates.clear();
- }
- }
- class CompressedCubeTexture extends CompressedTexture {
- constructor( images, format, type ) {
- super( undefined, images[ 0 ].width, images[ 0 ].height, format, type, CubeReflectionMapping );
- this.isCompressedCubeTexture = true;
- this.isCubeTexture = true;
- this.image = images;
- }
- }
- class CanvasTexture extends Texture {
- constructor( canvas, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy ) {
- super( canvas, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy );
- this.isCanvasTexture = true;
- this.needsUpdate = true;
- }
- }
- class DepthTexture extends Texture {
- constructor( width, height, type, mapping, wrapS, wrapT, magFilter, minFilter, anisotropy, format = DepthFormat ) {
- if ( format !== DepthFormat && format !== DepthStencilFormat ) {
- throw new Error( 'DepthTexture format must be either THREE.DepthFormat or THREE.DepthStencilFormat' );
- }
- if ( type === undefined && format === DepthFormat ) type = UnsignedIntType;
- if ( type === undefined && format === DepthStencilFormat ) type = UnsignedInt248Type;
- super( null, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy );
- this.isDepthTexture = true;
- this.image = { width: width, height: height };
- this.magFilter = magFilter !== undefined ? magFilter : NearestFilter;
- this.minFilter = minFilter !== undefined ? minFilter : NearestFilter;
- this.flipY = false;
- this.generateMipmaps = false;
- this.compareFunction = null;
- }
- copy( source ) {
- super.copy( source );
- this.compareFunction = source.compareFunction;
- return this;
- }
- toJSON( meta ) {
- const data = super.toJSON( meta );
- if ( this.compareFunction !== null ) data.compareFunction = this.compareFunction;
- return data;
- }
- }
- /**
- * Extensible curve object.
- *
- * Some common of curve methods:
- * .getPoint( t, optionalTarget ), .getTangent( t, optionalTarget )
- * .getPointAt( u, optionalTarget ), .getTangentAt( u, optionalTarget )
- * .getPoints(), .getSpacedPoints()
- * .getLength()
- * .updateArcLengths()
- *
- * This following curves inherit from THREE.Curve:
- *
- * -- 2D curves --
- * THREE.ArcCurve
- * THREE.CubicBezierCurve
- * THREE.EllipseCurve
- * THREE.LineCurve
- * THREE.QuadraticBezierCurve
- * THREE.SplineCurve
- *
- * -- 3D curves --
- * THREE.CatmullRomCurve3
- * THREE.CubicBezierCurve3
- * THREE.LineCurve3
- * THREE.QuadraticBezierCurve3
- *
- * A series of curves can be represented as a THREE.CurvePath.
- *
- **/
- class Curve {
- constructor() {
- this.type = 'Curve';
- this.arcLengthDivisions = 200;
- }
- // Virtual base class method to overwrite and implement in subclasses
- // - t [0 .. 1]
- getPoint( /* t, optionalTarget */ ) {
- console.warn( 'THREE.Curve: .getPoint() not implemented.' );
- return null;
- }
- // Get point at relative position in curve according to arc length
- // - u [0 .. 1]
- getPointAt( u, optionalTarget ) {
- const t = this.getUtoTmapping( u );
- return this.getPoint( t, optionalTarget );
- }
- // Get sequence of points using getPoint( t )
- getPoints( divisions = 5 ) {
- const points = [];
- for ( let d = 0; d <= divisions; d ++ ) {
- points.push( this.getPoint( d / divisions ) );
- }
- return points;
- }
- // Get sequence of points using getPointAt( u )
- getSpacedPoints( divisions = 5 ) {
- const points = [];
- for ( let d = 0; d <= divisions; d ++ ) {
- points.push( this.getPointAt( d / divisions ) );
- }
- return points;
- }
- // Get total curve arc length
- getLength() {
- const lengths = this.getLengths();
- return lengths[ lengths.length - 1 ];
- }
- // Get list of cumulative segment lengths
- getLengths( divisions = this.arcLengthDivisions ) {
- if ( this.cacheArcLengths &&
- ( this.cacheArcLengths.length === divisions + 1 ) &&
- ! this.needsUpdate ) {
- return this.cacheArcLengths;
- }
- this.needsUpdate = false;
- const cache = [];
- let current, last = this.getPoint( 0 );
- let sum = 0;
- cache.push( 0 );
- for ( let p = 1; p <= divisions; p ++ ) {
- current = this.getPoint( p / divisions );
- sum += current.distanceTo( last );
- cache.push( sum );
- last = current;
- }
- this.cacheArcLengths = cache;
- return cache; // { sums: cache, sum: sum }; Sum is in the last element.
- }
- updateArcLengths() {
- this.needsUpdate = true;
- this.getLengths();
- }
- // Given u ( 0 .. 1 ), get a t to find p. This gives you points which are equidistant
- getUtoTmapping( u, distance ) {
- const arcLengths = this.getLengths();
- let i = 0;
- const il = arcLengths.length;
- let targetArcLength; // The targeted u distance value to get
- if ( distance ) {
- targetArcLength = distance;
- } else {
- targetArcLength = u * arcLengths[ il - 1 ];
- }
- // binary search for the index with largest value smaller than target u distance
- let low = 0, high = il - 1, comparison;
- while ( low <= high ) {
- i = Math.floor( low + ( high - low ) / 2 ); // less likely to overflow, though probably not issue here, JS doesn't really have integers, all numbers are floats
- comparison = arcLengths[ i ] - targetArcLength;
- if ( comparison < 0 ) {
- low = i + 1;
- } else if ( comparison > 0 ) {
- high = i - 1;
- } else {
- high = i;
- break;
- // DONE
- }
- }
- i = high;
- if ( arcLengths[ i ] === targetArcLength ) {
- return i / ( il - 1 );
- }
- // we could get finer grain at lengths, or use simple interpolation between two points
- const lengthBefore = arcLengths[ i ];
- const lengthAfter = arcLengths[ i + 1 ];
- const segmentLength = lengthAfter - lengthBefore;
- // determine where we are between the 'before' and 'after' points
- const segmentFraction = ( targetArcLength - lengthBefore ) / segmentLength;
- // add that fractional amount to t
- const t = ( i + segmentFraction ) / ( il - 1 );
- return t;
- }
- // Returns a unit vector tangent at t
- // In case any sub curve does not implement its tangent derivation,
- // 2 points a small delta apart will be used to find its gradient
- // which seems to give a reasonable approximation
- getTangent( t, optionalTarget ) {
- const delta = 0.0001;
- let t1 = t - delta;
- let t2 = t + delta;
- // Capping in case of danger
- if ( t1 < 0 ) t1 = 0;
- if ( t2 > 1 ) t2 = 1;
- const pt1 = this.getPoint( t1 );
- const pt2 = this.getPoint( t2 );
- const tangent = optionalTarget || ( ( pt1.isVector2 ) ? new Vector2() : new Vector3() );
- tangent.copy( pt2 ).sub( pt1 ).normalize();
- return tangent;
- }
- getTangentAt( u, optionalTarget ) {
- const t = this.getUtoTmapping( u );
- return this.getTangent( t, optionalTarget );
- }
- computeFrenetFrames( segments, closed ) {
- // see http://www.cs.indiana.edu/pub/techreports/TR425.pdf
- const normal = new Vector3();
- const tangents = [];
- const normals = [];
- const binormals = [];
- const vec = new Vector3();
- const mat = new Matrix4();
- // compute the tangent vectors for each segment on the curve
- for ( let i = 0; i <= segments; i ++ ) {
- const u = i / segments;
- tangents[ i ] = this.getTangentAt( u, new Vector3() );
- }
- // select an initial normal vector perpendicular to the first tangent vector,
- // and in the direction of the minimum tangent xyz component
- normals[ 0 ] = new Vector3();
- binormals[ 0 ] = new Vector3();
- let min = Number.MAX_VALUE;
- const tx = Math.abs( tangents[ 0 ].x );
- const ty = Math.abs( tangents[ 0 ].y );
- const tz = Math.abs( tangents[ 0 ].z );
- if ( tx <= min ) {
- min = tx;
- normal.set( 1, 0, 0 );
- }
- if ( ty <= min ) {
- min = ty;
- normal.set( 0, 1, 0 );
- }
- if ( tz <= min ) {
- normal.set( 0, 0, 1 );
- }
- vec.crossVectors( tangents[ 0 ], normal ).normalize();
- normals[ 0 ].crossVectors( tangents[ 0 ], vec );
- binormals[ 0 ].crossVectors( tangents[ 0 ], normals[ 0 ] );
- // compute the slowly-varying normal and binormal vectors for each segment on the curve
- for ( let i = 1; i <= segments; i ++ ) {
- normals[ i ] = normals[ i - 1 ].clone();
- binormals[ i ] = binormals[ i - 1 ].clone();
- vec.crossVectors( tangents[ i - 1 ], tangents[ i ] );
- if ( vec.length() > Number.EPSILON ) {
- vec.normalize();
- const theta = Math.acos( clamp$1( tangents[ i - 1 ].dot( tangents[ i ] ), - 1, 1 ) ); // clamp for floating pt errors
- normals[ i ].applyMatrix4( mat.makeRotationAxis( vec, theta ) );
- }
- binormals[ i ].crossVectors( tangents[ i ], normals[ i ] );
- }
- // if the curve is closed, postprocess the vectors so the first and last normal vectors are the same
- if ( closed === true ) {
- let theta = Math.acos( clamp$1( normals[ 0 ].dot( normals[ segments ] ), - 1, 1 ) );
- theta /= segments;
- if ( tangents[ 0 ].dot( vec.crossVectors( normals[ 0 ], normals[ segments ] ) ) > 0 ) {
- theta = - theta;
- }
- for ( let i = 1; i <= segments; i ++ ) {
- // twist a little...
- normals[ i ].applyMatrix4( mat.makeRotationAxis( tangents[ i ], theta * i ) );
- binormals[ i ].crossVectors( tangents[ i ], normals[ i ] );
- }
- }
- return {
- tangents: tangents,
- normals: normals,
- binormals: binormals
- };
- }
- clone() {
- return new this.constructor().copy( this );
- }
- copy( source ) {
- this.arcLengthDivisions = source.arcLengthDivisions;
- return this;
- }
- toJSON() {
- const data = {
- metadata: {
- version: 4.6,
- type: 'Curve',
- generator: 'Curve.toJSON'
- }
- };
- data.arcLengthDivisions = this.arcLengthDivisions;
- data.type = this.type;
- return data;
- }
- fromJSON( json ) {
- this.arcLengthDivisions = json.arcLengthDivisions;
- return this;
- }
- }
- class EllipseCurve extends Curve {
- constructor( aX = 0, aY = 0, xRadius = 1, yRadius = 1, aStartAngle = 0, aEndAngle = Math.PI * 2, aClockwise = false, aRotation = 0 ) {
- super();
- this.isEllipseCurve = true;
- this.type = 'EllipseCurve';
- this.aX = aX;
- this.aY = aY;
- this.xRadius = xRadius;
- this.yRadius = yRadius;
- this.aStartAngle = aStartAngle;
- this.aEndAngle = aEndAngle;
- this.aClockwise = aClockwise;
- this.aRotation = aRotation;
- }
- getPoint( t, optionalTarget = new Vector2() ) {
- const point = optionalTarget;
- const twoPi = Math.PI * 2;
- let deltaAngle = this.aEndAngle - this.aStartAngle;
- const samePoints = Math.abs( deltaAngle ) < Number.EPSILON;
- // ensures that deltaAngle is 0 .. 2 PI
- while ( deltaAngle < 0 ) deltaAngle += twoPi;
- while ( deltaAngle > twoPi ) deltaAngle -= twoPi;
- if ( deltaAngle < Number.EPSILON ) {
- if ( samePoints ) {
- deltaAngle = 0;
- } else {
- deltaAngle = twoPi;
- }
- }
- if ( this.aClockwise === true && ! samePoints ) {
- if ( deltaAngle === twoPi ) {
- deltaAngle = - twoPi;
- } else {
- deltaAngle = deltaAngle - twoPi;
- }
- }
- const angle = this.aStartAngle + t * deltaAngle;
- let x = this.aX + this.xRadius * Math.cos( angle );
- let y = this.aY + this.yRadius * Math.sin( angle );
- if ( this.aRotation !== 0 ) {
- const cos = Math.cos( this.aRotation );
- const sin = Math.sin( this.aRotation );
- const tx = x - this.aX;
- const ty = y - this.aY;
- // Rotate the point about the center of the ellipse.
- x = tx * cos - ty * sin + this.aX;
- y = tx * sin + ty * cos + this.aY;
- }
- return point.set( x, y );
- }
- copy( source ) {
- super.copy( source );
- this.aX = source.aX;
- this.aY = source.aY;
- this.xRadius = source.xRadius;
- this.yRadius = source.yRadius;
- this.aStartAngle = source.aStartAngle;
- this.aEndAngle = source.aEndAngle;
- this.aClockwise = source.aClockwise;
- this.aRotation = source.aRotation;
- return this;
- }
- toJSON() {
- const data = super.toJSON();
- data.aX = this.aX;
- data.aY = this.aY;
- data.xRadius = this.xRadius;
- data.yRadius = this.yRadius;
- data.aStartAngle = this.aStartAngle;
- data.aEndAngle = this.aEndAngle;
- data.aClockwise = this.aClockwise;
- data.aRotation = this.aRotation;
- return data;
- }
- fromJSON( json ) {
- super.fromJSON( json );
- this.aX = json.aX;
- this.aY = json.aY;
- this.xRadius = json.xRadius;
- this.yRadius = json.yRadius;
- this.aStartAngle = json.aStartAngle;
- this.aEndAngle = json.aEndAngle;
- this.aClockwise = json.aClockwise;
- this.aRotation = json.aRotation;
- return this;
- }
- }
- class ArcCurve extends EllipseCurve {
- constructor( aX, aY, aRadius, aStartAngle, aEndAngle, aClockwise ) {
- super( aX, aY, aRadius, aRadius, aStartAngle, aEndAngle, aClockwise );
- this.isArcCurve = true;
- this.type = 'ArcCurve';
- }
- }
- /**
- * Centripetal CatmullRom Curve - which is useful for avoiding
- * cusps and self-intersections in non-uniform catmull rom curves.
- * http://www.cemyuksel.com/research/catmullrom_param/catmullrom.pdf
- *
- * curve.type accepts centripetal(default), chordal and catmullrom
- * curve.tension is used for catmullrom which defaults to 0.5
- */
- /*
- Based on an optimized c++ solution in
- - http://stackoverflow.com/questions/9489736/catmull-rom-curve-with-no-cusps-and-no-self-intersections/
- - http://ideone.com/NoEbVM
- This CubicPoly class could be used for reusing some variables and calculations,
- but for three.js curve use, it could be possible inlined and flatten into a single function call
- which can be placed in CurveUtils.
- */
- function CubicPoly() {
- let c0 = 0, c1 = 0, c2 = 0, c3 = 0;
- /*
- * Compute coefficients for a cubic polynomial
- * p(s) = c0 + c1*s + c2*s^2 + c3*s^3
- * such that
- * p(0) = x0, p(1) = x1
- * and
- * p'(0) = t0, p'(1) = t1.
- */
- function init( x0, x1, t0, t1 ) {
- c0 = x0;
- c1 = t0;
- c2 = - 3 * x0 + 3 * x1 - 2 * t0 - t1;
- c3 = 2 * x0 - 2 * x1 + t0 + t1;
- }
- return {
- initCatmullRom: function ( x0, x1, x2, x3, tension ) {
- init( x1, x2, tension * ( x2 - x0 ), tension * ( x3 - x1 ) );
- },
- initNonuniformCatmullRom: function ( x0, x1, x2, x3, dt0, dt1, dt2 ) {
- // compute tangents when parameterized in [t1,t2]
- let t1 = ( x1 - x0 ) / dt0 - ( x2 - x0 ) / ( dt0 + dt1 ) + ( x2 - x1 ) / dt1;
- let t2 = ( x2 - x1 ) / dt1 - ( x3 - x1 ) / ( dt1 + dt2 ) + ( x3 - x2 ) / dt2;
- // rescale tangents for parametrization in [0,1]
- t1 *= dt1;
- t2 *= dt1;
- init( x1, x2, t1, t2 );
- },
- calc: function ( t ) {
- const t2 = t * t;
- const t3 = t2 * t;
- return c0 + c1 * t + c2 * t2 + c3 * t3;
- }
- };
- }
- //
- const tmp = /*@__PURE__*/ new Vector3();
- const px = /*@__PURE__*/ new CubicPoly();
- const py = /*@__PURE__*/ new CubicPoly();
- const pz = /*@__PURE__*/ new CubicPoly();
- class CatmullRomCurve3 extends Curve {
- constructor( points = [], closed = false, curveType = 'centripetal', tension = 0.5 ) {
- super();
- this.isCatmullRomCurve3 = true;
- this.type = 'CatmullRomCurve3';
- this.points = points;
- this.closed = closed;
- this.curveType = curveType;
- this.tension = tension;
- }
- getPoint( t, optionalTarget = new Vector3() ) {
- const point = optionalTarget;
- const points = this.points;
- const l = points.length;
- const p = ( l - ( this.closed ? 0 : 1 ) ) * t;
- let intPoint = Math.floor( p );
- let weight = p - intPoint;
- if ( this.closed ) {
- intPoint += intPoint > 0 ? 0 : ( Math.floor( Math.abs( intPoint ) / l ) + 1 ) * l;
- } else if ( weight === 0 && intPoint === l - 1 ) {
- intPoint = l - 2;
- weight = 1;
- }
- let p0, p3; // 4 points (p1 & p2 defined below)
- if ( this.closed || intPoint > 0 ) {
- p0 = points[ ( intPoint - 1 ) % l ];
- } else {
- // extrapolate first point
- tmp.subVectors( points[ 0 ], points[ 1 ] ).add( points[ 0 ] );
- p0 = tmp;
- }
- const p1 = points[ intPoint % l ];
- const p2 = points[ ( intPoint + 1 ) % l ];
- if ( this.closed || intPoint + 2 < l ) {
- p3 = points[ ( intPoint + 2 ) % l ];
- } else {
- // extrapolate last point
- tmp.subVectors( points[ l - 1 ], points[ l - 2 ] ).add( points[ l - 1 ] );
- p3 = tmp;
- }
- if ( this.curveType === 'centripetal' || this.curveType === 'chordal' ) {
- // init Centripetal / Chordal Catmull-Rom
- const pow = this.curveType === 'chordal' ? 0.5 : 0.25;
- let dt0 = Math.pow( p0.distanceToSquared( p1 ), pow );
- let dt1 = Math.pow( p1.distanceToSquared( p2 ), pow );
- let dt2 = Math.pow( p2.distanceToSquared( p3 ), pow );
- // safety check for repeated points
- if ( dt1 < 1e-4 ) dt1 = 1.0;
- if ( dt0 < 1e-4 ) dt0 = dt1;
- if ( dt2 < 1e-4 ) dt2 = dt1;
- px.initNonuniformCatmullRom( p0.x, p1.x, p2.x, p3.x, dt0, dt1, dt2 );
- py.initNonuniformCatmullRom( p0.y, p1.y, p2.y, p3.y, dt0, dt1, dt2 );
- pz.initNonuniformCatmullRom( p0.z, p1.z, p2.z, p3.z, dt0, dt1, dt2 );
- } else if ( this.curveType === 'catmullrom' ) {
- px.initCatmullRom( p0.x, p1.x, p2.x, p3.x, this.tension );
- py.initCatmullRom( p0.y, p1.y, p2.y, p3.y, this.tension );
- pz.initCatmullRom( p0.z, p1.z, p2.z, p3.z, this.tension );
- }
- point.set(
- px.calc( weight ),
- py.calc( weight ),
- pz.calc( weight )
- );
- return point;
- }
- copy( source ) {
- super.copy( source );
- this.points = [];
- for ( let i = 0, l = source.points.length; i < l; i ++ ) {
- const point = source.points[ i ];
- this.points.push( point.clone() );
- }
- this.closed = source.closed;
- this.curveType = source.curveType;
- this.tension = source.tension;
- return this;
- }
- toJSON() {
- const data = super.toJSON();
- data.points = [];
- for ( let i = 0, l = this.points.length; i < l; i ++ ) {
- const point = this.points[ i ];
- data.points.push( point.toArray() );
- }
- data.closed = this.closed;
- data.curveType = this.curveType;
- data.tension = this.tension;
- return data;
- }
- fromJSON( json ) {
- super.fromJSON( json );
- this.points = [];
- for ( let i = 0, l = json.points.length; i < l; i ++ ) {
- const point = json.points[ i ];
- this.points.push( new Vector3().fromArray( point ) );
- }
- this.closed = json.closed;
- this.curveType = json.curveType;
- this.tension = json.tension;
- return this;
- }
- }
- /**
- * Bezier Curves formulas obtained from
- * https://en.wikipedia.org/wiki/B%C3%A9zier_curve
- */
- function CatmullRom( t, p0, p1, p2, p3 ) {
- const v0 = ( p2 - p0 ) * 0.5;
- const v1 = ( p3 - p1 ) * 0.5;
- const t2 = t * t;
- const t3 = t * t2;
- return ( 2 * p1 - 2 * p2 + v0 + v1 ) * t3 + ( - 3 * p1 + 3 * p2 - 2 * v0 - v1 ) * t2 + v0 * t + p1;
- }
- //
- function QuadraticBezierP0( t, p ) {
- const k = 1 - t;
- return k * k * p;
- }
- function QuadraticBezierP1( t, p ) {
- return 2 * ( 1 - t ) * t * p;
- }
- function QuadraticBezierP2( t, p ) {
- return t * t * p;
- }
- function QuadraticBezier( t, p0, p1, p2 ) {
- return QuadraticBezierP0( t, p0 ) + QuadraticBezierP1( t, p1 ) +
- QuadraticBezierP2( t, p2 );
- }
- //
- function CubicBezierP0( t, p ) {
- const k = 1 - t;
- return k * k * k * p;
- }
- function CubicBezierP1( t, p ) {
- const k = 1 - t;
- return 3 * k * k * t * p;
- }
- function CubicBezierP2( t, p ) {
- return 3 * ( 1 - t ) * t * t * p;
- }
- function CubicBezierP3( t, p ) {
- return t * t * t * p;
- }
- function CubicBezier( t, p0, p1, p2, p3 ) {
- return CubicBezierP0( t, p0 ) + CubicBezierP1( t, p1 ) + CubicBezierP2( t, p2 ) +
- CubicBezierP3( t, p3 );
- }
- class CubicBezierCurve extends Curve {
- constructor( v0 = new Vector2(), v1 = new Vector2(), v2 = new Vector2(), v3 = new Vector2() ) {
- super();
- this.isCubicBezierCurve = true;
- this.type = 'CubicBezierCurve';
- this.v0 = v0;
- this.v1 = v1;
- this.v2 = v2;
- this.v3 = v3;
- }
- getPoint( t, optionalTarget = new Vector2() ) {
- const point = optionalTarget;
- const v0 = this.v0, v1 = this.v1, v2 = this.v2, v3 = this.v3;
- point.set(
- CubicBezier( t, v0.x, v1.x, v2.x, v3.x ),
- CubicBezier( t, v0.y, v1.y, v2.y, v3.y )
- );
- return point;
- }
- copy( source ) {
- super.copy( source );
- this.v0.copy( source.v0 );
- this.v1.copy( source.v1 );
- this.v2.copy( source.v2 );
- this.v3.copy( source.v3 );
- return this;
- }
- toJSON() {
- const data = super.toJSON();
- data.v0 = this.v0.toArray();
- data.v1 = this.v1.toArray();
- data.v2 = this.v2.toArray();
- data.v3 = this.v3.toArray();
- return data;
- }
- fromJSON( json ) {
- super.fromJSON( json );
- this.v0.fromArray( json.v0 );
- this.v1.fromArray( json.v1 );
- this.v2.fromArray( json.v2 );
- this.v3.fromArray( json.v3 );
- return this;
- }
- }
- class CubicBezierCurve3 extends Curve {
- constructor( v0 = new Vector3(), v1 = new Vector3(), v2 = new Vector3(), v3 = new Vector3() ) {
- super();
- this.isCubicBezierCurve3 = true;
- this.type = 'CubicBezierCurve3';
- this.v0 = v0;
- this.v1 = v1;
- this.v2 = v2;
- this.v3 = v3;
- }
- getPoint( t, optionalTarget = new Vector3() ) {
- const point = optionalTarget;
- const v0 = this.v0, v1 = this.v1, v2 = this.v2, v3 = this.v3;
- point.set(
- CubicBezier( t, v0.x, v1.x, v2.x, v3.x ),
- CubicBezier( t, v0.y, v1.y, v2.y, v3.y ),
- CubicBezier( t, v0.z, v1.z, v2.z, v3.z )
- );
- return point;
- }
- copy( source ) {
- super.copy( source );
- this.v0.copy( source.v0 );
- this.v1.copy( source.v1 );
- this.v2.copy( source.v2 );
- this.v3.copy( source.v3 );
- return this;
- }
- toJSON() {
- const data = super.toJSON();
- data.v0 = this.v0.toArray();
- data.v1 = this.v1.toArray();
- data.v2 = this.v2.toArray();
- data.v3 = this.v3.toArray();
- return data;
- }
- fromJSON( json ) {
- super.fromJSON( json );
- this.v0.fromArray( json.v0 );
- this.v1.fromArray( json.v1 );
- this.v2.fromArray( json.v2 );
- this.v3.fromArray( json.v3 );
- return this;
- }
- }
- class LineCurve extends Curve {
- constructor( v1 = new Vector2(), v2 = new Vector2() ) {
- super();
- this.isLineCurve = true;
- this.type = 'LineCurve';
- this.v1 = v1;
- this.v2 = v2;
- }
- getPoint( t, optionalTarget = new Vector2() ) {
- const point = optionalTarget;
- if ( t === 1 ) {
- point.copy( this.v2 );
- } else {
- point.copy( this.v2 ).sub( this.v1 );
- point.multiplyScalar( t ).add( this.v1 );
- }
- return point;
- }
- // Line curve is linear, so we can overwrite default getPointAt
- getPointAt( u, optionalTarget ) {
- return this.getPoint( u, optionalTarget );
- }
- getTangent( t, optionalTarget = new Vector2() ) {
- return optionalTarget.subVectors( this.v2, this.v1 ).normalize();
- }
- getTangentAt( u, optionalTarget ) {
- return this.getTangent( u, optionalTarget );
- }
- copy( source ) {
- super.copy( source );
- this.v1.copy( source.v1 );
- this.v2.copy( source.v2 );
- return this;
- }
- toJSON() {
- const data = super.toJSON();
- data.v1 = this.v1.toArray();
- data.v2 = this.v2.toArray();
- return data;
- }
- fromJSON( json ) {
- super.fromJSON( json );
- this.v1.fromArray( json.v1 );
- this.v2.fromArray( json.v2 );
- return this;
- }
- }
- class LineCurve3 extends Curve {
- constructor( v1 = new Vector3(), v2 = new Vector3() ) {
- super();
- this.isLineCurve3 = true;
- this.type = 'LineCurve3';
- this.v1 = v1;
- this.v2 = v2;
- }
- getPoint( t, optionalTarget = new Vector3() ) {
- const point = optionalTarget;
- if ( t === 1 ) {
- point.copy( this.v2 );
- } else {
- point.copy( this.v2 ).sub( this.v1 );
- point.multiplyScalar( t ).add( this.v1 );
- }
- return point;
- }
- // Line curve is linear, so we can overwrite default getPointAt
- getPointAt( u, optionalTarget ) {
- return this.getPoint( u, optionalTarget );
- }
- getTangent( t, optionalTarget = new Vector3() ) {
- return optionalTarget.subVectors( this.v2, this.v1 ).normalize();
- }
- getTangentAt( u, optionalTarget ) {
- return this.getTangent( u, optionalTarget );
- }
- copy( source ) {
- super.copy( source );
- this.v1.copy( source.v1 );
- this.v2.copy( source.v2 );
- return this;
- }
- toJSON() {
- const data = super.toJSON();
- data.v1 = this.v1.toArray();
- data.v2 = this.v2.toArray();
- return data;
- }
- fromJSON( json ) {
- super.fromJSON( json );
- this.v1.fromArray( json.v1 );
- this.v2.fromArray( json.v2 );
- return this;
- }
- }
- class QuadraticBezierCurve extends Curve {
- constructor( v0 = new Vector2(), v1 = new Vector2(), v2 = new Vector2() ) {
- super();
- this.isQuadraticBezierCurve = true;
- this.type = 'QuadraticBezierCurve';
- this.v0 = v0;
- this.v1 = v1;
- this.v2 = v2;
- }
- getPoint( t, optionalTarget = new Vector2() ) {
- const point = optionalTarget;
- const v0 = this.v0, v1 = this.v1, v2 = this.v2;
- point.set(
- QuadraticBezier( t, v0.x, v1.x, v2.x ),
- QuadraticBezier( t, v0.y, v1.y, v2.y )
- );
- return point;
- }
- copy( source ) {
- super.copy( source );
- this.v0.copy( source.v0 );
- this.v1.copy( source.v1 );
- this.v2.copy( source.v2 );
- return this;
- }
- toJSON() {
- const data = super.toJSON();
- data.v0 = this.v0.toArray();
- data.v1 = this.v1.toArray();
- data.v2 = this.v2.toArray();
- return data;
- }
- fromJSON( json ) {
- super.fromJSON( json );
- this.v0.fromArray( json.v0 );
- this.v1.fromArray( json.v1 );
- this.v2.fromArray( json.v2 );
- return this;
- }
- }
- class QuadraticBezierCurve3 extends Curve {
- constructor( v0 = new Vector3(), v1 = new Vector3(), v2 = new Vector3() ) {
- super();
- this.isQuadraticBezierCurve3 = true;
- this.type = 'QuadraticBezierCurve3';
- this.v0 = v0;
- this.v1 = v1;
- this.v2 = v2;
- }
- getPoint( t, optionalTarget = new Vector3() ) {
- const point = optionalTarget;
- const v0 = this.v0, v1 = this.v1, v2 = this.v2;
- point.set(
- QuadraticBezier( t, v0.x, v1.x, v2.x ),
- QuadraticBezier( t, v0.y, v1.y, v2.y ),
- QuadraticBezier( t, v0.z, v1.z, v2.z )
- );
- return point;
- }
- copy( source ) {
- super.copy( source );
- this.v0.copy( source.v0 );
- this.v1.copy( source.v1 );
- this.v2.copy( source.v2 );
- return this;
- }
- toJSON() {
- const data = super.toJSON();
- data.v0 = this.v0.toArray();
- data.v1 = this.v1.toArray();
- data.v2 = this.v2.toArray();
- return data;
- }
- fromJSON( json ) {
- super.fromJSON( json );
- this.v0.fromArray( json.v0 );
- this.v1.fromArray( json.v1 );
- this.v2.fromArray( json.v2 );
- return this;
- }
- }
- class SplineCurve extends Curve {
- constructor( points = [] ) {
- super();
- this.isSplineCurve = true;
- this.type = 'SplineCurve';
- this.points = points;
- }
- getPoint( t, optionalTarget = new Vector2() ) {
- const point = optionalTarget;
- const points = this.points;
- const p = ( points.length - 1 ) * t;
- const intPoint = Math.floor( p );
- const weight = p - intPoint;
- const p0 = points[ intPoint === 0 ? intPoint : intPoint - 1 ];
- const p1 = points[ intPoint ];
- const p2 = points[ intPoint > points.length - 2 ? points.length - 1 : intPoint + 1 ];
- const p3 = points[ intPoint > points.length - 3 ? points.length - 1 : intPoint + 2 ];
- point.set(
- CatmullRom( weight, p0.x, p1.x, p2.x, p3.x ),
- CatmullRom( weight, p0.y, p1.y, p2.y, p3.y )
- );
- return point;
- }
- copy( source ) {
- super.copy( source );
- this.points = [];
- for ( let i = 0, l = source.points.length; i < l; i ++ ) {
- const point = source.points[ i ];
- this.points.push( point.clone() );
- }
- return this;
- }
- toJSON() {
- const data = super.toJSON();
- data.points = [];
- for ( let i = 0, l = this.points.length; i < l; i ++ ) {
- const point = this.points[ i ];
- data.points.push( point.toArray() );
- }
- return data;
- }
- fromJSON( json ) {
- super.fromJSON( json );
- this.points = [];
- for ( let i = 0, l = json.points.length; i < l; i ++ ) {
- const point = json.points[ i ];
- this.points.push( new Vector2().fromArray( point ) );
- }
- return this;
- }
- }
- var Curves = /*#__PURE__*/Object.freeze({
- __proto__: null,
- ArcCurve: ArcCurve,
- CatmullRomCurve3: CatmullRomCurve3,
- CubicBezierCurve: CubicBezierCurve,
- CubicBezierCurve3: CubicBezierCurve3,
- EllipseCurve: EllipseCurve,
- LineCurve: LineCurve,
- LineCurve3: LineCurve3,
- QuadraticBezierCurve: QuadraticBezierCurve,
- QuadraticBezierCurve3: QuadraticBezierCurve3,
- SplineCurve: SplineCurve
- });
- /**************************************************************
- * Curved Path - a curve path is simply a array of connected
- * curves, but retains the api of a curve
- **************************************************************/
- class CurvePath extends Curve {
- constructor() {
- super();
- this.type = 'CurvePath';
- this.curves = [];
- this.autoClose = false; // Automatically closes the path
- }
- add( curve ) {
- this.curves.push( curve );
- }
- closePath() {
- // Add a line curve if start and end of lines are not connected
- const startPoint = this.curves[ 0 ].getPoint( 0 );
- const endPoint = this.curves[ this.curves.length - 1 ].getPoint( 1 );
- if ( ! startPoint.equals( endPoint ) ) {
- const lineType = ( startPoint.isVector2 === true ) ? 'LineCurve' : 'LineCurve3';
- this.curves.push( new Curves[ lineType ]( endPoint, startPoint ) );
- }
- return this;
- }
- // To get accurate point with reference to
- // entire path distance at time t,
- // following has to be done:
- // 1. Length of each sub path have to be known
- // 2. Locate and identify type of curve
- // 3. Get t for the curve
- // 4. Return curve.getPointAt(t')
- getPoint( t, optionalTarget ) {
- const d = t * this.getLength();
- const curveLengths = this.getCurveLengths();
- let i = 0;
- // To think about boundaries points.
- while ( i < curveLengths.length ) {
- if ( curveLengths[ i ] >= d ) {
- const diff = curveLengths[ i ] - d;
- const curve = this.curves[ i ];
- const segmentLength = curve.getLength();
- const u = segmentLength === 0 ? 0 : 1 - diff / segmentLength;
- return curve.getPointAt( u, optionalTarget );
- }
- i ++;
- }
- return null;
- // loop where sum != 0, sum > d , sum+1 <d
- }
- // We cannot use the default THREE.Curve getPoint() with getLength() because in
- // THREE.Curve, getLength() depends on getPoint() but in THREE.CurvePath
- // getPoint() depends on getLength
- getLength() {
- const lens = this.getCurveLengths();
- return lens[ lens.length - 1 ];
- }
- // cacheLengths must be recalculated.
- updateArcLengths() {
- this.needsUpdate = true;
- this.cacheLengths = null;
- this.getCurveLengths();
- }
- // Compute lengths and cache them
- // We cannot overwrite getLengths() because UtoT mapping uses it.
- getCurveLengths() {
- // We use cache values if curves and cache array are same length
- if ( this.cacheLengths && this.cacheLengths.length === this.curves.length ) {
- return this.cacheLengths;
- }
- // Get length of sub-curve
- // Push sums into cached array
- const lengths = [];
- let sums = 0;
- for ( let i = 0, l = this.curves.length; i < l; i ++ ) {
- sums += this.curves[ i ].getLength();
- lengths.push( sums );
- }
- this.cacheLengths = lengths;
- return lengths;
- }
- getSpacedPoints( divisions = 40 ) {
- const points = [];
- for ( let i = 0; i <= divisions; i ++ ) {
- points.push( this.getPoint( i / divisions ) );
- }
- if ( this.autoClose ) {
- points.push( points[ 0 ] );
- }
- return points;
- }
- getPoints( divisions = 12 ) {
- const points = [];
- let last;
- for ( let i = 0, curves = this.curves; i < curves.length; i ++ ) {
- const curve = curves[ i ];
- const resolution = curve.isEllipseCurve ? divisions * 2
- : ( curve.isLineCurve || curve.isLineCurve3 ) ? 1
- : curve.isSplineCurve ? divisions * curve.points.length
- : divisions;
- const pts = curve.getPoints( resolution );
- for ( let j = 0; j < pts.length; j ++ ) {
- const point = pts[ j ];
- if ( last && last.equals( point ) ) continue; // ensures no consecutive points are duplicates
- points.push( point );
- last = point;
- }
- }
- if ( this.autoClose && points.length > 1 && ! points[ points.length - 1 ].equals( points[ 0 ] ) ) {
- points.push( points[ 0 ] );
- }
- return points;
- }
- copy( source ) {
- super.copy( source );
- this.curves = [];
- for ( let i = 0, l = source.curves.length; i < l; i ++ ) {
- const curve = source.curves[ i ];
- this.curves.push( curve.clone() );
- }
- this.autoClose = source.autoClose;
- return this;
- }
- toJSON() {
- const data = super.toJSON();
- data.autoClose = this.autoClose;
- data.curves = [];
- for ( let i = 0, l = this.curves.length; i < l; i ++ ) {
- const curve = this.curves[ i ];
- data.curves.push( curve.toJSON() );
- }
- return data;
- }
- fromJSON( json ) {
- super.fromJSON( json );
- this.autoClose = json.autoClose;
- this.curves = [];
- for ( let i = 0, l = json.curves.length; i < l; i ++ ) {
- const curve = json.curves[ i ];
- this.curves.push( new Curves[ curve.type ]().fromJSON( curve ) );
- }
- return this;
- }
- }
- class Path extends CurvePath {
- constructor( points ) {
- super();
- this.type = 'Path';
- this.currentPoint = new Vector2();
- if ( points ) {
- this.setFromPoints( points );
- }
- }
- setFromPoints( points ) {
- this.moveTo( points[ 0 ].x, points[ 0 ].y );
- for ( let i = 1, l = points.length; i < l; i ++ ) {
- this.lineTo( points[ i ].x, points[ i ].y );
- }
- return this;
- }
- moveTo( x, y ) {
- this.currentPoint.set( x, y ); // TODO consider referencing vectors instead of copying?
- return this;
- }
- lineTo( x, y ) {
- const curve = new LineCurve( this.currentPoint.clone(), new Vector2( x, y ) );
- this.curves.push( curve );
- this.currentPoint.set( x, y );
- return this;
- }
- quadraticCurveTo( aCPx, aCPy, aX, aY ) {
- const curve = new QuadraticBezierCurve(
- this.currentPoint.clone(),
- new Vector2( aCPx, aCPy ),
- new Vector2( aX, aY )
- );
- this.curves.push( curve );
- this.currentPoint.set( aX, aY );
- return this;
- }
- bezierCurveTo( aCP1x, aCP1y, aCP2x, aCP2y, aX, aY ) {
- const curve = new CubicBezierCurve(
- this.currentPoint.clone(),
- new Vector2( aCP1x, aCP1y ),
- new Vector2( aCP2x, aCP2y ),
- new Vector2( aX, aY )
- );
- this.curves.push( curve );
- this.currentPoint.set( aX, aY );
- return this;
- }
- splineThru( pts /*Array of Vector*/ ) {
- const npts = [ this.currentPoint.clone() ].concat( pts );
- const curve = new SplineCurve( npts );
- this.curves.push( curve );
- this.currentPoint.copy( pts[ pts.length - 1 ] );
- return this;
- }
- arc( aX, aY, aRadius, aStartAngle, aEndAngle, aClockwise ) {
- const x0 = this.currentPoint.x;
- const y0 = this.currentPoint.y;
- this.absarc( aX + x0, aY + y0, aRadius,
- aStartAngle, aEndAngle, aClockwise );
- return this;
- }
- absarc( aX, aY, aRadius, aStartAngle, aEndAngle, aClockwise ) {
- this.absellipse( aX, aY, aRadius, aRadius, aStartAngle, aEndAngle, aClockwise );
- return this;
- }
- ellipse( aX, aY, xRadius, yRadius, aStartAngle, aEndAngle, aClockwise, aRotation ) {
- const x0 = this.currentPoint.x;
- const y0 = this.currentPoint.y;
- this.absellipse( aX + x0, aY + y0, xRadius, yRadius, aStartAngle, aEndAngle, aClockwise, aRotation );
- return this;
- }
- absellipse( aX, aY, xRadius, yRadius, aStartAngle, aEndAngle, aClockwise, aRotation ) {
- const curve = new EllipseCurve( aX, aY, xRadius, yRadius, aStartAngle, aEndAngle, aClockwise, aRotation );
- if ( this.curves.length > 0 ) {
- // if a previous curve is present, attempt to join
- const firstPoint = curve.getPoint( 0 );
- if ( ! firstPoint.equals( this.currentPoint ) ) {
- this.lineTo( firstPoint.x, firstPoint.y );
- }
- }
- this.curves.push( curve );
- const lastPoint = curve.getPoint( 1 );
- this.currentPoint.copy( lastPoint );
- return this;
- }
- copy( source ) {
- super.copy( source );
- this.currentPoint.copy( source.currentPoint );
- return this;
- }
- toJSON() {
- const data = super.toJSON();
- data.currentPoint = this.currentPoint.toArray();
- return data;
- }
- fromJSON( json ) {
- super.fromJSON( json );
- this.currentPoint.fromArray( json.currentPoint );
- return this;
- }
- }
- class LatheGeometry extends BufferGeometry {
- constructor( points = [ new Vector2( 0, - 0.5 ), new Vector2( 0.5, 0 ), new Vector2( 0, 0.5 ) ], segments = 12, phiStart = 0, phiLength = Math.PI * 2 ) {
- super();
- this.type = 'LatheGeometry';
- this.parameters = {
- points: points,
- segments: segments,
- phiStart: phiStart,
- phiLength: phiLength
- };
- segments = Math.floor( segments );
- // clamp phiLength so it's in range of [ 0, 2PI ]
- phiLength = clamp$1( phiLength, 0, Math.PI * 2 );
- // buffers
- const indices = [];
- const vertices = [];
- const uvs = [];
- const initNormals = [];
- const normals = [];
- // helper variables
- const inverseSegments = 1.0 / segments;
- const vertex = new Vector3();
- const uv = new Vector2();
- const normal = new Vector3();
- const curNormal = new Vector3();
- const prevNormal = new Vector3();
- let dx = 0;
- let dy = 0;
- // pre-compute normals for initial "meridian"
- for ( let j = 0; j <= ( points.length - 1 ); j ++ ) {
- switch ( j ) {
- case 0: // special handling for 1st vertex on path
- dx = points[ j + 1 ].x - points[ j ].x;
- dy = points[ j + 1 ].y - points[ j ].y;
- normal.x = dy * 1.0;
- normal.y = - dx;
- normal.z = dy * 0.0;
- prevNormal.copy( normal );
- normal.normalize();
- initNormals.push( normal.x, normal.y, normal.z );
- break;
- case ( points.length - 1 ): // special handling for last Vertex on path
- initNormals.push( prevNormal.x, prevNormal.y, prevNormal.z );
- break;
- default: // default handling for all vertices in between
- dx = points[ j + 1 ].x - points[ j ].x;
- dy = points[ j + 1 ].y - points[ j ].y;
- normal.x = dy * 1.0;
- normal.y = - dx;
- normal.z = dy * 0.0;
- curNormal.copy( normal );
- normal.x += prevNormal.x;
- normal.y += prevNormal.y;
- normal.z += prevNormal.z;
- normal.normalize();
- initNormals.push( normal.x, normal.y, normal.z );
- prevNormal.copy( curNormal );
- }
- }
- // generate vertices, uvs and normals
- for ( let i = 0; i <= segments; i ++ ) {
- const phi = phiStart + i * inverseSegments * phiLength;
- const sin = Math.sin( phi );
- const cos = Math.cos( phi );
- for ( let j = 0; j <= ( points.length - 1 ); j ++ ) {
- // vertex
- vertex.x = points[ j ].x * sin;
- vertex.y = points[ j ].y;
- vertex.z = points[ j ].x * cos;
- vertices.push( vertex.x, vertex.y, vertex.z );
- // uv
- uv.x = i / segments;
- uv.y = j / ( points.length - 1 );
- uvs.push( uv.x, uv.y );
- // normal
- const x = initNormals[ 3 * j + 0 ] * sin;
- const y = initNormals[ 3 * j + 1 ];
- const z = initNormals[ 3 * j + 0 ] * cos;
- normals.push( x, y, z );
- }
- }
- // indices
- for ( let i = 0; i < segments; i ++ ) {
- for ( let j = 0; j < ( points.length - 1 ); j ++ ) {
- const base = j + i * points.length;
- const a = base;
- const b = base + points.length;
- const c = base + points.length + 1;
- const d = base + 1;
- // faces
- indices.push( a, b, d );
- indices.push( c, d, b );
- }
- }
- // build geometry
- this.setIndex( indices );
- this.setAttribute( 'position', new Float32BufferAttribute( vertices, 3 ) );
- this.setAttribute( 'uv', new Float32BufferAttribute( uvs, 2 ) );
- this.setAttribute( 'normal', new Float32BufferAttribute( normals, 3 ) );
- }
- copy( source ) {
- super.copy( source );
- this.parameters = Object.assign( {}, source.parameters );
- return this;
- }
- static fromJSON( data ) {
- return new LatheGeometry( data.points, data.segments, data.phiStart, data.phiLength );
- }
- }
- class CapsuleGeometry extends LatheGeometry {
- constructor( radius = 1, length = 1, capSegments = 4, radialSegments = 8 ) {
- const path = new Path();
- path.absarc( 0, - length / 2, radius, Math.PI * 1.5, 0 );
- path.absarc( 0, length / 2, radius, 0, Math.PI * 0.5 );
- super( path.getPoints( capSegments ), radialSegments );
- this.type = 'CapsuleGeometry';
- this.parameters = {
- radius: radius,
- length: length,
- capSegments: capSegments,
- radialSegments: radialSegments,
- };
- }
- static fromJSON( data ) {
- return new CapsuleGeometry( data.radius, data.length, data.capSegments, data.radialSegments );
- }
- }
- class CircleGeometry extends BufferGeometry {
- constructor( radius = 1, segments = 32, thetaStart = 0, thetaLength = Math.PI * 2 ) {
- super();
- this.type = 'CircleGeometry';
- this.parameters = {
- radius: radius,
- segments: segments,
- thetaStart: thetaStart,
- thetaLength: thetaLength
- };
- segments = Math.max( 3, segments );
- // buffers
- const indices = [];
- const vertices = [];
- const normals = [];
- const uvs = [];
- // helper variables
- const vertex = new Vector3();
- const uv = new Vector2();
- // center point
- vertices.push( 0, 0, 0 );
- normals.push( 0, 0, 1 );
- uvs.push( 0.5, 0.5 );
- for ( let s = 0, i = 3; s <= segments; s ++, i += 3 ) {
- const segment = thetaStart + s / segments * thetaLength;
- // vertex
- vertex.x = radius * Math.cos( segment );
- vertex.y = radius * Math.sin( segment );
- vertices.push( vertex.x, vertex.y, vertex.z );
- // normal
- normals.push( 0, 0, 1 );
- // uvs
- uv.x = ( vertices[ i ] / radius + 1 ) / 2;
- uv.y = ( vertices[ i + 1 ] / radius + 1 ) / 2;
- uvs.push( uv.x, uv.y );
- }
- // indices
- for ( let i = 1; i <= segments; i ++ ) {
- indices.push( i, i + 1, 0 );
- }
- // build geometry
- this.setIndex( indices );
- this.setAttribute( 'position', new Float32BufferAttribute( vertices, 3 ) );
- this.setAttribute( 'normal', new Float32BufferAttribute( normals, 3 ) );
- this.setAttribute( 'uv', new Float32BufferAttribute( uvs, 2 ) );
- }
- copy( source ) {
- super.copy( source );
- this.parameters = Object.assign( {}, source.parameters );
- return this;
- }
- static fromJSON( data ) {
- return new CircleGeometry( data.radius, data.segments, data.thetaStart, data.thetaLength );
- }
- }
- class CylinderGeometry extends BufferGeometry {
- constructor( radiusTop = 1, radiusBottom = 1, height = 1, radialSegments = 32, heightSegments = 1, openEnded = false, thetaStart = 0, thetaLength = Math.PI * 2 ) {
- super();
- this.type = 'CylinderGeometry';
- this.parameters = {
- radiusTop: radiusTop,
- radiusBottom: radiusBottom,
- height: height,
- radialSegments: radialSegments,
- heightSegments: heightSegments,
- openEnded: openEnded,
- thetaStart: thetaStart,
- thetaLength: thetaLength
- };
- const scope = this;
- radialSegments = Math.floor( radialSegments );
- heightSegments = Math.floor( heightSegments );
- // buffers
- const indices = [];
- const vertices = [];
- const normals = [];
- const uvs = [];
- // helper variables
- let index = 0;
- const indexArray = [];
- const halfHeight = height / 2;
- let groupStart = 0;
- // generate geometry
- generateTorso();
- if ( openEnded === false ) {
- if ( radiusTop > 0 ) generateCap( true );
- if ( radiusBottom > 0 ) generateCap( false );
- }
- // build geometry
- this.setIndex( indices );
- this.setAttribute( 'position', new Float32BufferAttribute( vertices, 3 ) );
- this.setAttribute( 'normal', new Float32BufferAttribute( normals, 3 ) );
- this.setAttribute( 'uv', new Float32BufferAttribute( uvs, 2 ) );
- function generateTorso() {
- const normal = new Vector3();
- const vertex = new Vector3();
- let groupCount = 0;
- // this will be used to calculate the normal
- const slope = ( radiusBottom - radiusTop ) / height;
- // generate vertices, normals and uvs
- for ( let y = 0; y <= heightSegments; y ++ ) {
- const indexRow = [];
- const v = y / heightSegments;
- // calculate the radius of the current row
- const radius = v * ( radiusBottom - radiusTop ) + radiusTop;
- for ( let x = 0; x <= radialSegments; x ++ ) {
- const u = x / radialSegments;
- const theta = u * thetaLength + thetaStart;
- const sinTheta = Math.sin( theta );
- const cosTheta = Math.cos( theta );
- // vertex
- vertex.x = radius * sinTheta;
- vertex.y = - v * height + halfHeight;
- vertex.z = radius * cosTheta;
- vertices.push( vertex.x, vertex.y, vertex.z );
- // normal
- normal.set( sinTheta, slope, cosTheta ).normalize();
- normals.push( normal.x, normal.y, normal.z );
- // uv
- uvs.push( u, 1 - v );
- // save index of vertex in respective row
- indexRow.push( index ++ );
- }
- // now save vertices of the row in our index array
- indexArray.push( indexRow );
- }
- // generate indices
- for ( let x = 0; x < radialSegments; x ++ ) {
- for ( let y = 0; y < heightSegments; y ++ ) {
- // we use the index array to access the correct indices
- const a = indexArray[ y ][ x ];
- const b = indexArray[ y + 1 ][ x ];
- const c = indexArray[ y + 1 ][ x + 1 ];
- const d = indexArray[ y ][ x + 1 ];
- // faces
- if ( radiusTop > 0 ) {
- indices.push( a, b, d );
- groupCount += 3;
- }
- if ( radiusBottom > 0 ) {
- indices.push( b, c, d );
- groupCount += 3;
- }
- }
- }
- // add a group to the geometry. this will ensure multi material support
- scope.addGroup( groupStart, groupCount, 0 );
- // calculate new start value for groups
- groupStart += groupCount;
- }
- function generateCap( top ) {
- // save the index of the first center vertex
- const centerIndexStart = index;
- const uv = new Vector2();
- const vertex = new Vector3();
- let groupCount = 0;
- const radius = ( top === true ) ? radiusTop : radiusBottom;
- const sign = ( top === true ) ? 1 : - 1;
- // first we generate the center vertex data of the cap.
- // because the geometry needs one set of uvs per face,
- // we must generate a center vertex per face/segment
- for ( let x = 1; x <= radialSegments; x ++ ) {
- // vertex
- vertices.push( 0, halfHeight * sign, 0 );
- // normal
- normals.push( 0, sign, 0 );
- // uv
- uvs.push( 0.5, 0.5 );
- // increase index
- index ++;
- }
- // save the index of the last center vertex
- const centerIndexEnd = index;
- // now we generate the surrounding vertices, normals and uvs
- for ( let x = 0; x <= radialSegments; x ++ ) {
- const u = x / radialSegments;
- const theta = u * thetaLength + thetaStart;
- const cosTheta = Math.cos( theta );
- const sinTheta = Math.sin( theta );
- // vertex
- vertex.x = radius * sinTheta;
- vertex.y = halfHeight * sign;
- vertex.z = radius * cosTheta;
- vertices.push( vertex.x, vertex.y, vertex.z );
- // normal
- normals.push( 0, sign, 0 );
- // uv
- uv.x = ( cosTheta * 0.5 ) + 0.5;
- uv.y = ( sinTheta * 0.5 * sign ) + 0.5;
- uvs.push( uv.x, uv.y );
- // increase index
- index ++;
- }
- // generate indices
- for ( let x = 0; x < radialSegments; x ++ ) {
- const c = centerIndexStart + x;
- const i = centerIndexEnd + x;
- if ( top === true ) {
- // face top
- indices.push( i, i + 1, c );
- } else {
- // face bottom
- indices.push( i + 1, i, c );
- }
- groupCount += 3;
- }
- // add a group to the geometry. this will ensure multi material support
- scope.addGroup( groupStart, groupCount, top === true ? 1 : 2 );
- // calculate new start value for groups
- groupStart += groupCount;
- }
- }
- copy( source ) {
- super.copy( source );
- this.parameters = Object.assign( {}, source.parameters );
- return this;
- }
- static fromJSON( data ) {
- return new CylinderGeometry( data.radiusTop, data.radiusBottom, data.height, data.radialSegments, data.heightSegments, data.openEnded, data.thetaStart, data.thetaLength );
- }
- }
- class ConeGeometry extends CylinderGeometry {
- constructor( radius = 1, height = 1, radialSegments = 32, heightSegments = 1, openEnded = false, thetaStart = 0, thetaLength = Math.PI * 2 ) {
- super( 0, radius, height, radialSegments, heightSegments, openEnded, thetaStart, thetaLength );
- this.type = 'ConeGeometry';
- this.parameters = {
- radius: radius,
- height: height,
- radialSegments: radialSegments,
- heightSegments: heightSegments,
- openEnded: openEnded,
- thetaStart: thetaStart,
- thetaLength: thetaLength
- };
- }
- static fromJSON( data ) {
- return new ConeGeometry( data.radius, data.height, data.radialSegments, data.heightSegments, data.openEnded, data.thetaStart, data.thetaLength );
- }
- }
- class PolyhedronGeometry extends BufferGeometry {
- constructor( vertices = [], indices = [], radius = 1, detail = 0 ) {
- super();
- this.type = 'PolyhedronGeometry';
- this.parameters = {
- vertices: vertices,
- indices: indices,
- radius: radius,
- detail: detail
- };
- // default buffer data
- const vertexBuffer = [];
- const uvBuffer = [];
- // the subdivision creates the vertex buffer data
- subdivide( detail );
- // all vertices should lie on a conceptual sphere with a given radius
- applyRadius( radius );
- // finally, create the uv data
- generateUVs();
- // build non-indexed geometry
- this.setAttribute( 'position', new Float32BufferAttribute( vertexBuffer, 3 ) );
- this.setAttribute( 'normal', new Float32BufferAttribute( vertexBuffer.slice(), 3 ) );
- this.setAttribute( 'uv', new Float32BufferAttribute( uvBuffer, 2 ) );
- if ( detail === 0 ) {
- this.computeVertexNormals(); // flat normals
- } else {
- this.normalizeNormals(); // smooth normals
- }
- // helper functions
- function subdivide( detail ) {
- const a = new Vector3();
- const b = new Vector3();
- const c = new Vector3();
- // iterate over all faces and apply a subdivision with the given detail value
- for ( let i = 0; i < indices.length; i += 3 ) {
- // get the vertices of the face
- getVertexByIndex( indices[ i + 0 ], a );
- getVertexByIndex( indices[ i + 1 ], b );
- getVertexByIndex( indices[ i + 2 ], c );
- // perform subdivision
- subdivideFace( a, b, c, detail );
- }
- }
- function subdivideFace( a, b, c, detail ) {
- const cols = detail + 1;
- // we use this multidimensional array as a data structure for creating the subdivision
- const v = [];
- // construct all of the vertices for this subdivision
- for ( let i = 0; i <= cols; i ++ ) {
- v[ i ] = [];
- const aj = a.clone().lerp( c, i / cols );
- const bj = b.clone().lerp( c, i / cols );
- const rows = cols - i;
- for ( let j = 0; j <= rows; j ++ ) {
- if ( j === 0 && i === cols ) {
- v[ i ][ j ] = aj;
- } else {
- v[ i ][ j ] = aj.clone().lerp( bj, j / rows );
- }
- }
- }
- // construct all of the faces
- for ( let i = 0; i < cols; i ++ ) {
- for ( let j = 0; j < 2 * ( cols - i ) - 1; j ++ ) {
- const k = Math.floor( j / 2 );
- if ( j % 2 === 0 ) {
- pushVertex( v[ i ][ k + 1 ] );
- pushVertex( v[ i + 1 ][ k ] );
- pushVertex( v[ i ][ k ] );
- } else {
- pushVertex( v[ i ][ k + 1 ] );
- pushVertex( v[ i + 1 ][ k + 1 ] );
- pushVertex( v[ i + 1 ][ k ] );
- }
- }
- }
- }
- function applyRadius( radius ) {
- const vertex = new Vector3();
- // iterate over the entire buffer and apply the radius to each vertex
- for ( let i = 0; i < vertexBuffer.length; i += 3 ) {
- vertex.x = vertexBuffer[ i + 0 ];
- vertex.y = vertexBuffer[ i + 1 ];
- vertex.z = vertexBuffer[ i + 2 ];
- vertex.normalize().multiplyScalar( radius );
- vertexBuffer[ i + 0 ] = vertex.x;
- vertexBuffer[ i + 1 ] = vertex.y;
- vertexBuffer[ i + 2 ] = vertex.z;
- }
- }
- function generateUVs() {
- const vertex = new Vector3();
- for ( let i = 0; i < vertexBuffer.length; i += 3 ) {
- vertex.x = vertexBuffer[ i + 0 ];
- vertex.y = vertexBuffer[ i + 1 ];
- vertex.z = vertexBuffer[ i + 2 ];
- const u = azimuth( vertex ) / 2 / Math.PI + 0.5;
- const v = inclination( vertex ) / Math.PI + 0.5;
- uvBuffer.push( u, 1 - v );
- }
- correctUVs();
- correctSeam();
- }
- function correctSeam() {
- // handle case when face straddles the seam, see #3269
- for ( let i = 0; i < uvBuffer.length; i += 6 ) {
- // uv data of a single face
- const x0 = uvBuffer[ i + 0 ];
- const x1 = uvBuffer[ i + 2 ];
- const x2 = uvBuffer[ i + 4 ];
- const max = Math.max( x0, x1, x2 );
- const min = Math.min( x0, x1, x2 );
- // 0.9 is somewhat arbitrary
- if ( max > 0.9 && min < 0.1 ) {
- if ( x0 < 0.2 ) uvBuffer[ i + 0 ] += 1;
- if ( x1 < 0.2 ) uvBuffer[ i + 2 ] += 1;
- if ( x2 < 0.2 ) uvBuffer[ i + 4 ] += 1;
- }
- }
- }
- function pushVertex( vertex ) {
- vertexBuffer.push( vertex.x, vertex.y, vertex.z );
- }
- function getVertexByIndex( index, vertex ) {
- const stride = index * 3;
- vertex.x = vertices[ stride + 0 ];
- vertex.y = vertices[ stride + 1 ];
- vertex.z = vertices[ stride + 2 ];
- }
- function correctUVs() {
- const a = new Vector3();
- const b = new Vector3();
- const c = new Vector3();
- const centroid = new Vector3();
- const uvA = new Vector2();
- const uvB = new Vector2();
- const uvC = new Vector2();
- for ( let i = 0, j = 0; i < vertexBuffer.length; i += 9, j += 6 ) {
- a.set( vertexBuffer[ i + 0 ], vertexBuffer[ i + 1 ], vertexBuffer[ i + 2 ] );
- b.set( vertexBuffer[ i + 3 ], vertexBuffer[ i + 4 ], vertexBuffer[ i + 5 ] );
- c.set( vertexBuffer[ i + 6 ], vertexBuffer[ i + 7 ], vertexBuffer[ i + 8 ] );
- uvA.set( uvBuffer[ j + 0 ], uvBuffer[ j + 1 ] );
- uvB.set( uvBuffer[ j + 2 ], uvBuffer[ j + 3 ] );
- uvC.set( uvBuffer[ j + 4 ], uvBuffer[ j + 5 ] );
- centroid.copy( a ).add( b ).add( c ).divideScalar( 3 );
- const azi = azimuth( centroid );
- correctUV( uvA, j + 0, a, azi );
- correctUV( uvB, j + 2, b, azi );
- correctUV( uvC, j + 4, c, azi );
- }
- }
- function correctUV( uv, stride, vector, azimuth ) {
- if ( ( azimuth < 0 ) && ( uv.x === 1 ) ) {
- uvBuffer[ stride ] = uv.x - 1;
- }
- if ( ( vector.x === 0 ) && ( vector.z === 0 ) ) {
- uvBuffer[ stride ] = azimuth / 2 / Math.PI + 0.5;
- }
- }
- // Angle around the Y axis, counter-clockwise when looking from above.
- function azimuth( vector ) {
- return Math.atan2( vector.z, - vector.x );
- }
- // Angle above the XZ plane.
- function inclination( vector ) {
- return Math.atan2( - vector.y, Math.sqrt( ( vector.x * vector.x ) + ( vector.z * vector.z ) ) );
- }
- }
- copy( source ) {
- super.copy( source );
- this.parameters = Object.assign( {}, source.parameters );
- return this;
- }
- static fromJSON( data ) {
- return new PolyhedronGeometry( data.vertices, data.indices, data.radius, data.details );
- }
- }
- class DodecahedronGeometry extends PolyhedronGeometry {
- constructor( radius = 1, detail = 0 ) {
- const t = ( 1 + Math.sqrt( 5 ) ) / 2;
- const r = 1 / t;
- const vertices = [
- // (±1, ±1, ±1)
- - 1, - 1, - 1, - 1, - 1, 1,
- - 1, 1, - 1, - 1, 1, 1,
- 1, - 1, - 1, 1, - 1, 1,
- 1, 1, - 1, 1, 1, 1,
- // (0, ±1/φ, ±φ)
- 0, - r, - t, 0, - r, t,
- 0, r, - t, 0, r, t,
- // (±1/φ, ±φ, 0)
- - r, - t, 0, - r, t, 0,
- r, - t, 0, r, t, 0,
- // (±φ, 0, ±1/φ)
- - t, 0, - r, t, 0, - r,
- - t, 0, r, t, 0, r
- ];
- const indices = [
- 3, 11, 7, 3, 7, 15, 3, 15, 13,
- 7, 19, 17, 7, 17, 6, 7, 6, 15,
- 17, 4, 8, 17, 8, 10, 17, 10, 6,
- 8, 0, 16, 8, 16, 2, 8, 2, 10,
- 0, 12, 1, 0, 1, 18, 0, 18, 16,
- 6, 10, 2, 6, 2, 13, 6, 13, 15,
- 2, 16, 18, 2, 18, 3, 2, 3, 13,
- 18, 1, 9, 18, 9, 11, 18, 11, 3,
- 4, 14, 12, 4, 12, 0, 4, 0, 8,
- 11, 9, 5, 11, 5, 19, 11, 19, 7,
- 19, 5, 14, 19, 14, 4, 19, 4, 17,
- 1, 12, 14, 1, 14, 5, 1, 5, 9
- ];
- super( vertices, indices, radius, detail );
- this.type = 'DodecahedronGeometry';
- this.parameters = {
- radius: radius,
- detail: detail
- };
- }
- static fromJSON( data ) {
- return new DodecahedronGeometry( data.radius, data.detail );
- }
- }
- const _v0 = /*@__PURE__*/ new Vector3();
- const _v1$1 = /*@__PURE__*/ new Vector3();
- const _normal$1 = /*@__PURE__*/ new Vector3();
- const _triangle = /*@__PURE__*/ new Triangle();
- class EdgesGeometry extends BufferGeometry {
- constructor( geometry = null, thresholdAngle = 1 ) {
- super();
- this.type = 'EdgesGeometry';
- this.parameters = {
- geometry: geometry,
- thresholdAngle: thresholdAngle
- };
- if ( geometry !== null ) {
- const precisionPoints = 4;
- const precision = Math.pow( 10, precisionPoints );
- const thresholdDot = Math.cos( DEG2RAD * thresholdAngle );
- const indexAttr = geometry.getIndex();
- const positionAttr = geometry.getAttribute( 'position' );
- const indexCount = indexAttr ? indexAttr.count : positionAttr.count;
- const indexArr = [ 0, 0, 0 ];
- const vertKeys = [ 'a', 'b', 'c' ];
- const hashes = new Array( 3 );
- const edgeData = {};
- const vertices = [];
- for ( let i = 0; i < indexCount; i += 3 ) {
- if ( indexAttr ) {
- indexArr[ 0 ] = indexAttr.getX( i );
- indexArr[ 1 ] = indexAttr.getX( i + 1 );
- indexArr[ 2 ] = indexAttr.getX( i + 2 );
- } else {
- indexArr[ 0 ] = i;
- indexArr[ 1 ] = i + 1;
- indexArr[ 2 ] = i + 2;
- }
- const { a, b, c } = _triangle;
- a.fromBufferAttribute( positionAttr, indexArr[ 0 ] );
- b.fromBufferAttribute( positionAttr, indexArr[ 1 ] );
- c.fromBufferAttribute( positionAttr, indexArr[ 2 ] );
- _triangle.getNormal( _normal$1 );
- // create hashes for the edge from the vertices
- hashes[ 0 ] = `${ Math.round( a.x * precision ) },${ Math.round( a.y * precision ) },${ Math.round( a.z * precision ) }`;
- hashes[ 1 ] = `${ Math.round( b.x * precision ) },${ Math.round( b.y * precision ) },${ Math.round( b.z * precision ) }`;
- hashes[ 2 ] = `${ Math.round( c.x * precision ) },${ Math.round( c.y * precision ) },${ Math.round( c.z * precision ) }`;
- // skip degenerate triangles
- if ( hashes[ 0 ] === hashes[ 1 ] || hashes[ 1 ] === hashes[ 2 ] || hashes[ 2 ] === hashes[ 0 ] ) {
- continue;
- }
- // iterate over every edge
- for ( let j = 0; j < 3; j ++ ) {
- // get the first and next vertex making up the edge
- const jNext = ( j + 1 ) % 3;
- const vecHash0 = hashes[ j ];
- const vecHash1 = hashes[ jNext ];
- const v0 = _triangle[ vertKeys[ j ] ];
- const v1 = _triangle[ vertKeys[ jNext ] ];
- const hash = `${ vecHash0 }_${ vecHash1 }`;
- const reverseHash = `${ vecHash1 }_${ vecHash0 }`;
- if ( reverseHash in edgeData && edgeData[ reverseHash ] ) {
- // if we found a sibling edge add it into the vertex array if
- // it meets the angle threshold and delete the edge from the map.
- if ( _normal$1.dot( edgeData[ reverseHash ].normal ) <= thresholdDot ) {
- vertices.push( v0.x, v0.y, v0.z );
- vertices.push( v1.x, v1.y, v1.z );
- }
- edgeData[ reverseHash ] = null;
- } else if ( ! ( hash in edgeData ) ) {
- // if we've already got an edge here then skip adding a new one
- edgeData[ hash ] = {
- index0: indexArr[ j ],
- index1: indexArr[ jNext ],
- normal: _normal$1.clone(),
- };
- }
- }
- }
- // iterate over all remaining, unmatched edges and add them to the vertex array
- for ( const key in edgeData ) {
- if ( edgeData[ key ] ) {
- const { index0, index1 } = edgeData[ key ];
- _v0.fromBufferAttribute( positionAttr, index0 );
- _v1$1.fromBufferAttribute( positionAttr, index1 );
- vertices.push( _v0.x, _v0.y, _v0.z );
- vertices.push( _v1$1.x, _v1$1.y, _v1$1.z );
- }
- }
- this.setAttribute( 'position', new Float32BufferAttribute( vertices, 3 ) );
- }
- }
- copy( source ) {
- super.copy( source );
- this.parameters = Object.assign( {}, source.parameters );
- return this;
- }
- }
- class Shape extends Path {
- constructor( points ) {
- super( points );
- this.uuid = generateUUID();
- this.type = 'Shape';
- this.holes = [];
- }
- getPointsHoles( divisions ) {
- const holesPts = [];
- for ( let i = 0, l = this.holes.length; i < l; i ++ ) {
- holesPts[ i ] = this.holes[ i ].getPoints( divisions );
- }
- return holesPts;
- }
- // get points of shape and holes (keypoints based on segments parameter)
- extractPoints( divisions ) {
- return {
- shape: this.getPoints( divisions ),
- holes: this.getPointsHoles( divisions )
- };
- }
- copy( source ) {
- super.copy( source );
- this.holes = [];
- for ( let i = 0, l = source.holes.length; i < l; i ++ ) {
- const hole = source.holes[ i ];
- this.holes.push( hole.clone() );
- }
- return this;
- }
- toJSON() {
- const data = super.toJSON();
- data.uuid = this.uuid;
- data.holes = [];
- for ( let i = 0, l = this.holes.length; i < l; i ++ ) {
- const hole = this.holes[ i ];
- data.holes.push( hole.toJSON() );
- }
- return data;
- }
- fromJSON( json ) {
- super.fromJSON( json );
- this.uuid = json.uuid;
- this.holes = [];
- for ( let i = 0, l = json.holes.length; i < l; i ++ ) {
- const hole = json.holes[ i ];
- this.holes.push( new Path().fromJSON( hole ) );
- }
- return this;
- }
- }
- /**
- * Port from https://github.com/mapbox/earcut (v2.2.4)
- */
- const Earcut = {
- triangulate: function ( data, holeIndices, dim = 2 ) {
- const hasHoles = holeIndices && holeIndices.length;
- const outerLen = hasHoles ? holeIndices[ 0 ] * dim : data.length;
- let outerNode = linkedList( data, 0, outerLen, dim, true );
- const triangles = [];
- if ( ! outerNode || outerNode.next === outerNode.prev ) return triangles;
- let minX, minY, maxX, maxY, x, y, invSize;
- if ( hasHoles ) outerNode = eliminateHoles( data, holeIndices, outerNode, dim );
- // if the shape is not too simple, we'll use z-order curve hash later; calculate polygon bbox
- if ( data.length > 80 * dim ) {
- minX = maxX = data[ 0 ];
- minY = maxY = data[ 1 ];
- for ( let i = dim; i < outerLen; i += dim ) {
- x = data[ i ];
- y = data[ i + 1 ];
- if ( x < minX ) minX = x;
- if ( y < minY ) minY = y;
- if ( x > maxX ) maxX = x;
- if ( y > maxY ) maxY = y;
- }
- // minX, minY and invSize are later used to transform coords into integers for z-order calculation
- invSize = Math.max( maxX - minX, maxY - minY );
- invSize = invSize !== 0 ? 32767 / invSize : 0;
- }
- earcutLinked( outerNode, triangles, dim, minX, minY, invSize, 0 );
- return triangles;
- }
- };
- // create a circular doubly linked list from polygon points in the specified winding order
- function linkedList( data, start, end, dim, clockwise ) {
- let i, last;
- if ( clockwise === ( signedArea( data, start, end, dim ) > 0 ) ) {
- for ( i = start; i < end; i += dim ) last = insertNode( i, data[ i ], data[ i + 1 ], last );
- } else {
- for ( i = end - dim; i >= start; i -= dim ) last = insertNode( i, data[ i ], data[ i + 1 ], last );
- }
- if ( last && equals$1( last, last.next ) ) {
- removeNode( last );
- last = last.next;
- }
- return last;
- }
- // eliminate colinear or duplicate points
- function filterPoints( start, end ) {
- if ( ! start ) return start;
- if ( ! end ) end = start;
- let p = start,
- again;
- do {
- again = false;
- if ( ! p.steiner && ( equals$1( p, p.next ) || area( p.prev, p, p.next ) === 0 ) ) {
- removeNode( p );
- p = end = p.prev;
- if ( p === p.next ) break;
- again = true;
- } else {
- p = p.next;
- }
- } while ( again || p !== end );
- return end;
- }
- // main ear slicing loop which triangulates a polygon (given as a linked list)
- function earcutLinked( ear, triangles, dim, minX, minY, invSize, pass ) {
- if ( ! ear ) return;
- // interlink polygon nodes in z-order
- if ( ! pass && invSize ) indexCurve( ear, minX, minY, invSize );
- let stop = ear,
- prev, next;
- // iterate through ears, slicing them one by one
- while ( ear.prev !== ear.next ) {
- prev = ear.prev;
- next = ear.next;
- if ( invSize ? isEarHashed( ear, minX, minY, invSize ) : isEar( ear ) ) {
- // cut off the triangle
- triangles.push( prev.i / dim | 0 );
- triangles.push( ear.i / dim | 0 );
- triangles.push( next.i / dim | 0 );
- removeNode( ear );
- // skipping the next vertex leads to less sliver triangles
- ear = next.next;
- stop = next.next;
- continue;
- }
- ear = next;
- // if we looped through the whole remaining polygon and can't find any more ears
- if ( ear === stop ) {
- // try filtering points and slicing again
- if ( ! pass ) {
- earcutLinked( filterPoints( ear ), triangles, dim, minX, minY, invSize, 1 );
- // if this didn't work, try curing all small self-intersections locally
- } else if ( pass === 1 ) {
- ear = cureLocalIntersections( filterPoints( ear ), triangles, dim );
- earcutLinked( ear, triangles, dim, minX, minY, invSize, 2 );
- // as a last resort, try splitting the remaining polygon into two
- } else if ( pass === 2 ) {
- splitEarcut( ear, triangles, dim, minX, minY, invSize );
- }
- break;
- }
- }
- }
- // check whether a polygon node forms a valid ear with adjacent nodes
- function isEar( ear ) {
- const a = ear.prev,
- b = ear,
- c = ear.next;
- if ( area( a, b, c ) >= 0 ) return false; // reflex, can't be an ear
- // now make sure we don't have other points inside the potential ear
- const ax = a.x, bx = b.x, cx = c.x, ay = a.y, by = b.y, cy = c.y;
- // triangle bbox; min & max are calculated like this for speed
- const x0 = ax < bx ? ( ax < cx ? ax : cx ) : ( bx < cx ? bx : cx ),
- y0 = ay < by ? ( ay < cy ? ay : cy ) : ( by < cy ? by : cy ),
- x1 = ax > bx ? ( ax > cx ? ax : cx ) : ( bx > cx ? bx : cx ),
- y1 = ay > by ? ( ay > cy ? ay : cy ) : ( by > cy ? by : cy );
- let p = c.next;
- while ( p !== a ) {
- if ( p.x >= x0 && p.x <= x1 && p.y >= y0 && p.y <= y1 &&
- pointInTriangle( ax, ay, bx, by, cx, cy, p.x, p.y ) &&
- area( p.prev, p, p.next ) >= 0 ) return false;
- p = p.next;
- }
- return true;
- }
- function isEarHashed( ear, minX, minY, invSize ) {
- const a = ear.prev,
- b = ear,
- c = ear.next;
- if ( area( a, b, c ) >= 0 ) return false; // reflex, can't be an ear
- const ax = a.x, bx = b.x, cx = c.x, ay = a.y, by = b.y, cy = c.y;
- // triangle bbox; min & max are calculated like this for speed
- const x0 = ax < bx ? ( ax < cx ? ax : cx ) : ( bx < cx ? bx : cx ),
- y0 = ay < by ? ( ay < cy ? ay : cy ) : ( by < cy ? by : cy ),
- x1 = ax > bx ? ( ax > cx ? ax : cx ) : ( bx > cx ? bx : cx ),
- y1 = ay > by ? ( ay > cy ? ay : cy ) : ( by > cy ? by : cy );
- // z-order range for the current triangle bbox;
- const minZ = zOrder( x0, y0, minX, minY, invSize ),
- maxZ = zOrder( x1, y1, minX, minY, invSize );
- let p = ear.prevZ,
- n = ear.nextZ;
- // look for points inside the triangle in both directions
- while ( p && p.z >= minZ && n && n.z <= maxZ ) {
- if ( p.x >= x0 && p.x <= x1 && p.y >= y0 && p.y <= y1 && p !== a && p !== c &&
- pointInTriangle( ax, ay, bx, by, cx, cy, p.x, p.y ) && area( p.prev, p, p.next ) >= 0 ) return false;
- p = p.prevZ;
- if ( n.x >= x0 && n.x <= x1 && n.y >= y0 && n.y <= y1 && n !== a && n !== c &&
- pointInTriangle( ax, ay, bx, by, cx, cy, n.x, n.y ) && area( n.prev, n, n.next ) >= 0 ) return false;
- n = n.nextZ;
- }
- // look for remaining points in decreasing z-order
- while ( p && p.z >= minZ ) {
- if ( p.x >= x0 && p.x <= x1 && p.y >= y0 && p.y <= y1 && p !== a && p !== c &&
- pointInTriangle( ax, ay, bx, by, cx, cy, p.x, p.y ) && area( p.prev, p, p.next ) >= 0 ) return false;
- p = p.prevZ;
- }
- // look for remaining points in increasing z-order
- while ( n && n.z <= maxZ ) {
- if ( n.x >= x0 && n.x <= x1 && n.y >= y0 && n.y <= y1 && n !== a && n !== c &&
- pointInTriangle( ax, ay, bx, by, cx, cy, n.x, n.y ) && area( n.prev, n, n.next ) >= 0 ) return false;
- n = n.nextZ;
- }
- return true;
- }
- // go through all polygon nodes and cure small local self-intersections
- function cureLocalIntersections( start, triangles, dim ) {
- let p = start;
- do {
- const a = p.prev,
- b = p.next.next;
- if ( ! equals$1( a, b ) && intersects( a, p, p.next, b ) && locallyInside( a, b ) && locallyInside( b, a ) ) {
- triangles.push( a.i / dim | 0 );
- triangles.push( p.i / dim | 0 );
- triangles.push( b.i / dim | 0 );
- // remove two nodes involved
- removeNode( p );
- removeNode( p.next );
- p = start = b;
- }
- p = p.next;
- } while ( p !== start );
- return filterPoints( p );
- }
- // try splitting polygon into two and triangulate them independently
- function splitEarcut( start, triangles, dim, minX, minY, invSize ) {
- // look for a valid diagonal that divides the polygon into two
- let a = start;
- do {
- let b = a.next.next;
- while ( b !== a.prev ) {
- if ( a.i !== b.i && isValidDiagonal( a, b ) ) {
- // split the polygon in two by the diagonal
- let c = splitPolygon( a, b );
- // filter colinear points around the cuts
- a = filterPoints( a, a.next );
- c = filterPoints( c, c.next );
- // run earcut on each half
- earcutLinked( a, triangles, dim, minX, minY, invSize, 0 );
- earcutLinked( c, triangles, dim, minX, minY, invSize, 0 );
- return;
- }
- b = b.next;
- }
- a = a.next;
- } while ( a !== start );
- }
- // link every hole into the outer loop, producing a single-ring polygon without holes
- function eliminateHoles( data, holeIndices, outerNode, dim ) {
- const queue = [];
- let i, len, start, end, list;
- for ( i = 0, len = holeIndices.length; i < len; i ++ ) {
- start = holeIndices[ i ] * dim;
- end = i < len - 1 ? holeIndices[ i + 1 ] * dim : data.length;
- list = linkedList( data, start, end, dim, false );
- if ( list === list.next ) list.steiner = true;
- queue.push( getLeftmost( list ) );
- }
- queue.sort( compareX );
- // process holes from left to right
- for ( i = 0; i < queue.length; i ++ ) {
- outerNode = eliminateHole( queue[ i ], outerNode );
- }
- return outerNode;
- }
- function compareX( a, b ) {
- return a.x - b.x;
- }
- // find a bridge between vertices that connects hole with an outer ring and link it
- function eliminateHole( hole, outerNode ) {
- const bridge = findHoleBridge( hole, outerNode );
- if ( ! bridge ) {
- return outerNode;
- }
- const bridgeReverse = splitPolygon( bridge, hole );
- // filter collinear points around the cuts
- filterPoints( bridgeReverse, bridgeReverse.next );
- return filterPoints( bridge, bridge.next );
- }
- // David Eberly's algorithm for finding a bridge between hole and outer polygon
- function findHoleBridge( hole, outerNode ) {
- let p = outerNode,
- qx = - Infinity,
- m;
- const hx = hole.x, hy = hole.y;
- // find a segment intersected by a ray from the hole's leftmost point to the left;
- // segment's endpoint with lesser x will be potential connection point
- do {
- if ( hy <= p.y && hy >= p.next.y && p.next.y !== p.y ) {
- const x = p.x + ( hy - p.y ) * ( p.next.x - p.x ) / ( p.next.y - p.y );
- if ( x <= hx && x > qx ) {
- qx = x;
- m = p.x < p.next.x ? p : p.next;
- if ( x === hx ) return m; // hole touches outer segment; pick leftmost endpoint
- }
- }
- p = p.next;
- } while ( p !== outerNode );
- if ( ! m ) return null;
- // look for points inside the triangle of hole point, segment intersection and endpoint;
- // if there are no points found, we have a valid connection;
- // otherwise choose the point of the minimum angle with the ray as connection point
- const stop = m,
- mx = m.x,
- my = m.y;
- let tanMin = Infinity, tan;
- p = m;
- do {
- if ( hx >= p.x && p.x >= mx && hx !== p.x &&
- pointInTriangle( hy < my ? hx : qx, hy, mx, my, hy < my ? qx : hx, hy, p.x, p.y ) ) {
- tan = Math.abs( hy - p.y ) / ( hx - p.x ); // tangential
- if ( locallyInside( p, hole ) && ( tan < tanMin || ( tan === tanMin && ( p.x > m.x || ( p.x === m.x && sectorContainsSector( m, p ) ) ) ) ) ) {
- m = p;
- tanMin = tan;
- }
- }
- p = p.next;
- } while ( p !== stop );
- return m;
- }
- // whether sector in vertex m contains sector in vertex p in the same coordinates
- function sectorContainsSector( m, p ) {
- return area( m.prev, m, p.prev ) < 0 && area( p.next, m, m.next ) < 0;
- }
- // interlink polygon nodes in z-order
- function indexCurve( start, minX, minY, invSize ) {
- let p = start;
- do {
- if ( p.z === 0 ) p.z = zOrder( p.x, p.y, minX, minY, invSize );
- p.prevZ = p.prev;
- p.nextZ = p.next;
- p = p.next;
- } while ( p !== start );
- p.prevZ.nextZ = null;
- p.prevZ = null;
- sortLinked( p );
- }
- // Simon Tatham's linked list merge sort algorithm
- // http://www.chiark.greenend.org.uk/~sgtatham/algorithms/listsort.html
- function sortLinked( list ) {
- let i, p, q, e, tail, numMerges, pSize, qSize,
- inSize = 1;
- do {
- p = list;
- list = null;
- tail = null;
- numMerges = 0;
- while ( p ) {
- numMerges ++;
- q = p;
- pSize = 0;
- for ( i = 0; i < inSize; i ++ ) {
- pSize ++;
- q = q.nextZ;
- if ( ! q ) break;
- }
- qSize = inSize;
- while ( pSize > 0 || ( qSize > 0 && q ) ) {
- if ( pSize !== 0 && ( qSize === 0 || ! q || p.z <= q.z ) ) {
- e = p;
- p = p.nextZ;
- pSize --;
- } else {
- e = q;
- q = q.nextZ;
- qSize --;
- }
- if ( tail ) tail.nextZ = e;
- else list = e;
- e.prevZ = tail;
- tail = e;
- }
- p = q;
- }
- tail.nextZ = null;
- inSize *= 2;
- } while ( numMerges > 1 );
- return list;
- }
- // z-order of a point given coords and inverse of the longer side of data bbox
- function zOrder( x, y, minX, minY, invSize ) {
- // coords are transformed into non-negative 15-bit integer range
- x = ( x - minX ) * invSize | 0;
- y = ( y - minY ) * invSize | 0;
- x = ( x | ( x << 8 ) ) & 0x00FF00FF;
- x = ( x | ( x << 4 ) ) & 0x0F0F0F0F;
- x = ( x | ( x << 2 ) ) & 0x33333333;
- x = ( x | ( x << 1 ) ) & 0x55555555;
- y = ( y | ( y << 8 ) ) & 0x00FF00FF;
- y = ( y | ( y << 4 ) ) & 0x0F0F0F0F;
- y = ( y | ( y << 2 ) ) & 0x33333333;
- y = ( y | ( y << 1 ) ) & 0x55555555;
- return x | ( y << 1 );
- }
- // find the leftmost node of a polygon ring
- function getLeftmost( start ) {
- let p = start,
- leftmost = start;
- do {
- if ( p.x < leftmost.x || ( p.x === leftmost.x && p.y < leftmost.y ) ) leftmost = p;
- p = p.next;
- } while ( p !== start );
- return leftmost;
- }
- // check if a point lies within a convex triangle
- function pointInTriangle( ax, ay, bx, by, cx, cy, px, py ) {
- return ( cx - px ) * ( ay - py ) >= ( ax - px ) * ( cy - py ) &&
- ( ax - px ) * ( by - py ) >= ( bx - px ) * ( ay - py ) &&
- ( bx - px ) * ( cy - py ) >= ( cx - px ) * ( by - py );
- }
- // check if a diagonal between two polygon nodes is valid (lies in polygon interior)
- function isValidDiagonal( a, b ) {
- return a.next.i !== b.i && a.prev.i !== b.i && ! intersectsPolygon( a, b ) && // dones't intersect other edges
- ( locallyInside( a, b ) && locallyInside( b, a ) && middleInside( a, b ) && // locally visible
- ( area( a.prev, a, b.prev ) || area( a, b.prev, b ) ) || // does not create opposite-facing sectors
- equals$1( a, b ) && area( a.prev, a, a.next ) > 0 && area( b.prev, b, b.next ) > 0 ); // special zero-length case
- }
- // signed area of a triangle
- function area( p, q, r ) {
- return ( q.y - p.y ) * ( r.x - q.x ) - ( q.x - p.x ) * ( r.y - q.y );
- }
- // check if two points are equal
- function equals$1( p1, p2 ) {
- return p1.x === p2.x && p1.y === p2.y;
- }
- // check if two segments intersect
- function intersects( p1, q1, p2, q2 ) {
- const o1 = sign$1( area( p1, q1, p2 ) );
- const o2 = sign$1( area( p1, q1, q2 ) );
- const o3 = sign$1( area( p2, q2, p1 ) );
- const o4 = sign$1( area( p2, q2, q1 ) );
- if ( o1 !== o2 && o3 !== o4 ) return true; // general case
- if ( o1 === 0 && onSegment( p1, p2, q1 ) ) return true; // p1, q1 and p2 are collinear and p2 lies on p1q1
- if ( o2 === 0 && onSegment( p1, q2, q1 ) ) return true; // p1, q1 and q2 are collinear and q2 lies on p1q1
- if ( o3 === 0 && onSegment( p2, p1, q2 ) ) return true; // p2, q2 and p1 are collinear and p1 lies on p2q2
- if ( o4 === 0 && onSegment( p2, q1, q2 ) ) return true; // p2, q2 and q1 are collinear and q1 lies on p2q2
- return false;
- }
- // for collinear points p, q, r, check if point q lies on segment pr
- function onSegment( p, q, r ) {
- return q.x <= Math.max( p.x, r.x ) && q.x >= Math.min( p.x, r.x ) && q.y <= Math.max( p.y, r.y ) && q.y >= Math.min( p.y, r.y );
- }
- function sign$1( num ) {
- return num > 0 ? 1 : num < 0 ? - 1 : 0;
- }
- // check if a polygon diagonal intersects any polygon segments
- function intersectsPolygon( a, b ) {
- let p = a;
- do {
- if ( p.i !== a.i && p.next.i !== a.i && p.i !== b.i && p.next.i !== b.i &&
- intersects( p, p.next, a, b ) ) return true;
- p = p.next;
- } while ( p !== a );
- return false;
- }
- // check if a polygon diagonal is locally inside the polygon
- function locallyInside( a, b ) {
- return area( a.prev, a, a.next ) < 0 ?
- area( a, b, a.next ) >= 0 && area( a, a.prev, b ) >= 0 :
- area( a, b, a.prev ) < 0 || area( a, a.next, b ) < 0;
- }
- // check if the middle point of a polygon diagonal is inside the polygon
- function middleInside( a, b ) {
- let p = a,
- inside = false;
- const px = ( a.x + b.x ) / 2,
- py = ( a.y + b.y ) / 2;
- do {
- if ( ( ( p.y > py ) !== ( p.next.y > py ) ) && p.next.y !== p.y &&
- ( px < ( p.next.x - p.x ) * ( py - p.y ) / ( p.next.y - p.y ) + p.x ) )
- inside = ! inside;
- p = p.next;
- } while ( p !== a );
- return inside;
- }
- // link two polygon vertices with a bridge; if the vertices belong to the same ring, it splits polygon into two;
- // if one belongs to the outer ring and another to a hole, it merges it into a single ring
- function splitPolygon( a, b ) {
- const a2 = new Node$1( a.i, a.x, a.y ),
- b2 = new Node$1( b.i, b.x, b.y ),
- an = a.next,
- bp = b.prev;
- a.next = b;
- b.prev = a;
- a2.next = an;
- an.prev = a2;
- b2.next = a2;
- a2.prev = b2;
- bp.next = b2;
- b2.prev = bp;
- return b2;
- }
- // create a node and optionally link it with previous one (in a circular doubly linked list)
- function insertNode( i, x, y, last ) {
- const p = new Node$1( i, x, y );
- if ( ! last ) {
- p.prev = p;
- p.next = p;
- } else {
- p.next = last.next;
- p.prev = last;
- last.next.prev = p;
- last.next = p;
- }
- return p;
- }
- function removeNode( p ) {
- p.next.prev = p.prev;
- p.prev.next = p.next;
- if ( p.prevZ ) p.prevZ.nextZ = p.nextZ;
- if ( p.nextZ ) p.nextZ.prevZ = p.prevZ;
- }
- function Node$1( i, x, y ) {
- // vertex index in coordinates array
- this.i = i;
- // vertex coordinates
- this.x = x;
- this.y = y;
- // previous and next vertex nodes in a polygon ring
- this.prev = null;
- this.next = null;
- // z-order curve value
- this.z = 0;
- // previous and next nodes in z-order
- this.prevZ = null;
- this.nextZ = null;
- // indicates whether this is a steiner point
- this.steiner = false;
- }
- function signedArea( data, start, end, dim ) {
- let sum = 0;
- for ( let i = start, j = end - dim; i < end; i += dim ) {
- sum += ( data[ j ] - data[ i ] ) * ( data[ i + 1 ] + data[ j + 1 ] );
- j = i;
- }
- return sum;
- }
- class ShapeUtils {
- // calculate area of the contour polygon
- static area( contour ) {
- const n = contour.length;
- let a = 0.0;
- for ( let p = n - 1, q = 0; q < n; p = q ++ ) {
- a += contour[ p ].x * contour[ q ].y - contour[ q ].x * contour[ p ].y;
- }
- return a * 0.5;
- }
- static isClockWise( pts ) {
- return ShapeUtils.area( pts ) < 0;
- }
- static triangulateShape( contour, holes ) {
- const vertices = []; // flat array of vertices like [ x0,y0, x1,y1, x2,y2, ... ]
- const holeIndices = []; // array of hole indices
- const faces = []; // final array of vertex indices like [ [ a,b,d ], [ b,c,d ] ]
- removeDupEndPts( contour );
- addContour( vertices, contour );
- //
- let holeIndex = contour.length;
- holes.forEach( removeDupEndPts );
- for ( let i = 0; i < holes.length; i ++ ) {
- holeIndices.push( holeIndex );
- holeIndex += holes[ i ].length;
- addContour( vertices, holes[ i ] );
- }
- //
- const triangles = Earcut.triangulate( vertices, holeIndices );
- //
- for ( let i = 0; i < triangles.length; i += 3 ) {
- faces.push( triangles.slice( i, i + 3 ) );
- }
- return faces;
- }
- }
- function removeDupEndPts( points ) {
- const l = points.length;
- if ( l > 2 && points[ l - 1 ].equals( points[ 0 ] ) ) {
- points.pop();
- }
- }
- function addContour( vertices, contour ) {
- for ( let i = 0; i < contour.length; i ++ ) {
- vertices.push( contour[ i ].x );
- vertices.push( contour[ i ].y );
- }
- }
- /**
- * Creates extruded geometry from a path shape.
- *
- * parameters = {
- *
- * curveSegments: <int>, // number of points on the curves
- * steps: <int>, // number of points for z-side extrusions / used for subdividing segments of extrude spline too
- * depth: <float>, // Depth to extrude the shape
- *
- * bevelEnabled: <bool>, // turn on bevel
- * bevelThickness: <float>, // how deep into the original shape bevel goes
- * bevelSize: <float>, // how far from shape outline (including bevelOffset) is bevel
- * bevelOffset: <float>, // how far from shape outline does bevel start
- * bevelSegments: <int>, // number of bevel layers
- *
- * extrudePath: <THREE.Curve> // curve to extrude shape along
- *
- * UVGenerator: <Object> // object that provides UV generator functions
- *
- * }
- */
- class ExtrudeGeometry extends BufferGeometry {
- constructor( shapes = new Shape( [ new Vector2( 0.5, 0.5 ), new Vector2( - 0.5, 0.5 ), new Vector2( - 0.5, - 0.5 ), new Vector2( 0.5, - 0.5 ) ] ), options = {} ) {
- super();
- this.type = 'ExtrudeGeometry';
- this.parameters = {
- shapes: shapes,
- options: options
- };
- shapes = Array.isArray( shapes ) ? shapes : [ shapes ];
- const scope = this;
- const verticesArray = [];
- const uvArray = [];
- for ( let i = 0, l = shapes.length; i < l; i ++ ) {
- const shape = shapes[ i ];
- addShape( shape );
- }
- // build geometry
- this.setAttribute( 'position', new Float32BufferAttribute( verticesArray, 3 ) );
- this.setAttribute( 'uv', new Float32BufferAttribute( uvArray, 2 ) );
- this.computeVertexNormals();
- // functions
- function addShape( shape ) {
- const placeholder = [];
- // options
- const curveSegments = options.curveSegments !== undefined ? options.curveSegments : 12;
- const steps = options.steps !== undefined ? options.steps : 1;
- const depth = options.depth !== undefined ? options.depth : 1;
- let bevelEnabled = options.bevelEnabled !== undefined ? options.bevelEnabled : true;
- let bevelThickness = options.bevelThickness !== undefined ? options.bevelThickness : 0.2;
- let bevelSize = options.bevelSize !== undefined ? options.bevelSize : bevelThickness - 0.1;
- let bevelOffset = options.bevelOffset !== undefined ? options.bevelOffset : 0;
- let bevelSegments = options.bevelSegments !== undefined ? options.bevelSegments : 3;
- const extrudePath = options.extrudePath;
- const uvgen = options.UVGenerator !== undefined ? options.UVGenerator : WorldUVGenerator;
- //
- let extrudePts, extrudeByPath = false;
- let splineTube, binormal, normal, position2;
- if ( extrudePath ) {
- extrudePts = extrudePath.getSpacedPoints( steps );
- extrudeByPath = true;
- bevelEnabled = false; // bevels not supported for path extrusion
- // SETUP TNB variables
- // TODO1 - have a .isClosed in spline?
- splineTube = extrudePath.computeFrenetFrames( steps, false );
- // console.log(splineTube, 'splineTube', splineTube.normals.length, 'steps', steps, 'extrudePts', extrudePts.length);
- binormal = new Vector3();
- normal = new Vector3();
- position2 = new Vector3();
- }
- // Safeguards if bevels are not enabled
- if ( ! bevelEnabled ) {
- bevelSegments = 0;
- bevelThickness = 0;
- bevelSize = 0;
- bevelOffset = 0;
- }
- // Variables initialization
- const shapePoints = shape.extractPoints( curveSegments );
- let vertices = shapePoints.shape;
- const holes = shapePoints.holes;
- const reverse = ! ShapeUtils.isClockWise( vertices );
- if ( reverse ) {
- vertices = vertices.reverse();
- // Maybe we should also check if holes are in the opposite direction, just to be safe ...
- for ( let h = 0, hl = holes.length; h < hl; h ++ ) {
- const ahole = holes[ h ];
- if ( ShapeUtils.isClockWise( ahole ) ) {
- holes[ h ] = ahole.reverse();
- }
- }
- }
- const faces = ShapeUtils.triangulateShape( vertices, holes );
- /* Vertices */
- const contour = vertices; // vertices has all points but contour has only points of circumference
- for ( let h = 0, hl = holes.length; h < hl; h ++ ) {
- const ahole = holes[ h ];
- vertices = vertices.concat( ahole );
- }
- function scalePt2( pt, vec, size ) {
- if ( ! vec ) console.error( 'THREE.ExtrudeGeometry: vec does not exist' );
- return pt.clone().addScaledVector( vec, size );
- }
- const vlen = vertices.length, flen = faces.length;
- // Find directions for point movement
- function getBevelVec( inPt, inPrev, inNext ) {
- // computes for inPt the corresponding point inPt' on a new contour
- // shifted by 1 unit (length of normalized vector) to the left
- // if we walk along contour clockwise, this new contour is outside the old one
- //
- // inPt' is the intersection of the two lines parallel to the two
- // adjacent edges of inPt at a distance of 1 unit on the left side.
- let v_trans_x, v_trans_y, shrink_by; // resulting translation vector for inPt
- // good reading for geometry algorithms (here: line-line intersection)
- // http://geomalgorithms.com/a05-_intersect-1.html
- const v_prev_x = inPt.x - inPrev.x,
- v_prev_y = inPt.y - inPrev.y;
- const v_next_x = inNext.x - inPt.x,
- v_next_y = inNext.y - inPt.y;
- const v_prev_lensq = ( v_prev_x * v_prev_x + v_prev_y * v_prev_y );
- // check for collinear edges
- const collinear0 = ( v_prev_x * v_next_y - v_prev_y * v_next_x );
- if ( Math.abs( collinear0 ) > Number.EPSILON ) {
- // not collinear
- // length of vectors for normalizing
- const v_prev_len = Math.sqrt( v_prev_lensq );
- const v_next_len = Math.sqrt( v_next_x * v_next_x + v_next_y * v_next_y );
- // shift adjacent points by unit vectors to the left
- const ptPrevShift_x = ( inPrev.x - v_prev_y / v_prev_len );
- const ptPrevShift_y = ( inPrev.y + v_prev_x / v_prev_len );
- const ptNextShift_x = ( inNext.x - v_next_y / v_next_len );
- const ptNextShift_y = ( inNext.y + v_next_x / v_next_len );
- // scaling factor for v_prev to intersection point
- const sf = ( ( ptNextShift_x - ptPrevShift_x ) * v_next_y -
- ( ptNextShift_y - ptPrevShift_y ) * v_next_x ) /
- ( v_prev_x * v_next_y - v_prev_y * v_next_x );
- // vector from inPt to intersection point
- v_trans_x = ( ptPrevShift_x + v_prev_x * sf - inPt.x );
- v_trans_y = ( ptPrevShift_y + v_prev_y * sf - inPt.y );
- // Don't normalize!, otherwise sharp corners become ugly
- // but prevent crazy spikes
- const v_trans_lensq = ( v_trans_x * v_trans_x + v_trans_y * v_trans_y );
- if ( v_trans_lensq <= 2 ) {
- return new Vector2( v_trans_x, v_trans_y );
- } else {
- shrink_by = Math.sqrt( v_trans_lensq / 2 );
- }
- } else {
- // handle special case of collinear edges
- let direction_eq = false; // assumes: opposite
- if ( v_prev_x > Number.EPSILON ) {
- if ( v_next_x > Number.EPSILON ) {
- direction_eq = true;
- }
- } else {
- if ( v_prev_x < - Number.EPSILON ) {
- if ( v_next_x < - Number.EPSILON ) {
- direction_eq = true;
- }
- } else {
- if ( Math.sign( v_prev_y ) === Math.sign( v_next_y ) ) {
- direction_eq = true;
- }
- }
- }
- if ( direction_eq ) {
- // console.log("Warning: lines are a straight sequence");
- v_trans_x = - v_prev_y;
- v_trans_y = v_prev_x;
- shrink_by = Math.sqrt( v_prev_lensq );
- } else {
- // console.log("Warning: lines are a straight spike");
- v_trans_x = v_prev_x;
- v_trans_y = v_prev_y;
- shrink_by = Math.sqrt( v_prev_lensq / 2 );
- }
- }
- return new Vector2( v_trans_x / shrink_by, v_trans_y / shrink_by );
- }
- const contourMovements = [];
- for ( let i = 0, il = contour.length, j = il - 1, k = i + 1; i < il; i ++, j ++, k ++ ) {
- if ( j === il ) j = 0;
- if ( k === il ) k = 0;
- // (j)---(i)---(k)
- // console.log('i,j,k', i, j , k)
- contourMovements[ i ] = getBevelVec( contour[ i ], contour[ j ], contour[ k ] );
- }
- const holesMovements = [];
- let oneHoleMovements, verticesMovements = contourMovements.concat();
- for ( let h = 0, hl = holes.length; h < hl; h ++ ) {
- const ahole = holes[ h ];
- oneHoleMovements = [];
- for ( let i = 0, il = ahole.length, j = il - 1, k = i + 1; i < il; i ++, j ++, k ++ ) {
- if ( j === il ) j = 0;
- if ( k === il ) k = 0;
- // (j)---(i)---(k)
- oneHoleMovements[ i ] = getBevelVec( ahole[ i ], ahole[ j ], ahole[ k ] );
- }
- holesMovements.push( oneHoleMovements );
- verticesMovements = verticesMovements.concat( oneHoleMovements );
- }
- // Loop bevelSegments, 1 for the front, 1 for the back
- for ( let b = 0; b < bevelSegments; b ++ ) {
- //for ( b = bevelSegments; b > 0; b -- ) {
- const t = b / bevelSegments;
- const z = bevelThickness * Math.cos( t * Math.PI / 2 );
- const bs = bevelSize * Math.sin( t * Math.PI / 2 ) + bevelOffset;
- // contract shape
- for ( let i = 0, il = contour.length; i < il; i ++ ) {
- const vert = scalePt2( contour[ i ], contourMovements[ i ], bs );
- v( vert.x, vert.y, - z );
- }
- // expand holes
- for ( let h = 0, hl = holes.length; h < hl; h ++ ) {
- const ahole = holes[ h ];
- oneHoleMovements = holesMovements[ h ];
- for ( let i = 0, il = ahole.length; i < il; i ++ ) {
- const vert = scalePt2( ahole[ i ], oneHoleMovements[ i ], bs );
- v( vert.x, vert.y, - z );
- }
- }
- }
- const bs = bevelSize + bevelOffset;
- // Back facing vertices
- for ( let i = 0; i < vlen; i ++ ) {
- const vert = bevelEnabled ? scalePt2( vertices[ i ], verticesMovements[ i ], bs ) : vertices[ i ];
- if ( ! extrudeByPath ) {
- v( vert.x, vert.y, 0 );
- } else {
- // v( vert.x, vert.y + extrudePts[ 0 ].y, extrudePts[ 0 ].x );
- normal.copy( splineTube.normals[ 0 ] ).multiplyScalar( vert.x );
- binormal.copy( splineTube.binormals[ 0 ] ).multiplyScalar( vert.y );
- position2.copy( extrudePts[ 0 ] ).add( normal ).add( binormal );
- v( position2.x, position2.y, position2.z );
- }
- }
- // Add stepped vertices...
- // Including front facing vertices
- for ( let s = 1; s <= steps; s ++ ) {
- for ( let i = 0; i < vlen; i ++ ) {
- const vert = bevelEnabled ? scalePt2( vertices[ i ], verticesMovements[ i ], bs ) : vertices[ i ];
- if ( ! extrudeByPath ) {
- v( vert.x, vert.y, depth / steps * s );
- } else {
- // v( vert.x, vert.y + extrudePts[ s - 1 ].y, extrudePts[ s - 1 ].x );
- normal.copy( splineTube.normals[ s ] ).multiplyScalar( vert.x );
- binormal.copy( splineTube.binormals[ s ] ).multiplyScalar( vert.y );
- position2.copy( extrudePts[ s ] ).add( normal ).add( binormal );
- v( position2.x, position2.y, position2.z );
- }
- }
- }
- // Add bevel segments planes
- //for ( b = 1; b <= bevelSegments; b ++ ) {
- for ( let b = bevelSegments - 1; b >= 0; b -- ) {
- const t = b / bevelSegments;
- const z = bevelThickness * Math.cos( t * Math.PI / 2 );
- const bs = bevelSize * Math.sin( t * Math.PI / 2 ) + bevelOffset;
- // contract shape
- for ( let i = 0, il = contour.length; i < il; i ++ ) {
- const vert = scalePt2( contour[ i ], contourMovements[ i ], bs );
- v( vert.x, vert.y, depth + z );
- }
- // expand holes
- for ( let h = 0, hl = holes.length; h < hl; h ++ ) {
- const ahole = holes[ h ];
- oneHoleMovements = holesMovements[ h ];
- for ( let i = 0, il = ahole.length; i < il; i ++ ) {
- const vert = scalePt2( ahole[ i ], oneHoleMovements[ i ], bs );
- if ( ! extrudeByPath ) {
- v( vert.x, vert.y, depth + z );
- } else {
- v( vert.x, vert.y + extrudePts[ steps - 1 ].y, extrudePts[ steps - 1 ].x + z );
- }
- }
- }
- }
- /* Faces */
- // Top and bottom faces
- buildLidFaces();
- // Sides faces
- buildSideFaces();
- ///// Internal functions
- function buildLidFaces() {
- const start = verticesArray.length / 3;
- if ( bevelEnabled ) {
- let layer = 0; // steps + 1
- let offset = vlen * layer;
- // Bottom faces
- for ( let i = 0; i < flen; i ++ ) {
- const face = faces[ i ];
- f3( face[ 2 ] + offset, face[ 1 ] + offset, face[ 0 ] + offset );
- }
- layer = steps + bevelSegments * 2;
- offset = vlen * layer;
- // Top faces
- for ( let i = 0; i < flen; i ++ ) {
- const face = faces[ i ];
- f3( face[ 0 ] + offset, face[ 1 ] + offset, face[ 2 ] + offset );
- }
- } else {
- // Bottom faces
- for ( let i = 0; i < flen; i ++ ) {
- const face = faces[ i ];
- f3( face[ 2 ], face[ 1 ], face[ 0 ] );
- }
- // Top faces
- for ( let i = 0; i < flen; i ++ ) {
- const face = faces[ i ];
- f3( face[ 0 ] + vlen * steps, face[ 1 ] + vlen * steps, face[ 2 ] + vlen * steps );
- }
- }
- scope.addGroup( start, verticesArray.length / 3 - start, 0 );
- }
- // Create faces for the z-sides of the shape
- function buildSideFaces() {
- const start = verticesArray.length / 3;
- let layeroffset = 0;
- sidewalls( contour, layeroffset );
- layeroffset += contour.length;
- for ( let h = 0, hl = holes.length; h < hl; h ++ ) {
- const ahole = holes[ h ];
- sidewalls( ahole, layeroffset );
- //, true
- layeroffset += ahole.length;
- }
- scope.addGroup( start, verticesArray.length / 3 - start, 1 );
- }
- function sidewalls( contour, layeroffset ) {
- let i = contour.length;
- while ( -- i >= 0 ) {
- const j = i;
- let k = i - 1;
- if ( k < 0 ) k = contour.length - 1;
- //console.log('b', i,j, i-1, k,vertices.length);
- for ( let s = 0, sl = ( steps + bevelSegments * 2 ); s < sl; s ++ ) {
- const slen1 = vlen * s;
- const slen2 = vlen * ( s + 1 );
- const a = layeroffset + j + slen1,
- b = layeroffset + k + slen1,
- c = layeroffset + k + slen2,
- d = layeroffset + j + slen2;
- f4( a, b, c, d );
- }
- }
- }
- function v( x, y, z ) {
- placeholder.push( x );
- placeholder.push( y );
- placeholder.push( z );
- }
- function f3( a, b, c ) {
- addVertex( a );
- addVertex( b );
- addVertex( c );
- const nextIndex = verticesArray.length / 3;
- const uvs = uvgen.generateTopUV( scope, verticesArray, nextIndex - 3, nextIndex - 2, nextIndex - 1 );
- addUV( uvs[ 0 ] );
- addUV( uvs[ 1 ] );
- addUV( uvs[ 2 ] );
- }
- function f4( a, b, c, d ) {
- addVertex( a );
- addVertex( b );
- addVertex( d );
- addVertex( b );
- addVertex( c );
- addVertex( d );
- const nextIndex = verticesArray.length / 3;
- const uvs = uvgen.generateSideWallUV( scope, verticesArray, nextIndex - 6, nextIndex - 3, nextIndex - 2, nextIndex - 1 );
- addUV( uvs[ 0 ] );
- addUV( uvs[ 1 ] );
- addUV( uvs[ 3 ] );
- addUV( uvs[ 1 ] );
- addUV( uvs[ 2 ] );
- addUV( uvs[ 3 ] );
- }
- function addVertex( index ) {
- verticesArray.push( placeholder[ index * 3 + 0 ] );
- verticesArray.push( placeholder[ index * 3 + 1 ] );
- verticesArray.push( placeholder[ index * 3 + 2 ] );
- }
- function addUV( vector2 ) {
- uvArray.push( vector2.x );
- uvArray.push( vector2.y );
- }
- }
- }
- copy( source ) {
- super.copy( source );
- this.parameters = Object.assign( {}, source.parameters );
- return this;
- }
- toJSON() {
- const data = super.toJSON();
- const shapes = this.parameters.shapes;
- const options = this.parameters.options;
- return toJSON$1( shapes, options, data );
- }
- static fromJSON( data, shapes ) {
- const geometryShapes = [];
- for ( let j = 0, jl = data.shapes.length; j < jl; j ++ ) {
- const shape = shapes[ data.shapes[ j ] ];
- geometryShapes.push( shape );
- }
- const extrudePath = data.options.extrudePath;
- if ( extrudePath !== undefined ) {
- data.options.extrudePath = new Curves[ extrudePath.type ]().fromJSON( extrudePath );
- }
- return new ExtrudeGeometry( geometryShapes, data.options );
- }
- }
- const WorldUVGenerator = {
- generateTopUV: function ( geometry, vertices, indexA, indexB, indexC ) {
- const a_x = vertices[ indexA * 3 ];
- const a_y = vertices[ indexA * 3 + 1 ];
- const b_x = vertices[ indexB * 3 ];
- const b_y = vertices[ indexB * 3 + 1 ];
- const c_x = vertices[ indexC * 3 ];
- const c_y = vertices[ indexC * 3 + 1 ];
- return [
- new Vector2( a_x, a_y ),
- new Vector2( b_x, b_y ),
- new Vector2( c_x, c_y )
- ];
- },
- generateSideWallUV: function ( geometry, vertices, indexA, indexB, indexC, indexD ) {
- const a_x = vertices[ indexA * 3 ];
- const a_y = vertices[ indexA * 3 + 1 ];
- const a_z = vertices[ indexA * 3 + 2 ];
- const b_x = vertices[ indexB * 3 ];
- const b_y = vertices[ indexB * 3 + 1 ];
- const b_z = vertices[ indexB * 3 + 2 ];
- const c_x = vertices[ indexC * 3 ];
- const c_y = vertices[ indexC * 3 + 1 ];
- const c_z = vertices[ indexC * 3 + 2 ];
- const d_x = vertices[ indexD * 3 ];
- const d_y = vertices[ indexD * 3 + 1 ];
- const d_z = vertices[ indexD * 3 + 2 ];
- if ( Math.abs( a_y - b_y ) < Math.abs( a_x - b_x ) ) {
- return [
- new Vector2( a_x, 1 - a_z ),
- new Vector2( b_x, 1 - b_z ),
- new Vector2( c_x, 1 - c_z ),
- new Vector2( d_x, 1 - d_z )
- ];
- } else {
- return [
- new Vector2( a_y, 1 - a_z ),
- new Vector2( b_y, 1 - b_z ),
- new Vector2( c_y, 1 - c_z ),
- new Vector2( d_y, 1 - d_z )
- ];
- }
- }
- };
- function toJSON$1( shapes, options, data ) {
- data.shapes = [];
- if ( Array.isArray( shapes ) ) {
- for ( let i = 0, l = shapes.length; i < l; i ++ ) {
- const shape = shapes[ i ];
- data.shapes.push( shape.uuid );
- }
- } else {
- data.shapes.push( shapes.uuid );
- }
- data.options = Object.assign( {}, options );
- if ( options.extrudePath !== undefined ) data.options.extrudePath = options.extrudePath.toJSON();
- return data;
- }
- class IcosahedronGeometry extends PolyhedronGeometry {
- constructor( radius = 1, detail = 0 ) {
- const t = ( 1 + Math.sqrt( 5 ) ) / 2;
- const vertices = [
- - 1, t, 0, 1, t, 0, - 1, - t, 0, 1, - t, 0,
- 0, - 1, t, 0, 1, t, 0, - 1, - t, 0, 1, - t,
- t, 0, - 1, t, 0, 1, - t, 0, - 1, - t, 0, 1
- ];
- const indices = [
- 0, 11, 5, 0, 5, 1, 0, 1, 7, 0, 7, 10, 0, 10, 11,
- 1, 5, 9, 5, 11, 4, 11, 10, 2, 10, 7, 6, 7, 1, 8,
- 3, 9, 4, 3, 4, 2, 3, 2, 6, 3, 6, 8, 3, 8, 9,
- 4, 9, 5, 2, 4, 11, 6, 2, 10, 8, 6, 7, 9, 8, 1
- ];
- super( vertices, indices, radius, detail );
- this.type = 'IcosahedronGeometry';
- this.parameters = {
- radius: radius,
- detail: detail
- };
- }
- static fromJSON( data ) {
- return new IcosahedronGeometry( data.radius, data.detail );
- }
- }
- class OctahedronGeometry extends PolyhedronGeometry {
- constructor( radius = 1, detail = 0 ) {
- const vertices = [
- 1, 0, 0, - 1, 0, 0, 0, 1, 0,
- 0, - 1, 0, 0, 0, 1, 0, 0, - 1
- ];
- const indices = [
- 0, 2, 4, 0, 4, 3, 0, 3, 5,
- 0, 5, 2, 1, 2, 5, 1, 5, 3,
- 1, 3, 4, 1, 4, 2
- ];
- super( vertices, indices, radius, detail );
- this.type = 'OctahedronGeometry';
- this.parameters = {
- radius: radius,
- detail: detail
- };
- }
- static fromJSON( data ) {
- return new OctahedronGeometry( data.radius, data.detail );
- }
- }
- class PlaneGeometry extends BufferGeometry {
- constructor( width = 1, height = 1, widthSegments = 1, heightSegments = 1 ) {
- super();
- this.type = 'PlaneGeometry';
- this.parameters = {
- width: width,
- height: height,
- widthSegments: widthSegments,
- heightSegments: heightSegments
- };
- const width_half = width / 2;
- const height_half = height / 2;
- const gridX = Math.floor( widthSegments );
- const gridY = Math.floor( heightSegments );
- const gridX1 = gridX + 1;
- const gridY1 = gridY + 1;
- const segment_width = width / gridX;
- const segment_height = height / gridY;
- //
- const indices = [];
- const vertices = [];
- const normals = [];
- const uvs = [];
- for ( let iy = 0; iy < gridY1; iy ++ ) {
- const y = iy * segment_height - height_half;
- for ( let ix = 0; ix < gridX1; ix ++ ) {
- const x = ix * segment_width - width_half;
- vertices.push( x, - y, 0 );
- normals.push( 0, 0, 1 );
- uvs.push( ix / gridX );
- uvs.push( 1 - ( iy / gridY ) );
- }
- }
- for ( let iy = 0; iy < gridY; iy ++ ) {
- for ( let ix = 0; ix < gridX; ix ++ ) {
- const a = ix + gridX1 * iy;
- const b = ix + gridX1 * ( iy + 1 );
- const c = ( ix + 1 ) + gridX1 * ( iy + 1 );
- const d = ( ix + 1 ) + gridX1 * iy;
- indices.push( a, b, d );
- indices.push( b, c, d );
- }
- }
- this.setIndex( indices );
- this.setAttribute( 'position', new Float32BufferAttribute( vertices, 3 ) );
- this.setAttribute( 'normal', new Float32BufferAttribute( normals, 3 ) );
- this.setAttribute( 'uv', new Float32BufferAttribute( uvs, 2 ) );
- }
- copy( source ) {
- super.copy( source );
- this.parameters = Object.assign( {}, source.parameters );
- return this;
- }
- static fromJSON( data ) {
- return new PlaneGeometry( data.width, data.height, data.widthSegments, data.heightSegments );
- }
- }
- class RingGeometry extends BufferGeometry {
- constructor( innerRadius = 0.5, outerRadius = 1, thetaSegments = 32, phiSegments = 1, thetaStart = 0, thetaLength = Math.PI * 2 ) {
- super();
- this.type = 'RingGeometry';
- this.parameters = {
- innerRadius: innerRadius,
- outerRadius: outerRadius,
- thetaSegments: thetaSegments,
- phiSegments: phiSegments,
- thetaStart: thetaStart,
- thetaLength: thetaLength
- };
- thetaSegments = Math.max( 3, thetaSegments );
- phiSegments = Math.max( 1, phiSegments );
- // buffers
- const indices = [];
- const vertices = [];
- const normals = [];
- const uvs = [];
- // some helper variables
- let radius = innerRadius;
- const radiusStep = ( ( outerRadius - innerRadius ) / phiSegments );
- const vertex = new Vector3();
- const uv = new Vector2();
- // generate vertices, normals and uvs
- for ( let j = 0; j <= phiSegments; j ++ ) {
- for ( let i = 0; i <= thetaSegments; i ++ ) {
- // values are generate from the inside of the ring to the outside
- const segment = thetaStart + i / thetaSegments * thetaLength;
- // vertex
- vertex.x = radius * Math.cos( segment );
- vertex.y = radius * Math.sin( segment );
- vertices.push( vertex.x, vertex.y, vertex.z );
- // normal
- normals.push( 0, 0, 1 );
- // uv
- uv.x = ( vertex.x / outerRadius + 1 ) / 2;
- uv.y = ( vertex.y / outerRadius + 1 ) / 2;
- uvs.push( uv.x, uv.y );
- }
- // increase the radius for next row of vertices
- radius += radiusStep;
- }
- // indices
- for ( let j = 0; j < phiSegments; j ++ ) {
- const thetaSegmentLevel = j * ( thetaSegments + 1 );
- for ( let i = 0; i < thetaSegments; i ++ ) {
- const segment = i + thetaSegmentLevel;
- const a = segment;
- const b = segment + thetaSegments + 1;
- const c = segment + thetaSegments + 2;
- const d = segment + 1;
- // faces
- indices.push( a, b, d );
- indices.push( b, c, d );
- }
- }
- // build geometry
- this.setIndex( indices );
- this.setAttribute( 'position', new Float32BufferAttribute( vertices, 3 ) );
- this.setAttribute( 'normal', new Float32BufferAttribute( normals, 3 ) );
- this.setAttribute( 'uv', new Float32BufferAttribute( uvs, 2 ) );
- }
- copy( source ) {
- super.copy( source );
- this.parameters = Object.assign( {}, source.parameters );
- return this;
- }
- static fromJSON( data ) {
- return new RingGeometry( data.innerRadius, data.outerRadius, data.thetaSegments, data.phiSegments, data.thetaStart, data.thetaLength );
- }
- }
- class ShapeGeometry extends BufferGeometry {
- constructor( shapes = new Shape( [ new Vector2( 0, 0.5 ), new Vector2( - 0.5, - 0.5 ), new Vector2( 0.5, - 0.5 ) ] ), curveSegments = 12 ) {
- super();
- this.type = 'ShapeGeometry';
- this.parameters = {
- shapes: shapes,
- curveSegments: curveSegments
- };
- // buffers
- const indices = [];
- const vertices = [];
- const normals = [];
- const uvs = [];
- // helper variables
- let groupStart = 0;
- let groupCount = 0;
- // allow single and array values for "shapes" parameter
- if ( Array.isArray( shapes ) === false ) {
- addShape( shapes );
- } else {
- for ( let i = 0; i < shapes.length; i ++ ) {
- addShape( shapes[ i ] );
- this.addGroup( groupStart, groupCount, i ); // enables MultiMaterial support
- groupStart += groupCount;
- groupCount = 0;
- }
- }
- // build geometry
- this.setIndex( indices );
- this.setAttribute( 'position', new Float32BufferAttribute( vertices, 3 ) );
- this.setAttribute( 'normal', new Float32BufferAttribute( normals, 3 ) );
- this.setAttribute( 'uv', new Float32BufferAttribute( uvs, 2 ) );
- // helper functions
- function addShape( shape ) {
- const indexOffset = vertices.length / 3;
- const points = shape.extractPoints( curveSegments );
- let shapeVertices = points.shape;
- const shapeHoles = points.holes;
- // check direction of vertices
- if ( ShapeUtils.isClockWise( shapeVertices ) === false ) {
- shapeVertices = shapeVertices.reverse();
- }
- for ( let i = 0, l = shapeHoles.length; i < l; i ++ ) {
- const shapeHole = shapeHoles[ i ];
- if ( ShapeUtils.isClockWise( shapeHole ) === true ) {
- shapeHoles[ i ] = shapeHole.reverse();
- }
- }
- const faces = ShapeUtils.triangulateShape( shapeVertices, shapeHoles );
- // join vertices of inner and outer paths to a single array
- for ( let i = 0, l = shapeHoles.length; i < l; i ++ ) {
- const shapeHole = shapeHoles[ i ];
- shapeVertices = shapeVertices.concat( shapeHole );
- }
- // vertices, normals, uvs
- for ( let i = 0, l = shapeVertices.length; i < l; i ++ ) {
- const vertex = shapeVertices[ i ];
- vertices.push( vertex.x, vertex.y, 0 );
- normals.push( 0, 0, 1 );
- uvs.push( vertex.x, vertex.y ); // world uvs
- }
- // indices
- for ( let i = 0, l = faces.length; i < l; i ++ ) {
- const face = faces[ i ];
- const a = face[ 0 ] + indexOffset;
- const b = face[ 1 ] + indexOffset;
- const c = face[ 2 ] + indexOffset;
- indices.push( a, b, c );
- groupCount += 3;
- }
- }
- }
- copy( source ) {
- super.copy( source );
- this.parameters = Object.assign( {}, source.parameters );
- return this;
- }
- toJSON() {
- const data = super.toJSON();
- const shapes = this.parameters.shapes;
- return toJSON( shapes, data );
- }
- static fromJSON( data, shapes ) {
- const geometryShapes = [];
- for ( let j = 0, jl = data.shapes.length; j < jl; j ++ ) {
- const shape = shapes[ data.shapes[ j ] ];
- geometryShapes.push( shape );
- }
- return new ShapeGeometry( geometryShapes, data.curveSegments );
- }
- }
- function toJSON( shapes, data ) {
- data.shapes = [];
- if ( Array.isArray( shapes ) ) {
- for ( let i = 0, l = shapes.length; i < l; i ++ ) {
- const shape = shapes[ i ];
- data.shapes.push( shape.uuid );
- }
- } else {
- data.shapes.push( shapes.uuid );
- }
- return data;
- }
- class SphereGeometry extends BufferGeometry {
- constructor( radius = 1, widthSegments = 32, heightSegments = 16, phiStart = 0, phiLength = Math.PI * 2, thetaStart = 0, thetaLength = Math.PI ) {
- super();
- this.type = 'SphereGeometry';
- this.parameters = {
- radius: radius,
- widthSegments: widthSegments,
- heightSegments: heightSegments,
- phiStart: phiStart,
- phiLength: phiLength,
- thetaStart: thetaStart,
- thetaLength: thetaLength
- };
- widthSegments = Math.max( 3, Math.floor( widthSegments ) );
- heightSegments = Math.max( 2, Math.floor( heightSegments ) );
- const thetaEnd = Math.min( thetaStart + thetaLength, Math.PI );
- let index = 0;
- const grid = [];
- const vertex = new Vector3();
- const normal = new Vector3();
- // buffers
- const indices = [];
- const vertices = [];
- const normals = [];
- const uvs = [];
- // generate vertices, normals and uvs
- for ( let iy = 0; iy <= heightSegments; iy ++ ) {
- const verticesRow = [];
- const v = iy / heightSegments;
- // special case for the poles
- let uOffset = 0;
- if ( iy === 0 && thetaStart === 0 ) {
- uOffset = 0.5 / widthSegments;
- } else if ( iy === heightSegments && thetaEnd === Math.PI ) {
- uOffset = - 0.5 / widthSegments;
- }
- for ( let ix = 0; ix <= widthSegments; ix ++ ) {
- const u = ix / widthSegments;
- // vertex
- vertex.x = - radius * Math.cos( phiStart + u * phiLength ) * Math.sin( thetaStart + v * thetaLength );
- vertex.y = radius * Math.cos( thetaStart + v * thetaLength );
- vertex.z = radius * Math.sin( phiStart + u * phiLength ) * Math.sin( thetaStart + v * thetaLength );
- vertices.push( vertex.x, vertex.y, vertex.z );
- // normal
- normal.copy( vertex ).normalize();
- normals.push( normal.x, normal.y, normal.z );
- // uv
- uvs.push( u + uOffset, 1 - v );
- verticesRow.push( index ++ );
- }
- grid.push( verticesRow );
- }
- // indices
- for ( let iy = 0; iy < heightSegments; iy ++ ) {
- for ( let ix = 0; ix < widthSegments; ix ++ ) {
- const a = grid[ iy ][ ix + 1 ];
- const b = grid[ iy ][ ix ];
- const c = grid[ iy + 1 ][ ix ];
- const d = grid[ iy + 1 ][ ix + 1 ];
- if ( iy !== 0 || thetaStart > 0 ) indices.push( a, b, d );
- if ( iy !== heightSegments - 1 || thetaEnd < Math.PI ) indices.push( b, c, d );
- }
- }
- // build geometry
- this.setIndex( indices );
- this.setAttribute( 'position', new Float32BufferAttribute( vertices, 3 ) );
- this.setAttribute( 'normal', new Float32BufferAttribute( normals, 3 ) );
- this.setAttribute( 'uv', new Float32BufferAttribute( uvs, 2 ) );
- }
- copy( source ) {
- super.copy( source );
- this.parameters = Object.assign( {}, source.parameters );
- return this;
- }
- static fromJSON( data ) {
- return new SphereGeometry( data.radius, data.widthSegments, data.heightSegments, data.phiStart, data.phiLength, data.thetaStart, data.thetaLength );
- }
- }
- class TetrahedronGeometry extends PolyhedronGeometry {
- constructor( radius = 1, detail = 0 ) {
- const vertices = [
- 1, 1, 1, - 1, - 1, 1, - 1, 1, - 1, 1, - 1, - 1
- ];
- const indices = [
- 2, 1, 0, 0, 3, 2, 1, 3, 0, 2, 3, 1
- ];
- super( vertices, indices, radius, detail );
- this.type = 'TetrahedronGeometry';
- this.parameters = {
- radius: radius,
- detail: detail
- };
- }
- static fromJSON( data ) {
- return new TetrahedronGeometry( data.radius, data.detail );
- }
- }
- class TorusGeometry extends BufferGeometry {
- constructor( radius = 1, tube = 0.4, radialSegments = 12, tubularSegments = 48, arc = Math.PI * 2 ) {
- super();
- this.type = 'TorusGeometry';
- this.parameters = {
- radius: radius,
- tube: tube,
- radialSegments: radialSegments,
- tubularSegments: tubularSegments,
- arc: arc
- };
- radialSegments = Math.floor( radialSegments );
- tubularSegments = Math.floor( tubularSegments );
- // buffers
- const indices = [];
- const vertices = [];
- const normals = [];
- const uvs = [];
- // helper variables
- const center = new Vector3();
- const vertex = new Vector3();
- const normal = new Vector3();
- // generate vertices, normals and uvs
- for ( let j = 0; j <= radialSegments; j ++ ) {
- for ( let i = 0; i <= tubularSegments; i ++ ) {
- const u = i / tubularSegments * arc;
- const v = j / radialSegments * Math.PI * 2;
- // vertex
- vertex.x = ( radius + tube * Math.cos( v ) ) * Math.cos( u );
- vertex.y = ( radius + tube * Math.cos( v ) ) * Math.sin( u );
- vertex.z = tube * Math.sin( v );
- vertices.push( vertex.x, vertex.y, vertex.z );
- // normal
- center.x = radius * Math.cos( u );
- center.y = radius * Math.sin( u );
- normal.subVectors( vertex, center ).normalize();
- normals.push( normal.x, normal.y, normal.z );
- // uv
- uvs.push( i / tubularSegments );
- uvs.push( j / radialSegments );
- }
- }
- // generate indices
- for ( let j = 1; j <= radialSegments; j ++ ) {
- for ( let i = 1; i <= tubularSegments; i ++ ) {
- // indices
- const a = ( tubularSegments + 1 ) * j + i - 1;
- const b = ( tubularSegments + 1 ) * ( j - 1 ) + i - 1;
- const c = ( tubularSegments + 1 ) * ( j - 1 ) + i;
- const d = ( tubularSegments + 1 ) * j + i;
- // faces
- indices.push( a, b, d );
- indices.push( b, c, d );
- }
- }
- // build geometry
- this.setIndex( indices );
- this.setAttribute( 'position', new Float32BufferAttribute( vertices, 3 ) );
- this.setAttribute( 'normal', new Float32BufferAttribute( normals, 3 ) );
- this.setAttribute( 'uv', new Float32BufferAttribute( uvs, 2 ) );
- }
- copy( source ) {
- super.copy( source );
- this.parameters = Object.assign( {}, source.parameters );
- return this;
- }
- static fromJSON( data ) {
- return new TorusGeometry( data.radius, data.tube, data.radialSegments, data.tubularSegments, data.arc );
- }
- }
- class TorusKnotGeometry extends BufferGeometry {
- constructor( radius = 1, tube = 0.4, tubularSegments = 64, radialSegments = 8, p = 2, q = 3 ) {
- super();
- this.type = 'TorusKnotGeometry';
- this.parameters = {
- radius: radius,
- tube: tube,
- tubularSegments: tubularSegments,
- radialSegments: radialSegments,
- p: p,
- q: q
- };
- tubularSegments = Math.floor( tubularSegments );
- radialSegments = Math.floor( radialSegments );
- // buffers
- const indices = [];
- const vertices = [];
- const normals = [];
- const uvs = [];
- // helper variables
- const vertex = new Vector3();
- const normal = new Vector3();
- const P1 = new Vector3();
- const P2 = new Vector3();
- const B = new Vector3();
- const T = new Vector3();
- const N = new Vector3();
- // generate vertices, normals and uvs
- for ( let i = 0; i <= tubularSegments; ++ i ) {
- // the radian "u" is used to calculate the position on the torus curve of the current tubular segment
- const u = i / tubularSegments * p * Math.PI * 2;
- // now we calculate two points. P1 is our current position on the curve, P2 is a little farther ahead.
- // these points are used to create a special "coordinate space", which is necessary to calculate the correct vertex positions
- calculatePositionOnCurve( u, p, q, radius, P1 );
- calculatePositionOnCurve( u + 0.01, p, q, radius, P2 );
- // calculate orthonormal basis
- T.subVectors( P2, P1 );
- N.addVectors( P2, P1 );
- B.crossVectors( T, N );
- N.crossVectors( B, T );
- // normalize B, N. T can be ignored, we don't use it
- B.normalize();
- N.normalize();
- for ( let j = 0; j <= radialSegments; ++ j ) {
- // now calculate the vertices. they are nothing more than an extrusion of the torus curve.
- // because we extrude a shape in the xy-plane, there is no need to calculate a z-value.
- const v = j / radialSegments * Math.PI * 2;
- const cx = - tube * Math.cos( v );
- const cy = tube * Math.sin( v );
- // now calculate the final vertex position.
- // first we orient the extrusion with our basis vectors, then we add it to the current position on the curve
- vertex.x = P1.x + ( cx * N.x + cy * B.x );
- vertex.y = P1.y + ( cx * N.y + cy * B.y );
- vertex.z = P1.z + ( cx * N.z + cy * B.z );
- vertices.push( vertex.x, vertex.y, vertex.z );
- // normal (P1 is always the center/origin of the extrusion, thus we can use it to calculate the normal)
- normal.subVectors( vertex, P1 ).normalize();
- normals.push( normal.x, normal.y, normal.z );
- // uv
- uvs.push( i / tubularSegments );
- uvs.push( j / radialSegments );
- }
- }
- // generate indices
- for ( let j = 1; j <= tubularSegments; j ++ ) {
- for ( let i = 1; i <= radialSegments; i ++ ) {
- // indices
- const a = ( radialSegments + 1 ) * ( j - 1 ) + ( i - 1 );
- const b = ( radialSegments + 1 ) * j + ( i - 1 );
- const c = ( radialSegments + 1 ) * j + i;
- const d = ( radialSegments + 1 ) * ( j - 1 ) + i;
- // faces
- indices.push( a, b, d );
- indices.push( b, c, d );
- }
- }
- // build geometry
- this.setIndex( indices );
- this.setAttribute( 'position', new Float32BufferAttribute( vertices, 3 ) );
- this.setAttribute( 'normal', new Float32BufferAttribute( normals, 3 ) );
- this.setAttribute( 'uv', new Float32BufferAttribute( uvs, 2 ) );
- // this function calculates the current position on the torus curve
- function calculatePositionOnCurve( u, p, q, radius, position ) {
- const cu = Math.cos( u );
- const su = Math.sin( u );
- const quOverP = q / p * u;
- const cs = Math.cos( quOverP );
- position.x = radius * ( 2 + cs ) * 0.5 * cu;
- position.y = radius * ( 2 + cs ) * su * 0.5;
- position.z = radius * Math.sin( quOverP ) * 0.5;
- }
- }
- copy( source ) {
- super.copy( source );
- this.parameters = Object.assign( {}, source.parameters );
- return this;
- }
- static fromJSON( data ) {
- return new TorusKnotGeometry( data.radius, data.tube, data.tubularSegments, data.radialSegments, data.p, data.q );
- }
- }
- class TubeGeometry extends BufferGeometry {
- constructor( path = new QuadraticBezierCurve3( new Vector3( - 1, - 1, 0 ), new Vector3( - 1, 1, 0 ), new Vector3( 1, 1, 0 ) ), tubularSegments = 64, radius = 1, radialSegments = 8, closed = false ) {
- super();
- this.type = 'TubeGeometry';
- this.parameters = {
- path: path,
- tubularSegments: tubularSegments,
- radius: radius,
- radialSegments: radialSegments,
- closed: closed
- };
- const frames = path.computeFrenetFrames( tubularSegments, closed );
- // expose internals
- this.tangents = frames.tangents;
- this.normals = frames.normals;
- this.binormals = frames.binormals;
- // helper variables
- const vertex = new Vector3();
- const normal = new Vector3();
- const uv = new Vector2();
- let P = new Vector3();
- // buffer
- const vertices = [];
- const normals = [];
- const uvs = [];
- const indices = [];
- // create buffer data
- generateBufferData();
- // build geometry
- this.setIndex( indices );
- this.setAttribute( 'position', new Float32BufferAttribute( vertices, 3 ) );
- this.setAttribute( 'normal', new Float32BufferAttribute( normals, 3 ) );
- this.setAttribute( 'uv', new Float32BufferAttribute( uvs, 2 ) );
- // functions
- function generateBufferData() {
- for ( let i = 0; i < tubularSegments; i ++ ) {
- generateSegment( i );
- }
- // if the geometry is not closed, generate the last row of vertices and normals
- // at the regular position on the given path
- //
- // if the geometry is closed, duplicate the first row of vertices and normals (uvs will differ)
- generateSegment( ( closed === false ) ? tubularSegments : 0 );
- // uvs are generated in a separate function.
- // this makes it easy compute correct values for closed geometries
- generateUVs();
- // finally create faces
- generateIndices();
- }
- function generateSegment( i ) {
- // we use getPointAt to sample evenly distributed points from the given path
- P = path.getPointAt( i / tubularSegments, P );
- // retrieve corresponding normal and binormal
- const N = frames.normals[ i ];
- const B = frames.binormals[ i ];
- // generate normals and vertices for the current segment
- for ( let j = 0; j <= radialSegments; j ++ ) {
- const v = j / radialSegments * Math.PI * 2;
- const sin = Math.sin( v );
- const cos = - Math.cos( v );
- // normal
- normal.x = ( cos * N.x + sin * B.x );
- normal.y = ( cos * N.y + sin * B.y );
- normal.z = ( cos * N.z + sin * B.z );
- normal.normalize();
- normals.push( normal.x, normal.y, normal.z );
- // vertex
- vertex.x = P.x + radius * normal.x;
- vertex.y = P.y + radius * normal.y;
- vertex.z = P.z + radius * normal.z;
- vertices.push( vertex.x, vertex.y, vertex.z );
- }
- }
- function generateIndices() {
- for ( let j = 1; j <= tubularSegments; j ++ ) {
- for ( let i = 1; i <= radialSegments; i ++ ) {
- const a = ( radialSegments + 1 ) * ( j - 1 ) + ( i - 1 );
- const b = ( radialSegments + 1 ) * j + ( i - 1 );
- const c = ( radialSegments + 1 ) * j + i;
- const d = ( radialSegments + 1 ) * ( j - 1 ) + i;
- // faces
- indices.push( a, b, d );
- indices.push( b, c, d );
- }
- }
- }
- function generateUVs() {
- for ( let i = 0; i <= tubularSegments; i ++ ) {
- for ( let j = 0; j <= radialSegments; j ++ ) {
- uv.x = i / tubularSegments;
- uv.y = j / radialSegments;
- uvs.push( uv.x, uv.y );
- }
- }
- }
- }
- copy( source ) {
- super.copy( source );
- this.parameters = Object.assign( {}, source.parameters );
- return this;
- }
- toJSON() {
- const data = super.toJSON();
- data.path = this.parameters.path.toJSON();
- return data;
- }
- static fromJSON( data ) {
- // This only works for built-in curves (e.g. CatmullRomCurve3).
- // User defined curves or instances of CurvePath will not be deserialized.
- return new TubeGeometry(
- new Curves[ data.path.type ]().fromJSON( data.path ),
- data.tubularSegments,
- data.radius,
- data.radialSegments,
- data.closed
- );
- }
- }
- class WireframeGeometry extends BufferGeometry {
- constructor( geometry = null ) {
- super();
- this.type = 'WireframeGeometry';
- this.parameters = {
- geometry: geometry
- };
- if ( geometry !== null ) {
- // buffer
- const vertices = [];
- const edges = new Set();
- // helper variables
- const start = new Vector3();
- const end = new Vector3();
- if ( geometry.index !== null ) {
- // indexed BufferGeometry
- const position = geometry.attributes.position;
- const indices = geometry.index;
- let groups = geometry.groups;
- if ( groups.length === 0 ) {
- groups = [ { start: 0, count: indices.count, materialIndex: 0 } ];
- }
- // create a data structure that contains all edges without duplicates
- for ( let o = 0, ol = groups.length; o < ol; ++ o ) {
- const group = groups[ o ];
- const groupStart = group.start;
- const groupCount = group.count;
- for ( let i = groupStart, l = ( groupStart + groupCount ); i < l; i += 3 ) {
- for ( let j = 0; j < 3; j ++ ) {
- const index1 = indices.getX( i + j );
- const index2 = indices.getX( i + ( j + 1 ) % 3 );
- start.fromBufferAttribute( position, index1 );
- end.fromBufferAttribute( position, index2 );
- if ( isUniqueEdge( start, end, edges ) === true ) {
- vertices.push( start.x, start.y, start.z );
- vertices.push( end.x, end.y, end.z );
- }
- }
- }
- }
- } else {
- // non-indexed BufferGeometry
- const position = geometry.attributes.position;
- for ( let i = 0, l = ( position.count / 3 ); i < l; i ++ ) {
- for ( let j = 0; j < 3; j ++ ) {
- // three edges per triangle, an edge is represented as (index1, index2)
- // e.g. the first triangle has the following edges: (0,1),(1,2),(2,0)
- const index1 = 3 * i + j;
- const index2 = 3 * i + ( ( j + 1 ) % 3 );
- start.fromBufferAttribute( position, index1 );
- end.fromBufferAttribute( position, index2 );
- if ( isUniqueEdge( start, end, edges ) === true ) {
- vertices.push( start.x, start.y, start.z );
- vertices.push( end.x, end.y, end.z );
- }
- }
- }
- }
- // build geometry
- this.setAttribute( 'position', new Float32BufferAttribute( vertices, 3 ) );
- }
- }
- copy( source ) {
- super.copy( source );
- this.parameters = Object.assign( {}, source.parameters );
- return this;
- }
- }
- function isUniqueEdge( start, end, edges ) {
- const hash1 = `${start.x},${start.y},${start.z}-${end.x},${end.y},${end.z}`;
- const hash2 = `${end.x},${end.y},${end.z}-${start.x},${start.y},${start.z}`; // coincident edge
- if ( edges.has( hash1 ) === true || edges.has( hash2 ) === true ) {
- return false;
- } else {
- edges.add( hash1 );
- edges.add( hash2 );
- return true;
- }
- }
- var Geometries$1 = /*#__PURE__*/Object.freeze({
- __proto__: null,
- BoxGeometry: BoxGeometry,
- CapsuleGeometry: CapsuleGeometry,
- CircleGeometry: CircleGeometry,
- ConeGeometry: ConeGeometry,
- CylinderGeometry: CylinderGeometry,
- DodecahedronGeometry: DodecahedronGeometry,
- EdgesGeometry: EdgesGeometry,
- ExtrudeGeometry: ExtrudeGeometry,
- IcosahedronGeometry: IcosahedronGeometry,
- LatheGeometry: LatheGeometry,
- OctahedronGeometry: OctahedronGeometry,
- PlaneGeometry: PlaneGeometry,
- PolyhedronGeometry: PolyhedronGeometry,
- RingGeometry: RingGeometry,
- ShapeGeometry: ShapeGeometry,
- SphereGeometry: SphereGeometry,
- TetrahedronGeometry: TetrahedronGeometry,
- TorusGeometry: TorusGeometry,
- TorusKnotGeometry: TorusKnotGeometry,
- TubeGeometry: TubeGeometry,
- WireframeGeometry: WireframeGeometry
- });
- class ShadowMaterial extends Material {
- constructor( parameters ) {
- super();
- this.isShadowMaterial = true;
- this.type = 'ShadowMaterial';
- this.color = new Color( 0x000000 );
- this.transparent = true;
- this.fog = true;
- this.setValues( parameters );
- }
- copy( source ) {
- super.copy( source );
- this.color.copy( source.color );
- this.fog = source.fog;
- return this;
- }
- }
- class RawShaderMaterial extends ShaderMaterial {
- constructor( parameters ) {
- super( parameters );
- this.isRawShaderMaterial = true;
- this.type = 'RawShaderMaterial';
- }
- }
- class MeshStandardMaterial extends Material {
- constructor( parameters ) {
- super();
- this.isMeshStandardMaterial = true;
- this.defines = { 'STANDARD': '' };
- this.type = 'MeshStandardMaterial';
- this.color = new Color( 0xffffff ); // diffuse
- this.roughness = 1.0;
- this.metalness = 0.0;
- this.map = null;
- this.lightMap = null;
- this.lightMapIntensity = 1.0;
- this.aoMap = null;
- this.aoMapIntensity = 1.0;
- this.emissive = new Color( 0x000000 );
- this.emissiveIntensity = 1.0;
- this.emissiveMap = null;
- this.bumpMap = null;
- this.bumpScale = 1;
- this.normalMap = null;
- this.normalMapType = TangentSpaceNormalMap;
- this.normalScale = new Vector2( 1, 1 );
- this.displacementMap = null;
- this.displacementScale = 1;
- this.displacementBias = 0;
- this.roughnessMap = null;
- this.metalnessMap = null;
- this.alphaMap = null;
- this.envMap = null;
- this.envMapRotation = new Euler();
- this.envMapIntensity = 1.0;
- this.wireframe = false;
- this.wireframeLinewidth = 1;
- this.wireframeLinecap = 'round';
- this.wireframeLinejoin = 'round';
- this.flatShading = false;
- this.fog = true;
- this.setValues( parameters );
- }
- copy( source ) {
- super.copy( source );
- this.defines = { 'STANDARD': '' };
- this.color.copy( source.color );
- this.roughness = source.roughness;
- this.metalness = source.metalness;
- this.map = source.map;
- this.lightMap = source.lightMap;
- this.lightMapIntensity = source.lightMapIntensity;
- this.aoMap = source.aoMap;
- this.aoMapIntensity = source.aoMapIntensity;
- this.emissive.copy( source.emissive );
- this.emissiveMap = source.emissiveMap;
- this.emissiveIntensity = source.emissiveIntensity;
- this.bumpMap = source.bumpMap;
- this.bumpScale = source.bumpScale;
- this.normalMap = source.normalMap;
- this.normalMapType = source.normalMapType;
- this.normalScale.copy( source.normalScale );
- this.displacementMap = source.displacementMap;
- this.displacementScale = source.displacementScale;
- this.displacementBias = source.displacementBias;
- this.roughnessMap = source.roughnessMap;
- this.metalnessMap = source.metalnessMap;
- this.alphaMap = source.alphaMap;
- this.envMap = source.envMap;
- this.envMapRotation.copy( source.envMapRotation );
- this.envMapIntensity = source.envMapIntensity;
- this.wireframe = source.wireframe;
- this.wireframeLinewidth = source.wireframeLinewidth;
- this.wireframeLinecap = source.wireframeLinecap;
- this.wireframeLinejoin = source.wireframeLinejoin;
- this.flatShading = source.flatShading;
- this.fog = source.fog;
- return this;
- }
- }
- class MeshPhysicalMaterial extends MeshStandardMaterial {
- constructor( parameters ) {
- super();
- this.isMeshPhysicalMaterial = true;
- this.defines = {
- 'STANDARD': '',
- 'PHYSICAL': ''
- };
- this.type = 'MeshPhysicalMaterial';
- this.anisotropyRotation = 0;
- this.anisotropyMap = null;
- this.clearcoatMap = null;
- this.clearcoatRoughness = 0.0;
- this.clearcoatRoughnessMap = null;
- this.clearcoatNormalScale = new Vector2( 1, 1 );
- this.clearcoatNormalMap = null;
- this.ior = 1.5;
- Object.defineProperty( this, 'reflectivity', {
- get: function () {
- return ( clamp$1( 2.5 * ( this.ior - 1 ) / ( this.ior + 1 ), 0, 1 ) );
- },
- set: function ( reflectivity ) {
- this.ior = ( 1 + 0.4 * reflectivity ) / ( 1 - 0.4 * reflectivity );
- }
- } );
- this.iridescenceMap = null;
- this.iridescenceIOR = 1.3;
- this.iridescenceThicknessRange = [ 100, 400 ];
- this.iridescenceThicknessMap = null;
- this.sheenColor = new Color( 0x000000 );
- this.sheenColorMap = null;
- this.sheenRoughness = 1.0;
- this.sheenRoughnessMap = null;
- this.transmissionMap = null;
- this.thickness = 0;
- this.thicknessMap = null;
- this.attenuationDistance = Infinity;
- this.attenuationColor = new Color( 1, 1, 1 );
- this.specularIntensity = 1.0;
- this.specularIntensityMap = null;
- this.specularColor = new Color( 1, 1, 1 );
- this.specularColorMap = null;
- this._anisotropy = 0;
- this._clearcoat = 0;
- this._dispersion = 0;
- this._iridescence = 0;
- this._sheen = 0.0;
- this._transmission = 0;
- this.setValues( parameters );
- }
- get anisotropy() {
- return this._anisotropy;
- }
- set anisotropy( value ) {
- if ( this._anisotropy > 0 !== value > 0 ) {
- this.version ++;
- }
- this._anisotropy = value;
- }
- get clearcoat() {
- return this._clearcoat;
- }
- set clearcoat( value ) {
- if ( this._clearcoat > 0 !== value > 0 ) {
- this.version ++;
- }
- this._clearcoat = value;
- }
- get iridescence() {
- return this._iridescence;
- }
- set iridescence( value ) {
- if ( this._iridescence > 0 !== value > 0 ) {
- this.version ++;
- }
- this._iridescence = value;
- }
- get dispersion() {
- return this._dispersion;
- }
- set dispersion( value ) {
- if ( this._dispersion > 0 !== value > 0 ) {
- this.version ++;
- }
- this._dispersion = value;
- }
- get sheen() {
- return this._sheen;
- }
- set sheen( value ) {
- if ( this._sheen > 0 !== value > 0 ) {
- this.version ++;
- }
- this._sheen = value;
- }
- get transmission() {
- return this._transmission;
- }
- set transmission( value ) {
- if ( this._transmission > 0 !== value > 0 ) {
- this.version ++;
- }
- this._transmission = value;
- }
- copy( source ) {
- super.copy( source );
- this.defines = {
- 'STANDARD': '',
- 'PHYSICAL': ''
- };
- this.anisotropy = source.anisotropy;
- this.anisotropyRotation = source.anisotropyRotation;
- this.anisotropyMap = source.anisotropyMap;
- this.clearcoat = source.clearcoat;
- this.clearcoatMap = source.clearcoatMap;
- this.clearcoatRoughness = source.clearcoatRoughness;
- this.clearcoatRoughnessMap = source.clearcoatRoughnessMap;
- this.clearcoatNormalMap = source.clearcoatNormalMap;
- this.clearcoatNormalScale.copy( source.clearcoatNormalScale );
- this.dispersion = source.dispersion;
- this.ior = source.ior;
- this.iridescence = source.iridescence;
- this.iridescenceMap = source.iridescenceMap;
- this.iridescenceIOR = source.iridescenceIOR;
- this.iridescenceThicknessRange = [ ...source.iridescenceThicknessRange ];
- this.iridescenceThicknessMap = source.iridescenceThicknessMap;
- this.sheen = source.sheen;
- this.sheenColor.copy( source.sheenColor );
- this.sheenColorMap = source.sheenColorMap;
- this.sheenRoughness = source.sheenRoughness;
- this.sheenRoughnessMap = source.sheenRoughnessMap;
- this.transmission = source.transmission;
- this.transmissionMap = source.transmissionMap;
- this.thickness = source.thickness;
- this.thicknessMap = source.thicknessMap;
- this.attenuationDistance = source.attenuationDistance;
- this.attenuationColor.copy( source.attenuationColor );
- this.specularIntensity = source.specularIntensity;
- this.specularIntensityMap = source.specularIntensityMap;
- this.specularColor.copy( source.specularColor );
- this.specularColorMap = source.specularColorMap;
- return this;
- }
- }
- class MeshPhongMaterial extends Material {
- constructor( parameters ) {
- super();
- this.isMeshPhongMaterial = true;
- this.type = 'MeshPhongMaterial';
- this.color = new Color( 0xffffff ); // diffuse
- this.specular = new Color( 0x111111 );
- this.shininess = 30;
- this.map = null;
- this.lightMap = null;
- this.lightMapIntensity = 1.0;
- this.aoMap = null;
- this.aoMapIntensity = 1.0;
- this.emissive = new Color( 0x000000 );
- this.emissiveIntensity = 1.0;
- this.emissiveMap = null;
- this.bumpMap = null;
- this.bumpScale = 1;
- this.normalMap = null;
- this.normalMapType = TangentSpaceNormalMap;
- this.normalScale = new Vector2( 1, 1 );
- this.displacementMap = null;
- this.displacementScale = 1;
- this.displacementBias = 0;
- this.specularMap = null;
- this.alphaMap = null;
- this.envMap = null;
- this.envMapRotation = new Euler();
- this.combine = MultiplyOperation;
- this.reflectivity = 1;
- this.refractionRatio = 0.98;
- this.wireframe = false;
- this.wireframeLinewidth = 1;
- this.wireframeLinecap = 'round';
- this.wireframeLinejoin = 'round';
- this.flatShading = false;
- this.fog = true;
- this.setValues( parameters );
- }
- copy( source ) {
- super.copy( source );
- this.color.copy( source.color );
- this.specular.copy( source.specular );
- this.shininess = source.shininess;
- this.map = source.map;
- this.lightMap = source.lightMap;
- this.lightMapIntensity = source.lightMapIntensity;
- this.aoMap = source.aoMap;
- this.aoMapIntensity = source.aoMapIntensity;
- this.emissive.copy( source.emissive );
- this.emissiveMap = source.emissiveMap;
- this.emissiveIntensity = source.emissiveIntensity;
- this.bumpMap = source.bumpMap;
- this.bumpScale = source.bumpScale;
- this.normalMap = source.normalMap;
- this.normalMapType = source.normalMapType;
- this.normalScale.copy( source.normalScale );
- this.displacementMap = source.displacementMap;
- this.displacementScale = source.displacementScale;
- this.displacementBias = source.displacementBias;
- this.specularMap = source.specularMap;
- this.alphaMap = source.alphaMap;
- this.envMap = source.envMap;
- this.envMapRotation.copy( source.envMapRotation );
- this.combine = source.combine;
- this.reflectivity = source.reflectivity;
- this.refractionRatio = source.refractionRatio;
- this.wireframe = source.wireframe;
- this.wireframeLinewidth = source.wireframeLinewidth;
- this.wireframeLinecap = source.wireframeLinecap;
- this.wireframeLinejoin = source.wireframeLinejoin;
- this.flatShading = source.flatShading;
- this.fog = source.fog;
- return this;
- }
- }
- class MeshToonMaterial extends Material {
- constructor( parameters ) {
- super();
- this.isMeshToonMaterial = true;
- this.defines = { 'TOON': '' };
- this.type = 'MeshToonMaterial';
- this.color = new Color( 0xffffff );
- this.map = null;
- this.gradientMap = null;
- this.lightMap = null;
- this.lightMapIntensity = 1.0;
- this.aoMap = null;
- this.aoMapIntensity = 1.0;
- this.emissive = new Color( 0x000000 );
- this.emissiveIntensity = 1.0;
- this.emissiveMap = null;
- this.bumpMap = null;
- this.bumpScale = 1;
- this.normalMap = null;
- this.normalMapType = TangentSpaceNormalMap;
- this.normalScale = new Vector2( 1, 1 );
- this.displacementMap = null;
- this.displacementScale = 1;
- this.displacementBias = 0;
- this.alphaMap = null;
- this.wireframe = false;
- this.wireframeLinewidth = 1;
- this.wireframeLinecap = 'round';
- this.wireframeLinejoin = 'round';
- this.fog = true;
- this.setValues( parameters );
- }
- copy( source ) {
- super.copy( source );
- this.color.copy( source.color );
- this.map = source.map;
- this.gradientMap = source.gradientMap;
- this.lightMap = source.lightMap;
- this.lightMapIntensity = source.lightMapIntensity;
- this.aoMap = source.aoMap;
- this.aoMapIntensity = source.aoMapIntensity;
- this.emissive.copy( source.emissive );
- this.emissiveMap = source.emissiveMap;
- this.emissiveIntensity = source.emissiveIntensity;
- this.bumpMap = source.bumpMap;
- this.bumpScale = source.bumpScale;
- this.normalMap = source.normalMap;
- this.normalMapType = source.normalMapType;
- this.normalScale.copy( source.normalScale );
- this.displacementMap = source.displacementMap;
- this.displacementScale = source.displacementScale;
- this.displacementBias = source.displacementBias;
- this.alphaMap = source.alphaMap;
- this.wireframe = source.wireframe;
- this.wireframeLinewidth = source.wireframeLinewidth;
- this.wireframeLinecap = source.wireframeLinecap;
- this.wireframeLinejoin = source.wireframeLinejoin;
- this.fog = source.fog;
- return this;
- }
- }
- class MeshNormalMaterial extends Material {
- constructor( parameters ) {
- super();
- this.isMeshNormalMaterial = true;
- this.type = 'MeshNormalMaterial';
- this.bumpMap = null;
- this.bumpScale = 1;
- this.normalMap = null;
- this.normalMapType = TangentSpaceNormalMap;
- this.normalScale = new Vector2( 1, 1 );
- this.displacementMap = null;
- this.displacementScale = 1;
- this.displacementBias = 0;
- this.wireframe = false;
- this.wireframeLinewidth = 1;
- this.flatShading = false;
- this.setValues( parameters );
- }
- copy( source ) {
- super.copy( source );
- this.bumpMap = source.bumpMap;
- this.bumpScale = source.bumpScale;
- this.normalMap = source.normalMap;
- this.normalMapType = source.normalMapType;
- this.normalScale.copy( source.normalScale );
- this.displacementMap = source.displacementMap;
- this.displacementScale = source.displacementScale;
- this.displacementBias = source.displacementBias;
- this.wireframe = source.wireframe;
- this.wireframeLinewidth = source.wireframeLinewidth;
- this.flatShading = source.flatShading;
- return this;
- }
- }
- class MeshLambertMaterial extends Material {
- constructor( parameters ) {
- super();
- this.isMeshLambertMaterial = true;
- this.type = 'MeshLambertMaterial';
- this.color = new Color( 0xffffff ); // diffuse
- this.map = null;
- this.lightMap = null;
- this.lightMapIntensity = 1.0;
- this.aoMap = null;
- this.aoMapIntensity = 1.0;
- this.emissive = new Color( 0x000000 );
- this.emissiveIntensity = 1.0;
- this.emissiveMap = null;
- this.bumpMap = null;
- this.bumpScale = 1;
- this.normalMap = null;
- this.normalMapType = TangentSpaceNormalMap;
- this.normalScale = new Vector2( 1, 1 );
- this.displacementMap = null;
- this.displacementScale = 1;
- this.displacementBias = 0;
- this.specularMap = null;
- this.alphaMap = null;
- this.envMap = null;
- this.envMapRotation = new Euler();
- this.combine = MultiplyOperation;
- this.reflectivity = 1;
- this.refractionRatio = 0.98;
- this.wireframe = false;
- this.wireframeLinewidth = 1;
- this.wireframeLinecap = 'round';
- this.wireframeLinejoin = 'round';
- this.flatShading = false;
- this.fog = true;
- this.setValues( parameters );
- }
- copy( source ) {
- super.copy( source );
- this.color.copy( source.color );
- this.map = source.map;
- this.lightMap = source.lightMap;
- this.lightMapIntensity = source.lightMapIntensity;
- this.aoMap = source.aoMap;
- this.aoMapIntensity = source.aoMapIntensity;
- this.emissive.copy( source.emissive );
- this.emissiveMap = source.emissiveMap;
- this.emissiveIntensity = source.emissiveIntensity;
- this.bumpMap = source.bumpMap;
- this.bumpScale = source.bumpScale;
- this.normalMap = source.normalMap;
- this.normalMapType = source.normalMapType;
- this.normalScale.copy( source.normalScale );
- this.displacementMap = source.displacementMap;
- this.displacementScale = source.displacementScale;
- this.displacementBias = source.displacementBias;
- this.specularMap = source.specularMap;
- this.alphaMap = source.alphaMap;
- this.envMap = source.envMap;
- this.envMapRotation.copy( source.envMapRotation );
- this.combine = source.combine;
- this.reflectivity = source.reflectivity;
- this.refractionRatio = source.refractionRatio;
- this.wireframe = source.wireframe;
- this.wireframeLinewidth = source.wireframeLinewidth;
- this.wireframeLinecap = source.wireframeLinecap;
- this.wireframeLinejoin = source.wireframeLinejoin;
- this.flatShading = source.flatShading;
- this.fog = source.fog;
- return this;
- }
- }
- class MeshDepthMaterial extends Material {
- constructor( parameters ) {
- super();
- this.isMeshDepthMaterial = true;
- this.type = 'MeshDepthMaterial';
- this.depthPacking = BasicDepthPacking;
- this.map = null;
- this.alphaMap = null;
- this.displacementMap = null;
- this.displacementScale = 1;
- this.displacementBias = 0;
- this.wireframe = false;
- this.wireframeLinewidth = 1;
- this.setValues( parameters );
- }
- copy( source ) {
- super.copy( source );
- this.depthPacking = source.depthPacking;
- this.map = source.map;
- this.alphaMap = source.alphaMap;
- this.displacementMap = source.displacementMap;
- this.displacementScale = source.displacementScale;
- this.displacementBias = source.displacementBias;
- this.wireframe = source.wireframe;
- this.wireframeLinewidth = source.wireframeLinewidth;
- return this;
- }
- }
- class MeshDistanceMaterial extends Material {
- constructor( parameters ) {
- super();
- this.isMeshDistanceMaterial = true;
- this.type = 'MeshDistanceMaterial';
- this.map = null;
- this.alphaMap = null;
- this.displacementMap = null;
- this.displacementScale = 1;
- this.displacementBias = 0;
- this.setValues( parameters );
- }
- copy( source ) {
- super.copy( source );
- this.map = source.map;
- this.alphaMap = source.alphaMap;
- this.displacementMap = source.displacementMap;
- this.displacementScale = source.displacementScale;
- this.displacementBias = source.displacementBias;
- return this;
- }
- }
- class MeshMatcapMaterial extends Material {
- constructor( parameters ) {
- super();
- this.isMeshMatcapMaterial = true;
- this.defines = { 'MATCAP': '' };
- this.type = 'MeshMatcapMaterial';
- this.color = new Color( 0xffffff ); // diffuse
- this.matcap = null;
- this.map = null;
- this.bumpMap = null;
- this.bumpScale = 1;
- this.normalMap = null;
- this.normalMapType = TangentSpaceNormalMap;
- this.normalScale = new Vector2( 1, 1 );
- this.displacementMap = null;
- this.displacementScale = 1;
- this.displacementBias = 0;
- this.alphaMap = null;
- this.flatShading = false;
- this.fog = true;
- this.setValues( parameters );
- }
- copy( source ) {
- super.copy( source );
- this.defines = { 'MATCAP': '' };
- this.color.copy( source.color );
- this.matcap = source.matcap;
- this.map = source.map;
- this.bumpMap = source.bumpMap;
- this.bumpScale = source.bumpScale;
- this.normalMap = source.normalMap;
- this.normalMapType = source.normalMapType;
- this.normalScale.copy( source.normalScale );
- this.displacementMap = source.displacementMap;
- this.displacementScale = source.displacementScale;
- this.displacementBias = source.displacementBias;
- this.alphaMap = source.alphaMap;
- this.flatShading = source.flatShading;
- this.fog = source.fog;
- return this;
- }
- }
- class LineDashedMaterial extends LineBasicMaterial {
- constructor( parameters ) {
- super();
- this.isLineDashedMaterial = true;
- this.type = 'LineDashedMaterial';
- this.scale = 1;
- this.dashSize = 3;
- this.gapSize = 1;
- this.setValues( parameters );
- }
- copy( source ) {
- super.copy( source );
- this.scale = source.scale;
- this.dashSize = source.dashSize;
- this.gapSize = source.gapSize;
- return this;
- }
- }
- // converts an array to a specific type
- function convertArray( array, type, forceClone ) {
- if ( ! array || // let 'undefined' and 'null' pass
- ! forceClone && array.constructor === type ) return array;
- if ( typeof type.BYTES_PER_ELEMENT === 'number' ) {
- return new type( array ); // create typed array
- }
- return Array.prototype.slice.call( array ); // create Array
- }
- function isTypedArray( object ) {
- return ArrayBuffer.isView( object ) &&
- ! ( object instanceof DataView );
- }
- // returns an array by which times and values can be sorted
- function getKeyframeOrder( times ) {
- function compareTime( i, j ) {
- return times[ i ] - times[ j ];
- }
- const n = times.length;
- const result = new Array( n );
- for ( let i = 0; i !== n; ++ i ) result[ i ] = i;
- result.sort( compareTime );
- return result;
- }
- // uses the array previously returned by 'getKeyframeOrder' to sort data
- function sortedArray( values, stride, order ) {
- const nValues = values.length;
- const result = new values.constructor( nValues );
- for ( let i = 0, dstOffset = 0; dstOffset !== nValues; ++ i ) {
- const srcOffset = order[ i ] * stride;
- for ( let j = 0; j !== stride; ++ j ) {
- result[ dstOffset ++ ] = values[ srcOffset + j ];
- }
- }
- return result;
- }
- // function for parsing AOS keyframe formats
- function flattenJSON( jsonKeys, times, values, valuePropertyName ) {
- let i = 1, key = jsonKeys[ 0 ];
- while ( key !== undefined && key[ valuePropertyName ] === undefined ) {
- key = jsonKeys[ i ++ ];
- }
- if ( key === undefined ) return; // no data
- let value = key[ valuePropertyName ];
- if ( value === undefined ) return; // no data
- if ( Array.isArray( value ) ) {
- do {
- value = key[ valuePropertyName ];
- if ( value !== undefined ) {
- times.push( key.time );
- values.push.apply( values, value ); // push all elements
- }
- key = jsonKeys[ i ++ ];
- } while ( key !== undefined );
- } else if ( value.toArray !== undefined ) {
- // ...assume THREE.Math-ish
- do {
- value = key[ valuePropertyName ];
- if ( value !== undefined ) {
- times.push( key.time );
- value.toArray( values, values.length );
- }
- key = jsonKeys[ i ++ ];
- } while ( key !== undefined );
- } else {
- // otherwise push as-is
- do {
- value = key[ valuePropertyName ];
- if ( value !== undefined ) {
- times.push( key.time );
- values.push( value );
- }
- key = jsonKeys[ i ++ ];
- } while ( key !== undefined );
- }
- }
- function subclip( sourceClip, name, startFrame, endFrame, fps = 30 ) {
- const clip = sourceClip.clone();
- clip.name = name;
- const tracks = [];
- for ( let i = 0; i < clip.tracks.length; ++ i ) {
- const track = clip.tracks[ i ];
- const valueSize = track.getValueSize();
- const times = [];
- const values = [];
- for ( let j = 0; j < track.times.length; ++ j ) {
- const frame = track.times[ j ] * fps;
- if ( frame < startFrame || frame >= endFrame ) continue;
- times.push( track.times[ j ] );
- for ( let k = 0; k < valueSize; ++ k ) {
- values.push( track.values[ j * valueSize + k ] );
- }
- }
- if ( times.length === 0 ) continue;
- track.times = convertArray( times, track.times.constructor );
- track.values = convertArray( values, track.values.constructor );
- tracks.push( track );
- }
- clip.tracks = tracks;
- // find minimum .times value across all tracks in the trimmed clip
- let minStartTime = Infinity;
- for ( let i = 0; i < clip.tracks.length; ++ i ) {
- if ( minStartTime > clip.tracks[ i ].times[ 0 ] ) {
- minStartTime = clip.tracks[ i ].times[ 0 ];
- }
- }
- // shift all tracks such that clip begins at t=0
- for ( let i = 0; i < clip.tracks.length; ++ i ) {
- clip.tracks[ i ].shift( - 1 * minStartTime );
- }
- clip.resetDuration();
- return clip;
- }
- function makeClipAdditive( targetClip, referenceFrame = 0, referenceClip = targetClip, fps = 30 ) {
- if ( fps <= 0 ) fps = 30;
- const numTracks = referenceClip.tracks.length;
- const referenceTime = referenceFrame / fps;
- // Make each track's values relative to the values at the reference frame
- for ( let i = 0; i < numTracks; ++ i ) {
- const referenceTrack = referenceClip.tracks[ i ];
- const referenceTrackType = referenceTrack.ValueTypeName;
- // Skip this track if it's non-numeric
- if ( referenceTrackType === 'bool' || referenceTrackType === 'string' ) continue;
- // Find the track in the target clip whose name and type matches the reference track
- const targetTrack = targetClip.tracks.find( function ( track ) {
- return track.name === referenceTrack.name
- && track.ValueTypeName === referenceTrackType;
- } );
- if ( targetTrack === undefined ) continue;
- let referenceOffset = 0;
- const referenceValueSize = referenceTrack.getValueSize();
- if ( referenceTrack.createInterpolant.isInterpolantFactoryMethodGLTFCubicSpline ) {
- referenceOffset = referenceValueSize / 3;
- }
- let targetOffset = 0;
- const targetValueSize = targetTrack.getValueSize();
- if ( targetTrack.createInterpolant.isInterpolantFactoryMethodGLTFCubicSpline ) {
- targetOffset = targetValueSize / 3;
- }
- const lastIndex = referenceTrack.times.length - 1;
- let referenceValue;
- // Find the value to subtract out of the track
- if ( referenceTime <= referenceTrack.times[ 0 ] ) {
- // Reference frame is earlier than the first keyframe, so just use the first keyframe
- const startIndex = referenceOffset;
- const endIndex = referenceValueSize - referenceOffset;
- referenceValue = referenceTrack.values.slice( startIndex, endIndex );
- } else if ( referenceTime >= referenceTrack.times[ lastIndex ] ) {
- // Reference frame is after the last keyframe, so just use the last keyframe
- const startIndex = lastIndex * referenceValueSize + referenceOffset;
- const endIndex = startIndex + referenceValueSize - referenceOffset;
- referenceValue = referenceTrack.values.slice( startIndex, endIndex );
- } else {
- // Interpolate to the reference value
- const interpolant = referenceTrack.createInterpolant();
- const startIndex = referenceOffset;
- const endIndex = referenceValueSize - referenceOffset;
- interpolant.evaluate( referenceTime );
- referenceValue = interpolant.resultBuffer.slice( startIndex, endIndex );
- }
- // Conjugate the quaternion
- if ( referenceTrackType === 'quaternion' ) {
- const referenceQuat = new Quaternion().fromArray( referenceValue ).normalize().conjugate();
- referenceQuat.toArray( referenceValue );
- }
- // Subtract the reference value from all of the track values
- const numTimes = targetTrack.times.length;
- for ( let j = 0; j < numTimes; ++ j ) {
- const valueStart = j * targetValueSize + targetOffset;
- if ( referenceTrackType === 'quaternion' ) {
- // Multiply the conjugate for quaternion track types
- Quaternion.multiplyQuaternionsFlat(
- targetTrack.values,
- valueStart,
- referenceValue,
- 0,
- targetTrack.values,
- valueStart
- );
- } else {
- const valueEnd = targetValueSize - targetOffset * 2;
- // Subtract each value for all other numeric track types
- for ( let k = 0; k < valueEnd; ++ k ) {
- targetTrack.values[ valueStart + k ] -= referenceValue[ k ];
- }
- }
- }
- }
- targetClip.blendMode = AdditiveAnimationBlendMode;
- return targetClip;
- }
- const AnimationUtils = {
- convertArray: convertArray,
- isTypedArray: isTypedArray,
- getKeyframeOrder: getKeyframeOrder,
- sortedArray: sortedArray,
- flattenJSON: flattenJSON,
- subclip: subclip,
- makeClipAdditive: makeClipAdditive
- };
- /**
- * Abstract base class of interpolants over parametric samples.
- *
- * The parameter domain is one dimensional, typically the time or a path
- * along a curve defined by the data.
- *
- * The sample values can have any dimensionality and derived classes may
- * apply special interpretations to the data.
- *
- * This class provides the interval seek in a Template Method, deferring
- * the actual interpolation to derived classes.
- *
- * Time complexity is O(1) for linear access crossing at most two points
- * and O(log N) for random access, where N is the number of positions.
- *
- * References:
- *
- * http://www.oodesign.com/template-method-pattern.html
- *
- */
- class Interpolant {
- constructor( parameterPositions, sampleValues, sampleSize, resultBuffer ) {
- this.parameterPositions = parameterPositions;
- this._cachedIndex = 0;
- this.resultBuffer = resultBuffer !== undefined ?
- resultBuffer : new sampleValues.constructor( sampleSize );
- this.sampleValues = sampleValues;
- this.valueSize = sampleSize;
- this.settings = null;
- this.DefaultSettings_ = {};
- }
- evaluate( t ) {
- const pp = this.parameterPositions;
- let i1 = this._cachedIndex,
- t1 = pp[ i1 ],
- t0 = pp[ i1 - 1 ];
- validate_interval: {
- seek: {
- let right;
- linear_scan: {
- //- See http://jsperf.com/comparison-to-undefined/3
- //- slower code:
- //-
- //- if ( t >= t1 || t1 === undefined ) {
- forward_scan: if ( ! ( t < t1 ) ) {
- for ( let giveUpAt = i1 + 2; ; ) {
- if ( t1 === undefined ) {
- if ( t < t0 ) break forward_scan;
- // after end
- i1 = pp.length;
- this._cachedIndex = i1;
- return this.copySampleValue_( i1 - 1 );
- }
- if ( i1 === giveUpAt ) break; // this loop
- t0 = t1;
- t1 = pp[ ++ i1 ];
- if ( t < t1 ) {
- // we have arrived at the sought interval
- break seek;
- }
- }
- // prepare binary search on the right side of the index
- right = pp.length;
- break linear_scan;
- }
- //- slower code:
- //- if ( t < t0 || t0 === undefined ) {
- if ( ! ( t >= t0 ) ) {
- // looping?
- const t1global = pp[ 1 ];
- if ( t < t1global ) {
- i1 = 2; // + 1, using the scan for the details
- t0 = t1global;
- }
- // linear reverse scan
- for ( let giveUpAt = i1 - 2; ; ) {
- if ( t0 === undefined ) {
- // before start
- this._cachedIndex = 0;
- return this.copySampleValue_( 0 );
- }
- if ( i1 === giveUpAt ) break; // this loop
- t1 = t0;
- t0 = pp[ -- i1 - 1 ];
- if ( t >= t0 ) {
- // we have arrived at the sought interval
- break seek;
- }
- }
- // prepare binary search on the left side of the index
- right = i1;
- i1 = 0;
- break linear_scan;
- }
- // the interval is valid
- break validate_interval;
- } // linear scan
- // binary search
- while ( i1 < right ) {
- const mid = ( i1 + right ) >>> 1;
- if ( t < pp[ mid ] ) {
- right = mid;
- } else {
- i1 = mid + 1;
- }
- }
- t1 = pp[ i1 ];
- t0 = pp[ i1 - 1 ];
- // check boundary cases, again
- if ( t0 === undefined ) {
- this._cachedIndex = 0;
- return this.copySampleValue_( 0 );
- }
- if ( t1 === undefined ) {
- i1 = pp.length;
- this._cachedIndex = i1;
- return this.copySampleValue_( i1 - 1 );
- }
- } // seek
- this._cachedIndex = i1;
- this.intervalChanged_( i1, t0, t1 );
- } // validate_interval
- return this.interpolate_( i1, t0, t, t1 );
- }
- getSettings_() {
- return this.settings || this.DefaultSettings_;
- }
- copySampleValue_( index ) {
- // copies a sample value to the result buffer
- const result = this.resultBuffer,
- values = this.sampleValues,
- stride = this.valueSize,
- offset = index * stride;
- for ( let i = 0; i !== stride; ++ i ) {
- result[ i ] = values[ offset + i ];
- }
- return result;
- }
- // Template methods for derived classes:
- interpolate_( /* i1, t0, t, t1 */ ) {
- throw new Error( 'call to abstract method' );
- // implementations shall return this.resultBuffer
- }
- intervalChanged_( /* i1, t0, t1 */ ) {
- // empty
- }
- }
- /**
- * Fast and simple cubic spline interpolant.
- *
- * It was derived from a Hermitian construction setting the first derivative
- * at each sample position to the linear slope between neighboring positions
- * over their parameter interval.
- */
- class CubicInterpolant extends Interpolant {
- constructor( parameterPositions, sampleValues, sampleSize, resultBuffer ) {
- super( parameterPositions, sampleValues, sampleSize, resultBuffer );
- this._weightPrev = - 0;
- this._offsetPrev = - 0;
- this._weightNext = - 0;
- this._offsetNext = - 0;
- this.DefaultSettings_ = {
- endingStart: ZeroCurvatureEnding,
- endingEnd: ZeroCurvatureEnding
- };
- }
- intervalChanged_( i1, t0, t1 ) {
- const pp = this.parameterPositions;
- let iPrev = i1 - 2,
- iNext = i1 + 1,
- tPrev = pp[ iPrev ],
- tNext = pp[ iNext ];
- if ( tPrev === undefined ) {
- switch ( this.getSettings_().endingStart ) {
- case ZeroSlopeEnding:
- // f'(t0) = 0
- iPrev = i1;
- tPrev = 2 * t0 - t1;
- break;
- case WrapAroundEnding:
- // use the other end of the curve
- iPrev = pp.length - 2;
- tPrev = t0 + pp[ iPrev ] - pp[ iPrev + 1 ];
- break;
- default: // ZeroCurvatureEnding
- // f''(t0) = 0 a.k.a. Natural Spline
- iPrev = i1;
- tPrev = t1;
- }
- }
- if ( tNext === undefined ) {
- switch ( this.getSettings_().endingEnd ) {
- case ZeroSlopeEnding:
- // f'(tN) = 0
- iNext = i1;
- tNext = 2 * t1 - t0;
- break;
- case WrapAroundEnding:
- // use the other end of the curve
- iNext = 1;
- tNext = t1 + pp[ 1 ] - pp[ 0 ];
- break;
- default: // ZeroCurvatureEnding
- // f''(tN) = 0, a.k.a. Natural Spline
- iNext = i1 - 1;
- tNext = t0;
- }
- }
- const halfDt = ( t1 - t0 ) * 0.5,
- stride = this.valueSize;
- this._weightPrev = halfDt / ( t0 - tPrev );
- this._weightNext = halfDt / ( tNext - t1 );
- this._offsetPrev = iPrev * stride;
- this._offsetNext = iNext * stride;
- }
- interpolate_( i1, t0, t, t1 ) {
- const result = this.resultBuffer,
- values = this.sampleValues,
- stride = this.valueSize,
- o1 = i1 * stride, o0 = o1 - stride,
- oP = this._offsetPrev, oN = this._offsetNext,
- wP = this._weightPrev, wN = this._weightNext,
- p = ( t - t0 ) / ( t1 - t0 ),
- pp = p * p,
- ppp = pp * p;
- // evaluate polynomials
- const sP = - wP * ppp + 2 * wP * pp - wP * p;
- const s0 = ( 1 + wP ) * ppp + ( - 1.5 - 2 * wP ) * pp + ( - 0.5 + wP ) * p + 1;
- const s1 = ( - 1 - wN ) * ppp + ( 1.5 + wN ) * pp + 0.5 * p;
- const sN = wN * ppp - wN * pp;
- // combine data linearly
- for ( let i = 0; i !== stride; ++ i ) {
- result[ i ] =
- sP * values[ oP + i ] +
- s0 * values[ o0 + i ] +
- s1 * values[ o1 + i ] +
- sN * values[ oN + i ];
- }
- return result;
- }
- }
- class LinearInterpolant extends Interpolant {
- constructor( parameterPositions, sampleValues, sampleSize, resultBuffer ) {
- super( parameterPositions, sampleValues, sampleSize, resultBuffer );
- }
- interpolate_( i1, t0, t, t1 ) {
- const result = this.resultBuffer,
- values = this.sampleValues,
- stride = this.valueSize,
- offset1 = i1 * stride,
- offset0 = offset1 - stride,
- weight1 = ( t - t0 ) / ( t1 - t0 ),
- weight0 = 1 - weight1;
- for ( let i = 0; i !== stride; ++ i ) {
- result[ i ] =
- values[ offset0 + i ] * weight0 +
- values[ offset1 + i ] * weight1;
- }
- return result;
- }
- }
- /**
- *
- * Interpolant that evaluates to the sample value at the position preceding
- * the parameter.
- */
- class DiscreteInterpolant extends Interpolant {
- constructor( parameterPositions, sampleValues, sampleSize, resultBuffer ) {
- super( parameterPositions, sampleValues, sampleSize, resultBuffer );
- }
- interpolate_( i1 /*, t0, t, t1 */ ) {
- return this.copySampleValue_( i1 - 1 );
- }
- }
- class KeyframeTrack {
- constructor( name, times, values, interpolation ) {
- if ( name === undefined ) throw new Error( 'THREE.KeyframeTrack: track name is undefined' );
- if ( times === undefined || times.length === 0 ) throw new Error( 'THREE.KeyframeTrack: no keyframes in track named ' + name );
- this.name = name;
- this.times = convertArray( times, this.TimeBufferType );
- this.values = convertArray( values, this.ValueBufferType );
- this.setInterpolation( interpolation || this.DefaultInterpolation );
- }
- // Serialization (in static context, because of constructor invocation
- // and automatic invocation of .toJSON):
- static toJSON( track ) {
- const trackType = track.constructor;
- let json;
- // derived classes can define a static toJSON method
- if ( trackType.toJSON !== this.toJSON ) {
- json = trackType.toJSON( track );
- } else {
- // by default, we assume the data can be serialized as-is
- json = {
- 'name': track.name,
- 'times': convertArray( track.times, Array ),
- 'values': convertArray( track.values, Array )
- };
- const interpolation = track.getInterpolation();
- if ( interpolation !== track.DefaultInterpolation ) {
- json.interpolation = interpolation;
- }
- }
- json.type = track.ValueTypeName; // mandatory
- return json;
- }
- InterpolantFactoryMethodDiscrete( result ) {
- return new DiscreteInterpolant( this.times, this.values, this.getValueSize(), result );
- }
- InterpolantFactoryMethodLinear( result ) {
- return new LinearInterpolant( this.times, this.values, this.getValueSize(), result );
- }
- InterpolantFactoryMethodSmooth( result ) {
- return new CubicInterpolant( this.times, this.values, this.getValueSize(), result );
- }
- setInterpolation( interpolation ) {
- let factoryMethod;
- switch ( interpolation ) {
- case InterpolateDiscrete:
- factoryMethod = this.InterpolantFactoryMethodDiscrete;
- break;
- case InterpolateLinear:
- factoryMethod = this.InterpolantFactoryMethodLinear;
- break;
- case InterpolateSmooth:
- factoryMethod = this.InterpolantFactoryMethodSmooth;
- break;
- }
- if ( factoryMethod === undefined ) {
- const message = 'unsupported interpolation for ' +
- this.ValueTypeName + ' keyframe track named ' + this.name;
- if ( this.createInterpolant === undefined ) {
- // fall back to default, unless the default itself is messed up
- if ( interpolation !== this.DefaultInterpolation ) {
- this.setInterpolation( this.DefaultInterpolation );
- } else {
- throw new Error( message ); // fatal, in this case
- }
- }
- console.warn( 'THREE.KeyframeTrack:', message );
- return this;
- }
- this.createInterpolant = factoryMethod;
- return this;
- }
- getInterpolation() {
- switch ( this.createInterpolant ) {
- case this.InterpolantFactoryMethodDiscrete:
- return InterpolateDiscrete;
- case this.InterpolantFactoryMethodLinear:
- return InterpolateLinear;
- case this.InterpolantFactoryMethodSmooth:
- return InterpolateSmooth;
- }
- }
- getValueSize() {
- return this.values.length / this.times.length;
- }
- // move all keyframes either forwards or backwards in time
- shift( timeOffset ) {
- if ( timeOffset !== 0.0 ) {
- const times = this.times;
- for ( let i = 0, n = times.length; i !== n; ++ i ) {
- times[ i ] += timeOffset;
- }
- }
- return this;
- }
- // scale all keyframe times by a factor (useful for frame <-> seconds conversions)
- scale( timeScale ) {
- if ( timeScale !== 1.0 ) {
- const times = this.times;
- for ( let i = 0, n = times.length; i !== n; ++ i ) {
- times[ i ] *= timeScale;
- }
- }
- return this;
- }
- // removes keyframes before and after animation without changing any values within the range [startTime, endTime].
- // IMPORTANT: We do not shift around keys to the start of the track time, because for interpolated keys this will change their values
- trim( startTime, endTime ) {
- const times = this.times,
- nKeys = times.length;
- let from = 0,
- to = nKeys - 1;
- while ( from !== nKeys && times[ from ] < startTime ) {
- ++ from;
- }
- while ( to !== - 1 && times[ to ] > endTime ) {
- -- to;
- }
- ++ to; // inclusive -> exclusive bound
- if ( from !== 0 || to !== nKeys ) {
- // empty tracks are forbidden, so keep at least one keyframe
- if ( from >= to ) {
- to = Math.max( to, 1 );
- from = to - 1;
- }
- const stride = this.getValueSize();
- this.times = times.slice( from, to );
- this.values = this.values.slice( from * stride, to * stride );
- }
- return this;
- }
- // ensure we do not get a GarbageInGarbageOut situation, make sure tracks are at least minimally viable
- validate() {
- let valid = true;
- const valueSize = this.getValueSize();
- if ( valueSize - Math.floor( valueSize ) !== 0 ) {
- console.error( 'THREE.KeyframeTrack: Invalid value size in track.', this );
- valid = false;
- }
- const times = this.times,
- values = this.values,
- nKeys = times.length;
- if ( nKeys === 0 ) {
- console.error( 'THREE.KeyframeTrack: Track is empty.', this );
- valid = false;
- }
- let prevTime = null;
- for ( let i = 0; i !== nKeys; i ++ ) {
- const currTime = times[ i ];
- if ( typeof currTime === 'number' && isNaN( currTime ) ) {
- console.error( 'THREE.KeyframeTrack: Time is not a valid number.', this, i, currTime );
- valid = false;
- break;
- }
- if ( prevTime !== null && prevTime > currTime ) {
- console.error( 'THREE.KeyframeTrack: Out of order keys.', this, i, currTime, prevTime );
- valid = false;
- break;
- }
- prevTime = currTime;
- }
- if ( values !== undefined ) {
- if ( isTypedArray( values ) ) {
- for ( let i = 0, n = values.length; i !== n; ++ i ) {
- const value = values[ i ];
- if ( isNaN( value ) ) {
- console.error( 'THREE.KeyframeTrack: Value is not a valid number.', this, i, value );
- valid = false;
- break;
- }
- }
- }
- }
- return valid;
- }
- // removes equivalent sequential keys as common in morph target sequences
- // (0,0,0,0,1,1,1,0,0,0,0,0,0,0) --> (0,0,1,1,0,0)
- optimize() {
- // times or values may be shared with other tracks, so overwriting is unsafe
- const times = this.times.slice(),
- values = this.values.slice(),
- stride = this.getValueSize(),
- smoothInterpolation = this.getInterpolation() === InterpolateSmooth,
- lastIndex = times.length - 1;
- let writeIndex = 1;
- for ( let i = 1; i < lastIndex; ++ i ) {
- let keep = false;
- const time = times[ i ];
- const timeNext = times[ i + 1 ];
- // remove adjacent keyframes scheduled at the same time
- if ( time !== timeNext && ( i !== 1 || time !== times[ 0 ] ) ) {
- if ( ! smoothInterpolation ) {
- // remove unnecessary keyframes same as their neighbors
- const offset = i * stride,
- offsetP = offset - stride,
- offsetN = offset + stride;
- for ( let j = 0; j !== stride; ++ j ) {
- const value = values[ offset + j ];
- if ( value !== values[ offsetP + j ] ||
- value !== values[ offsetN + j ] ) {
- keep = true;
- break;
- }
- }
- } else {
- keep = true;
- }
- }
- // in-place compaction
- if ( keep ) {
- if ( i !== writeIndex ) {
- times[ writeIndex ] = times[ i ];
- const readOffset = i * stride,
- writeOffset = writeIndex * stride;
- for ( let j = 0; j !== stride; ++ j ) {
- values[ writeOffset + j ] = values[ readOffset + j ];
- }
- }
- ++ writeIndex;
- }
- }
- // flush last keyframe (compaction looks ahead)
- if ( lastIndex > 0 ) {
- times[ writeIndex ] = times[ lastIndex ];
- for ( let readOffset = lastIndex * stride, writeOffset = writeIndex * stride, j = 0; j !== stride; ++ j ) {
- values[ writeOffset + j ] = values[ readOffset + j ];
- }
- ++ writeIndex;
- }
- if ( writeIndex !== times.length ) {
- this.times = times.slice( 0, writeIndex );
- this.values = values.slice( 0, writeIndex * stride );
- } else {
- this.times = times;
- this.values = values;
- }
- return this;
- }
- clone() {
- const times = this.times.slice();
- const values = this.values.slice();
- const TypedKeyframeTrack = this.constructor;
- const track = new TypedKeyframeTrack( this.name, times, values );
- // Interpolant argument to constructor is not saved, so copy the factory method directly.
- track.createInterpolant = this.createInterpolant;
- return track;
- }
- }
- KeyframeTrack.prototype.TimeBufferType = Float32Array;
- KeyframeTrack.prototype.ValueBufferType = Float32Array;
- KeyframeTrack.prototype.DefaultInterpolation = InterpolateLinear;
- /**
- * A Track of Boolean keyframe values.
- */
- class BooleanKeyframeTrack extends KeyframeTrack {
- // No interpolation parameter because only InterpolateDiscrete is valid.
- constructor( name, times, values ) {
- super( name, times, values );
- }
- }
- BooleanKeyframeTrack.prototype.ValueTypeName = 'bool';
- BooleanKeyframeTrack.prototype.ValueBufferType = Array;
- BooleanKeyframeTrack.prototype.DefaultInterpolation = InterpolateDiscrete;
- BooleanKeyframeTrack.prototype.InterpolantFactoryMethodLinear = undefined;
- BooleanKeyframeTrack.prototype.InterpolantFactoryMethodSmooth = undefined;
- /**
- * A Track of keyframe values that represent color.
- */
- class ColorKeyframeTrack extends KeyframeTrack {}
- ColorKeyframeTrack.prototype.ValueTypeName = 'color';
- /**
- * A Track of numeric keyframe values.
- */
- class NumberKeyframeTrack extends KeyframeTrack {}
- NumberKeyframeTrack.prototype.ValueTypeName = 'number';
- /**
- * Spherical linear unit quaternion interpolant.
- */
- class QuaternionLinearInterpolant extends Interpolant {
- constructor( parameterPositions, sampleValues, sampleSize, resultBuffer ) {
- super( parameterPositions, sampleValues, sampleSize, resultBuffer );
- }
- interpolate_( i1, t0, t, t1 ) {
- const result = this.resultBuffer,
- values = this.sampleValues,
- stride = this.valueSize,
- alpha = ( t - t0 ) / ( t1 - t0 );
- let offset = i1 * stride;
- for ( let end = offset + stride; offset !== end; offset += 4 ) {
- Quaternion.slerpFlat( result, 0, values, offset - stride, values, offset, alpha );
- }
- return result;
- }
- }
- /**
- * A Track of quaternion keyframe values.
- */
- class QuaternionKeyframeTrack extends KeyframeTrack {
- InterpolantFactoryMethodLinear( result ) {
- return new QuaternionLinearInterpolant( this.times, this.values, this.getValueSize(), result );
- }
- }
- QuaternionKeyframeTrack.prototype.ValueTypeName = 'quaternion';
- // ValueBufferType is inherited
- // DefaultInterpolation is inherited;
- QuaternionKeyframeTrack.prototype.InterpolantFactoryMethodSmooth = undefined;
- /**
- * A Track that interpolates Strings
- */
- class StringKeyframeTrack extends KeyframeTrack {
- // No interpolation parameter because only InterpolateDiscrete is valid.
- constructor( name, times, values ) {
- super( name, times, values );
- }
- }
- StringKeyframeTrack.prototype.ValueTypeName = 'string';
- StringKeyframeTrack.prototype.ValueBufferType = Array;
- StringKeyframeTrack.prototype.DefaultInterpolation = InterpolateDiscrete;
- StringKeyframeTrack.prototype.InterpolantFactoryMethodLinear = undefined;
- StringKeyframeTrack.prototype.InterpolantFactoryMethodSmooth = undefined;
- /**
- * A Track of vectored keyframe values.
- */
- class VectorKeyframeTrack extends KeyframeTrack {}
- VectorKeyframeTrack.prototype.ValueTypeName = 'vector';
- class AnimationClip {
- constructor( name = '', duration = - 1, tracks = [], blendMode = NormalAnimationBlendMode ) {
- this.name = name;
- this.tracks = tracks;
- this.duration = duration;
- this.blendMode = blendMode;
- this.uuid = generateUUID();
- // this means it should figure out its duration by scanning the tracks
- if ( this.duration < 0 ) {
- this.resetDuration();
- }
- }
- static parse( json ) {
- const tracks = [],
- jsonTracks = json.tracks,
- frameTime = 1.0 / ( json.fps || 1.0 );
- for ( let i = 0, n = jsonTracks.length; i !== n; ++ i ) {
- tracks.push( parseKeyframeTrack( jsonTracks[ i ] ).scale( frameTime ) );
- }
- const clip = new this( json.name, json.duration, tracks, json.blendMode );
- clip.uuid = json.uuid;
- return clip;
- }
- static toJSON( clip ) {
- const tracks = [],
- clipTracks = clip.tracks;
- const json = {
- 'name': clip.name,
- 'duration': clip.duration,
- 'tracks': tracks,
- 'uuid': clip.uuid,
- 'blendMode': clip.blendMode
- };
- for ( let i = 0, n = clipTracks.length; i !== n; ++ i ) {
- tracks.push( KeyframeTrack.toJSON( clipTracks[ i ] ) );
- }
- return json;
- }
- static CreateFromMorphTargetSequence( name, morphTargetSequence, fps, noLoop ) {
- const numMorphTargets = morphTargetSequence.length;
- const tracks = [];
- for ( let i = 0; i < numMorphTargets; i ++ ) {
- let times = [];
- let values = [];
- times.push(
- ( i + numMorphTargets - 1 ) % numMorphTargets,
- i,
- ( i + 1 ) % numMorphTargets );
- values.push( 0, 1, 0 );
- const order = getKeyframeOrder( times );
- times = sortedArray( times, 1, order );
- values = sortedArray( values, 1, order );
- // if there is a key at the first frame, duplicate it as the
- // last frame as well for perfect loop.
- if ( ! noLoop && times[ 0 ] === 0 ) {
- times.push( numMorphTargets );
- values.push( values[ 0 ] );
- }
- tracks.push(
- new NumberKeyframeTrack(
- '.morphTargetInfluences[' + morphTargetSequence[ i ].name + ']',
- times, values
- ).scale( 1.0 / fps ) );
- }
- return new this( name, - 1, tracks );
- }
- static findByName( objectOrClipArray, name ) {
- let clipArray = objectOrClipArray;
- if ( ! Array.isArray( objectOrClipArray ) ) {
- const o = objectOrClipArray;
- clipArray = o.geometry && o.geometry.animations || o.animations;
- }
- for ( let i = 0; i < clipArray.length; i ++ ) {
- if ( clipArray[ i ].name === name ) {
- return clipArray[ i ];
- }
- }
- return null;
- }
- static CreateClipsFromMorphTargetSequences( morphTargets, fps, noLoop ) {
- const animationToMorphTargets = {};
- // tested with https://regex101.com/ on trick sequences
- // such flamingo_flyA_003, flamingo_run1_003, crdeath0059
- const pattern = /^([\w-]*?)([\d]+)$/;
- // sort morph target names into animation groups based
- // patterns like Walk_001, Walk_002, Run_001, Run_002
- for ( let i = 0, il = morphTargets.length; i < il; i ++ ) {
- const morphTarget = morphTargets[ i ];
- const parts = morphTarget.name.match( pattern );
- if ( parts && parts.length > 1 ) {
- const name = parts[ 1 ];
- let animationMorphTargets = animationToMorphTargets[ name ];
- if ( ! animationMorphTargets ) {
- animationToMorphTargets[ name ] = animationMorphTargets = [];
- }
- animationMorphTargets.push( morphTarget );
- }
- }
- const clips = [];
- for ( const name in animationToMorphTargets ) {
- clips.push( this.CreateFromMorphTargetSequence( name, animationToMorphTargets[ name ], fps, noLoop ) );
- }
- return clips;
- }
- // parse the animation.hierarchy format
- static parseAnimation( animation, bones ) {
- if ( ! animation ) {
- console.error( 'THREE.AnimationClip: No animation in JSONLoader data.' );
- return null;
- }
- const addNonemptyTrack = function ( trackType, trackName, animationKeys, propertyName, destTracks ) {
- // only return track if there are actually keys.
- if ( animationKeys.length !== 0 ) {
- const times = [];
- const values = [];
- flattenJSON( animationKeys, times, values, propertyName );
- // empty keys are filtered out, so check again
- if ( times.length !== 0 ) {
- destTracks.push( new trackType( trackName, times, values ) );
- }
- }
- };
- const tracks = [];
- const clipName = animation.name || 'default';
- const fps = animation.fps || 30;
- const blendMode = animation.blendMode;
- // automatic length determination in AnimationClip.
- let duration = animation.length || - 1;
- const hierarchyTracks = animation.hierarchy || [];
- for ( let h = 0; h < hierarchyTracks.length; h ++ ) {
- const animationKeys = hierarchyTracks[ h ].keys;
- // skip empty tracks
- if ( ! animationKeys || animationKeys.length === 0 ) continue;
- // process morph targets
- if ( animationKeys[ 0 ].morphTargets ) {
- // figure out all morph targets used in this track
- const morphTargetNames = {};
- let k;
- for ( k = 0; k < animationKeys.length; k ++ ) {
- if ( animationKeys[ k ].morphTargets ) {
- for ( let m = 0; m < animationKeys[ k ].morphTargets.length; m ++ ) {
- morphTargetNames[ animationKeys[ k ].morphTargets[ m ] ] = - 1;
- }
- }
- }
- // create a track for each morph target with all zero
- // morphTargetInfluences except for the keys in which
- // the morphTarget is named.
- for ( const morphTargetName in morphTargetNames ) {
- const times = [];
- const values = [];
- for ( let m = 0; m !== animationKeys[ k ].morphTargets.length; ++ m ) {
- const animationKey = animationKeys[ k ];
- times.push( animationKey.time );
- values.push( ( animationKey.morphTarget === morphTargetName ) ? 1 : 0 );
- }
- tracks.push( new NumberKeyframeTrack( '.morphTargetInfluence[' + morphTargetName + ']', times, values ) );
- }
- duration = morphTargetNames.length * fps;
- } else {
- // ...assume skeletal animation
- const boneName = '.bones[' + bones[ h ].name + ']';
- addNonemptyTrack(
- VectorKeyframeTrack, boneName + '.position',
- animationKeys, 'pos', tracks );
- addNonemptyTrack(
- QuaternionKeyframeTrack, boneName + '.quaternion',
- animationKeys, 'rot', tracks );
- addNonemptyTrack(
- VectorKeyframeTrack, boneName + '.scale',
- animationKeys, 'scl', tracks );
- }
- }
- if ( tracks.length === 0 ) {
- return null;
- }
- const clip = new this( clipName, duration, tracks, blendMode );
- return clip;
- }
- resetDuration() {
- const tracks = this.tracks;
- let duration = 0;
- for ( let i = 0, n = tracks.length; i !== n; ++ i ) {
- const track = this.tracks[ i ];
- duration = Math.max( duration, track.times[ track.times.length - 1 ] );
- }
- this.duration = duration;
- return this;
- }
- trim() {
- for ( let i = 0; i < this.tracks.length; i ++ ) {
- this.tracks[ i ].trim( 0, this.duration );
- }
- return this;
- }
- validate() {
- let valid = true;
- for ( let i = 0; i < this.tracks.length; i ++ ) {
- valid = valid && this.tracks[ i ].validate();
- }
- return valid;
- }
- optimize() {
- for ( let i = 0; i < this.tracks.length; i ++ ) {
- this.tracks[ i ].optimize();
- }
- return this;
- }
- clone() {
- const tracks = [];
- for ( let i = 0; i < this.tracks.length; i ++ ) {
- tracks.push( this.tracks[ i ].clone() );
- }
- return new this.constructor( this.name, this.duration, tracks, this.blendMode );
- }
- toJSON() {
- return this.constructor.toJSON( this );
- }
- }
- function getTrackTypeForValueTypeName( typeName ) {
- switch ( typeName.toLowerCase() ) {
- case 'scalar':
- case 'double':
- case 'float':
- case 'number':
- case 'integer':
- return NumberKeyframeTrack;
- case 'vector':
- case 'vector2':
- case 'vector3':
- case 'vector4':
- return VectorKeyframeTrack;
- case 'color':
- return ColorKeyframeTrack;
- case 'quaternion':
- return QuaternionKeyframeTrack;
- case 'bool':
- case 'boolean':
- return BooleanKeyframeTrack;
- case 'string':
- return StringKeyframeTrack;
- }
- throw new Error( 'THREE.KeyframeTrack: Unsupported typeName: ' + typeName );
- }
- function parseKeyframeTrack( json ) {
- if ( json.type === undefined ) {
- throw new Error( 'THREE.KeyframeTrack: track type undefined, can not parse' );
- }
- const trackType = getTrackTypeForValueTypeName( json.type );
- if ( json.times === undefined ) {
- const times = [], values = [];
- flattenJSON( json.keys, times, values, 'value' );
- json.times = times;
- json.values = values;
- }
- // derived classes can define a static parse method
- if ( trackType.parse !== undefined ) {
- return trackType.parse( json );
- } else {
- // by default, we assume a constructor compatible with the base
- return new trackType( json.name, json.times, json.values, json.interpolation );
- }
- }
- const Cache = {
- enabled: false,
- files: {},
- add: function ( key, file ) {
- if ( this.enabled === false ) return;
- // console.log( 'THREE.Cache', 'Adding key:', key );
- this.files[ key ] = file;
- },
- get: function ( key ) {
- if ( this.enabled === false ) return;
- // console.log( 'THREE.Cache', 'Checking key:', key );
- return this.files[ key ];
- },
- remove: function ( key ) {
- delete this.files[ key ];
- },
- clear: function () {
- this.files = {};
- }
- };
- class LoadingManager {
- constructor( onLoad, onProgress, onError ) {
- const scope = this;
- let isLoading = false;
- let itemsLoaded = 0;
- let itemsTotal = 0;
- let urlModifier = undefined;
- const handlers = [];
- // Refer to #5689 for the reason why we don't set .onStart
- // in the constructor
- this.onStart = undefined;
- this.onLoad = onLoad;
- this.onProgress = onProgress;
- this.onError = onError;
- this.itemStart = function ( url ) {
- itemsTotal ++;
- if ( isLoading === false ) {
- if ( scope.onStart !== undefined ) {
- scope.onStart( url, itemsLoaded, itemsTotal );
- }
- }
- isLoading = true;
- };
- this.itemEnd = function ( url ) {
- itemsLoaded ++;
- if ( scope.onProgress !== undefined ) {
- scope.onProgress( url, itemsLoaded, itemsTotal );
- }
- if ( itemsLoaded === itemsTotal ) {
- isLoading = false;
- if ( scope.onLoad !== undefined ) {
- scope.onLoad();
- }
- }
- };
- this.itemError = function ( url ) {
- if ( scope.onError !== undefined ) {
- scope.onError( url );
- }
- };
- this.resolveURL = function ( url ) {
- if ( urlModifier ) {
- return urlModifier( url );
- }
- return url;
- };
- this.setURLModifier = function ( transform ) {
- urlModifier = transform;
- return this;
- };
- this.addHandler = function ( regex, loader ) {
- handlers.push( regex, loader );
- return this;
- };
- this.removeHandler = function ( regex ) {
- const index = handlers.indexOf( regex );
- if ( index !== - 1 ) {
- handlers.splice( index, 2 );
- }
- return this;
- };
- this.getHandler = function ( file ) {
- for ( let i = 0, l = handlers.length; i < l; i += 2 ) {
- const regex = handlers[ i ];
- const loader = handlers[ i + 1 ];
- if ( regex.global ) regex.lastIndex = 0; // see #17920
- if ( regex.test( file ) ) {
- return loader;
- }
- }
- return null;
- };
- }
- }
- const DefaultLoadingManager = /*@__PURE__*/ new LoadingManager();
- class Loader {
- constructor( manager ) {
- this.manager = ( manager !== undefined ) ? manager : DefaultLoadingManager;
- this.crossOrigin = 'anonymous';
- this.withCredentials = false;
- this.path = '';
- this.resourcePath = '';
- this.requestHeader = {};
- }
- load( /* url, onLoad, onProgress, onError */ ) {}
- loadAsync( url, onProgress ) {
- const scope = this;
- return new Promise( function ( resolve, reject ) {
- scope.load( url, resolve, onProgress, reject );
- } );
- }
- parse( /* data */ ) {}
- setCrossOrigin( crossOrigin ) {
- this.crossOrigin = crossOrigin;
- return this;
- }
- setWithCredentials( value ) {
- this.withCredentials = value;
- return this;
- }
- setPath( path ) {
- this.path = path;
- return this;
- }
- setResourcePath( resourcePath ) {
- this.resourcePath = resourcePath;
- return this;
- }
- setRequestHeader( requestHeader ) {
- this.requestHeader = requestHeader;
- return this;
- }
- }
- Loader.DEFAULT_MATERIAL_NAME = '__DEFAULT';
- const loading = {};
- class HttpError extends Error {
- constructor( message, response ) {
- super( message );
- this.response = response;
- }
- }
- class FileLoader extends Loader {
- constructor( manager ) {
- super( manager );
- }
- load( url, onLoad, onProgress, onError ) {
- if ( url === undefined ) url = '';
- if ( this.path !== undefined ) url = this.path + url;
- url = this.manager.resolveURL( url );
- const cached = Cache.get( url );
- if ( cached !== undefined ) {
- this.manager.itemStart( url );
- setTimeout( () => {
- if ( onLoad ) onLoad( cached );
- this.manager.itemEnd( url );
- }, 0 );
- return cached;
- }
- // Check if request is duplicate
- if ( loading[ url ] !== undefined ) {
- loading[ url ].push( {
- onLoad: onLoad,
- onProgress: onProgress,
- onError: onError
- } );
- return;
- }
- // Initialise array for duplicate requests
- loading[ url ] = [];
- loading[ url ].push( {
- onLoad: onLoad,
- onProgress: onProgress,
- onError: onError,
- } );
- // create request
- const req = new Request( url, {
- headers: new Headers( this.requestHeader ),
- credentials: this.withCredentials ? 'include' : 'same-origin',
- // An abort controller could be added within a future PR
- } );
- // record states ( avoid data race )
- const mimeType = this.mimeType;
- const responseType = this.responseType;
- // start the fetch
- fetch( req )
- .then( response => {
- if ( response.status === 200 || response.status === 0 ) {
- // Some browsers return HTTP Status 0 when using non-http protocol
- // e.g. 'file://' or 'data://'. Handle as success.
- if ( response.status === 0 ) {
- console.warn( 'THREE.FileLoader: HTTP Status 0 received.' );
- }
- // Workaround: Checking if response.body === undefined for Alipay browser #23548
- if ( typeof ReadableStream === 'undefined' || response.body === undefined || response.body.getReader === undefined ) {
- return response;
- }
- const callbacks = loading[ url ];
- const reader = response.body.getReader();
- // Nginx needs X-File-Size check
- // https://serverfault.com/questions/482875/why-does-nginx-remove-content-length-header-for-chunked-content
- const contentLength = response.headers.get( 'X-File-Size' ) || response.headers.get( 'Content-Length' );
- const total = contentLength ? parseInt( contentLength ) : 0;
- const lengthComputable = total !== 0;
- let loaded = 0;
- // periodically read data into the new stream tracking while download progress
- const stream = new ReadableStream( {
- start( controller ) {
- readData();
- function readData() {
- reader.read().then( ( { done, value } ) => {
- if ( done ) {
- controller.close();
- } else {
- loaded += value.byteLength;
- const event = new ProgressEvent( 'progress', { lengthComputable, loaded, total } );
- for ( let i = 0, il = callbacks.length; i < il; i ++ ) {
- const callback = callbacks[ i ];
- if ( callback.onProgress ) callback.onProgress( event );
- }
- controller.enqueue( value );
- readData();
- }
- }, ( e ) => {
- controller.error( e );
- } );
- }
- }
- } );
- return new Response( stream );
- } else {
- throw new HttpError( `fetch for "${response.url}" responded with ${response.status}: ${response.statusText}`, response );
- }
- } )
- .then( response => {
- switch ( responseType ) {
- case 'arraybuffer':
- return response.arrayBuffer();
- case 'blob':
- return response.blob();
- case 'document':
- return response.text()
- .then( text => {
- const parser = new DOMParser();
- return parser.parseFromString( text, mimeType );
- } );
- case 'json':
- return response.json();
- default:
- if ( mimeType === undefined ) {
- return response.text();
- } else {
- // sniff encoding
- const re = /charset="?([^;"\s]*)"?/i;
- const exec = re.exec( mimeType );
- const label = exec && exec[ 1 ] ? exec[ 1 ].toLowerCase() : undefined;
- const decoder = new TextDecoder( label );
- return response.arrayBuffer().then( ab => decoder.decode( ab ) );
- }
- }
- } )
- .then( data => {
- // Add to cache only on HTTP success, so that we do not cache
- // error response bodies as proper responses to requests.
- Cache.add( url, data );
- const callbacks = loading[ url ];
- delete loading[ url ];
- for ( let i = 0, il = callbacks.length; i < il; i ++ ) {
- const callback = callbacks[ i ];
- if ( callback.onLoad ) callback.onLoad( data );
- }
- } )
- .catch( err => {
- // Abort errors and other errors are handled the same
- const callbacks = loading[ url ];
- if ( callbacks === undefined ) {
- // When onLoad was called and url was deleted in `loading`
- this.manager.itemError( url );
- throw err;
- }
- delete loading[ url ];
- for ( let i = 0, il = callbacks.length; i < il; i ++ ) {
- const callback = callbacks[ i ];
- if ( callback.onError ) callback.onError( err );
- }
- this.manager.itemError( url );
- } )
- .finally( () => {
- this.manager.itemEnd( url );
- } );
- this.manager.itemStart( url );
- }
- setResponseType( value ) {
- this.responseType = value;
- return this;
- }
- setMimeType( value ) {
- this.mimeType = value;
- return this;
- }
- }
- class AnimationLoader extends Loader {
- constructor( manager ) {
- super( manager );
- }
- load( url, onLoad, onProgress, onError ) {
- const scope = this;
- const loader = new FileLoader( this.manager );
- loader.setPath( this.path );
- loader.setRequestHeader( this.requestHeader );
- loader.setWithCredentials( this.withCredentials );
- loader.load( url, function ( text ) {
- try {
- onLoad( scope.parse( JSON.parse( text ) ) );
- } catch ( e ) {
- if ( onError ) {
- onError( e );
- } else {
- console.error( e );
- }
- scope.manager.itemError( url );
- }
- }, onProgress, onError );
- }
- parse( json ) {
- const animations = [];
- for ( let i = 0; i < json.length; i ++ ) {
- const clip = AnimationClip.parse( json[ i ] );
- animations.push( clip );
- }
- return animations;
- }
- }
- /**
- * Abstract Base class to block based textures loader (dds, pvr, ...)
- *
- * Sub classes have to implement the parse() method which will be used in load().
- */
- class CompressedTextureLoader extends Loader {
- constructor( manager ) {
- super( manager );
- }
- load( url, onLoad, onProgress, onError ) {
- const scope = this;
- const images = [];
- const texture = new CompressedTexture();
- const loader = new FileLoader( this.manager );
- loader.setPath( this.path );
- loader.setResponseType( 'arraybuffer' );
- loader.setRequestHeader( this.requestHeader );
- loader.setWithCredentials( scope.withCredentials );
- let loaded = 0;
- function loadTexture( i ) {
- loader.load( url[ i ], function ( buffer ) {
- const texDatas = scope.parse( buffer, true );
- images[ i ] = {
- width: texDatas.width,
- height: texDatas.height,
- format: texDatas.format,
- mipmaps: texDatas.mipmaps
- };
- loaded += 1;
- if ( loaded === 6 ) {
- if ( texDatas.mipmapCount === 1 ) texture.minFilter = LinearFilter;
- texture.image = images;
- texture.format = texDatas.format;
- texture.needsUpdate = true;
- if ( onLoad ) onLoad( texture );
- }
- }, onProgress, onError );
- }
- if ( Array.isArray( url ) ) {
- for ( let i = 0, il = url.length; i < il; ++ i ) {
- loadTexture( i );
- }
- } else {
- // compressed cubemap texture stored in a single DDS file
- loader.load( url, function ( buffer ) {
- const texDatas = scope.parse( buffer, true );
- if ( texDatas.isCubemap ) {
- const faces = texDatas.mipmaps.length / texDatas.mipmapCount;
- for ( let f = 0; f < faces; f ++ ) {
- images[ f ] = { mipmaps: [] };
- for ( let i = 0; i < texDatas.mipmapCount; i ++ ) {
- images[ f ].mipmaps.push( texDatas.mipmaps[ f * texDatas.mipmapCount + i ] );
- images[ f ].format = texDatas.format;
- images[ f ].width = texDatas.width;
- images[ f ].height = texDatas.height;
- }
- }
- texture.image = images;
- } else {
- texture.image.width = texDatas.width;
- texture.image.height = texDatas.height;
- texture.mipmaps = texDatas.mipmaps;
- }
- if ( texDatas.mipmapCount === 1 ) {
- texture.minFilter = LinearFilter;
- }
- texture.format = texDatas.format;
- texture.needsUpdate = true;
- if ( onLoad ) onLoad( texture );
- }, onProgress, onError );
- }
- return texture;
- }
- }
- class ImageLoader extends Loader {
- constructor( manager ) {
- super( manager );
- }
- load( url, onLoad, onProgress, onError ) {
- if ( this.path !== undefined ) url = this.path + url;
- url = this.manager.resolveURL( url );
- const scope = this;
- const cached = Cache.get( url );
- if ( cached !== undefined ) {
- scope.manager.itemStart( url );
- setTimeout( function () {
- if ( onLoad ) onLoad( cached );
- scope.manager.itemEnd( url );
- }, 0 );
- return cached;
- }
- const image = createElementNS( 'img' );
- function onImageLoad() {
- removeEventListeners();
- Cache.add( url, this );
- if ( onLoad ) onLoad( this );
- scope.manager.itemEnd( url );
- }
- function onImageError( event ) {
- removeEventListeners();
- if ( onError ) onError( event );
- scope.manager.itemError( url );
- scope.manager.itemEnd( url );
- }
- function removeEventListeners() {
- image.removeEventListener( 'load', onImageLoad, false );
- image.removeEventListener( 'error', onImageError, false );
- }
- image.addEventListener( 'load', onImageLoad, false );
- image.addEventListener( 'error', onImageError, false );
- if ( url.slice( 0, 5 ) !== 'data:' ) {
- if ( this.crossOrigin !== undefined ) image.crossOrigin = this.crossOrigin;
- }
- scope.manager.itemStart( url );
- image.src = url;
- return image;
- }
- }
- class CubeTextureLoader extends Loader {
- constructor( manager ) {
- super( manager );
- }
- load( urls, onLoad, onProgress, onError ) {
- const texture = new CubeTexture();
- texture.colorSpace = SRGBColorSpace;
- const loader = new ImageLoader( this.manager );
- loader.setCrossOrigin( this.crossOrigin );
- loader.setPath( this.path );
- let loaded = 0;
- function loadTexture( i ) {
- loader.load( urls[ i ], function ( image ) {
- texture.images[ i ] = image;
- loaded ++;
- if ( loaded === 6 ) {
- texture.needsUpdate = true;
- if ( onLoad ) onLoad( texture );
- }
- }, undefined, onError );
- }
- for ( let i = 0; i < urls.length; ++ i ) {
- loadTexture( i );
- }
- return texture;
- }
- }
- /**
- * Abstract Base class to load generic binary textures formats (rgbe, hdr, ...)
- *
- * Sub classes have to implement the parse() method which will be used in load().
- */
- class DataTextureLoader extends Loader {
- constructor( manager ) {
- super( manager );
- }
- load( url, onLoad, onProgress, onError ) {
- const scope = this;
- const texture = new DataTexture();
- const loader = new FileLoader( this.manager );
- loader.setResponseType( 'arraybuffer' );
- loader.setRequestHeader( this.requestHeader );
- loader.setPath( this.path );
- loader.setWithCredentials( scope.withCredentials );
- loader.load( url, function ( buffer ) {
- let texData;
- try {
- texData = scope.parse( buffer );
- } catch ( error ) {
- if ( onError !== undefined ) {
- onError( error );
- } else {
- console.error( error );
- return;
- }
- }
- if ( texData.image !== undefined ) {
- texture.image = texData.image;
- } else if ( texData.data !== undefined ) {
- texture.image.width = texData.width;
- texture.image.height = texData.height;
- texture.image.data = texData.data;
- }
- texture.wrapS = texData.wrapS !== undefined ? texData.wrapS : ClampToEdgeWrapping;
- texture.wrapT = texData.wrapT !== undefined ? texData.wrapT : ClampToEdgeWrapping;
- texture.magFilter = texData.magFilter !== undefined ? texData.magFilter : LinearFilter;
- texture.minFilter = texData.minFilter !== undefined ? texData.minFilter : LinearFilter;
- texture.anisotropy = texData.anisotropy !== undefined ? texData.anisotropy : 1;
- if ( texData.colorSpace !== undefined ) {
- texture.colorSpace = texData.colorSpace;
- }
- if ( texData.flipY !== undefined ) {
- texture.flipY = texData.flipY;
- }
- if ( texData.format !== undefined ) {
- texture.format = texData.format;
- }
- if ( texData.type !== undefined ) {
- texture.type = texData.type;
- }
- if ( texData.mipmaps !== undefined ) {
- texture.mipmaps = texData.mipmaps;
- texture.minFilter = LinearMipmapLinearFilter; // presumably...
- }
- if ( texData.mipmapCount === 1 ) {
- texture.minFilter = LinearFilter;
- }
- if ( texData.generateMipmaps !== undefined ) {
- texture.generateMipmaps = texData.generateMipmaps;
- }
- texture.needsUpdate = true;
- if ( onLoad ) onLoad( texture, texData );
- }, onProgress, onError );
- return texture;
- }
- }
- class TextureLoader extends Loader {
- constructor( manager ) {
- super( manager );
- }
- load( url, onLoad, onProgress, onError ) {
- const texture = new Texture();
- const loader = new ImageLoader( this.manager );
- loader.setCrossOrigin( this.crossOrigin );
- loader.setPath( this.path );
- loader.load( url, function ( image ) {
- texture.image = image;
- texture.needsUpdate = true;
- if ( onLoad !== undefined ) {
- onLoad( texture );
- }
- }, onProgress, onError );
- return texture;
- }
- }
- class Light extends Object3D {
- constructor( color, intensity = 1 ) {
- super();
- this.isLight = true;
- this.type = 'Light';
- this.color = new Color( color );
- this.intensity = intensity;
- }
- dispose() {
- // Empty here in base class; some subclasses override.
- }
- copy( source, recursive ) {
- super.copy( source, recursive );
- this.color.copy( source.color );
- this.intensity = source.intensity;
- return this;
- }
- toJSON( meta ) {
- const data = super.toJSON( meta );
- data.object.color = this.color.getHex();
- data.object.intensity = this.intensity;
- if ( this.groundColor !== undefined ) data.object.groundColor = this.groundColor.getHex();
- if ( this.distance !== undefined ) data.object.distance = this.distance;
- if ( this.angle !== undefined ) data.object.angle = this.angle;
- if ( this.decay !== undefined ) data.object.decay = this.decay;
- if ( this.penumbra !== undefined ) data.object.penumbra = this.penumbra;
- if ( this.shadow !== undefined ) data.object.shadow = this.shadow.toJSON();
- if ( this.target !== undefined ) data.object.target = this.target.uuid;
- return data;
- }
- }
- class HemisphereLight extends Light {
- constructor( skyColor, groundColor, intensity ) {
- super( skyColor, intensity );
- this.isHemisphereLight = true;
- this.type = 'HemisphereLight';
- this.position.copy( Object3D.DEFAULT_UP );
- this.updateMatrix();
- this.groundColor = new Color( groundColor );
- }
- copy( source, recursive ) {
- super.copy( source, recursive );
- this.groundColor.copy( source.groundColor );
- return this;
- }
- }
- const _projScreenMatrix$2 = /*@__PURE__*/ new Matrix4();
- const _lightPositionWorld$1 = /*@__PURE__*/ new Vector3();
- const _lookTarget$1 = /*@__PURE__*/ new Vector3();
- class LightShadow {
- constructor( camera ) {
- this.camera = camera;
- this.intensity = 1;
- this.bias = 0;
- this.normalBias = 0;
- this.radius = 1;
- this.blurSamples = 8;
- this.mapSize = new Vector2( 512, 512 );
- this.map = null;
- this.mapPass = null;
- this.matrix = new Matrix4();
- this.autoUpdate = true;
- this.needsUpdate = false;
- this._frustum = new Frustum();
- this._frameExtents = new Vector2( 1, 1 );
- this._viewportCount = 1;
- this._viewports = [
- new Vector4( 0, 0, 1, 1 )
- ];
- }
- getViewportCount() {
- return this._viewportCount;
- }
- getFrustum() {
- return this._frustum;
- }
- updateMatrices( light ) {
- const shadowCamera = this.camera;
- const shadowMatrix = this.matrix;
- _lightPositionWorld$1.setFromMatrixPosition( light.matrixWorld );
- shadowCamera.position.copy( _lightPositionWorld$1 );
- _lookTarget$1.setFromMatrixPosition( light.target.matrixWorld );
- shadowCamera.lookAt( _lookTarget$1 );
- shadowCamera.updateMatrixWorld();
- _projScreenMatrix$2.multiplyMatrices( shadowCamera.projectionMatrix, shadowCamera.matrixWorldInverse );
- this._frustum.setFromProjectionMatrix( _projScreenMatrix$2 );
- shadowMatrix.set(
- 0.5, 0.0, 0.0, 0.5,
- 0.0, 0.5, 0.0, 0.5,
- 0.0, 0.0, 0.5, 0.5,
- 0.0, 0.0, 0.0, 1.0
- );
- shadowMatrix.multiply( _projScreenMatrix$2 );
- }
- getViewport( viewportIndex ) {
- return this._viewports[ viewportIndex ];
- }
- getFrameExtents() {
- return this._frameExtents;
- }
- dispose() {
- if ( this.map ) {
- this.map.dispose();
- }
- if ( this.mapPass ) {
- this.mapPass.dispose();
- }
- }
- copy( source ) {
- this.camera = source.camera.clone();
- this.intensity = source.intensity;
- this.bias = source.bias;
- this.radius = source.radius;
- this.mapSize.copy( source.mapSize );
- return this;
- }
- clone() {
- return new this.constructor().copy( this );
- }
- toJSON() {
- const object = {};
- if ( this.intensity !== 1 ) object.intensity = this.intensity;
- if ( this.bias !== 0 ) object.bias = this.bias;
- if ( this.normalBias !== 0 ) object.normalBias = this.normalBias;
- if ( this.radius !== 1 ) object.radius = this.radius;
- if ( this.mapSize.x !== 512 || this.mapSize.y !== 512 ) object.mapSize = this.mapSize.toArray();
- object.camera = this.camera.toJSON( false ).object;
- delete object.camera.matrix;
- return object;
- }
- }
- class SpotLightShadow extends LightShadow {
- constructor() {
- super( new PerspectiveCamera( 50, 1, 0.5, 500 ) );
- this.isSpotLightShadow = true;
- this.focus = 1;
- }
- updateMatrices( light ) {
- const camera = this.camera;
- const fov = RAD2DEG * 2 * light.angle * this.focus;
- const aspect = this.mapSize.width / this.mapSize.height;
- const far = light.distance || camera.far;
- if ( fov !== camera.fov || aspect !== camera.aspect || far !== camera.far ) {
- camera.fov = fov;
- camera.aspect = aspect;
- camera.far = far;
- camera.updateProjectionMatrix();
- }
- super.updateMatrices( light );
- }
- copy( source ) {
- super.copy( source );
- this.focus = source.focus;
- return this;
- }
- }
- class SpotLight extends Light {
- constructor( color, intensity, distance = 0, angle = Math.PI / 3, penumbra = 0, decay = 2 ) {
- super( color, intensity );
- this.isSpotLight = true;
- this.type = 'SpotLight';
- this.position.copy( Object3D.DEFAULT_UP );
- this.updateMatrix();
- this.target = new Object3D();
- this.distance = distance;
- this.angle = angle;
- this.penumbra = penumbra;
- this.decay = decay;
- this.map = null;
- this.shadow = new SpotLightShadow();
- }
- get power() {
- // compute the light's luminous power (in lumens) from its intensity (in candela)
- // by convention for a spotlight, luminous power (lm) = π * luminous intensity (cd)
- return this.intensity * Math.PI;
- }
- set power( power ) {
- // set the light's intensity (in candela) from the desired luminous power (in lumens)
- this.intensity = power / Math.PI;
- }
- dispose() {
- this.shadow.dispose();
- }
- copy( source, recursive ) {
- super.copy( source, recursive );
- this.distance = source.distance;
- this.angle = source.angle;
- this.penumbra = source.penumbra;
- this.decay = source.decay;
- this.target = source.target.clone();
- this.shadow = source.shadow.clone();
- return this;
- }
- }
- const _projScreenMatrix$1 = /*@__PURE__*/ new Matrix4();
- const _lightPositionWorld = /*@__PURE__*/ new Vector3();
- const _lookTarget = /*@__PURE__*/ new Vector3();
- class PointLightShadow extends LightShadow {
- constructor() {
- super( new PerspectiveCamera( 90, 1, 0.5, 500 ) );
- this.isPointLightShadow = true;
- this._frameExtents = new Vector2( 4, 2 );
- this._viewportCount = 6;
- this._viewports = [
- // These viewports map a cube-map onto a 2D texture with the
- // following orientation:
- //
- // xzXZ
- // y Y
- //
- // X - Positive x direction
- // x - Negative x direction
- // Y - Positive y direction
- // y - Negative y direction
- // Z - Positive z direction
- // z - Negative z direction
- // positive X
- new Vector4( 2, 1, 1, 1 ),
- // negative X
- new Vector4( 0, 1, 1, 1 ),
- // positive Z
- new Vector4( 3, 1, 1, 1 ),
- // negative Z
- new Vector4( 1, 1, 1, 1 ),
- // positive Y
- new Vector4( 3, 0, 1, 1 ),
- // negative Y
- new Vector4( 1, 0, 1, 1 )
- ];
- this._cubeDirections = [
- new Vector3( 1, 0, 0 ), new Vector3( - 1, 0, 0 ), new Vector3( 0, 0, 1 ),
- new Vector3( 0, 0, - 1 ), new Vector3( 0, 1, 0 ), new Vector3( 0, - 1, 0 )
- ];
- this._cubeUps = [
- new Vector3( 0, 1, 0 ), new Vector3( 0, 1, 0 ), new Vector3( 0, 1, 0 ),
- new Vector3( 0, 1, 0 ), new Vector3( 0, 0, 1 ), new Vector3( 0, 0, - 1 )
- ];
- }
- updateMatrices( light, viewportIndex = 0 ) {
- const camera = this.camera;
- const shadowMatrix = this.matrix;
- const far = light.distance || camera.far;
- if ( far !== camera.far ) {
- camera.far = far;
- camera.updateProjectionMatrix();
- }
- _lightPositionWorld.setFromMatrixPosition( light.matrixWorld );
- camera.position.copy( _lightPositionWorld );
- _lookTarget.copy( camera.position );
- _lookTarget.add( this._cubeDirections[ viewportIndex ] );
- camera.up.copy( this._cubeUps[ viewportIndex ] );
- camera.lookAt( _lookTarget );
- camera.updateMatrixWorld();
- shadowMatrix.makeTranslation( - _lightPositionWorld.x, - _lightPositionWorld.y, - _lightPositionWorld.z );
- _projScreenMatrix$1.multiplyMatrices( camera.projectionMatrix, camera.matrixWorldInverse );
- this._frustum.setFromProjectionMatrix( _projScreenMatrix$1 );
- }
- }
- class PointLight extends Light {
- constructor( color, intensity, distance = 0, decay = 2 ) {
- super( color, intensity );
- this.isPointLight = true;
- this.type = 'PointLight';
- this.distance = distance;
- this.decay = decay;
- this.shadow = new PointLightShadow();
- }
- get power() {
- // compute the light's luminous power (in lumens) from its intensity (in candela)
- // for an isotropic light source, luminous power (lm) = 4 π luminous intensity (cd)
- return this.intensity * 4 * Math.PI;
- }
- set power( power ) {
- // set the light's intensity (in candela) from the desired luminous power (in lumens)
- this.intensity = power / ( 4 * Math.PI );
- }
- dispose() {
- this.shadow.dispose();
- }
- copy( source, recursive ) {
- super.copy( source, recursive );
- this.distance = source.distance;
- this.decay = source.decay;
- this.shadow = source.shadow.clone();
- return this;
- }
- }
- class OrthographicCamera extends Camera {
- constructor( left = - 1, right = 1, top = 1, bottom = - 1, near = 0.1, far = 2000 ) {
- super();
- this.isOrthographicCamera = true;
- this.type = 'OrthographicCamera';
- this.zoom = 1;
- this.view = null;
- this.left = left;
- this.right = right;
- this.top = top;
- this.bottom = bottom;
- this.near = near;
- this.far = far;
- this.updateProjectionMatrix();
- }
- copy( source, recursive ) {
- super.copy( source, recursive );
- this.left = source.left;
- this.right = source.right;
- this.top = source.top;
- this.bottom = source.bottom;
- this.near = source.near;
- this.far = source.far;
- this.zoom = source.zoom;
- this.view = source.view === null ? null : Object.assign( {}, source.view );
- return this;
- }
- setViewOffset( fullWidth, fullHeight, x, y, width, height ) {
- if ( this.view === null ) {
- this.view = {
- enabled: true,
- fullWidth: 1,
- fullHeight: 1,
- offsetX: 0,
- offsetY: 0,
- width: 1,
- height: 1
- };
- }
- this.view.enabled = true;
- this.view.fullWidth = fullWidth;
- this.view.fullHeight = fullHeight;
- this.view.offsetX = x;
- this.view.offsetY = y;
- this.view.width = width;
- this.view.height = height;
- this.updateProjectionMatrix();
- }
- clearViewOffset() {
- if ( this.view !== null ) {
- this.view.enabled = false;
- }
- this.updateProjectionMatrix();
- }
- updateProjectionMatrix() {
- const dx = ( this.right - this.left ) / ( 2 * this.zoom );
- const dy = ( this.top - this.bottom ) / ( 2 * this.zoom );
- const cx = ( this.right + this.left ) / 2;
- const cy = ( this.top + this.bottom ) / 2;
- let left = cx - dx;
- let right = cx + dx;
- let top = cy + dy;
- let bottom = cy - dy;
- if ( this.view !== null && this.view.enabled ) {
- const scaleW = ( this.right - this.left ) / this.view.fullWidth / this.zoom;
- const scaleH = ( this.top - this.bottom ) / this.view.fullHeight / this.zoom;
- left += scaleW * this.view.offsetX;
- right = left + scaleW * this.view.width;
- top -= scaleH * this.view.offsetY;
- bottom = top - scaleH * this.view.height;
- }
- this.projectionMatrix.makeOrthographic( left, right, top, bottom, this.near, this.far, this.coordinateSystem );
- this.projectionMatrixInverse.copy( this.projectionMatrix ).invert();
- }
- toJSON( meta ) {
- const data = super.toJSON( meta );
- data.object.zoom = this.zoom;
- data.object.left = this.left;
- data.object.right = this.right;
- data.object.top = this.top;
- data.object.bottom = this.bottom;
- data.object.near = this.near;
- data.object.far = this.far;
- if ( this.view !== null ) data.object.view = Object.assign( {}, this.view );
- return data;
- }
- }
- class DirectionalLightShadow extends LightShadow {
- constructor() {
- super( new OrthographicCamera( - 5, 5, 5, - 5, 0.5, 500 ) );
- this.isDirectionalLightShadow = true;
- }
- }
- class DirectionalLight extends Light {
- constructor( color, intensity ) {
- super( color, intensity );
- this.isDirectionalLight = true;
- this.type = 'DirectionalLight';
- this.position.copy( Object3D.DEFAULT_UP );
- this.updateMatrix();
- this.target = new Object3D();
- this.shadow = new DirectionalLightShadow();
- }
- dispose() {
- this.shadow.dispose();
- }
- copy( source ) {
- super.copy( source );
- this.target = source.target.clone();
- this.shadow = source.shadow.clone();
- return this;
- }
- }
- class AmbientLight extends Light {
- constructor( color, intensity ) {
- super( color, intensity );
- this.isAmbientLight = true;
- this.type = 'AmbientLight';
- }
- }
- class RectAreaLight extends Light {
- constructor( color, intensity, width = 10, height = 10 ) {
- super( color, intensity );
- this.isRectAreaLight = true;
- this.type = 'RectAreaLight';
- this.width = width;
- this.height = height;
- }
- get power() {
- // compute the light's luminous power (in lumens) from its intensity (in nits)
- return this.intensity * this.width * this.height * Math.PI;
- }
- set power( power ) {
- // set the light's intensity (in nits) from the desired luminous power (in lumens)
- this.intensity = power / ( this.width * this.height * Math.PI );
- }
- copy( source ) {
- super.copy( source );
- this.width = source.width;
- this.height = source.height;
- return this;
- }
- toJSON( meta ) {
- const data = super.toJSON( meta );
- data.object.width = this.width;
- data.object.height = this.height;
- return data;
- }
- }
- /**
- * Primary reference:
- * https://graphics.stanford.edu/papers/envmap/envmap.pdf
- *
- * Secondary reference:
- * https://www.ppsloan.org/publications/StupidSH36.pdf
- */
- // 3-band SH defined by 9 coefficients
- class SphericalHarmonics3 {
- constructor() {
- this.isSphericalHarmonics3 = true;
- this.coefficients = [];
- for ( let i = 0; i < 9; i ++ ) {
- this.coefficients.push( new Vector3() );
- }
- }
- set( coefficients ) {
- for ( let i = 0; i < 9; i ++ ) {
- this.coefficients[ i ].copy( coefficients[ i ] );
- }
- return this;
- }
- zero() {
- for ( let i = 0; i < 9; i ++ ) {
- this.coefficients[ i ].set( 0, 0, 0 );
- }
- return this;
- }
- // get the radiance in the direction of the normal
- // target is a Vector3
- getAt( normal, target ) {
- // normal is assumed to be unit length
- const x = normal.x, y = normal.y, z = normal.z;
- const coeff = this.coefficients;
- // band 0
- target.copy( coeff[ 0 ] ).multiplyScalar( 0.282095 );
- // band 1
- target.addScaledVector( coeff[ 1 ], 0.488603 * y );
- target.addScaledVector( coeff[ 2 ], 0.488603 * z );
- target.addScaledVector( coeff[ 3 ], 0.488603 * x );
- // band 2
- target.addScaledVector( coeff[ 4 ], 1.092548 * ( x * y ) );
- target.addScaledVector( coeff[ 5 ], 1.092548 * ( y * z ) );
- target.addScaledVector( coeff[ 6 ], 0.315392 * ( 3.0 * z * z - 1.0 ) );
- target.addScaledVector( coeff[ 7 ], 1.092548 * ( x * z ) );
- target.addScaledVector( coeff[ 8 ], 0.546274 * ( x * x - y * y ) );
- return target;
- }
- // get the irradiance (radiance convolved with cosine lobe) in the direction of the normal
- // target is a Vector3
- // https://graphics.stanford.edu/papers/envmap/envmap.pdf
- getIrradianceAt( normal, target ) {
- // normal is assumed to be unit length
- const x = normal.x, y = normal.y, z = normal.z;
- const coeff = this.coefficients;
- // band 0
- target.copy( coeff[ 0 ] ).multiplyScalar( 0.886227 ); // π * 0.282095
- // band 1
- target.addScaledVector( coeff[ 1 ], 2.0 * 0.511664 * y ); // ( 2 * π / 3 ) * 0.488603
- target.addScaledVector( coeff[ 2 ], 2.0 * 0.511664 * z );
- target.addScaledVector( coeff[ 3 ], 2.0 * 0.511664 * x );
- // band 2
- target.addScaledVector( coeff[ 4 ], 2.0 * 0.429043 * x * y ); // ( π / 4 ) * 1.092548
- target.addScaledVector( coeff[ 5 ], 2.0 * 0.429043 * y * z );
- target.addScaledVector( coeff[ 6 ], 0.743125 * z * z - 0.247708 ); // ( π / 4 ) * 0.315392 * 3
- target.addScaledVector( coeff[ 7 ], 2.0 * 0.429043 * x * z );
- target.addScaledVector( coeff[ 8 ], 0.429043 * ( x * x - y * y ) ); // ( π / 4 ) * 0.546274
- return target;
- }
- add( sh ) {
- for ( let i = 0; i < 9; i ++ ) {
- this.coefficients[ i ].add( sh.coefficients[ i ] );
- }
- return this;
- }
- addScaledSH( sh, s ) {
- for ( let i = 0; i < 9; i ++ ) {
- this.coefficients[ i ].addScaledVector( sh.coefficients[ i ], s );
- }
- return this;
- }
- scale( s ) {
- for ( let i = 0; i < 9; i ++ ) {
- this.coefficients[ i ].multiplyScalar( s );
- }
- return this;
- }
- lerp( sh, alpha ) {
- for ( let i = 0; i < 9; i ++ ) {
- this.coefficients[ i ].lerp( sh.coefficients[ i ], alpha );
- }
- return this;
- }
- equals( sh ) {
- for ( let i = 0; i < 9; i ++ ) {
- if ( ! this.coefficients[ i ].equals( sh.coefficients[ i ] ) ) {
- return false;
- }
- }
- return true;
- }
- copy( sh ) {
- return this.set( sh.coefficients );
- }
- clone() {
- return new this.constructor().copy( this );
- }
- fromArray( array, offset = 0 ) {
- const coefficients = this.coefficients;
- for ( let i = 0; i < 9; i ++ ) {
- coefficients[ i ].fromArray( array, offset + ( i * 3 ) );
- }
- return this;
- }
- toArray( array = [], offset = 0 ) {
- const coefficients = this.coefficients;
- for ( let i = 0; i < 9; i ++ ) {
- coefficients[ i ].toArray( array, offset + ( i * 3 ) );
- }
- return array;
- }
- // evaluate the basis functions
- // shBasis is an Array[ 9 ]
- static getBasisAt( normal, shBasis ) {
- // normal is assumed to be unit length
- const x = normal.x, y = normal.y, z = normal.z;
- // band 0
- shBasis[ 0 ] = 0.282095;
- // band 1
- shBasis[ 1 ] = 0.488603 * y;
- shBasis[ 2 ] = 0.488603 * z;
- shBasis[ 3 ] = 0.488603 * x;
- // band 2
- shBasis[ 4 ] = 1.092548 * x * y;
- shBasis[ 5 ] = 1.092548 * y * z;
- shBasis[ 6 ] = 0.315392 * ( 3 * z * z - 1 );
- shBasis[ 7 ] = 1.092548 * x * z;
- shBasis[ 8 ] = 0.546274 * ( x * x - y * y );
- }
- }
- class LightProbe extends Light {
- constructor( sh = new SphericalHarmonics3(), intensity = 1 ) {
- super( undefined, intensity );
- this.isLightProbe = true;
- this.sh = sh;
- }
- copy( source ) {
- super.copy( source );
- this.sh.copy( source.sh );
- return this;
- }
- fromJSON( json ) {
- this.intensity = json.intensity; // TODO: Move this bit to Light.fromJSON();
- this.sh.fromArray( json.sh );
- return this;
- }
- toJSON( meta ) {
- const data = super.toJSON( meta );
- data.object.sh = this.sh.toArray();
- return data;
- }
- }
- class MaterialLoader extends Loader {
- constructor( manager ) {
- super( manager );
- this.textures = {};
- }
- load( url, onLoad, onProgress, onError ) {
- const scope = this;
- const loader = new FileLoader( scope.manager );
- loader.setPath( scope.path );
- loader.setRequestHeader( scope.requestHeader );
- loader.setWithCredentials( scope.withCredentials );
- loader.load( url, function ( text ) {
- try {
- onLoad( scope.parse( JSON.parse( text ) ) );
- } catch ( e ) {
- if ( onError ) {
- onError( e );
- } else {
- console.error( e );
- }
- scope.manager.itemError( url );
- }
- }, onProgress, onError );
- }
- parse( json ) {
- const textures = this.textures;
- function getTexture( name ) {
- if ( textures[ name ] === undefined ) {
- console.warn( 'THREE.MaterialLoader: Undefined texture', name );
- }
- return textures[ name ];
- }
- const material = this.createMaterialFromType( json.type );
- if ( json.uuid !== undefined ) material.uuid = json.uuid;
- if ( json.name !== undefined ) material.name = json.name;
- if ( json.color !== undefined && material.color !== undefined ) material.color.setHex( json.color );
- if ( json.roughness !== undefined ) material.roughness = json.roughness;
- if ( json.metalness !== undefined ) material.metalness = json.metalness;
- if ( json.sheen !== undefined ) material.sheen = json.sheen;
- if ( json.sheenColor !== undefined ) material.sheenColor = new Color().setHex( json.sheenColor );
- if ( json.sheenRoughness !== undefined ) material.sheenRoughness = json.sheenRoughness;
- if ( json.emissive !== undefined && material.emissive !== undefined ) material.emissive.setHex( json.emissive );
- if ( json.specular !== undefined && material.specular !== undefined ) material.specular.setHex( json.specular );
- if ( json.specularIntensity !== undefined ) material.specularIntensity = json.specularIntensity;
- if ( json.specularColor !== undefined && material.specularColor !== undefined ) material.specularColor.setHex( json.specularColor );
- if ( json.shininess !== undefined ) material.shininess = json.shininess;
- if ( json.clearcoat !== undefined ) material.clearcoat = json.clearcoat;
- if ( json.clearcoatRoughness !== undefined ) material.clearcoatRoughness = json.clearcoatRoughness;
- if ( json.dispersion !== undefined ) material.dispersion = json.dispersion;
- if ( json.iridescence !== undefined ) material.iridescence = json.iridescence;
- if ( json.iridescenceIOR !== undefined ) material.iridescenceIOR = json.iridescenceIOR;
- if ( json.iridescenceThicknessRange !== undefined ) material.iridescenceThicknessRange = json.iridescenceThicknessRange;
- if ( json.transmission !== undefined ) material.transmission = json.transmission;
- if ( json.thickness !== undefined ) material.thickness = json.thickness;
- if ( json.attenuationDistance !== undefined ) material.attenuationDistance = json.attenuationDistance;
- if ( json.attenuationColor !== undefined && material.attenuationColor !== undefined ) material.attenuationColor.setHex( json.attenuationColor );
- if ( json.anisotropy !== undefined ) material.anisotropy = json.anisotropy;
- if ( json.anisotropyRotation !== undefined ) material.anisotropyRotation = json.anisotropyRotation;
- if ( json.fog !== undefined ) material.fog = json.fog;
- if ( json.flatShading !== undefined ) material.flatShading = json.flatShading;
- if ( json.blending !== undefined ) material.blending = json.blending;
- if ( json.combine !== undefined ) material.combine = json.combine;
- if ( json.side !== undefined ) material.side = json.side;
- if ( json.shadowSide !== undefined ) material.shadowSide = json.shadowSide;
- if ( json.opacity !== undefined ) material.opacity = json.opacity;
- if ( json.transparent !== undefined ) material.transparent = json.transparent;
- if ( json.alphaTest !== undefined ) material.alphaTest = json.alphaTest;
- if ( json.alphaHash !== undefined ) material.alphaHash = json.alphaHash;
- if ( json.depthFunc !== undefined ) material.depthFunc = json.depthFunc;
- if ( json.depthTest !== undefined ) material.depthTest = json.depthTest;
- if ( json.depthWrite !== undefined ) material.depthWrite = json.depthWrite;
- if ( json.colorWrite !== undefined ) material.colorWrite = json.colorWrite;
- if ( json.blendSrc !== undefined ) material.blendSrc = json.blendSrc;
- if ( json.blendDst !== undefined ) material.blendDst = json.blendDst;
- if ( json.blendEquation !== undefined ) material.blendEquation = json.blendEquation;
- if ( json.blendSrcAlpha !== undefined ) material.blendSrcAlpha = json.blendSrcAlpha;
- if ( json.blendDstAlpha !== undefined ) material.blendDstAlpha = json.blendDstAlpha;
- if ( json.blendEquationAlpha !== undefined ) material.blendEquationAlpha = json.blendEquationAlpha;
- if ( json.blendColor !== undefined && material.blendColor !== undefined ) material.blendColor.setHex( json.blendColor );
- if ( json.blendAlpha !== undefined ) material.blendAlpha = json.blendAlpha;
- if ( json.stencilWriteMask !== undefined ) material.stencilWriteMask = json.stencilWriteMask;
- if ( json.stencilFunc !== undefined ) material.stencilFunc = json.stencilFunc;
- if ( json.stencilRef !== undefined ) material.stencilRef = json.stencilRef;
- if ( json.stencilFuncMask !== undefined ) material.stencilFuncMask = json.stencilFuncMask;
- if ( json.stencilFail !== undefined ) material.stencilFail = json.stencilFail;
- if ( json.stencilZFail !== undefined ) material.stencilZFail = json.stencilZFail;
- if ( json.stencilZPass !== undefined ) material.stencilZPass = json.stencilZPass;
- if ( json.stencilWrite !== undefined ) material.stencilWrite = json.stencilWrite;
- if ( json.wireframe !== undefined ) material.wireframe = json.wireframe;
- if ( json.wireframeLinewidth !== undefined ) material.wireframeLinewidth = json.wireframeLinewidth;
- if ( json.wireframeLinecap !== undefined ) material.wireframeLinecap = json.wireframeLinecap;
- if ( json.wireframeLinejoin !== undefined ) material.wireframeLinejoin = json.wireframeLinejoin;
- if ( json.rotation !== undefined ) material.rotation = json.rotation;
- if ( json.linewidth !== undefined ) material.linewidth = json.linewidth;
- if ( json.dashSize !== undefined ) material.dashSize = json.dashSize;
- if ( json.gapSize !== undefined ) material.gapSize = json.gapSize;
- if ( json.scale !== undefined ) material.scale = json.scale;
- if ( json.polygonOffset !== undefined ) material.polygonOffset = json.polygonOffset;
- if ( json.polygonOffsetFactor !== undefined ) material.polygonOffsetFactor = json.polygonOffsetFactor;
- if ( json.polygonOffsetUnits !== undefined ) material.polygonOffsetUnits = json.polygonOffsetUnits;
- if ( json.dithering !== undefined ) material.dithering = json.dithering;
- if ( json.alphaToCoverage !== undefined ) material.alphaToCoverage = json.alphaToCoverage;
- if ( json.premultipliedAlpha !== undefined ) material.premultipliedAlpha = json.premultipliedAlpha;
- if ( json.forceSinglePass !== undefined ) material.forceSinglePass = json.forceSinglePass;
- if ( json.visible !== undefined ) material.visible = json.visible;
- if ( json.toneMapped !== undefined ) material.toneMapped = json.toneMapped;
- if ( json.userData !== undefined ) material.userData = json.userData;
- if ( json.vertexColors !== undefined ) {
- if ( typeof json.vertexColors === 'number' ) {
- material.vertexColors = ( json.vertexColors > 0 ) ? true : false;
- } else {
- material.vertexColors = json.vertexColors;
- }
- }
- // Shader Material
- if ( json.uniforms !== undefined ) {
- for ( const name in json.uniforms ) {
- const uniform = json.uniforms[ name ];
- material.uniforms[ name ] = {};
- switch ( uniform.type ) {
- case 't':
- material.uniforms[ name ].value = getTexture( uniform.value );
- break;
- case 'c':
- material.uniforms[ name ].value = new Color().setHex( uniform.value );
- break;
- case 'v2':
- material.uniforms[ name ].value = new Vector2().fromArray( uniform.value );
- break;
- case 'v3':
- material.uniforms[ name ].value = new Vector3().fromArray( uniform.value );
- break;
- case 'v4':
- material.uniforms[ name ].value = new Vector4().fromArray( uniform.value );
- break;
- case 'm3':
- material.uniforms[ name ].value = new Matrix3().fromArray( uniform.value );
- break;
- case 'm4':
- material.uniforms[ name ].value = new Matrix4().fromArray( uniform.value );
- break;
- default:
- material.uniforms[ name ].value = uniform.value;
- }
- }
- }
- if ( json.defines !== undefined ) material.defines = json.defines;
- if ( json.vertexShader !== undefined ) material.vertexShader = json.vertexShader;
- if ( json.fragmentShader !== undefined ) material.fragmentShader = json.fragmentShader;
- if ( json.glslVersion !== undefined ) material.glslVersion = json.glslVersion;
- if ( json.extensions !== undefined ) {
- for ( const key in json.extensions ) {
- material.extensions[ key ] = json.extensions[ key ];
- }
- }
- if ( json.lights !== undefined ) material.lights = json.lights;
- if ( json.clipping !== undefined ) material.clipping = json.clipping;
- // for PointsMaterial
- if ( json.size !== undefined ) material.size = json.size;
- if ( json.sizeAttenuation !== undefined ) material.sizeAttenuation = json.sizeAttenuation;
- // maps
- if ( json.map !== undefined ) material.map = getTexture( json.map );
- if ( json.matcap !== undefined ) material.matcap = getTexture( json.matcap );
- if ( json.alphaMap !== undefined ) material.alphaMap = getTexture( json.alphaMap );
- if ( json.bumpMap !== undefined ) material.bumpMap = getTexture( json.bumpMap );
- if ( json.bumpScale !== undefined ) material.bumpScale = json.bumpScale;
- if ( json.normalMap !== undefined ) material.normalMap = getTexture( json.normalMap );
- if ( json.normalMapType !== undefined ) material.normalMapType = json.normalMapType;
- if ( json.normalScale !== undefined ) {
- let normalScale = json.normalScale;
- if ( Array.isArray( normalScale ) === false ) {
- // Blender exporter used to export a scalar. See #7459
- normalScale = [ normalScale, normalScale ];
- }
- material.normalScale = new Vector2().fromArray( normalScale );
- }
- if ( json.displacementMap !== undefined ) material.displacementMap = getTexture( json.displacementMap );
- if ( json.displacementScale !== undefined ) material.displacementScale = json.displacementScale;
- if ( json.displacementBias !== undefined ) material.displacementBias = json.displacementBias;
- if ( json.roughnessMap !== undefined ) material.roughnessMap = getTexture( json.roughnessMap );
- if ( json.metalnessMap !== undefined ) material.metalnessMap = getTexture( json.metalnessMap );
- if ( json.emissiveMap !== undefined ) material.emissiveMap = getTexture( json.emissiveMap );
- if ( json.emissiveIntensity !== undefined ) material.emissiveIntensity = json.emissiveIntensity;
- if ( json.specularMap !== undefined ) material.specularMap = getTexture( json.specularMap );
- if ( json.specularIntensityMap !== undefined ) material.specularIntensityMap = getTexture( json.specularIntensityMap );
- if ( json.specularColorMap !== undefined ) material.specularColorMap = getTexture( json.specularColorMap );
- if ( json.envMap !== undefined ) material.envMap = getTexture( json.envMap );
- if ( json.envMapRotation !== undefined ) material.envMapRotation.fromArray( json.envMapRotation );
- if ( json.envMapIntensity !== undefined ) material.envMapIntensity = json.envMapIntensity;
- if ( json.reflectivity !== undefined ) material.reflectivity = json.reflectivity;
- if ( json.refractionRatio !== undefined ) material.refractionRatio = json.refractionRatio;
- if ( json.lightMap !== undefined ) material.lightMap = getTexture( json.lightMap );
- if ( json.lightMapIntensity !== undefined ) material.lightMapIntensity = json.lightMapIntensity;
- if ( json.aoMap !== undefined ) material.aoMap = getTexture( json.aoMap );
- if ( json.aoMapIntensity !== undefined ) material.aoMapIntensity = json.aoMapIntensity;
- if ( json.gradientMap !== undefined ) material.gradientMap = getTexture( json.gradientMap );
- if ( json.clearcoatMap !== undefined ) material.clearcoatMap = getTexture( json.clearcoatMap );
- if ( json.clearcoatRoughnessMap !== undefined ) material.clearcoatRoughnessMap = getTexture( json.clearcoatRoughnessMap );
- if ( json.clearcoatNormalMap !== undefined ) material.clearcoatNormalMap = getTexture( json.clearcoatNormalMap );
- if ( json.clearcoatNormalScale !== undefined ) material.clearcoatNormalScale = new Vector2().fromArray( json.clearcoatNormalScale );
- if ( json.iridescenceMap !== undefined ) material.iridescenceMap = getTexture( json.iridescenceMap );
- if ( json.iridescenceThicknessMap !== undefined ) material.iridescenceThicknessMap = getTexture( json.iridescenceThicknessMap );
- if ( json.transmissionMap !== undefined ) material.transmissionMap = getTexture( json.transmissionMap );
- if ( json.thicknessMap !== undefined ) material.thicknessMap = getTexture( json.thicknessMap );
- if ( json.anisotropyMap !== undefined ) material.anisotropyMap = getTexture( json.anisotropyMap );
- if ( json.sheenColorMap !== undefined ) material.sheenColorMap = getTexture( json.sheenColorMap );
- if ( json.sheenRoughnessMap !== undefined ) material.sheenRoughnessMap = getTexture( json.sheenRoughnessMap );
- return material;
- }
- setTextures( value ) {
- this.textures = value;
- return this;
- }
- createMaterialFromType( type ) {
- return MaterialLoader.createMaterialFromType( type );
- }
- static createMaterialFromType( type ) {
- const materialLib = {
- ShadowMaterial,
- SpriteMaterial,
- RawShaderMaterial,
- ShaderMaterial,
- PointsMaterial,
- MeshPhysicalMaterial,
- MeshStandardMaterial,
- MeshPhongMaterial,
- MeshToonMaterial,
- MeshNormalMaterial,
- MeshLambertMaterial,
- MeshDepthMaterial,
- MeshDistanceMaterial,
- MeshBasicMaterial,
- MeshMatcapMaterial,
- LineDashedMaterial,
- LineBasicMaterial,
- Material
- };
- return new materialLib[ type ]();
- }
- }
- class LoaderUtils {
- static decodeText( array ) { // @deprecated, r165
- console.warn( 'THREE.LoaderUtils: decodeText() has been deprecated with r165 and will be removed with r175. Use TextDecoder instead.' );
- if ( typeof TextDecoder !== 'undefined' ) {
- return new TextDecoder().decode( array );
- }
- // Avoid the String.fromCharCode.apply(null, array) shortcut, which
- // throws a "maximum call stack size exceeded" error for large arrays.
- let s = '';
- for ( let i = 0, il = array.length; i < il; i ++ ) {
- // Implicitly assumes little-endian.
- s += String.fromCharCode( array[ i ] );
- }
- try {
- // merges multi-byte utf-8 characters.
- return decodeURIComponent( escape( s ) );
- } catch ( e ) { // see #16358
- return s;
- }
- }
- static extractUrlBase( url ) {
- const index = url.lastIndexOf( '/' );
- if ( index === - 1 ) return './';
- return url.slice( 0, index + 1 );
- }
- static resolveURL( url, path ) {
- // Invalid URL
- if ( typeof url !== 'string' || url === '' ) return '';
- // Host Relative URL
- if ( /^https?:\/\//i.test( path ) && /^\//.test( url ) ) {
- path = path.replace( /(^https?:\/\/[^\/]+).*/i, '$1' );
- }
- // Absolute URL http://,https://,//
- if ( /^(https?:)?\/\//i.test( url ) ) return url;
- // Data URI
- if ( /^data:.*,.*$/i.test( url ) ) return url;
- // Blob URL
- if ( /^blob:.*$/i.test( url ) ) return url;
- // Relative URL
- return path + url;
- }
- }
- class InstancedBufferGeometry extends BufferGeometry {
- constructor() {
- super();
- this.isInstancedBufferGeometry = true;
- this.type = 'InstancedBufferGeometry';
- this.instanceCount = Infinity;
- }
- copy( source ) {
- super.copy( source );
- this.instanceCount = source.instanceCount;
- return this;
- }
- toJSON() {
- const data = super.toJSON();
- data.instanceCount = this.instanceCount;
- data.isInstancedBufferGeometry = true;
- return data;
- }
- }
- class BufferGeometryLoader extends Loader {
- constructor( manager ) {
- super( manager );
- }
- load( url, onLoad, onProgress, onError ) {
- const scope = this;
- const loader = new FileLoader( scope.manager );
- loader.setPath( scope.path );
- loader.setRequestHeader( scope.requestHeader );
- loader.setWithCredentials( scope.withCredentials );
- loader.load( url, function ( text ) {
- try {
- onLoad( scope.parse( JSON.parse( text ) ) );
- } catch ( e ) {
- if ( onError ) {
- onError( e );
- } else {
- console.error( e );
- }
- scope.manager.itemError( url );
- }
- }, onProgress, onError );
- }
- parse( json ) {
- const interleavedBufferMap = {};
- const arrayBufferMap = {};
- function getInterleavedBuffer( json, uuid ) {
- if ( interleavedBufferMap[ uuid ] !== undefined ) return interleavedBufferMap[ uuid ];
- const interleavedBuffers = json.interleavedBuffers;
- const interleavedBuffer = interleavedBuffers[ uuid ];
- const buffer = getArrayBuffer( json, interleavedBuffer.buffer );
- const array = getTypedArray( interleavedBuffer.type, buffer );
- const ib = new InterleavedBuffer( array, interleavedBuffer.stride );
- ib.uuid = interleavedBuffer.uuid;
- interleavedBufferMap[ uuid ] = ib;
- return ib;
- }
- function getArrayBuffer( json, uuid ) {
- if ( arrayBufferMap[ uuid ] !== undefined ) return arrayBufferMap[ uuid ];
- const arrayBuffers = json.arrayBuffers;
- const arrayBuffer = arrayBuffers[ uuid ];
- const ab = new Uint32Array( arrayBuffer ).buffer;
- arrayBufferMap[ uuid ] = ab;
- return ab;
- }
- const geometry = json.isInstancedBufferGeometry ? new InstancedBufferGeometry() : new BufferGeometry();
- const index = json.data.index;
- if ( index !== undefined ) {
- const typedArray = getTypedArray( index.type, index.array );
- geometry.setIndex( new BufferAttribute( typedArray, 1 ) );
- }
- const attributes = json.data.attributes;
- for ( const key in attributes ) {
- const attribute = attributes[ key ];
- let bufferAttribute;
- if ( attribute.isInterleavedBufferAttribute ) {
- const interleavedBuffer = getInterleavedBuffer( json.data, attribute.data );
- bufferAttribute = new InterleavedBufferAttribute( interleavedBuffer, attribute.itemSize, attribute.offset, attribute.normalized );
- } else {
- const typedArray = getTypedArray( attribute.type, attribute.array );
- const bufferAttributeConstr = attribute.isInstancedBufferAttribute ? InstancedBufferAttribute : BufferAttribute;
- bufferAttribute = new bufferAttributeConstr( typedArray, attribute.itemSize, attribute.normalized );
- }
- if ( attribute.name !== undefined ) bufferAttribute.name = attribute.name;
- if ( attribute.usage !== undefined ) bufferAttribute.setUsage( attribute.usage );
- geometry.setAttribute( key, bufferAttribute );
- }
- const morphAttributes = json.data.morphAttributes;
- if ( morphAttributes ) {
- for ( const key in morphAttributes ) {
- const attributeArray = morphAttributes[ key ];
- const array = [];
- for ( let i = 0, il = attributeArray.length; i < il; i ++ ) {
- const attribute = attributeArray[ i ];
- let bufferAttribute;
- if ( attribute.isInterleavedBufferAttribute ) {
- const interleavedBuffer = getInterleavedBuffer( json.data, attribute.data );
- bufferAttribute = new InterleavedBufferAttribute( interleavedBuffer, attribute.itemSize, attribute.offset, attribute.normalized );
- } else {
- const typedArray = getTypedArray( attribute.type, attribute.array );
- bufferAttribute = new BufferAttribute( typedArray, attribute.itemSize, attribute.normalized );
- }
- if ( attribute.name !== undefined ) bufferAttribute.name = attribute.name;
- array.push( bufferAttribute );
- }
- geometry.morphAttributes[ key ] = array;
- }
- }
- const morphTargetsRelative = json.data.morphTargetsRelative;
- if ( morphTargetsRelative ) {
- geometry.morphTargetsRelative = true;
- }
- const groups = json.data.groups || json.data.drawcalls || json.data.offsets;
- if ( groups !== undefined ) {
- for ( let i = 0, n = groups.length; i !== n; ++ i ) {
- const group = groups[ i ];
- geometry.addGroup( group.start, group.count, group.materialIndex );
- }
- }
- const boundingSphere = json.data.boundingSphere;
- if ( boundingSphere !== undefined ) {
- const center = new Vector3();
- if ( boundingSphere.center !== undefined ) {
- center.fromArray( boundingSphere.center );
- }
- geometry.boundingSphere = new Sphere( center, boundingSphere.radius );
- }
- if ( json.name ) geometry.name = json.name;
- if ( json.userData ) geometry.userData = json.userData;
- return geometry;
- }
- }
- class ObjectLoader extends Loader {
- constructor( manager ) {
- super( manager );
- }
- load( url, onLoad, onProgress, onError ) {
- const scope = this;
- const path = ( this.path === '' ) ? LoaderUtils.extractUrlBase( url ) : this.path;
- this.resourcePath = this.resourcePath || path;
- const loader = new FileLoader( this.manager );
- loader.setPath( this.path );
- loader.setRequestHeader( this.requestHeader );
- loader.setWithCredentials( this.withCredentials );
- loader.load( url, function ( text ) {
- let json = null;
- try {
- json = JSON.parse( text );
- } catch ( error ) {
- if ( onError !== undefined ) onError( error );
- console.error( 'THREE:ObjectLoader: Can\'t parse ' + url + '.', error.message );
- return;
- }
- const metadata = json.metadata;
- if ( metadata === undefined || metadata.type === undefined || metadata.type.toLowerCase() === 'geometry' ) {
- if ( onError !== undefined ) onError( new Error( 'THREE.ObjectLoader: Can\'t load ' + url ) );
- console.error( 'THREE.ObjectLoader: Can\'t load ' + url );
- return;
- }
- scope.parse( json, onLoad );
- }, onProgress, onError );
- }
- async loadAsync( url, onProgress ) {
- const scope = this;
- const path = ( this.path === '' ) ? LoaderUtils.extractUrlBase( url ) : this.path;
- this.resourcePath = this.resourcePath || path;
- const loader = new FileLoader( this.manager );
- loader.setPath( this.path );
- loader.setRequestHeader( this.requestHeader );
- loader.setWithCredentials( this.withCredentials );
- const text = await loader.loadAsync( url, onProgress );
- const json = JSON.parse( text );
- const metadata = json.metadata;
- if ( metadata === undefined || metadata.type === undefined || metadata.type.toLowerCase() === 'geometry' ) {
- throw new Error( 'THREE.ObjectLoader: Can\'t load ' + url );
- }
- return await scope.parseAsync( json );
- }
- parse( json, onLoad ) {
- const animations = this.parseAnimations( json.animations );
- const shapes = this.parseShapes( json.shapes );
- const geometries = this.parseGeometries( json.geometries, shapes );
- const images = this.parseImages( json.images, function () {
- if ( onLoad !== undefined ) onLoad( object );
- } );
- const textures = this.parseTextures( json.textures, images );
- const materials = this.parseMaterials( json.materials, textures );
- const object = this.parseObject( json.object, geometries, materials, textures, animations );
- const skeletons = this.parseSkeletons( json.skeletons, object );
- this.bindSkeletons( object, skeletons );
- this.bindLightTargets( object );
- //
- if ( onLoad !== undefined ) {
- let hasImages = false;
- for ( const uuid in images ) {
- if ( images[ uuid ].data instanceof HTMLImageElement ) {
- hasImages = true;
- break;
- }
- }
- if ( hasImages === false ) onLoad( object );
- }
- return object;
- }
- async parseAsync( json ) {
- const animations = this.parseAnimations( json.animations );
- const shapes = this.parseShapes( json.shapes );
- const geometries = this.parseGeometries( json.geometries, shapes );
- const images = await this.parseImagesAsync( json.images );
- const textures = this.parseTextures( json.textures, images );
- const materials = this.parseMaterials( json.materials, textures );
- const object = this.parseObject( json.object, geometries, materials, textures, animations );
- const skeletons = this.parseSkeletons( json.skeletons, object );
- this.bindSkeletons( object, skeletons );
- this.bindLightTargets( object );
- return object;
- }
- parseShapes( json ) {
- const shapes = {};
- if ( json !== undefined ) {
- for ( let i = 0, l = json.length; i < l; i ++ ) {
- const shape = new Shape().fromJSON( json[ i ] );
- shapes[ shape.uuid ] = shape;
- }
- }
- return shapes;
- }
- parseSkeletons( json, object ) {
- const skeletons = {};
- const bones = {};
- // generate bone lookup table
- object.traverse( function ( child ) {
- if ( child.isBone ) bones[ child.uuid ] = child;
- } );
- // create skeletons
- if ( json !== undefined ) {
- for ( let i = 0, l = json.length; i < l; i ++ ) {
- const skeleton = new Skeleton().fromJSON( json[ i ], bones );
- skeletons[ skeleton.uuid ] = skeleton;
- }
- }
- return skeletons;
- }
- parseGeometries( json, shapes ) {
- const geometries = {};
- if ( json !== undefined ) {
- const bufferGeometryLoader = new BufferGeometryLoader();
- for ( let i = 0, l = json.length; i < l; i ++ ) {
- let geometry;
- const data = json[ i ];
- switch ( data.type ) {
- case 'BufferGeometry':
- case 'InstancedBufferGeometry':
- geometry = bufferGeometryLoader.parse( data );
- break;
- default:
- if ( data.type in Geometries$1 ) {
- geometry = Geometries$1[ data.type ].fromJSON( data, shapes );
- } else {
- console.warn( `THREE.ObjectLoader: Unsupported geometry type "${ data.type }"` );
- }
- }
- geometry.uuid = data.uuid;
- if ( data.name !== undefined ) geometry.name = data.name;
- if ( data.userData !== undefined ) geometry.userData = data.userData;
- geometries[ data.uuid ] = geometry;
- }
- }
- return geometries;
- }
- parseMaterials( json, textures ) {
- const cache = {}; // MultiMaterial
- const materials = {};
- if ( json !== undefined ) {
- const loader = new MaterialLoader();
- loader.setTextures( textures );
- for ( let i = 0, l = json.length; i < l; i ++ ) {
- const data = json[ i ];
- if ( cache[ data.uuid ] === undefined ) {
- cache[ data.uuid ] = loader.parse( data );
- }
- materials[ data.uuid ] = cache[ data.uuid ];
- }
- }
- return materials;
- }
- parseAnimations( json ) {
- const animations = {};
- if ( json !== undefined ) {
- for ( let i = 0; i < json.length; i ++ ) {
- const data = json[ i ];
- const clip = AnimationClip.parse( data );
- animations[ clip.uuid ] = clip;
- }
- }
- return animations;
- }
- parseImages( json, onLoad ) {
- const scope = this;
- const images = {};
- let loader;
- function loadImage( url ) {
- scope.manager.itemStart( url );
- return loader.load( url, function () {
- scope.manager.itemEnd( url );
- }, undefined, function () {
- scope.manager.itemError( url );
- scope.manager.itemEnd( url );
- } );
- }
- function deserializeImage( image ) {
- if ( typeof image === 'string' ) {
- const url = image;
- const path = /^(\/\/)|([a-z]+:(\/\/)?)/i.test( url ) ? url : scope.resourcePath + url;
- return loadImage( path );
- } else {
- if ( image.data ) {
- return {
- data: getTypedArray( image.type, image.data ),
- width: image.width,
- height: image.height
- };
- } else {
- return null;
- }
- }
- }
- if ( json !== undefined && json.length > 0 ) {
- const manager = new LoadingManager( onLoad );
- loader = new ImageLoader( manager );
- loader.setCrossOrigin( this.crossOrigin );
- for ( let i = 0, il = json.length; i < il; i ++ ) {
- const image = json[ i ];
- const url = image.url;
- if ( Array.isArray( url ) ) {
- // load array of images e.g CubeTexture
- const imageArray = [];
- for ( let j = 0, jl = url.length; j < jl; j ++ ) {
- const currentUrl = url[ j ];
- const deserializedImage = deserializeImage( currentUrl );
- if ( deserializedImage !== null ) {
- if ( deserializedImage instanceof HTMLImageElement ) {
- imageArray.push( deserializedImage );
- } else {
- // special case: handle array of data textures for cube textures
- imageArray.push( new DataTexture( deserializedImage.data, deserializedImage.width, deserializedImage.height ) );
- }
- }
- }
- images[ image.uuid ] = new Source( imageArray );
- } else {
- // load single image
- const deserializedImage = deserializeImage( image.url );
- images[ image.uuid ] = new Source( deserializedImage );
- }
- }
- }
- return images;
- }
- async parseImagesAsync( json ) {
- const scope = this;
- const images = {};
- let loader;
- async function deserializeImage( image ) {
- if ( typeof image === 'string' ) {
- const url = image;
- const path = /^(\/\/)|([a-z]+:(\/\/)?)/i.test( url ) ? url : scope.resourcePath + url;
- return await loader.loadAsync( path );
- } else {
- if ( image.data ) {
- return {
- data: getTypedArray( image.type, image.data ),
- width: image.width,
- height: image.height
- };
- } else {
- return null;
- }
- }
- }
- if ( json !== undefined && json.length > 0 ) {
- loader = new ImageLoader( this.manager );
- loader.setCrossOrigin( this.crossOrigin );
- for ( let i = 0, il = json.length; i < il; i ++ ) {
- const image = json[ i ];
- const url = image.url;
- if ( Array.isArray( url ) ) {
- // load array of images e.g CubeTexture
- const imageArray = [];
- for ( let j = 0, jl = url.length; j < jl; j ++ ) {
- const currentUrl = url[ j ];
- const deserializedImage = await deserializeImage( currentUrl );
- if ( deserializedImage !== null ) {
- if ( deserializedImage instanceof HTMLImageElement ) {
- imageArray.push( deserializedImage );
- } else {
- // special case: handle array of data textures for cube textures
- imageArray.push( new DataTexture( deserializedImage.data, deserializedImage.width, deserializedImage.height ) );
- }
- }
- }
- images[ image.uuid ] = new Source( imageArray );
- } else {
- // load single image
- const deserializedImage = await deserializeImage( image.url );
- images[ image.uuid ] = new Source( deserializedImage );
- }
- }
- }
- return images;
- }
- parseTextures( json, images ) {
- function parseConstant( value, type ) {
- if ( typeof value === 'number' ) return value;
- console.warn( 'THREE.ObjectLoader.parseTexture: Constant should be in numeric form.', value );
- return type[ value ];
- }
- const textures = {};
- if ( json !== undefined ) {
- for ( let i = 0, l = json.length; i < l; i ++ ) {
- const data = json[ i ];
- if ( data.image === undefined ) {
- console.warn( 'THREE.ObjectLoader: No "image" specified for', data.uuid );
- }
- if ( images[ data.image ] === undefined ) {
- console.warn( 'THREE.ObjectLoader: Undefined image', data.image );
- }
- const source = images[ data.image ];
- const image = source.data;
- let texture;
- if ( Array.isArray( image ) ) {
- texture = new CubeTexture();
- if ( image.length === 6 ) texture.needsUpdate = true;
- } else {
- if ( image && image.data ) {
- texture = new DataTexture();
- } else {
- texture = new Texture();
- }
- if ( image ) texture.needsUpdate = true; // textures can have undefined image data
- }
- texture.source = source;
- texture.uuid = data.uuid;
- if ( data.name !== undefined ) texture.name = data.name;
- if ( data.mapping !== undefined ) texture.mapping = parseConstant( data.mapping, TEXTURE_MAPPING );
- if ( data.channel !== undefined ) texture.channel = data.channel;
- if ( data.offset !== undefined ) texture.offset.fromArray( data.offset );
- if ( data.repeat !== undefined ) texture.repeat.fromArray( data.repeat );
- if ( data.center !== undefined ) texture.center.fromArray( data.center );
- if ( data.rotation !== undefined ) texture.rotation = data.rotation;
- if ( data.wrap !== undefined ) {
- texture.wrapS = parseConstant( data.wrap[ 0 ], TEXTURE_WRAPPING );
- texture.wrapT = parseConstant( data.wrap[ 1 ], TEXTURE_WRAPPING );
- }
- if ( data.format !== undefined ) texture.format = data.format;
- if ( data.internalFormat !== undefined ) texture.internalFormat = data.internalFormat;
- if ( data.type !== undefined ) texture.type = data.type;
- if ( data.colorSpace !== undefined ) texture.colorSpace = data.colorSpace;
- if ( data.minFilter !== undefined ) texture.minFilter = parseConstant( data.minFilter, TEXTURE_FILTER );
- if ( data.magFilter !== undefined ) texture.magFilter = parseConstant( data.magFilter, TEXTURE_FILTER );
- if ( data.anisotropy !== undefined ) texture.anisotropy = data.anisotropy;
- if ( data.flipY !== undefined ) texture.flipY = data.flipY;
- if ( data.generateMipmaps !== undefined ) texture.generateMipmaps = data.generateMipmaps;
- if ( data.premultiplyAlpha !== undefined ) texture.premultiplyAlpha = data.premultiplyAlpha;
- if ( data.unpackAlignment !== undefined ) texture.unpackAlignment = data.unpackAlignment;
- if ( data.compareFunction !== undefined ) texture.compareFunction = data.compareFunction;
- if ( data.userData !== undefined ) texture.userData = data.userData;
- textures[ data.uuid ] = texture;
- }
- }
- return textures;
- }
- parseObject( data, geometries, materials, textures, animations ) {
- let object;
- function getGeometry( name ) {
- if ( geometries[ name ] === undefined ) {
- console.warn( 'THREE.ObjectLoader: Undefined geometry', name );
- }
- return geometries[ name ];
- }
- function getMaterial( name ) {
- if ( name === undefined ) return undefined;
- if ( Array.isArray( name ) ) {
- const array = [];
- for ( let i = 0, l = name.length; i < l; i ++ ) {
- const uuid = name[ i ];
- if ( materials[ uuid ] === undefined ) {
- console.warn( 'THREE.ObjectLoader: Undefined material', uuid );
- }
- array.push( materials[ uuid ] );
- }
- return array;
- }
- if ( materials[ name ] === undefined ) {
- console.warn( 'THREE.ObjectLoader: Undefined material', name );
- }
- return materials[ name ];
- }
- function getTexture( uuid ) {
- if ( textures[ uuid ] === undefined ) {
- console.warn( 'THREE.ObjectLoader: Undefined texture', uuid );
- }
- return textures[ uuid ];
- }
- let geometry, material;
- switch ( data.type ) {
- case 'Scene':
- object = new Scene();
- if ( data.background !== undefined ) {
- if ( Number.isInteger( data.background ) ) {
- object.background = new Color( data.background );
- } else {
- object.background = getTexture( data.background );
- }
- }
- if ( data.environment !== undefined ) {
- object.environment = getTexture( data.environment );
- }
- if ( data.fog !== undefined ) {
- if ( data.fog.type === 'Fog' ) {
- object.fog = new Fog( data.fog.color, data.fog.near, data.fog.far );
- } else if ( data.fog.type === 'FogExp2' ) {
- object.fog = new FogExp2( data.fog.color, data.fog.density );
- }
- if ( data.fog.name !== '' ) {
- object.fog.name = data.fog.name;
- }
- }
- if ( data.backgroundBlurriness !== undefined ) object.backgroundBlurriness = data.backgroundBlurriness;
- if ( data.backgroundIntensity !== undefined ) object.backgroundIntensity = data.backgroundIntensity;
- if ( data.backgroundRotation !== undefined ) object.backgroundRotation.fromArray( data.backgroundRotation );
- if ( data.environmentIntensity !== undefined ) object.environmentIntensity = data.environmentIntensity;
- if ( data.environmentRotation !== undefined ) object.environmentRotation.fromArray( data.environmentRotation );
- break;
- case 'PerspectiveCamera':
- object = new PerspectiveCamera( data.fov, data.aspect, data.near, data.far );
- if ( data.focus !== undefined ) object.focus = data.focus;
- if ( data.zoom !== undefined ) object.zoom = data.zoom;
- if ( data.filmGauge !== undefined ) object.filmGauge = data.filmGauge;
- if ( data.filmOffset !== undefined ) object.filmOffset = data.filmOffset;
- if ( data.view !== undefined ) object.view = Object.assign( {}, data.view );
- break;
- case 'OrthographicCamera':
- object = new OrthographicCamera( data.left, data.right, data.top, data.bottom, data.near, data.far );
- if ( data.zoom !== undefined ) object.zoom = data.zoom;
- if ( data.view !== undefined ) object.view = Object.assign( {}, data.view );
- break;
- case 'AmbientLight':
- object = new AmbientLight( data.color, data.intensity );
- break;
- case 'DirectionalLight':
- object = new DirectionalLight( data.color, data.intensity );
- object.target = data.target || '';
- break;
- case 'PointLight':
- object = new PointLight( data.color, data.intensity, data.distance, data.decay );
- break;
- case 'RectAreaLight':
- object = new RectAreaLight( data.color, data.intensity, data.width, data.height );
- break;
- case 'SpotLight':
- object = new SpotLight( data.color, data.intensity, data.distance, data.angle, data.penumbra, data.decay );
- object.target = data.target || '';
- break;
- case 'HemisphereLight':
- object = new HemisphereLight( data.color, data.groundColor, data.intensity );
- break;
- case 'LightProbe':
- object = new LightProbe().fromJSON( data );
- break;
- case 'SkinnedMesh':
- geometry = getGeometry( data.geometry );
- material = getMaterial( data.material );
- object = new SkinnedMesh( geometry, material );
- if ( data.bindMode !== undefined ) object.bindMode = data.bindMode;
- if ( data.bindMatrix !== undefined ) object.bindMatrix.fromArray( data.bindMatrix );
- if ( data.skeleton !== undefined ) object.skeleton = data.skeleton;
- break;
- case 'Mesh':
- geometry = getGeometry( data.geometry );
- material = getMaterial( data.material );
- object = new Mesh( geometry, material );
- break;
- case 'InstancedMesh':
- geometry = getGeometry( data.geometry );
- material = getMaterial( data.material );
- const count = data.count;
- const instanceMatrix = data.instanceMatrix;
- const instanceColor = data.instanceColor;
- object = new InstancedMesh( geometry, material, count );
- object.instanceMatrix = new InstancedBufferAttribute( new Float32Array( instanceMatrix.array ), 16 );
- if ( instanceColor !== undefined ) object.instanceColor = new InstancedBufferAttribute( new Float32Array( instanceColor.array ), instanceColor.itemSize );
- break;
- case 'BatchedMesh':
- geometry = getGeometry( data.geometry );
- material = getMaterial( data.material );
- object = new BatchedMesh( data.maxInstanceCount, data.maxVertexCount, data.maxIndexCount, material );
- object.geometry = geometry;
- object.perObjectFrustumCulled = data.perObjectFrustumCulled;
- object.sortObjects = data.sortObjects;
- object._drawRanges = data.drawRanges;
- object._reservedRanges = data.reservedRanges;
- object._visibility = data.visibility;
- object._active = data.active;
- object._bounds = data.bounds.map( bound => {
- const box = new Box3();
- box.min.fromArray( bound.boxMin );
- box.max.fromArray( bound.boxMax );
- const sphere = new Sphere();
- sphere.radius = bound.sphereRadius;
- sphere.center.fromArray( bound.sphereCenter );
- return {
- boxInitialized: bound.boxInitialized,
- box: box,
- sphereInitialized: bound.sphereInitialized,
- sphere: sphere
- };
- } );
- object._maxInstanceCount = data.maxInstanceCount;
- object._maxVertexCount = data.maxVertexCount;
- object._maxIndexCount = data.maxIndexCount;
- object._geometryInitialized = data.geometryInitialized;
- object._geometryCount = data.geometryCount;
- object._matricesTexture = getTexture( data.matricesTexture.uuid );
- if ( data.colorsTexture !== undefined ) object._colorsTexture = getTexture( data.colorsTexture.uuid );
- break;
- case 'LOD':
- object = new LOD();
- break;
- case 'Line':
- object = new Line( getGeometry( data.geometry ), getMaterial( data.material ) );
- break;
- case 'LineLoop':
- object = new LineLoop( getGeometry( data.geometry ), getMaterial( data.material ) );
- break;
- case 'LineSegments':
- object = new LineSegments( getGeometry( data.geometry ), getMaterial( data.material ) );
- break;
- case 'PointCloud':
- case 'Points':
- object = new Points( getGeometry( data.geometry ), getMaterial( data.material ) );
- break;
- case 'Sprite':
- object = new Sprite( getMaterial( data.material ) );
- break;
- case 'Group':
- object = new Group();
- break;
- case 'Bone':
- object = new Bone();
- break;
- default:
- object = new Object3D();
- }
- object.uuid = data.uuid;
- if ( data.name !== undefined ) object.name = data.name;
- if ( data.matrix !== undefined ) {
- object.matrix.fromArray( data.matrix );
- if ( data.matrixAutoUpdate !== undefined ) object.matrixAutoUpdate = data.matrixAutoUpdate;
- if ( object.matrixAutoUpdate ) object.matrix.decompose( object.position, object.quaternion, object.scale );
- } else {
- if ( data.position !== undefined ) object.position.fromArray( data.position );
- if ( data.rotation !== undefined ) object.rotation.fromArray( data.rotation );
- if ( data.quaternion !== undefined ) object.quaternion.fromArray( data.quaternion );
- if ( data.scale !== undefined ) object.scale.fromArray( data.scale );
- }
- if ( data.up !== undefined ) object.up.fromArray( data.up );
- if ( data.castShadow !== undefined ) object.castShadow = data.castShadow;
- if ( data.receiveShadow !== undefined ) object.receiveShadow = data.receiveShadow;
- if ( data.shadow ) {
- if ( data.shadow.intensity !== undefined ) object.shadow.intensity = data.shadow.intensity;
- if ( data.shadow.bias !== undefined ) object.shadow.bias = data.shadow.bias;
- if ( data.shadow.normalBias !== undefined ) object.shadow.normalBias = data.shadow.normalBias;
- if ( data.shadow.radius !== undefined ) object.shadow.radius = data.shadow.radius;
- if ( data.shadow.mapSize !== undefined ) object.shadow.mapSize.fromArray( data.shadow.mapSize );
- if ( data.shadow.camera !== undefined ) object.shadow.camera = this.parseObject( data.shadow.camera );
- }
- if ( data.visible !== undefined ) object.visible = data.visible;
- if ( data.frustumCulled !== undefined ) object.frustumCulled = data.frustumCulled;
- if ( data.renderOrder !== undefined ) object.renderOrder = data.renderOrder;
- if ( data.userData !== undefined ) object.userData = data.userData;
- if ( data.layers !== undefined ) object.layers.mask = data.layers;
- if ( data.children !== undefined ) {
- const children = data.children;
- for ( let i = 0; i < children.length; i ++ ) {
- object.add( this.parseObject( children[ i ], geometries, materials, textures, animations ) );
- }
- }
- if ( data.animations !== undefined ) {
- const objectAnimations = data.animations;
- for ( let i = 0; i < objectAnimations.length; i ++ ) {
- const uuid = objectAnimations[ i ];
- object.animations.push( animations[ uuid ] );
- }
- }
- if ( data.type === 'LOD' ) {
- if ( data.autoUpdate !== undefined ) object.autoUpdate = data.autoUpdate;
- const levels = data.levels;
- for ( let l = 0; l < levels.length; l ++ ) {
- const level = levels[ l ];
- const child = object.getObjectByProperty( 'uuid', level.object );
- if ( child !== undefined ) {
- object.addLevel( child, level.distance, level.hysteresis );
- }
- }
- }
- return object;
- }
- bindSkeletons( object, skeletons ) {
- if ( Object.keys( skeletons ).length === 0 ) return;
- object.traverse( function ( child ) {
- if ( child.isSkinnedMesh === true && child.skeleton !== undefined ) {
- const skeleton = skeletons[ child.skeleton ];
- if ( skeleton === undefined ) {
- console.warn( 'THREE.ObjectLoader: No skeleton found with UUID:', child.skeleton );
- } else {
- child.bind( skeleton, child.bindMatrix );
- }
- }
- } );
- }
- bindLightTargets( object ) {
- object.traverse( function ( child ) {
- if ( child.isDirectionalLight || child.isSpotLight ) {
- const uuid = child.target;
- const target = object.getObjectByProperty( 'uuid', uuid );
- if ( target !== undefined ) {
- child.target = target;
- } else {
- child.target = new Object3D();
- }
- }
- } );
- }
- }
- const TEXTURE_MAPPING = {
- UVMapping: UVMapping,
- CubeReflectionMapping: CubeReflectionMapping,
- CubeRefractionMapping: CubeRefractionMapping,
- EquirectangularReflectionMapping: EquirectangularReflectionMapping,
- EquirectangularRefractionMapping: EquirectangularRefractionMapping,
- CubeUVReflectionMapping: CubeUVReflectionMapping
- };
- const TEXTURE_WRAPPING = {
- RepeatWrapping: RepeatWrapping,
- ClampToEdgeWrapping: ClampToEdgeWrapping,
- MirroredRepeatWrapping: MirroredRepeatWrapping
- };
- const TEXTURE_FILTER = {
- NearestFilter: NearestFilter,
- NearestMipmapNearestFilter: NearestMipmapNearestFilter,
- NearestMipmapLinearFilter: NearestMipmapLinearFilter,
- LinearFilter: LinearFilter,
- LinearMipmapNearestFilter: LinearMipmapNearestFilter,
- LinearMipmapLinearFilter: LinearMipmapLinearFilter
- };
- class ImageBitmapLoader extends Loader {
- constructor( manager ) {
- super( manager );
- this.isImageBitmapLoader = true;
- if ( typeof createImageBitmap === 'undefined' ) {
- console.warn( 'THREE.ImageBitmapLoader: createImageBitmap() not supported.' );
- }
- if ( typeof fetch === 'undefined' ) {
- console.warn( 'THREE.ImageBitmapLoader: fetch() not supported.' );
- }
- this.options = { premultiplyAlpha: 'none' };
- }
- setOptions( options ) {
- this.options = options;
- return this;
- }
- load( url, onLoad, onProgress, onError ) {
- if ( url === undefined ) url = '';
- if ( this.path !== undefined ) url = this.path + url;
- url = this.manager.resolveURL( url );
- const scope = this;
- const cached = Cache.get( url );
- if ( cached !== undefined ) {
- scope.manager.itemStart( url );
- // If cached is a promise, wait for it to resolve
- if ( cached.then ) {
- cached.then( imageBitmap => {
- if ( onLoad ) onLoad( imageBitmap );
- scope.manager.itemEnd( url );
- } ).catch( e => {
- if ( onError ) onError( e );
- } );
- return;
- }
- // If cached is not a promise (i.e., it's already an imageBitmap)
- setTimeout( function () {
- if ( onLoad ) onLoad( cached );
- scope.manager.itemEnd( url );
- }, 0 );
- return cached;
- }
- const fetchOptions = {};
- fetchOptions.credentials = ( this.crossOrigin === 'anonymous' ) ? 'same-origin' : 'include';
- fetchOptions.headers = this.requestHeader;
- const promise = fetch( url, fetchOptions ).then( function ( res ) {
- return res.blob();
- } ).then( function ( blob ) {
- return createImageBitmap( blob, Object.assign( scope.options, { colorSpaceConversion: 'none' } ) );
- } ).then( function ( imageBitmap ) {
- Cache.add( url, imageBitmap );
- if ( onLoad ) onLoad( imageBitmap );
- scope.manager.itemEnd( url );
- return imageBitmap;
- } ).catch( function ( e ) {
- if ( onError ) onError( e );
- Cache.remove( url );
- scope.manager.itemError( url );
- scope.manager.itemEnd( url );
- } );
- Cache.add( url, promise );
- scope.manager.itemStart( url );
- }
- }
- let _context;
- class AudioContext {
- static getContext() {
- if ( _context === undefined ) {
- _context = new ( window.AudioContext || window.webkitAudioContext )();
- }
- return _context;
- }
- static setContext( value ) {
- _context = value;
- }
- }
- class AudioLoader extends Loader {
- constructor( manager ) {
- super( manager );
- }
- load( url, onLoad, onProgress, onError ) {
- const scope = this;
- const loader = new FileLoader( this.manager );
- loader.setResponseType( 'arraybuffer' );
- loader.setPath( this.path );
- loader.setRequestHeader( this.requestHeader );
- loader.setWithCredentials( this.withCredentials );
- loader.load( url, function ( buffer ) {
- try {
- // Create a copy of the buffer. The `decodeAudioData` method
- // detaches the buffer when complete, preventing reuse.
- const bufferCopy = buffer.slice( 0 );
- const context = AudioContext.getContext();
- context.decodeAudioData( bufferCopy, function ( audioBuffer ) {
- onLoad( audioBuffer );
- } ).catch( handleError );
- } catch ( e ) {
- handleError( e );
- }
- }, onProgress, onError );
- function handleError( e ) {
- if ( onError ) {
- onError( e );
- } else {
- console.error( e );
- }
- scope.manager.itemError( url );
- }
- }
- }
- const _eyeRight = /*@__PURE__*/ new Matrix4();
- const _eyeLeft = /*@__PURE__*/ new Matrix4();
- const _projectionMatrix = /*@__PURE__*/ new Matrix4();
- class StereoCamera {
- constructor() {
- this.type = 'StereoCamera';
- this.aspect = 1;
- this.eyeSep = 0.064;
- this.cameraL = new PerspectiveCamera();
- this.cameraL.layers.enable( 1 );
- this.cameraL.matrixAutoUpdate = false;
- this.cameraR = new PerspectiveCamera();
- this.cameraR.layers.enable( 2 );
- this.cameraR.matrixAutoUpdate = false;
- this._cache = {
- focus: null,
- fov: null,
- aspect: null,
- near: null,
- far: null,
- zoom: null,
- eyeSep: null
- };
- }
- update( camera ) {
- const cache = this._cache;
- const needsUpdate = cache.focus !== camera.focus || cache.fov !== camera.fov ||
- cache.aspect !== camera.aspect * this.aspect || cache.near !== camera.near ||
- cache.far !== camera.far || cache.zoom !== camera.zoom || cache.eyeSep !== this.eyeSep;
- if ( needsUpdate ) {
- cache.focus = camera.focus;
- cache.fov = camera.fov;
- cache.aspect = camera.aspect * this.aspect;
- cache.near = camera.near;
- cache.far = camera.far;
- cache.zoom = camera.zoom;
- cache.eyeSep = this.eyeSep;
- // Off-axis stereoscopic effect based on
- // http://paulbourke.net/stereographics/stereorender/
- _projectionMatrix.copy( camera.projectionMatrix );
- const eyeSepHalf = cache.eyeSep / 2;
- const eyeSepOnProjection = eyeSepHalf * cache.near / cache.focus;
- const ymax = ( cache.near * Math.tan( DEG2RAD * cache.fov * 0.5 ) ) / cache.zoom;
- let xmin, xmax;
- // translate xOffset
- _eyeLeft.elements[ 12 ] = - eyeSepHalf;
- _eyeRight.elements[ 12 ] = eyeSepHalf;
- // for left eye
- xmin = - ymax * cache.aspect + eyeSepOnProjection;
- xmax = ymax * cache.aspect + eyeSepOnProjection;
- _projectionMatrix.elements[ 0 ] = 2 * cache.near / ( xmax - xmin );
- _projectionMatrix.elements[ 8 ] = ( xmax + xmin ) / ( xmax - xmin );
- this.cameraL.projectionMatrix.copy( _projectionMatrix );
- // for right eye
- xmin = - ymax * cache.aspect - eyeSepOnProjection;
- xmax = ymax * cache.aspect - eyeSepOnProjection;
- _projectionMatrix.elements[ 0 ] = 2 * cache.near / ( xmax - xmin );
- _projectionMatrix.elements[ 8 ] = ( xmax + xmin ) / ( xmax - xmin );
- this.cameraR.projectionMatrix.copy( _projectionMatrix );
- }
- this.cameraL.matrixWorld.copy( camera.matrixWorld ).multiply( _eyeLeft );
- this.cameraR.matrixWorld.copy( camera.matrixWorld ).multiply( _eyeRight );
- }
- }
- class ArrayCamera extends PerspectiveCamera {
- constructor( array = [] ) {
- super();
- this.isArrayCamera = true;
- this.cameras = array;
- }
- }
- class Clock {
- constructor( autoStart = true ) {
- this.autoStart = autoStart;
- this.startTime = 0;
- this.oldTime = 0;
- this.elapsedTime = 0;
- this.running = false;
- }
- start() {
- this.startTime = now();
- this.oldTime = this.startTime;
- this.elapsedTime = 0;
- this.running = true;
- }
- stop() {
- this.getElapsedTime();
- this.running = false;
- this.autoStart = false;
- }
- getElapsedTime() {
- this.getDelta();
- return this.elapsedTime;
- }
- getDelta() {
- let diff = 0;
- if ( this.autoStart && ! this.running ) {
- this.start();
- return 0;
- }
- if ( this.running ) {
- const newTime = now();
- diff = ( newTime - this.oldTime ) / 1000;
- this.oldTime = newTime;
- this.elapsedTime += diff;
- }
- return diff;
- }
- }
- function now() {
- return performance.now();
- }
- const _position$1 = /*@__PURE__*/ new Vector3();
- const _quaternion$1 = /*@__PURE__*/ new Quaternion();
- const _scale$1 = /*@__PURE__*/ new Vector3();
- const _orientation$1 = /*@__PURE__*/ new Vector3();
- class AudioListener extends Object3D {
- constructor() {
- super();
- this.type = 'AudioListener';
- this.context = AudioContext.getContext();
- this.gain = this.context.createGain();
- this.gain.connect( this.context.destination );
- this.filter = null;
- this.timeDelta = 0;
- // private
- this._clock = new Clock();
- }
- getInput() {
- return this.gain;
- }
- removeFilter() {
- if ( this.filter !== null ) {
- this.gain.disconnect( this.filter );
- this.filter.disconnect( this.context.destination );
- this.gain.connect( this.context.destination );
- this.filter = null;
- }
- return this;
- }
- getFilter() {
- return this.filter;
- }
- setFilter( value ) {
- if ( this.filter !== null ) {
- this.gain.disconnect( this.filter );
- this.filter.disconnect( this.context.destination );
- } else {
- this.gain.disconnect( this.context.destination );
- }
- this.filter = value;
- this.gain.connect( this.filter );
- this.filter.connect( this.context.destination );
- return this;
- }
- getMasterVolume() {
- return this.gain.gain.value;
- }
- setMasterVolume( value ) {
- this.gain.gain.setTargetAtTime( value, this.context.currentTime, 0.01 );
- return this;
- }
- updateMatrixWorld( force ) {
- super.updateMatrixWorld( force );
- const listener = this.context.listener;
- const up = this.up;
- this.timeDelta = this._clock.getDelta();
- this.matrixWorld.decompose( _position$1, _quaternion$1, _scale$1 );
- _orientation$1.set( 0, 0, - 1 ).applyQuaternion( _quaternion$1 );
- if ( listener.positionX ) {
- // code path for Chrome (see #14393)
- const endTime = this.context.currentTime + this.timeDelta;
- listener.positionX.linearRampToValueAtTime( _position$1.x, endTime );
- listener.positionY.linearRampToValueAtTime( _position$1.y, endTime );
- listener.positionZ.linearRampToValueAtTime( _position$1.z, endTime );
- listener.forwardX.linearRampToValueAtTime( _orientation$1.x, endTime );
- listener.forwardY.linearRampToValueAtTime( _orientation$1.y, endTime );
- listener.forwardZ.linearRampToValueAtTime( _orientation$1.z, endTime );
- listener.upX.linearRampToValueAtTime( up.x, endTime );
- listener.upY.linearRampToValueAtTime( up.y, endTime );
- listener.upZ.linearRampToValueAtTime( up.z, endTime );
- } else {
- listener.setPosition( _position$1.x, _position$1.y, _position$1.z );
- listener.setOrientation( _orientation$1.x, _orientation$1.y, _orientation$1.z, up.x, up.y, up.z );
- }
- }
- }
- class Audio extends Object3D {
- constructor( listener ) {
- super();
- this.type = 'Audio';
- this.listener = listener;
- this.context = listener.context;
- this.gain = this.context.createGain();
- this.gain.connect( listener.getInput() );
- this.autoplay = false;
- this.buffer = null;
- this.detune = 0;
- this.loop = false;
- this.loopStart = 0;
- this.loopEnd = 0;
- this.offset = 0;
- this.duration = undefined;
- this.playbackRate = 1;
- this.isPlaying = false;
- this.hasPlaybackControl = true;
- this.source = null;
- this.sourceType = 'empty';
- this._startedAt = 0;
- this._progress = 0;
- this._connected = false;
- this.filters = [];
- }
- getOutput() {
- return this.gain;
- }
- setNodeSource( audioNode ) {
- this.hasPlaybackControl = false;
- this.sourceType = 'audioNode';
- this.source = audioNode;
- this.connect();
- return this;
- }
- setMediaElementSource( mediaElement ) {
- this.hasPlaybackControl = false;
- this.sourceType = 'mediaNode';
- this.source = this.context.createMediaElementSource( mediaElement );
- this.connect();
- return this;
- }
- setMediaStreamSource( mediaStream ) {
- this.hasPlaybackControl = false;
- this.sourceType = 'mediaStreamNode';
- this.source = this.context.createMediaStreamSource( mediaStream );
- this.connect();
- return this;
- }
- setBuffer( audioBuffer ) {
- this.buffer = audioBuffer;
- this.sourceType = 'buffer';
- if ( this.autoplay ) this.play();
- return this;
- }
- play( delay = 0 ) {
- if ( this.isPlaying === true ) {
- console.warn( 'THREE.Audio: Audio is already playing.' );
- return;
- }
- if ( this.hasPlaybackControl === false ) {
- console.warn( 'THREE.Audio: this Audio has no playback control.' );
- return;
- }
- this._startedAt = this.context.currentTime + delay;
- const source = this.context.createBufferSource();
- source.buffer = this.buffer;
- source.loop = this.loop;
- source.loopStart = this.loopStart;
- source.loopEnd = this.loopEnd;
- source.onended = this.onEnded.bind( this );
- source.start( this._startedAt, this._progress + this.offset, this.duration );
- this.isPlaying = true;
- this.source = source;
- this.setDetune( this.detune );
- this.setPlaybackRate( this.playbackRate );
- return this.connect();
- }
- pause() {
- if ( this.hasPlaybackControl === false ) {
- console.warn( 'THREE.Audio: this Audio has no playback control.' );
- return;
- }
- if ( this.isPlaying === true ) {
- // update current progress
- this._progress += Math.max( this.context.currentTime - this._startedAt, 0 ) * this.playbackRate;
- if ( this.loop === true ) {
- // ensure _progress does not exceed duration with looped audios
- this._progress = this._progress % ( this.duration || this.buffer.duration );
- }
- this.source.stop();
- this.source.onended = null;
- this.isPlaying = false;
- }
- return this;
- }
- stop( delay = 0 ) {
- if ( this.hasPlaybackControl === false ) {
- console.warn( 'THREE.Audio: this Audio has no playback control.' );
- return;
- }
- this._progress = 0;
- if ( this.source !== null ) {
- this.source.stop( this.context.currentTime + delay );
- this.source.onended = null;
- }
- this.isPlaying = false;
- return this;
- }
- connect() {
- if ( this.filters.length > 0 ) {
- this.source.connect( this.filters[ 0 ] );
- for ( let i = 1, l = this.filters.length; i < l; i ++ ) {
- this.filters[ i - 1 ].connect( this.filters[ i ] );
- }
- this.filters[ this.filters.length - 1 ].connect( this.getOutput() );
- } else {
- this.source.connect( this.getOutput() );
- }
- this._connected = true;
- return this;
- }
- disconnect() {
- if ( this._connected === false ) {
- return;
- }
- if ( this.filters.length > 0 ) {
- this.source.disconnect( this.filters[ 0 ] );
- for ( let i = 1, l = this.filters.length; i < l; i ++ ) {
- this.filters[ i - 1 ].disconnect( this.filters[ i ] );
- }
- this.filters[ this.filters.length - 1 ].disconnect( this.getOutput() );
- } else {
- this.source.disconnect( this.getOutput() );
- }
- this._connected = false;
- return this;
- }
- getFilters() {
- return this.filters;
- }
- setFilters( value ) {
- if ( ! value ) value = [];
- if ( this._connected === true ) {
- this.disconnect();
- this.filters = value.slice();
- this.connect();
- } else {
- this.filters = value.slice();
- }
- return this;
- }
- setDetune( value ) {
- this.detune = value;
- if ( this.isPlaying === true && this.source.detune !== undefined ) {
- this.source.detune.setTargetAtTime( this.detune, this.context.currentTime, 0.01 );
- }
- return this;
- }
- getDetune() {
- return this.detune;
- }
- getFilter() {
- return this.getFilters()[ 0 ];
- }
- setFilter( filter ) {
- return this.setFilters( filter ? [ filter ] : [] );
- }
- setPlaybackRate( value ) {
- if ( this.hasPlaybackControl === false ) {
- console.warn( 'THREE.Audio: this Audio has no playback control.' );
- return;
- }
- this.playbackRate = value;
- if ( this.isPlaying === true ) {
- this.source.playbackRate.setTargetAtTime( this.playbackRate, this.context.currentTime, 0.01 );
- }
- return this;
- }
- getPlaybackRate() {
- return this.playbackRate;
- }
- onEnded() {
- this.isPlaying = false;
- }
- getLoop() {
- if ( this.hasPlaybackControl === false ) {
- console.warn( 'THREE.Audio: this Audio has no playback control.' );
- return false;
- }
- return this.loop;
- }
- setLoop( value ) {
- if ( this.hasPlaybackControl === false ) {
- console.warn( 'THREE.Audio: this Audio has no playback control.' );
- return;
- }
- this.loop = value;
- if ( this.isPlaying === true ) {
- this.source.loop = this.loop;
- }
- return this;
- }
- setLoopStart( value ) {
- this.loopStart = value;
- return this;
- }
- setLoopEnd( value ) {
- this.loopEnd = value;
- return this;
- }
- getVolume() {
- return this.gain.gain.value;
- }
- setVolume( value ) {
- this.gain.gain.setTargetAtTime( value, this.context.currentTime, 0.01 );
- return this;
- }
- }
- const _position = /*@__PURE__*/ new Vector3();
- const _quaternion = /*@__PURE__*/ new Quaternion();
- const _scale = /*@__PURE__*/ new Vector3();
- const _orientation = /*@__PURE__*/ new Vector3();
- class PositionalAudio extends Audio {
- constructor( listener ) {
- super( listener );
- this.panner = this.context.createPanner();
- this.panner.panningModel = 'HRTF';
- this.panner.connect( this.gain );
- }
- connect() {
- super.connect();
- this.panner.connect( this.gain );
- }
- disconnect() {
- super.disconnect();
- this.panner.disconnect( this.gain );
- }
- getOutput() {
- return this.panner;
- }
- getRefDistance() {
- return this.panner.refDistance;
- }
- setRefDistance( value ) {
- this.panner.refDistance = value;
- return this;
- }
- getRolloffFactor() {
- return this.panner.rolloffFactor;
- }
- setRolloffFactor( value ) {
- this.panner.rolloffFactor = value;
- return this;
- }
- getDistanceModel() {
- return this.panner.distanceModel;
- }
- setDistanceModel( value ) {
- this.panner.distanceModel = value;
- return this;
- }
- getMaxDistance() {
- return this.panner.maxDistance;
- }
- setMaxDistance( value ) {
- this.panner.maxDistance = value;
- return this;
- }
- setDirectionalCone( coneInnerAngle, coneOuterAngle, coneOuterGain ) {
- this.panner.coneInnerAngle = coneInnerAngle;
- this.panner.coneOuterAngle = coneOuterAngle;
- this.panner.coneOuterGain = coneOuterGain;
- return this;
- }
- updateMatrixWorld( force ) {
- super.updateMatrixWorld( force );
- if ( this.hasPlaybackControl === true && this.isPlaying === false ) return;
- this.matrixWorld.decompose( _position, _quaternion, _scale );
- _orientation.set( 0, 0, 1 ).applyQuaternion( _quaternion );
- const panner = this.panner;
- if ( panner.positionX ) {
- // code path for Chrome and Firefox (see #14393)
- const endTime = this.context.currentTime + this.listener.timeDelta;
- panner.positionX.linearRampToValueAtTime( _position.x, endTime );
- panner.positionY.linearRampToValueAtTime( _position.y, endTime );
- panner.positionZ.linearRampToValueAtTime( _position.z, endTime );
- panner.orientationX.linearRampToValueAtTime( _orientation.x, endTime );
- panner.orientationY.linearRampToValueAtTime( _orientation.y, endTime );
- panner.orientationZ.linearRampToValueAtTime( _orientation.z, endTime );
- } else {
- panner.setPosition( _position.x, _position.y, _position.z );
- panner.setOrientation( _orientation.x, _orientation.y, _orientation.z );
- }
- }
- }
- class AudioAnalyser {
- constructor( audio, fftSize = 2048 ) {
- this.analyser = audio.context.createAnalyser();
- this.analyser.fftSize = fftSize;
- this.data = new Uint8Array( this.analyser.frequencyBinCount );
- audio.getOutput().connect( this.analyser );
- }
- getFrequencyData() {
- this.analyser.getByteFrequencyData( this.data );
- return this.data;
- }
- getAverageFrequency() {
- let value = 0;
- const data = this.getFrequencyData();
- for ( let i = 0; i < data.length; i ++ ) {
- value += data[ i ];
- }
- return value / data.length;
- }
- }
- class PropertyMixer {
- constructor( binding, typeName, valueSize ) {
- this.binding = binding;
- this.valueSize = valueSize;
- let mixFunction,
- mixFunctionAdditive,
- setIdentity;
- // buffer layout: [ incoming | accu0 | accu1 | orig | addAccu | (optional work) ]
- //
- // interpolators can use .buffer as their .result
- // the data then goes to 'incoming'
- //
- // 'accu0' and 'accu1' are used frame-interleaved for
- // the cumulative result and are compared to detect
- // changes
- //
- // 'orig' stores the original state of the property
- //
- // 'add' is used for additive cumulative results
- //
- // 'work' is optional and is only present for quaternion types. It is used
- // to store intermediate quaternion multiplication results
- switch ( typeName ) {
- case 'quaternion':
- mixFunction = this._slerp;
- mixFunctionAdditive = this._slerpAdditive;
- setIdentity = this._setAdditiveIdentityQuaternion;
- this.buffer = new Float64Array( valueSize * 6 );
- this._workIndex = 5;
- break;
- case 'string':
- case 'bool':
- mixFunction = this._select;
- // Use the regular mix function and for additive on these types,
- // additive is not relevant for non-numeric types
- mixFunctionAdditive = this._select;
- setIdentity = this._setAdditiveIdentityOther;
- this.buffer = new Array( valueSize * 5 );
- break;
- default:
- mixFunction = this._lerp;
- mixFunctionAdditive = this._lerpAdditive;
- setIdentity = this._setAdditiveIdentityNumeric;
- this.buffer = new Float64Array( valueSize * 5 );
- }
- this._mixBufferRegion = mixFunction;
- this._mixBufferRegionAdditive = mixFunctionAdditive;
- this._setIdentity = setIdentity;
- this._origIndex = 3;
- this._addIndex = 4;
- this.cumulativeWeight = 0;
- this.cumulativeWeightAdditive = 0;
- this.useCount = 0;
- this.referenceCount = 0;
- }
- // accumulate data in the 'incoming' region into 'accu<i>'
- accumulate( accuIndex, weight ) {
- // note: happily accumulating nothing when weight = 0, the caller knows
- // the weight and shouldn't have made the call in the first place
- const buffer = this.buffer,
- stride = this.valueSize,
- offset = accuIndex * stride + stride;
- let currentWeight = this.cumulativeWeight;
- if ( currentWeight === 0 ) {
- // accuN := incoming * weight
- for ( let i = 0; i !== stride; ++ i ) {
- buffer[ offset + i ] = buffer[ i ];
- }
- currentWeight = weight;
- } else {
- // accuN := accuN + incoming * weight
- currentWeight += weight;
- const mix = weight / currentWeight;
- this._mixBufferRegion( buffer, offset, 0, mix, stride );
- }
- this.cumulativeWeight = currentWeight;
- }
- // accumulate data in the 'incoming' region into 'add'
- accumulateAdditive( weight ) {
- const buffer = this.buffer,
- stride = this.valueSize,
- offset = stride * this._addIndex;
- if ( this.cumulativeWeightAdditive === 0 ) {
- // add = identity
- this._setIdentity();
- }
- // add := add + incoming * weight
- this._mixBufferRegionAdditive( buffer, offset, 0, weight, stride );
- this.cumulativeWeightAdditive += weight;
- }
- // apply the state of 'accu<i>' to the binding when accus differ
- apply( accuIndex ) {
- const stride = this.valueSize,
- buffer = this.buffer,
- offset = accuIndex * stride + stride,
- weight = this.cumulativeWeight,
- weightAdditive = this.cumulativeWeightAdditive,
- binding = this.binding;
- this.cumulativeWeight = 0;
- this.cumulativeWeightAdditive = 0;
- if ( weight < 1 ) {
- // accuN := accuN + original * ( 1 - cumulativeWeight )
- const originalValueOffset = stride * this._origIndex;
- this._mixBufferRegion(
- buffer, offset, originalValueOffset, 1 - weight, stride );
- }
- if ( weightAdditive > 0 ) {
- // accuN := accuN + additive accuN
- this._mixBufferRegionAdditive( buffer, offset, this._addIndex * stride, 1, stride );
- }
- for ( let i = stride, e = stride + stride; i !== e; ++ i ) {
- if ( buffer[ i ] !== buffer[ i + stride ] ) {
- // value has changed -> update scene graph
- binding.setValue( buffer, offset );
- break;
- }
- }
- }
- // remember the state of the bound property and copy it to both accus
- saveOriginalState() {
- const binding = this.binding;
- const buffer = this.buffer,
- stride = this.valueSize,
- originalValueOffset = stride * this._origIndex;
- binding.getValue( buffer, originalValueOffset );
- // accu[0..1] := orig -- initially detect changes against the original
- for ( let i = stride, e = originalValueOffset; i !== e; ++ i ) {
- buffer[ i ] = buffer[ originalValueOffset + ( i % stride ) ];
- }
- // Add to identity for additive
- this._setIdentity();
- this.cumulativeWeight = 0;
- this.cumulativeWeightAdditive = 0;
- }
- // apply the state previously taken via 'saveOriginalState' to the binding
- restoreOriginalState() {
- const originalValueOffset = this.valueSize * 3;
- this.binding.setValue( this.buffer, originalValueOffset );
- }
- _setAdditiveIdentityNumeric() {
- const startIndex = this._addIndex * this.valueSize;
- const endIndex = startIndex + this.valueSize;
- for ( let i = startIndex; i < endIndex; i ++ ) {
- this.buffer[ i ] = 0;
- }
- }
- _setAdditiveIdentityQuaternion() {
- this._setAdditiveIdentityNumeric();
- this.buffer[ this._addIndex * this.valueSize + 3 ] = 1;
- }
- _setAdditiveIdentityOther() {
- const startIndex = this._origIndex * this.valueSize;
- const targetIndex = this._addIndex * this.valueSize;
- for ( let i = 0; i < this.valueSize; i ++ ) {
- this.buffer[ targetIndex + i ] = this.buffer[ startIndex + i ];
- }
- }
- // mix functions
- _select( buffer, dstOffset, srcOffset, t, stride ) {
- if ( t >= 0.5 ) {
- for ( let i = 0; i !== stride; ++ i ) {
- buffer[ dstOffset + i ] = buffer[ srcOffset + i ];
- }
- }
- }
- _slerp( buffer, dstOffset, srcOffset, t ) {
- Quaternion.slerpFlat( buffer, dstOffset, buffer, dstOffset, buffer, srcOffset, t );
- }
- _slerpAdditive( buffer, dstOffset, srcOffset, t, stride ) {
- const workOffset = this._workIndex * stride;
- // Store result in intermediate buffer offset
- Quaternion.multiplyQuaternionsFlat( buffer, workOffset, buffer, dstOffset, buffer, srcOffset );
- // Slerp to the intermediate result
- Quaternion.slerpFlat( buffer, dstOffset, buffer, dstOffset, buffer, workOffset, t );
- }
- _lerp( buffer, dstOffset, srcOffset, t, stride ) {
- const s = 1 - t;
- for ( let i = 0; i !== stride; ++ i ) {
- const j = dstOffset + i;
- buffer[ j ] = buffer[ j ] * s + buffer[ srcOffset + i ] * t;
- }
- }
- _lerpAdditive( buffer, dstOffset, srcOffset, t, stride ) {
- for ( let i = 0; i !== stride; ++ i ) {
- const j = dstOffset + i;
- buffer[ j ] = buffer[ j ] + buffer[ srcOffset + i ] * t;
- }
- }
- }
- // Characters [].:/ are reserved for track binding syntax.
- const _RESERVED_CHARS_RE = '\\[\\]\\.:\\/';
- const _reservedRe = new RegExp( '[' + _RESERVED_CHARS_RE + ']', 'g' );
- // Attempts to allow node names from any language. ES5's `\w` regexp matches
- // only latin characters, and the unicode \p{L} is not yet supported. So
- // instead, we exclude reserved characters and match everything else.
- const _wordChar = '[^' + _RESERVED_CHARS_RE + ']';
- const _wordCharOrDot = '[^' + _RESERVED_CHARS_RE.replace( '\\.', '' ) + ']';
- // Parent directories, delimited by '/' or ':'. Currently unused, but must
- // be matched to parse the rest of the track name.
- const _directoryRe = /*@__PURE__*/ /((?:WC+[\/:])*)/.source.replace( 'WC', _wordChar );
- // Target node. May contain word characters (a-zA-Z0-9_) and '.' or '-'.
- const _nodeRe = /*@__PURE__*/ /(WCOD+)?/.source.replace( 'WCOD', _wordCharOrDot );
- // Object on target node, and accessor. May not contain reserved
- // characters. Accessor may contain any character except closing bracket.
- const _objectRe = /*@__PURE__*/ /(?:\.(WC+)(?:\[(.+)\])?)?/.source.replace( 'WC', _wordChar );
- // Property and accessor. May not contain reserved characters. Accessor may
- // contain any non-bracket characters.
- const _propertyRe = /*@__PURE__*/ /\.(WC+)(?:\[(.+)\])?/.source.replace( 'WC', _wordChar );
- const _trackRe = new RegExp( ''
- + '^'
- + _directoryRe
- + _nodeRe
- + _objectRe
- + _propertyRe
- + '$'
- );
- const _supportedObjectNames = [ 'material', 'materials', 'bones', 'map' ];
- class Composite {
- constructor( targetGroup, path, optionalParsedPath ) {
- const parsedPath = optionalParsedPath || PropertyBinding.parseTrackName( path );
- this._targetGroup = targetGroup;
- this._bindings = targetGroup.subscribe_( path, parsedPath );
- }
- getValue( array, offset ) {
- this.bind(); // bind all binding
- const firstValidIndex = this._targetGroup.nCachedObjects_,
- binding = this._bindings[ firstValidIndex ];
- // and only call .getValue on the first
- if ( binding !== undefined ) binding.getValue( array, offset );
- }
- setValue( array, offset ) {
- const bindings = this._bindings;
- for ( let i = this._targetGroup.nCachedObjects_, n = bindings.length; i !== n; ++ i ) {
- bindings[ i ].setValue( array, offset );
- }
- }
- bind() {
- const bindings = this._bindings;
- for ( let i = this._targetGroup.nCachedObjects_, n = bindings.length; i !== n; ++ i ) {
- bindings[ i ].bind();
- }
- }
- unbind() {
- const bindings = this._bindings;
- for ( let i = this._targetGroup.nCachedObjects_, n = bindings.length; i !== n; ++ i ) {
- bindings[ i ].unbind();
- }
- }
- }
- // Note: This class uses a State pattern on a per-method basis:
- // 'bind' sets 'this.getValue' / 'setValue' and shadows the
- // prototype version of these methods with one that represents
- // the bound state. When the property is not found, the methods
- // become no-ops.
- class PropertyBinding {
- constructor( rootNode, path, parsedPath ) {
- this.path = path;
- this.parsedPath = parsedPath || PropertyBinding.parseTrackName( path );
- this.node = PropertyBinding.findNode( rootNode, this.parsedPath.nodeName );
- this.rootNode = rootNode;
- // initial state of these methods that calls 'bind'
- this.getValue = this._getValue_unbound;
- this.setValue = this._setValue_unbound;
- }
- static create( root, path, parsedPath ) {
- if ( ! ( root && root.isAnimationObjectGroup ) ) {
- return new PropertyBinding( root, path, parsedPath );
- } else {
- return new PropertyBinding.Composite( root, path, parsedPath );
- }
- }
- /**
- * Replaces spaces with underscores and removes unsupported characters from
- * node names, to ensure compatibility with parseTrackName().
- *
- * @param {string} name Node name to be sanitized.
- * @return {string}
- */
- static sanitizeNodeName( name ) {
- return name.replace( /\s/g, '_' ).replace( _reservedRe, '' );
- }
- static parseTrackName( trackName ) {
- const matches = _trackRe.exec( trackName );
- if ( matches === null ) {
- throw new Error( 'PropertyBinding: Cannot parse trackName: ' + trackName );
- }
- const results = {
- // directoryName: matches[ 1 ], // (tschw) currently unused
- nodeName: matches[ 2 ],
- objectName: matches[ 3 ],
- objectIndex: matches[ 4 ],
- propertyName: matches[ 5 ], // required
- propertyIndex: matches[ 6 ]
- };
- const lastDot = results.nodeName && results.nodeName.lastIndexOf( '.' );
- if ( lastDot !== undefined && lastDot !== - 1 ) {
- const objectName = results.nodeName.substring( lastDot + 1 );
- // Object names must be checked against an allowlist. Otherwise, there
- // is no way to parse 'foo.bar.baz': 'baz' must be a property, but
- // 'bar' could be the objectName, or part of a nodeName (which can
- // include '.' characters).
- if ( _supportedObjectNames.indexOf( objectName ) !== - 1 ) {
- results.nodeName = results.nodeName.substring( 0, lastDot );
- results.objectName = objectName;
- }
- }
- if ( results.propertyName === null || results.propertyName.length === 0 ) {
- throw new Error( 'PropertyBinding: can not parse propertyName from trackName: ' + trackName );
- }
- return results;
- }
- static findNode( root, nodeName ) {
- if ( nodeName === undefined || nodeName === '' || nodeName === '.' || nodeName === - 1 || nodeName === root.name || nodeName === root.uuid ) {
- return root;
- }
- // search into skeleton bones.
- if ( root.skeleton ) {
- const bone = root.skeleton.getBoneByName( nodeName );
- if ( bone !== undefined ) {
- return bone;
- }
- }
- // search into node subtree.
- if ( root.children ) {
- const searchNodeSubtree = function ( children ) {
- for ( let i = 0; i < children.length; i ++ ) {
- const childNode = children[ i ];
- if ( childNode.name === nodeName || childNode.uuid === nodeName ) {
- return childNode;
- }
- const result = searchNodeSubtree( childNode.children );
- if ( result ) return result;
- }
- return null;
- };
- const subTreeNode = searchNodeSubtree( root.children );
- if ( subTreeNode ) {
- return subTreeNode;
- }
- }
- return null;
- }
- // these are used to "bind" a nonexistent property
- _getValue_unavailable() {}
- _setValue_unavailable() {}
- // Getters
- _getValue_direct( buffer, offset ) {
- buffer[ offset ] = this.targetObject[ this.propertyName ];
- }
- _getValue_array( buffer, offset ) {
- const source = this.resolvedProperty;
- for ( let i = 0, n = source.length; i !== n; ++ i ) {
- buffer[ offset ++ ] = source[ i ];
- }
- }
- _getValue_arrayElement( buffer, offset ) {
- buffer[ offset ] = this.resolvedProperty[ this.propertyIndex ];
- }
- _getValue_toArray( buffer, offset ) {
- this.resolvedProperty.toArray( buffer, offset );
- }
- // Direct
- _setValue_direct( buffer, offset ) {
- this.targetObject[ this.propertyName ] = buffer[ offset ];
- }
- _setValue_direct_setNeedsUpdate( buffer, offset ) {
- this.targetObject[ this.propertyName ] = buffer[ offset ];
- this.targetObject.needsUpdate = true;
- }
- _setValue_direct_setMatrixWorldNeedsUpdate( buffer, offset ) {
- this.targetObject[ this.propertyName ] = buffer[ offset ];
- this.targetObject.matrixWorldNeedsUpdate = true;
- }
- // EntireArray
- _setValue_array( buffer, offset ) {
- const dest = this.resolvedProperty;
- for ( let i = 0, n = dest.length; i !== n; ++ i ) {
- dest[ i ] = buffer[ offset ++ ];
- }
- }
- _setValue_array_setNeedsUpdate( buffer, offset ) {
- const dest = this.resolvedProperty;
- for ( let i = 0, n = dest.length; i !== n; ++ i ) {
- dest[ i ] = buffer[ offset ++ ];
- }
- this.targetObject.needsUpdate = true;
- }
- _setValue_array_setMatrixWorldNeedsUpdate( buffer, offset ) {
- const dest = this.resolvedProperty;
- for ( let i = 0, n = dest.length; i !== n; ++ i ) {
- dest[ i ] = buffer[ offset ++ ];
- }
- this.targetObject.matrixWorldNeedsUpdate = true;
- }
- // ArrayElement
- _setValue_arrayElement( buffer, offset ) {
- this.resolvedProperty[ this.propertyIndex ] = buffer[ offset ];
- }
- _setValue_arrayElement_setNeedsUpdate( buffer, offset ) {
- this.resolvedProperty[ this.propertyIndex ] = buffer[ offset ];
- this.targetObject.needsUpdate = true;
- }
- _setValue_arrayElement_setMatrixWorldNeedsUpdate( buffer, offset ) {
- this.resolvedProperty[ this.propertyIndex ] = buffer[ offset ];
- this.targetObject.matrixWorldNeedsUpdate = true;
- }
- // HasToFromArray
- _setValue_fromArray( buffer, offset ) {
- this.resolvedProperty.fromArray( buffer, offset );
- }
- _setValue_fromArray_setNeedsUpdate( buffer, offset ) {
- this.resolvedProperty.fromArray( buffer, offset );
- this.targetObject.needsUpdate = true;
- }
- _setValue_fromArray_setMatrixWorldNeedsUpdate( buffer, offset ) {
- this.resolvedProperty.fromArray( buffer, offset );
- this.targetObject.matrixWorldNeedsUpdate = true;
- }
- _getValue_unbound( targetArray, offset ) {
- this.bind();
- this.getValue( targetArray, offset );
- }
- _setValue_unbound( sourceArray, offset ) {
- this.bind();
- this.setValue( sourceArray, offset );
- }
- // create getter / setter pair for a property in the scene graph
- bind() {
- let targetObject = this.node;
- const parsedPath = this.parsedPath;
- const objectName = parsedPath.objectName;
- const propertyName = parsedPath.propertyName;
- let propertyIndex = parsedPath.propertyIndex;
- if ( ! targetObject ) {
- targetObject = PropertyBinding.findNode( this.rootNode, parsedPath.nodeName );
- this.node = targetObject;
- }
- // set fail state so we can just 'return' on error
- this.getValue = this._getValue_unavailable;
- this.setValue = this._setValue_unavailable;
- // ensure there is a value node
- if ( ! targetObject ) {
- console.warn( 'THREE.PropertyBinding: No target node found for track: ' + this.path + '.' );
- return;
- }
- if ( objectName ) {
- let objectIndex = parsedPath.objectIndex;
- // special cases were we need to reach deeper into the hierarchy to get the face materials....
- switch ( objectName ) {
- case 'materials':
- if ( ! targetObject.material ) {
- console.error( 'THREE.PropertyBinding: Can not bind to material as node does not have a material.', this );
- return;
- }
- if ( ! targetObject.material.materials ) {
- console.error( 'THREE.PropertyBinding: Can not bind to material.materials as node.material does not have a materials array.', this );
- return;
- }
- targetObject = targetObject.material.materials;
- break;
- case 'bones':
- if ( ! targetObject.skeleton ) {
- console.error( 'THREE.PropertyBinding: Can not bind to bones as node does not have a skeleton.', this );
- return;
- }
- // potential future optimization: skip this if propertyIndex is already an integer
- // and convert the integer string to a true integer.
- targetObject = targetObject.skeleton.bones;
- // support resolving morphTarget names into indices.
- for ( let i = 0; i < targetObject.length; i ++ ) {
- if ( targetObject[ i ].name === objectIndex ) {
- objectIndex = i;
- break;
- }
- }
- break;
- case 'map':
- if ( 'map' in targetObject ) {
- targetObject = targetObject.map;
- break;
- }
- if ( ! targetObject.material ) {
- console.error( 'THREE.PropertyBinding: Can not bind to material as node does not have a material.', this );
- return;
- }
- if ( ! targetObject.material.map ) {
- console.error( 'THREE.PropertyBinding: Can not bind to material.map as node.material does not have a map.', this );
- return;
- }
- targetObject = targetObject.material.map;
- break;
- default:
- if ( targetObject[ objectName ] === undefined ) {
- console.error( 'THREE.PropertyBinding: Can not bind to objectName of node undefined.', this );
- return;
- }
- targetObject = targetObject[ objectName ];
- }
- if ( objectIndex !== undefined ) {
- if ( targetObject[ objectIndex ] === undefined ) {
- console.error( 'THREE.PropertyBinding: Trying to bind to objectIndex of objectName, but is undefined.', this, targetObject );
- return;
- }
- targetObject = targetObject[ objectIndex ];
- }
- }
- // resolve property
- const nodeProperty = targetObject[ propertyName ];
- if ( nodeProperty === undefined ) {
- const nodeName = parsedPath.nodeName;
- console.error( 'THREE.PropertyBinding: Trying to update property for track: ' + nodeName +
- '.' + propertyName + ' but it wasn\'t found.', targetObject );
- return;
- }
- // determine versioning scheme
- let versioning = this.Versioning.None;
- this.targetObject = targetObject;
- if ( targetObject.needsUpdate !== undefined ) { // material
- versioning = this.Versioning.NeedsUpdate;
- } else if ( targetObject.matrixWorldNeedsUpdate !== undefined ) { // node transform
- versioning = this.Versioning.MatrixWorldNeedsUpdate;
- }
- // determine how the property gets bound
- let bindingType = this.BindingType.Direct;
- if ( propertyIndex !== undefined ) {
- // access a sub element of the property array (only primitives are supported right now)
- if ( propertyName === 'morphTargetInfluences' ) {
- // potential optimization, skip this if propertyIndex is already an integer, and convert the integer string to a true integer.
- // support resolving morphTarget names into indices.
- if ( ! targetObject.geometry ) {
- console.error( 'THREE.PropertyBinding: Can not bind to morphTargetInfluences because node does not have a geometry.', this );
- return;
- }
- if ( ! targetObject.geometry.morphAttributes ) {
- console.error( 'THREE.PropertyBinding: Can not bind to morphTargetInfluences because node does not have a geometry.morphAttributes.', this );
- return;
- }
- if ( targetObject.morphTargetDictionary[ propertyIndex ] !== undefined ) {
- propertyIndex = targetObject.morphTargetDictionary[ propertyIndex ];
- }
- }
- bindingType = this.BindingType.ArrayElement;
- this.resolvedProperty = nodeProperty;
- this.propertyIndex = propertyIndex;
- } else if ( nodeProperty.fromArray !== undefined && nodeProperty.toArray !== undefined ) {
- // must use copy for Object3D.Euler/Quaternion
- bindingType = this.BindingType.HasFromToArray;
- this.resolvedProperty = nodeProperty;
- } else if ( Array.isArray( nodeProperty ) ) {
- bindingType = this.BindingType.EntireArray;
- this.resolvedProperty = nodeProperty;
- } else {
- this.propertyName = propertyName;
- }
- // select getter / setter
- this.getValue = this.GetterByBindingType[ bindingType ];
- this.setValue = this.SetterByBindingTypeAndVersioning[ bindingType ][ versioning ];
- }
- unbind() {
- this.node = null;
- // back to the prototype version of getValue / setValue
- // note: avoiding to mutate the shape of 'this' via 'delete'
- this.getValue = this._getValue_unbound;
- this.setValue = this._setValue_unbound;
- }
- }
- PropertyBinding.Composite = Composite;
- PropertyBinding.prototype.BindingType = {
- Direct: 0,
- EntireArray: 1,
- ArrayElement: 2,
- HasFromToArray: 3
- };
- PropertyBinding.prototype.Versioning = {
- None: 0,
- NeedsUpdate: 1,
- MatrixWorldNeedsUpdate: 2
- };
- PropertyBinding.prototype.GetterByBindingType = [
- PropertyBinding.prototype._getValue_direct,
- PropertyBinding.prototype._getValue_array,
- PropertyBinding.prototype._getValue_arrayElement,
- PropertyBinding.prototype._getValue_toArray,
- ];
- PropertyBinding.prototype.SetterByBindingTypeAndVersioning = [
- [
- // Direct
- PropertyBinding.prototype._setValue_direct,
- PropertyBinding.prototype._setValue_direct_setNeedsUpdate,
- PropertyBinding.prototype._setValue_direct_setMatrixWorldNeedsUpdate,
- ], [
- // EntireArray
- PropertyBinding.prototype._setValue_array,
- PropertyBinding.prototype._setValue_array_setNeedsUpdate,
- PropertyBinding.prototype._setValue_array_setMatrixWorldNeedsUpdate,
- ], [
- // ArrayElement
- PropertyBinding.prototype._setValue_arrayElement,
- PropertyBinding.prototype._setValue_arrayElement_setNeedsUpdate,
- PropertyBinding.prototype._setValue_arrayElement_setMatrixWorldNeedsUpdate,
- ], [
- // HasToFromArray
- PropertyBinding.prototype._setValue_fromArray,
- PropertyBinding.prototype._setValue_fromArray_setNeedsUpdate,
- PropertyBinding.prototype._setValue_fromArray_setMatrixWorldNeedsUpdate,
- ]
- ];
- /**
- *
- * A group of objects that receives a shared animation state.
- *
- * Usage:
- *
- * - Add objects you would otherwise pass as 'root' to the
- * constructor or the .clipAction method of AnimationMixer.
- *
- * - Instead pass this object as 'root'.
- *
- * - You can also add and remove objects later when the mixer
- * is running.
- *
- * Note:
- *
- * Objects of this class appear as one object to the mixer,
- * so cache control of the individual objects must be done
- * on the group.
- *
- * Limitation:
- *
- * - The animated properties must be compatible among the
- * all objects in the group.
- *
- * - A single property can either be controlled through a
- * target group or directly, but not both.
- */
- class AnimationObjectGroup {
- constructor() {
- this.isAnimationObjectGroup = true;
- this.uuid = generateUUID();
- // cached objects followed by the active ones
- this._objects = Array.prototype.slice.call( arguments );
- this.nCachedObjects_ = 0; // threshold
- // note: read by PropertyBinding.Composite
- const indices = {};
- this._indicesByUUID = indices; // for bookkeeping
- for ( let i = 0, n = arguments.length; i !== n; ++ i ) {
- indices[ arguments[ i ].uuid ] = i;
- }
- this._paths = []; // inside: string
- this._parsedPaths = []; // inside: { we don't care, here }
- this._bindings = []; // inside: Array< PropertyBinding >
- this._bindingsIndicesByPath = {}; // inside: indices in these arrays
- const scope = this;
- this.stats = {
- objects: {
- get total() {
- return scope._objects.length;
- },
- get inUse() {
- return this.total - scope.nCachedObjects_;
- }
- },
- get bindingsPerObject() {
- return scope._bindings.length;
- }
- };
- }
- add() {
- const objects = this._objects,
- indicesByUUID = this._indicesByUUID,
- paths = this._paths,
- parsedPaths = this._parsedPaths,
- bindings = this._bindings,
- nBindings = bindings.length;
- let knownObject = undefined,
- nObjects = objects.length,
- nCachedObjects = this.nCachedObjects_;
- for ( let i = 0, n = arguments.length; i !== n; ++ i ) {
- const object = arguments[ i ],
- uuid = object.uuid;
- let index = indicesByUUID[ uuid ];
- if ( index === undefined ) {
- // unknown object -> add it to the ACTIVE region
- index = nObjects ++;
- indicesByUUID[ uuid ] = index;
- objects.push( object );
- // accounting is done, now do the same for all bindings
- for ( let j = 0, m = nBindings; j !== m; ++ j ) {
- bindings[ j ].push( new PropertyBinding( object, paths[ j ], parsedPaths[ j ] ) );
- }
- } else if ( index < nCachedObjects ) {
- knownObject = objects[ index ];
- // move existing object to the ACTIVE region
- const firstActiveIndex = -- nCachedObjects,
- lastCachedObject = objects[ firstActiveIndex ];
- indicesByUUID[ lastCachedObject.uuid ] = index;
- objects[ index ] = lastCachedObject;
- indicesByUUID[ uuid ] = firstActiveIndex;
- objects[ firstActiveIndex ] = object;
- // accounting is done, now do the same for all bindings
- for ( let j = 0, m = nBindings; j !== m; ++ j ) {
- const bindingsForPath = bindings[ j ],
- lastCached = bindingsForPath[ firstActiveIndex ];
- let binding = bindingsForPath[ index ];
- bindingsForPath[ index ] = lastCached;
- if ( binding === undefined ) {
- // since we do not bother to create new bindings
- // for objects that are cached, the binding may
- // or may not exist
- binding = new PropertyBinding( object, paths[ j ], parsedPaths[ j ] );
- }
- bindingsForPath[ firstActiveIndex ] = binding;
- }
- } else if ( objects[ index ] !== knownObject ) {
- console.error( 'THREE.AnimationObjectGroup: Different objects with the same UUID ' +
- 'detected. Clean the caches or recreate your infrastructure when reloading scenes.' );
- } // else the object is already where we want it to be
- } // for arguments
- this.nCachedObjects_ = nCachedObjects;
- }
- remove() {
- const objects = this._objects,
- indicesByUUID = this._indicesByUUID,
- bindings = this._bindings,
- nBindings = bindings.length;
- let nCachedObjects = this.nCachedObjects_;
- for ( let i = 0, n = arguments.length; i !== n; ++ i ) {
- const object = arguments[ i ],
- uuid = object.uuid,
- index = indicesByUUID[ uuid ];
- if ( index !== undefined && index >= nCachedObjects ) {
- // move existing object into the CACHED region
- const lastCachedIndex = nCachedObjects ++,
- firstActiveObject = objects[ lastCachedIndex ];
- indicesByUUID[ firstActiveObject.uuid ] = index;
- objects[ index ] = firstActiveObject;
- indicesByUUID[ uuid ] = lastCachedIndex;
- objects[ lastCachedIndex ] = object;
- // accounting is done, now do the same for all bindings
- for ( let j = 0, m = nBindings; j !== m; ++ j ) {
- const bindingsForPath = bindings[ j ],
- firstActive = bindingsForPath[ lastCachedIndex ],
- binding = bindingsForPath[ index ];
- bindingsForPath[ index ] = firstActive;
- bindingsForPath[ lastCachedIndex ] = binding;
- }
- }
- } // for arguments
- this.nCachedObjects_ = nCachedObjects;
- }
- // remove & forget
- uncache() {
- const objects = this._objects,
- indicesByUUID = this._indicesByUUID,
- bindings = this._bindings,
- nBindings = bindings.length;
- let nCachedObjects = this.nCachedObjects_,
- nObjects = objects.length;
- for ( let i = 0, n = arguments.length; i !== n; ++ i ) {
- const object = arguments[ i ],
- uuid = object.uuid,
- index = indicesByUUID[ uuid ];
- if ( index !== undefined ) {
- delete indicesByUUID[ uuid ];
- if ( index < nCachedObjects ) {
- // object is cached, shrink the CACHED region
- const firstActiveIndex = -- nCachedObjects,
- lastCachedObject = objects[ firstActiveIndex ],
- lastIndex = -- nObjects,
- lastObject = objects[ lastIndex ];
- // last cached object takes this object's place
- indicesByUUID[ lastCachedObject.uuid ] = index;
- objects[ index ] = lastCachedObject;
- // last object goes to the activated slot and pop
- indicesByUUID[ lastObject.uuid ] = firstActiveIndex;
- objects[ firstActiveIndex ] = lastObject;
- objects.pop();
- // accounting is done, now do the same for all bindings
- for ( let j = 0, m = nBindings; j !== m; ++ j ) {
- const bindingsForPath = bindings[ j ],
- lastCached = bindingsForPath[ firstActiveIndex ],
- last = bindingsForPath[ lastIndex ];
- bindingsForPath[ index ] = lastCached;
- bindingsForPath[ firstActiveIndex ] = last;
- bindingsForPath.pop();
- }
- } else {
- // object is active, just swap with the last and pop
- const lastIndex = -- nObjects,
- lastObject = objects[ lastIndex ];
- if ( lastIndex > 0 ) {
- indicesByUUID[ lastObject.uuid ] = index;
- }
- objects[ index ] = lastObject;
- objects.pop();
- // accounting is done, now do the same for all bindings
- for ( let j = 0, m = nBindings; j !== m; ++ j ) {
- const bindingsForPath = bindings[ j ];
- bindingsForPath[ index ] = bindingsForPath[ lastIndex ];
- bindingsForPath.pop();
- }
- } // cached or active
- } // if object is known
- } // for arguments
- this.nCachedObjects_ = nCachedObjects;
- }
- // Internal interface used by befriended PropertyBinding.Composite:
- subscribe_( path, parsedPath ) {
- // returns an array of bindings for the given path that is changed
- // according to the contained objects in the group
- const indicesByPath = this._bindingsIndicesByPath;
- let index = indicesByPath[ path ];
- const bindings = this._bindings;
- if ( index !== undefined ) return bindings[ index ];
- const paths = this._paths,
- parsedPaths = this._parsedPaths,
- objects = this._objects,
- nObjects = objects.length,
- nCachedObjects = this.nCachedObjects_,
- bindingsForPath = new Array( nObjects );
- index = bindings.length;
- indicesByPath[ path ] = index;
- paths.push( path );
- parsedPaths.push( parsedPath );
- bindings.push( bindingsForPath );
- for ( let i = nCachedObjects, n = objects.length; i !== n; ++ i ) {
- const object = objects[ i ];
- bindingsForPath[ i ] = new PropertyBinding( object, path, parsedPath );
- }
- return bindingsForPath;
- }
- unsubscribe_( path ) {
- // tells the group to forget about a property path and no longer
- // update the array previously obtained with 'subscribe_'
- const indicesByPath = this._bindingsIndicesByPath,
- index = indicesByPath[ path ];
- if ( index !== undefined ) {
- const paths = this._paths,
- parsedPaths = this._parsedPaths,
- bindings = this._bindings,
- lastBindingsIndex = bindings.length - 1,
- lastBindings = bindings[ lastBindingsIndex ],
- lastBindingsPath = path[ lastBindingsIndex ];
- indicesByPath[ lastBindingsPath ] = index;
- bindings[ index ] = lastBindings;
- bindings.pop();
- parsedPaths[ index ] = parsedPaths[ lastBindingsIndex ];
- parsedPaths.pop();
- paths[ index ] = paths[ lastBindingsIndex ];
- paths.pop();
- }
- }
- }
- class AnimationAction {
- constructor( mixer, clip, localRoot = null, blendMode = clip.blendMode ) {
- this._mixer = mixer;
- this._clip = clip;
- this._localRoot = localRoot;
- this.blendMode = blendMode;
- const tracks = clip.tracks,
- nTracks = tracks.length,
- interpolants = new Array( nTracks );
- const interpolantSettings = {
- endingStart: ZeroCurvatureEnding,
- endingEnd: ZeroCurvatureEnding
- };
- for ( let i = 0; i !== nTracks; ++ i ) {
- const interpolant = tracks[ i ].createInterpolant( null );
- interpolants[ i ] = interpolant;
- interpolant.settings = interpolantSettings;
- }
- this._interpolantSettings = interpolantSettings;
- this._interpolants = interpolants; // bound by the mixer
- // inside: PropertyMixer (managed by the mixer)
- this._propertyBindings = new Array( nTracks );
- this._cacheIndex = null; // for the memory manager
- this._byClipCacheIndex = null; // for the memory manager
- this._timeScaleInterpolant = null;
- this._weightInterpolant = null;
- this.loop = LoopRepeat;
- this._loopCount = - 1;
- // global mixer time when the action is to be started
- // it's set back to 'null' upon start of the action
- this._startTime = null;
- // scaled local time of the action
- // gets clamped or wrapped to 0..clip.duration according to loop
- this.time = 0;
- this.timeScale = 1;
- this._effectiveTimeScale = 1;
- this.weight = 1;
- this._effectiveWeight = 1;
- this.repetitions = Infinity; // no. of repetitions when looping
- this.paused = false; // true -> zero effective time scale
- this.enabled = true; // false -> zero effective weight
- this.clampWhenFinished = false;// keep feeding the last frame?
- this.zeroSlopeAtStart = true;// for smooth interpolation w/o separate
- this.zeroSlopeAtEnd = true;// clips for start, loop and end
- }
- // State & Scheduling
- play() {
- this._mixer._activateAction( this );
- return this;
- }
- stop() {
- this._mixer._deactivateAction( this );
- return this.reset();
- }
- reset() {
- this.paused = false;
- this.enabled = true;
- this.time = 0; // restart clip
- this._loopCount = - 1;// forget previous loops
- this._startTime = null;// forget scheduling
- return this.stopFading().stopWarping();
- }
- isRunning() {
- return this.enabled && ! this.paused && this.timeScale !== 0 &&
- this._startTime === null && this._mixer._isActiveAction( this );
- }
- // return true when play has been called
- isScheduled() {
- return this._mixer._isActiveAction( this );
- }
- startAt( time ) {
- this._startTime = time;
- return this;
- }
- setLoop( mode, repetitions ) {
- this.loop = mode;
- this.repetitions = repetitions;
- return this;
- }
- // Weight
- // set the weight stopping any scheduled fading
- // although .enabled = false yields an effective weight of zero, this
- // method does *not* change .enabled, because it would be confusing
- setEffectiveWeight( weight ) {
- this.weight = weight;
- // note: same logic as when updated at runtime
- this._effectiveWeight = this.enabled ? weight : 0;
- return this.stopFading();
- }
- // return the weight considering fading and .enabled
- getEffectiveWeight() {
- return this._effectiveWeight;
- }
- fadeIn( duration ) {
- return this._scheduleFading( duration, 0, 1 );
- }
- fadeOut( duration ) {
- return this._scheduleFading( duration, 1, 0 );
- }
- crossFadeFrom( fadeOutAction, duration, warp ) {
- fadeOutAction.fadeOut( duration );
- this.fadeIn( duration );
- if ( warp ) {
- const fadeInDuration = this._clip.duration,
- fadeOutDuration = fadeOutAction._clip.duration,
- startEndRatio = fadeOutDuration / fadeInDuration,
- endStartRatio = fadeInDuration / fadeOutDuration;
- fadeOutAction.warp( 1.0, startEndRatio, duration );
- this.warp( endStartRatio, 1.0, duration );
- }
- return this;
- }
- crossFadeTo( fadeInAction, duration, warp ) {
- return fadeInAction.crossFadeFrom( this, duration, warp );
- }
- stopFading() {
- const weightInterpolant = this._weightInterpolant;
- if ( weightInterpolant !== null ) {
- this._weightInterpolant = null;
- this._mixer._takeBackControlInterpolant( weightInterpolant );
- }
- return this;
- }
- // Time Scale Control
- // set the time scale stopping any scheduled warping
- // although .paused = true yields an effective time scale of zero, this
- // method does *not* change .paused, because it would be confusing
- setEffectiveTimeScale( timeScale ) {
- this.timeScale = timeScale;
- this._effectiveTimeScale = this.paused ? 0 : timeScale;
- return this.stopWarping();
- }
- // return the time scale considering warping and .paused
- getEffectiveTimeScale() {
- return this._effectiveTimeScale;
- }
- setDuration( duration ) {
- this.timeScale = this._clip.duration / duration;
- return this.stopWarping();
- }
- syncWith( action ) {
- this.time = action.time;
- this.timeScale = action.timeScale;
- return this.stopWarping();
- }
- halt( duration ) {
- return this.warp( this._effectiveTimeScale, 0, duration );
- }
- warp( startTimeScale, endTimeScale, duration ) {
- const mixer = this._mixer,
- now = mixer.time,
- timeScale = this.timeScale;
- let interpolant = this._timeScaleInterpolant;
- if ( interpolant === null ) {
- interpolant = mixer._lendControlInterpolant();
- this._timeScaleInterpolant = interpolant;
- }
- const times = interpolant.parameterPositions,
- values = interpolant.sampleValues;
- times[ 0 ] = now;
- times[ 1 ] = now + duration;
- values[ 0 ] = startTimeScale / timeScale;
- values[ 1 ] = endTimeScale / timeScale;
- return this;
- }
- stopWarping() {
- const timeScaleInterpolant = this._timeScaleInterpolant;
- if ( timeScaleInterpolant !== null ) {
- this._timeScaleInterpolant = null;
- this._mixer._takeBackControlInterpolant( timeScaleInterpolant );
- }
- return this;
- }
- // Object Accessors
- getMixer() {
- return this._mixer;
- }
- getClip() {
- return this._clip;
- }
- getRoot() {
- return this._localRoot || this._mixer._root;
- }
- // Interna
- _update( time, deltaTime, timeDirection, accuIndex ) {
- // called by the mixer
- if ( ! this.enabled ) {
- // call ._updateWeight() to update ._effectiveWeight
- this._updateWeight( time );
- return;
- }
- const startTime = this._startTime;
- if ( startTime !== null ) {
- // check for scheduled start of action
- const timeRunning = ( time - startTime ) * timeDirection;
- if ( timeRunning < 0 || timeDirection === 0 ) {
- deltaTime = 0;
- } else {
- this._startTime = null; // unschedule
- deltaTime = timeDirection * timeRunning;
- }
- }
- // apply time scale and advance time
- deltaTime *= this._updateTimeScale( time );
- const clipTime = this._updateTime( deltaTime );
- // note: _updateTime may disable the action resulting in
- // an effective weight of 0
- const weight = this._updateWeight( time );
- if ( weight > 0 ) {
- const interpolants = this._interpolants;
- const propertyMixers = this._propertyBindings;
- switch ( this.blendMode ) {
- case AdditiveAnimationBlendMode:
- for ( let j = 0, m = interpolants.length; j !== m; ++ j ) {
- interpolants[ j ].evaluate( clipTime );
- propertyMixers[ j ].accumulateAdditive( weight );
- }
- break;
- case NormalAnimationBlendMode:
- default:
- for ( let j = 0, m = interpolants.length; j !== m; ++ j ) {
- interpolants[ j ].evaluate( clipTime );
- propertyMixers[ j ].accumulate( accuIndex, weight );
- }
- }
- }
- }
- _updateWeight( time ) {
- let weight = 0;
- if ( this.enabled ) {
- weight = this.weight;
- const interpolant = this._weightInterpolant;
- if ( interpolant !== null ) {
- const interpolantValue = interpolant.evaluate( time )[ 0 ];
- weight *= interpolantValue;
- if ( time > interpolant.parameterPositions[ 1 ] ) {
- this.stopFading();
- if ( interpolantValue === 0 ) {
- // faded out, disable
- this.enabled = false;
- }
- }
- }
- }
- this._effectiveWeight = weight;
- return weight;
- }
- _updateTimeScale( time ) {
- let timeScale = 0;
- if ( ! this.paused ) {
- timeScale = this.timeScale;
- const interpolant = this._timeScaleInterpolant;
- if ( interpolant !== null ) {
- const interpolantValue = interpolant.evaluate( time )[ 0 ];
- timeScale *= interpolantValue;
- if ( time > interpolant.parameterPositions[ 1 ] ) {
- this.stopWarping();
- if ( timeScale === 0 ) {
- // motion has halted, pause
- this.paused = true;
- } else {
- // warp done - apply final time scale
- this.timeScale = timeScale;
- }
- }
- }
- }
- this._effectiveTimeScale = timeScale;
- return timeScale;
- }
- _updateTime( deltaTime ) {
- const duration = this._clip.duration;
- const loop = this.loop;
- let time = this.time + deltaTime;
- let loopCount = this._loopCount;
- const pingPong = ( loop === LoopPingPong );
- if ( deltaTime === 0 ) {
- if ( loopCount === - 1 ) return time;
- return ( pingPong && ( loopCount & 1 ) === 1 ) ? duration - time : time;
- }
- if ( loop === LoopOnce ) {
- if ( loopCount === - 1 ) {
- // just started
- this._loopCount = 0;
- this._setEndings( true, true, false );
- }
- handle_stop: {
- if ( time >= duration ) {
- time = duration;
- } else if ( time < 0 ) {
- time = 0;
- } else {
- this.time = time;
- break handle_stop;
- }
- if ( this.clampWhenFinished ) this.paused = true;
- else this.enabled = false;
- this.time = time;
- this._mixer.dispatchEvent( {
- type: 'finished', action: this,
- direction: deltaTime < 0 ? - 1 : 1
- } );
- }
- } else { // repetitive Repeat or PingPong
- if ( loopCount === - 1 ) {
- // just started
- if ( deltaTime >= 0 ) {
- loopCount = 0;
- this._setEndings( true, this.repetitions === 0, pingPong );
- } else {
- // when looping in reverse direction, the initial
- // transition through zero counts as a repetition,
- // so leave loopCount at -1
- this._setEndings( this.repetitions === 0, true, pingPong );
- }
- }
- if ( time >= duration || time < 0 ) {
- // wrap around
- const loopDelta = Math.floor( time / duration ); // signed
- time -= duration * loopDelta;
- loopCount += Math.abs( loopDelta );
- const pending = this.repetitions - loopCount;
- if ( pending <= 0 ) {
- // have to stop (switch state, clamp time, fire event)
- if ( this.clampWhenFinished ) this.paused = true;
- else this.enabled = false;
- time = deltaTime > 0 ? duration : 0;
- this.time = time;
- this._mixer.dispatchEvent( {
- type: 'finished', action: this,
- direction: deltaTime > 0 ? 1 : - 1
- } );
- } else {
- // keep running
- if ( pending === 1 ) {
- // entering the last round
- const atStart = deltaTime < 0;
- this._setEndings( atStart, ! atStart, pingPong );
- } else {
- this._setEndings( false, false, pingPong );
- }
- this._loopCount = loopCount;
- this.time = time;
- this._mixer.dispatchEvent( {
- type: 'loop', action: this, loopDelta: loopDelta
- } );
- }
- } else {
- this.time = time;
- }
- if ( pingPong && ( loopCount & 1 ) === 1 ) {
- // invert time for the "pong round"
- return duration - time;
- }
- }
- return time;
- }
- _setEndings( atStart, atEnd, pingPong ) {
- const settings = this._interpolantSettings;
- if ( pingPong ) {
- settings.endingStart = ZeroSlopeEnding;
- settings.endingEnd = ZeroSlopeEnding;
- } else {
- // assuming for LoopOnce atStart == atEnd == true
- if ( atStart ) {
- settings.endingStart = this.zeroSlopeAtStart ? ZeroSlopeEnding : ZeroCurvatureEnding;
- } else {
- settings.endingStart = WrapAroundEnding;
- }
- if ( atEnd ) {
- settings.endingEnd = this.zeroSlopeAtEnd ? ZeroSlopeEnding : ZeroCurvatureEnding;
- } else {
- settings.endingEnd = WrapAroundEnding;
- }
- }
- }
- _scheduleFading( duration, weightNow, weightThen ) {
- const mixer = this._mixer, now = mixer.time;
- let interpolant = this._weightInterpolant;
- if ( interpolant === null ) {
- interpolant = mixer._lendControlInterpolant();
- this._weightInterpolant = interpolant;
- }
- const times = interpolant.parameterPositions,
- values = interpolant.sampleValues;
- times[ 0 ] = now;
- values[ 0 ] = weightNow;
- times[ 1 ] = now + duration;
- values[ 1 ] = weightThen;
- return this;
- }
- }
- const _controlInterpolantsResultBuffer = new Float32Array( 1 );
- class AnimationMixer extends EventDispatcher {
- constructor( root ) {
- super();
- this._root = root;
- this._initMemoryManager();
- this._accuIndex = 0;
- this.time = 0;
- this.timeScale = 1.0;
- }
- _bindAction( action, prototypeAction ) {
- const root = action._localRoot || this._root,
- tracks = action._clip.tracks,
- nTracks = tracks.length,
- bindings = action._propertyBindings,
- interpolants = action._interpolants,
- rootUuid = root.uuid,
- bindingsByRoot = this._bindingsByRootAndName;
- let bindingsByName = bindingsByRoot[ rootUuid ];
- if ( bindingsByName === undefined ) {
- bindingsByName = {};
- bindingsByRoot[ rootUuid ] = bindingsByName;
- }
- for ( let i = 0; i !== nTracks; ++ i ) {
- const track = tracks[ i ],
- trackName = track.name;
- let binding = bindingsByName[ trackName ];
- if ( binding !== undefined ) {
- ++ binding.referenceCount;
- bindings[ i ] = binding;
- } else {
- binding = bindings[ i ];
- if ( binding !== undefined ) {
- // existing binding, make sure the cache knows
- if ( binding._cacheIndex === null ) {
- ++ binding.referenceCount;
- this._addInactiveBinding( binding, rootUuid, trackName );
- }
- continue;
- }
- const path = prototypeAction && prototypeAction.
- _propertyBindings[ i ].binding.parsedPath;
- binding = new PropertyMixer(
- PropertyBinding.create( root, trackName, path ),
- track.ValueTypeName, track.getValueSize() );
- ++ binding.referenceCount;
- this._addInactiveBinding( binding, rootUuid, trackName );
- bindings[ i ] = binding;
- }
- interpolants[ i ].resultBuffer = binding.buffer;
- }
- }
- _activateAction( action ) {
- if ( ! this._isActiveAction( action ) ) {
- if ( action._cacheIndex === null ) {
- // this action has been forgotten by the cache, but the user
- // appears to be still using it -> rebind
- const rootUuid = ( action._localRoot || this._root ).uuid,
- clipUuid = action._clip.uuid,
- actionsForClip = this._actionsByClip[ clipUuid ];
- this._bindAction( action,
- actionsForClip && actionsForClip.knownActions[ 0 ] );
- this._addInactiveAction( action, clipUuid, rootUuid );
- }
- const bindings = action._propertyBindings;
- // increment reference counts / sort out state
- for ( let i = 0, n = bindings.length; i !== n; ++ i ) {
- const binding = bindings[ i ];
- if ( binding.useCount ++ === 0 ) {
- this._lendBinding( binding );
- binding.saveOriginalState();
- }
- }
- this._lendAction( action );
- }
- }
- _deactivateAction( action ) {
- if ( this._isActiveAction( action ) ) {
- const bindings = action._propertyBindings;
- // decrement reference counts / sort out state
- for ( let i = 0, n = bindings.length; i !== n; ++ i ) {
- const binding = bindings[ i ];
- if ( -- binding.useCount === 0 ) {
- binding.restoreOriginalState();
- this._takeBackBinding( binding );
- }
- }
- this._takeBackAction( action );
- }
- }
- // Memory manager
- _initMemoryManager() {
- this._actions = []; // 'nActiveActions' followed by inactive ones
- this._nActiveActions = 0;
- this._actionsByClip = {};
- // inside:
- // {
- // knownActions: Array< AnimationAction > - used as prototypes
- // actionByRoot: AnimationAction - lookup
- // }
- this._bindings = []; // 'nActiveBindings' followed by inactive ones
- this._nActiveBindings = 0;
- this._bindingsByRootAndName = {}; // inside: Map< name, PropertyMixer >
- this._controlInterpolants = []; // same game as above
- this._nActiveControlInterpolants = 0;
- const scope = this;
- this.stats = {
- actions: {
- get total() {
- return scope._actions.length;
- },
- get inUse() {
- return scope._nActiveActions;
- }
- },
- bindings: {
- get total() {
- return scope._bindings.length;
- },
- get inUse() {
- return scope._nActiveBindings;
- }
- },
- controlInterpolants: {
- get total() {
- return scope._controlInterpolants.length;
- },
- get inUse() {
- return scope._nActiveControlInterpolants;
- }
- }
- };
- }
- // Memory management for AnimationAction objects
- _isActiveAction( action ) {
- const index = action._cacheIndex;
- return index !== null && index < this._nActiveActions;
- }
- _addInactiveAction( action, clipUuid, rootUuid ) {
- const actions = this._actions,
- actionsByClip = this._actionsByClip;
- let actionsForClip = actionsByClip[ clipUuid ];
- if ( actionsForClip === undefined ) {
- actionsForClip = {
- knownActions: [ action ],
- actionByRoot: {}
- };
- action._byClipCacheIndex = 0;
- actionsByClip[ clipUuid ] = actionsForClip;
- } else {
- const knownActions = actionsForClip.knownActions;
- action._byClipCacheIndex = knownActions.length;
- knownActions.push( action );
- }
- action._cacheIndex = actions.length;
- actions.push( action );
- actionsForClip.actionByRoot[ rootUuid ] = action;
- }
- _removeInactiveAction( action ) {
- const actions = this._actions,
- lastInactiveAction = actions[ actions.length - 1 ],
- cacheIndex = action._cacheIndex;
- lastInactiveAction._cacheIndex = cacheIndex;
- actions[ cacheIndex ] = lastInactiveAction;
- actions.pop();
- action._cacheIndex = null;
- const clipUuid = action._clip.uuid,
- actionsByClip = this._actionsByClip,
- actionsForClip = actionsByClip[ clipUuid ],
- knownActionsForClip = actionsForClip.knownActions,
- lastKnownAction =
- knownActionsForClip[ knownActionsForClip.length - 1 ],
- byClipCacheIndex = action._byClipCacheIndex;
- lastKnownAction._byClipCacheIndex = byClipCacheIndex;
- knownActionsForClip[ byClipCacheIndex ] = lastKnownAction;
- knownActionsForClip.pop();
- action._byClipCacheIndex = null;
- const actionByRoot = actionsForClip.actionByRoot,
- rootUuid = ( action._localRoot || this._root ).uuid;
- delete actionByRoot[ rootUuid ];
- if ( knownActionsForClip.length === 0 ) {
- delete actionsByClip[ clipUuid ];
- }
- this._removeInactiveBindingsForAction( action );
- }
- _removeInactiveBindingsForAction( action ) {
- const bindings = action._propertyBindings;
- for ( let i = 0, n = bindings.length; i !== n; ++ i ) {
- const binding = bindings[ i ];
- if ( -- binding.referenceCount === 0 ) {
- this._removeInactiveBinding( binding );
- }
- }
- }
- _lendAction( action ) {
- // [ active actions | inactive actions ]
- // [ active actions >| inactive actions ]
- // s a
- // <-swap->
- // a s
- const actions = this._actions,
- prevIndex = action._cacheIndex,
- lastActiveIndex = this._nActiveActions ++,
- firstInactiveAction = actions[ lastActiveIndex ];
- action._cacheIndex = lastActiveIndex;
- actions[ lastActiveIndex ] = action;
- firstInactiveAction._cacheIndex = prevIndex;
- actions[ prevIndex ] = firstInactiveAction;
- }
- _takeBackAction( action ) {
- // [ active actions | inactive actions ]
- // [ active actions |< inactive actions ]
- // a s
- // <-swap->
- // s a
- const actions = this._actions,
- prevIndex = action._cacheIndex,
- firstInactiveIndex = -- this._nActiveActions,
- lastActiveAction = actions[ firstInactiveIndex ];
- action._cacheIndex = firstInactiveIndex;
- actions[ firstInactiveIndex ] = action;
- lastActiveAction._cacheIndex = prevIndex;
- actions[ prevIndex ] = lastActiveAction;
- }
- // Memory management for PropertyMixer objects
- _addInactiveBinding( binding, rootUuid, trackName ) {
- const bindingsByRoot = this._bindingsByRootAndName,
- bindings = this._bindings;
- let bindingByName = bindingsByRoot[ rootUuid ];
- if ( bindingByName === undefined ) {
- bindingByName = {};
- bindingsByRoot[ rootUuid ] = bindingByName;
- }
- bindingByName[ trackName ] = binding;
- binding._cacheIndex = bindings.length;
- bindings.push( binding );
- }
- _removeInactiveBinding( binding ) {
- const bindings = this._bindings,
- propBinding = binding.binding,
- rootUuid = propBinding.rootNode.uuid,
- trackName = propBinding.path,
- bindingsByRoot = this._bindingsByRootAndName,
- bindingByName = bindingsByRoot[ rootUuid ],
- lastInactiveBinding = bindings[ bindings.length - 1 ],
- cacheIndex = binding._cacheIndex;
- lastInactiveBinding._cacheIndex = cacheIndex;
- bindings[ cacheIndex ] = lastInactiveBinding;
- bindings.pop();
- delete bindingByName[ trackName ];
- if ( Object.keys( bindingByName ).length === 0 ) {
- delete bindingsByRoot[ rootUuid ];
- }
- }
- _lendBinding( binding ) {
- const bindings = this._bindings,
- prevIndex = binding._cacheIndex,
- lastActiveIndex = this._nActiveBindings ++,
- firstInactiveBinding = bindings[ lastActiveIndex ];
- binding._cacheIndex = lastActiveIndex;
- bindings[ lastActiveIndex ] = binding;
- firstInactiveBinding._cacheIndex = prevIndex;
- bindings[ prevIndex ] = firstInactiveBinding;
- }
- _takeBackBinding( binding ) {
- const bindings = this._bindings,
- prevIndex = binding._cacheIndex,
- firstInactiveIndex = -- this._nActiveBindings,
- lastActiveBinding = bindings[ firstInactiveIndex ];
- binding._cacheIndex = firstInactiveIndex;
- bindings[ firstInactiveIndex ] = binding;
- lastActiveBinding._cacheIndex = prevIndex;
- bindings[ prevIndex ] = lastActiveBinding;
- }
- // Memory management of Interpolants for weight and time scale
- _lendControlInterpolant() {
- const interpolants = this._controlInterpolants,
- lastActiveIndex = this._nActiveControlInterpolants ++;
- let interpolant = interpolants[ lastActiveIndex ];
- if ( interpolant === undefined ) {
- interpolant = new LinearInterpolant(
- new Float32Array( 2 ), new Float32Array( 2 ),
- 1, _controlInterpolantsResultBuffer );
- interpolant.__cacheIndex = lastActiveIndex;
- interpolants[ lastActiveIndex ] = interpolant;
- }
- return interpolant;
- }
- _takeBackControlInterpolant( interpolant ) {
- const interpolants = this._controlInterpolants,
- prevIndex = interpolant.__cacheIndex,
- firstInactiveIndex = -- this._nActiveControlInterpolants,
- lastActiveInterpolant = interpolants[ firstInactiveIndex ];
- interpolant.__cacheIndex = firstInactiveIndex;
- interpolants[ firstInactiveIndex ] = interpolant;
- lastActiveInterpolant.__cacheIndex = prevIndex;
- interpolants[ prevIndex ] = lastActiveInterpolant;
- }
- // return an action for a clip optionally using a custom root target
- // object (this method allocates a lot of dynamic memory in case a
- // previously unknown clip/root combination is specified)
- clipAction( clip, optionalRoot, blendMode ) {
- const root = optionalRoot || this._root,
- rootUuid = root.uuid;
- let clipObject = typeof clip === 'string' ? AnimationClip.findByName( root, clip ) : clip;
- const clipUuid = clipObject !== null ? clipObject.uuid : clip;
- const actionsForClip = this._actionsByClip[ clipUuid ];
- let prototypeAction = null;
- if ( blendMode === undefined ) {
- if ( clipObject !== null ) {
- blendMode = clipObject.blendMode;
- } else {
- blendMode = NormalAnimationBlendMode;
- }
- }
- if ( actionsForClip !== undefined ) {
- const existingAction = actionsForClip.actionByRoot[ rootUuid ];
- if ( existingAction !== undefined && existingAction.blendMode === blendMode ) {
- return existingAction;
- }
- // we know the clip, so we don't have to parse all
- // the bindings again but can just copy
- prototypeAction = actionsForClip.knownActions[ 0 ];
- // also, take the clip from the prototype action
- if ( clipObject === null )
- clipObject = prototypeAction._clip;
- }
- // clip must be known when specified via string
- if ( clipObject === null ) return null;
- // allocate all resources required to run it
- const newAction = new AnimationAction( this, clipObject, optionalRoot, blendMode );
- this._bindAction( newAction, prototypeAction );
- // and make the action known to the memory manager
- this._addInactiveAction( newAction, clipUuid, rootUuid );
- return newAction;
- }
- // get an existing action
- existingAction( clip, optionalRoot ) {
- const root = optionalRoot || this._root,
- rootUuid = root.uuid,
- clipObject = typeof clip === 'string' ?
- AnimationClip.findByName( root, clip ) : clip,
- clipUuid = clipObject ? clipObject.uuid : clip,
- actionsForClip = this._actionsByClip[ clipUuid ];
- if ( actionsForClip !== undefined ) {
- return actionsForClip.actionByRoot[ rootUuid ] || null;
- }
- return null;
- }
- // deactivates all previously scheduled actions
- stopAllAction() {
- const actions = this._actions,
- nActions = this._nActiveActions;
- for ( let i = nActions - 1; i >= 0; -- i ) {
- actions[ i ].stop();
- }
- return this;
- }
- // advance the time and update apply the animation
- update( deltaTime ) {
- deltaTime *= this.timeScale;
- const actions = this._actions,
- nActions = this._nActiveActions,
- time = this.time += deltaTime,
- timeDirection = Math.sign( deltaTime ),
- accuIndex = this._accuIndex ^= 1;
- // run active actions
- for ( let i = 0; i !== nActions; ++ i ) {
- const action = actions[ i ];
- action._update( time, deltaTime, timeDirection, accuIndex );
- }
- // update scene graph
- const bindings = this._bindings,
- nBindings = this._nActiveBindings;
- for ( let i = 0; i !== nBindings; ++ i ) {
- bindings[ i ].apply( accuIndex );
- }
- return this;
- }
- // Allows you to seek to a specific time in an animation.
- setTime( timeInSeconds ) {
- this.time = 0; // Zero out time attribute for AnimationMixer object;
- for ( let i = 0; i < this._actions.length; i ++ ) {
- this._actions[ i ].time = 0; // Zero out time attribute for all associated AnimationAction objects.
- }
- return this.update( timeInSeconds ); // Update used to set exact time. Returns "this" AnimationMixer object.
- }
- // return this mixer's root target object
- getRoot() {
- return this._root;
- }
- // free all resources specific to a particular clip
- uncacheClip( clip ) {
- const actions = this._actions,
- clipUuid = clip.uuid,
- actionsByClip = this._actionsByClip,
- actionsForClip = actionsByClip[ clipUuid ];
- if ( actionsForClip !== undefined ) {
- // note: just calling _removeInactiveAction would mess up the
- // iteration state and also require updating the state we can
- // just throw away
- const actionsToRemove = actionsForClip.knownActions;
- for ( let i = 0, n = actionsToRemove.length; i !== n; ++ i ) {
- const action = actionsToRemove[ i ];
- this._deactivateAction( action );
- const cacheIndex = action._cacheIndex,
- lastInactiveAction = actions[ actions.length - 1 ];
- action._cacheIndex = null;
- action._byClipCacheIndex = null;
- lastInactiveAction._cacheIndex = cacheIndex;
- actions[ cacheIndex ] = lastInactiveAction;
- actions.pop();
- this._removeInactiveBindingsForAction( action );
- }
- delete actionsByClip[ clipUuid ];
- }
- }
- // free all resources specific to a particular root target object
- uncacheRoot( root ) {
- const rootUuid = root.uuid,
- actionsByClip = this._actionsByClip;
- for ( const clipUuid in actionsByClip ) {
- const actionByRoot = actionsByClip[ clipUuid ].actionByRoot,
- action = actionByRoot[ rootUuid ];
- if ( action !== undefined ) {
- this._deactivateAction( action );
- this._removeInactiveAction( action );
- }
- }
- const bindingsByRoot = this._bindingsByRootAndName,
- bindingByName = bindingsByRoot[ rootUuid ];
- if ( bindingByName !== undefined ) {
- for ( const trackName in bindingByName ) {
- const binding = bindingByName[ trackName ];
- binding.restoreOriginalState();
- this._removeInactiveBinding( binding );
- }
- }
- }
- // remove a targeted clip from the cache
- uncacheAction( clip, optionalRoot ) {
- const action = this.existingAction( clip, optionalRoot );
- if ( action !== null ) {
- this._deactivateAction( action );
- this._removeInactiveAction( action );
- }
- }
- }
- let Uniform$1 = class Uniform {
- constructor( value ) {
- this.value = value;
- }
- clone() {
- return new Uniform( this.value.clone === undefined ? this.value : this.value.clone() );
- }
- };
- let _id$8 = 0;
- let UniformsGroup$1 = class UniformsGroup extends EventDispatcher {
- constructor() {
- super();
- this.isUniformsGroup = true;
- Object.defineProperty( this, 'id', { value: _id$8 ++ } );
- this.name = '';
- this.usage = StaticDrawUsage;
- this.uniforms = [];
- }
- add( uniform ) {
- this.uniforms.push( uniform );
- return this;
- }
- remove( uniform ) {
- const index = this.uniforms.indexOf( uniform );
- if ( index !== - 1 ) this.uniforms.splice( index, 1 );
- return this;
- }
- setName( name ) {
- this.name = name;
- return this;
- }
- setUsage( value ) {
- this.usage = value;
- return this;
- }
- dispose() {
- this.dispatchEvent( { type: 'dispose' } );
- return this;
- }
- copy( source ) {
- this.name = source.name;
- this.usage = source.usage;
- const uniformsSource = source.uniforms;
- this.uniforms.length = 0;
- for ( let i = 0, l = uniformsSource.length; i < l; i ++ ) {
- const uniforms = Array.isArray( uniformsSource[ i ] ) ? uniformsSource[ i ] : [ uniformsSource[ i ] ];
- for ( let j = 0; j < uniforms.length; j ++ ) {
- this.uniforms.push( uniforms[ j ].clone() );
- }
- }
- return this;
- }
- clone() {
- return new this.constructor().copy( this );
- }
- };
- class InstancedInterleavedBuffer extends InterleavedBuffer {
- constructor( array, stride, meshPerAttribute = 1 ) {
- super( array, stride );
- this.isInstancedInterleavedBuffer = true;
- this.meshPerAttribute = meshPerAttribute;
- }
- copy( source ) {
- super.copy( source );
- this.meshPerAttribute = source.meshPerAttribute;
- return this;
- }
- clone( data ) {
- const ib = super.clone( data );
- ib.meshPerAttribute = this.meshPerAttribute;
- return ib;
- }
- toJSON( data ) {
- const json = super.toJSON( data );
- json.isInstancedInterleavedBuffer = true;
- json.meshPerAttribute = this.meshPerAttribute;
- return json;
- }
- }
- class GLBufferAttribute {
- constructor( buffer, type, itemSize, elementSize, count ) {
- this.isGLBufferAttribute = true;
- this.name = '';
- this.buffer = buffer;
- this.type = type;
- this.itemSize = itemSize;
- this.elementSize = elementSize;
- this.count = count;
- this.version = 0;
- }
- set needsUpdate( value ) {
- if ( value === true ) this.version ++;
- }
- setBuffer( buffer ) {
- this.buffer = buffer;
- return this;
- }
- setType( type, elementSize ) {
- this.type = type;
- this.elementSize = elementSize;
- return this;
- }
- setItemSize( itemSize ) {
- this.itemSize = itemSize;
- return this;
- }
- setCount( count ) {
- this.count = count;
- return this;
- }
- }
- const _matrix = /*@__PURE__*/ new Matrix4();
- class Raycaster {
- constructor( origin, direction, near = 0, far = Infinity ) {
- this.ray = new Ray( origin, direction );
- // direction is assumed to be normalized (for accurate distance calculations)
- this.near = near;
- this.far = far;
- this.camera = null;
- this.layers = new Layers();
- this.params = {
- Mesh: {},
- Line: { threshold: 1 },
- LOD: {},
- Points: { threshold: 1 },
- Sprite: {}
- };
- }
- set( origin, direction ) {
- // direction is assumed to be normalized (for accurate distance calculations)
- this.ray.set( origin, direction );
- }
- setFromCamera( coords, camera ) {
- if ( camera.isPerspectiveCamera ) {
- this.ray.origin.setFromMatrixPosition( camera.matrixWorld );
- this.ray.direction.set( coords.x, coords.y, 0.5 ).unproject( camera ).sub( this.ray.origin ).normalize();
- this.camera = camera;
- } else if ( camera.isOrthographicCamera ) {
- this.ray.origin.set( coords.x, coords.y, ( camera.near + camera.far ) / ( camera.near - camera.far ) ).unproject( camera ); // set origin in plane of camera
- this.ray.direction.set( 0, 0, - 1 ).transformDirection( camera.matrixWorld );
- this.camera = camera;
- } else {
- console.error( 'THREE.Raycaster: Unsupported camera type: ' + camera.type );
- }
- }
- setFromXRController( controller ) {
- _matrix.identity().extractRotation( controller.matrixWorld );
- this.ray.origin.setFromMatrixPosition( controller.matrixWorld );
- this.ray.direction.set( 0, 0, - 1 ).applyMatrix4( _matrix );
- return this;
- }
- intersectObject( object, recursive = true, intersects = [] ) {
- intersect( object, this, intersects, recursive );
- intersects.sort( ascSort );
- return intersects;
- }
- intersectObjects( objects, recursive = true, intersects = [] ) {
- for ( let i = 0, l = objects.length; i < l; i ++ ) {
- intersect( objects[ i ], this, intersects, recursive );
- }
- intersects.sort( ascSort );
- return intersects;
- }
- }
- function ascSort( a, b ) {
- return a.distance - b.distance;
- }
- function intersect( object, raycaster, intersects, recursive ) {
- let propagate = true;
- if ( object.layers.test( raycaster.layers ) ) {
- const result = object.raycast( raycaster, intersects );
- if ( result === false ) propagate = false;
- }
- if ( propagate === true && recursive === true ) {
- const children = object.children;
- for ( let i = 0, l = children.length; i < l; i ++ ) {
- intersect( children[ i ], raycaster, intersects, true );
- }
- }
- }
- /**
- * Ref: https://en.wikipedia.org/wiki/Spherical_coordinate_system
- *
- * phi (the polar angle) is measured from the positive y-axis. The positive y-axis is up.
- * theta (the azimuthal angle) is measured from the positive z-axis.
- */
- class Spherical {
- constructor( radius = 1, phi = 0, theta = 0 ) {
- this.radius = radius;
- this.phi = phi; // polar angle
- this.theta = theta; // azimuthal angle
- return this;
- }
- set( radius, phi, theta ) {
- this.radius = radius;
- this.phi = phi;
- this.theta = theta;
- return this;
- }
- copy( other ) {
- this.radius = other.radius;
- this.phi = other.phi;
- this.theta = other.theta;
- return this;
- }
- // restrict phi to be between EPS and PI-EPS
- makeSafe() {
- const EPS = 0.000001;
- this.phi = Math.max( EPS, Math.min( Math.PI - EPS, this.phi ) );
- return this;
- }
- setFromVector3( v ) {
- return this.setFromCartesianCoords( v.x, v.y, v.z );
- }
- setFromCartesianCoords( x, y, z ) {
- this.radius = Math.sqrt( x * x + y * y + z * z );
- if ( this.radius === 0 ) {
- this.theta = 0;
- this.phi = 0;
- } else {
- this.theta = Math.atan2( x, z );
- this.phi = Math.acos( clamp$1( y / this.radius, - 1, 1 ) );
- }
- return this;
- }
- clone() {
- return new this.constructor().copy( this );
- }
- }
- /**
- * Ref: https://en.wikipedia.org/wiki/Cylindrical_coordinate_system
- */
- class Cylindrical {
- constructor( radius = 1, theta = 0, y = 0 ) {
- this.radius = radius; // distance from the origin to a point in the x-z plane
- this.theta = theta; // counterclockwise angle in the x-z plane measured in radians from the positive z-axis
- this.y = y; // height above the x-z plane
- return this;
- }
- set( radius, theta, y ) {
- this.radius = radius;
- this.theta = theta;
- this.y = y;
- return this;
- }
- copy( other ) {
- this.radius = other.radius;
- this.theta = other.theta;
- this.y = other.y;
- return this;
- }
- setFromVector3( v ) {
- return this.setFromCartesianCoords( v.x, v.y, v.z );
- }
- setFromCartesianCoords( x, y, z ) {
- this.radius = Math.sqrt( x * x + z * z );
- this.theta = Math.atan2( x, z );
- this.y = y;
- return this;
- }
- clone() {
- return new this.constructor().copy( this );
- }
- }
- class Matrix2 {
- constructor( n11, n12, n21, n22 ) {
- Matrix2.prototype.isMatrix2 = true;
- this.elements = [
- 1, 0,
- 0, 1,
- ];
- if ( n11 !== undefined ) {
- this.set( n11, n12, n21, n22 );
- }
- }
- identity() {
- this.set(
- 1, 0,
- 0, 1,
- );
- return this;
- }
- fromArray( array, offset = 0 ) {
- for ( let i = 0; i < 4; i ++ ) {
- this.elements[ i ] = array[ i + offset ];
- }
- return this;
- }
- set( n11, n12, n21, n22 ) {
- const te = this.elements;
- te[ 0 ] = n11; te[ 2 ] = n12;
- te[ 1 ] = n21; te[ 3 ] = n22;
- return this;
- }
- }
- const _vector$4 = /*@__PURE__*/ new Vector2();
- class Box2 {
- constructor( min = new Vector2( + Infinity, + Infinity ), max = new Vector2( - Infinity, - Infinity ) ) {
- this.isBox2 = true;
- this.min = min;
- this.max = max;
- }
- set( min, max ) {
- this.min.copy( min );
- this.max.copy( max );
- return this;
- }
- setFromPoints( points ) {
- this.makeEmpty();
- for ( let i = 0, il = points.length; i < il; i ++ ) {
- this.expandByPoint( points[ i ] );
- }
- return this;
- }
- setFromCenterAndSize( center, size ) {
- const halfSize = _vector$4.copy( size ).multiplyScalar( 0.5 );
- this.min.copy( center ).sub( halfSize );
- this.max.copy( center ).add( halfSize );
- return this;
- }
- clone() {
- return new this.constructor().copy( this );
- }
- copy( box ) {
- this.min.copy( box.min );
- this.max.copy( box.max );
- return this;
- }
- makeEmpty() {
- this.min.x = this.min.y = + Infinity;
- this.max.x = this.max.y = - Infinity;
- return this;
- }
- isEmpty() {
- // this is a more robust check for empty than ( volume <= 0 ) because volume can get positive with two negative axes
- return ( this.max.x < this.min.x ) || ( this.max.y < this.min.y );
- }
- getCenter( target ) {
- return this.isEmpty() ? target.set( 0, 0 ) : target.addVectors( this.min, this.max ).multiplyScalar( 0.5 );
- }
- getSize( target ) {
- return this.isEmpty() ? target.set( 0, 0 ) : target.subVectors( this.max, this.min );
- }
- expandByPoint( point ) {
- this.min.min( point );
- this.max.max( point );
- return this;
- }
- expandByVector( vector ) {
- this.min.sub( vector );
- this.max.add( vector );
- return this;
- }
- expandByScalar( scalar ) {
- this.min.addScalar( - scalar );
- this.max.addScalar( scalar );
- return this;
- }
- containsPoint( point ) {
- return point.x >= this.min.x && point.x <= this.max.x &&
- point.y >= this.min.y && point.y <= this.max.y;
- }
- containsBox( box ) {
- return this.min.x <= box.min.x && box.max.x <= this.max.x &&
- this.min.y <= box.min.y && box.max.y <= this.max.y;
- }
- getParameter( point, target ) {
- // This can potentially have a divide by zero if the box
- // has a size dimension of 0.
- return target.set(
- ( point.x - this.min.x ) / ( this.max.x - this.min.x ),
- ( point.y - this.min.y ) / ( this.max.y - this.min.y )
- );
- }
- intersectsBox( box ) {
- // using 4 splitting planes to rule out intersections
- return box.max.x >= this.min.x && box.min.x <= this.max.x &&
- box.max.y >= this.min.y && box.min.y <= this.max.y;
- }
- clampPoint( point, target ) {
- return target.copy( point ).clamp( this.min, this.max );
- }
- distanceToPoint( point ) {
- return this.clampPoint( point, _vector$4 ).distanceTo( point );
- }
- intersect( box ) {
- this.min.max( box.min );
- this.max.min( box.max );
- if ( this.isEmpty() ) this.makeEmpty();
- return this;
- }
- union( box ) {
- this.min.min( box.min );
- this.max.max( box.max );
- return this;
- }
- translate( offset ) {
- this.min.add( offset );
- this.max.add( offset );
- return this;
- }
- equals( box ) {
- return box.min.equals( this.min ) && box.max.equals( this.max );
- }
- }
- const _startP = /*@__PURE__*/ new Vector3();
- const _startEnd = /*@__PURE__*/ new Vector3();
- class Line3 {
- constructor( start = new Vector3(), end = new Vector3() ) {
- this.start = start;
- this.end = end;
- }
- set( start, end ) {
- this.start.copy( start );
- this.end.copy( end );
- return this;
- }
- copy( line ) {
- this.start.copy( line.start );
- this.end.copy( line.end );
- return this;
- }
- getCenter( target ) {
- return target.addVectors( this.start, this.end ).multiplyScalar( 0.5 );
- }
- delta( target ) {
- return target.subVectors( this.end, this.start );
- }
- distanceSq() {
- return this.start.distanceToSquared( this.end );
- }
- distance() {
- return this.start.distanceTo( this.end );
- }
- at( t, target ) {
- return this.delta( target ).multiplyScalar( t ).add( this.start );
- }
- closestPointToPointParameter( point, clampToLine ) {
- _startP.subVectors( point, this.start );
- _startEnd.subVectors( this.end, this.start );
- const startEnd2 = _startEnd.dot( _startEnd );
- const startEnd_startP = _startEnd.dot( _startP );
- let t = startEnd_startP / startEnd2;
- if ( clampToLine ) {
- t = clamp$1( t, 0, 1 );
- }
- return t;
- }
- closestPointToPoint( point, clampToLine, target ) {
- const t = this.closestPointToPointParameter( point, clampToLine );
- return this.delta( target ).multiplyScalar( t ).add( this.start );
- }
- applyMatrix4( matrix ) {
- this.start.applyMatrix4( matrix );
- this.end.applyMatrix4( matrix );
- return this;
- }
- equals( line ) {
- return line.start.equals( this.start ) && line.end.equals( this.end );
- }
- clone() {
- return new this.constructor().copy( this );
- }
- }
- const _vector$3 = /*@__PURE__*/ new Vector3();
- class SpotLightHelper extends Object3D {
- constructor( light, color ) {
- super();
- this.light = light;
- this.matrixAutoUpdate = false;
- this.color = color;
- this.type = 'SpotLightHelper';
- const geometry = new BufferGeometry();
- const positions = [
- 0, 0, 0, 0, 0, 1,
- 0, 0, 0, 1, 0, 1,
- 0, 0, 0, - 1, 0, 1,
- 0, 0, 0, 0, 1, 1,
- 0, 0, 0, 0, - 1, 1
- ];
- for ( let i = 0, j = 1, l = 32; i < l; i ++, j ++ ) {
- const p1 = ( i / l ) * Math.PI * 2;
- const p2 = ( j / l ) * Math.PI * 2;
- positions.push(
- Math.cos( p1 ), Math.sin( p1 ), 1,
- Math.cos( p2 ), Math.sin( p2 ), 1
- );
- }
- geometry.setAttribute( 'position', new Float32BufferAttribute( positions, 3 ) );
- const material = new LineBasicMaterial( { fog: false, toneMapped: false } );
- this.cone = new LineSegments( geometry, material );
- this.add( this.cone );
- this.update();
- }
- dispose() {
- this.cone.geometry.dispose();
- this.cone.material.dispose();
- }
- update() {
- this.light.updateWorldMatrix( true, false );
- this.light.target.updateWorldMatrix( true, false );
- // update the local matrix based on the parent and light target transforms
- if ( this.parent ) {
- this.parent.updateWorldMatrix( true );
- this.matrix
- .copy( this.parent.matrixWorld )
- .invert()
- .multiply( this.light.matrixWorld );
- } else {
- this.matrix.copy( this.light.matrixWorld );
- }
- this.matrixWorld.copy( this.light.matrixWorld );
- const coneLength = this.light.distance ? this.light.distance : 1000;
- const coneWidth = coneLength * Math.tan( this.light.angle );
- this.cone.scale.set( coneWidth, coneWidth, coneLength );
- _vector$3.setFromMatrixPosition( this.light.target.matrixWorld );
- this.cone.lookAt( _vector$3 );
- if ( this.color !== undefined ) {
- this.cone.material.color.set( this.color );
- } else {
- this.cone.material.color.copy( this.light.color );
- }
- }
- }
- const _vector$2 = /*@__PURE__*/ new Vector3();
- const _boneMatrix = /*@__PURE__*/ new Matrix4();
- const _matrixWorldInv = /*@__PURE__*/ new Matrix4();
- class SkeletonHelper extends LineSegments {
- constructor( object ) {
- const bones = getBoneList( object );
- const geometry = new BufferGeometry();
- const vertices = [];
- const colors = [];
- const color1 = new Color( 0, 0, 1 );
- const color2 = new Color( 0, 1, 0 );
- for ( let i = 0; i < bones.length; i ++ ) {
- const bone = bones[ i ];
- if ( bone.parent && bone.parent.isBone ) {
- vertices.push( 0, 0, 0 );
- vertices.push( 0, 0, 0 );
- colors.push( color1.r, color1.g, color1.b );
- colors.push( color2.r, color2.g, color2.b );
- }
- }
- geometry.setAttribute( 'position', new Float32BufferAttribute( vertices, 3 ) );
- geometry.setAttribute( 'color', new Float32BufferAttribute( colors, 3 ) );
- const material = new LineBasicMaterial( { vertexColors: true, depthTest: false, depthWrite: false, toneMapped: false, transparent: true } );
- super( geometry, material );
- this.isSkeletonHelper = true;
- this.type = 'SkeletonHelper';
- this.root = object;
- this.bones = bones;
- this.matrix = object.matrixWorld;
- this.matrixAutoUpdate = false;
- }
- updateMatrixWorld( force ) {
- const bones = this.bones;
- const geometry = this.geometry;
- const position = geometry.getAttribute( 'position' );
- _matrixWorldInv.copy( this.root.matrixWorld ).invert();
- for ( let i = 0, j = 0; i < bones.length; i ++ ) {
- const bone = bones[ i ];
- if ( bone.parent && bone.parent.isBone ) {
- _boneMatrix.multiplyMatrices( _matrixWorldInv, bone.matrixWorld );
- _vector$2.setFromMatrixPosition( _boneMatrix );
- position.setXYZ( j, _vector$2.x, _vector$2.y, _vector$2.z );
- _boneMatrix.multiplyMatrices( _matrixWorldInv, bone.parent.matrixWorld );
- _vector$2.setFromMatrixPosition( _boneMatrix );
- position.setXYZ( j + 1, _vector$2.x, _vector$2.y, _vector$2.z );
- j += 2;
- }
- }
- geometry.getAttribute( 'position' ).needsUpdate = true;
- super.updateMatrixWorld( force );
- }
- dispose() {
- this.geometry.dispose();
- this.material.dispose();
- }
- }
- function getBoneList( object ) {
- const boneList = [];
- if ( object.isBone === true ) {
- boneList.push( object );
- }
- for ( let i = 0; i < object.children.length; i ++ ) {
- boneList.push.apply( boneList, getBoneList( object.children[ i ] ) );
- }
- return boneList;
- }
- class PointLightHelper extends Mesh {
- constructor( light, sphereSize, color ) {
- const geometry = new SphereGeometry( sphereSize, 4, 2 );
- const material = new MeshBasicMaterial( { wireframe: true, fog: false, toneMapped: false } );
- super( geometry, material );
- this.light = light;
- this.color = color;
- this.type = 'PointLightHelper';
- this.matrix = this.light.matrixWorld;
- this.matrixAutoUpdate = false;
- this.update();
- /*
- // TODO: delete this comment?
- const distanceGeometry = new THREE.IcosahedronGeometry( 1, 2 );
- const distanceMaterial = new THREE.MeshBasicMaterial( { color: hexColor, fog: false, wireframe: true, opacity: 0.1, transparent: true } );
- this.lightSphere = new THREE.Mesh( bulbGeometry, bulbMaterial );
- this.lightDistance = new THREE.Mesh( distanceGeometry, distanceMaterial );
- const d = light.distance;
- if ( d === 0.0 ) {
- this.lightDistance.visible = false;
- } else {
- this.lightDistance.scale.set( d, d, d );
- }
- this.add( this.lightDistance );
- */
- }
- dispose() {
- this.geometry.dispose();
- this.material.dispose();
- }
- update() {
- this.light.updateWorldMatrix( true, false );
- if ( this.color !== undefined ) {
- this.material.color.set( this.color );
- } else {
- this.material.color.copy( this.light.color );
- }
- /*
- const d = this.light.distance;
- if ( d === 0.0 ) {
- this.lightDistance.visible = false;
- } else {
- this.lightDistance.visible = true;
- this.lightDistance.scale.set( d, d, d );
- }
- */
- }
- }
- const _vector$1 = /*@__PURE__*/ new Vector3();
- const _color1 = /*@__PURE__*/ new Color();
- const _color2 = /*@__PURE__*/ new Color();
- class HemisphereLightHelper extends Object3D {
- constructor( light, size, color ) {
- super();
- this.light = light;
- this.matrix = light.matrixWorld;
- this.matrixAutoUpdate = false;
- this.color = color;
- this.type = 'HemisphereLightHelper';
- const geometry = new OctahedronGeometry( size );
- geometry.rotateY( Math.PI * 0.5 );
- this.material = new MeshBasicMaterial( { wireframe: true, fog: false, toneMapped: false } );
- if ( this.color === undefined ) this.material.vertexColors = true;
- const position = geometry.getAttribute( 'position' );
- const colors = new Float32Array( position.count * 3 );
- geometry.setAttribute( 'color', new BufferAttribute( colors, 3 ) );
- this.add( new Mesh( geometry, this.material ) );
- this.update();
- }
- dispose() {
- this.children[ 0 ].geometry.dispose();
- this.children[ 0 ].material.dispose();
- }
- update() {
- const mesh = this.children[ 0 ];
- if ( this.color !== undefined ) {
- this.material.color.set( this.color );
- } else {
- const colors = mesh.geometry.getAttribute( 'color' );
- _color1.copy( this.light.color );
- _color2.copy( this.light.groundColor );
- for ( let i = 0, l = colors.count; i < l; i ++ ) {
- const color = ( i < ( l / 2 ) ) ? _color1 : _color2;
- colors.setXYZ( i, color.r, color.g, color.b );
- }
- colors.needsUpdate = true;
- }
- this.light.updateWorldMatrix( true, false );
- mesh.lookAt( _vector$1.setFromMatrixPosition( this.light.matrixWorld ).negate() );
- }
- }
- class GridHelper extends LineSegments {
- constructor( size = 10, divisions = 10, color1 = 0x444444, color2 = 0x888888 ) {
- color1 = new Color( color1 );
- color2 = new Color( color2 );
- const center = divisions / 2;
- const step = size / divisions;
- const halfSize = size / 2;
- const vertices = [], colors = [];
- for ( let i = 0, j = 0, k = - halfSize; i <= divisions; i ++, k += step ) {
- vertices.push( - halfSize, 0, k, halfSize, 0, k );
- vertices.push( k, 0, - halfSize, k, 0, halfSize );
- const color = i === center ? color1 : color2;
- color.toArray( colors, j ); j += 3;
- color.toArray( colors, j ); j += 3;
- color.toArray( colors, j ); j += 3;
- color.toArray( colors, j ); j += 3;
- }
- const geometry = new BufferGeometry();
- geometry.setAttribute( 'position', new Float32BufferAttribute( vertices, 3 ) );
- geometry.setAttribute( 'color', new Float32BufferAttribute( colors, 3 ) );
- const material = new LineBasicMaterial( { vertexColors: true, toneMapped: false } );
- super( geometry, material );
- this.type = 'GridHelper';
- }
- dispose() {
- this.geometry.dispose();
- this.material.dispose();
- }
- }
- class PolarGridHelper extends LineSegments {
- constructor( radius = 10, sectors = 16, rings = 8, divisions = 64, color1 = 0x444444, color2 = 0x888888 ) {
- color1 = new Color( color1 );
- color2 = new Color( color2 );
- const vertices = [];
- const colors = [];
- // create the sectors
- if ( sectors > 1 ) {
- for ( let i = 0; i < sectors; i ++ ) {
- const v = ( i / sectors ) * ( Math.PI * 2 );
- const x = Math.sin( v ) * radius;
- const z = Math.cos( v ) * radius;
- vertices.push( 0, 0, 0 );
- vertices.push( x, 0, z );
- const color = ( i & 1 ) ? color1 : color2;
- colors.push( color.r, color.g, color.b );
- colors.push( color.r, color.g, color.b );
- }
- }
- // create the rings
- for ( let i = 0; i < rings; i ++ ) {
- const color = ( i & 1 ) ? color1 : color2;
- const r = radius - ( radius / rings * i );
- for ( let j = 0; j < divisions; j ++ ) {
- // first vertex
- let v = ( j / divisions ) * ( Math.PI * 2 );
- let x = Math.sin( v ) * r;
- let z = Math.cos( v ) * r;
- vertices.push( x, 0, z );
- colors.push( color.r, color.g, color.b );
- // second vertex
- v = ( ( j + 1 ) / divisions ) * ( Math.PI * 2 );
- x = Math.sin( v ) * r;
- z = Math.cos( v ) * r;
- vertices.push( x, 0, z );
- colors.push( color.r, color.g, color.b );
- }
- }
- const geometry = new BufferGeometry();
- geometry.setAttribute( 'position', new Float32BufferAttribute( vertices, 3 ) );
- geometry.setAttribute( 'color', new Float32BufferAttribute( colors, 3 ) );
- const material = new LineBasicMaterial( { vertexColors: true, toneMapped: false } );
- super( geometry, material );
- this.type = 'PolarGridHelper';
- }
- dispose() {
- this.geometry.dispose();
- this.material.dispose();
- }
- }
- const _v1 = /*@__PURE__*/ new Vector3();
- const _v2 = /*@__PURE__*/ new Vector3();
- const _v3 = /*@__PURE__*/ new Vector3();
- class DirectionalLightHelper extends Object3D {
- constructor( light, size, color ) {
- super();
- this.light = light;
- this.matrix = light.matrixWorld;
- this.matrixAutoUpdate = false;
- this.color = color;
- this.type = 'DirectionalLightHelper';
- if ( size === undefined ) size = 1;
- let geometry = new BufferGeometry();
- geometry.setAttribute( 'position', new Float32BufferAttribute( [
- - size, size, 0,
- size, size, 0,
- size, - size, 0,
- - size, - size, 0,
- - size, size, 0
- ], 3 ) );
- const material = new LineBasicMaterial( { fog: false, toneMapped: false } );
- this.lightPlane = new Line( geometry, material );
- this.add( this.lightPlane );
- geometry = new BufferGeometry();
- geometry.setAttribute( 'position', new Float32BufferAttribute( [ 0, 0, 0, 0, 0, 1 ], 3 ) );
- this.targetLine = new Line( geometry, material );
- this.add( this.targetLine );
- this.update();
- }
- dispose() {
- this.lightPlane.geometry.dispose();
- this.lightPlane.material.dispose();
- this.targetLine.geometry.dispose();
- this.targetLine.material.dispose();
- }
- update() {
- this.light.updateWorldMatrix( true, false );
- this.light.target.updateWorldMatrix( true, false );
- _v1.setFromMatrixPosition( this.light.matrixWorld );
- _v2.setFromMatrixPosition( this.light.target.matrixWorld );
- _v3.subVectors( _v2, _v1 );
- this.lightPlane.lookAt( _v2 );
- if ( this.color !== undefined ) {
- this.lightPlane.material.color.set( this.color );
- this.targetLine.material.color.set( this.color );
- } else {
- this.lightPlane.material.color.copy( this.light.color );
- this.targetLine.material.color.copy( this.light.color );
- }
- this.targetLine.lookAt( _v2 );
- this.targetLine.scale.z = _v3.length();
- }
- }
- const _vector = /*@__PURE__*/ new Vector3();
- const _camera$1 = /*@__PURE__*/ new Camera();
- /**
- * - shows frustum, line of sight and up of the camera
- * - suitable for fast updates
- * - based on frustum visualization in lightgl.js shadowmap example
- * https://github.com/evanw/lightgl.js/blob/master/tests/shadowmap.html
- */
- class CameraHelper extends LineSegments {
- constructor( camera ) {
- const geometry = new BufferGeometry();
- const material = new LineBasicMaterial( { color: 0xffffff, vertexColors: true, toneMapped: false } );
- const vertices = [];
- const colors = [];
- const pointMap = {};
- // near
- addLine( 'n1', 'n2' );
- addLine( 'n2', 'n4' );
- addLine( 'n4', 'n3' );
- addLine( 'n3', 'n1' );
- // far
- addLine( 'f1', 'f2' );
- addLine( 'f2', 'f4' );
- addLine( 'f4', 'f3' );
- addLine( 'f3', 'f1' );
- // sides
- addLine( 'n1', 'f1' );
- addLine( 'n2', 'f2' );
- addLine( 'n3', 'f3' );
- addLine( 'n4', 'f4' );
- // cone
- addLine( 'p', 'n1' );
- addLine( 'p', 'n2' );
- addLine( 'p', 'n3' );
- addLine( 'p', 'n4' );
- // up
- addLine( 'u1', 'u2' );
- addLine( 'u2', 'u3' );
- addLine( 'u3', 'u1' );
- // target
- addLine( 'c', 't' );
- addLine( 'p', 'c' );
- // cross
- addLine( 'cn1', 'cn2' );
- addLine( 'cn3', 'cn4' );
- addLine( 'cf1', 'cf2' );
- addLine( 'cf3', 'cf4' );
- function addLine( a, b ) {
- addPoint( a );
- addPoint( b );
- }
- function addPoint( id ) {
- vertices.push( 0, 0, 0 );
- colors.push( 0, 0, 0 );
- if ( pointMap[ id ] === undefined ) {
- pointMap[ id ] = [];
- }
- pointMap[ id ].push( ( vertices.length / 3 ) - 1 );
- }
- geometry.setAttribute( 'position', new Float32BufferAttribute( vertices, 3 ) );
- geometry.setAttribute( 'color', new Float32BufferAttribute( colors, 3 ) );
- super( geometry, material );
- this.type = 'CameraHelper';
- this.camera = camera;
- if ( this.camera.updateProjectionMatrix ) this.camera.updateProjectionMatrix();
- this.matrix = camera.matrixWorld;
- this.matrixAutoUpdate = false;
- this.pointMap = pointMap;
- this.update();
- // colors
- const colorFrustum = new Color( 0xffaa00 );
- const colorCone = new Color( 0xff0000 );
- const colorUp = new Color( 0x00aaff );
- const colorTarget = new Color( 0xffffff );
- const colorCross = new Color( 0x333333 );
- this.setColors( colorFrustum, colorCone, colorUp, colorTarget, colorCross );
- }
- setColors( frustum, cone, up, target, cross ) {
- const geometry = this.geometry;
- const colorAttribute = geometry.getAttribute( 'color' );
- // near
- colorAttribute.setXYZ( 0, frustum.r, frustum.g, frustum.b ); colorAttribute.setXYZ( 1, frustum.r, frustum.g, frustum.b ); // n1, n2
- colorAttribute.setXYZ( 2, frustum.r, frustum.g, frustum.b ); colorAttribute.setXYZ( 3, frustum.r, frustum.g, frustum.b ); // n2, n4
- colorAttribute.setXYZ( 4, frustum.r, frustum.g, frustum.b ); colorAttribute.setXYZ( 5, frustum.r, frustum.g, frustum.b ); // n4, n3
- colorAttribute.setXYZ( 6, frustum.r, frustum.g, frustum.b ); colorAttribute.setXYZ( 7, frustum.r, frustum.g, frustum.b ); // n3, n1
- // far
- colorAttribute.setXYZ( 8, frustum.r, frustum.g, frustum.b ); colorAttribute.setXYZ( 9, frustum.r, frustum.g, frustum.b ); // f1, f2
- colorAttribute.setXYZ( 10, frustum.r, frustum.g, frustum.b ); colorAttribute.setXYZ( 11, frustum.r, frustum.g, frustum.b ); // f2, f4
- colorAttribute.setXYZ( 12, frustum.r, frustum.g, frustum.b ); colorAttribute.setXYZ( 13, frustum.r, frustum.g, frustum.b ); // f4, f3
- colorAttribute.setXYZ( 14, frustum.r, frustum.g, frustum.b ); colorAttribute.setXYZ( 15, frustum.r, frustum.g, frustum.b ); // f3, f1
- // sides
- colorAttribute.setXYZ( 16, frustum.r, frustum.g, frustum.b ); colorAttribute.setXYZ( 17, frustum.r, frustum.g, frustum.b ); // n1, f1
- colorAttribute.setXYZ( 18, frustum.r, frustum.g, frustum.b ); colorAttribute.setXYZ( 19, frustum.r, frustum.g, frustum.b ); // n2, f2
- colorAttribute.setXYZ( 20, frustum.r, frustum.g, frustum.b ); colorAttribute.setXYZ( 21, frustum.r, frustum.g, frustum.b ); // n3, f3
- colorAttribute.setXYZ( 22, frustum.r, frustum.g, frustum.b ); colorAttribute.setXYZ( 23, frustum.r, frustum.g, frustum.b ); // n4, f4
- // cone
- colorAttribute.setXYZ( 24, cone.r, cone.g, cone.b ); colorAttribute.setXYZ( 25, cone.r, cone.g, cone.b ); // p, n1
- colorAttribute.setXYZ( 26, cone.r, cone.g, cone.b ); colorAttribute.setXYZ( 27, cone.r, cone.g, cone.b ); // p, n2
- colorAttribute.setXYZ( 28, cone.r, cone.g, cone.b ); colorAttribute.setXYZ( 29, cone.r, cone.g, cone.b ); // p, n3
- colorAttribute.setXYZ( 30, cone.r, cone.g, cone.b ); colorAttribute.setXYZ( 31, cone.r, cone.g, cone.b ); // p, n4
- // up
- colorAttribute.setXYZ( 32, up.r, up.g, up.b ); colorAttribute.setXYZ( 33, up.r, up.g, up.b ); // u1, u2
- colorAttribute.setXYZ( 34, up.r, up.g, up.b ); colorAttribute.setXYZ( 35, up.r, up.g, up.b ); // u2, u3
- colorAttribute.setXYZ( 36, up.r, up.g, up.b ); colorAttribute.setXYZ( 37, up.r, up.g, up.b ); // u3, u1
- // target
- colorAttribute.setXYZ( 38, target.r, target.g, target.b ); colorAttribute.setXYZ( 39, target.r, target.g, target.b ); // c, t
- colorAttribute.setXYZ( 40, cross.r, cross.g, cross.b ); colorAttribute.setXYZ( 41, cross.r, cross.g, cross.b ); // p, c
- // cross
- colorAttribute.setXYZ( 42, cross.r, cross.g, cross.b ); colorAttribute.setXYZ( 43, cross.r, cross.g, cross.b ); // cn1, cn2
- colorAttribute.setXYZ( 44, cross.r, cross.g, cross.b ); colorAttribute.setXYZ( 45, cross.r, cross.g, cross.b ); // cn3, cn4
- colorAttribute.setXYZ( 46, cross.r, cross.g, cross.b ); colorAttribute.setXYZ( 47, cross.r, cross.g, cross.b ); // cf1, cf2
- colorAttribute.setXYZ( 48, cross.r, cross.g, cross.b ); colorAttribute.setXYZ( 49, cross.r, cross.g, cross.b ); // cf3, cf4
- colorAttribute.needsUpdate = true;
- }
- update() {
- const geometry = this.geometry;
- const pointMap = this.pointMap;
- const w = 1, h = 1;
- // we need just camera projection matrix inverse
- // world matrix must be identity
- _camera$1.projectionMatrixInverse.copy( this.camera.projectionMatrixInverse );
- // center / target
- setPoint( 'c', pointMap, geometry, _camera$1, 0, 0, - 1 );
- setPoint( 't', pointMap, geometry, _camera$1, 0, 0, 1 );
- // near
- setPoint( 'n1', pointMap, geometry, _camera$1, - w, - h, - 1 );
- setPoint( 'n2', pointMap, geometry, _camera$1, w, - h, - 1 );
- setPoint( 'n3', pointMap, geometry, _camera$1, - w, h, - 1 );
- setPoint( 'n4', pointMap, geometry, _camera$1, w, h, - 1 );
- // far
- setPoint( 'f1', pointMap, geometry, _camera$1, - w, - h, 1 );
- setPoint( 'f2', pointMap, geometry, _camera$1, w, - h, 1 );
- setPoint( 'f3', pointMap, geometry, _camera$1, - w, h, 1 );
- setPoint( 'f4', pointMap, geometry, _camera$1, w, h, 1 );
- // up
- setPoint( 'u1', pointMap, geometry, _camera$1, w * 0.7, h * 1.1, - 1 );
- setPoint( 'u2', pointMap, geometry, _camera$1, - w * 0.7, h * 1.1, - 1 );
- setPoint( 'u3', pointMap, geometry, _camera$1, 0, h * 2, - 1 );
- // cross
- setPoint( 'cf1', pointMap, geometry, _camera$1, - w, 0, 1 );
- setPoint( 'cf2', pointMap, geometry, _camera$1, w, 0, 1 );
- setPoint( 'cf3', pointMap, geometry, _camera$1, 0, - h, 1 );
- setPoint( 'cf4', pointMap, geometry, _camera$1, 0, h, 1 );
- setPoint( 'cn1', pointMap, geometry, _camera$1, - w, 0, - 1 );
- setPoint( 'cn2', pointMap, geometry, _camera$1, w, 0, - 1 );
- setPoint( 'cn3', pointMap, geometry, _camera$1, 0, - h, - 1 );
- setPoint( 'cn4', pointMap, geometry, _camera$1, 0, h, - 1 );
- geometry.getAttribute( 'position' ).needsUpdate = true;
- }
- dispose() {
- this.geometry.dispose();
- this.material.dispose();
- }
- }
- function setPoint( point, pointMap, geometry, camera, x, y, z ) {
- _vector.set( x, y, z ).unproject( camera );
- const points = pointMap[ point ];
- if ( points !== undefined ) {
- const position = geometry.getAttribute( 'position' );
- for ( let i = 0, l = points.length; i < l; i ++ ) {
- position.setXYZ( points[ i ], _vector.x, _vector.y, _vector.z );
- }
- }
- }
- const _box = /*@__PURE__*/ new Box3();
- class BoxHelper extends LineSegments {
- constructor( object, color = 0xffff00 ) {
- const indices = new Uint16Array( [ 0, 1, 1, 2, 2, 3, 3, 0, 4, 5, 5, 6, 6, 7, 7, 4, 0, 4, 1, 5, 2, 6, 3, 7 ] );
- const positions = new Float32Array( 8 * 3 );
- const geometry = new BufferGeometry();
- geometry.setIndex( new BufferAttribute( indices, 1 ) );
- geometry.setAttribute( 'position', new BufferAttribute( positions, 3 ) );
- super( geometry, new LineBasicMaterial( { color: color, toneMapped: false } ) );
- this.object = object;
- this.type = 'BoxHelper';
- this.matrixAutoUpdate = false;
- this.update();
- }
- update( object ) {
- if ( object !== undefined ) {
- console.warn( 'THREE.BoxHelper: .update() has no longer arguments.' );
- }
- if ( this.object !== undefined ) {
- _box.setFromObject( this.object );
- }
- if ( _box.isEmpty() ) return;
- const min = _box.min;
- const max = _box.max;
- /*
- 5____4
- 1/___0/|
- | 6__|_7
- 2/___3/
- 0: max.x, max.y, max.z
- 1: min.x, max.y, max.z
- 2: min.x, min.y, max.z
- 3: max.x, min.y, max.z
- 4: max.x, max.y, min.z
- 5: min.x, max.y, min.z
- 6: min.x, min.y, min.z
- 7: max.x, min.y, min.z
- */
- const position = this.geometry.attributes.position;
- const array = position.array;
- array[ 0 ] = max.x; array[ 1 ] = max.y; array[ 2 ] = max.z;
- array[ 3 ] = min.x; array[ 4 ] = max.y; array[ 5 ] = max.z;
- array[ 6 ] = min.x; array[ 7 ] = min.y; array[ 8 ] = max.z;
- array[ 9 ] = max.x; array[ 10 ] = min.y; array[ 11 ] = max.z;
- array[ 12 ] = max.x; array[ 13 ] = max.y; array[ 14 ] = min.z;
- array[ 15 ] = min.x; array[ 16 ] = max.y; array[ 17 ] = min.z;
- array[ 18 ] = min.x; array[ 19 ] = min.y; array[ 20 ] = min.z;
- array[ 21 ] = max.x; array[ 22 ] = min.y; array[ 23 ] = min.z;
- position.needsUpdate = true;
- this.geometry.computeBoundingSphere();
- }
- setFromObject( object ) {
- this.object = object;
- this.update();
- return this;
- }
- copy( source, recursive ) {
- super.copy( source, recursive );
- this.object = source.object;
- return this;
- }
- dispose() {
- this.geometry.dispose();
- this.material.dispose();
- }
- }
- class Box3Helper extends LineSegments {
- constructor( box, color = 0xffff00 ) {
- const indices = new Uint16Array( [ 0, 1, 1, 2, 2, 3, 3, 0, 4, 5, 5, 6, 6, 7, 7, 4, 0, 4, 1, 5, 2, 6, 3, 7 ] );
- const positions = [ 1, 1, 1, - 1, 1, 1, - 1, - 1, 1, 1, - 1, 1, 1, 1, - 1, - 1, 1, - 1, - 1, - 1, - 1, 1, - 1, - 1 ];
- const geometry = new BufferGeometry();
- geometry.setIndex( new BufferAttribute( indices, 1 ) );
- geometry.setAttribute( 'position', new Float32BufferAttribute( positions, 3 ) );
- super( geometry, new LineBasicMaterial( { color: color, toneMapped: false } ) );
- this.box = box;
- this.type = 'Box3Helper';
- this.geometry.computeBoundingSphere();
- }
- updateMatrixWorld( force ) {
- const box = this.box;
- if ( box.isEmpty() ) return;
- box.getCenter( this.position );
- box.getSize( this.scale );
- this.scale.multiplyScalar( 0.5 );
- super.updateMatrixWorld( force );
- }
- dispose() {
- this.geometry.dispose();
- this.material.dispose();
- }
- }
- class PlaneHelper extends Line {
- constructor( plane, size = 1, hex = 0xffff00 ) {
- const color = hex;
- const positions = [ 1, - 1, 0, - 1, 1, 0, - 1, - 1, 0, 1, 1, 0, - 1, 1, 0, - 1, - 1, 0, 1, - 1, 0, 1, 1, 0 ];
- const geometry = new BufferGeometry();
- geometry.setAttribute( 'position', new Float32BufferAttribute( positions, 3 ) );
- geometry.computeBoundingSphere();
- super( geometry, new LineBasicMaterial( { color: color, toneMapped: false } ) );
- this.type = 'PlaneHelper';
- this.plane = plane;
- this.size = size;
- const positions2 = [ 1, 1, 0, - 1, 1, 0, - 1, - 1, 0, 1, 1, 0, - 1, - 1, 0, 1, - 1, 0 ];
- const geometry2 = new BufferGeometry();
- geometry2.setAttribute( 'position', new Float32BufferAttribute( positions2, 3 ) );
- geometry2.computeBoundingSphere();
- this.add( new Mesh( geometry2, new MeshBasicMaterial( { color: color, opacity: 0.2, transparent: true, depthWrite: false, toneMapped: false } ) ) );
- }
- updateMatrixWorld( force ) {
- this.position.set( 0, 0, 0 );
- this.scale.set( 0.5 * this.size, 0.5 * this.size, 1 );
- this.lookAt( this.plane.normal );
- this.translateZ( - this.plane.constant );
- super.updateMatrixWorld( force );
- }
- dispose() {
- this.geometry.dispose();
- this.material.dispose();
- this.children[ 0 ].geometry.dispose();
- this.children[ 0 ].material.dispose();
- }
- }
- const _axis = /*@__PURE__*/ new Vector3();
- let _lineGeometry, _coneGeometry;
- class ArrowHelper extends Object3D {
- // dir is assumed to be normalized
- constructor( dir = new Vector3( 0, 0, 1 ), origin = new Vector3( 0, 0, 0 ), length = 1, color = 0xffff00, headLength = length * 0.2, headWidth = headLength * 0.2 ) {
- super();
- this.type = 'ArrowHelper';
- if ( _lineGeometry === undefined ) {
- _lineGeometry = new BufferGeometry();
- _lineGeometry.setAttribute( 'position', new Float32BufferAttribute( [ 0, 0, 0, 0, 1, 0 ], 3 ) );
- _coneGeometry = new CylinderGeometry( 0, 0.5, 1, 5, 1 );
- _coneGeometry.translate( 0, - 0.5, 0 );
- }
- this.position.copy( origin );
- this.line = new Line( _lineGeometry, new LineBasicMaterial( { color: color, toneMapped: false } ) );
- this.line.matrixAutoUpdate = false;
- this.add( this.line );
- this.cone = new Mesh( _coneGeometry, new MeshBasicMaterial( { color: color, toneMapped: false } ) );
- this.cone.matrixAutoUpdate = false;
- this.add( this.cone );
- this.setDirection( dir );
- this.setLength( length, headLength, headWidth );
- }
- setDirection( dir ) {
- // dir is assumed to be normalized
- if ( dir.y > 0.99999 ) {
- this.quaternion.set( 0, 0, 0, 1 );
- } else if ( dir.y < - 0.99999 ) {
- this.quaternion.set( 1, 0, 0, 0 );
- } else {
- _axis.set( dir.z, 0, - dir.x ).normalize();
- const radians = Math.acos( dir.y );
- this.quaternion.setFromAxisAngle( _axis, radians );
- }
- }
- setLength( length, headLength = length * 0.2, headWidth = headLength * 0.2 ) {
- this.line.scale.set( 1, Math.max( 0.0001, length - headLength ), 1 ); // see #17458
- this.line.updateMatrix();
- this.cone.scale.set( headWidth, headLength, headWidth );
- this.cone.position.y = length;
- this.cone.updateMatrix();
- }
- setColor( color ) {
- this.line.material.color.set( color );
- this.cone.material.color.set( color );
- }
- copy( source ) {
- super.copy( source, false );
- this.line.copy( source.line );
- this.cone.copy( source.cone );
- return this;
- }
- dispose() {
- this.line.geometry.dispose();
- this.line.material.dispose();
- this.cone.geometry.dispose();
- this.cone.material.dispose();
- }
- }
- class AxesHelper extends LineSegments {
- constructor( size = 1 ) {
- const vertices = [
- 0, 0, 0, size, 0, 0,
- 0, 0, 0, 0, size, 0,
- 0, 0, 0, 0, 0, size
- ];
- const colors = [
- 1, 0, 0, 1, 0.6, 0,
- 0, 1, 0, 0.6, 1, 0,
- 0, 0, 1, 0, 0.6, 1
- ];
- const geometry = new BufferGeometry();
- geometry.setAttribute( 'position', new Float32BufferAttribute( vertices, 3 ) );
- geometry.setAttribute( 'color', new Float32BufferAttribute( colors, 3 ) );
- const material = new LineBasicMaterial( { vertexColors: true, toneMapped: false } );
- super( geometry, material );
- this.type = 'AxesHelper';
- }
- setColors( xAxisColor, yAxisColor, zAxisColor ) {
- const color = new Color();
- const array = this.geometry.attributes.color.array;
- color.set( xAxisColor );
- color.toArray( array, 0 );
- color.toArray( array, 3 );
- color.set( yAxisColor );
- color.toArray( array, 6 );
- color.toArray( array, 9 );
- color.set( zAxisColor );
- color.toArray( array, 12 );
- color.toArray( array, 15 );
- this.geometry.attributes.color.needsUpdate = true;
- return this;
- }
- dispose() {
- this.geometry.dispose();
- this.material.dispose();
- }
- }
- class ShapePath {
- constructor() {
- this.type = 'ShapePath';
- this.color = new Color();
- this.subPaths = [];
- this.currentPath = null;
- }
- moveTo( x, y ) {
- this.currentPath = new Path();
- this.subPaths.push( this.currentPath );
- this.currentPath.moveTo( x, y );
- return this;
- }
- lineTo( x, y ) {
- this.currentPath.lineTo( x, y );
- return this;
- }
- quadraticCurveTo( aCPx, aCPy, aX, aY ) {
- this.currentPath.quadraticCurveTo( aCPx, aCPy, aX, aY );
- return this;
- }
- bezierCurveTo( aCP1x, aCP1y, aCP2x, aCP2y, aX, aY ) {
- this.currentPath.bezierCurveTo( aCP1x, aCP1y, aCP2x, aCP2y, aX, aY );
- return this;
- }
- splineThru( pts ) {
- this.currentPath.splineThru( pts );
- return this;
- }
- toShapes( isCCW ) {
- function toShapesNoHoles( inSubpaths ) {
- const shapes = [];
- for ( let i = 0, l = inSubpaths.length; i < l; i ++ ) {
- const tmpPath = inSubpaths[ i ];
- const tmpShape = new Shape();
- tmpShape.curves = tmpPath.curves;
- shapes.push( tmpShape );
- }
- return shapes;
- }
- function isPointInsidePolygon( inPt, inPolygon ) {
- const polyLen = inPolygon.length;
- // inPt on polygon contour => immediate success or
- // toggling of inside/outside at every single! intersection point of an edge
- // with the horizontal line through inPt, left of inPt
- // not counting lowerY endpoints of edges and whole edges on that line
- let inside = false;
- for ( let p = polyLen - 1, q = 0; q < polyLen; p = q ++ ) {
- let edgeLowPt = inPolygon[ p ];
- let edgeHighPt = inPolygon[ q ];
- let edgeDx = edgeHighPt.x - edgeLowPt.x;
- let edgeDy = edgeHighPt.y - edgeLowPt.y;
- if ( Math.abs( edgeDy ) > Number.EPSILON ) {
- // not parallel
- if ( edgeDy < 0 ) {
- edgeLowPt = inPolygon[ q ]; edgeDx = - edgeDx;
- edgeHighPt = inPolygon[ p ]; edgeDy = - edgeDy;
- }
- if ( ( inPt.y < edgeLowPt.y ) || ( inPt.y > edgeHighPt.y ) ) continue;
- if ( inPt.y === edgeLowPt.y ) {
- if ( inPt.x === edgeLowPt.x ) return true; // inPt is on contour ?
- // continue; // no intersection or edgeLowPt => doesn't count !!!
- } else {
- const perpEdge = edgeDy * ( inPt.x - edgeLowPt.x ) - edgeDx * ( inPt.y - edgeLowPt.y );
- if ( perpEdge === 0 ) return true; // inPt is on contour ?
- if ( perpEdge < 0 ) continue;
- inside = ! inside; // true intersection left of inPt
- }
- } else {
- // parallel or collinear
- if ( inPt.y !== edgeLowPt.y ) continue; // parallel
- // edge lies on the same horizontal line as inPt
- if ( ( ( edgeHighPt.x <= inPt.x ) && ( inPt.x <= edgeLowPt.x ) ) ||
- ( ( edgeLowPt.x <= inPt.x ) && ( inPt.x <= edgeHighPt.x ) ) ) return true; // inPt: Point on contour !
- // continue;
- }
- }
- return inside;
- }
- const isClockWise = ShapeUtils.isClockWise;
- const subPaths = this.subPaths;
- if ( subPaths.length === 0 ) return [];
- let solid, tmpPath, tmpShape;
- const shapes = [];
- if ( subPaths.length === 1 ) {
- tmpPath = subPaths[ 0 ];
- tmpShape = new Shape();
- tmpShape.curves = tmpPath.curves;
- shapes.push( tmpShape );
- return shapes;
- }
- let holesFirst = ! isClockWise( subPaths[ 0 ].getPoints() );
- holesFirst = isCCW ? ! holesFirst : holesFirst;
- // console.log("Holes first", holesFirst);
- const betterShapeHoles = [];
- const newShapes = [];
- let newShapeHoles = [];
- let mainIdx = 0;
- let tmpPoints;
- newShapes[ mainIdx ] = undefined;
- newShapeHoles[ mainIdx ] = [];
- for ( let i = 0, l = subPaths.length; i < l; i ++ ) {
- tmpPath = subPaths[ i ];
- tmpPoints = tmpPath.getPoints();
- solid = isClockWise( tmpPoints );
- solid = isCCW ? ! solid : solid;
- if ( solid ) {
- if ( ( ! holesFirst ) && ( newShapes[ mainIdx ] ) ) mainIdx ++;
- newShapes[ mainIdx ] = { s: new Shape(), p: tmpPoints };
- newShapes[ mainIdx ].s.curves = tmpPath.curves;
- if ( holesFirst ) mainIdx ++;
- newShapeHoles[ mainIdx ] = [];
- //console.log('cw', i);
- } else {
- newShapeHoles[ mainIdx ].push( { h: tmpPath, p: tmpPoints[ 0 ] } );
- //console.log('ccw', i);
- }
- }
- // only Holes? -> probably all Shapes with wrong orientation
- if ( ! newShapes[ 0 ] ) return toShapesNoHoles( subPaths );
- if ( newShapes.length > 1 ) {
- let ambiguous = false;
- let toChange = 0;
- for ( let sIdx = 0, sLen = newShapes.length; sIdx < sLen; sIdx ++ ) {
- betterShapeHoles[ sIdx ] = [];
- }
- for ( let sIdx = 0, sLen = newShapes.length; sIdx < sLen; sIdx ++ ) {
- const sho = newShapeHoles[ sIdx ];
- for ( let hIdx = 0; hIdx < sho.length; hIdx ++ ) {
- const ho = sho[ hIdx ];
- let hole_unassigned = true;
- for ( let s2Idx = 0; s2Idx < newShapes.length; s2Idx ++ ) {
- if ( isPointInsidePolygon( ho.p, newShapes[ s2Idx ].p ) ) {
- if ( sIdx !== s2Idx ) toChange ++;
- if ( hole_unassigned ) {
- hole_unassigned = false;
- betterShapeHoles[ s2Idx ].push( ho );
- } else {
- ambiguous = true;
- }
- }
- }
- if ( hole_unassigned ) {
- betterShapeHoles[ sIdx ].push( ho );
- }
- }
- }
- if ( toChange > 0 && ambiguous === false ) {
- newShapeHoles = betterShapeHoles;
- }
- }
- let tmpHoles;
- for ( let i = 0, il = newShapes.length; i < il; i ++ ) {
- tmpShape = newShapes[ i ].s;
- shapes.push( tmpShape );
- tmpHoles = newShapeHoles[ i ];
- for ( let j = 0, jl = tmpHoles.length; j < jl; j ++ ) {
- tmpShape.holes.push( tmpHoles[ j ].h );
- }
- }
- //console.log("shape", shapes);
- return shapes;
- }
- }
- class Controls extends EventDispatcher {
- constructor( object, domElement = null ) {
- super();
- this.object = object;
- this.domElement = domElement;
- this.enabled = true;
- this.state = - 1;
- this.keys = {};
- this.mouseButtons = { LEFT: null, MIDDLE: null, RIGHT: null };
- this.touches = { ONE: null, TWO: null };
- }
- connect() {}
- disconnect() {}
- dispose() {}
- update( /* delta */ ) {}
- }
- class WebGLMultipleRenderTargets extends WebGLRenderTarget { // @deprecated, r162
- constructor( width = 1, height = 1, count = 1, options = {} ) {
- console.warn( 'THREE.WebGLMultipleRenderTargets has been deprecated and will be removed in r172. Use THREE.WebGLRenderTarget and set the "count" parameter to enable MRT.' );
- super( width, height, { ...options, count } );
- this.isWebGLMultipleRenderTargets = true;
- }
- get texture() {
- return this.textures;
- }
- }
- const refreshUniforms = [
- 'alphaMap',
- 'alphaTest',
- 'anisotropy',
- 'anisotropyMap',
- 'anisotropyRotation',
- 'aoMap',
- 'attenuationColor',
- 'attenuationDistance',
- 'bumpMap',
- 'clearcoat',
- 'clearcoatMap',
- 'clearcoatNormalMap',
- 'clearcoatNormalScale',
- 'clearcoatRoughness',
- 'color',
- 'dispersion',
- 'displacementMap',
- 'emissive',
- 'emissiveMap',
- 'envMap',
- 'gradientMap',
- 'ior',
- 'iridescence',
- 'iridescenceIOR',
- 'iridescenceMap',
- 'iridescenceThicknessMap',
- 'lightMap',
- 'map',
- 'matcap',
- 'metalness',
- 'metalnessMap',
- 'normalMap',
- 'normalScale',
- 'opacity',
- 'roughness',
- 'roughnessMap',
- 'sheen',
- 'sheenColor',
- 'sheenColorMap',
- 'sheenRoughnessMap',
- 'shininess',
- 'specular',
- 'specularColor',
- 'specularColorMap',
- 'specularIntensity',
- 'specularIntensityMap',
- 'specularMap',
- 'thickness',
- 'transmission',
- 'transmissionMap'
- ];
- class NodeMaterialObserver {
- constructor( builder ) {
- this.renderObjects = new WeakMap();
- this.hasNode = this.containsNode( builder );
- this.hasAnimation = builder.object.isSkinnedMesh === true;
- this.refreshUniforms = refreshUniforms;
- this.renderId = 0;
- }
- firstInitialization( renderObject ) {
- const hasInitialized = this.renderObjects.has( renderObject );
- if ( hasInitialized === false ) {
- this.getRenderObjectData( renderObject );
- return true;
- }
- return false;
- }
- getRenderObjectData( renderObject ) {
- let data = this.renderObjects.get( renderObject );
- if ( data === undefined ) {
- data = {
- material: this.getMaterialData( renderObject.material ),
- worldMatrix: renderObject.object.matrixWorld.clone()
- };
- if ( renderObject.object.center ) {
- data.center = renderObject.object.center.clone();
- }
- if ( renderObject.object.morphTargetInfluences ) {
- data.morphTargetInfluences = renderObject.object.morphTargetInfluences.slice();
- }
- if ( renderObject.bundle !== null ) {
- data.version = renderObject.bundle.version;
- }
- this.renderObjects.set( renderObject, data );
- }
- return data;
- }
- containsNode( builder ) {
- const material = builder.material;
- for ( const property in material ) {
- if ( material[ property ] && material[ property ].isNode )
- return true;
- }
- if ( builder.renderer.nodes.modelViewMatrix !== null || builder.renderer.nodes.modelNormalViewMatrix !== null )
- return true;
- return false;
- }
- getMaterialData( material ) {
- const data = {};
- for ( const property of this.refreshUniforms ) {
- const value = material[ property ];
- if ( value === null || value === undefined ) continue;
- if ( typeof value === 'object' && value.clone !== undefined ) {
- if ( value.isTexture === true ) {
- data[ property ] = { id: value.id, version: value.version };
- } else {
- data[ property ] = value.clone();
- }
- } else {
- data[ property ] = value;
- }
- }
- return data;
- }
- equals( renderObject ) {
- const { object, material } = renderObject;
- const renderObjectData = this.getRenderObjectData( renderObject );
- // world matrix
- if ( renderObjectData.worldMatrix.equals( object.matrixWorld ) !== true ) {
- renderObjectData.worldMatrix.copy( object.matrixWorld );
- return false;
- }
- // material
- const materialData = renderObjectData.material;
- for ( const property in materialData ) {
- const value = materialData[ property ];
- const mtlValue = material[ property ];
- if ( value.equals !== undefined ) {
- if ( value.equals( mtlValue ) === false ) {
- value.copy( mtlValue );
- return false;
- }
- } else if ( mtlValue.isTexture === true ) {
- if ( value.id !== mtlValue.id || value.version !== mtlValue.version ) {
- value.id = mtlValue.id;
- value.version = mtlValue.version;
- return false;
- }
- } else if ( value !== mtlValue ) {
- materialData[ property ] = mtlValue;
- return false;
- }
- }
- // morph targets
- if ( renderObjectData.morphTargetInfluences ) {
- let morphChanged = false;
- for ( let i = 0; i < renderObjectData.morphTargetInfluences.length; i ++ ) {
- if ( renderObjectData.morphTargetInfluences[ i ] !== object.morphTargetInfluences[ i ] ) {
- morphChanged = true;
- }
- }
- if ( morphChanged ) return true;
- }
- // center
- if ( renderObjectData.center ) {
- if ( renderObjectData.center.equals( object.center ) === false ) {
- renderObjectData.center.copy( object.center );
- return true;
- }
- }
- // bundle
- if ( renderObject.bundle !== null ) {
- renderObjectData.version = renderObject.bundle.version;
- }
- return true;
- }
- needsRefresh( renderObject, nodeFrame ) {
- if ( this.hasNode || this.hasAnimation || this.firstInitialization( renderObject ) )
- return true;
- const { renderId } = nodeFrame;
- if ( this.renderId !== renderId ) {
- this.renderId = renderId;
- return true;
- }
- const isStatic = renderObject.object.static === true;
- const isBundle = renderObject.bundle !== null && renderObject.bundle.static === true && this.getRenderObjectData( renderObject ).version === renderObject.bundle.version;
- if ( isStatic || isBundle )
- return false;
- const notEqual = this.equals( renderObject ) !== true;
- return notEqual;
- }
- }
- // cyrb53 (c) 2018 bryc (github.com/bryc). License: Public domain. Attribution appreciated.
- // A fast and simple 64-bit (or 53-bit) string hash function with decent collision resistance.
- // Largely inspired by MurmurHash2/3, but with a focus on speed/simplicity.
- // See https://stackoverflow.com/questions/7616461/generate-a-hash-from-string-in-javascript/52171480#52171480
- // https://github.com/bryc/code/blob/master/jshash/experimental/cyrb53.js
- function cyrb53( value, seed = 0 ) {
- let h1 = 0xdeadbeef ^ seed, h2 = 0x41c6ce57 ^ seed;
- if ( value instanceof Array ) {
- for ( let i = 0, val; i < value.length; i ++ ) {
- val = value[ i ];
- h1 = Math.imul( h1 ^ val, 2654435761 );
- h2 = Math.imul( h2 ^ val, 1597334677 );
- }
- } else {
- for ( let i = 0, ch; i < value.length; i ++ ) {
- ch = value.charCodeAt( i );
- h1 = Math.imul( h1 ^ ch, 2654435761 );
- h2 = Math.imul( h2 ^ ch, 1597334677 );
- }
- }
- h1 = Math.imul( h1 ^ ( h1 >>> 16 ), 2246822507 );
- h1 ^= Math.imul( h2 ^ ( h2 >>> 13 ), 3266489909 );
- h2 = Math.imul( h2 ^ ( h2 >>> 16 ), 2246822507 );
- h2 ^= Math.imul( h1 ^ ( h1 >>> 13 ), 3266489909 );
- return 4294967296 * ( 2097151 & h2 ) + ( h1 >>> 0 );
- }
- const hashString = ( str ) => cyrb53( str );
- const hashArray = ( array ) => cyrb53( array );
- const hash$1 = ( ...params ) => cyrb53( params );
- function getCacheKey$1( object, force = false ) {
- const values = [];
- if ( object.isNode === true ) {
- values.push( object.id );
- object = object.getSelf();
- }
- for ( const { property, childNode } of getNodeChildren( object ) ) {
- values.push( values, cyrb53( property.slice( 0, - 4 ) ), childNode.getCacheKey( force ) );
- }
- return cyrb53( values );
- }
- function* getNodeChildren( node, toJSON = false ) {
- for ( const property in node ) {
- // Ignore private properties.
- if ( property.startsWith( '_' ) === true ) continue;
- const object = node[ property ];
- if ( Array.isArray( object ) === true ) {
- for ( let i = 0; i < object.length; i ++ ) {
- const child = object[ i ];
- if ( child && ( child.isNode === true || toJSON && typeof child.toJSON === 'function' ) ) {
- yield { property, index: i, childNode: child };
- }
- }
- } else if ( object && object.isNode === true ) {
- yield { property, childNode: object };
- } else if ( typeof object === 'object' ) {
- for ( const subProperty in object ) {
- const child = object[ subProperty ];
- if ( child && ( child.isNode === true || toJSON && typeof child.toJSON === 'function' ) ) {
- yield { property, index: subProperty, childNode: child };
- }
- }
- }
- }
- }
- function getValueType( value ) {
- if ( value === undefined || value === null ) return null;
- const typeOf = typeof value;
- if ( value.isNode === true ) {
- return 'node';
- } else if ( typeOf === 'number' ) {
- return 'float';
- } else if ( typeOf === 'boolean' ) {
- return 'bool';
- } else if ( typeOf === 'string' ) {
- return 'string';
- } else if ( typeOf === 'function' ) {
- return 'shader';
- } else if ( value.isVector2 === true ) {
- return 'vec2';
- } else if ( value.isVector3 === true ) {
- return 'vec3';
- } else if ( value.isVector4 === true ) {
- return 'vec4';
- } else if ( value.isMatrix3 === true ) {
- return 'mat3';
- } else if ( value.isMatrix4 === true ) {
- return 'mat4';
- } else if ( value.isColor === true ) {
- return 'color';
- } else if ( value instanceof ArrayBuffer ) {
- return 'ArrayBuffer';
- }
- return null;
- }
- function getValueFromType( type, ...params ) {
- const last4 = type ? type.slice( - 4 ) : undefined;
- if ( params.length === 1 ) { // ensure same behaviour as in NodeBuilder.format()
- if ( last4 === 'vec2' ) params = [ params[ 0 ], params[ 0 ] ];
- else if ( last4 === 'vec3' ) params = [ params[ 0 ], params[ 0 ], params[ 0 ] ];
- else if ( last4 === 'vec4' ) params = [ params[ 0 ], params[ 0 ], params[ 0 ], params[ 0 ] ];
- }
- if ( type === 'color' ) {
- return new Color( ...params );
- } else if ( last4 === 'vec2' ) {
- return new Vector2( ...params );
- } else if ( last4 === 'vec3' ) {
- return new Vector3( ...params );
- } else if ( last4 === 'vec4' ) {
- return new Vector4( ...params );
- } else if ( last4 === 'mat3' ) {
- return new Matrix3( ...params );
- } else if ( last4 === 'mat4' ) {
- return new Matrix4( ...params );
- } else if ( type === 'bool' ) {
- return params[ 0 ] || false;
- } else if ( ( type === 'float' ) || ( type === 'int' ) || ( type === 'uint' ) ) {
- return params[ 0 ] || 0;
- } else if ( type === 'string' ) {
- return params[ 0 ] || '';
- } else if ( type === 'ArrayBuffer' ) {
- return base64ToArrayBuffer( params[ 0 ] );
- }
- return null;
- }
- function arrayBufferToBase64( arrayBuffer ) {
- let chars = '';
- const array = new Uint8Array( arrayBuffer );
- for ( let i = 0; i < array.length; i ++ ) {
- chars += String.fromCharCode( array[ i ] );
- }
- return btoa( chars );
- }
- function base64ToArrayBuffer( base64 ) {
- return Uint8Array.from( atob( base64 ), c => c.charCodeAt( 0 ) ).buffer;
- }
- var NodeUtils = /*#__PURE__*/Object.freeze({
- __proto__: null,
- arrayBufferToBase64: arrayBufferToBase64,
- base64ToArrayBuffer: base64ToArrayBuffer,
- getCacheKey: getCacheKey$1,
- getNodeChildren: getNodeChildren,
- getValueFromType: getValueFromType,
- getValueType: getValueType,
- hash: hash$1,
- hashArray: hashArray,
- hashString: hashString
- });
- const NodeShaderStage = {
- VERTEX: 'vertex',
- FRAGMENT: 'fragment'
- };
- const NodeUpdateType = {
- NONE: 'none',
- FRAME: 'frame',
- RENDER: 'render',
- OBJECT: 'object'
- };
- const NodeType = {
- BOOLEAN: 'bool',
- INTEGER: 'int',
- FLOAT: 'float',
- VECTOR2: 'vec2',
- VECTOR3: 'vec3',
- VECTOR4: 'vec4',
- MATRIX2: 'mat2',
- MATRIX3: 'mat3',
- MATRIX4: 'mat4'
- };
- const defaultShaderStages = [ 'fragment', 'vertex' ];
- const defaultBuildStages = [ 'setup', 'analyze', 'generate' ];
- const shaderStages = [ ...defaultShaderStages, 'compute' ];
- const vectorComponents = [ 'x', 'y', 'z', 'w' ];
- let _nodeId = 0;
- class Node extends EventDispatcher {
- static get type() {
- return 'Node';
- }
- constructor( nodeType = null ) {
- super();
- this.nodeType = nodeType;
- this.updateType = NodeUpdateType.NONE;
- this.updateBeforeType = NodeUpdateType.NONE;
- this.updateAfterType = NodeUpdateType.NONE;
- this.uuid = MathUtils.generateUUID();
- this.version = 0;
- this._cacheKey = null;
- this._cacheKeyVersion = 0;
- this.global = false;
- this.isNode = true;
- Object.defineProperty( this, 'id', { value: _nodeId ++ } );
- }
- set needsUpdate( value ) {
- if ( value === true ) {
- this.version ++;
- }
- }
- get type() {
- return this.constructor.type;
- }
- onUpdate( callback, updateType ) {
- this.updateType = updateType;
- this.update = callback.bind( this.getSelf() );
- return this;
- }
- onFrameUpdate( callback ) {
- return this.onUpdate( callback, NodeUpdateType.FRAME );
- }
- onRenderUpdate( callback ) {
- return this.onUpdate( callback, NodeUpdateType.RENDER );
- }
- onObjectUpdate( callback ) {
- return this.onUpdate( callback, NodeUpdateType.OBJECT );
- }
- onReference( callback ) {
- this.updateReference = callback.bind( this.getSelf() );
- return this;
- }
- getSelf() {
- // Returns non-node object.
- return this.self || this;
- }
- updateReference( /*state*/ ) {
- return this;
- }
- isGlobal( /*builder*/ ) {
- return this.global;
- }
- * getChildren() {
- for ( const { childNode } of getNodeChildren( this ) ) {
- yield childNode;
- }
- }
- dispose() {
- this.dispatchEvent( { type: 'dispose' } );
- }
- traverse( callback ) {
- callback( this );
- for ( const childNode of this.getChildren() ) {
- childNode.traverse( callback );
- }
- }
- getCacheKey( force = false ) {
- force = force || this.version !== this._cacheKeyVersion;
- if ( force === true || this._cacheKey === null ) {
- this._cacheKey = getCacheKey$1( this, force );
- this._cacheKeyVersion = this.version;
- }
- return this._cacheKey;
- }
- getScope() {
- return this;
- }
- getHash( /*builder*/ ) {
- return this.uuid;
- }
- getUpdateType() {
- return this.updateType;
- }
- getUpdateBeforeType() {
- return this.updateBeforeType;
- }
- getUpdateAfterType() {
- return this.updateAfterType;
- }
- getElementType( builder ) {
- const type = this.getNodeType( builder );
- const elementType = builder.getElementType( type );
- return elementType;
- }
- getNodeType( builder ) {
- const nodeProperties = builder.getNodeProperties( this );
- if ( nodeProperties.outputNode ) {
- return nodeProperties.outputNode.getNodeType( builder );
- }
- return this.nodeType;
- }
- getShared( builder ) {
- const hash = this.getHash( builder );
- const nodeFromHash = builder.getNodeFromHash( hash );
- return nodeFromHash || this;
- }
- setup( builder ) {
- const nodeProperties = builder.getNodeProperties( this );
- let index = 0;
- for ( const childNode of this.getChildren() ) {
- nodeProperties[ 'node' + index ++ ] = childNode;
- }
- // return a outputNode if exists
- return null;
- }
- analyze( builder ) {
- const usageCount = builder.increaseUsage( this );
- if ( usageCount === 1 ) {
- // node flow children
- const nodeProperties = builder.getNodeProperties( this );
- for ( const childNode of Object.values( nodeProperties ) ) {
- if ( childNode && childNode.isNode === true ) {
- childNode.build( builder );
- }
- }
- }
- }
- generate( builder, output ) {
- const { outputNode } = builder.getNodeProperties( this );
- if ( outputNode && outputNode.isNode === true ) {
- return outputNode.build( builder, output );
- }
- }
- updateBefore( /*frame*/ ) {
- console.warn( 'Abstract function.' );
- }
- updateAfter( /*frame*/ ) {
- console.warn( 'Abstract function.' );
- }
- update( /*frame*/ ) {
- console.warn( 'Abstract function.' );
- }
- build( builder, output = null ) {
- const refNode = this.getShared( builder );
- if ( this !== refNode ) {
- return refNode.build( builder, output );
- }
- builder.addNode( this );
- builder.addChain( this );
- /* Build stages expected results:
- - "setup" -> Node
- - "analyze" -> null
- - "generate" -> String
- */
- let result = null;
- const buildStage = builder.getBuildStage();
- if ( buildStage === 'setup' ) {
- this.updateReference( builder );
- const properties = builder.getNodeProperties( this );
- if ( properties.initialized !== true ) {
- const stackNodesBeforeSetup = builder.stack.nodes.length;
- properties.initialized = true;
- properties.outputNode = this.setup( builder );
- if ( properties.outputNode !== null && builder.stack.nodes.length !== stackNodesBeforeSetup ) ;
- for ( const childNode of Object.values( properties ) ) {
- if ( childNode && childNode.isNode === true ) {
- childNode.build( builder );
- }
- }
- }
- } else if ( buildStage === 'analyze' ) {
- this.analyze( builder );
- } else if ( buildStage === 'generate' ) {
- const isGenerateOnce = this.generate.length === 1;
- if ( isGenerateOnce ) {
- const type = this.getNodeType( builder );
- const nodeData = builder.getDataFromNode( this );
- result = nodeData.snippet;
- if ( result === undefined ) {
- result = this.generate( builder ) || '';
- nodeData.snippet = result;
- } else if ( nodeData.flowCodes !== undefined && builder.context.nodeBlock !== undefined ) {
- builder.addFlowCodeHierarchy( this, builder.context.nodeBlock );
- }
- result = builder.format( result, type, output );
- } else {
- result = this.generate( builder, output ) || '';
- }
- }
- builder.removeChain( this );
- return result;
- }
- getSerializeChildren() {
- return getNodeChildren( this );
- }
- serialize( json ) {
- const nodeChildren = this.getSerializeChildren();
- const inputNodes = {};
- for ( const { property, index, childNode } of nodeChildren ) {
- if ( index !== undefined ) {
- if ( inputNodes[ property ] === undefined ) {
- inputNodes[ property ] = Number.isInteger( index ) ? [] : {};
- }
- inputNodes[ property ][ index ] = childNode.toJSON( json.meta ).uuid;
- } else {
- inputNodes[ property ] = childNode.toJSON( json.meta ).uuid;
- }
- }
- if ( Object.keys( inputNodes ).length > 0 ) {
- json.inputNodes = inputNodes;
- }
- }
- deserialize( json ) {
- if ( json.inputNodes !== undefined ) {
- const nodes = json.meta.nodes;
- for ( const property in json.inputNodes ) {
- if ( Array.isArray( json.inputNodes[ property ] ) ) {
- const inputArray = [];
- for ( const uuid of json.inputNodes[ property ] ) {
- inputArray.push( nodes[ uuid ] );
- }
- this[ property ] = inputArray;
- } else if ( typeof json.inputNodes[ property ] === 'object' ) {
- const inputObject = {};
- for ( const subProperty in json.inputNodes[ property ] ) {
- const uuid = json.inputNodes[ property ][ subProperty ];
- inputObject[ subProperty ] = nodes[ uuid ];
- }
- this[ property ] = inputObject;
- } else {
- const uuid = json.inputNodes[ property ];
- this[ property ] = nodes[ uuid ];
- }
- }
- }
- }
- toJSON( meta ) {
- const { uuid, type } = this;
- const isRoot = ( meta === undefined || typeof meta === 'string' );
- if ( isRoot ) {
- meta = {
- textures: {},
- images: {},
- nodes: {}
- };
- }
- // serialize
- let data = meta.nodes[ uuid ];
- if ( data === undefined ) {
- data = {
- uuid,
- type,
- meta,
- metadata: {
- version: 4.6,
- type: 'Node',
- generator: 'Node.toJSON'
- }
- };
- if ( isRoot !== true ) meta.nodes[ data.uuid ] = data;
- this.serialize( data );
- delete data.meta;
- }
- // TODO: Copied from Object3D.toJSON
- function extractFromCache( cache ) {
- const values = [];
- for ( const key in cache ) {
- const data = cache[ key ];
- delete data.metadata;
- values.push( data );
- }
- return values;
- }
- if ( isRoot ) {
- const textures = extractFromCache( meta.textures );
- const images = extractFromCache( meta.images );
- const nodes = extractFromCache( meta.nodes );
- if ( textures.length > 0 ) data.textures = textures;
- if ( images.length > 0 ) data.images = images;
- if ( nodes.length > 0 ) data.nodes = nodes;
- }
- return data;
- }
- }
- class ArrayElementNode extends Node {
- static get type() {
- return 'ArrayElementNode';
- } // @TODO: If extending from TempNode it breaks webgpu_compute
- constructor( node, indexNode ) {
- super();
- this.node = node;
- this.indexNode = indexNode;
- this.isArrayElementNode = true;
- }
- getNodeType( builder ) {
- return this.node.getElementType( builder );
- }
- generate( builder ) {
- const nodeSnippet = this.node.build( builder );
- const indexSnippet = this.indexNode.build( builder, 'uint' );
- return `${nodeSnippet}[ ${indexSnippet} ]`;
- }
- }
- class ConvertNode extends Node {
- static get type() {
- return 'ConvertNode';
- }
- constructor( node, convertTo ) {
- super();
- this.node = node;
- this.convertTo = convertTo;
- }
- getNodeType( builder ) {
- const requestType = this.node.getNodeType( builder );
- let convertTo = null;
- for ( const overloadingType of this.convertTo.split( '|' ) ) {
- if ( convertTo === null || builder.getTypeLength( requestType ) === builder.getTypeLength( overloadingType ) ) {
- convertTo = overloadingType;
- }
- }
- return convertTo;
- }
- serialize( data ) {
- super.serialize( data );
- data.convertTo = this.convertTo;
- }
- deserialize( data ) {
- super.deserialize( data );
- this.convertTo = data.convertTo;
- }
- generate( builder, output ) {
- const node = this.node;
- const type = this.getNodeType( builder );
- const snippet = node.build( builder, type );
- return builder.format( snippet, type, output );
- }
- }
- class TempNode extends Node {
- static get type() {
- return 'TempNode';
- }
- constructor( type ) {
- super( type );
- this.isTempNode = true;
- }
- hasDependencies( builder ) {
- return builder.getDataFromNode( this ).usageCount > 1;
- }
- build( builder, output ) {
- const buildStage = builder.getBuildStage();
- if ( buildStage === 'generate' ) {
- const type = builder.getVectorType( this.getNodeType( builder, output ) );
- const nodeData = builder.getDataFromNode( this );
- if ( nodeData.propertyName !== undefined ) {
- return builder.format( nodeData.propertyName, type, output );
- } else if ( type !== 'void' && output !== 'void' && this.hasDependencies( builder ) ) {
- const snippet = super.build( builder, type );
- const nodeVar = builder.getVarFromNode( this, null, type );
- const propertyName = builder.getPropertyName( nodeVar );
- builder.addLineFlowCode( `${propertyName} = ${snippet}`, this );
- nodeData.snippet = snippet;
- nodeData.propertyName = propertyName;
- return builder.format( nodeData.propertyName, type, output );
- }
- }
- return super.build( builder, output );
- }
- }
- class JoinNode extends TempNode {
- static get type() {
- return 'JoinNode';
- }
- constructor( nodes = [], nodeType = null ) {
- super( nodeType );
- this.nodes = nodes;
- }
- getNodeType( builder ) {
- if ( this.nodeType !== null ) {
- return builder.getVectorType( this.nodeType );
- }
- return builder.getTypeFromLength( this.nodes.reduce( ( count, cur ) => count + builder.getTypeLength( cur.getNodeType( builder ) ), 0 ) );
- }
- generate( builder, output ) {
- const type = this.getNodeType( builder );
- const nodes = this.nodes;
- const primitiveType = builder.getComponentType( type );
- const snippetValues = [];
- for ( const input of nodes ) {
- let inputSnippet = input.build( builder );
- const inputPrimitiveType = builder.getComponentType( input.getNodeType( builder ) );
- if ( inputPrimitiveType !== primitiveType ) {
- inputSnippet = builder.format( inputSnippet, inputPrimitiveType, primitiveType );
- }
- snippetValues.push( inputSnippet );
- }
- const snippet = `${ builder.getType( type ) }( ${ snippetValues.join( ', ' ) } )`;
- return builder.format( snippet, type, output );
- }
- }
- const stringVectorComponents = vectorComponents.join( '' );
- class SplitNode extends Node {
- static get type() {
- return 'SplitNode';
- }
- constructor( node, components = 'x' ) {
- super();
- this.node = node;
- this.components = components;
- this.isSplitNode = true;
- }
- getVectorLength() {
- let vectorLength = this.components.length;
- for ( const c of this.components ) {
- vectorLength = Math.max( vectorComponents.indexOf( c ) + 1, vectorLength );
- }
- return vectorLength;
- }
- getComponentType( builder ) {
- return builder.getComponentType( this.node.getNodeType( builder ) );
- }
- getNodeType( builder ) {
- return builder.getTypeFromLength( this.components.length, this.getComponentType( builder ) );
- }
- generate( builder, output ) {
- const node = this.node;
- const nodeTypeLength = builder.getTypeLength( node.getNodeType( builder ) );
- let snippet = null;
- if ( nodeTypeLength > 1 ) {
- let type = null;
- const componentsLength = this.getVectorLength();
- if ( componentsLength >= nodeTypeLength ) {
- // needed expand the input node
- type = builder.getTypeFromLength( this.getVectorLength(), this.getComponentType( builder ) );
- }
- const nodeSnippet = node.build( builder, type );
- if ( this.components.length === nodeTypeLength && this.components === stringVectorComponents.slice( 0, this.components.length ) ) {
- // unnecessary swizzle
- snippet = builder.format( nodeSnippet, type, output );
- } else {
- snippet = builder.format( `${nodeSnippet}.${this.components}`, this.getNodeType( builder ), output );
- }
- } else {
- // ignore .components if .node returns float/integer
- snippet = node.build( builder, output );
- }
- return snippet;
- }
- serialize( data ) {
- super.serialize( data );
- data.components = this.components;
- }
- deserialize( data ) {
- super.deserialize( data );
- this.components = data.components;
- }
- }
- class SetNode extends TempNode {
- static get type() {
- return 'SetNode';
- }
- constructor( sourceNode, components, targetNode ) {
- super();
- this.sourceNode = sourceNode;
- this.components = components;
- this.targetNode = targetNode;
- }
- getNodeType( builder ) {
- return this.sourceNode.getNodeType( builder );
- }
- generate( builder ) {
- const { sourceNode, components, targetNode } = this;
- const sourceType = this.getNodeType( builder );
- const targetType = builder.getTypeFromLength( components.length, targetNode.getNodeType( builder ) );
- const targetSnippet = targetNode.build( builder, targetType );
- const sourceSnippet = sourceNode.build( builder, sourceType );
- const length = builder.getTypeLength( sourceType );
- const snippetValues = [];
- for ( let i = 0; i < length; i ++ ) {
- const component = vectorComponents[ i ];
- if ( component === components[ 0 ] ) {
- snippetValues.push( targetSnippet );
- i += components.length - 1;
- } else {
- snippetValues.push( sourceSnippet + '.' + component );
- }
- }
- return `${ builder.getType( sourceType ) }( ${ snippetValues.join( ', ' ) } )`;
- }
- }
- class FlipNode extends TempNode {
- static get type() {
- return 'FlipNode';
- }
- constructor( sourceNode, components ) {
- super();
- this.sourceNode = sourceNode;
- this.components = components;
- }
- getNodeType( builder ) {
- return this.sourceNode.getNodeType( builder );
- }
- generate( builder ) {
- const { components, sourceNode } = this;
- const sourceType = this.getNodeType( builder );
- const sourceSnippet = sourceNode.build( builder );
- const sourceCache = builder.getVarFromNode( this );
- const sourceProperty = builder.getPropertyName( sourceCache );
- builder.addLineFlowCode( sourceProperty + ' = ' + sourceSnippet, this );
- const length = builder.getTypeLength( sourceType );
- const snippetValues = [];
- let componentIndex = 0;
- for ( let i = 0; i < length; i ++ ) {
- const component = vectorComponents[ i ];
- if ( component === components[ componentIndex ] ) {
- snippetValues.push( '1.0 - ' + ( sourceProperty + '.' + component ) );
- componentIndex ++;
- } else {
- snippetValues.push( sourceProperty + '.' + component );
- }
- }
- return `${ builder.getType( sourceType ) }( ${ snippetValues.join( ', ' ) } )`;
- }
- }
- class InputNode extends Node {
- static get type() {
- return 'InputNode';
- }
- constructor( value, nodeType = null ) {
- super( nodeType );
- this.isInputNode = true;
- this.value = value;
- this.precision = null;
- }
- getNodeType( /*builder*/ ) {
- if ( this.nodeType === null ) {
- return getValueType( this.value );
- }
- return this.nodeType;
- }
- getInputType( builder ) {
- return this.getNodeType( builder );
- }
- setPrecision( precision ) {
- this.precision = precision;
- return this;
- }
- serialize( data ) {
- super.serialize( data );
- data.value = this.value;
- if ( this.value && this.value.toArray ) data.value = this.value.toArray();
- data.valueType = getValueType( this.value );
- data.nodeType = this.nodeType;
- if ( data.valueType === 'ArrayBuffer' ) data.value = arrayBufferToBase64( data.value );
- data.precision = this.precision;
- }
- deserialize( data ) {
- super.deserialize( data );
- this.nodeType = data.nodeType;
- this.value = Array.isArray( data.value ) ? getValueFromType( data.valueType, ...data.value ) : data.value;
- this.precision = data.precision || null;
- if ( this.value && this.value.fromArray ) this.value = this.value.fromArray( data.value );
- }
- generate( /*builder, output*/ ) {
- console.warn( 'Abstract function.' );
- }
- }
- class ConstNode extends InputNode {
- static get type() {
- return 'ConstNode';
- }
- constructor( value, nodeType = null ) {
- super( value, nodeType );
- this.isConstNode = true;
- }
- generateConst( builder ) {
- return builder.generateConst( this.getNodeType( builder ), this.value );
- }
- generate( builder, output ) {
- const type = this.getNodeType( builder );
- return builder.format( this.generateConst( builder ), type, output );
- }
- }
- //
- let currentStack = null;
- const NodeElements = new Map();
- function addMethodChaining( name, nodeElement ) {
- if ( NodeElements.has( name ) ) {
- console.warn( `Redefinition of method chaining ${ name }` );
- return;
- }
- if ( typeof nodeElement !== 'function' ) throw new Error( `Node element ${ name } is not a function` );
- NodeElements.set( name, nodeElement );
- }
- const parseSwizzle = ( props ) => props.replace( /r|s/g, 'x' ).replace( /g|t/g, 'y' ).replace( /b|p/g, 'z' ).replace( /a|q/g, 'w' );
- const parseSwizzleAndSort = ( props ) => parseSwizzle( props ).split( '' ).sort().join( '' );
- const shaderNodeHandler = {
- setup( NodeClosure, params ) {
- const inputs = params.shift();
- return NodeClosure( nodeObjects( inputs ), ...params );
- },
- get( node, prop, nodeObj ) {
- if ( typeof prop === 'string' && node[ prop ] === undefined ) {
- if ( node.isStackNode !== true && prop === 'assign' ) {
- return ( ...params ) => {
- currentStack.assign( nodeObj, ...params );
- return nodeObj;
- };
- } else if ( NodeElements.has( prop ) ) {
- const nodeElement = NodeElements.get( prop );
- return node.isStackNode ? ( ...params ) => nodeObj.add( nodeElement( ...params ) ) : ( ...params ) => nodeElement( nodeObj, ...params );
- } else if ( prop === 'self' ) {
- return node;
- } else if ( prop.endsWith( 'Assign' ) && NodeElements.has( prop.slice( 0, prop.length - 'Assign'.length ) ) ) {
- const nodeElement = NodeElements.get( prop.slice( 0, prop.length - 'Assign'.length ) );
- return node.isStackNode ? ( ...params ) => nodeObj.assign( params[ 0 ], nodeElement( ...params ) ) : ( ...params ) => nodeObj.assign( nodeElement( nodeObj, ...params ) );
- } else if ( /^[xyzwrgbastpq]{1,4}$/.test( prop ) === true ) {
- // accessing properties ( swizzle )
- prop = parseSwizzle( prop );
- return nodeObject( new SplitNode( nodeObj, prop ) );
- } else if ( /^set[XYZWRGBASTPQ]{1,4}$/.test( prop ) === true ) {
- // set properties ( swizzle ) and sort to xyzw sequence
- prop = parseSwizzleAndSort( prop.slice( 3 ).toLowerCase() );
- return ( value ) => nodeObject( new SetNode( node, prop, value ) );
- } else if ( /^flip[XYZWRGBASTPQ]{1,4}$/.test( prop ) === true ) {
- // set properties ( swizzle ) and sort to xyzw sequence
- prop = parseSwizzleAndSort( prop.slice( 4 ).toLowerCase() );
- return () => nodeObject( new FlipNode( nodeObject( node ), prop ) );
- } else if ( prop === 'width' || prop === 'height' || prop === 'depth' ) {
- // accessing property
- if ( prop === 'width' ) prop = 'x';
- else if ( prop === 'height' ) prop = 'y';
- else if ( prop === 'depth' ) prop = 'z';
- return nodeObject( new SplitNode( node, prop ) );
- } else if ( /^\d+$/.test( prop ) === true ) {
- // accessing array
- return nodeObject( new ArrayElementNode( nodeObj, new ConstNode( Number( prop ), 'uint' ) ) );
- }
- }
- return Reflect.get( node, prop, nodeObj );
- },
- set( node, prop, value, nodeObj ) {
- if ( typeof prop === 'string' && node[ prop ] === undefined ) {
- // setting properties
- if ( /^[xyzwrgbastpq]{1,4}$/.test( prop ) === true || prop === 'width' || prop === 'height' || prop === 'depth' || /^\d+$/.test( prop ) === true ) {
- nodeObj[ prop ].assign( value );
- return true;
- }
- }
- return Reflect.set( node, prop, value, nodeObj );
- }
- };
- const nodeObjectsCacheMap = new WeakMap();
- const nodeBuilderFunctionsCacheMap = new WeakMap();
- const ShaderNodeObject = function ( obj, altType = null ) {
- const type = getValueType( obj );
- if ( type === 'node' ) {
- let nodeObject = nodeObjectsCacheMap.get( obj );
- if ( nodeObject === undefined ) {
- nodeObject = new Proxy( obj, shaderNodeHandler );
- nodeObjectsCacheMap.set( obj, nodeObject );
- nodeObjectsCacheMap.set( nodeObject, nodeObject );
- }
- return nodeObject;
- } else if ( ( altType === null && ( type === 'float' || type === 'boolean' ) ) || ( type && type !== 'shader' && type !== 'string' ) ) {
- return nodeObject( getConstNode( obj, altType ) );
- } else if ( type === 'shader' ) {
- return Fn( obj );
- }
- return obj;
- };
- const ShaderNodeObjects = function ( objects, altType = null ) {
- for ( const name in objects ) {
- objects[ name ] = nodeObject( objects[ name ], altType );
- }
- return objects;
- };
- const ShaderNodeArray = function ( array, altType = null ) {
- const len = array.length;
- for ( let i = 0; i < len; i ++ ) {
- array[ i ] = nodeObject( array[ i ], altType );
- }
- return array;
- };
- const ShaderNodeProxy = function ( NodeClass, scope = null, factor = null, settings = null ) {
- const assignNode = ( node ) => nodeObject( settings !== null ? Object.assign( node, settings ) : node );
- if ( scope === null ) {
- return ( ...params ) => {
- return assignNode( new NodeClass( ...nodeArray( params ) ) );
- };
- } else if ( factor !== null ) {
- factor = nodeObject( factor );
- return ( ...params ) => {
- return assignNode( new NodeClass( scope, ...nodeArray( params ), factor ) );
- };
- } else {
- return ( ...params ) => {
- return assignNode( new NodeClass( scope, ...nodeArray( params ) ) );
- };
- }
- };
- const ShaderNodeImmutable = function ( NodeClass, ...params ) {
- return nodeObject( new NodeClass( ...nodeArray( params ) ) );
- };
- class ShaderCallNodeInternal extends Node {
- constructor( shaderNode, inputNodes ) {
- super();
- this.shaderNode = shaderNode;
- this.inputNodes = inputNodes;
- }
- getNodeType( builder ) {
- return this.shaderNode.nodeType || this.getOutputNode( builder ).getNodeType( builder );
- }
- call( builder ) {
- const { shaderNode, inputNodes } = this;
- const properties = builder.getNodeProperties( shaderNode );
- if ( properties.onceOutput ) return properties.onceOutput;
- //
- let result = null;
- if ( shaderNode.layout ) {
- let functionNodesCacheMap = nodeBuilderFunctionsCacheMap.get( builder.constructor );
- if ( functionNodesCacheMap === undefined ) {
- functionNodesCacheMap = new WeakMap();
- nodeBuilderFunctionsCacheMap.set( builder.constructor, functionNodesCacheMap );
- }
- let functionNode = functionNodesCacheMap.get( shaderNode );
- if ( functionNode === undefined ) {
- functionNode = nodeObject( builder.buildFunctionNode( shaderNode ) );
- functionNodesCacheMap.set( shaderNode, functionNode );
- }
- if ( builder.currentFunctionNode !== null ) {
- builder.currentFunctionNode.includes.push( functionNode );
- }
- result = nodeObject( functionNode.call( inputNodes ) );
- } else {
- const jsFunc = shaderNode.jsFunc;
- const outputNode = inputNodes !== null ? jsFunc( inputNodes, builder ) : jsFunc( builder );
- result = nodeObject( outputNode );
- }
- if ( shaderNode.once ) {
- properties.onceOutput = result;
- }
- return result;
- }
- getOutputNode( builder ) {
- const properties = builder.getNodeProperties( this );
- if ( properties.outputNode === null ) {
- properties.outputNode = this.setupOutput( builder );
- }
- return properties.outputNode;
- }
- setup( builder ) {
- return this.getOutputNode( builder );
- }
- setupOutput( builder ) {
- builder.addStack();
- builder.stack.outputNode = this.call( builder );
- return builder.removeStack();
- }
- generate( builder, output ) {
- const outputNode = this.getOutputNode( builder );
- return outputNode.build( builder, output );
- }
- }
- class ShaderNodeInternal extends Node {
- constructor( jsFunc, nodeType ) {
- super( nodeType );
- this.jsFunc = jsFunc;
- this.layout = null;
- this.global = true;
- this.once = false;
- }
- setLayout( layout ) {
- this.layout = layout;
- return this;
- }
- call( inputs = null ) {
- nodeObjects( inputs );
- return nodeObject( new ShaderCallNodeInternal( this, inputs ) );
- }
- setup() {
- return this.call();
- }
- }
- const bools = [ false, true ];
- const uints = [ 0, 1, 2, 3 ];
- const ints = [ - 1, - 2 ];
- const floats = [ 0.5, 1.5, 1 / 3, 1e-6, 1e6, Math.PI, Math.PI * 2, 1 / Math.PI, 2 / Math.PI, 1 / ( Math.PI * 2 ), Math.PI / 2 ];
- const boolsCacheMap = new Map();
- for ( const bool of bools ) boolsCacheMap.set( bool, new ConstNode( bool ) );
- const uintsCacheMap = new Map();
- for ( const uint of uints ) uintsCacheMap.set( uint, new ConstNode( uint, 'uint' ) );
- const intsCacheMap = new Map( [ ...uintsCacheMap ].map( el => new ConstNode( el.value, 'int' ) ) );
- for ( const int of ints ) intsCacheMap.set( int, new ConstNode( int, 'int' ) );
- const floatsCacheMap = new Map( [ ...intsCacheMap ].map( el => new ConstNode( el.value ) ) );
- for ( const float of floats ) floatsCacheMap.set( float, new ConstNode( float ) );
- for ( const float of floats ) floatsCacheMap.set( - float, new ConstNode( - float ) );
- const cacheMaps = { bool: boolsCacheMap, uint: uintsCacheMap, ints: intsCacheMap, float: floatsCacheMap };
- const constNodesCacheMap = new Map( [ ...boolsCacheMap, ...floatsCacheMap ] );
- const getConstNode = ( value, type ) => {
- if ( constNodesCacheMap.has( value ) ) {
- return constNodesCacheMap.get( value );
- } else if ( value.isNode === true ) {
- return value;
- } else {
- return new ConstNode( value, type );
- }
- };
- const safeGetNodeType = ( node ) => {
- try {
- return node.getNodeType();
- } catch ( _ ) {
- return undefined;
- }
- };
- const ConvertType = function ( type, cacheMap = null ) {
- return ( ...params ) => {
- if ( params.length === 0 || ( ! [ 'bool', 'float', 'int', 'uint' ].includes( type ) && params.every( param => typeof param !== 'object' ) ) ) {
- params = [ getValueFromType( type, ...params ) ];
- }
- if ( params.length === 1 && cacheMap !== null && cacheMap.has( params[ 0 ] ) ) {
- return nodeObject( cacheMap.get( params[ 0 ] ) );
- }
- if ( params.length === 1 ) {
- const node = getConstNode( params[ 0 ], type );
- if ( safeGetNodeType( node ) === type ) return nodeObject( node );
- return nodeObject( new ConvertNode( node, type ) );
- }
- const nodes = params.map( param => getConstNode( param ) );
- return nodeObject( new JoinNode( nodes, type ) );
- };
- };
- // exports
- const defined = ( v ) => typeof v === 'object' && v !== null ? v.value : v; // TODO: remove boolean conversion and defined function
- // utils
- const getConstNodeType = ( value ) => ( value !== undefined && value !== null ) ? ( value.nodeType || value.convertTo || ( typeof value === 'string' ? value : null ) ) : null;
- // shader node base
- function ShaderNode( jsFunc, nodeType ) {
- return new Proxy( new ShaderNodeInternal( jsFunc, nodeType ), shaderNodeHandler );
- }
- const nodeObject = ( val, altType = null ) => /* new */ ShaderNodeObject( val, altType );
- const nodeObjects = ( val, altType = null ) => new ShaderNodeObjects( val, altType );
- const nodeArray = ( val, altType = null ) => new ShaderNodeArray( val, altType );
- const nodeProxy = ( ...params ) => new ShaderNodeProxy( ...params );
- const nodeImmutable = ( ...params ) => new ShaderNodeImmutable( ...params );
- const Fn = ( jsFunc, nodeType ) => {
- const shaderNode = new ShaderNode( jsFunc, nodeType );
- const fn = ( ...params ) => {
- let inputs;
- nodeObjects( params );
- if ( params[ 0 ] && params[ 0 ].isNode ) {
- inputs = [ ...params ];
- } else {
- inputs = params[ 0 ];
- }
- return shaderNode.call( inputs );
- };
- fn.shaderNode = shaderNode;
- fn.setLayout = ( layout ) => {
- shaderNode.setLayout( layout );
- return fn;
- };
- fn.once = () => {
- shaderNode.once = true;
- return fn;
- };
- return fn;
- };
- const tslFn = ( ...params ) => { // @deprecated, r168
- console.warn( 'TSL.ShaderNode: tslFn() has been renamed to Fn().' );
- return Fn( ...params );
- };
- //
- addMethodChaining( 'toGlobal', ( node ) => {
- node.global = true;
- return node;
- } );
- //
- const setCurrentStack = ( stack ) => {
- currentStack = stack;
- };
- const getCurrentStack = () => currentStack;
- const If = ( ...params ) => currentStack.If( ...params );
- function append( node ) {
- if ( currentStack ) currentStack.add( node );
- return node;
- }
- addMethodChaining( 'append', append );
- // types
- const color = new ConvertType( 'color' );
- const float = new ConvertType( 'float', cacheMaps.float );
- const int = new ConvertType( 'int', cacheMaps.ints );
- const uint = new ConvertType( 'uint', cacheMaps.uint );
- const bool = new ConvertType( 'bool', cacheMaps.bool );
- const vec2 = new ConvertType( 'vec2' );
- const ivec2 = new ConvertType( 'ivec2' );
- const uvec2 = new ConvertType( 'uvec2' );
- const bvec2 = new ConvertType( 'bvec2' );
- const vec3 = new ConvertType( 'vec3' );
- const ivec3 = new ConvertType( 'ivec3' );
- const uvec3 = new ConvertType( 'uvec3' );
- const bvec3 = new ConvertType( 'bvec3' );
- const vec4 = new ConvertType( 'vec4' );
- const ivec4 = new ConvertType( 'ivec4' );
- const uvec4 = new ConvertType( 'uvec4' );
- const bvec4 = new ConvertType( 'bvec4' );
- const mat2 = new ConvertType( 'mat2' );
- const mat3 = new ConvertType( 'mat3' );
- const mat4 = new ConvertType( 'mat4' );
- const string = ( value = '' ) => nodeObject( new ConstNode( value, 'string' ) );
- const arrayBuffer = ( value ) => nodeObject( new ConstNode( value, 'ArrayBuffer' ) );
- addMethodChaining( 'toColor', color );
- addMethodChaining( 'toFloat', float );
- addMethodChaining( 'toInt', int );
- addMethodChaining( 'toUint', uint );
- addMethodChaining( 'toBool', bool );
- addMethodChaining( 'toVec2', vec2 );
- addMethodChaining( 'toIVec2', ivec2 );
- addMethodChaining( 'toUVec2', uvec2 );
- addMethodChaining( 'toBVec2', bvec2 );
- addMethodChaining( 'toVec3', vec3 );
- addMethodChaining( 'toIVec3', ivec3 );
- addMethodChaining( 'toUVec3', uvec3 );
- addMethodChaining( 'toBVec3', bvec3 );
- addMethodChaining( 'toVec4', vec4 );
- addMethodChaining( 'toIVec4', ivec4 );
- addMethodChaining( 'toUVec4', uvec4 );
- addMethodChaining( 'toBVec4', bvec4 );
- addMethodChaining( 'toMat2', mat2 );
- addMethodChaining( 'toMat3', mat3 );
- addMethodChaining( 'toMat4', mat4 );
- // basic nodes
- const element = /*@__PURE__*/ nodeProxy( ArrayElementNode );
- const convert = ( node, types ) => nodeObject( new ConvertNode( nodeObject( node ), types ) );
- const split = ( node, channels ) => nodeObject( new SplitNode( nodeObject( node ), channels ) );
- addMethodChaining( 'element', element );
- addMethodChaining( 'convert', convert );
- class UniformGroupNode extends Node {
- static get type() {
- return 'UniformGroupNode';
- }
- constructor( name, shared = false, order = 1 ) {
- super( 'string' );
- this.name = name;
- this.version = 0;
- this.shared = shared;
- this.order = order;
- this.isUniformGroup = true;
- }
- set needsUpdate( value ) {
- if ( value === true ) this.version ++;
- }
- serialize( data ) {
- super.serialize( data );
- data.name = this.name;
- data.version = this.version;
- data.shared = this.shared;
- }
- deserialize( data ) {
- super.deserialize( data );
- this.name = data.name;
- this.version = data.version;
- this.shared = data.shared;
- }
- }
- const uniformGroup = ( name ) => new UniformGroupNode( name );
- const sharedUniformGroup = ( name, order = 0 ) => new UniformGroupNode( name, true, order );
- const frameGroup = /*@__PURE__*/ sharedUniformGroup( 'frame' );
- const renderGroup = /*@__PURE__*/ sharedUniformGroup( 'render' );
- const objectGroup = /*@__PURE__*/ uniformGroup( 'object' );
- class UniformNode extends InputNode {
- static get type() {
- return 'UniformNode';
- }
- constructor( value, nodeType = null ) {
- super( value, nodeType );
- this.isUniformNode = true;
- this.name = '';
- this.groupNode = objectGroup;
- }
- label( name ) {
- this.name = name;
- return this;
- }
- setGroup( group ) {
- this.groupNode = group;
- return this;
- }
- getGroup() {
- return this.groupNode;
- }
- getUniformHash( builder ) {
- return this.getHash( builder );
- }
- onUpdate( callback, updateType ) {
- const self = this.getSelf();
- callback = callback.bind( self );
- return super.onUpdate( ( frame ) => {
- const value = callback( frame, self );
- if ( value !== undefined ) {
- this.value = value;
- }
- }, updateType );
- }
- generate( builder, output ) {
- const type = this.getNodeType( builder );
- const hash = this.getUniformHash( builder );
- let sharedNode = builder.getNodeFromHash( hash );
- if ( sharedNode === undefined ) {
- builder.setHashNode( this, hash );
- sharedNode = this;
- }
- const sharedNodeType = sharedNode.getInputType( builder );
- const nodeUniform = builder.getUniformFromNode( sharedNode, sharedNodeType, builder.shaderStage, this.name || builder.context.label );
- const propertyName = builder.getPropertyName( nodeUniform );
- if ( builder.context.label !== undefined ) delete builder.context.label;
- return builder.format( propertyName, type, output );
- }
- }
- const uniform = ( arg1, arg2 ) => {
- const nodeType = getConstNodeType( arg2 || arg1 );
- // @TODO: get ConstNode from .traverse() in the future
- const value = ( arg1 && arg1.isNode === true ) ? ( arg1.node && arg1.node.value ) || arg1.value : arg1;
- return nodeObject( new UniformNode( value, nodeType ) );
- };
- class PropertyNode extends Node {
- static get type() {
- return 'PropertyNode';
- }
- constructor( nodeType, name = null, varying = false ) {
- super( nodeType );
- this.name = name;
- this.varying = varying;
- this.isPropertyNode = true;
- }
- getHash( builder ) {
- return this.name || super.getHash( builder );
- }
- isGlobal( /*builder*/ ) {
- return true;
- }
- generate( builder ) {
- let nodeVar;
- if ( this.varying === true ) {
- nodeVar = builder.getVaryingFromNode( this, this.name );
- nodeVar.needsInterpolation = true;
- } else {
- nodeVar = builder.getVarFromNode( this, this.name );
- }
- return builder.getPropertyName( nodeVar );
- }
- }
- const property = ( type, name ) => nodeObject( new PropertyNode( type, name ) );
- const varyingProperty = ( type, name ) => nodeObject( new PropertyNode( type, name, true ) );
- const diffuseColor = /*@__PURE__*/ nodeImmutable( PropertyNode, 'vec4', 'DiffuseColor' );
- const emissive = /*@__PURE__*/ nodeImmutable( PropertyNode, 'vec3', 'EmissiveColor' );
- const roughness = /*@__PURE__*/ nodeImmutable( PropertyNode, 'float', 'Roughness' );
- const metalness = /*@__PURE__*/ nodeImmutable( PropertyNode, 'float', 'Metalness' );
- const clearcoat = /*@__PURE__*/ nodeImmutable( PropertyNode, 'float', 'Clearcoat' );
- const clearcoatRoughness = /*@__PURE__*/ nodeImmutable( PropertyNode, 'float', 'ClearcoatRoughness' );
- const sheen = /*@__PURE__*/ nodeImmutable( PropertyNode, 'vec3', 'Sheen' );
- const sheenRoughness = /*@__PURE__*/ nodeImmutable( PropertyNode, 'float', 'SheenRoughness' );
- const iridescence = /*@__PURE__*/ nodeImmutable( PropertyNode, 'float', 'Iridescence' );
- const iridescenceIOR = /*@__PURE__*/ nodeImmutable( PropertyNode, 'float', 'IridescenceIOR' );
- const iridescenceThickness = /*@__PURE__*/ nodeImmutable( PropertyNode, 'float', 'IridescenceThickness' );
- const alphaT = /*@__PURE__*/ nodeImmutable( PropertyNode, 'float', 'AlphaT' );
- const anisotropy = /*@__PURE__*/ nodeImmutable( PropertyNode, 'float', 'Anisotropy' );
- const anisotropyT = /*@__PURE__*/ nodeImmutable( PropertyNode, 'vec3', 'AnisotropyT' );
- const anisotropyB = /*@__PURE__*/ nodeImmutable( PropertyNode, 'vec3', 'AnisotropyB' );
- const specularColor = /*@__PURE__*/ nodeImmutable( PropertyNode, 'color', 'SpecularColor' );
- const specularF90 = /*@__PURE__*/ nodeImmutable( PropertyNode, 'float', 'SpecularF90' );
- const shininess = /*@__PURE__*/ nodeImmutable( PropertyNode, 'float', 'Shininess' );
- const output = /*@__PURE__*/ nodeImmutable( PropertyNode, 'vec4', 'Output' );
- const dashSize = /*@__PURE__*/ nodeImmutable( PropertyNode, 'float', 'dashSize' );
- const gapSize = /*@__PURE__*/ nodeImmutable( PropertyNode, 'float', 'gapSize' );
- const pointWidth = /*@__PURE__*/ nodeImmutable( PropertyNode, 'float', 'pointWidth' );
- const ior = /*@__PURE__*/ nodeImmutable( PropertyNode, 'float', 'IOR' );
- const transmission = /*@__PURE__*/ nodeImmutable( PropertyNode, 'float', 'Transmission' );
- const thickness = /*@__PURE__*/ nodeImmutable( PropertyNode, 'float', 'Thickness' );
- const attenuationDistance = /*@__PURE__*/ nodeImmutable( PropertyNode, 'float', 'AttenuationDistance' );
- const attenuationColor = /*@__PURE__*/ nodeImmutable( PropertyNode, 'color', 'AttenuationColor' );
- const dispersion = /*@__PURE__*/ nodeImmutable( PropertyNode, 'float', 'Dispersion' );
- class AssignNode extends TempNode {
- static get type() {
- return 'AssignNode';
- }
- constructor( targetNode, sourceNode ) {
- super();
- this.targetNode = targetNode;
- this.sourceNode = sourceNode;
- }
- hasDependencies() {
- return false;
- }
- getNodeType( builder, output ) {
- return output !== 'void' ? this.targetNode.getNodeType( builder ) : 'void';
- }
- needsSplitAssign( builder ) {
- const { targetNode } = this;
- if ( builder.isAvailable( 'swizzleAssign' ) === false && targetNode.isSplitNode && targetNode.components.length > 1 ) {
- const targetLength = builder.getTypeLength( targetNode.node.getNodeType( builder ) );
- const assignDiferentVector = vectorComponents.join( '' ).slice( 0, targetLength ) !== targetNode.components;
- return assignDiferentVector;
- }
- return false;
- }
- generate( builder, output ) {
- const { targetNode, sourceNode } = this;
- const needsSplitAssign = this.needsSplitAssign( builder );
- const targetType = targetNode.getNodeType( builder );
- const target = targetNode.context( { assign: true } ).build( builder );
- const source = sourceNode.build( builder, targetType );
- const sourceType = sourceNode.getNodeType( builder );
- const nodeData = builder.getDataFromNode( this );
- //
- let snippet;
- if ( nodeData.initialized === true ) {
- if ( output !== 'void' ) {
- snippet = target;
- }
- } else if ( needsSplitAssign ) {
- const sourceVar = builder.getVarFromNode( this, null, targetType );
- const sourceProperty = builder.getPropertyName( sourceVar );
- builder.addLineFlowCode( `${ sourceProperty } = ${ source }`, this );
- const targetRoot = targetNode.node.context( { assign: true } ).build( builder );
- for ( let i = 0; i < targetNode.components.length; i ++ ) {
- const component = targetNode.components[ i ];
- builder.addLineFlowCode( `${ targetRoot }.${ component } = ${ sourceProperty }[ ${ i } ]`, this );
- }
- if ( output !== 'void' ) {
- snippet = target;
- }
- } else {
- snippet = `${ target } = ${ source }`;
- if ( output === 'void' || sourceType === 'void' ) {
- builder.addLineFlowCode( snippet, this );
- if ( output !== 'void' ) {
- snippet = target;
- }
- }
- }
- nodeData.initialized = true;
- return builder.format( snippet, targetType, output );
- }
- }
- const assign = /*@__PURE__*/ nodeProxy( AssignNode );
- addMethodChaining( 'assign', assign );
- class FunctionCallNode extends TempNode {
- static get type() {
- return 'FunctionCallNode';
- }
- constructor( functionNode = null, parameters = {} ) {
- super();
- this.functionNode = functionNode;
- this.parameters = parameters;
- }
- setParameters( parameters ) {
- this.parameters = parameters;
- return this;
- }
- getParameters() {
- return this.parameters;
- }
- getNodeType( builder ) {
- return this.functionNode.getNodeType( builder );
- }
- generate( builder ) {
- const params = [];
- const functionNode = this.functionNode;
- const inputs = functionNode.getInputs( builder );
- const parameters = this.parameters;
- if ( Array.isArray( parameters ) ) {
- for ( let i = 0; i < parameters.length; i ++ ) {
- const inputNode = inputs[ i ];
- const node = parameters[ i ];
- params.push( node.build( builder, inputNode.type ) );
- }
- } else {
- for ( const inputNode of inputs ) {
- const node = parameters[ inputNode.name ];
- if ( node !== undefined ) {
- params.push( node.build( builder, inputNode.type ) );
- } else {
- throw new Error( `FunctionCallNode: Input '${inputNode.name}' not found in FunctionNode.` );
- }
- }
- }
- const functionName = functionNode.build( builder, 'property' );
- return `${functionName}( ${params.join( ', ' )} )`;
- }
- }
- const call = ( func, ...params ) => {
- params = params.length > 1 || ( params[ 0 ] && params[ 0 ].isNode === true ) ? nodeArray( params ) : nodeObjects( params[ 0 ] );
- return nodeObject( new FunctionCallNode( nodeObject( func ), params ) );
- };
- addMethodChaining( 'call', call );
- class OperatorNode extends TempNode {
- static get type() {
- return 'OperatorNode';
- }
- constructor( op, aNode, bNode, ...params ) {
- super();
- if ( params.length > 0 ) {
- let finalOp = new OperatorNode( op, aNode, bNode );
- for ( let i = 0; i < params.length - 1; i ++ ) {
- finalOp = new OperatorNode( op, finalOp, params[ i ] );
- }
- aNode = finalOp;
- bNode = params[ params.length - 1 ];
- }
- this.op = op;
- this.aNode = aNode;
- this.bNode = bNode;
- }
- getNodeType( builder, output ) {
- const op = this.op;
- const aNode = this.aNode;
- const bNode = this.bNode;
- const typeA = aNode.getNodeType( builder );
- const typeB = typeof bNode !== 'undefined' ? bNode.getNodeType( builder ) : null;
- if ( typeA === 'void' || typeB === 'void' ) {
- return 'void';
- } else if ( op === '%' ) {
- return typeA;
- } else if ( op === '~' || op === '&' || op === '|' || op === '^' || op === '>>' || op === '<<' ) {
- return builder.getIntegerType( typeA );
- } else if ( op === '!' || op === '==' || op === '&&' || op === '||' || op === '^^' ) {
- return 'bool';
- } else if ( op === '<' || op === '>' || op === '<=' || op === '>=' ) {
- const typeLength = output ? builder.getTypeLength( output ) : Math.max( builder.getTypeLength( typeA ), builder.getTypeLength( typeB ) );
- return typeLength > 1 ? `bvec${ typeLength }` : 'bool';
- } else {
- if ( typeA === 'float' && builder.isMatrix( typeB ) ) {
- return typeB;
- } else if ( builder.isMatrix( typeA ) && builder.isVector( typeB ) ) {
- // matrix x vector
- return builder.getVectorFromMatrix( typeA );
- } else if ( builder.isVector( typeA ) && builder.isMatrix( typeB ) ) {
- // vector x matrix
- return builder.getVectorFromMatrix( typeB );
- } else if ( builder.getTypeLength( typeB ) > builder.getTypeLength( typeA ) ) {
- // anytype x anytype: use the greater length vector
- return typeB;
- }
- return typeA;
- }
- }
- generate( builder, output ) {
- const op = this.op;
- const aNode = this.aNode;
- const bNode = this.bNode;
- const type = this.getNodeType( builder, output );
- let typeA = null;
- let typeB = null;
- if ( type !== 'void' ) {
- typeA = aNode.getNodeType( builder );
- typeB = typeof bNode !== 'undefined' ? bNode.getNodeType( builder ) : null;
- if ( op === '<' || op === '>' || op === '<=' || op === '>=' || op === '==' ) {
- if ( builder.isVector( typeA ) ) {
- typeB = typeA;
- } else if ( typeA !== typeB ) {
- typeA = typeB = 'float';
- }
- } else if ( op === '>>' || op === '<<' ) {
- typeA = type;
- typeB = builder.changeComponentType( typeB, 'uint' );
- } else if ( builder.isMatrix( typeA ) && builder.isVector( typeB ) ) {
- // matrix x vector
- typeB = builder.getVectorFromMatrix( typeA );
- } else if ( builder.isVector( typeA ) && builder.isMatrix( typeB ) ) {
- // vector x matrix
- typeA = builder.getVectorFromMatrix( typeB );
- } else {
- // anytype x anytype
- typeA = typeB = type;
- }
- } else {
- typeA = typeB = type;
- }
- const a = aNode.build( builder, typeA );
- const b = typeof bNode !== 'undefined' ? bNode.build( builder, typeB ) : null;
- const outputLength = builder.getTypeLength( output );
- const fnOpSnippet = builder.getFunctionOperator( op );
- if ( output !== 'void' ) {
- if ( op === '<' && outputLength > 1 ) {
- if ( builder.useComparisonMethod ) {
- return builder.format( `${ builder.getMethod( 'lessThan', output ) }( ${ a }, ${ b } )`, type, output );
- } else {
- return builder.format( `( ${ a } < ${ b } )`, type, output );
- }
- } else if ( op === '<=' && outputLength > 1 ) {
- if ( builder.useComparisonMethod ) {
- return builder.format( `${ builder.getMethod( 'lessThanEqual', output ) }( ${ a }, ${ b } )`, type, output );
- } else {
- return builder.format( `( ${ a } <= ${ b } )`, type, output );
- }
- } else if ( op === '>' && outputLength > 1 ) {
- if ( builder.useComparisonMethod ) {
- return builder.format( `${ builder.getMethod( 'greaterThan', output ) }( ${ a }, ${ b } )`, type, output );
- } else {
- return builder.format( `( ${ a } > ${ b } )`, type, output );
- }
- } else if ( op === '>=' && outputLength > 1 ) {
- if ( builder.useComparisonMethod ) {
- return builder.format( `${ builder.getMethod( 'greaterThanEqual', output ) }( ${ a }, ${ b } )`, type, output );
- } else {
- return builder.format( `( ${ a } >= ${ b } )`, type, output );
- }
- } else if ( op === '!' || op === '~' ) {
- return builder.format( `(${op}${a})`, typeA, output );
- } else if ( fnOpSnippet ) {
- return builder.format( `${ fnOpSnippet }( ${ a }, ${ b } )`, type, output );
- } else {
- return builder.format( `( ${ a } ${ op } ${ b } )`, type, output );
- }
- } else if ( typeA !== 'void' ) {
- if ( fnOpSnippet ) {
- return builder.format( `${ fnOpSnippet }( ${ a }, ${ b } )`, type, output );
- } else {
- return builder.format( `${ a } ${ op } ${ b }`, type, output );
- }
- }
- }
- serialize( data ) {
- super.serialize( data );
- data.op = this.op;
- }
- deserialize( data ) {
- super.deserialize( data );
- this.op = data.op;
- }
- }
- const add = /*@__PURE__*/ nodeProxy( OperatorNode, '+' );
- const sub = /*@__PURE__*/ nodeProxy( OperatorNode, '-' );
- const mul = /*@__PURE__*/ nodeProxy( OperatorNode, '*' );
- const div = /*@__PURE__*/ nodeProxy( OperatorNode, '/' );
- const modInt = /*@__PURE__*/ nodeProxy( OperatorNode, '%' );
- const equal = /*@__PURE__*/ nodeProxy( OperatorNode, '==' );
- const notEqual = /*@__PURE__*/ nodeProxy( OperatorNode, '!=' );
- const lessThan = /*@__PURE__*/ nodeProxy( OperatorNode, '<' );
- const greaterThan = /*@__PURE__*/ nodeProxy( OperatorNode, '>' );
- const lessThanEqual = /*@__PURE__*/ nodeProxy( OperatorNode, '<=' );
- const greaterThanEqual = /*@__PURE__*/ nodeProxy( OperatorNode, '>=' );
- const and = /*@__PURE__*/ nodeProxy( OperatorNode, '&&' );
- const or = /*@__PURE__*/ nodeProxy( OperatorNode, '||' );
- const not = /*@__PURE__*/ nodeProxy( OperatorNode, '!' );
- const xor = /*@__PURE__*/ nodeProxy( OperatorNode, '^^' );
- const bitAnd = /*@__PURE__*/ nodeProxy( OperatorNode, '&' );
- const bitNot = /*@__PURE__*/ nodeProxy( OperatorNode, '~' );
- const bitOr = /*@__PURE__*/ nodeProxy( OperatorNode, '|' );
- const bitXor = /*@__PURE__*/ nodeProxy( OperatorNode, '^' );
- const shiftLeft = /*@__PURE__*/ nodeProxy( OperatorNode, '<<' );
- const shiftRight = /*@__PURE__*/ nodeProxy( OperatorNode, '>>' );
- addMethodChaining( 'add', add );
- addMethodChaining( 'sub', sub );
- addMethodChaining( 'mul', mul );
- addMethodChaining( 'div', div );
- addMethodChaining( 'modInt', modInt );
- addMethodChaining( 'equal', equal );
- addMethodChaining( 'notEqual', notEqual );
- addMethodChaining( 'lessThan', lessThan );
- addMethodChaining( 'greaterThan', greaterThan );
- addMethodChaining( 'lessThanEqual', lessThanEqual );
- addMethodChaining( 'greaterThanEqual', greaterThanEqual );
- addMethodChaining( 'and', and );
- addMethodChaining( 'or', or );
- addMethodChaining( 'not', not );
- addMethodChaining( 'xor', xor );
- addMethodChaining( 'bitAnd', bitAnd );
- addMethodChaining( 'bitNot', bitNot );
- addMethodChaining( 'bitOr', bitOr );
- addMethodChaining( 'bitXor', bitXor );
- addMethodChaining( 'shiftLeft', shiftLeft );
- addMethodChaining( 'shiftRight', shiftRight );
- const remainder = ( ...params ) => { // @deprecated, r168
- console.warn( 'TSL.OperatorNode: .remainder() has been renamed to .modInt().' );
- return modInt( ...params );
- };
- addMethodChaining( 'remainder', remainder );
- class MathNode extends TempNode {
- static get type() {
- return 'MathNode';
- }
- constructor( method, aNode, bNode = null, cNode = null ) {
- super();
- this.method = method;
- this.aNode = aNode;
- this.bNode = bNode;
- this.cNode = cNode;
- }
- getInputType( builder ) {
- const aType = this.aNode.getNodeType( builder );
- const bType = this.bNode ? this.bNode.getNodeType( builder ) : null;
- const cType = this.cNode ? this.cNode.getNodeType( builder ) : null;
- const aLen = builder.isMatrix( aType ) ? 0 : builder.getTypeLength( aType );
- const bLen = builder.isMatrix( bType ) ? 0 : builder.getTypeLength( bType );
- const cLen = builder.isMatrix( cType ) ? 0 : builder.getTypeLength( cType );
- if ( aLen > bLen && aLen > cLen ) {
- return aType;
- } else if ( bLen > cLen ) {
- return bType;
- } else if ( cLen > aLen ) {
- return cType;
- }
- return aType;
- }
- getNodeType( builder ) {
- const method = this.method;
- if ( method === MathNode.LENGTH || method === MathNode.DISTANCE || method === MathNode.DOT ) {
- return 'float';
- } else if ( method === MathNode.CROSS ) {
- return 'vec3';
- } else if ( method === MathNode.ALL ) {
- return 'bool';
- } else if ( method === MathNode.EQUALS ) {
- return builder.changeComponentType( this.aNode.getNodeType( builder ), 'bool' );
- } else if ( method === MathNode.MOD ) {
- return this.aNode.getNodeType( builder );
- } else {
- return this.getInputType( builder );
- }
- }
- generate( builder, output ) {
- const method = this.method;
- const type = this.getNodeType( builder );
- const inputType = this.getInputType( builder );
- const a = this.aNode;
- const b = this.bNode;
- const c = this.cNode;
- const isWebGL = builder.renderer.isWebGLRenderer === true;
- if ( method === MathNode.TRANSFORM_DIRECTION ) {
- // dir can be either a direction vector or a normal vector
- // upper-left 3x3 of matrix is assumed to be orthogonal
- let tA = a;
- let tB = b;
- if ( builder.isMatrix( tA.getNodeType( builder ) ) ) {
- tB = vec4( vec3( tB ), 0.0 );
- } else {
- tA = vec4( vec3( tA ), 0.0 );
- }
- const mulNode = mul( tA, tB ).xyz;
- return normalize( mulNode ).build( builder, output );
- } else if ( method === MathNode.NEGATE ) {
- return builder.format( '( - ' + a.build( builder, inputType ) + ' )', type, output );
- } else if ( method === MathNode.ONE_MINUS ) {
- return sub( 1.0, a ).build( builder, output );
- } else if ( method === MathNode.RECIPROCAL ) {
- return div( 1.0, a ).build( builder, output );
- } else if ( method === MathNode.DIFFERENCE ) {
- return abs( sub( a, b ) ).build( builder, output );
- } else {
- const params = [];
- if ( method === MathNode.CROSS || method === MathNode.MOD ) {
- params.push(
- a.build( builder, type ),
- b.build( builder, type )
- );
- } else if ( isWebGL && method === MathNode.STEP ) {
- params.push(
- a.build( builder, builder.getTypeLength( a.getNodeType( builder ) ) === 1 ? 'float' : inputType ),
- b.build( builder, inputType )
- );
- } else if ( ( isWebGL && ( method === MathNode.MIN || method === MathNode.MAX ) ) || method === MathNode.MOD ) {
- params.push(
- a.build( builder, inputType ),
- b.build( builder, builder.getTypeLength( b.getNodeType( builder ) ) === 1 ? 'float' : inputType )
- );
- } else if ( method === MathNode.REFRACT ) {
- params.push(
- a.build( builder, inputType ),
- b.build( builder, inputType ),
- c.build( builder, 'float' )
- );
- } else if ( method === MathNode.MIX ) {
- params.push(
- a.build( builder, inputType ),
- b.build( builder, inputType ),
- c.build( builder, builder.getTypeLength( c.getNodeType( builder ) ) === 1 ? 'float' : inputType )
- );
- } else {
- params.push( a.build( builder, inputType ) );
- if ( b !== null ) params.push( b.build( builder, inputType ) );
- if ( c !== null ) params.push( c.build( builder, inputType ) );
- }
- return builder.format( `${ builder.getMethod( method, type ) }( ${params.join( ', ' )} )`, type, output );
- }
- }
- serialize( data ) {
- super.serialize( data );
- data.method = this.method;
- }
- deserialize( data ) {
- super.deserialize( data );
- this.method = data.method;
- }
- }
- // 1 input
- MathNode.ALL = 'all';
- MathNode.ANY = 'any';
- MathNode.EQUALS = 'equals';
- MathNode.RADIANS = 'radians';
- MathNode.DEGREES = 'degrees';
- MathNode.EXP = 'exp';
- MathNode.EXP2 = 'exp2';
- MathNode.LOG = 'log';
- MathNode.LOG2 = 'log2';
- MathNode.SQRT = 'sqrt';
- MathNode.INVERSE_SQRT = 'inversesqrt';
- MathNode.FLOOR = 'floor';
- MathNode.CEIL = 'ceil';
- MathNode.NORMALIZE = 'normalize';
- MathNode.FRACT = 'fract';
- MathNode.SIN = 'sin';
- MathNode.COS = 'cos';
- MathNode.TAN = 'tan';
- MathNode.ASIN = 'asin';
- MathNode.ACOS = 'acos';
- MathNode.ATAN = 'atan';
- MathNode.ABS = 'abs';
- MathNode.SIGN = 'sign';
- MathNode.LENGTH = 'length';
- MathNode.NEGATE = 'negate';
- MathNode.ONE_MINUS = 'oneMinus';
- MathNode.DFDX = 'dFdx';
- MathNode.DFDY = 'dFdy';
- MathNode.ROUND = 'round';
- MathNode.RECIPROCAL = 'reciprocal';
- MathNode.TRUNC = 'trunc';
- MathNode.FWIDTH = 'fwidth';
- MathNode.BITCAST = 'bitcast';
- MathNode.TRANSPOSE = 'transpose';
- // 2 inputs
- MathNode.ATAN2 = 'atan2';
- MathNode.MIN = 'min';
- MathNode.MAX = 'max';
- MathNode.MOD = 'mod';
- MathNode.STEP = 'step';
- MathNode.REFLECT = 'reflect';
- MathNode.DISTANCE = 'distance';
- MathNode.DIFFERENCE = 'difference';
- MathNode.DOT = 'dot';
- MathNode.CROSS = 'cross';
- MathNode.POW = 'pow';
- MathNode.TRANSFORM_DIRECTION = 'transformDirection';
- // 3 inputs
- MathNode.MIX = 'mix';
- MathNode.CLAMP = 'clamp';
- MathNode.REFRACT = 'refract';
- MathNode.SMOOTHSTEP = 'smoothstep';
- MathNode.FACEFORWARD = 'faceforward';
- const EPSILON = /*@__PURE__*/ float( 1e-6 );
- const INFINITY = /*@__PURE__*/ float( 1e6 );
- const PI = /*@__PURE__*/ float( Math.PI );
- const PI2 = /*@__PURE__*/ float( Math.PI * 2 );
- const all = /*@__PURE__*/ nodeProxy( MathNode, MathNode.ALL );
- const any = /*@__PURE__*/ nodeProxy( MathNode, MathNode.ANY );
- const equals = /*@__PURE__*/ nodeProxy( MathNode, MathNode.EQUALS );
- const radians = /*@__PURE__*/ nodeProxy( MathNode, MathNode.RADIANS );
- const degrees = /*@__PURE__*/ nodeProxy( MathNode, MathNode.DEGREES );
- const exp = /*@__PURE__*/ nodeProxy( MathNode, MathNode.EXP );
- const exp2 = /*@__PURE__*/ nodeProxy( MathNode, MathNode.EXP2 );
- const log = /*@__PURE__*/ nodeProxy( MathNode, MathNode.LOG );
- const log2 = /*@__PURE__*/ nodeProxy( MathNode, MathNode.LOG2 );
- const sqrt = /*@__PURE__*/ nodeProxy( MathNode, MathNode.SQRT );
- const inverseSqrt = /*@__PURE__*/ nodeProxy( MathNode, MathNode.INVERSE_SQRT );
- const floor = /*@__PURE__*/ nodeProxy( MathNode, MathNode.FLOOR );
- const ceil = /*@__PURE__*/ nodeProxy( MathNode, MathNode.CEIL );
- const normalize = /*@__PURE__*/ nodeProxy( MathNode, MathNode.NORMALIZE );
- const fract = /*@__PURE__*/ nodeProxy( MathNode, MathNode.FRACT );
- const sin = /*@__PURE__*/ nodeProxy( MathNode, MathNode.SIN );
- const cos = /*@__PURE__*/ nodeProxy( MathNode, MathNode.COS );
- const tan = /*@__PURE__*/ nodeProxy( MathNode, MathNode.TAN );
- const asin = /*@__PURE__*/ nodeProxy( MathNode, MathNode.ASIN );
- const acos = /*@__PURE__*/ nodeProxy( MathNode, MathNode.ACOS );
- const atan = /*@__PURE__*/ nodeProxy( MathNode, MathNode.ATAN );
- const abs = /*@__PURE__*/ nodeProxy( MathNode, MathNode.ABS );
- const sign = /*@__PURE__*/ nodeProxy( MathNode, MathNode.SIGN );
- const length = /*@__PURE__*/ nodeProxy( MathNode, MathNode.LENGTH );
- const negate = /*@__PURE__*/ nodeProxy( MathNode, MathNode.NEGATE );
- const oneMinus = /*@__PURE__*/ nodeProxy( MathNode, MathNode.ONE_MINUS );
- const dFdx = /*@__PURE__*/ nodeProxy( MathNode, MathNode.DFDX );
- const dFdy = /*@__PURE__*/ nodeProxy( MathNode, MathNode.DFDY );
- const round = /*@__PURE__*/ nodeProxy( MathNode, MathNode.ROUND );
- const reciprocal = /*@__PURE__*/ nodeProxy( MathNode, MathNode.RECIPROCAL );
- const trunc = /*@__PURE__*/ nodeProxy( MathNode, MathNode.TRUNC );
- const fwidth = /*@__PURE__*/ nodeProxy( MathNode, MathNode.FWIDTH );
- const bitcast = /*@__PURE__*/ nodeProxy( MathNode, MathNode.BITCAST );
- const transpose = /*@__PURE__*/ nodeProxy( MathNode, MathNode.TRANSPOSE );
- const atan2 = /*@__PURE__*/ nodeProxy( MathNode, MathNode.ATAN2 );
- const min$1 = /*@__PURE__*/ nodeProxy( MathNode, MathNode.MIN );
- const max$1 = /*@__PURE__*/ nodeProxy( MathNode, MathNode.MAX );
- const mod = /*@__PURE__*/ nodeProxy( MathNode, MathNode.MOD );
- const step = /*@__PURE__*/ nodeProxy( MathNode, MathNode.STEP );
- const reflect = /*@__PURE__*/ nodeProxy( MathNode, MathNode.REFLECT );
- const distance = /*@__PURE__*/ nodeProxy( MathNode, MathNode.DISTANCE );
- const difference = /*@__PURE__*/ nodeProxy( MathNode, MathNode.DIFFERENCE );
- const dot = /*@__PURE__*/ nodeProxy( MathNode, MathNode.DOT );
- const cross = /*@__PURE__*/ nodeProxy( MathNode, MathNode.CROSS );
- const pow = /*@__PURE__*/ nodeProxy( MathNode, MathNode.POW );
- const pow2 = /*@__PURE__*/ nodeProxy( MathNode, MathNode.POW, 2 );
- const pow3 = /*@__PURE__*/ nodeProxy( MathNode, MathNode.POW, 3 );
- const pow4 = /*@__PURE__*/ nodeProxy( MathNode, MathNode.POW, 4 );
- const transformDirection = /*@__PURE__*/ nodeProxy( MathNode, MathNode.TRANSFORM_DIRECTION );
- const cbrt = ( a ) => mul( sign( a ), pow( abs( a ), 1.0 / 3.0 ) );
- const lengthSq = ( a ) => dot( a, a );
- const mix = /*@__PURE__*/ nodeProxy( MathNode, MathNode.MIX );
- const clamp = ( value, low = 0, high = 1 ) => nodeObject( new MathNode( MathNode.CLAMP, nodeObject( value ), nodeObject( low ), nodeObject( high ) ) );
- const saturate = ( value ) => clamp( value );
- const refract = /*@__PURE__*/ nodeProxy( MathNode, MathNode.REFRACT );
- const smoothstep = /*@__PURE__*/ nodeProxy( MathNode, MathNode.SMOOTHSTEP );
- const faceForward = /*@__PURE__*/ nodeProxy( MathNode, MathNode.FACEFORWARD );
- const rand = /*@__PURE__*/ Fn( ( [ uv ] ) => {
- const a = 12.9898, b = 78.233, c = 43758.5453;
- const dt = dot( uv.xy, vec2( a, b ) ), sn = mod( dt, PI );
- return fract( sin( sn ).mul( c ) );
- } );
- const mixElement = ( t, e1, e2 ) => mix( e1, e2, t );
- const smoothstepElement = ( x, low, high ) => smoothstep( low, high, x );
- addMethodChaining( 'all', all );
- addMethodChaining( 'any', any );
- addMethodChaining( 'equals', equals );
- addMethodChaining( 'radians', radians );
- addMethodChaining( 'degrees', degrees );
- addMethodChaining( 'exp', exp );
- addMethodChaining( 'exp2', exp2 );
- addMethodChaining( 'log', log );
- addMethodChaining( 'log2', log2 );
- addMethodChaining( 'sqrt', sqrt );
- addMethodChaining( 'inverseSqrt', inverseSqrt );
- addMethodChaining( 'floor', floor );
- addMethodChaining( 'ceil', ceil );
- addMethodChaining( 'normalize', normalize );
- addMethodChaining( 'fract', fract );
- addMethodChaining( 'sin', sin );
- addMethodChaining( 'cos', cos );
- addMethodChaining( 'tan', tan );
- addMethodChaining( 'asin', asin );
- addMethodChaining( 'acos', acos );
- addMethodChaining( 'atan', atan );
- addMethodChaining( 'abs', abs );
- addMethodChaining( 'sign', sign );
- addMethodChaining( 'length', length );
- addMethodChaining( 'lengthSq', lengthSq );
- addMethodChaining( 'negate', negate );
- addMethodChaining( 'oneMinus', oneMinus );
- addMethodChaining( 'dFdx', dFdx );
- addMethodChaining( 'dFdy', dFdy );
- addMethodChaining( 'round', round );
- addMethodChaining( 'reciprocal', reciprocal );
- addMethodChaining( 'trunc', trunc );
- addMethodChaining( 'fwidth', fwidth );
- addMethodChaining( 'atan2', atan2 );
- addMethodChaining( 'min', min$1 );
- addMethodChaining( 'max', max$1 );
- addMethodChaining( 'mod', mod );
- addMethodChaining( 'step', step );
- addMethodChaining( 'reflect', reflect );
- addMethodChaining( 'distance', distance );
- addMethodChaining( 'dot', dot );
- addMethodChaining( 'cross', cross );
- addMethodChaining( 'pow', pow );
- addMethodChaining( 'pow2', pow2 );
- addMethodChaining( 'pow3', pow3 );
- addMethodChaining( 'pow4', pow4 );
- addMethodChaining( 'transformDirection', transformDirection );
- addMethodChaining( 'mix', mixElement );
- addMethodChaining( 'clamp', clamp );
- addMethodChaining( 'refract', refract );
- addMethodChaining( 'smoothstep', smoothstepElement );
- addMethodChaining( 'faceForward', faceForward );
- addMethodChaining( 'difference', difference );
- addMethodChaining( 'saturate', saturate );
- addMethodChaining( 'cbrt', cbrt );
- addMethodChaining( 'transpose', transpose );
- addMethodChaining( 'rand', rand );
- class ConditionalNode extends Node {
- static get type() {
- return 'ConditionalNode';
- }
- constructor( condNode, ifNode, elseNode = null ) {
- super();
- this.condNode = condNode;
- this.ifNode = ifNode;
- this.elseNode = elseNode;
- }
- getNodeType( builder ) {
- const ifType = this.ifNode.getNodeType( builder );
- if ( this.elseNode !== null ) {
- const elseType = this.elseNode.getNodeType( builder );
- if ( builder.getTypeLength( elseType ) > builder.getTypeLength( ifType ) ) {
- return elseType;
- }
- }
- return ifType;
- }
- setup( builder ) {
- const condNode = this.condNode.cache();
- const ifNode = this.ifNode.cache();
- const elseNode = this.elseNode ? this.elseNode.cache() : null;
- //
- const currentNodeBlock = builder.context.nodeBlock;
- builder.getDataFromNode( ifNode ).parentNodeBlock = currentNodeBlock;
- if ( elseNode !== null ) builder.getDataFromNode( elseNode ).parentNodeBlock = currentNodeBlock;
- //
- const properties = builder.getNodeProperties( this );
- properties.condNode = condNode;
- properties.ifNode = ifNode.context( { nodeBlock: ifNode } );
- properties.elseNode = elseNode ? elseNode.context( { nodeBlock: elseNode } ) : null;
- }
- generate( builder, output ) {
- const type = this.getNodeType( builder );
- const nodeData = builder.getDataFromNode( this );
- if ( nodeData.nodeProperty !== undefined ) {
- return nodeData.nodeProperty;
- }
- const { condNode, ifNode, elseNode } = builder.getNodeProperties( this );
- const needsOutput = output !== 'void';
- const nodeProperty = needsOutput ? property( type ).build( builder ) : '';
- nodeData.nodeProperty = nodeProperty;
- const nodeSnippet = condNode.build( builder, 'bool' );
- builder.addFlowCode( `\n${ builder.tab }if ( ${ nodeSnippet } ) {\n\n` ).addFlowTab();
- let ifSnippet = ifNode.build( builder, type );
- if ( ifSnippet ) {
- if ( needsOutput ) {
- ifSnippet = nodeProperty + ' = ' + ifSnippet + ';';
- } else {
- ifSnippet = 'return ' + ifSnippet + ';';
- }
- }
- builder.removeFlowTab().addFlowCode( builder.tab + '\t' + ifSnippet + '\n\n' + builder.tab + '}' );
- if ( elseNode !== null ) {
- builder.addFlowCode( ' else {\n\n' ).addFlowTab();
- let elseSnippet = elseNode.build( builder, type );
- if ( elseSnippet ) {
- if ( needsOutput ) {
- elseSnippet = nodeProperty + ' = ' + elseSnippet + ';';
- } else {
- elseSnippet = 'return ' + elseSnippet + ';';
- }
- }
- builder.removeFlowTab().addFlowCode( builder.tab + '\t' + elseSnippet + '\n\n' + builder.tab + '}\n\n' );
- } else {
- builder.addFlowCode( '\n\n' );
- }
- return builder.format( nodeProperty, type, output );
- }
- }
- const select = /*@__PURE__*/ nodeProxy( ConditionalNode );
- addMethodChaining( 'select', select );
- //
- const cond = ( ...params ) => { // @deprecated, r168
- console.warn( 'TSL.ConditionalNode: cond() has been renamed to select().' );
- return select( ...params );
- };
- addMethodChaining( 'cond', cond );
- class ContextNode extends Node {
- static get type() {
- return 'ContextNode';
- }
- constructor( node, value = {} ) {
- super();
- this.isContextNode = true;
- this.node = node;
- this.value = value;
- }
- getScope() {
- return this.node.getScope();
- }
- getNodeType( builder ) {
- return this.node.getNodeType( builder );
- }
- analyze( builder ) {
- this.node.build( builder );
- }
- setup( builder ) {
- const previousContext = builder.getContext();
- builder.setContext( { ...builder.context, ...this.value } );
- const node = this.node.build( builder );
- builder.setContext( previousContext );
- return node;
- }
- generate( builder, output ) {
- const previousContext = builder.getContext();
- builder.setContext( { ...builder.context, ...this.value } );
- const snippet = this.node.build( builder, output );
- builder.setContext( previousContext );
- return snippet;
- }
- }
- const context = /*@__PURE__*/ nodeProxy( ContextNode );
- const label = ( node, name ) => context( node, { label: name } );
- addMethodChaining( 'context', context );
- addMethodChaining( 'label', label );
- class VarNode extends Node {
- static get type() {
- return 'VarNode';
- }
- constructor( node, name = null ) {
- super();
- this.node = node;
- this.name = name;
- this.global = true;
- this.isVarNode = true;
- }
- getHash( builder ) {
- return this.name || super.getHash( builder );
- }
- getNodeType( builder ) {
- return this.node.getNodeType( builder );
- }
- generate( builder ) {
- const { node, name } = this;
- const nodeVar = builder.getVarFromNode( this, name, builder.getVectorType( this.getNodeType( builder ) ) );
- const propertyName = builder.getPropertyName( nodeVar );
- const snippet = node.build( builder, nodeVar.type );
- builder.addLineFlowCode( `${propertyName} = ${snippet}`, this );
- return propertyName;
- }
- }
- const temp = /*@__PURE__*/ nodeProxy( VarNode );
- addMethodChaining( 'temp', temp ); // @TODO: Will be removed in the future
- addMethodChaining( 'toVar', ( ...params ) => temp( ...params ).append() );
- class VaryingNode extends Node {
- static get type() {
- return 'VaryingNode';
- }
- constructor( node, name = null ) {
- super();
- this.node = node;
- this.name = name;
- this.isVaryingNode = true;
- }
- isGlobal() {
- return true;
- }
- getHash( builder ) {
- return this.name || super.getHash( builder );
- }
- getNodeType( builder ) {
- // VaryingNode is auto type
- return this.node.getNodeType( builder );
- }
- setupVarying( builder ) {
- const properties = builder.getNodeProperties( this );
- let varying = properties.varying;
- if ( varying === undefined ) {
- const name = this.name;
- const type = this.getNodeType( builder );
- properties.varying = varying = builder.getVaryingFromNode( this, name, type );
- properties.node = this.node;
- }
- // this property can be used to check if the varying can be optimized for a variable
- varying.needsInterpolation || ( varying.needsInterpolation = ( builder.shaderStage === 'fragment' ) );
- return varying;
- }
- setup( builder ) {
- this.setupVarying( builder );
- }
- analyze( builder ) {
- this.setupVarying( builder );
- return this.node.analyze( builder );
- }
- generate( builder ) {
- const properties = builder.getNodeProperties( this );
- const varying = this.setupVarying( builder );
- if ( properties.propertyName === undefined ) {
- const type = this.getNodeType( builder );
- const propertyName = builder.getPropertyName( varying, NodeShaderStage.VERTEX );
- // force node run in vertex stage
- builder.flowNodeFromShaderStage( NodeShaderStage.VERTEX, this.node, type, propertyName );
- properties.propertyName = propertyName;
- }
- return builder.getPropertyName( varying );
- }
- }
- const varying = /*@__PURE__*/ nodeProxy( VaryingNode );
- addMethodChaining( 'varying', varying );
- const WORKING_COLOR_SPACE = 'WorkingColorSpace';
- const OUTPUT_COLOR_SPACE = 'OutputColorSpace';
- function getColorSpaceName( colorSpace ) {
- let method = null;
- if ( colorSpace === LinearSRGBColorSpace ) {
- method = 'Linear';
- } else if ( colorSpace === SRGBColorSpace ) {
- method = 'sRGB';
- }
- return method;
- }
- function getColorSpaceMethod( source, target ) {
- return getColorSpaceName( source ) + 'To' + getColorSpaceName( target );
- }
- class ColorSpaceNode extends TempNode {
- static get type() {
- return 'ColorSpaceNode';
- }
- constructor( colorNode, source, target ) {
- super( 'vec4' );
- this.colorNode = colorNode;
- this.source = source;
- this.target = target;
- }
- getColorSpace( builder, colorSpace ) {
- if ( colorSpace === WORKING_COLOR_SPACE ) {
- return ColorManagement.workingColorSpace;
- } else if ( colorSpace === OUTPUT_COLOR_SPACE ) {
- return builder.context.outputColorSpace || builder.renderer.outputColorSpace;
- }
- return colorSpace;
- }
- setup( builder ) {
- const { renderer } = builder;
- const { colorNode } = this;
- const source = this.getColorSpace( builder, this.source );
- const target = this.getColorSpace( builder, this.target );
- if ( source === target ) return colorNode;
- const colorSpace = getColorSpaceMethod( source, target );
- let outputNode = null;
- const colorSpaceFn = renderer.nodes.library.getColorSpaceFunction( colorSpace );
- if ( colorSpaceFn !== null ) {
- outputNode = vec4( colorSpaceFn( colorNode.rgb ), colorNode.a );
- } else {
- console.error( 'ColorSpaceNode: Unsupported Color Space configuration.', colorSpace );
- outputNode = colorNode;
- }
- return outputNode;
- }
- }
- const toOutputColorSpace = ( node ) => nodeObject( new ColorSpaceNode( nodeObject( node ), WORKING_COLOR_SPACE, OUTPUT_COLOR_SPACE ) );
- const toWorkingColorSpace = ( node ) => nodeObject( new ColorSpaceNode( nodeObject( node ), OUTPUT_COLOR_SPACE, WORKING_COLOR_SPACE ) );
- const workingToColorSpace = ( node, colorSpace ) => nodeObject( new ColorSpaceNode( nodeObject( node ), WORKING_COLOR_SPACE, colorSpace ) );
- const colorSpaceToWorking = ( node, colorSpace ) => nodeObject( new ColorSpaceNode( nodeObject( node ), colorSpace, WORKING_COLOR_SPACE ) );
- addMethodChaining( 'toOutputColorSpace', toOutputColorSpace );
- addMethodChaining( 'toWorkingColorSpace', toWorkingColorSpace );
- addMethodChaining( 'workingToColorSpace', workingToColorSpace );
- addMethodChaining( 'colorSpaceToWorking', colorSpaceToWorking );
- let ReferenceElementNode$1 = class ReferenceElementNode extends ArrayElementNode {
- static get type() {
- return 'ReferenceElementNode';
- }
- constructor( referenceNode, indexNode ) {
- super( referenceNode, indexNode );
- this.referenceNode = referenceNode;
- this.isReferenceElementNode = true;
- }
- getNodeType() {
- return this.referenceNode.uniformType;
- }
- generate( builder ) {
- const snippet = super.generate( builder );
- const arrayType = this.referenceNode.getNodeType();
- const elementType = this.getNodeType();
- return builder.format( snippet, arrayType, elementType );
- }
- };
- class ReferenceBaseNode extends Node {
- static get type() {
- return 'ReferenceBaseNode';
- }
- constructor( property, uniformType, object = null, count = null ) {
- super();
- this.property = property;
- this.uniformType = uniformType;
- this.object = object;
- this.count = count;
- this.properties = property.split( '.' );
- this.reference = object;
- this.node = null;
- this.group = null;
- this.updateType = NodeUpdateType.OBJECT;
- }
- setGroup( group ) {
- this.group = group;
- return this;
- }
- element( indexNode ) {
- return nodeObject( new ReferenceElementNode$1( this, nodeObject( indexNode ) ) );
- }
- setNodeType( uniformType ) {
- const node = uniform( null, uniformType ).getSelf();
- if ( this.group !== null ) {
- node.setGroup( this.group );
- }
- this.node = node;
- }
- getNodeType( builder ) {
- if ( this.node === null ) {
- this.updateReference( builder );
- this.updateValue();
- }
- return this.node.getNodeType( builder );
- }
- getValueFromReference( object = this.reference ) {
- const { properties } = this;
- let value = object[ properties[ 0 ] ];
- for ( let i = 1; i < properties.length; i ++ ) {
- value = value[ properties[ i ] ];
- }
- return value;
- }
- updateReference( state ) {
- this.reference = this.object !== null ? this.object : state.object;
- return this.reference;
- }
- setup() {
- this.updateValue();
- return this.node;
- }
- update( /*frame*/ ) {
- this.updateValue();
- }
- updateValue() {
- if ( this.node === null ) this.setNodeType( this.uniformType );
- const value = this.getValueFromReference();
- if ( Array.isArray( value ) ) {
- this.node.array = value;
- } else {
- this.node.value = value;
- }
- }
- }
- const reference$1 = ( name, type, object ) => nodeObject( new ReferenceBaseNode( name, type, object ) );
- class RendererReferenceNode extends ReferenceBaseNode {
- static get type() {
- return 'RendererReferenceNode';
- }
- constructor( property, inputType, renderer = null ) {
- super( property, inputType, renderer );
- this.renderer = renderer;
- this.setGroup( renderGroup );
- }
- updateReference( state ) {
- this.reference = this.renderer !== null ? this.renderer : state.renderer;
- return this.reference;
- }
- }
- const rendererReference = ( name, type, renderer ) => nodeObject( new RendererReferenceNode( name, type, renderer ) );
- class ToneMappingNode extends TempNode {
- static get type() {
- return 'ToneMappingNode';
- }
- constructor( toneMapping, exposureNode = toneMappingExposure, colorNode = null ) {
- super( 'vec3' );
- this.toneMapping = toneMapping;
- this.exposureNode = exposureNode;
- this.colorNode = colorNode;
- }
- getCacheKey() {
- return hash$1( super.getCacheKey(), this.toneMapping );
- }
- setup( builder ) {
- const colorNode = this.colorNode || builder.context.color;
- const toneMapping = this.toneMapping;
- if ( toneMapping === NoToneMapping ) return colorNode;
- let outputNode = null;
- const toneMappingFn = builder.renderer.nodes.library.getToneMappingFunction( toneMapping );
- if ( toneMappingFn !== null ) {
- outputNode = vec4( toneMappingFn( colorNode.rgb, this.exposureNode ), colorNode.a );
- } else {
- console.error( 'ToneMappingNode: Unsupported Tone Mapping configuration.', toneMapping );
- outputNode = colorNode;
- }
- return outputNode;
- }
- }
- const toneMapping = ( mapping, exposure, color ) => nodeObject( new ToneMappingNode( mapping, nodeObject( exposure ), nodeObject( color ) ) );
- const toneMappingExposure = /*@__PURE__*/ rendererReference( 'toneMappingExposure', 'float' );
- addMethodChaining( 'toneMapping', ( color, mapping, exposure ) => toneMapping( mapping, exposure, color ) );
- class BufferAttributeNode extends InputNode {
- static get type() {
- return 'BufferAttributeNode';
- }
- constructor( value, bufferType = null, bufferStride = 0, bufferOffset = 0 ) {
- super( value, bufferType );
- this.isBufferNode = true;
- this.bufferType = bufferType;
- this.bufferStride = bufferStride;
- this.bufferOffset = bufferOffset;
- this.usage = StaticDrawUsage;
- this.instanced = false;
- this.attribute = null;
- this.global = true;
- if ( value && value.isBufferAttribute === true ) {
- this.attribute = value;
- this.usage = value.usage;
- this.instanced = value.isInstancedBufferAttribute;
- }
- }
- getHash( builder ) {
- if ( this.bufferStride === 0 && this.bufferOffset === 0 ) {
- let bufferData = builder.globalCache.getData( this.value );
- if ( bufferData === undefined ) {
- bufferData = {
- node: this
- };
- builder.globalCache.setData( this.value, bufferData );
- }
- return bufferData.node.uuid;
- }
- return this.uuid;
- }
- getNodeType( builder ) {
- if ( this.bufferType === null ) {
- this.bufferType = builder.getTypeFromAttribute( this.attribute );
- }
- return this.bufferType;
- }
- setup( builder ) {
- if ( this.attribute !== null ) return;
- const type = this.getNodeType( builder );
- const array = this.value;
- const itemSize = builder.getTypeLength( type );
- const stride = this.bufferStride || itemSize;
- const offset = this.bufferOffset;
- const buffer = array.isInterleavedBuffer === true ? array : new InterleavedBuffer( array, stride );
- const bufferAttribute = new InterleavedBufferAttribute( buffer, itemSize, offset );
- buffer.setUsage( this.usage );
- this.attribute = bufferAttribute;
- this.attribute.isInstancedBufferAttribute = this.instanced; // @TODO: Add a possible: InstancedInterleavedBufferAttribute
- }
- generate( builder ) {
- const nodeType = this.getNodeType( builder );
- const nodeAttribute = builder.getBufferAttributeFromNode( this, nodeType );
- const propertyName = builder.getPropertyName( nodeAttribute );
- let output = null;
- if ( builder.shaderStage === 'vertex' || builder.shaderStage === 'compute' ) {
- this.name = propertyName;
- output = propertyName;
- } else {
- const nodeVarying = varying( this );
- output = nodeVarying.build( builder, nodeType );
- }
- return output;
- }
- getInputType( /*builder*/ ) {
- return 'bufferAttribute';
- }
- setUsage( value ) {
- this.usage = value;
- if ( this.attribute && this.attribute.isBufferAttribute === true ) {
- this.attribute.usage = value;
- }
- return this;
- }
- setInstanced( value ) {
- this.instanced = value;
- return this;
- }
- }
- const bufferAttribute = ( array, type, stride, offset ) => nodeObject( new BufferAttributeNode( array, type, stride, offset ) );
- const dynamicBufferAttribute = ( array, type, stride, offset ) => bufferAttribute( array, type, stride, offset ).setUsage( DynamicDrawUsage );
- const instancedBufferAttribute = ( array, type, stride, offset ) => bufferAttribute( array, type, stride, offset ).setInstanced( true );
- const instancedDynamicBufferAttribute = ( array, type, stride, offset ) => dynamicBufferAttribute( array, type, stride, offset ).setInstanced( true );
- addMethodChaining( 'toAttribute', ( bufferNode ) => bufferAttribute( bufferNode.value ) );
- class ComputeNode extends Node {
- static get type() {
- return 'ComputeNode';
- }
- constructor( computeNode, count, workgroupSize = [ 64 ] ) {
- super( 'void' );
- this.isComputeNode = true;
- this.computeNode = computeNode;
- this.count = count;
- this.workgroupSize = workgroupSize;
- this.dispatchCount = 0;
- this.version = 1;
- this.updateBeforeType = NodeUpdateType.OBJECT;
- this.updateDispatchCount();
- }
- dispose() {
- this.dispatchEvent( { type: 'dispose' } );
- }
- set needsUpdate( value ) {
- if ( value === true ) this.version ++;
- }
- updateDispatchCount() {
- const { count, workgroupSize } = this;
- let size = workgroupSize[ 0 ];
- for ( let i = 1; i < workgroupSize.length; i ++ )
- size *= workgroupSize[ i ];
- this.dispatchCount = Math.ceil( count / size );
- }
- onInit() { }
- updateBefore( { renderer } ) {
- renderer.compute( this );
- }
- generate( builder ) {
- const { shaderStage } = builder;
- if ( shaderStage === 'compute' ) {
- const snippet = this.computeNode.build( builder, 'void' );
- if ( snippet !== '' ) {
- builder.addLineFlowCode( snippet, this );
- }
- }
- }
- }
- const compute = ( node, count, workgroupSize ) => nodeObject( new ComputeNode( nodeObject( node ), count, workgroupSize ) );
- addMethodChaining( 'compute', compute );
- class CacheNode extends Node {
- static get type() {
- return 'CacheNode';
- }
- constructor( node, parent = true ) {
- super();
- this.node = node;
- this.parent = parent;
- this.isCacheNode = true;
- }
- getNodeType( builder ) {
- return this.node.getNodeType( builder );
- }
- build( builder, ...params ) {
- const previousCache = builder.getCache();
- const cache = builder.getCacheFromNode( this, this.parent );
- builder.setCache( cache );
- const data = this.node.build( builder, ...params );
- builder.setCache( previousCache );
- return data;
- }
- }
- const cache = ( node, ...params ) => nodeObject( new CacheNode( nodeObject( node ), ...params ) );
- addMethodChaining( 'cache', cache );
- class BypassNode extends Node {
- static get type() {
- return 'BypassNode';
- }
- constructor( returnNode, callNode ) {
- super();
- this.isBypassNode = true;
- this.outputNode = returnNode;
- this.callNode = callNode;
- }
- getNodeType( builder ) {
- return this.outputNode.getNodeType( builder );
- }
- generate( builder ) {
- const snippet = this.callNode.build( builder, 'void' );
- if ( snippet !== '' ) {
- builder.addLineFlowCode( snippet, this );
- }
- return this.outputNode.build( builder );
- }
- }
- const bypass = /*@__PURE__*/ nodeProxy( BypassNode );
- addMethodChaining( 'bypass', bypass );
- class RemapNode extends Node {
- static get type() {
- return 'RemapNode';
- }
- constructor( node, inLowNode, inHighNode, outLowNode = float( 0 ), outHighNode = float( 1 ) ) {
- super();
- this.node = node;
- this.inLowNode = inLowNode;
- this.inHighNode = inHighNode;
- this.outLowNode = outLowNode;
- this.outHighNode = outHighNode;
- this.doClamp = true;
- }
- setup() {
- const { node, inLowNode, inHighNode, outLowNode, outHighNode, doClamp } = this;
- let t = node.sub( inLowNode ).div( inHighNode.sub( inLowNode ) );
- if ( doClamp === true ) t = t.clamp();
- return t.mul( outHighNode.sub( outLowNode ) ).add( outLowNode );
- }
- }
- const remap = /*@__PURE__*/ nodeProxy( RemapNode, null, null, { doClamp: false } );
- const remapClamp = /*@__PURE__*/ nodeProxy( RemapNode );
- addMethodChaining( 'remap', remap );
- addMethodChaining( 'remapClamp', remapClamp );
- class ExpressionNode extends Node {
- static get type() {
- return 'ExpressionNode';
- }
- constructor( snippet = '', nodeType = 'void' ) {
- super( nodeType );
- this.snippet = snippet;
- }
- generate( builder, output ) {
- const type = this.getNodeType( builder );
- const snippet = this.snippet;
- if ( type === 'void' ) {
- builder.addLineFlowCode( snippet, this );
- } else {
- return builder.format( `( ${ snippet } )`, type, output );
- }
- }
- }
- const expression = /*@__PURE__*/ nodeProxy( ExpressionNode );
- const Discard = ( conditional ) => ( conditional ? select( conditional, expression( 'discard' ) ) : expression( 'discard' ) ).append();
- const Return = () => expression( 'return' ).append();
- addMethodChaining( 'discard', Discard );
- class RenderOutputNode extends TempNode {
- static get type() {
- return 'RenderOutputNode';
- }
- constructor( colorNode, toneMapping, outputColorSpace ) {
- super( 'vec4' );
- this.colorNode = colorNode;
- this.toneMapping = toneMapping;
- this.outputColorSpace = outputColorSpace;
- this.isRenderOutput = true;
- }
- setup( { context } ) {
- let outputNode = this.colorNode || context.color;
- // tone mapping
- const toneMapping = ( this.toneMapping !== null ? this.toneMapping : context.toneMapping ) || NoToneMapping;
- const outputColorSpace = ( this.outputColorSpace !== null ? this.outputColorSpace : context.outputColorSpace ) || NoColorSpace;
- if ( toneMapping !== NoToneMapping ) {
- outputNode = outputNode.toneMapping( toneMapping );
- }
- // working to output color space
- if ( outputColorSpace !== NoColorSpace && outputColorSpace !== ColorManagement.workingColorSpace ) {
- outputNode = outputNode.workingToColorSpace( outputColorSpace );
- }
- return outputNode;
- }
- }
- const renderOutput = ( color, toneMapping = null, outputColorSpace = null ) => nodeObject( new RenderOutputNode( nodeObject( color ), toneMapping, outputColorSpace ) );
- addMethodChaining( 'renderOutput', renderOutput );
- // Non-PURE exports list, side-effects are required here.
- // TSL Base Syntax
- function addNodeElement( name/*, nodeElement*/ ) {
- console.warn( 'THREE.TSLBase: AddNodeElement has been removed in favor of tree-shaking. Trying add', name );
- }
- class AttributeNode extends Node {
- static get type() {
- return 'AttributeNode';
- }
- constructor( attributeName, nodeType = null ) {
- super( nodeType );
- this.global = true;
- this._attributeName = attributeName;
- }
- getHash( builder ) {
- return this.getAttributeName( builder );
- }
- getNodeType( builder ) {
- let nodeType = this.nodeType;
- if ( nodeType === null ) {
- const attributeName = this.getAttributeName( builder );
- if ( builder.hasGeometryAttribute( attributeName ) ) {
- const attribute = builder.geometry.getAttribute( attributeName );
- nodeType = builder.getTypeFromAttribute( attribute );
- } else {
- nodeType = 'float';
- }
- }
- return nodeType;
- }
- setAttributeName( attributeName ) {
- this._attributeName = attributeName;
- return this;
- }
- getAttributeName( /*builder*/ ) {
- return this._attributeName;
- }
- generate( builder ) {
- const attributeName = this.getAttributeName( builder );
- const nodeType = this.getNodeType( builder );
- const geometryAttribute = builder.hasGeometryAttribute( attributeName );
- if ( geometryAttribute === true ) {
- const attribute = builder.geometry.getAttribute( attributeName );
- const attributeType = builder.getTypeFromAttribute( attribute );
- const nodeAttribute = builder.getAttribute( attributeName, attributeType );
- if ( builder.shaderStage === 'vertex' ) {
- return builder.format( nodeAttribute.name, attributeType, nodeType );
- } else {
- const nodeVarying = varying( this );
- return nodeVarying.build( builder, nodeType );
- }
- } else {
- console.warn( `AttributeNode: Vertex attribute "${ attributeName }" not found on geometry.` );
- return builder.generateConst( nodeType );
- }
- }
- serialize( data ) {
- super.serialize( data );
- data.global = this.global;
- data._attributeName = this._attributeName;
- }
- deserialize( data ) {
- super.deserialize( data );
- this.global = data.global;
- this._attributeName = data._attributeName;
- }
- }
- const attribute = ( name, nodeType ) => nodeObject( new AttributeNode( name, nodeType ) );
- const uv = ( index ) => attribute( 'uv' + ( index > 0 ? index : '' ), 'vec2' );
- class TextureSizeNode extends Node {
- static get type() {
- return 'TextureSizeNode';
- }
- constructor( textureNode, levelNode = null ) {
- super( 'uvec2' );
- this.isTextureSizeNode = true;
- this.textureNode = textureNode;
- this.levelNode = levelNode;
- }
- generate( builder, output ) {
- const textureProperty = this.textureNode.build( builder, 'property' );
- const level = this.levelNode === null ? '0' : this.levelNode.build( builder, 'int' );
- return builder.format( `${ builder.getMethod( 'textureDimensions' ) }( ${ textureProperty }, ${ level } )`, this.getNodeType( builder ), output );
- }
- }
- const textureSize = /*@__PURE__*/ nodeProxy( TextureSizeNode );
- class MaxMipLevelNode extends UniformNode {
- static get type() {
- return 'MaxMipLevelNode';
- }
- constructor( textureNode ) {
- super( 0 );
- this._textureNode = textureNode;
- this.updateType = NodeUpdateType.FRAME;
- }
- get textureNode() {
- return this._textureNode;
- }
- get texture() {
- return this._textureNode.value;
- }
- update() {
- const texture = this.texture;
- const images = texture.images;
- const image = ( images && images.length > 0 ) ? ( ( images[ 0 ] && images[ 0 ].image ) || images[ 0 ] ) : texture.image;
- if ( image && image.width !== undefined ) {
- const { width, height } = image;
- this.value = Math.log2( Math.max( width, height ) );
- }
- }
- }
- const maxMipLevel = /*@__PURE__*/ nodeProxy( MaxMipLevelNode );
- class TextureNode extends UniformNode {
- static get type() {
- return 'TextureNode';
- }
- constructor( value, uvNode = null, levelNode = null, biasNode = null ) {
- super( value );
- this.isTextureNode = true;
- this.uvNode = uvNode;
- this.levelNode = levelNode;
- this.biasNode = biasNode;
- this.compareNode = null;
- this.depthNode = null;
- this.gradNode = null;
- this.sampler = true;
- this.updateMatrix = false;
- this.updateType = NodeUpdateType.NONE;
- this.referenceNode = null;
- this._value = value;
- this._matrixUniform = null;
- this.setUpdateMatrix( uvNode === null );
- }
- set value( value ) {
- if ( this.referenceNode ) {
- this.referenceNode.value = value;
- } else {
- this._value = value;
- }
- }
- get value() {
- return this.referenceNode ? this.referenceNode.value : this._value;
- }
- getUniformHash( /*builder*/ ) {
- return this.value.uuid;
- }
- getNodeType( /*builder*/ ) {
- if ( this.value.isDepthTexture === true ) return 'float';
- if ( this.value.type === UnsignedIntType ) {
- return 'uvec4';
- } else if ( this.value.type === IntType ) {
- return 'ivec4';
- }
- return 'vec4';
- }
- getInputType( /*builder*/ ) {
- return 'texture';
- }
- getDefaultUV() {
- return uv( this.value.channel );
- }
- updateReference( /*state*/ ) {
- return this.value;
- }
- getTransformedUV( uvNode ) {
- if ( this._matrixUniform === null ) this._matrixUniform = uniform( this.value.matrix );
- return this._matrixUniform.mul( vec3( uvNode, 1 ) ).xy;
- }
- setUpdateMatrix( value ) {
- this.updateMatrix = value;
- this.updateType = value ? NodeUpdateType.FRAME : NodeUpdateType.NONE;
- return this;
- }
- setupUV( builder, uvNode ) {
- const texture = this.value;
- if ( builder.isFlipY() && ( texture.isRenderTargetTexture === true || texture.isFramebufferTexture === true || texture.isDepthTexture === true ) ) {
- if ( this.sampler ) {
- uvNode = uvNode.flipY();
- } else {
- uvNode = uvNode.setY( int( textureSize( this, this.levelNode ).y ).sub( uvNode.y ).sub( 1 ) );
- }
- }
- return uvNode;
- }
- setup( builder ) {
- const properties = builder.getNodeProperties( this );
- properties.referenceNode = this.referenceNode;
- //
- let uvNode = this.uvNode;
- if ( ( uvNode === null || builder.context.forceUVContext === true ) && builder.context.getUV ) {
- uvNode = builder.context.getUV( this );
- }
- if ( ! uvNode ) uvNode = this.getDefaultUV();
- if ( this.updateMatrix === true ) {
- uvNode = this.getTransformedUV( uvNode );
- }
- uvNode = this.setupUV( builder, uvNode );
- //
- let levelNode = this.levelNode;
- if ( levelNode === null && builder.context.getTextureLevel ) {
- levelNode = builder.context.getTextureLevel( this );
- }
- //
- properties.uvNode = uvNode;
- properties.levelNode = levelNode;
- properties.biasNode = this.biasNode;
- properties.compareNode = this.compareNode;
- properties.gradNode = this.gradNode;
- properties.depthNode = this.depthNode;
- }
- generateUV( builder, uvNode ) {
- return uvNode.build( builder, this.sampler === true ? 'vec2' : 'ivec2' );
- }
- generateSnippet( builder, textureProperty, uvSnippet, levelSnippet, biasSnippet, depthSnippet, compareSnippet, gradSnippet ) {
- const texture = this.value;
- let snippet;
- if ( levelSnippet ) {
- snippet = builder.generateTextureLevel( texture, textureProperty, uvSnippet, levelSnippet, depthSnippet );
- } else if ( biasSnippet ) {
- snippet = builder.generateTextureBias( texture, textureProperty, uvSnippet, biasSnippet, depthSnippet );
- } else if ( gradSnippet ) {
- snippet = builder.generateTextureGrad( texture, textureProperty, uvSnippet, gradSnippet, depthSnippet );
- } else if ( compareSnippet ) {
- snippet = builder.generateTextureCompare( texture, textureProperty, uvSnippet, compareSnippet, depthSnippet );
- } else if ( this.sampler === false ) {
- snippet = builder.generateTextureLoad( texture, textureProperty, uvSnippet, depthSnippet );
- } else {
- snippet = builder.generateTexture( texture, textureProperty, uvSnippet, depthSnippet );
- }
- return snippet;
- }
- generate( builder, output ) {
- const properties = builder.getNodeProperties( this );
- const texture = this.value;
- if ( ! texture || texture.isTexture !== true ) {
- throw new Error( 'TextureNode: Need a three.js texture.' );
- }
- const textureProperty = super.generate( builder, 'property' );
- if ( output === 'sampler' ) {
- return textureProperty + '_sampler';
- } else if ( builder.isReference( output ) ) {
- return textureProperty;
- } else {
- const nodeData = builder.getDataFromNode( this );
- let propertyName = nodeData.propertyName;
- if ( propertyName === undefined ) {
- const { uvNode, levelNode, biasNode, compareNode, depthNode, gradNode } = properties;
- const uvSnippet = this.generateUV( builder, uvNode );
- const levelSnippet = levelNode ? levelNode.build( builder, 'float' ) : null;
- const biasSnippet = biasNode ? biasNode.build( builder, 'float' ) : null;
- const depthSnippet = depthNode ? depthNode.build( builder, 'int' ) : null;
- const compareSnippet = compareNode ? compareNode.build( builder, 'float' ) : null;
- const gradSnippet = gradNode ? [ gradNode[ 0 ].build( builder, 'vec2' ), gradNode[ 1 ].build( builder, 'vec2' ) ] : null;
- const nodeVar = builder.getVarFromNode( this );
- propertyName = builder.getPropertyName( nodeVar );
- const snippet = this.generateSnippet( builder, textureProperty, uvSnippet, levelSnippet, biasSnippet, depthSnippet, compareSnippet, gradSnippet );
- builder.addLineFlowCode( `${propertyName} = ${snippet}`, this );
- nodeData.snippet = snippet;
- nodeData.propertyName = propertyName;
- }
- let snippet = propertyName;
- const nodeType = this.getNodeType( builder );
- if ( builder.needsToWorkingColorSpace( texture ) ) {
- snippet = colorSpaceToWorking( expression( snippet, nodeType ), texture.colorSpace ).setup( builder ).build( builder, nodeType );
- }
- return builder.format( snippet, nodeType, output );
- }
- }
- setSampler( value ) {
- this.sampler = value;
- return this;
- }
- getSampler() {
- return this.sampler;
- }
- // @TODO: Move to TSL
- uv( uvNode ) {
- const textureNode = this.clone();
- textureNode.uvNode = nodeObject( uvNode );
- textureNode.referenceNode = this.getSelf();
- return nodeObject( textureNode );
- }
- blur( amountNode ) {
- const textureNode = this.clone();
- textureNode.biasNode = nodeObject( amountNode ).mul( maxMipLevel( textureNode ) );
- textureNode.referenceNode = this.getSelf();
- return nodeObject( textureNode );
- }
- level( levelNode ) {
- const textureNode = this.clone();
- textureNode.levelNode = nodeObject( levelNode );
- textureNode.referenceNode = this.getSelf();
- return nodeObject( textureNode );
- }
- size( levelNode ) {
- return textureSize( this, levelNode );
- }
- bias( biasNode ) {
- const textureNode = this.clone();
- textureNode.biasNode = nodeObject( biasNode );
- textureNode.referenceNode = this.getSelf();
- return nodeObject( textureNode );
- }
- compare( compareNode ) {
- const textureNode = this.clone();
- textureNode.compareNode = nodeObject( compareNode );
- textureNode.referenceNode = this.getSelf();
- return nodeObject( textureNode );
- }
- grad( gradNodeX, gradNodeY ) {
- const textureNode = this.clone();
- textureNode.gradNode = [ nodeObject( gradNodeX ), nodeObject( gradNodeY ) ];
- textureNode.referenceNode = this.getSelf();
- return nodeObject( textureNode );
- }
- depth( depthNode ) {
- const textureNode = this.clone();
- textureNode.depthNode = nodeObject( depthNode );
- textureNode.referenceNode = this.getSelf();
- return nodeObject( textureNode );
- }
- // --
- serialize( data ) {
- super.serialize( data );
- data.value = this.value.toJSON( data.meta ).uuid;
- data.sampler = this.sampler;
- data.updateMatrix = this.updateMatrix;
- data.updateType = this.updateType;
- }
- deserialize( data ) {
- super.deserialize( data );
- this.value = data.meta.textures[ data.value ];
- this.sampler = data.sampler;
- this.updateMatrix = data.updateMatrix;
- this.updateType = data.updateType;
- }
- update() {
- const texture = this.value;
- const matrixUniform = this._matrixUniform;
- if ( matrixUniform !== null ) matrixUniform.value = texture.matrix;
- if ( texture.matrixAutoUpdate === true ) {
- texture.updateMatrix();
- }
- }
- clone() {
- const newNode = new this.constructor( this.value, this.uvNode, this.levelNode, this.biasNode );
- newNode.sampler = this.sampler;
- return newNode;
- }
- }
- const texture = /*@__PURE__*/ nodeProxy( TextureNode );
- const textureLoad = ( ...params ) => texture( ...params ).setSampler( false );
- //export const textureLevel = ( value, uv, level ) => texture( value, uv ).level( level );
- const sampler = ( aTexture ) => ( aTexture.isNode === true ? aTexture : texture( aTexture ) ).convert( 'sampler' );
- const cameraNear = /*@__PURE__*/ uniform( 'float' ).label( 'cameraNear' ).setGroup( renderGroup ).onRenderUpdate( ( { camera } ) => camera.near );
- const cameraFar = /*@__PURE__*/ uniform( 'float' ).label( 'cameraFar' ).setGroup( renderGroup ).onRenderUpdate( ( { camera } ) => camera.far );
- const cameraLogDepth = /*@__PURE__*/ uniform( 'float' ).label( 'cameraLogDepth' ).setGroup( renderGroup ).onRenderUpdate( ( { camera } ) => 2.0 / ( Math.log( camera.far + 1.0 ) / Math.LN2 ) );
- const cameraProjectionMatrix = /*@__PURE__*/ uniform( 'mat4' ).label( 'cameraProjectionMatrix' ).setGroup( renderGroup ).onRenderUpdate( ( { camera } ) => camera.projectionMatrix );
- const cameraProjectionMatrixInverse = /*@__PURE__*/ uniform( 'mat4' ).label( 'cameraProjectionMatrixInverse' ).setGroup( renderGroup ).onRenderUpdate( ( { camera } ) => camera.projectionMatrixInverse );
- const cameraViewMatrix = /*@__PURE__*/ uniform( 'mat4' ).label( 'cameraViewMatrix' ).setGroup( renderGroup ).onRenderUpdate( ( { camera } ) => camera.matrixWorldInverse );
- const cameraWorldMatrix = /*@__PURE__*/ uniform( 'mat4' ).label( 'cameraWorldMatrix' ).setGroup( renderGroup ).onRenderUpdate( ( { camera } ) => camera.matrixWorld );
- const cameraNormalMatrix = /*@__PURE__*/ uniform( 'mat3' ).label( 'cameraNormalMatrix' ).setGroup( renderGroup ).onRenderUpdate( ( { camera } ) => camera.normalMatrix );
- const cameraPosition = /*@__PURE__*/ uniform( new Vector3() ).label( 'cameraPosition' ).setGroup( renderGroup ).onRenderUpdate( ( { camera }, self ) => self.value.setFromMatrixPosition( camera.matrixWorld ) );
- class Object3DNode extends Node {
- static get type() {
- return 'Object3DNode';
- }
- constructor( scope, object3d = null ) {
- super();
- this.scope = scope;
- this.object3d = object3d;
- this.updateType = NodeUpdateType.OBJECT;
- this._uniformNode = new UniformNode( null );
- }
- getNodeType() {
- const scope = this.scope;
- if ( scope === Object3DNode.WORLD_MATRIX ) {
- return 'mat4';
- } else if ( scope === Object3DNode.POSITION || scope === Object3DNode.VIEW_POSITION || scope === Object3DNode.DIRECTION || scope === Object3DNode.SCALE ) {
- return 'vec3';
- }
- }
- update( frame ) {
- const object = this.object3d;
- const uniformNode = this._uniformNode;
- const scope = this.scope;
- if ( scope === Object3DNode.WORLD_MATRIX ) {
- uniformNode.value = object.matrixWorld;
- } else if ( scope === Object3DNode.POSITION ) {
- uniformNode.value = uniformNode.value || new Vector3();
- uniformNode.value.setFromMatrixPosition( object.matrixWorld );
- } else if ( scope === Object3DNode.SCALE ) {
- uniformNode.value = uniformNode.value || new Vector3();
- uniformNode.value.setFromMatrixScale( object.matrixWorld );
- } else if ( scope === Object3DNode.DIRECTION ) {
- uniformNode.value = uniformNode.value || new Vector3();
- object.getWorldDirection( uniformNode.value );
- } else if ( scope === Object3DNode.VIEW_POSITION ) {
- const camera = frame.camera;
- uniformNode.value = uniformNode.value || new Vector3();
- uniformNode.value.setFromMatrixPosition( object.matrixWorld );
- uniformNode.value.applyMatrix4( camera.matrixWorldInverse );
- }
- }
- generate( builder ) {
- const scope = this.scope;
- if ( scope === Object3DNode.WORLD_MATRIX ) {
- this._uniformNode.nodeType = 'mat4';
- } else if ( scope === Object3DNode.POSITION || scope === Object3DNode.VIEW_POSITION || scope === Object3DNode.DIRECTION || scope === Object3DNode.SCALE ) {
- this._uniformNode.nodeType = 'vec3';
- }
- return this._uniformNode.build( builder );
- }
- serialize( data ) {
- super.serialize( data );
- data.scope = this.scope;
- }
- deserialize( data ) {
- super.deserialize( data );
- this.scope = data.scope;
- }
- }
- Object3DNode.WORLD_MATRIX = 'worldMatrix';
- Object3DNode.POSITION = 'position';
- Object3DNode.SCALE = 'scale';
- Object3DNode.VIEW_POSITION = 'viewPosition';
- Object3DNode.DIRECTION = 'direction';
- const objectDirection = /*@__PURE__*/ nodeProxy( Object3DNode, Object3DNode.DIRECTION );
- const objectWorldMatrix = /*@__PURE__*/ nodeProxy( Object3DNode, Object3DNode.WORLD_MATRIX );
- const objectPosition = /*@__PURE__*/ nodeProxy( Object3DNode, Object3DNode.POSITION );
- const objectScale = /*@__PURE__*/ nodeProxy( Object3DNode, Object3DNode.SCALE );
- const objectViewPosition = /*@__PURE__*/ nodeProxy( Object3DNode, Object3DNode.VIEW_POSITION );
- class ModelNode extends Object3DNode {
- static get type() {
- return 'ModelNode';
- }
- constructor( scope ) {
- super( scope );
- }
- update( frame ) {
- this.object3d = frame.object;
- super.update( frame );
- }
- }
- const modelDirection = /*@__PURE__*/ nodeImmutable( ModelNode, ModelNode.DIRECTION );
- const modelWorldMatrix = /*@__PURE__*/ nodeImmutable( ModelNode, ModelNode.WORLD_MATRIX );
- const modelPosition = /*@__PURE__*/ nodeImmutable( ModelNode, ModelNode.POSITION );
- const modelScale = /*@__PURE__*/ nodeImmutable( ModelNode, ModelNode.SCALE );
- const modelViewPosition = /*@__PURE__*/ nodeImmutable( ModelNode, ModelNode.VIEW_POSITION );
- const modelNormalMatrix = /*@__PURE__*/ uniform( new Matrix3() ).onObjectUpdate( ( { object }, self ) => self.value.getNormalMatrix( object.matrixWorld ) );
- const modelWorldMatrixInverse = /*@__PURE__*/ uniform( new Matrix4() ).onObjectUpdate( ( { object }, self ) => self.value.copy( object.matrixWorld ).invert() );
- const modelViewMatrix = /*@__PURE__*/ cameraViewMatrix.mul( modelWorldMatrix ).toVar( 'modelViewMatrix' );
- const highPrecisionModelViewMatrix = /*@__PURE__*/ ( Fn( ( builder ) => {
- builder.context.isHighPrecisionModelViewMatrix = true;
- return uniform( 'mat4' ).onObjectUpdate( ( { object, camera } ) => {
- return object.modelViewMatrix.multiplyMatrices( camera.matrixWorldInverse, object.matrixWorld );
- } );
- } ).once() )().toVar( 'highPrecisionModelViewMatrix' );
- const highPrecisionModelNormalViewMatrix = /*@__PURE__*/ ( Fn( ( builder ) => {
- const isHighPrecisionModelViewMatrix = builder.context.isHighPrecisionModelViewMatrix;
- return uniform( 'mat3' ).onObjectUpdate( ( { object, camera } ) => {
- if ( isHighPrecisionModelViewMatrix !== true ) {
- object.modelViewMatrix.multiplyMatrices( camera.matrixWorldInverse, object.matrixWorld );
- }
- return object.normalMatrix.getNormalMatrix( object.modelViewMatrix );
- } );
- } ).once() )().toVar( 'highPrecisionModelNormalMatrix' );
- const positionGeometry = /*@__PURE__*/ attribute( 'position', 'vec3' );
- const positionLocal = /*@__PURE__*/ positionGeometry.varying( 'positionLocal' );
- const positionPrevious = /*@__PURE__*/ positionGeometry.varying( 'positionPrevious' );
- const positionWorld = /*@__PURE__*/ modelWorldMatrix.mul( positionLocal ).xyz.varying( 'v_positionWorld' );
- const positionWorldDirection = /*@__PURE__*/ positionLocal.transformDirection( modelWorldMatrix ).varying( 'v_positionWorldDirection' ).normalize().toVar( 'positionWorldDirection' );
- const positionView = /*@__PURE__*/ modelViewMatrix.mul( positionLocal ).xyz.varying( 'v_positionView' );
- const positionViewDirection = /*@__PURE__*/ positionView.negate().varying( 'v_positionViewDirection' ).normalize().toVar( 'positionViewDirection' );
- class FrontFacingNode extends Node {
- static get type() {
- return 'FrontFacingNode';
- }
- constructor() {
- super( 'bool' );
- this.isFrontFacingNode = true;
- }
- generate( builder ) {
- const { renderer, material } = builder;
- if ( renderer.coordinateSystem === WebGLCoordinateSystem ) {
- if ( material.side === BackSide ) {
- return 'false';
- }
- }
- return builder.getFrontFacing();
- }
- }
- const frontFacing = /*@__PURE__*/ nodeImmutable( FrontFacingNode );
- const faceDirection = /*@__PURE__*/ float( frontFacing ).mul( 2.0 ).sub( 1.0 );
- const normalGeometry = /*@__PURE__*/ attribute( 'normal', 'vec3' );
- const normalLocal = /*@__PURE__*/ ( Fn( ( builder ) => {
- if ( builder.geometry.hasAttribute( 'normal' ) === false ) {
- console.warn( 'TSL.NormalNode: Vertex attribute "normal" not found on geometry.' );
- return vec3( 0, 1, 0 );
- }
- return normalGeometry;
- }, 'vec3' ).once() )().toVar( 'normalLocal' );
- const normalFlat = /*@__PURE__*/ positionView.dFdx().cross( positionView.dFdy() ).normalize().toVar( 'normalFlat' );
- const normalView = /*@__PURE__*/ ( Fn( ( builder ) => {
- let node;
- if ( builder.material.flatShading === true ) {
- node = normalFlat;
- } else {
- node = varying( transformNormalToView( normalLocal ), 'v_normalView' ).normalize();
- }
- return node;
- }, 'vec3' ).once() )().toVar( 'normalView' );
- const normalWorld = /*@__PURE__*/ varying( normalView.transformDirection( cameraViewMatrix ), 'v_normalWorld' ).normalize().toVar( 'normalWorld' );
- const transformedNormalView = /*@__PURE__*/ ( Fn( ( builder ) => {
- return builder.context.setupNormal();
- }, 'vec3' ).once() )().mul( faceDirection ).toVar( 'transformedNormalView' );
- const transformedNormalWorld = /*@__PURE__*/ transformedNormalView.transformDirection( cameraViewMatrix ).toVar( 'transformedNormalWorld' );
- const transformedClearcoatNormalView = /*@__PURE__*/ ( Fn( ( builder ) => {
- return builder.context.setupClearcoatNormal();
- }, 'vec3' ).once() )().mul( faceDirection ).toVar( 'transformedClearcoatNormalView' );
- const transformNormal = /*@__PURE__*/ Fn( ( [ normal, matrix = modelWorldMatrix ] ) => {
- const m = mat3( matrix );
- const transformedNormal = normal.div( vec3( m[ 0 ].dot( m[ 0 ] ), m[ 1 ].dot( m[ 1 ] ), m[ 2 ].dot( m[ 2 ] ) ) );
- return m.mul( transformedNormal ).xyz;
- } );
- const transformNormalToView = /*@__PURE__*/ Fn( ( [ normal ], builder ) => {
- const modelNormalViewMatrix = builder.renderer.nodes.modelNormalViewMatrix;
- if ( modelNormalViewMatrix !== null ) {
- return modelNormalViewMatrix.transformDirection( normal );
- }
- //
- const transformedNormal = modelNormalMatrix.mul( normal );
- return cameraViewMatrix.transformDirection( transformedNormal );
- } );
- const materialRefractionRatio = /*@__PURE__*/ uniform( 0 ).onReference( ( { material } ) => material ).onRenderUpdate( ( { material } ) => material.refractionRatio );
- const reflectView = /*@__PURE__*/ positionViewDirection.negate().reflect( transformedNormalView );
- const refractView = /*@__PURE__*/ positionViewDirection.negate().refract( transformedNormalView, materialRefractionRatio );
- const reflectVector = /*@__PURE__*/ reflectView.transformDirection( cameraViewMatrix ).toVar( 'reflectVector' );
- const refractVector = /*@__PURE__*/ refractView.transformDirection( cameraViewMatrix ).toVar( 'reflectVector' );
- class CubeTextureNode extends TextureNode {
- static get type() {
- return 'CubeTextureNode';
- }
- constructor( value, uvNode = null, levelNode = null, biasNode = null ) {
- super( value, uvNode, levelNode, biasNode );
- this.isCubeTextureNode = true;
- }
- getInputType( /*builder*/ ) {
- return 'cubeTexture';
- }
- getDefaultUV() {
- const texture = this.value;
- if ( texture.mapping === CubeReflectionMapping ) {
- return reflectVector;
- } else if ( texture.mapping === CubeRefractionMapping ) {
- return refractVector;
- } else {
- console.error( 'THREE.CubeTextureNode: Mapping "%s" not supported.', texture.mapping );
- return vec3( 0, 0, 0 );
- }
- }
- setUpdateMatrix( /*updateMatrix*/ ) { } // Ignore .updateMatrix for CubeTextureNode
- setupUV( builder, uvNode ) {
- const texture = this.value;
- if ( builder.renderer.coordinateSystem === WebGPUCoordinateSystem || ! texture.isRenderTargetTexture ) {
- return vec3( uvNode.x.negate(), uvNode.yz );
- } else {
- return uvNode;
- }
- }
- generateUV( builder, cubeUV ) {
- return cubeUV.build( builder, 'vec3' );
- }
- }
- const cubeTexture = /*@__PURE__*/ nodeProxy( CubeTextureNode );
- class BufferNode extends UniformNode {
- static get type() {
- return 'BufferNode';
- }
- constructor( value, bufferType, bufferCount = 0 ) {
- super( value, bufferType );
- this.isBufferNode = true;
- this.bufferType = bufferType;
- this.bufferCount = bufferCount;
- }
- getElementType( builder ) {
- return this.getNodeType( builder );
- }
- getInputType( /*builder*/ ) {
- return 'buffer';
- }
- }
- const buffer = ( value, type, count ) => nodeObject( new BufferNode( value, type, count ) );
- class UniformArrayElementNode extends ArrayElementNode {
- static get type() {
- return 'UniformArrayElementNode';
- }
- constructor( arrayBuffer, indexNode ) {
- super( arrayBuffer, indexNode );
- this.isArrayBufferElementNode = true;
- }
- generate( builder ) {
- const snippet = super.generate( builder );
- const type = this.getNodeType();
- return builder.format( snippet, 'vec4', type );
- }
- }
- class UniformArrayNode extends BufferNode {
- static get type() {
- return 'UniformArrayNode';
- }
- constructor( value, elementType = null ) {
- super( null, 'vec4' );
- this.array = value;
- this.elementType = elementType;
- this._elementType = null;
- this._elementLength = 0;
- this.updateType = NodeUpdateType.RENDER;
- this.isArrayBufferNode = true;
- }
- getElementType() {
- return this.elementType || this._elementType;
- }
- getElementLength() {
- return this._elementLength;
- }
- update( /*frame*/ ) {
- const { array, value } = this;
- const elementLength = this.getElementLength();
- const elementType = this.getElementType();
- if ( elementLength === 1 ) {
- for ( let i = 0; i < array.length; i ++ ) {
- const index = i * 4;
- value[ index ] = array[ i ];
- }
- } else if ( elementType === 'color' ) {
- for ( let i = 0; i < array.length; i ++ ) {
- const index = i * 4;
- const vector = array[ i ];
- value[ index ] = vector.r;
- value[ index + 1 ] = vector.g;
- value[ index + 2 ] = vector.b || 0;
- //value[ index + 3 ] = vector.a || 0;
- }
- } else {
- for ( let i = 0; i < array.length; i ++ ) {
- const index = i * 4;
- const vector = array[ i ];
- value[ index ] = vector.x;
- value[ index + 1 ] = vector.y;
- value[ index + 2 ] = vector.z || 0;
- value[ index + 3 ] = vector.w || 0;
- }
- }
- }
- setup( builder ) {
- const length = this.array.length;
- this._elementType = this.elementType === null ? getValueType( this.array[ 0 ] ) : this.elementType;
- this._elementLength = builder.getTypeLength( this._elementType );
- let arrayType = Float32Array;
- if ( this._elementType.charAt( 0 ) === 'i' ) arrayType = Int32Array;
- else if ( this._elementType.charAt( 0 ) === 'u' ) arrayType = Uint32Array;
- this.value = new arrayType( length * 4 );
- this.bufferCount = length;
- this.bufferType = builder.changeComponentType( 'vec4', builder.getComponentType( this._elementType ) );
- return super.setup( builder );
- }
- element( indexNode ) {
- return nodeObject( new UniformArrayElementNode( this, nodeObject( indexNode ) ) );
- }
- }
- const uniformArray = ( values, nodeType ) => nodeObject( new UniformArrayNode( values, nodeType ) );
- //
- const uniforms = ( values, nodeType ) => { // @deprecated, r168
- console.warn( 'TSL.UniformArrayNode: uniforms() has been renamed to uniformArray().' );
- return nodeObject( new UniformArrayNode( values, nodeType ) );
- };
- class ReferenceElementNode extends ArrayElementNode {
- static get type() {
- return 'ReferenceElementNode';
- }
- constructor( referenceNode, indexNode ) {
- super( referenceNode, indexNode );
- this.referenceNode = referenceNode;
- this.isReferenceElementNode = true;
- }
- getNodeType() {
- return this.referenceNode.uniformType;
- }
- generate( builder ) {
- const snippet = super.generate( builder );
- const arrayType = this.referenceNode.getNodeType();
- const elementType = this.getNodeType();
- return builder.format( snippet, arrayType, elementType );
- }
- }
- // TODO: Extends this from ReferenceBaseNode
- class ReferenceNode extends Node {
- static get type() {
- return 'ReferenceNode';
- }
- constructor( property, uniformType, object = null, count = null ) {
- super();
- this.property = property;
- this.uniformType = uniformType;
- this.object = object;
- this.count = count;
- this.properties = property.split( '.' );
- this.reference = object;
- this.node = null;
- this.group = null;
- this.name = null;
- this.updateType = NodeUpdateType.OBJECT;
- }
- element( indexNode ) {
- return nodeObject( new ReferenceElementNode( this, nodeObject( indexNode ) ) );
- }
- setGroup( group ) {
- this.group = group;
- return this;
- }
- label( name ) {
- this.name = name;
- return this;
- }
- setNodeType( uniformType ) {
- let node = null;
- if ( this.count !== null ) {
- node = buffer( null, uniformType, this.count );
- } else if ( Array.isArray( this.getValueFromReference() ) ) {
- node = uniformArray( null, uniformType );
- } else if ( uniformType === 'texture' ) {
- node = texture( null );
- } else if ( uniformType === 'cubeTexture' ) {
- node = cubeTexture( null );
- } else {
- node = uniform( null, uniformType );
- }
- if ( this.group !== null ) {
- node.setGroup( this.group );
- }
- if ( this.name !== null ) node.label( this.name );
- this.node = node.getSelf();
- }
- getNodeType( builder ) {
- if ( this.node === null ) {
- this.updateReference( builder );
- this.updateValue();
- }
- return this.node.getNodeType( builder );
- }
- getValueFromReference( object = this.reference ) {
- const { properties } = this;
- let value = object[ properties[ 0 ] ];
- for ( let i = 1; i < properties.length; i ++ ) {
- value = value[ properties[ i ] ];
- }
- return value;
- }
- updateReference( state ) {
- this.reference = this.object !== null ? this.object : state.object;
- return this.reference;
- }
- setup() {
- this.updateValue();
- return this.node;
- }
- update( /*frame*/ ) {
- this.updateValue();
- }
- updateValue() {
- if ( this.node === null ) this.setNodeType( this.uniformType );
- const value = this.getValueFromReference();
- if ( Array.isArray( value ) ) {
- this.node.array = value;
- } else {
- this.node.value = value;
- }
- }
- }
- const reference = ( name, type, object ) => nodeObject( new ReferenceNode( name, type, object ) );
- const referenceBuffer = ( name, type, count, object ) => nodeObject( new ReferenceNode( name, type, object, count ) );
- class MaterialReferenceNode extends ReferenceNode {
- static get type() {
- return 'MaterialReferenceNode';
- }
- constructor( property, inputType, material = null ) {
- super( property, inputType, material );
- this.material = material;
- //this.updateType = NodeUpdateType.RENDER;
- this.isMaterialReferenceNode = true;
- }
- /*setNodeType( node ) {
- super.setNodeType( node );
- this.node.groupNode = renderGroup;
- }*/
- updateReference( state ) {
- this.reference = this.material !== null ? this.material : state.material;
- return this.reference;
- }
- }
- const materialReference = ( name, type, material ) => nodeObject( new MaterialReferenceNode( name, type, material ) );
- const tangentGeometry = /*@__PURE__*/ Fn( ( builder ) => {
- if ( builder.geometry.hasAttribute( 'tangent' ) === false ) {
- builder.geometry.computeTangents();
- }
- return attribute( 'tangent', 'vec4' );
- } )();
- const tangentLocal = /*@__PURE__*/ tangentGeometry.xyz.toVar( 'tangentLocal' );
- const tangentView = /*@__PURE__*/ modelViewMatrix.mul( vec4( tangentLocal, 0 ) ).xyz.varying( 'v_tangentView' ).normalize().toVar( 'tangentView' );
- const tangentWorld = /*@__PURE__*/ tangentView.transformDirection( cameraViewMatrix ).varying( 'v_tangentWorld' ).normalize().toVar( 'tangentWorld' );
- const transformedTangentView = /*@__PURE__*/ tangentView.toVar( 'transformedTangentView' );
- const transformedTangentWorld = /*@__PURE__*/ transformedTangentView.transformDirection( cameraViewMatrix ).normalize().toVar( 'transformedTangentWorld' );
- const getBitangent = ( crossNormalTangent ) => crossNormalTangent.mul( tangentGeometry.w ).xyz;
- const bitangentGeometry = /*@__PURE__*/ varying( getBitangent( normalGeometry.cross( tangentGeometry ) ), 'v_bitangentGeometry' ).normalize().toVar( 'bitangentGeometry' );
- const bitangentLocal = /*@__PURE__*/ varying( getBitangent( normalLocal.cross( tangentLocal ) ), 'v_bitangentLocal' ).normalize().toVar( 'bitangentLocal' );
- const bitangentView = /*@__PURE__*/ varying( getBitangent( normalView.cross( tangentView ) ), 'v_bitangentView' ).normalize().toVar( 'bitangentView' );
- const bitangentWorld = /*@__PURE__*/ varying( getBitangent( normalWorld.cross( tangentWorld ) ), 'v_bitangentWorld' ).normalize().toVar( 'bitangentWorld' );
- const transformedBitangentView = /*@__PURE__*/ getBitangent( transformedNormalView.cross( transformedTangentView ) ).normalize().toVar( 'transformedBitangentView' );
- const transformedBitangentWorld = /*@__PURE__*/ transformedBitangentView.transformDirection( cameraViewMatrix ).normalize().toVar( 'transformedBitangentWorld' );
- const TBNViewMatrix = /*@__PURE__*/ mat3( tangentView, bitangentView, normalView );
- const parallaxDirection = /*@__PURE__*/ positionViewDirection.mul( TBNViewMatrix )/*.normalize()*/;
- const parallaxUV = ( uv, scale ) => uv.sub( parallaxDirection.mul( scale ) );
- const transformedBentNormalView = /*@__PURE__*/ ( () => {
- // https://google.github.io/filament/Filament.md.html#lighting/imagebasedlights/anisotropy
- let bentNormal = anisotropyB.cross( positionViewDirection );
- bentNormal = bentNormal.cross( anisotropyB ).normalize();
- bentNormal = mix( bentNormal, transformedNormalView, anisotropy.mul( roughness.oneMinus() ).oneMinus().pow2().pow2() ).normalize();
- return bentNormal;
- } )();
- // Normal Mapping Without Precomputed Tangents
- // http://www.thetenthplanet.de/archives/1180
- const perturbNormal2Arb = /*@__PURE__*/ Fn( ( inputs ) => {
- const { eye_pos, surf_norm, mapN, uv } = inputs;
- const q0 = eye_pos.dFdx();
- const q1 = eye_pos.dFdy();
- const st0 = uv.dFdx();
- const st1 = uv.dFdy();
- const N = surf_norm; // normalized
- const q1perp = q1.cross( N );
- const q0perp = N.cross( q0 );
- const T = q1perp.mul( st0.x ).add( q0perp.mul( st1.x ) );
- const B = q1perp.mul( st0.y ).add( q0perp.mul( st1.y ) );
- const det = T.dot( T ).max( B.dot( B ) );
- const scale = faceDirection.mul( det.inverseSqrt() );
- return add( T.mul( mapN.x, scale ), B.mul( mapN.y, scale ), N.mul( mapN.z ) ).normalize();
- } );
- class NormalMapNode extends TempNode {
- static get type() {
- return 'NormalMapNode';
- }
- constructor( node, scaleNode = null ) {
- super( 'vec3' );
- this.node = node;
- this.scaleNode = scaleNode;
- this.normalMapType = TangentSpaceNormalMap;
- }
- setup( builder ) {
- const { normalMapType, scaleNode } = this;
- let normalMap = this.node.mul( 2.0 ).sub( 1.0 );
- if ( scaleNode !== null ) {
- normalMap = vec3( normalMap.xy.mul( scaleNode ), normalMap.z );
- }
- let outputNode = null;
- if ( normalMapType === ObjectSpaceNormalMap ) {
- outputNode = transformNormalToView( normalMap );
- } else if ( normalMapType === TangentSpaceNormalMap ) {
- const tangent = builder.hasGeometryAttribute( 'tangent' );
- if ( tangent === true ) {
- outputNode = TBNViewMatrix.mul( normalMap ).normalize();
- } else {
- outputNode = perturbNormal2Arb( {
- eye_pos: positionView,
- surf_norm: normalView,
- mapN: normalMap,
- uv: uv()
- } );
- }
- }
- return outputNode;
- }
- }
- const normalMap = /*@__PURE__*/ nodeProxy( NormalMapNode );
- // Bump Mapping Unparametrized Surfaces on the GPU by Morten S. Mikkelsen
- // https://mmikk.github.io/papers3d/mm_sfgrad_bump.pdf
- const dHdxy_fwd = Fn( ( { textureNode, bumpScale } ) => {
- // It's used to preserve the same TextureNode instance
- const sampleTexture = ( callback ) => textureNode.cache().context( { getUV: ( texNode ) => callback( texNode.uvNode || uv() ), forceUVContext: true } );
- const Hll = float( sampleTexture( ( uvNode ) => uvNode ) );
- return vec2(
- float( sampleTexture( ( uvNode ) => uvNode.add( uvNode.dFdx() ) ) ).sub( Hll ),
- float( sampleTexture( ( uvNode ) => uvNode.add( uvNode.dFdy() ) ) ).sub( Hll )
- ).mul( bumpScale );
- } );
- // Evaluate the derivative of the height w.r.t. screen-space using forward differencing (listing 2)
- const perturbNormalArb = Fn( ( inputs ) => {
- const { surf_pos, surf_norm, dHdxy } = inputs;
- // normalize is done to ensure that the bump map looks the same regardless of the texture's scale
- const vSigmaX = surf_pos.dFdx().normalize();
- const vSigmaY = surf_pos.dFdy().normalize();
- const vN = surf_norm; // normalized
- const R1 = vSigmaY.cross( vN );
- const R2 = vN.cross( vSigmaX );
- const fDet = vSigmaX.dot( R1 ).mul( faceDirection );
- const vGrad = fDet.sign().mul( dHdxy.x.mul( R1 ).add( dHdxy.y.mul( R2 ) ) );
- return fDet.abs().mul( surf_norm ).sub( vGrad ).normalize();
- } );
- class BumpMapNode extends TempNode {
- static get type() {
- return 'BumpMapNode';
- }
- constructor( textureNode, scaleNode = null ) {
- super( 'vec3' );
- this.textureNode = textureNode;
- this.scaleNode = scaleNode;
- }
- setup() {
- const bumpScale = this.scaleNode !== null ? this.scaleNode : 1;
- const dHdxy = dHdxy_fwd( { textureNode: this.textureNode, bumpScale } );
- return perturbNormalArb( {
- surf_pos: positionView,
- surf_norm: normalView,
- dHdxy
- } );
- }
- }
- const bumpMap = /*@__PURE__*/ nodeProxy( BumpMapNode );
- const _propertyCache = new Map();
- class MaterialNode extends Node {
- static get type() {
- return 'MaterialNode';
- }
- constructor( scope ) {
- super();
- this.scope = scope;
- }
- getCache( property, type ) {
- let node = _propertyCache.get( property );
- if ( node === undefined ) {
- node = materialReference( property, type );
- _propertyCache.set( property, node );
- }
- return node;
- }
- getFloat( property ) {
- return this.getCache( property, 'float' );
- }
- getColor( property ) {
- return this.getCache( property, 'color' );
- }
- getTexture( property ) {
- return this.getCache( property === 'map' ? 'map' : property + 'Map', 'texture' );
- }
- setup( builder ) {
- const material = builder.context.material;
- const scope = this.scope;
- let node = null;
- if ( scope === MaterialNode.COLOR ) {
- const colorNode = material.color !== undefined ? this.getColor( scope ) : vec3();
- if ( material.map && material.map.isTexture === true ) {
- node = colorNode.mul( this.getTexture( 'map' ) );
- } else {
- node = colorNode;
- }
- } else if ( scope === MaterialNode.OPACITY ) {
- const opacityNode = this.getFloat( scope );
- if ( material.alphaMap && material.alphaMap.isTexture === true ) {
- node = opacityNode.mul( this.getTexture( 'alpha' ) );
- } else {
- node = opacityNode;
- }
- } else if ( scope === MaterialNode.SPECULAR_STRENGTH ) {
- if ( material.specularMap && material.specularMap.isTexture === true ) {
- node = this.getTexture( 'specular' ).r;
- } else {
- node = float( 1 );
- }
- } else if ( scope === MaterialNode.SPECULAR_INTENSITY ) {
- const specularIntensity = this.getFloat( scope );
- if ( material.specularMap ) {
- node = specularIntensity.mul( this.getTexture( scope ).a );
- } else {
- node = specularIntensity;
- }
- } else if ( scope === MaterialNode.SPECULAR_COLOR ) {
- const specularColorNode = this.getColor( scope );
- if ( material.specularColorMap && material.specularColorMap.isTexture === true ) {
- node = specularColorNode.mul( this.getTexture( scope ).rgb );
- } else {
- node = specularColorNode;
- }
- } else if ( scope === MaterialNode.ROUGHNESS ) { // TODO: cleanup similar branches
- const roughnessNode = this.getFloat( scope );
- if ( material.roughnessMap && material.roughnessMap.isTexture === true ) {
- node = roughnessNode.mul( this.getTexture( scope ).g );
- } else {
- node = roughnessNode;
- }
- } else if ( scope === MaterialNode.METALNESS ) {
- const metalnessNode = this.getFloat( scope );
- if ( material.metalnessMap && material.metalnessMap.isTexture === true ) {
- node = metalnessNode.mul( this.getTexture( scope ).b );
- } else {
- node = metalnessNode;
- }
- } else if ( scope === MaterialNode.EMISSIVE ) {
- const emissiveIntensityNode = this.getFloat( 'emissiveIntensity' );
- const emissiveNode = this.getColor( scope ).mul( emissiveIntensityNode );
- if ( material.emissiveMap && material.emissiveMap.isTexture === true ) {
- node = emissiveNode.mul( this.getTexture( scope ) );
- } else {
- node = emissiveNode;
- }
- } else if ( scope === MaterialNode.NORMAL ) {
- if ( material.normalMap ) {
- node = normalMap( this.getTexture( 'normal' ), this.getCache( 'normalScale', 'vec2' ) );
- node.normalMapType = material.normalMapType;
- } else if ( material.bumpMap ) {
- node = bumpMap( this.getTexture( 'bump' ).r, this.getFloat( 'bumpScale' ) );
- } else {
- node = normalView;
- }
- } else if ( scope === MaterialNode.CLEARCOAT ) {
- const clearcoatNode = this.getFloat( scope );
- if ( material.clearcoatMap && material.clearcoatMap.isTexture === true ) {
- node = clearcoatNode.mul( this.getTexture( scope ).r );
- } else {
- node = clearcoatNode;
- }
- } else if ( scope === MaterialNode.CLEARCOAT_ROUGHNESS ) {
- const clearcoatRoughnessNode = this.getFloat( scope );
- if ( material.clearcoatRoughnessMap && material.clearcoatRoughnessMap.isTexture === true ) {
- node = clearcoatRoughnessNode.mul( this.getTexture( scope ).r );
- } else {
- node = clearcoatRoughnessNode;
- }
- } else if ( scope === MaterialNode.CLEARCOAT_NORMAL ) {
- if ( material.clearcoatNormalMap ) {
- node = normalMap( this.getTexture( scope ), this.getCache( scope + 'Scale', 'vec2' ) );
- } else {
- node = normalView;
- }
- } else if ( scope === MaterialNode.SHEEN ) {
- const sheenNode = this.getColor( 'sheenColor' ).mul( this.getFloat( 'sheen' ) ); // Move this mul() to CPU
- if ( material.sheenColorMap && material.sheenColorMap.isTexture === true ) {
- node = sheenNode.mul( this.getTexture( 'sheenColor' ).rgb );
- } else {
- node = sheenNode;
- }
- } else if ( scope === MaterialNode.SHEEN_ROUGHNESS ) {
- const sheenRoughnessNode = this.getFloat( scope );
- if ( material.sheenRoughnessMap && material.sheenRoughnessMap.isTexture === true ) {
- node = sheenRoughnessNode.mul( this.getTexture( scope ).a );
- } else {
- node = sheenRoughnessNode;
- }
- node = node.clamp( 0.07, 1.0 );
- } else if ( scope === MaterialNode.ANISOTROPY ) {
- if ( material.anisotropyMap && material.anisotropyMap.isTexture === true ) {
- const anisotropyPolar = this.getTexture( scope );
- const anisotropyMat = mat2( materialAnisotropyVector.x, materialAnisotropyVector.y, materialAnisotropyVector.y.negate(), materialAnisotropyVector.x );
- node = anisotropyMat.mul( anisotropyPolar.rg.mul( 2.0 ).sub( vec2( 1.0 ) ).normalize().mul( anisotropyPolar.b ) );
- } else {
- node = materialAnisotropyVector;
- }
- } else if ( scope === MaterialNode.IRIDESCENCE_THICKNESS ) {
- const iridescenceThicknessMaximum = reference( '1', 'float', material.iridescenceThicknessRange );
- if ( material.iridescenceThicknessMap ) {
- const iridescenceThicknessMinimum = reference( '0', 'float', material.iridescenceThicknessRange );
- node = iridescenceThicknessMaximum.sub( iridescenceThicknessMinimum ).mul( this.getTexture( scope ).g ).add( iridescenceThicknessMinimum );
- } else {
- node = iridescenceThicknessMaximum;
- }
- } else if ( scope === MaterialNode.TRANSMISSION ) {
- const transmissionNode = this.getFloat( scope );
- if ( material.transmissionMap ) {
- node = transmissionNode.mul( this.getTexture( scope ).r );
- } else {
- node = transmissionNode;
- }
- } else if ( scope === MaterialNode.THICKNESS ) {
- const thicknessNode = this.getFloat( scope );
- if ( material.thicknessMap ) {
- node = thicknessNode.mul( this.getTexture( scope ).g );
- } else {
- node = thicknessNode;
- }
- } else if ( scope === MaterialNode.IOR ) {
- node = this.getFloat( scope );
- } else if ( scope === MaterialNode.LIGHT_MAP ) {
- node = this.getTexture( scope ).rgb.mul( this.getFloat( 'lightMapIntensity' ) );
- } else if ( scope === MaterialNode.AO_MAP ) {
- node = this.getTexture( scope ).r.sub( 1.0 ).mul( this.getFloat( 'aoMapIntensity' ) ).add( 1.0 );
- } else {
- const outputType = this.getNodeType( builder );
- node = this.getCache( scope, outputType );
- }
- return node;
- }
- }
- MaterialNode.ALPHA_TEST = 'alphaTest';
- MaterialNode.COLOR = 'color';
- MaterialNode.OPACITY = 'opacity';
- MaterialNode.SHININESS = 'shininess';
- MaterialNode.SPECULAR = 'specular';
- MaterialNode.SPECULAR_STRENGTH = 'specularStrength';
- MaterialNode.SPECULAR_INTENSITY = 'specularIntensity';
- MaterialNode.SPECULAR_COLOR = 'specularColor';
- MaterialNode.REFLECTIVITY = 'reflectivity';
- MaterialNode.ROUGHNESS = 'roughness';
- MaterialNode.METALNESS = 'metalness';
- MaterialNode.NORMAL = 'normal';
- MaterialNode.CLEARCOAT = 'clearcoat';
- MaterialNode.CLEARCOAT_ROUGHNESS = 'clearcoatRoughness';
- MaterialNode.CLEARCOAT_NORMAL = 'clearcoatNormal';
- MaterialNode.EMISSIVE = 'emissive';
- MaterialNode.ROTATION = 'rotation';
- MaterialNode.SHEEN = 'sheen';
- MaterialNode.SHEEN_ROUGHNESS = 'sheenRoughness';
- MaterialNode.ANISOTROPY = 'anisotropy';
- MaterialNode.IRIDESCENCE = 'iridescence';
- MaterialNode.IRIDESCENCE_IOR = 'iridescenceIOR';
- MaterialNode.IRIDESCENCE_THICKNESS = 'iridescenceThickness';
- MaterialNode.IOR = 'ior';
- MaterialNode.TRANSMISSION = 'transmission';
- MaterialNode.THICKNESS = 'thickness';
- MaterialNode.ATTENUATION_DISTANCE = 'attenuationDistance';
- MaterialNode.ATTENUATION_COLOR = 'attenuationColor';
- MaterialNode.LINE_SCALE = 'scale';
- MaterialNode.LINE_DASH_SIZE = 'dashSize';
- MaterialNode.LINE_GAP_SIZE = 'gapSize';
- MaterialNode.LINE_WIDTH = 'linewidth';
- MaterialNode.LINE_DASH_OFFSET = 'dashOffset';
- MaterialNode.POINT_WIDTH = 'pointWidth';
- MaterialNode.DISPERSION = 'dispersion';
- MaterialNode.LIGHT_MAP = 'light';
- MaterialNode.AO_MAP = 'ao';
- const materialAlphaTest = /*@__PURE__*/ nodeImmutable( MaterialNode, MaterialNode.ALPHA_TEST );
- const materialColor = /*@__PURE__*/ nodeImmutable( MaterialNode, MaterialNode.COLOR );
- const materialShininess = /*@__PURE__*/ nodeImmutable( MaterialNode, MaterialNode.SHININESS );
- const materialEmissive = /*@__PURE__*/ nodeImmutable( MaterialNode, MaterialNode.EMISSIVE );
- const materialOpacity = /*@__PURE__*/ nodeImmutable( MaterialNode, MaterialNode.OPACITY );
- const materialSpecular = /*@__PURE__*/ nodeImmutable( MaterialNode, MaterialNode.SPECULAR );
- const materialSpecularIntensity = /*@__PURE__*/ nodeImmutable( MaterialNode, MaterialNode.SPECULAR_INTENSITY );
- const materialSpecularColor = /*@__PURE__*/ nodeImmutable( MaterialNode, MaterialNode.SPECULAR_COLOR );
- const materialSpecularStrength = /*@__PURE__*/ nodeImmutable( MaterialNode, MaterialNode.SPECULAR_STRENGTH );
- const materialReflectivity = /*@__PURE__*/ nodeImmutable( MaterialNode, MaterialNode.REFLECTIVITY );
- const materialRoughness = /*@__PURE__*/ nodeImmutable( MaterialNode, MaterialNode.ROUGHNESS );
- const materialMetalness = /*@__PURE__*/ nodeImmutable( MaterialNode, MaterialNode.METALNESS );
- const materialNormal = /*@__PURE__*/ nodeImmutable( MaterialNode, MaterialNode.NORMAL ).context( { getUV: null } );
- const materialClearcoat = /*@__PURE__*/ nodeImmutable( MaterialNode, MaterialNode.CLEARCOAT );
- const materialClearcoatRoughness = /*@__PURE__*/ nodeImmutable( MaterialNode, MaterialNode.CLEARCOAT_ROUGHNESS );
- const materialClearcoatNormal = /*@__PURE__*/ nodeImmutable( MaterialNode, MaterialNode.CLEARCOAT_NORMAL ).context( { getUV: null } );
- const materialRotation = /*@__PURE__*/ nodeImmutable( MaterialNode, MaterialNode.ROTATION );
- const materialSheen = /*@__PURE__*/ nodeImmutable( MaterialNode, MaterialNode.SHEEN );
- const materialSheenRoughness = /*@__PURE__*/ nodeImmutable( MaterialNode, MaterialNode.SHEEN_ROUGHNESS );
- const materialAnisotropy = /*@__PURE__*/ nodeImmutable( MaterialNode, MaterialNode.ANISOTROPY );
- const materialIridescence = /*@__PURE__*/ nodeImmutable( MaterialNode, MaterialNode.IRIDESCENCE );
- const materialIridescenceIOR = /*@__PURE__*/ nodeImmutable( MaterialNode, MaterialNode.IRIDESCENCE_IOR );
- const materialIridescenceThickness = /*@__PURE__*/ nodeImmutable( MaterialNode, MaterialNode.IRIDESCENCE_THICKNESS );
- const materialTransmission = /*@__PURE__*/ nodeImmutable( MaterialNode, MaterialNode.TRANSMISSION );
- const materialThickness = /*@__PURE__*/ nodeImmutable( MaterialNode, MaterialNode.THICKNESS );
- const materialIOR = /*@__PURE__*/ nodeImmutable( MaterialNode, MaterialNode.IOR );
- const materialAttenuationDistance = /*@__PURE__*/ nodeImmutable( MaterialNode, MaterialNode.ATTENUATION_DISTANCE );
- const materialAttenuationColor = /*@__PURE__*/ nodeImmutable( MaterialNode, MaterialNode.ATTENUATION_COLOR );
- const materialLineScale = /*@__PURE__*/ nodeImmutable( MaterialNode, MaterialNode.LINE_SCALE );
- const materialLineDashSize = /*@__PURE__*/ nodeImmutable( MaterialNode, MaterialNode.LINE_DASH_SIZE );
- const materialLineGapSize = /*@__PURE__*/ nodeImmutable( MaterialNode, MaterialNode.LINE_GAP_SIZE );
- const materialLineWidth = /*@__PURE__*/ nodeImmutable( MaterialNode, MaterialNode.LINE_WIDTH );
- const materialLineDashOffset = /*@__PURE__*/ nodeImmutable( MaterialNode, MaterialNode.LINE_DASH_OFFSET );
- const materialPointWidth = /*@__PURE__*/ nodeImmutable( MaterialNode, MaterialNode.POINT_WIDTH );
- const materialDispersion = /*@__PURE__*/ nodeImmutable( MaterialNode, MaterialNode.DISPERSION );
- const materialLightMap = /*@__PURE__*/ nodeImmutable( MaterialNode, MaterialNode.LIGHT_MAP );
- const materialAOMap = /*@__PURE__*/ nodeImmutable( MaterialNode, MaterialNode.AO_MAP );
- const materialAnisotropyVector = /*@__PURE__*/ uniform( new Vector2() ).onReference( function ( frame ) {
- return frame.material;
- } ).onRenderUpdate( function ( { material } ) {
- this.value.set( material.anisotropy * Math.cos( material.anisotropyRotation ), material.anisotropy * Math.sin( material.anisotropyRotation ) );
- } );
- class ModelViewProjectionNode extends TempNode {
- static get type() {
- return 'ModelViewProjectionNode';
- }
- constructor( positionNode = null ) {
- super( 'vec4' );
- this.positionNode = positionNode;
- }
- setup( builder ) {
- if ( builder.shaderStage === 'fragment' ) {
- return varying( builder.context.mvp );
- }
- const position = this.positionNode || positionLocal;
- const viewMatrix = builder.renderer.nodes.modelViewMatrix || modelViewMatrix;
- return cameraProjectionMatrix.mul( viewMatrix ).mul( position );
- }
- }
- const modelViewProjection = /*@__PURE__*/ nodeProxy( ModelViewProjectionNode );
- class IndexNode extends Node {
- static get type() {
- return 'IndexNode';
- }
- constructor( scope ) {
- super( 'uint' );
- this.scope = scope;
- this.isInstanceIndexNode = true;
- }
- generate( builder ) {
- const nodeType = this.getNodeType( builder );
- const scope = this.scope;
- let propertyName;
- if ( scope === IndexNode.VERTEX ) {
- // The index of a vertex within a mesh.
- propertyName = builder.getVertexIndex();
- } else if ( scope === IndexNode.INSTANCE ) {
- // The index of either a mesh instance or an invocation of a compute shader.
- propertyName = builder.getInstanceIndex();
- } else if ( scope === IndexNode.DRAW ) {
- // The index of a draw call.
- propertyName = builder.getDrawIndex();
- } else if ( scope === IndexNode.INVOCATION_LOCAL ) {
- // The index of a compute invocation within the scope of a workgroup load.
- propertyName = builder.getInvocationLocalIndex();
- } else if ( scope === IndexNode.INVOCATION_SUBGROUP ) {
- // The index of a compute invocation within the scope of a subgroup.
- propertyName = builder.getInvocationSubgroupIndex();
- } else if ( scope === IndexNode.SUBGROUP ) {
- // The index of the subgroup the current compute invocation belongs to.
- propertyName = builder.getSubgroupIndex();
- } else {
- throw new Error( 'THREE.IndexNode: Unknown scope: ' + scope );
- }
- let output;
- if ( builder.shaderStage === 'vertex' || builder.shaderStage === 'compute' ) {
- output = propertyName;
- } else {
- const nodeVarying = varying( this );
- output = nodeVarying.build( builder, nodeType );
- }
- return output;
- }
- }
- IndexNode.VERTEX = 'vertex';
- IndexNode.INSTANCE = 'instance';
- IndexNode.SUBGROUP = 'subgroup';
- IndexNode.INVOCATION_LOCAL = 'invocationLocal';
- IndexNode.INVOCATION_SUBGROUP = 'invocationSubgroup';
- IndexNode.DRAW = 'draw';
- const vertexIndex = /*@__PURE__*/ nodeImmutable( IndexNode, IndexNode.VERTEX );
- const instanceIndex = /*@__PURE__*/ nodeImmutable( IndexNode, IndexNode.INSTANCE );
- const subgroupIndex = /*@__PURE__*/ nodeImmutable( IndexNode, IndexNode.SUBGROUP );
- const invocationSubgroupIndex = /*@__PURE__*/ nodeImmutable( IndexNode, IndexNode.INVOCATION_SUBGROUP );
- const invocationLocalIndex = /*@__PURE__*/ nodeImmutable( IndexNode, IndexNode.INVOCATION_LOCAL );
- const drawIndex = /*@__PURE__*/ nodeImmutable( IndexNode, IndexNode.DRAW );
- class InstanceNode extends Node {
- static get type() {
- return 'InstanceNode';
- }
- constructor( instanceMesh ) {
- super( 'void' );
- this.instanceMesh = instanceMesh;
- this.instanceMatrixNode = null;
- this.instanceColorNode = null;
- this.updateType = NodeUpdateType.FRAME;
- this.buffer = null;
- this.bufferColor = null;
- }
- setup( builder ) {
- let instanceMatrixNode = this.instanceMatrixNode;
- let instanceColorNode = this.instanceColorNode;
- const instanceMesh = this.instanceMesh;
- if ( instanceMatrixNode === null ) {
- const instanceAttribute = instanceMesh.instanceMatrix;
- // Both WebGPU and WebGL backends have UBO max limited to 64kb. Matrix count number bigger than 1000 ( 16 * 4 * 1000 = 64kb ) will fallback to attribute.
- if ( instanceMesh.count <= 1000 ) {
- instanceMatrixNode = buffer( instanceAttribute.array, 'mat4', Math.max( instanceMesh.count, 1 ) ).element( instanceIndex );
- } else {
- const buffer = new InstancedInterleavedBuffer( instanceAttribute.array, 16, 1 );
- this.buffer = buffer;
- const bufferFn = instanceAttribute.usage === DynamicDrawUsage ? instancedDynamicBufferAttribute : instancedBufferAttribute;
- const instanceBuffers = [
- // F.Signature -> bufferAttribute( array, type, stride, offset )
- bufferFn( buffer, 'vec4', 16, 0 ),
- bufferFn( buffer, 'vec4', 16, 4 ),
- bufferFn( buffer, 'vec4', 16, 8 ),
- bufferFn( buffer, 'vec4', 16, 12 )
- ];
- instanceMatrixNode = mat4( ...instanceBuffers );
- }
- this.instanceMatrixNode = instanceMatrixNode;
- }
- const instanceColorAttribute = instanceMesh.instanceColor;
- if ( instanceColorAttribute && instanceColorNode === null ) {
- const buffer = new InstancedBufferAttribute( instanceColorAttribute.array, 3 );
- const bufferFn = instanceColorAttribute.usage === DynamicDrawUsage ? instancedDynamicBufferAttribute : instancedBufferAttribute;
- this.bufferColor = buffer;
- instanceColorNode = vec3( bufferFn( buffer, 'vec3', 3, 0 ) );
- this.instanceColorNode = instanceColorNode;
- }
- // POSITION
- const instancePosition = instanceMatrixNode.mul( positionLocal ).xyz;
- positionLocal.assign( instancePosition );
- // NORMAL
- if ( builder.hasGeometryAttribute( 'normal' ) ) {
- const instanceNormal = transformNormal( normalLocal, instanceMatrixNode );
- // ASSIGNS
- normalLocal.assign( instanceNormal );
- }
- // COLOR
- if ( this.instanceColorNode !== null ) {
- varyingProperty( 'vec3', 'vInstanceColor' ).assign( this.instanceColorNode );
- }
- }
- update( /*frame*/ ) {
- if ( this.instanceMesh.instanceMatrix.usage !== DynamicDrawUsage && this.buffer != null && this.instanceMesh.instanceMatrix.version !== this.buffer.version ) {
- this.buffer.version = this.instanceMesh.instanceMatrix.version;
- }
- if ( this.instanceMesh.instanceColor && this.instanceMesh.instanceColor.usage !== DynamicDrawUsage && this.bufferColor != null && this.instanceMesh.instanceColor.version !== this.bufferColor.version ) {
- this.bufferColor.version = this.instanceMesh.instanceColor.version;
- }
- }
- }
- const instance = /*@__PURE__*/ nodeProxy( InstanceNode );
- class BatchNode extends Node {
- static get type() {
- return 'BatchNode';
- }
- constructor( batchMesh ) {
- super( 'void' );
- this.batchMesh = batchMesh;
- this.batchingIdNode = null;
- }
- setup( builder ) {
- // POSITION
- if ( this.batchingIdNode === null ) {
- if ( builder.getDrawIndex() === null ) {
- this.batchingIdNode = instanceIndex;
- } else {
- this.batchingIdNode = drawIndex;
- }
- }
- const getIndirectIndex = Fn( ( [ id ] ) => {
- const size = textureSize( textureLoad( this.batchMesh._indirectTexture ), 0 );
- const x = int( id ).modInt( int( size ) );
- const y = int( id ).div( int( size ) );
- return textureLoad( this.batchMesh._indirectTexture, ivec2( x, y ) ).x;
- } ).setLayout( {
- name: 'getIndirectIndex',
- type: 'uint',
- inputs: [
- { name: 'id', type: 'int' }
- ]
- } );
- const indirectId = getIndirectIndex( int( this.batchingIdNode ) );
- const matricesTexture = this.batchMesh._matricesTexture;
- const size = textureSize( textureLoad( matricesTexture ), 0 );
- const j = float( indirectId ).mul( 4 ).toInt().toVar();
- const x = j.modInt( size );
- const y = j.div( int( size ) );
- const batchingMatrix = mat4(
- textureLoad( matricesTexture, ivec2( x, y ) ),
- textureLoad( matricesTexture, ivec2( x.add( 1 ), y ) ),
- textureLoad( matricesTexture, ivec2( x.add( 2 ), y ) ),
- textureLoad( matricesTexture, ivec2( x.add( 3 ), y ) )
- );
- const colorsTexture = this.batchMesh._colorsTexture;
- if ( colorsTexture !== null ) {
- const getBatchingColor = Fn( ( [ id ] ) => {
- const size = textureSize( textureLoad( colorsTexture ), 0 ).x;
- const j = id;
- const x = j.modInt( size );
- const y = j.div( size );
- return textureLoad( colorsTexture, ivec2( x, y ) ).rgb;
- } ).setLayout( {
- name: 'getBatchingColor',
- type: 'vec3',
- inputs: [
- { name: 'id', type: 'int' }
- ]
- } );
- const color = getBatchingColor( indirectId );
- varyingProperty( 'vec3', 'vBatchColor' ).assign( color );
- }
- const bm = mat3( batchingMatrix );
- positionLocal.assign( batchingMatrix.mul( positionLocal ) );
- const transformedNormal = normalLocal.div( vec3( bm[ 0 ].dot( bm[ 0 ] ), bm[ 1 ].dot( bm[ 1 ] ), bm[ 2 ].dot( bm[ 2 ] ) ) );
- const batchingNormal = bm.mul( transformedNormal ).xyz;
- normalLocal.assign( batchingNormal );
- if ( builder.hasGeometryAttribute( 'tangent' ) ) {
- tangentLocal.mulAssign( bm );
- }
- }
- }
- const batch = /*@__PURE__*/ nodeProxy( BatchNode );
- const _frameId = new WeakMap();
- class SkinningNode extends Node {
- static get type() {
- return 'SkinningNode';
- }
- constructor( skinnedMesh, useReference = false ) {
- super( 'void' );
- this.skinnedMesh = skinnedMesh;
- this.useReference = useReference;
- this.updateType = NodeUpdateType.OBJECT;
- //
- this.skinIndexNode = attribute( 'skinIndex', 'uvec4' );
- this.skinWeightNode = attribute( 'skinWeight', 'vec4' );
- let bindMatrixNode, bindMatrixInverseNode, boneMatricesNode;
- if ( useReference ) {
- bindMatrixNode = reference( 'bindMatrix', 'mat4' );
- bindMatrixInverseNode = reference( 'bindMatrixInverse', 'mat4' );
- boneMatricesNode = referenceBuffer( 'skeleton.boneMatrices', 'mat4', skinnedMesh.skeleton.bones.length );
- } else {
- bindMatrixNode = uniform( skinnedMesh.bindMatrix, 'mat4' );
- bindMatrixInverseNode = uniform( skinnedMesh.bindMatrixInverse, 'mat4' );
- boneMatricesNode = buffer( skinnedMesh.skeleton.boneMatrices, 'mat4', skinnedMesh.skeleton.bones.length );
- }
- this.bindMatrixNode = bindMatrixNode;
- this.bindMatrixInverseNode = bindMatrixInverseNode;
- this.boneMatricesNode = boneMatricesNode;
- this.previousBoneMatricesNode = null;
- }
- getSkinnedPosition( boneMatrices = this.boneMatricesNode, position = positionLocal ) {
- const { skinIndexNode, skinWeightNode, bindMatrixNode, bindMatrixInverseNode } = this;
- const boneMatX = boneMatrices.element( skinIndexNode.x );
- const boneMatY = boneMatrices.element( skinIndexNode.y );
- const boneMatZ = boneMatrices.element( skinIndexNode.z );
- const boneMatW = boneMatrices.element( skinIndexNode.w );
- // POSITION
- const skinVertex = bindMatrixNode.mul( position );
- const skinned = add(
- boneMatX.mul( skinWeightNode.x ).mul( skinVertex ),
- boneMatY.mul( skinWeightNode.y ).mul( skinVertex ),
- boneMatZ.mul( skinWeightNode.z ).mul( skinVertex ),
- boneMatW.mul( skinWeightNode.w ).mul( skinVertex )
- );
- return bindMatrixInverseNode.mul( skinned ).xyz;
- }
- getSkinnedNormal( boneMatrices = this.boneMatricesNode, normal = normalLocal ) {
- const { skinIndexNode, skinWeightNode, bindMatrixNode, bindMatrixInverseNode } = this;
- const boneMatX = boneMatrices.element( skinIndexNode.x );
- const boneMatY = boneMatrices.element( skinIndexNode.y );
- const boneMatZ = boneMatrices.element( skinIndexNode.z );
- const boneMatW = boneMatrices.element( skinIndexNode.w );
- // NORMAL
- let skinMatrix = add(
- skinWeightNode.x.mul( boneMatX ),
- skinWeightNode.y.mul( boneMatY ),
- skinWeightNode.z.mul( boneMatZ ),
- skinWeightNode.w.mul( boneMatW )
- );
- skinMatrix = bindMatrixInverseNode.mul( skinMatrix ).mul( bindMatrixNode );
- return skinMatrix.transformDirection( normal ).xyz;
- }
- getPreviousSkinnedPosition( builder ) {
- const skinnedMesh = builder.object;
- if ( this.previousBoneMatricesNode === null ) {
- skinnedMesh.skeleton.previousBoneMatrices = new Float32Array( skinnedMesh.skeleton.boneMatrices );
- this.previousBoneMatricesNode = referenceBuffer( 'skeleton.previousBoneMatrices', 'mat4', skinnedMesh.skeleton.bones.length );
- }
- return this.getSkinnedPosition( this.previousBoneMatricesNode, positionPrevious );
- }
- needsPreviousBoneMatrices( builder ) {
- const mrt = builder.renderer.getMRT();
- return mrt && mrt.has( 'velocity' );
- }
- setup( builder ) {
- if ( this.needsPreviousBoneMatrices( builder ) ) {
- positionPrevious.assign( this.getPreviousSkinnedPosition( builder ) );
- }
- const skinPosition = this.getSkinnedPosition();
- positionLocal.assign( skinPosition );
- if ( builder.hasGeometryAttribute( 'normal' ) ) {
- const skinNormal = this.getSkinnedNormal();
- normalLocal.assign( skinNormal );
- if ( builder.hasGeometryAttribute( 'tangent' ) ) {
- tangentLocal.assign( skinNormal );
- }
- }
- }
- generate( builder, output ) {
- if ( output !== 'void' ) {
- return positionLocal.build( builder, output );
- }
- }
- update( frame ) {
- const object = this.useReference ? frame.object : this.skinnedMesh;
- const skeleton = object.skeleton;
- if ( _frameId.get( skeleton ) === frame.frameId ) return;
- _frameId.set( skeleton, frame.frameId );
- if ( this.previousBoneMatricesNode !== null ) skeleton.previousBoneMatrices.set( skeleton.boneMatrices );
- skeleton.update();
- }
- }
- const skinning = ( skinnedMesh ) => nodeObject( new SkinningNode( skinnedMesh ) );
- const skinningReference = ( skinnedMesh ) => nodeObject( new SkinningNode( skinnedMesh, true ) );
- class LoopNode extends Node {
- static get type() {
- return 'LoopNode';
- }
- constructor( params = [] ) {
- super();
- this.params = params;
- }
- getVarName( index ) {
- return String.fromCharCode( 'i'.charCodeAt() + index );
- }
- getProperties( builder ) {
- const properties = builder.getNodeProperties( this );
- if ( properties.stackNode !== undefined ) return properties;
- //
- const inputs = {};
- for ( let i = 0, l = this.params.length - 1; i < l; i ++ ) {
- const param = this.params[ i ];
- const name = ( param.isNode !== true && param.name ) || this.getVarName( i );
- const type = ( param.isNode !== true && param.type ) || 'int';
- inputs[ name ] = expression( name, type );
- }
- const stack = builder.addStack(); // TODO: cache() it
- properties.returnsNode = this.params[ this.params.length - 1 ]( inputs, stack, builder );
- properties.stackNode = stack;
- builder.removeStack();
- return properties;
- }
- getNodeType( builder ) {
- const { returnsNode } = this.getProperties( builder );
- return returnsNode ? returnsNode.getNodeType( builder ) : 'void';
- }
- setup( builder ) {
- // setup properties
- this.getProperties( builder );
- }
- generate( builder ) {
- const properties = this.getProperties( builder );
- const params = this.params;
- const stackNode = properties.stackNode;
- for ( let i = 0, l = params.length - 1; i < l; i ++ ) {
- const param = params[ i ];
- let start = null, end = null, name = null, type = null, condition = null, update = null;
- if ( param.isNode ) {
- type = 'int';
- name = this.getVarName( i );
- start = '0';
- end = param.build( builder, type );
- condition = '<';
- } else {
- type = param.type || 'int';
- name = param.name || this.getVarName( i );
- start = param.start;
- end = param.end;
- condition = param.condition;
- update = param.update;
- if ( typeof start === 'number' ) start = start.toString();
- else if ( start && start.isNode ) start = start.build( builder, type );
- if ( typeof end === 'number' ) end = end.toString();
- else if ( end && end.isNode ) end = end.build( builder, type );
- if ( start !== undefined && end === undefined ) {
- start = start + ' - 1';
- end = '0';
- condition = '>=';
- } else if ( end !== undefined && start === undefined ) {
- start = '0';
- condition = '<';
- }
- if ( condition === undefined ) {
- if ( Number( start ) > Number( end ) ) {
- condition = '>=';
- } else {
- condition = '<';
- }
- }
- }
- const internalParam = { start, end, condition };
- //
- const startSnippet = internalParam.start;
- const endSnippet = internalParam.end;
- let declarationSnippet = '';
- let conditionalSnippet = '';
- let updateSnippet = '';
- if ( ! update ) {
- if ( type === 'int' || type === 'uint' ) {
- if ( condition.includes( '<' ) ) update = '++';
- else update = '--';
- } else {
- if ( condition.includes( '<' ) ) update = '+= 1.';
- else update = '-= 1.';
- }
- }
- declarationSnippet += builder.getVar( type, name ) + ' = ' + startSnippet;
- conditionalSnippet += name + ' ' + condition + ' ' + endSnippet;
- updateSnippet += name + ' ' + update;
- const forSnippet = `for ( ${ declarationSnippet }; ${ conditionalSnippet }; ${ updateSnippet } )`;
- builder.addFlowCode( ( i === 0 ? '\n' : '' ) + builder.tab + forSnippet + ' {\n\n' ).addFlowTab();
- }
- const stackSnippet = stackNode.build( builder, 'void' );
- const returnsSnippet = properties.returnsNode ? properties.returnsNode.build( builder ) : '';
- builder.removeFlowTab().addFlowCode( '\n' + builder.tab + stackSnippet );
- for ( let i = 0, l = this.params.length - 1; i < l; i ++ ) {
- builder.addFlowCode( ( i === 0 ? '' : builder.tab ) + '}\n\n' ).removeFlowTab();
- }
- builder.addFlowTab();
- return returnsSnippet;
- }
- }
- const Loop = ( ...params ) => nodeObject( new LoopNode( nodeArray( params, 'int' ) ) ).append();
- const Continue = () => expression( 'continue' ).append();
- const Break = () => expression( 'break' ).append();
- //
- const loop = ( ...params ) => { // @deprecated, r168
- console.warn( 'TSL.LoopNode: loop() has been renamed to Loop().' );
- return Loop( ...params );
- };
- const _morphTextures = /*@__PURE__*/ new WeakMap();
- const _morphVec4 = /*@__PURE__*/ new Vector4();
- const getMorph = /*@__PURE__*/ Fn( ( { bufferMap, influence, stride, width, depth, offset } ) => {
- const texelIndex = int( vertexIndex ).mul( stride ).add( offset );
- const y = texelIndex.div( width );
- const x = texelIndex.sub( y.mul( width ) );
- const bufferAttrib = textureLoad( bufferMap, ivec2( x, y ) ).depth( depth );
- return bufferAttrib.mul( influence );
- } );
- function getEntry( geometry ) {
- const hasMorphPosition = geometry.morphAttributes.position !== undefined;
- const hasMorphNormals = geometry.morphAttributes.normal !== undefined;
- const hasMorphColors = geometry.morphAttributes.color !== undefined;
- // instead of using attributes, the WebGL 2 code path encodes morph targets
- // into an array of data textures. Each layer represents a single morph target.
- const morphAttribute = geometry.morphAttributes.position || geometry.morphAttributes.normal || geometry.morphAttributes.color;
- const morphTargetsCount = ( morphAttribute !== undefined ) ? morphAttribute.length : 0;
- let entry = _morphTextures.get( geometry );
- if ( entry === undefined || entry.count !== morphTargetsCount ) {
- if ( entry !== undefined ) entry.texture.dispose();
- const morphTargets = geometry.morphAttributes.position || [];
- const morphNormals = geometry.morphAttributes.normal || [];
- const morphColors = geometry.morphAttributes.color || [];
- let vertexDataCount = 0;
- if ( hasMorphPosition === true ) vertexDataCount = 1;
- if ( hasMorphNormals === true ) vertexDataCount = 2;
- if ( hasMorphColors === true ) vertexDataCount = 3;
- let width = geometry.attributes.position.count * vertexDataCount;
- let height = 1;
- const maxTextureSize = 4096; // @TODO: Use 'capabilities.maxTextureSize'
- if ( width > maxTextureSize ) {
- height = Math.ceil( width / maxTextureSize );
- width = maxTextureSize;
- }
- const buffer = new Float32Array( width * height * 4 * morphTargetsCount );
- const bufferTexture = new DataArrayTexture( buffer, width, height, morphTargetsCount );
- bufferTexture.type = FloatType;
- bufferTexture.needsUpdate = true;
- // fill buffer
- const vertexDataStride = vertexDataCount * 4;
- for ( let i = 0; i < morphTargetsCount; i ++ ) {
- const morphTarget = morphTargets[ i ];
- const morphNormal = morphNormals[ i ];
- const morphColor = morphColors[ i ];
- const offset = width * height * 4 * i;
- for ( let j = 0; j < morphTarget.count; j ++ ) {
- const stride = j * vertexDataStride;
- if ( hasMorphPosition === true ) {
- _morphVec4.fromBufferAttribute( morphTarget, j );
- buffer[ offset + stride + 0 ] = _morphVec4.x;
- buffer[ offset + stride + 1 ] = _morphVec4.y;
- buffer[ offset + stride + 2 ] = _morphVec4.z;
- buffer[ offset + stride + 3 ] = 0;
- }
- if ( hasMorphNormals === true ) {
- _morphVec4.fromBufferAttribute( morphNormal, j );
- buffer[ offset + stride + 4 ] = _morphVec4.x;
- buffer[ offset + stride + 5 ] = _morphVec4.y;
- buffer[ offset + stride + 6 ] = _morphVec4.z;
- buffer[ offset + stride + 7 ] = 0;
- }
- if ( hasMorphColors === true ) {
- _morphVec4.fromBufferAttribute( morphColor, j );
- buffer[ offset + stride + 8 ] = _morphVec4.x;
- buffer[ offset + stride + 9 ] = _morphVec4.y;
- buffer[ offset + stride + 10 ] = _morphVec4.z;
- buffer[ offset + stride + 11 ] = ( morphColor.itemSize === 4 ) ? _morphVec4.w : 1;
- }
- }
- }
- entry = {
- count: morphTargetsCount,
- texture: bufferTexture,
- stride: vertexDataCount,
- size: new Vector2( width, height )
- };
- _morphTextures.set( geometry, entry );
- function disposeTexture() {
- bufferTexture.dispose();
- _morphTextures.delete( geometry );
- geometry.removeEventListener( 'dispose', disposeTexture );
- }
- geometry.addEventListener( 'dispose', disposeTexture );
- }
- return entry;
- }
- class MorphNode extends Node {
- static get type() {
- return 'MorphNode';
- }
- constructor( mesh ) {
- super( 'void' );
- this.mesh = mesh;
- this.morphBaseInfluence = uniform( 1 );
- this.updateType = NodeUpdateType.OBJECT;
- }
- setup( builder ) {
- const { geometry } = builder;
- const hasMorphPosition = geometry.morphAttributes.position !== undefined;
- const hasMorphNormals = geometry.hasAttribute( 'normal' ) && geometry.morphAttributes.normal !== undefined;
- const morphAttribute = geometry.morphAttributes.position || geometry.morphAttributes.normal || geometry.morphAttributes.color;
- const morphTargetsCount = ( morphAttribute !== undefined ) ? morphAttribute.length : 0;
- // nodes
- const { texture: bufferMap, stride, size } = getEntry( geometry );
- if ( hasMorphPosition === true ) positionLocal.mulAssign( this.morphBaseInfluence );
- if ( hasMorphNormals === true ) normalLocal.mulAssign( this.morphBaseInfluence );
- const width = int( size.width );
- Loop( morphTargetsCount, ( { i } ) => {
- const influence = float( 0 ).toVar();
- if ( this.mesh.count > 1 && ( this.mesh.morphTexture !== null && this.mesh.morphTexture !== undefined ) ) {
- influence.assign( textureLoad( this.mesh.morphTexture, ivec2( int( i ).add( 1 ), int( instanceIndex ) ) ).r );
- } else {
- influence.assign( reference( 'morphTargetInfluences', 'float' ).element( i ).toVar() );
- }
- if ( hasMorphPosition === true ) {
- positionLocal.addAssign( getMorph( {
- bufferMap,
- influence,
- stride,
- width,
- depth: i,
- offset: int( 0 )
- } ) );
- }
- if ( hasMorphNormals === true ) {
- normalLocal.addAssign( getMorph( {
- bufferMap,
- influence,
- stride,
- width,
- depth: i,
- offset: int( 1 )
- } ) );
- }
- } );
- }
- update() {
- const morphBaseInfluence = this.morphBaseInfluence;
- if ( this.mesh.geometry.morphTargetsRelative ) {
- morphBaseInfluence.value = 1;
- } else {
- morphBaseInfluence.value = 1 - this.mesh.morphTargetInfluences.reduce( ( a, b ) => a + b, 0 );
- }
- }
- }
- const morphReference = /*@__PURE__*/ nodeProxy( MorphNode );
- const sortLights = ( lights ) => {
- return lights.sort( ( a, b ) => a.id - b.id );
- };
- const getLightNodeById = ( id, lightNodes ) => {
- for ( const lightNode of lightNodes ) {
- if ( lightNode.isAnalyticLightNode && lightNode.light.id === id ) {
- return lightNode;
- }
- }
- return null;
- };
- const _lightsNodeRef = /*@__PURE__*/ new WeakMap();
- class LightsNode extends Node {
- static get type() {
- return 'LightsNode';
- }
- constructor( lights = [] ) {
- super( 'vec3' );
- this.totalDiffuseNode = vec3().toVar( 'totalDiffuse' );
- this.totalSpecularNode = vec3().toVar( 'totalSpecular' );
- this.outgoingLightNode = vec3().toVar( 'outgoingLight' );
- this._lights = lights;
- this._lightNodes = null;
- this._lightNodesHash = null;
- this.global = true;
- }
- getHash( builder ) {
- if ( this._lightNodesHash === null ) {
- if ( this._lightNodes === null ) this.setupLightsNode( builder );
- const hash = [];
- for ( const lightNode of this._lightNodes ) {
- hash.push( lightNode.getHash() );
- }
- this._lightNodesHash = 'lights-' + hash.join( ',' );
- }
- return this._lightNodesHash;
- }
- analyze( builder ) {
- const properties = builder.getDataFromNode( this );
- for ( const node of properties.nodes ) {
- node.build( builder );
- }
- }
- setupLightsNode( builder ) {
- const lightNodes = [];
- const previousLightNodes = this._lightNodes;
- const lights = sortLights( this._lights );
- const nodeLibrary = builder.renderer.nodes.library;
- for ( const light of lights ) {
- if ( light.isNode ) {
- lightNodes.push( nodeObject( light ) );
- } else {
- let lightNode = null;
- if ( previousLightNodes !== null ) {
- lightNode = getLightNodeById( light.id, previousLightNodes ); // resuse existing light node
- }
- if ( lightNode === null ) {
- const lightNodeClass = nodeLibrary.getLightNodeClass( light.constructor );
- if ( lightNodeClass === null ) {
- console.warn( `LightsNode.setupNodeLights: Light node not found for ${ light.constructor.name }` );
- continue;
- }
- let lightNode = null;
- if ( ! _lightsNodeRef.has( light ) ) {
- lightNode = new lightNodeClass( light );
- _lightsNodeRef.set( light, lightNode );
- } else {
- lightNode = _lightsNodeRef.get( light );
- }
- lightNodes.push( lightNode );
- }
- }
- }
- this._lightNodes = lightNodes;
- }
- setup( builder ) {
- if ( this._lightNodes === null ) this.setupLightsNode( builder );
- const context = builder.context;
- const lightingModel = context.lightingModel;
- let outgoingLightNode = this.outgoingLightNode;
- if ( lightingModel ) {
- const { _lightNodes, totalDiffuseNode, totalSpecularNode } = this;
- context.outgoingLight = outgoingLightNode;
- const stack = builder.addStack();
- //
- const properties = builder.getDataFromNode( this );
- properties.nodes = stack.nodes;
- //
- lightingModel.start( context, stack, builder );
- // lights
- for ( const lightNode of _lightNodes ) {
- lightNode.build( builder );
- }
- //
- lightingModel.indirect( context, stack, builder );
- //
- const { backdrop, backdropAlpha } = context;
- const { directDiffuse, directSpecular, indirectDiffuse, indirectSpecular } = context.reflectedLight;
- let totalDiffuse = directDiffuse.add( indirectDiffuse );
- if ( backdrop !== null ) {
- if ( backdropAlpha !== null ) {
- totalDiffuse = vec3( backdropAlpha.mix( totalDiffuse, backdrop ) );
- } else {
- totalDiffuse = vec3( backdrop );
- }
- context.material.transparent = true;
- }
- totalDiffuseNode.assign( totalDiffuse );
- totalSpecularNode.assign( directSpecular.add( indirectSpecular ) );
- outgoingLightNode.assign( totalDiffuseNode.add( totalSpecularNode ) );
- //
- lightingModel.finish( context, stack, builder );
- //
- outgoingLightNode = outgoingLightNode.bypass( builder.removeStack() );
- }
- return outgoingLightNode;
- }
- setLights( lights ) {
- this._lights = lights;
- this._lightNodes = null;
- this._lightNodesHash = null;
- return this;
- }
- getLights() {
- return this._lights;
- }
- }
- const lights = /*@__PURE__*/ nodeProxy( LightsNode );
- class LightingNode extends Node {
- static get type() {
- return 'LightingNode';
- }
- constructor() {
- super( 'vec3' );
- this.isLightingNode = true;
- }
- generate( /*builder*/ ) {
- console.warn( 'Abstract function.' );
- }
- }
- class AONode extends LightingNode {
- static get type() {
- return 'AONode';
- }
- constructor( aoNode = null ) {
- super();
- this.aoNode = aoNode;
- }
- setup( builder ) {
- builder.context.ambientOcclusion.mulAssign( this.aoNode );
- }
- }
- class LightingContextNode extends ContextNode {
- static get type() {
- return 'LightingContextNode';
- }
- constructor( node, lightingModel = null, backdropNode = null, backdropAlphaNode = null ) {
- super( node );
- this.lightingModel = lightingModel;
- this.backdropNode = backdropNode;
- this.backdropAlphaNode = backdropAlphaNode;
- this._value = null;
- }
- getContext() {
- const { backdropNode, backdropAlphaNode } = this;
- const directDiffuse = vec3().toVar( 'directDiffuse' ),
- directSpecular = vec3().toVar( 'directSpecular' ),
- indirectDiffuse = vec3().toVar( 'indirectDiffuse' ),
- indirectSpecular = vec3().toVar( 'indirectSpecular' );
- const reflectedLight = {
- directDiffuse,
- directSpecular,
- indirectDiffuse,
- indirectSpecular
- };
- const context = {
- radiance: vec3().toVar( 'radiance' ),
- irradiance: vec3().toVar( 'irradiance' ),
- iblIrradiance: vec3().toVar( 'iblIrradiance' ),
- ambientOcclusion: float( 1 ).toVar( 'ambientOcclusion' ),
- reflectedLight,
- backdrop: backdropNode,
- backdropAlpha: backdropAlphaNode
- };
- return context;
- }
- setup( builder ) {
- this.value = this._value || ( this._value = this.getContext() );
- this.value.lightingModel = this.lightingModel || builder.context.lightingModel;
- return super.setup( builder );
- }
- }
- const lightingContext = /*@__PURE__*/ nodeProxy( LightingContextNode );
- class IrradianceNode extends LightingNode {
- static get type() {
- return 'IrradianceNode';
- }
- constructor( node ) {
- super();
- this.node = node;
- }
- setup( builder ) {
- builder.context.irradiance.addAssign( this.node );
- }
- }
- let screenSizeVec, viewportVec;
- class ScreenNode extends Node {
- static get type() {
- return 'ScreenNode';
- }
- constructor( scope ) {
- super();
- this.scope = scope;
- this.isViewportNode = true;
- }
- getNodeType() {
- if ( this.scope === ScreenNode.VIEWPORT ) return 'vec4';
- else return 'vec2';
- }
- getUpdateType() {
- let updateType = NodeUpdateType.NONE;
- if ( this.scope === ScreenNode.SIZE || this.scope === ScreenNode.VIEWPORT ) {
- updateType = NodeUpdateType.RENDER;
- }
- this.updateType = updateType;
- return updateType;
- }
- update( { renderer } ) {
- const renderTarget = renderer.getRenderTarget();
- if ( this.scope === ScreenNode.VIEWPORT ) {
- if ( renderTarget !== null ) {
- viewportVec.copy( renderTarget.viewport );
- } else {
- renderer.getViewport( viewportVec );
- viewportVec.multiplyScalar( renderer.getPixelRatio() );
- }
- } else {
- if ( renderTarget !== null ) {
- screenSizeVec.width = renderTarget.width;
- screenSizeVec.height = renderTarget.height;
- } else {
- renderer.getDrawingBufferSize( screenSizeVec );
- }
- }
- }
- setup( /*builder*/ ) {
- const scope = this.scope;
- let output = null;
- if ( scope === ScreenNode.SIZE ) {
- output = uniform( screenSizeVec || ( screenSizeVec = new Vector2() ) );
- } else if ( scope === ScreenNode.VIEWPORT ) {
- output = uniform( viewportVec || ( viewportVec = new Vector4() ) );
- } else {
- output = vec2( screenCoordinate.div( screenSize ) );
- }
- return output;
- }
- generate( builder ) {
- if ( this.scope === ScreenNode.COORDINATE ) {
- let coord = builder.getFragCoord();
- if ( builder.isFlipY() ) {
- // follow webgpu standards
- const size = builder.getNodeProperties( screenSize ).outputNode.build( builder );
- coord = `${ builder.getType( 'vec2' ) }( ${ coord }.x, ${ size }.y - ${ coord }.y )`;
- }
- return coord;
- }
- return super.generate( builder );
- }
- }
- ScreenNode.COORDINATE = 'coordinate';
- ScreenNode.VIEWPORT = 'viewport';
- ScreenNode.SIZE = 'size';
- ScreenNode.UV = 'uv';
- // Screen
- const screenUV = /*@__PURE__*/ nodeImmutable( ScreenNode, ScreenNode.UV );
- const screenSize = /*@__PURE__*/ nodeImmutable( ScreenNode, ScreenNode.SIZE );
- const screenCoordinate = /*@__PURE__*/ nodeImmutable( ScreenNode, ScreenNode.COORDINATE );
- // Viewport
- const viewport = /*@__PURE__*/ nodeImmutable( ScreenNode, ScreenNode.VIEWPORT );
- const viewportSize = viewport.zw;
- const viewportCoordinate = /*@__PURE__*/ screenCoordinate.sub( viewport.xy );
- const viewportUV = /*@__PURE__*/ viewportCoordinate.div( viewportSize );
- // Deprecated
- const viewportResolution = /*@__PURE__*/ ( Fn( () => { // @deprecated, r169
- console.warn( 'TSL.ViewportNode: "viewportResolution" is deprecated. Use "screenSize" instead.' );
- return screenSize;
- }, 'vec2' ).once() )();
- const viewportTopLeft = /*@__PURE__*/ ( Fn( () => { // @deprecated, r168
- console.warn( 'TSL.ViewportNode: "viewportTopLeft" is deprecated. Use "screenUV" instead.' );
- return screenUV;
- }, 'vec2' ).once() )();
- const viewportBottomLeft = /*@__PURE__*/ ( Fn( () => { // @deprecated, r168
- console.warn( 'TSL.ViewportNode: "viewportBottomLeft" is deprecated. Use "screenUV.flipY()" instead.' );
- return screenUV.flipY();
- }, 'vec2' ).once() )();
- const _size$4 = /*@__PURE__*/ new Vector2();
- class ViewportTextureNode extends TextureNode {
- static get type() {
- return 'ViewportTextureNode';
- }
- constructor( uvNode = screenUV, levelNode = null, framebufferTexture = null ) {
- if ( framebufferTexture === null ) {
- framebufferTexture = new FramebufferTexture();
- framebufferTexture.minFilter = LinearMipmapLinearFilter;
- }
- super( framebufferTexture, uvNode, levelNode );
- this.generateMipmaps = false;
- this.isOutputTextureNode = true;
- this.updateBeforeType = NodeUpdateType.FRAME;
- }
- updateBefore( frame ) {
- const renderer = frame.renderer;
- renderer.getDrawingBufferSize( _size$4 );
- //
- const framebufferTexture = this.value;
- if ( framebufferTexture.image.width !== _size$4.width || framebufferTexture.image.height !== _size$4.height ) {
- framebufferTexture.image.width = _size$4.width;
- framebufferTexture.image.height = _size$4.height;
- framebufferTexture.needsUpdate = true;
- }
- //
- const currentGenerateMipmaps = framebufferTexture.generateMipmaps;
- framebufferTexture.generateMipmaps = this.generateMipmaps;
- renderer.copyFramebufferToTexture( framebufferTexture );
- framebufferTexture.generateMipmaps = currentGenerateMipmaps;
- }
- clone() {
- const viewportTextureNode = new this.constructor( this.uvNode, this.levelNode, this.value );
- viewportTextureNode.generateMipmaps = this.generateMipmaps;
- return viewportTextureNode;
- }
- }
- const viewportTexture = /*@__PURE__*/ nodeProxy( ViewportTextureNode );
- const viewportMipTexture = /*@__PURE__*/ nodeProxy( ViewportTextureNode, null, null, { generateMipmaps: true } );
- let sharedDepthbuffer = null;
- class ViewportDepthTextureNode extends ViewportTextureNode {
- static get type() {
- return 'ViewportDepthTextureNode';
- }
- constructor( uvNode = screenUV, levelNode = null ) {
- if ( sharedDepthbuffer === null ) {
- sharedDepthbuffer = new DepthTexture();
- }
- super( uvNode, levelNode, sharedDepthbuffer );
- }
- }
- const viewportDepthTexture = /*@__PURE__*/ nodeProxy( ViewportDepthTextureNode );
- class ViewportDepthNode extends Node {
- static get type() {
- return 'ViewportDepthNode';
- }
- constructor( scope, valueNode = null ) {
- super( 'float' );
- this.scope = scope;
- this.valueNode = valueNode;
- this.isViewportDepthNode = true;
- }
- generate( builder ) {
- const { scope } = this;
- if ( scope === ViewportDepthNode.DEPTH_BASE ) {
- return builder.getFragDepth();
- }
- return super.generate( builder );
- }
- setup( { camera } ) {
- const { scope } = this;
- const value = this.valueNode;
- let node = null;
- if ( scope === ViewportDepthNode.DEPTH_BASE ) {
- if ( value !== null ) {
- node = depthBase().assign( value );
- }
- } else if ( scope === ViewportDepthNode.DEPTH ) {
- if ( camera.isPerspectiveCamera ) {
- node = viewZToPerspectiveDepth( positionView.z, cameraNear, cameraFar );
- } else {
- node = viewZToOrthographicDepth( positionView.z, cameraNear, cameraFar );
- }
- } else if ( scope === ViewportDepthNode.LINEAR_DEPTH ) {
- if ( value !== null ) {
- if ( camera.isPerspectiveCamera ) {
- const viewZ = perspectiveDepthToViewZ( value, cameraNear, cameraFar );
- node = viewZToOrthographicDepth( viewZ, cameraNear, cameraFar );
- } else {
- node = value;
- }
- } else {
- node = viewZToOrthographicDepth( positionView.z, cameraNear, cameraFar );
- }
- }
- return node;
- }
- }
- ViewportDepthNode.DEPTH_BASE = 'depthBase';
- ViewportDepthNode.DEPTH = 'depth';
- ViewportDepthNode.LINEAR_DEPTH = 'linearDepth';
- // NOTE: viewZ, the z-coordinate in camera space, is negative for points in front of the camera
- // -near maps to 0; -far maps to 1
- const viewZToOrthographicDepth = ( viewZ, near, far ) => viewZ.add( near ).div( near.sub( far ) );
- // maps orthographic depth in [ 0, 1 ] to viewZ
- const orthographicDepthToViewZ = ( depth, near, far ) => near.sub( far ).mul( depth ).sub( near );
- // NOTE: https://twitter.com/gonnavis/status/1377183786949959682
- // -near maps to 0; -far maps to 1
- const viewZToPerspectiveDepth = ( viewZ, near, far ) => near.add( viewZ ).mul( far ).div( far.sub( near ).mul( viewZ ) );
- // maps perspective depth in [ 0, 1 ] to viewZ
- const perspectiveDepthToViewZ = ( depth, near, far ) => near.mul( far ).div( far.sub( near ).mul( depth ).sub( far ) );
- const depthBase = /*@__PURE__*/ nodeProxy( ViewportDepthNode, ViewportDepthNode.DEPTH_BASE );
- const depth = /*@__PURE__*/ nodeImmutable( ViewportDepthNode, ViewportDepthNode.DEPTH );
- const linearDepth = /*@__PURE__*/ nodeProxy( ViewportDepthNode, ViewportDepthNode.LINEAR_DEPTH );
- const viewportLinearDepth = /*@__PURE__*/ linearDepth( viewportDepthTexture() );
- depth.assign = ( value ) => depthBase( value );
- class ClippingNode extends Node {
- static get type() {
- return 'ClippingNode';
- }
- constructor( scope = ClippingNode.DEFAULT ) {
- super();
- this.scope = scope;
- }
- setup( builder ) {
- super.setup( builder );
- const clippingContext = builder.clippingContext;
- const { localClipIntersection, localClippingCount, globalClippingCount } = clippingContext;
- const numClippingPlanes = globalClippingCount + localClippingCount;
- const numUnionClippingPlanes = localClipIntersection ? numClippingPlanes - localClippingCount : numClippingPlanes;
- if ( this.scope === ClippingNode.ALPHA_TO_COVERAGE ) {
- return this.setupAlphaToCoverage( clippingContext.planes, numClippingPlanes, numUnionClippingPlanes );
- } else {
- return this.setupDefault( clippingContext.planes, numClippingPlanes, numUnionClippingPlanes );
- }
- }
- setupAlphaToCoverage( planes, numClippingPlanes, numUnionClippingPlanes ) {
- return Fn( () => {
- const clippingPlanes = uniformArray( planes );
- const distanceToPlane = property( 'float', 'distanceToPlane' );
- const distanceGradient = property( 'float', 'distanceToGradient' );
- const clipOpacity = property( 'float', 'clipOpacity' );
- clipOpacity.assign( 1 );
- let plane;
- Loop( numUnionClippingPlanes, ( { i } ) => {
- plane = clippingPlanes.element( i );
- distanceToPlane.assign( positionView.dot( plane.xyz ).negate().add( plane.w ) );
- distanceGradient.assign( distanceToPlane.fwidth().div( 2.0 ) );
- clipOpacity.mulAssign( smoothstep( distanceGradient.negate(), distanceGradient, distanceToPlane ) );
- clipOpacity.equal( 0.0 ).discard();
- } );
- if ( numUnionClippingPlanes < numClippingPlanes ) {
- const unionClipOpacity = property( 'float', 'unionclipOpacity' );
- unionClipOpacity.assign( 1 );
- Loop( { start: numUnionClippingPlanes, end: numClippingPlanes }, ( { i } ) => {
- plane = clippingPlanes.element( i );
- distanceToPlane.assign( positionView.dot( plane.xyz ).negate().add( plane.w ) );
- distanceGradient.assign( distanceToPlane.fwidth().div( 2.0 ) );
- unionClipOpacity.mulAssign( smoothstep( distanceGradient.negate(), distanceGradient, distanceToPlane ).oneMinus() );
- } );
- clipOpacity.mulAssign( unionClipOpacity.oneMinus() );
- }
- diffuseColor.a.mulAssign( clipOpacity );
- diffuseColor.a.equal( 0.0 ).discard();
- } )();
- }
- setupDefault( planes, numClippingPlanes, numUnionClippingPlanes ) {
- return Fn( () => {
- const clippingPlanes = uniformArray( planes );
- let plane;
- Loop( numUnionClippingPlanes, ( { i } ) => {
- plane = clippingPlanes.element( i );
- positionView.dot( plane.xyz ).greaterThan( plane.w ).discard();
- } );
- if ( numUnionClippingPlanes < numClippingPlanes ) {
- const clipped = property( 'bool', 'clipped' );
- clipped.assign( true );
- Loop( { start: numUnionClippingPlanes, end: numClippingPlanes }, ( { i } ) => {
- plane = clippingPlanes.element( i );
- clipped.assign( positionView.dot( plane.xyz ).greaterThan( plane.w ).and( clipped ) );
- } );
- clipped.discard();
- }
- } )();
- }
- }
- ClippingNode.ALPHA_TO_COVERAGE = 'alphaToCoverage';
- ClippingNode.DEFAULT = 'default';
- const clipping = () => nodeObject( new ClippingNode() );
- const clippingAlpha = () => nodeObject( new ClippingNode( ClippingNode.ALPHA_TO_COVERAGE ) );
- class NodeMaterial extends Material {
- static get type() {
- return 'NodeMaterial';
- }
- constructor() {
- super();
- this.isNodeMaterial = true;
- this.type = this.constructor.type;
- this.forceSinglePass = false;
- this.fog = true;
- this.lights = false;
- this.lightsNode = null;
- this.envNode = null;
- this.aoNode = null;
- this.colorNode = null;
- this.normalNode = null;
- this.opacityNode = null;
- this.backdropNode = null;
- this.backdropAlphaNode = null;
- this.alphaTestNode = null;
- this.positionNode = null;
- this.depthNode = null;
- this.shadowNode = null;
- this.shadowPositionNode = null;
- this.outputNode = null;
- this.mrtNode = null;
- this.fragmentNode = null;
- this.vertexNode = null;
- }
- customProgramCacheKey() {
- return this.type + getCacheKey$1( this );
- }
- build( builder ) {
- this.setup( builder );
- }
- setupObserver( builder ) {
- return new NodeMaterialObserver( builder );
- }
- setup( builder ) {
- builder.context.setupNormal = () => this.setupNormal( builder );
- // < VERTEX STAGE >
- builder.addStack();
- builder.stack.outputNode = this.vertexNode || this.setupPosition( builder );
- builder.addFlow( 'vertex', builder.removeStack() );
- // < FRAGMENT STAGE >
- builder.addStack();
- let resultNode;
- const clippingNode = this.setupClipping( builder );
- if ( this.depthWrite === true ) this.setupDepth( builder );
- if ( this.fragmentNode === null ) {
- this.setupDiffuseColor( builder );
- this.setupVariants( builder );
- const outgoingLightNode = this.setupLighting( builder );
- if ( clippingNode !== null ) builder.stack.add( clippingNode );
- // force unsigned floats - useful for RenderTargets
- const basicOutput = vec4( outgoingLightNode, diffuseColor.a ).max( 0 );
- resultNode = this.setupOutput( builder, basicOutput );
- // OUTPUT NODE
- output.assign( resultNode );
- //
- if ( this.outputNode !== null ) resultNode = this.outputNode;
- // MRT
- const renderTarget = builder.renderer.getRenderTarget();
- if ( renderTarget !== null ) {
- const mrt = builder.renderer.getMRT();
- const materialMRT = this.mrtNode;
- if ( mrt !== null ) {
- resultNode = mrt;
- if ( materialMRT !== null ) {
- resultNode = mrt.merge( materialMRT );
- }
- } else if ( materialMRT !== null ) {
- resultNode = materialMRT;
- }
- }
- } else {
- let fragmentNode = this.fragmentNode;
- if ( fragmentNode.isOutputStructNode !== true ) {
- fragmentNode = vec4( fragmentNode );
- }
- resultNode = this.setupOutput( builder, fragmentNode );
- }
- builder.stack.outputNode = resultNode;
- builder.addFlow( 'fragment', builder.removeStack() );
- // < MONITOR >
- builder.monitor = this.setupObserver( builder );
- }
- setupClipping( builder ) {
- if ( builder.clippingContext === null ) return null;
- const { globalClippingCount, localClippingCount } = builder.clippingContext;
- let result = null;
- if ( globalClippingCount || localClippingCount ) {
- const samples = builder.renderer.samples;
- if ( this.alphaToCoverage && samples > 1 ) {
- // to be added to flow when the color/alpha value has been determined
- result = clippingAlpha();
- } else {
- builder.stack.add( clipping() );
- }
- }
- return result;
- }
- setupDepth( builder ) {
- const { renderer } = builder;
- // Depth
- let depthNode = this.depthNode;
- if ( depthNode === null ) {
- const mrt = renderer.getMRT();
- if ( mrt && mrt.has( 'depth' ) ) {
- depthNode = mrt.get( 'depth' );
- } else if ( renderer.logarithmicDepthBuffer === true ) {
- const fragDepth = modelViewProjection().w.add( 1 );
- depthNode = fragDepth.log2().mul( cameraLogDepth ).mul( 0.5 );
- }
- }
- if ( depthNode !== null ) {
- depth.assign( depthNode ).append();
- }
- }
- setupPosition( builder ) {
- const { object } = builder;
- const geometry = object.geometry;
- builder.addStack();
- // Vertex
- if ( geometry.morphAttributes.position || geometry.morphAttributes.normal || geometry.morphAttributes.color ) {
- morphReference( object ).append();
- }
- if ( object.isSkinnedMesh === true ) {
- skinningReference( object ).append();
- }
- if ( this.displacementMap ) {
- const displacementMap = materialReference( 'displacementMap', 'texture' );
- const displacementScale = materialReference( 'displacementScale', 'float' );
- const displacementBias = materialReference( 'displacementBias', 'float' );
- positionLocal.addAssign( normalLocal.normalize().mul( ( displacementMap.x.mul( displacementScale ).add( displacementBias ) ) ) );
- }
- if ( object.isBatchedMesh ) {
- batch( object ).append();
- }
- if ( ( object.instanceMatrix && object.instanceMatrix.isInstancedBufferAttribute === true ) ) {
- instance( object ).append();
- }
- if ( this.positionNode !== null ) {
- positionLocal.assign( this.positionNode );
- }
- const mvp = modelViewProjection();
- builder.context.vertex = builder.removeStack();
- builder.context.mvp = mvp;
- return mvp;
- }
- setupDiffuseColor( { object, geometry } ) {
- let colorNode = this.colorNode ? vec4( this.colorNode ) : materialColor;
- // VERTEX COLORS
- if ( this.vertexColors === true && geometry.hasAttribute( 'color' ) ) {
- colorNode = vec4( colorNode.xyz.mul( attribute( 'color', 'vec3' ) ), colorNode.a );
- }
- // Instanced colors
- if ( object.instanceColor ) {
- const instanceColor = varyingProperty( 'vec3', 'vInstanceColor' );
- colorNode = instanceColor.mul( colorNode );
- }
- if ( object.isBatchedMesh && object._colorsTexture ) {
- const batchColor = varyingProperty( 'vec3', 'vBatchColor' );
- colorNode = batchColor.mul( colorNode );
- }
- // COLOR
- diffuseColor.assign( colorNode );
- // OPACITY
- const opacityNode = this.opacityNode ? float( this.opacityNode ) : materialOpacity;
- diffuseColor.a.assign( diffuseColor.a.mul( opacityNode ) );
- // ALPHA TEST
- if ( this.alphaTestNode !== null || this.alphaTest > 0 ) {
- const alphaTestNode = this.alphaTestNode !== null ? float( this.alphaTestNode ) : materialAlphaTest;
- diffuseColor.a.lessThanEqual( alphaTestNode ).discard();
- }
- if ( this.transparent === false && this.blending === NormalBlending && this.alphaToCoverage === false ) {
- diffuseColor.a.assign( 1.0 );
- }
- }
- setupVariants( /*builder*/ ) {
- // Interface function.
- }
- setupOutgoingLight() {
- return ( this.lights === true ) ? vec3( 0 ) : diffuseColor.rgb;
- }
- setupNormal() {
- return this.normalNode ? vec3( this.normalNode ) : materialNormal;
- }
- setupEnvironment( /*builder*/ ) {
- let node = null;
- if ( this.envNode ) {
- node = this.envNode;
- } else if ( this.envMap ) {
- node = this.envMap.isCubeTexture ? materialReference( 'envMap', 'cubeTexture' ) : materialReference( 'envMap', 'texture' );
- }
- return node;
- }
- setupLightMap( builder ) {
- let node = null;
- if ( builder.material.lightMap ) {
- node = new IrradianceNode( materialLightMap );
- }
- return node;
- }
- setupLights( builder ) {
- const materialLightsNode = [];
- //
- const envNode = this.setupEnvironment( builder );
- if ( envNode && envNode.isLightingNode ) {
- materialLightsNode.push( envNode );
- }
- const lightMapNode = this.setupLightMap( builder );
- if ( lightMapNode && lightMapNode.isLightingNode ) {
- materialLightsNode.push( lightMapNode );
- }
- if ( this.aoNode !== null || builder.material.aoMap ) {
- const aoNode = this.aoNode !== null ? this.aoNode : materialAOMap;
- materialLightsNode.push( new AONode( aoNode ) );
- }
- let lightsN = this.lightsNode || builder.lightsNode;
- if ( materialLightsNode.length > 0 ) {
- lightsN = lights( [ ...lightsN.getLights(), ...materialLightsNode ] );
- }
- return lightsN;
- }
- setupLightingModel( /*builder*/ ) {
- // Interface function.
- }
- setupLighting( builder ) {
- const { material } = builder;
- const { backdropNode, backdropAlphaNode, emissiveNode } = this;
- // OUTGOING LIGHT
- const lights = this.lights === true || this.lightsNode !== null;
- const lightsNode = lights ? this.setupLights( builder ) : null;
- let outgoingLightNode = this.setupOutgoingLight( builder );
- if ( lightsNode && lightsNode.getScope().getLights().length > 0 ) {
- const lightingModel = this.setupLightingModel( builder );
- outgoingLightNode = lightingContext( lightsNode, lightingModel, backdropNode, backdropAlphaNode );
- } else if ( backdropNode !== null ) {
- outgoingLightNode = vec3( backdropAlphaNode !== null ? mix( outgoingLightNode, backdropNode, backdropAlphaNode ) : backdropNode );
- }
- // EMISSIVE
- if ( ( emissiveNode && emissiveNode.isNode === true ) || ( material.emissive && material.emissive.isColor === true ) ) {
- emissive.assign( vec3( emissiveNode ? emissiveNode : materialEmissive ) );
- outgoingLightNode = outgoingLightNode.add( emissive );
- }
- return outgoingLightNode;
- }
- setupOutput( builder, outputNode ) {
- // FOG
- if ( this.fog === true ) {
- const fogNode = builder.fogNode;
- if ( fogNode ) outputNode = vec4( fogNode.mix( outputNode.rgb, fogNode.colorNode ), outputNode.a );
- }
- return outputNode;
- }
- setDefaultValues( material ) {
- // This approach is to reuse the native refreshUniforms*
- // and turn available the use of features like transmission and environment in core
- for ( const property in material ) {
- const value = material[ property ];
- if ( this[ property ] === undefined ) {
- this[ property ] = value;
- if ( value && value.clone ) this[ property ] = value.clone();
- }
- }
- const descriptors = Object.getOwnPropertyDescriptors( material.constructor.prototype );
- for ( const key in descriptors ) {
- if ( Object.getOwnPropertyDescriptor( this.constructor.prototype, key ) === undefined &&
- descriptors[ key ].get !== undefined ) {
- Object.defineProperty( this.constructor.prototype, key, descriptors[ key ] );
- }
- }
- }
- toJSON( meta ) {
- const isRoot = ( meta === undefined || typeof meta === 'string' );
- if ( isRoot ) {
- meta = {
- textures: {},
- images: {},
- nodes: {}
- };
- }
- const data = Material.prototype.toJSON.call( this, meta );
- const nodeChildren = getNodeChildren( this );
- data.inputNodes = {};
- for ( const { property, childNode } of nodeChildren ) {
- data.inputNodes[ property ] = childNode.toJSON( meta ).uuid;
- }
- // TODO: Copied from Object3D.toJSON
- function extractFromCache( cache ) {
- const values = [];
- for ( const key in cache ) {
- const data = cache[ key ];
- delete data.metadata;
- values.push( data );
- }
- return values;
- }
- if ( isRoot ) {
- const textures = extractFromCache( meta.textures );
- const images = extractFromCache( meta.images );
- const nodes = extractFromCache( meta.nodes );
- if ( textures.length > 0 ) data.textures = textures;
- if ( images.length > 0 ) data.images = images;
- if ( nodes.length > 0 ) data.nodes = nodes;
- }
- return data;
- }
- copy( source ) {
- this.lightsNode = source.lightsNode;
- this.envNode = source.envNode;
- this.colorNode = source.colorNode;
- this.normalNode = source.normalNode;
- this.opacityNode = source.opacityNode;
- this.backdropNode = source.backdropNode;
- this.backdropAlphaNode = source.backdropAlphaNode;
- this.alphaTestNode = source.alphaTestNode;
- this.positionNode = source.positionNode;
- this.depthNode = source.depthNode;
- this.shadowNode = source.shadowNode;
- this.shadowPositionNode = source.shadowPositionNode;
- this.outputNode = source.outputNode;
- this.mrtNode = source.mrtNode;
- this.fragmentNode = source.fragmentNode;
- this.vertexNode = source.vertexNode;
- return super.copy( source );
- }
- }
- const _defaultValues$e = /*@__PURE__*/ new PointsMaterial();
- class InstancedPointsNodeMaterial extends NodeMaterial {
- static get type() {
- return 'InstancedPointsNodeMaterial';
- }
- constructor( params = {} ) {
- super();
- this.lights = false;
- this.useAlphaToCoverage = true;
- this.useColor = params.vertexColors;
- this.pointWidth = 1;
- this.pointColorNode = null;
- this.pointWidthNode = null;
- this.setDefaultValues( _defaultValues$e );
- this.setValues( params );
- }
- setup( builder ) {
- this.setupShaders( builder );
- super.setup( builder );
- }
- setupShaders( { renderer } ) {
- const useAlphaToCoverage = this.alphaToCoverage;
- const useColor = this.useColor;
- this.vertexNode = Fn( () => {
- const instancePosition = attribute( 'instancePosition' ).xyz;
- // camera space
- const mvPos = vec4( modelViewMatrix.mul( vec4( instancePosition, 1.0 ) ) );
- const aspect = viewport.z.div( viewport.w );
- // clip space
- const clipPos = cameraProjectionMatrix.mul( mvPos );
- // offset in ndc space
- const offset = positionGeometry.xy.toVar();
- offset.mulAssign( this.pointWidthNode ? this.pointWidthNode : materialPointWidth );
- offset.assign( offset.div( viewport.z ) );
- offset.y.assign( offset.y.mul( aspect ) );
- // back to clip space
- offset.assign( offset.mul( clipPos.w ) );
- //clipPos.xy += offset;
- clipPos.addAssign( vec4( offset, 0, 0 ) );
- return clipPos;
- } )();
- this.fragmentNode = Fn( () => {
- const alpha = float( 1 ).toVar();
- const len2 = lengthSq( uv().mul( 2 ).sub( 1 ) );
- if ( useAlphaToCoverage && renderer.samples > 1 ) {
- const dlen = float( len2.fwidth() ).toVar();
- alpha.assign( smoothstep( dlen.oneMinus(), dlen.add( 1 ), len2 ).oneMinus() );
- } else {
- len2.greaterThan( 1.0 ).discard();
- }
- let pointColorNode;
- if ( this.pointColorNode ) {
- pointColorNode = this.pointColorNode;
- } else {
- if ( useColor ) {
- const instanceColor = attribute( 'instanceColor' );
- pointColorNode = instanceColor.mul( materialColor );
- } else {
- pointColorNode = materialColor;
- }
- }
- alpha.mulAssign( materialOpacity );
- return vec4( pointColorNode, alpha );
- } )();
- }
- get alphaToCoverage() {
- return this.useAlphaToCoverage;
- }
- set alphaToCoverage( value ) {
- if ( this.useAlphaToCoverage !== value ) {
- this.useAlphaToCoverage = value;
- this.needsUpdate = true;
- }
- }
- }
- const _defaultValues$d = /*@__PURE__*/ new LineBasicMaterial();
- class LineBasicNodeMaterial extends NodeMaterial {
- static get type() {
- return 'LineBasicNodeMaterial';
- }
- constructor( parameters ) {
- super();
- this.isLineBasicNodeMaterial = true;
- this.lights = false;
- this.setDefaultValues( _defaultValues$d );
- this.setValues( parameters );
- }
- }
- const _defaultValues$c = /*@__PURE__*/ new LineDashedMaterial();
- class LineDashedNodeMaterial extends NodeMaterial {
- static get type() {
- return 'LineDashedNodeMaterial';
- }
- constructor( parameters ) {
- super();
- this.isLineDashedNodeMaterial = true;
- this.lights = false;
- this.setDefaultValues( _defaultValues$c );
- this.offsetNode = null;
- this.dashScaleNode = null;
- this.dashSizeNode = null;
- this.gapSizeNode = null;
- this.setValues( parameters );
- }
- setupVariants() {
- const offsetNode = this.offsetNode;
- const dashScaleNode = this.dashScaleNode ? float( this.dashScaleNode ) : materialLineScale;
- const dashSizeNode = this.dashSizeNode ? float( this.dashSizeNode ) : materialLineDashSize;
- const gapSizeNode = this.dashSizeNode ? float( this.dashGapNode ) : materialLineGapSize;
- dashSize.assign( dashSizeNode );
- gapSize.assign( gapSizeNode );
- const vLineDistance = varying( attribute( 'lineDistance' ).mul( dashScaleNode ) );
- const vLineDistanceOffset = offsetNode ? vLineDistance.add( offsetNode ) : vLineDistance;
- vLineDistanceOffset.mod( dashSize.add( gapSize ) ).greaterThan( dashSize ).discard();
- }
- }
- const _defaultValues$b = /*@__PURE__*/ new LineDashedMaterial();
- class Line2NodeMaterial extends NodeMaterial {
- static get type() {
- return 'Line2NodeMaterial';
- }
- constructor( params = {} ) {
- super();
- this.lights = false;
- this.setDefaultValues( _defaultValues$b );
- this.useAlphaToCoverage = true;
- this.useColor = params.vertexColors;
- this.useDash = params.dashed;
- this.useWorldUnits = false;
- this.dashOffset = 0;
- this.lineWidth = 1;
- this.lineColorNode = null;
- this.offsetNode = null;
- this.dashScaleNode = null;
- this.dashSizeNode = null;
- this.gapSizeNode = null;
- this.setValues( params );
- }
- setup( builder ) {
- this.setupShaders( builder );
- super.setup( builder );
- }
- setupShaders( { renderer } ) {
- const useAlphaToCoverage = this.alphaToCoverage;
- const useColor = this.useColor;
- const useDash = this.dashed;
- const useWorldUnits = this.worldUnits;
- const trimSegment = Fn( ( { start, end } ) => {
- const a = cameraProjectionMatrix.element( 2 ).element( 2 ); // 3nd entry in 3th column
- const b = cameraProjectionMatrix.element( 3 ).element( 2 ); // 3nd entry in 4th column
- const nearEstimate = b.mul( - 0.5 ).div( a );
- const alpha = nearEstimate.sub( start.z ).div( end.z.sub( start.z ) );
- return vec4( mix( start.xyz, end.xyz, alpha ), end.w );
- } ).setLayout( {
- name: 'trimSegment',
- type: 'vec4',
- inputs: [
- { name: 'start', type: 'vec4' },
- { name: 'end', type: 'vec4' }
- ]
- } );
- this.vertexNode = Fn( () => {
- const instanceStart = attribute( 'instanceStart' );
- const instanceEnd = attribute( 'instanceEnd' );
- // camera space
- const start = vec4( modelViewMatrix.mul( vec4( instanceStart, 1.0 ) ) ).toVar( 'start' );
- const end = vec4( modelViewMatrix.mul( vec4( instanceEnd, 1.0 ) ) ).toVar( 'end' );
- if ( useWorldUnits ) {
- varyingProperty( 'vec3', 'worldStart' ).assign( start.xyz );
- varyingProperty( 'vec3', 'worldEnd' ).assign( end.xyz );
- }
- const aspect = viewport.z.div( viewport.w );
- // special case for perspective projection, and segments that terminate either in, or behind, the camera plane
- // clearly the gpu firmware has a way of addressing this issue when projecting into ndc space
- // but we need to perform ndc-space calculations in the shader, so we must address this issue directly
- // perhaps there is a more elegant solution -- WestLangley
- const perspective = cameraProjectionMatrix.element( 2 ).element( 3 ).equal( - 1.0 ); // 4th entry in the 3rd column
- If( perspective, () => {
- If( start.z.lessThan( 0.0 ).and( end.z.greaterThan( 0.0 ) ), () => {
- end.assign( trimSegment( { start: start, end: end } ) );
- } ).ElseIf( end.z.lessThan( 0.0 ).and( start.z.greaterThanEqual( 0.0 ) ), () => {
- start.assign( trimSegment( { start: end, end: start } ) );
- } );
- } );
- // clip space
- const clipStart = cameraProjectionMatrix.mul( start );
- const clipEnd = cameraProjectionMatrix.mul( end );
- // ndc space
- const ndcStart = clipStart.xyz.div( clipStart.w );
- const ndcEnd = clipEnd.xyz.div( clipEnd.w );
- // direction
- const dir = ndcEnd.xy.sub( ndcStart.xy ).toVar();
- // account for clip-space aspect ratio
- dir.x.assign( dir.x.mul( aspect ) );
- dir.assign( dir.normalize() );
- const clip = vec4().toVar();
- if ( useWorldUnits ) {
- // get the offset direction as perpendicular to the view vector
- const worldDir = end.xyz.sub( start.xyz ).normalize();
- const tmpFwd = mix( start.xyz, end.xyz, 0.5 ).normalize();
- const worldUp = worldDir.cross( tmpFwd ).normalize();
- const worldFwd = worldDir.cross( worldUp );
- const worldPos = varyingProperty( 'vec4', 'worldPos' );
- worldPos.assign( positionGeometry.y.lessThan( 0.5 ).select( start, end ) );
- // height offset
- const hw = materialLineWidth.mul( 0.5 );
- worldPos.addAssign( vec4( positionGeometry.x.lessThan( 0.0 ).select( worldUp.mul( hw ), worldUp.mul( hw ).negate() ), 0 ) );
- // don't extend the line if we're rendering dashes because we
- // won't be rendering the endcaps
- if ( ! useDash ) {
- // cap extension
- worldPos.addAssign( vec4( positionGeometry.y.lessThan( 0.5 ).select( worldDir.mul( hw ).negate(), worldDir.mul( hw ) ), 0 ) );
- // add width to the box
- worldPos.addAssign( vec4( worldFwd.mul( hw ), 0 ) );
- // endcaps
- If( positionGeometry.y.greaterThan( 1.0 ).or( positionGeometry.y.lessThan( 0.0 ) ), () => {
- worldPos.subAssign( vec4( worldFwd.mul( 2.0 ).mul( hw ), 0 ) );
- } );
- }
- // project the worldpos
- clip.assign( cameraProjectionMatrix.mul( worldPos ) );
- // shift the depth of the projected points so the line
- // segments overlap neatly
- const clipPose = vec3().toVar();
- clipPose.assign( positionGeometry.y.lessThan( 0.5 ).select( ndcStart, ndcEnd ) );
- clip.z.assign( clipPose.z.mul( clip.w ) );
- } else {
- const offset = vec2( dir.y, dir.x.negate() ).toVar( 'offset' );
- // undo aspect ratio adjustment
- dir.x.assign( dir.x.div( aspect ) );
- offset.x.assign( offset.x.div( aspect ) );
- // sign flip
- offset.assign( positionGeometry.x.lessThan( 0.0 ).select( offset.negate(), offset ) );
- // endcaps
- If( positionGeometry.y.lessThan( 0.0 ), () => {
- offset.assign( offset.sub( dir ) );
- } ).ElseIf( positionGeometry.y.greaterThan( 1.0 ), () => {
- offset.assign( offset.add( dir ) );
- } );
- // adjust for linewidth
- offset.assign( offset.mul( materialLineWidth ) );
- // adjust for clip-space to screen-space conversion // maybe resolution should be based on viewport ...
- offset.assign( offset.div( viewport.w ) );
- // select end
- clip.assign( positionGeometry.y.lessThan( 0.5 ).select( clipStart, clipEnd ) );
- // back to clip space
- offset.assign( offset.mul( clip.w ) );
- clip.assign( clip.add( vec4( offset, 0, 0 ) ) );
- }
- return clip;
- } )();
- const closestLineToLine = Fn( ( { p1, p2, p3, p4 } ) => {
- const p13 = p1.sub( p3 );
- const p43 = p4.sub( p3 );
- const p21 = p2.sub( p1 );
- const d1343 = p13.dot( p43 );
- const d4321 = p43.dot( p21 );
- const d1321 = p13.dot( p21 );
- const d4343 = p43.dot( p43 );
- const d2121 = p21.dot( p21 );
- const denom = d2121.mul( d4343 ).sub( d4321.mul( d4321 ) );
- const numer = d1343.mul( d4321 ).sub( d1321.mul( d4343 ) );
- const mua = numer.div( denom ).clamp();
- const mub = d1343.add( d4321.mul( mua ) ).div( d4343 ).clamp();
- return vec2( mua, mub );
- } );
- this.fragmentNode = Fn( () => {
- const vUv = uv();
- if ( useDash ) {
- const offsetNode = this.offsetNode ? float( this.offsetNodeNode ) : materialLineDashOffset;
- const dashScaleNode = this.dashScaleNode ? float( this.dashScaleNode ) : materialLineScale;
- const dashSizeNode = this.dashSizeNode ? float( this.dashSizeNode ) : materialLineDashSize;
- const gapSizeNode = this.dashSizeNode ? float( this.dashGapNode ) : materialLineGapSize;
- dashSize.assign( dashSizeNode );
- gapSize.assign( gapSizeNode );
- const instanceDistanceStart = attribute( 'instanceDistanceStart' );
- const instanceDistanceEnd = attribute( 'instanceDistanceEnd' );
- const lineDistance = positionGeometry.y.lessThan( 0.5 ).select( dashScaleNode.mul( instanceDistanceStart ), materialLineScale.mul( instanceDistanceEnd ) );
- const vLineDistance = varying( lineDistance.add( materialLineDashOffset ) );
- const vLineDistanceOffset = offsetNode ? vLineDistance.add( offsetNode ) : vLineDistance;
- vUv.y.lessThan( - 1.0 ).or( vUv.y.greaterThan( 1.0 ) ).discard(); // discard endcaps
- vLineDistanceOffset.mod( dashSize.add( gapSize ) ).greaterThan( dashSize ).discard(); // todo - FIX
- }
- const alpha = float( 1 ).toVar( 'alpha' );
- if ( useWorldUnits ) {
- const worldStart = varyingProperty( 'vec3', 'worldStart' );
- const worldEnd = varyingProperty( 'vec3', 'worldEnd' );
- // Find the closest points on the view ray and the line segment
- const rayEnd = varyingProperty( 'vec4', 'worldPos' ).xyz.normalize().mul( 1e5 );
- const lineDir = worldEnd.sub( worldStart );
- const params = closestLineToLine( { p1: worldStart, p2: worldEnd, p3: vec3( 0.0, 0.0, 0.0 ), p4: rayEnd } );
- const p1 = worldStart.add( lineDir.mul( params.x ) );
- const p2 = rayEnd.mul( params.y );
- const delta = p1.sub( p2 );
- const len = delta.length();
- const norm = len.div( materialLineWidth );
- if ( ! useDash ) {
- if ( useAlphaToCoverage && renderer.samples > 1 ) {
- const dnorm = norm.fwidth();
- alpha.assign( smoothstep( dnorm.negate().add( 0.5 ), dnorm.add( 0.5 ), norm ).oneMinus() );
- } else {
- norm.greaterThan( 0.5 ).discard();
- }
- }
- } else {
- // round endcaps
- if ( useAlphaToCoverage && renderer.samples > 1 ) {
- const a = vUv.x;
- const b = vUv.y.greaterThan( 0.0 ).select( vUv.y.sub( 1.0 ), vUv.y.add( 1.0 ) );
- const len2 = a.mul( a ).add( b.mul( b ) );
- const dlen = float( len2.fwidth() ).toVar( 'dlen' );
- If( vUv.y.abs().greaterThan( 1.0 ), () => {
- alpha.assign( smoothstep( dlen.oneMinus(), dlen.add( 1 ), len2 ).oneMinus() );
- } );
- } else {
- If( vUv.y.abs().greaterThan( 1.0 ), () => {
- const a = vUv.x;
- const b = vUv.y.greaterThan( 0.0 ).select( vUv.y.sub( 1.0 ), vUv.y.add( 1.0 ) );
- const len2 = a.mul( a ).add( b.mul( b ) );
- len2.greaterThan( 1.0 ).discard();
- } );
- }
- }
- let lineColorNode;
- if ( this.lineColorNode ) {
- lineColorNode = this.lineColorNode;
- } else {
- if ( useColor ) {
- const instanceColorStart = attribute( 'instanceColorStart' );
- const instanceColorEnd = attribute( 'instanceColorEnd' );
- const instanceColor = positionGeometry.y.lessThan( 0.5 ).select( instanceColorStart, instanceColorEnd );
- lineColorNode = instanceColor.mul( materialColor );
- } else {
- lineColorNode = materialColor;
- }
- }
- return vec4( lineColorNode, alpha );
- } )();
- }
- get worldUnits() {
- return this.useWorldUnits;
- }
- set worldUnits( value ) {
- if ( this.useWorldUnits !== value ) {
- this.useWorldUnits = value;
- this.needsUpdate = true;
- }
- }
- get dashed() {
- return this.useDash;
- }
- set dashed( value ) {
- if ( this.useDash !== value ) {
- this.useDash = value;
- this.needsUpdate = true;
- }
- }
- get alphaToCoverage() {
- return this.useAlphaToCoverage;
- }
- set alphaToCoverage( value ) {
- if ( this.useAlphaToCoverage !== value ) {
- this.useAlphaToCoverage = value;
- this.needsUpdate = true;
- }
- }
- }
- const directionToColor = ( node ) => nodeObject( node ).mul( 0.5 ).add( 0.5 );
- const colorToDirection = ( node ) => nodeObject( node ).mul( 2.0 ).sub( 1 );
- const _defaultValues$a = /*@__PURE__*/ new MeshNormalMaterial();
- class MeshNormalNodeMaterial extends NodeMaterial {
- static get type() {
- return 'MeshNormalNodeMaterial';
- }
- constructor( parameters ) {
- super();
- this.lights = false;
- this.isMeshNormalNodeMaterial = true;
- this.setDefaultValues( _defaultValues$a );
- this.setValues( parameters );
- }
- setupDiffuseColor() {
- const opacityNode = this.opacityNode ? float( this.opacityNode ) : materialOpacity;
- diffuseColor.assign( vec4( directionToColor( transformedNormalView ), opacityNode ) );
- }
- }
- class EquirectUVNode extends TempNode {
- static get type() {
- return 'EquirectUVNode';
- }
- constructor( dirNode = positionWorldDirection ) {
- super( 'vec2' );
- this.dirNode = dirNode;
- }
- setup() {
- const dir = this.dirNode;
- const u = dir.z.atan2( dir.x ).mul( 1 / ( Math.PI * 2 ) ).add( 0.5 );
- const v = dir.y.clamp( - 1.0, 1.0 ).asin().mul( 1 / Math.PI ).add( 0.5 );
- return vec2( u, v );
- }
- }
- const equirectUV = /*@__PURE__*/ nodeProxy( EquirectUVNode );
- // @TODO: Consider rename WebGLCubeRenderTarget to just CubeRenderTarget
- class CubeRenderTarget extends WebGLCubeRenderTarget {
- constructor( size = 1, options = {} ) {
- super( size, options );
- this.isCubeRenderTarget = true;
- }
- fromEquirectangularTexture( renderer, texture$1 ) {
- const currentMinFilter = texture$1.minFilter;
- const currentGenerateMipmaps = texture$1.generateMipmaps;
- texture$1.generateMipmaps = true;
- this.texture.type = texture$1.type;
- this.texture.colorSpace = texture$1.colorSpace;
- this.texture.generateMipmaps = texture$1.generateMipmaps;
- this.texture.minFilter = texture$1.minFilter;
- this.texture.magFilter = texture$1.magFilter;
- const geometry = new BoxGeometry( 5, 5, 5 );
- const uvNode = equirectUV( positionWorldDirection );
- const material = new NodeMaterial();
- material.colorNode = texture( texture$1, uvNode, 0 );
- material.side = BackSide;
- material.blending = NoBlending;
- const mesh = new Mesh( geometry, material );
- const scene = new Scene();
- scene.add( mesh );
- // Avoid blurred poles
- if ( texture$1.minFilter === LinearMipmapLinearFilter ) texture$1.minFilter = LinearFilter;
- const camera = new CubeCamera( 1, 10, this );
- const currentMRT = renderer.getMRT();
- renderer.setMRT( null );
- camera.update( renderer, scene );
- renderer.setMRT( currentMRT );
- texture$1.minFilter = currentMinFilter;
- texture$1.currentGenerateMipmaps = currentGenerateMipmaps;
- mesh.geometry.dispose();
- mesh.material.dispose();
- return this;
- }
- }
- const _cache$1 = new WeakMap();
- class CubeMapNode extends TempNode {
- static get type() {
- return 'CubeMapNode';
- }
- constructor( envNode ) {
- super( 'vec3' );
- this.envNode = envNode;
- this._cubeTexture = null;
- this._cubeTextureNode = cubeTexture();
- const defaultTexture = new CubeTexture();
- defaultTexture.isRenderTargetTexture = true;
- this._defaultTexture = defaultTexture;
- this.updateBeforeType = NodeUpdateType.RENDER;
- }
- updateBefore( frame ) {
- const { renderer, material } = frame;
- const envNode = this.envNode;
- if ( envNode.isTextureNode || envNode.isMaterialReferenceNode ) {
- const texture = ( envNode.isTextureNode ) ? envNode.value : material[ envNode.property ];
- if ( texture && texture.isTexture ) {
- const mapping = texture.mapping;
- if ( mapping === EquirectangularReflectionMapping || mapping === EquirectangularRefractionMapping ) {
- // check for converted cubemap map
- if ( _cache$1.has( texture ) ) {
- const cubeMap = _cache$1.get( texture );
- mapTextureMapping( cubeMap, texture.mapping );
- this._cubeTexture = cubeMap;
- } else {
- // create cube map from equirectangular map
- const image = texture.image;
- if ( isEquirectangularMapReady$1( image ) ) {
- const renderTarget = new CubeRenderTarget( image.height );
- renderTarget.fromEquirectangularTexture( renderer, texture );
- mapTextureMapping( renderTarget.texture, texture.mapping );
- this._cubeTexture = renderTarget.texture;
- _cache$1.set( texture, renderTarget.texture );
- texture.addEventListener( 'dispose', onTextureDispose );
- } else {
- // default cube texture as fallback when equirectangular texture is not yet loaded
- this._cubeTexture = this._defaultTexture;
- }
- }
- //
- this._cubeTextureNode.value = this._cubeTexture;
- } else {
- // envNode already refers to a cube map
- this._cubeTextureNode = this.envNode;
- }
- }
- }
- }
- setup( builder ) {
- this.updateBefore( builder );
- return this._cubeTextureNode;
- }
- }
- function isEquirectangularMapReady$1( image ) {
- if ( image === null || image === undefined ) return false;
- return image.height > 0;
- }
- function onTextureDispose( event ) {
- const texture = event.target;
- texture.removeEventListener( 'dispose', onTextureDispose );
- const renderTarget = _cache$1.get( texture );
- if ( renderTarget !== undefined ) {
- _cache$1.delete( texture );
- renderTarget.dispose();
- }
- }
- function mapTextureMapping( texture, mapping ) {
- if ( mapping === EquirectangularReflectionMapping ) {
- texture.mapping = CubeReflectionMapping;
- } else if ( mapping === EquirectangularRefractionMapping ) {
- texture.mapping = CubeRefractionMapping;
- }
- }
- const cubeMapNode = /*@__PURE__*/ nodeProxy( CubeMapNode );
- class BasicEnvironmentNode extends LightingNode {
- static get type() {
- return 'BasicEnvironmentNode';
- }
- constructor( envNode = null ) {
- super();
- this.envNode = envNode;
- }
- setup( builder ) {
- // environment property is used in the finish() method of BasicLightingModel
- builder.context.environment = cubeMapNode( this.envNode );
- }
- }
- class BasicLightMapNode extends LightingNode {
- static get type() {
- return 'BasicLightMapNode';
- }
- constructor( lightMapNode = null ) {
- super();
- this.lightMapNode = lightMapNode;
- }
- setup( builder ) {
- // irradianceLightMap property is used in the indirectDiffuse() method of BasicLightingModel
- const RECIPROCAL_PI = float( 1 / Math.PI );
- builder.context.irradianceLightMap = this.lightMapNode.mul( RECIPROCAL_PI );
- }
- }
- class LightingModel {
- start( /*input, stack, builder*/ ) { }
- finish( /*input, stack, builder*/ ) { }
- direct( /*input, stack, builder*/ ) { }
- directRectArea( /*input, stack, builder*/ ) {}
- indirect( /*input, stack, builder*/ ) { }
- ambientOcclusion( /*input, stack, builder*/ ) { }
- }
- class BasicLightingModel extends LightingModel {
- constructor() {
- super();
- }
- indirect( context, stack, builder ) {
- const ambientOcclusion = context.ambientOcclusion;
- const reflectedLight = context.reflectedLight;
- const irradianceLightMap = builder.context.irradianceLightMap;
- reflectedLight.indirectDiffuse.assign( vec4( 0.0 ) );
- // accumulation (baked indirect lighting only)
- if ( irradianceLightMap ) {
- reflectedLight.indirectDiffuse.addAssign( irradianceLightMap );
- } else {
- reflectedLight.indirectDiffuse.addAssign( vec4( 1.0, 1.0, 1.0, 0.0 ) );
- }
- // modulation
- reflectedLight.indirectDiffuse.mulAssign( ambientOcclusion );
- reflectedLight.indirectDiffuse.mulAssign( diffuseColor.rgb );
- }
- finish( context, stack, builder ) {
- const material = builder.material;
- const outgoingLight = context.outgoingLight;
- const envNode = builder.context.environment;
- if ( envNode ) {
- switch ( material.combine ) {
- case MultiplyOperation:
- outgoingLight.rgb.assign( mix( outgoingLight.rgb, outgoingLight.rgb.mul( envNode.rgb ), materialSpecularStrength.mul( materialReflectivity ) ) );
- break;
- case MixOperation:
- outgoingLight.rgb.assign( mix( outgoingLight.rgb, envNode.rgb, materialSpecularStrength.mul( materialReflectivity ) ) );
- break;
- case AddOperation:
- outgoingLight.rgb.addAssign( envNode.rgb.mul( materialSpecularStrength.mul( materialReflectivity ) ) );
- break;
- default:
- console.warn( 'THREE.BasicLightingModel: Unsupported .combine value:', material.combine );
- break;
- }
- }
- }
- }
- const _defaultValues$9 = /*@__PURE__*/ new MeshBasicMaterial();
- class MeshBasicNodeMaterial extends NodeMaterial {
- static get type() {
- return 'MeshBasicNodeMaterial';
- }
- constructor( parameters ) {
- super();
- this.isMeshBasicNodeMaterial = true;
- this.lights = true;
- this.setDefaultValues( _defaultValues$9 );
- this.setValues( parameters );
- }
- setupNormal() {
- return normalView; // see #28839
- }
- setupEnvironment( builder ) {
- const envNode = super.setupEnvironment( builder );
- return envNode ? new BasicEnvironmentNode( envNode ) : null;
- }
- setupLightMap( builder ) {
- let node = null;
- if ( builder.material.lightMap ) {
- node = new BasicLightMapNode( materialLightMap );
- }
- return node;
- }
- setupOutgoingLight() {
- return diffuseColor.rgb;
- }
- setupLightingModel() {
- return new BasicLightingModel();
- }
- }
- const F_Schlick = /*@__PURE__*/ Fn( ( { f0, f90, dotVH } ) => {
- // Original approximation by Christophe Schlick '94
- // float fresnel = pow( 1.0 - dotVH, 5.0 );
- // Optimized variant (presented by Epic at SIGGRAPH '13)
- // https://cdn2.unrealengine.com/Resources/files/2013SiggraphPresentationsNotes-26915738.pdf
- const fresnel = dotVH.mul( - 5.55473 ).sub( 6.98316 ).mul( dotVH ).exp2();
- return f0.mul( fresnel.oneMinus() ).add( f90.mul( fresnel ) );
- } ); // validated
- const BRDF_Lambert = /*@__PURE__*/ Fn( ( inputs ) => {
- return inputs.diffuseColor.mul( 1 / Math.PI ); // punctual light
- } ); // validated
- const G_BlinnPhong_Implicit = () => float( 0.25 );
- const D_BlinnPhong = /*@__PURE__*/ Fn( ( { dotNH } ) => {
- return shininess.mul( float( 0.5 ) ).add( 1.0 ).mul( float( 1 / Math.PI ) ).mul( dotNH.pow( shininess ) );
- } );
- const BRDF_BlinnPhong = /*@__PURE__*/ Fn( ( { lightDirection } ) => {
- const halfDir = lightDirection.add( positionViewDirection ).normalize();
- const dotNH = transformedNormalView.dot( halfDir ).clamp();
- const dotVH = positionViewDirection.dot( halfDir ).clamp();
- const F = F_Schlick( { f0: specularColor, f90: 1.0, dotVH } );
- const G = G_BlinnPhong_Implicit();
- const D = D_BlinnPhong( { dotNH } );
- return F.mul( G ).mul( D );
- } );
- class PhongLightingModel extends BasicLightingModel {
- constructor( specular = true ) {
- super();
- this.specular = specular;
- }
- direct( { lightDirection, lightColor, reflectedLight } ) {
- const dotNL = transformedNormalView.dot( lightDirection ).clamp();
- const irradiance = dotNL.mul( lightColor );
- reflectedLight.directDiffuse.addAssign( irradiance.mul( BRDF_Lambert( { diffuseColor: diffuseColor.rgb } ) ) );
- if ( this.specular === true ) {
- reflectedLight.directSpecular.addAssign( irradiance.mul( BRDF_BlinnPhong( { lightDirection } ) ).mul( materialSpecularStrength ) );
- }
- }
- indirect( { ambientOcclusion, irradiance, reflectedLight } ) {
- reflectedLight.indirectDiffuse.addAssign( irradiance.mul( BRDF_Lambert( { diffuseColor } ) ) );
- reflectedLight.indirectDiffuse.mulAssign( ambientOcclusion );
- }
- }
- const _defaultValues$8 = /*@__PURE__*/ new MeshLambertMaterial();
- class MeshLambertNodeMaterial extends NodeMaterial {
- static get type() {
- return 'MeshLambertNodeMaterial';
- }
- constructor( parameters ) {
- super();
- this.isMeshLambertNodeMaterial = true;
- this.lights = true;
- this.setDefaultValues( _defaultValues$8 );
- this.setValues( parameters );
- }
- setupEnvironment( builder ) {
- const envNode = super.setupEnvironment( builder );
- return envNode ? new BasicEnvironmentNode( envNode ) : null;
- }
- setupLightingModel( /*builder*/ ) {
- return new PhongLightingModel( false ); // ( specular ) -> force lambert
- }
- }
- const _defaultValues$7 = /*@__PURE__*/ new MeshPhongMaterial();
- class MeshPhongNodeMaterial extends NodeMaterial {
- static get type() {
- return 'MeshPhongNodeMaterial';
- }
- constructor( parameters ) {
- super();
- this.isMeshPhongNodeMaterial = true;
- this.lights = true;
- this.shininessNode = null;
- this.specularNode = null;
- this.setDefaultValues( _defaultValues$7 );
- this.setValues( parameters );
- }
- setupEnvironment( builder ) {
- const envNode = super.setupEnvironment( builder );
- return envNode ? new BasicEnvironmentNode( envNode ) : null;
- }
- setupLightingModel( /*builder*/ ) {
- return new PhongLightingModel();
- }
- setupVariants() {
- // SHININESS
- const shininessNode = ( this.shininessNode ? float( this.shininessNode ) : materialShininess ).max( 1e-4 ); // to prevent pow( 0.0, 0.0 )
- shininess.assign( shininessNode );
- // SPECULAR COLOR
- const specularNode = this.specularNode || materialSpecular;
- specularColor.assign( specularNode );
- }
- copy( source ) {
- this.shininessNode = source.shininessNode;
- this.specularNode = source.specularNode;
- return super.copy( source );
- }
- }
- const getGeometryRoughness = /*@__PURE__*/ Fn( () => {
- const dxy = normalView.dFdx().abs().max( normalView.dFdy().abs() );
- const geometryRoughness = dxy.x.max( dxy.y ).max( dxy.z );
- return geometryRoughness;
- } );
- const getRoughness = /*@__PURE__*/ Fn( ( inputs ) => {
- const { roughness } = inputs;
- const geometryRoughness = getGeometryRoughness();
- let roughnessFactor = roughness.max( 0.0525 ); // 0.0525 corresponds to the base mip of a 256 cubemap.
- roughnessFactor = roughnessFactor.add( geometryRoughness );
- roughnessFactor = roughnessFactor.min( 1.0 );
- return roughnessFactor;
- } );
- // Moving Frostbite to Physically Based Rendering 3.0 - page 12, listing 2
- // https://seblagarde.files.wordpress.com/2015/07/course_notes_moving_frostbite_to_pbr_v32.pdf
- const V_GGX_SmithCorrelated = /*@__PURE__*/ Fn( ( { alpha, dotNL, dotNV } ) => {
- const a2 = alpha.pow2();
- const gv = dotNL.mul( a2.add( a2.oneMinus().mul( dotNV.pow2() ) ).sqrt() );
- const gl = dotNV.mul( a2.add( a2.oneMinus().mul( dotNL.pow2() ) ).sqrt() );
- return div( 0.5, gv.add( gl ).max( EPSILON ) );
- } ).setLayout( {
- name: 'V_GGX_SmithCorrelated',
- type: 'float',
- inputs: [
- { name: 'alpha', type: 'float' },
- { name: 'dotNL', type: 'float' },
- { name: 'dotNV', type: 'float' }
- ]
- } ); // validated
- // https://google.github.io/filament/Filament.md.html#materialsystem/anisotropicmodel/anisotropicspecularbrdf
- const V_GGX_SmithCorrelated_Anisotropic = /*@__PURE__*/ Fn( ( { alphaT, alphaB, dotTV, dotBV, dotTL, dotBL, dotNV, dotNL } ) => {
- const gv = dotNL.mul( vec3( alphaT.mul( dotTV ), alphaB.mul( dotBV ), dotNV ).length() );
- const gl = dotNV.mul( vec3( alphaT.mul( dotTL ), alphaB.mul( dotBL ), dotNL ).length() );
- const v = div( 0.5, gv.add( gl ) );
- return v.saturate();
- } ).setLayout( {
- name: 'V_GGX_SmithCorrelated_Anisotropic',
- type: 'float',
- inputs: [
- { name: 'alphaT', type: 'float', qualifier: 'in' },
- { name: 'alphaB', type: 'float', qualifier: 'in' },
- { name: 'dotTV', type: 'float', qualifier: 'in' },
- { name: 'dotBV', type: 'float', qualifier: 'in' },
- { name: 'dotTL', type: 'float', qualifier: 'in' },
- { name: 'dotBL', type: 'float', qualifier: 'in' },
- { name: 'dotNV', type: 'float', qualifier: 'in' },
- { name: 'dotNL', type: 'float', qualifier: 'in' }
- ]
- } );
- // Microfacet Models for Refraction through Rough Surfaces - equation (33)
- // http://graphicrants.blogspot.com/2013/08/specular-brdf-reference.html
- // alpha is "roughness squared" in Disney’s reparameterization
- const D_GGX = /*@__PURE__*/ Fn( ( { alpha, dotNH } ) => {
- const a2 = alpha.pow2();
- const denom = dotNH.pow2().mul( a2.oneMinus() ).oneMinus(); // avoid alpha = 0 with dotNH = 1
- return a2.div( denom.pow2() ).mul( 1 / Math.PI );
- } ).setLayout( {
- name: 'D_GGX',
- type: 'float',
- inputs: [
- { name: 'alpha', type: 'float' },
- { name: 'dotNH', type: 'float' }
- ]
- } ); // validated
- const RECIPROCAL_PI = /*@__PURE__*/ float( 1 / Math.PI );
- // https://google.github.io/filament/Filament.md.html#materialsystem/anisotropicmodel/anisotropicspecularbrdf
- const D_GGX_Anisotropic = /*@__PURE__*/ Fn( ( { alphaT, alphaB, dotNH, dotTH, dotBH } ) => {
- const a2 = alphaT.mul( alphaB );
- const v = vec3( alphaB.mul( dotTH ), alphaT.mul( dotBH ), a2.mul( dotNH ) );
- const v2 = v.dot( v );
- const w2 = a2.div( v2 );
- return RECIPROCAL_PI.mul( a2.mul( w2.pow2() ) );
- } ).setLayout( {
- name: 'D_GGX_Anisotropic',
- type: 'float',
- inputs: [
- { name: 'alphaT', type: 'float', qualifier: 'in' },
- { name: 'alphaB', type: 'float', qualifier: 'in' },
- { name: 'dotNH', type: 'float', qualifier: 'in' },
- { name: 'dotTH', type: 'float', qualifier: 'in' },
- { name: 'dotBH', type: 'float', qualifier: 'in' }
- ]
- } );
- // GGX Distribution, Schlick Fresnel, GGX_SmithCorrelated Visibility
- const BRDF_GGX = /*@__PURE__*/ Fn( ( inputs ) => {
- const { lightDirection, f0, f90, roughness, f, USE_IRIDESCENCE, USE_ANISOTROPY } = inputs;
- const normalView = inputs.normalView || transformedNormalView;
- const alpha = roughness.pow2(); // UE4's roughness
- const halfDir = lightDirection.add( positionViewDirection ).normalize();
- const dotNL = normalView.dot( lightDirection ).clamp();
- const dotNV = normalView.dot( positionViewDirection ).clamp(); // @ TODO: Move to core dotNV
- const dotNH = normalView.dot( halfDir ).clamp();
- const dotVH = positionViewDirection.dot( halfDir ).clamp();
- let F = F_Schlick( { f0, f90, dotVH } );
- let V, D;
- if ( defined( USE_IRIDESCENCE ) ) {
- F = iridescence.mix( F, f );
- }
- if ( defined( USE_ANISOTROPY ) ) {
- const dotTL = anisotropyT.dot( lightDirection );
- const dotTV = anisotropyT.dot( positionViewDirection );
- const dotTH = anisotropyT.dot( halfDir );
- const dotBL = anisotropyB.dot( lightDirection );
- const dotBV = anisotropyB.dot( positionViewDirection );
- const dotBH = anisotropyB.dot( halfDir );
- V = V_GGX_SmithCorrelated_Anisotropic( { alphaT, alphaB: alpha, dotTV, dotBV, dotTL, dotBL, dotNV, dotNL } );
- D = D_GGX_Anisotropic( { alphaT, alphaB: alpha, dotNH, dotTH, dotBH } );
- } else {
- V = V_GGX_SmithCorrelated( { alpha, dotNL, dotNV } );
- D = D_GGX( { alpha, dotNH } );
- }
- return F.mul( V ).mul( D );
- } ); // validated
- // Analytical approximation of the DFG LUT, one half of the
- // split-sum approximation used in indirect specular lighting.
- // via 'environmentBRDF' from "Physically Based Shading on Mobile"
- // https://www.unrealengine.com/blog/physically-based-shading-on-mobile
- const DFGApprox = /*@__PURE__*/ Fn( ( { roughness, dotNV } ) => {
- const c0 = vec4( - 1, - 0.0275, - 0.572, 0.022 );
- const c1 = vec4( 1, 0.0425, 1.04, - 0.04 );
- const r = roughness.mul( c0 ).add( c1 );
- const a004 = r.x.mul( r.x ).min( dotNV.mul( - 9.28 ).exp2() ).mul( r.x ).add( r.y );
- const fab = vec2( - 1.04, 1.04 ).mul( a004 ).add( r.zw );
- return fab;
- } ).setLayout( {
- name: 'DFGApprox',
- type: 'vec2',
- inputs: [
- { name: 'roughness', type: 'float' },
- { name: 'dotNV', type: 'vec3' }
- ]
- } );
- const EnvironmentBRDF = /*@__PURE__*/ Fn( ( inputs ) => {
- const { dotNV, specularColor, specularF90, roughness } = inputs;
- const fab = DFGApprox( { dotNV, roughness } );
- return specularColor.mul( fab.x ).add( specularF90.mul( fab.y ) );
- } );
- const Schlick_to_F0 = /*@__PURE__*/ Fn( ( { f, f90, dotVH } ) => {
- const x = dotVH.oneMinus().saturate();
- const x2 = x.mul( x );
- const x5 = x.mul( x2, x2 ).clamp( 0, .9999 );
- return f.sub( vec3( f90 ).mul( x5 ) ).div( x5.oneMinus() );
- } ).setLayout( {
- name: 'Schlick_to_F0',
- type: 'vec3',
- inputs: [
- { name: 'f', type: 'vec3' },
- { name: 'f90', type: 'float' },
- { name: 'dotVH', type: 'float' }
- ]
- } );
- // https://github.com/google/filament/blob/master/shaders/src/brdf.fs
- const D_Charlie = /*@__PURE__*/ Fn( ( { roughness, dotNH } ) => {
- const alpha = roughness.pow2();
- // Estevez and Kulla 2017, "Production Friendly Microfacet Sheen BRDF"
- const invAlpha = float( 1.0 ).div( alpha );
- const cos2h = dotNH.pow2();
- const sin2h = cos2h.oneMinus().max( 0.0078125 ); // 2^(-14/2), so sin2h^2 > 0 in fp16
- return float( 2.0 ).add( invAlpha ).mul( sin2h.pow( invAlpha.mul( 0.5 ) ) ).div( 2.0 * Math.PI );
- } ).setLayout( {
- name: 'D_Charlie',
- type: 'float',
- inputs: [
- { name: 'roughness', type: 'float' },
- { name: 'dotNH', type: 'float' }
- ]
- } );
- // https://github.com/google/filament/blob/master/shaders/src/brdf.fs
- const V_Neubelt = /*@__PURE__*/ Fn( ( { dotNV, dotNL } ) => {
- // Neubelt and Pettineo 2013, "Crafting a Next-gen Material Pipeline for The Order: 1886"
- return float( 1.0 ).div( float( 4.0 ).mul( dotNL.add( dotNV ).sub( dotNL.mul( dotNV ) ) ) );
- } ).setLayout( {
- name: 'V_Neubelt',
- type: 'float',
- inputs: [
- { name: 'dotNV', type: 'float' },
- { name: 'dotNL', type: 'float' }
- ]
- } );
- const BRDF_Sheen = /*@__PURE__*/ Fn( ( { lightDirection } ) => {
- const halfDir = lightDirection.add( positionViewDirection ).normalize();
- const dotNL = transformedNormalView.dot( lightDirection ).clamp();
- const dotNV = transformedNormalView.dot( positionViewDirection ).clamp();
- const dotNH = transformedNormalView.dot( halfDir ).clamp();
- const D = D_Charlie( { roughness: sheenRoughness, dotNH } );
- const V = V_Neubelt( { dotNV, dotNL } );
- return sheen.mul( D ).mul( V );
- } );
- // Rect Area Light
- // Real-Time Polygonal-Light Shading with Linearly Transformed Cosines
- // by Eric Heitz, Jonathan Dupuy, Stephen Hill and David Neubelt
- // code: https://github.com/selfshadow/ltc_code/
- const LTC_Uv = /*@__PURE__*/ Fn( ( { N, V, roughness } ) => {
- const LUT_SIZE = 64.0;
- const LUT_SCALE = ( LUT_SIZE - 1.0 ) / LUT_SIZE;
- const LUT_BIAS = 0.5 / LUT_SIZE;
- const dotNV = N.dot( V ).saturate();
- // texture parameterized by sqrt( GGX alpha ) and sqrt( 1 - cos( theta ) )
- const uv = vec2( roughness, dotNV.oneMinus().sqrt() );
- uv.assign( uv.mul( LUT_SCALE ).add( LUT_BIAS ) );
- return uv;
- } ).setLayout( {
- name: 'LTC_Uv',
- type: 'vec2',
- inputs: [
- { name: 'N', type: 'vec3' },
- { name: 'V', type: 'vec3' },
- { name: 'roughness', type: 'float' }
- ]
- } );
- const LTC_ClippedSphereFormFactor = /*@__PURE__*/ Fn( ( { f } ) => {
- // Real-Time Area Lighting: a Journey from Research to Production (p.102)
- // An approximation of the form factor of a horizon-clipped rectangle.
- const l = f.length();
- return max$1( l.mul( l ).add( f.z ).div( l.add( 1.0 ) ), 0 );
- } ).setLayout( {
- name: 'LTC_ClippedSphereFormFactor',
- type: 'float',
- inputs: [
- { name: 'f', type: 'vec3' }
- ]
- } );
- const LTC_EdgeVectorFormFactor = /*@__PURE__*/ Fn( ( { v1, v2 } ) => {
- const x = v1.dot( v2 );
- const y = x.abs().toVar();
- // rational polynomial approximation to theta / sin( theta ) / 2PI
- const a = y.mul( 0.0145206 ).add( 0.4965155 ).mul( y ).add( 0.8543985 ).toVar();
- const b = y.add( 4.1616724 ).mul( y ).add( 3.4175940 ).toVar();
- const v = a.div( b );
- const theta_sintheta = x.greaterThan( 0.0 ).select( v, max$1( x.mul( x ).oneMinus(), 1e-7 ).inverseSqrt().mul( 0.5 ).sub( v ) );
- return v1.cross( v2 ).mul( theta_sintheta );
- } ).setLayout( {
- name: 'LTC_EdgeVectorFormFactor',
- type: 'vec3',
- inputs: [
- { name: 'v1', type: 'vec3' },
- { name: 'v2', type: 'vec3' }
- ]
- } );
- const LTC_Evaluate = /*@__PURE__*/ Fn( ( { N, V, P, mInv, p0, p1, p2, p3 } ) => {
- // bail if point is on back side of plane of light
- // assumes ccw winding order of light vertices
- const v1 = p1.sub( p0 ).toVar();
- const v2 = p3.sub( p0 ).toVar();
- const lightNormal = v1.cross( v2 );
- const result = vec3().toVar();
- If( lightNormal.dot( P.sub( p0 ) ).greaterThanEqual( 0.0 ), () => {
- // construct orthonormal basis around N
- const T1 = V.sub( N.mul( V.dot( N ) ) ).normalize();
- const T2 = N.cross( T1 ).negate(); // negated from paper; possibly due to a different handedness of world coordinate system
- // compute transform
- const mat = mInv.mul( mat3( T1, T2, N ).transpose() ).toVar();
- // transform rect
- // & project rect onto sphere
- const coords0 = mat.mul( p0.sub( P ) ).normalize().toVar();
- const coords1 = mat.mul( p1.sub( P ) ).normalize().toVar();
- const coords2 = mat.mul( p2.sub( P ) ).normalize().toVar();
- const coords3 = mat.mul( p3.sub( P ) ).normalize().toVar();
- // calculate vector form factor
- const vectorFormFactor = vec3( 0 ).toVar();
- vectorFormFactor.addAssign( LTC_EdgeVectorFormFactor( { v1: coords0, v2: coords1 } ) );
- vectorFormFactor.addAssign( LTC_EdgeVectorFormFactor( { v1: coords1, v2: coords2 } ) );
- vectorFormFactor.addAssign( LTC_EdgeVectorFormFactor( { v1: coords2, v2: coords3 } ) );
- vectorFormFactor.addAssign( LTC_EdgeVectorFormFactor( { v1: coords3, v2: coords0 } ) );
- // adjust for horizon clipping
- result.assign( vec3( LTC_ClippedSphereFormFactor( { f: vectorFormFactor } ) ) );
- } );
- return result;
- } ).setLayout( {
- name: 'LTC_Evaluate',
- type: 'vec3',
- inputs: [
- { name: 'N', type: 'vec3' },
- { name: 'V', type: 'vec3' },
- { name: 'P', type: 'vec3' },
- { name: 'mInv', type: 'mat3' },
- { name: 'p0', type: 'vec3' },
- { name: 'p1', type: 'vec3' },
- { name: 'p2', type: 'vec3' },
- { name: 'p3', type: 'vec3' }
- ]
- } );
- // Mipped Bicubic Texture Filtering by N8
- // https://www.shadertoy.com/view/Dl2SDW
- const bC = 1.0 / 6.0;
- const w0 = ( a ) => mul( bC, mul( a, mul( a, a.negate().add( 3.0 ) ).sub( 3.0 ) ).add( 1.0 ) );
- const w1 = ( a ) => mul( bC, mul( a, mul( a, mul( 3.0, a ).sub( 6.0 ) ) ).add( 4.0 ) );
- const w2 = ( a ) => mul( bC, mul( a, mul( a, mul( - 3.0, a ).add( 3.0 ) ).add( 3.0 ) ).add( 1.0 ) );
- const w3 = ( a ) => mul( bC, pow( a, 3 ) );
- const g0 = ( a ) => w0( a ).add( w1( a ) );
- const g1 = ( a ) => w2( a ).add( w3( a ) );
- // h0 and h1 are the two offset functions
- const h0 = ( a ) => add( - 1.0, w1( a ).div( w0( a ).add( w1( a ) ) ) );
- const h1 = ( a ) => add( 1.0, w3( a ).div( w2( a ).add( w3( a ) ) ) );
- const bicubic = ( textureNode, texelSize, lod ) => {
- const uv = textureNode.uvNode;
- const uvScaled = mul( uv, texelSize.zw ).add( 0.5 );
- const iuv = floor( uvScaled );
- const fuv = fract( uvScaled );
- const g0x = g0( fuv.x );
- const g1x = g1( fuv.x );
- const h0x = h0( fuv.x );
- const h1x = h1( fuv.x );
- const h0y = h0( fuv.y );
- const h1y = h1( fuv.y );
- const p0 = vec2( iuv.x.add( h0x ), iuv.y.add( h0y ) ).sub( 0.5 ).mul( texelSize.xy );
- const p1 = vec2( iuv.x.add( h1x ), iuv.y.add( h0y ) ).sub( 0.5 ).mul( texelSize.xy );
- const p2 = vec2( iuv.x.add( h0x ), iuv.y.add( h1y ) ).sub( 0.5 ).mul( texelSize.xy );
- const p3 = vec2( iuv.x.add( h1x ), iuv.y.add( h1y ) ).sub( 0.5 ).mul( texelSize.xy );
- const a = g0( fuv.y ).mul( add( g0x.mul( textureNode.uv( p0 ).level( lod ) ), g1x.mul( textureNode.uv( p1 ).level( lod ) ) ) );
- const b = g1( fuv.y ).mul( add( g0x.mul( textureNode.uv( p2 ).level( lod ) ), g1x.mul( textureNode.uv( p3 ).level( lod ) ) ) );
- return a.add( b );
- };
- const textureBicubic = /*@__PURE__*/ Fn( ( [ textureNode, lodNode = float( 3 ) ] ) => {
- const fLodSize = vec2( textureNode.size( int( lodNode ) ) );
- const cLodSize = vec2( textureNode.size( int( lodNode.add( 1.0 ) ) ) );
- const fLodSizeInv = div( 1.0, fLodSize );
- const cLodSizeInv = div( 1.0, cLodSize );
- const fSample = bicubic( textureNode, vec4( fLodSizeInv, fLodSize ), floor( lodNode ) );
- const cSample = bicubic( textureNode, vec4( cLodSizeInv, cLodSize ), ceil( lodNode ) );
- return fract( lodNode ).mix( fSample, cSample );
- } );
- //
- // Transmission
- //
- const getVolumeTransmissionRay = /*@__PURE__*/ Fn( ( [ n, v, thickness, ior, modelMatrix ] ) => {
- // Direction of refracted light.
- const refractionVector = vec3( refract( v.negate(), normalize( n ), div( 1.0, ior ) ) );
- // Compute rotation-independant scaling of the model matrix.
- const modelScale = vec3(
- length( modelMatrix[ 0 ].xyz ),
- length( modelMatrix[ 1 ].xyz ),
- length( modelMatrix[ 2 ].xyz )
- );
- // The thickness is specified in local space.
- return normalize( refractionVector ).mul( thickness.mul( modelScale ) );
- } ).setLayout( {
- name: 'getVolumeTransmissionRay',
- type: 'vec3',
- inputs: [
- { name: 'n', type: 'vec3' },
- { name: 'v', type: 'vec3' },
- { name: 'thickness', type: 'float' },
- { name: 'ior', type: 'float' },
- { name: 'modelMatrix', type: 'mat4' }
- ]
- } );
- const applyIorToRoughness = /*@__PURE__*/ Fn( ( [ roughness, ior ] ) => {
- // Scale roughness with IOR so that an IOR of 1.0 results in no microfacet refraction and
- // an IOR of 1.5 results in the default amount of microfacet refraction.
- return roughness.mul( clamp( ior.mul( 2.0 ).sub( 2.0 ), 0.0, 1.0 ) );
- } ).setLayout( {
- name: 'applyIorToRoughness',
- type: 'float',
- inputs: [
- { name: 'roughness', type: 'float' },
- { name: 'ior', type: 'float' }
- ]
- } );
- const singleViewportMipTexture = /*@__PURE__*/ viewportMipTexture();
- const getTransmissionSample = /*@__PURE__*/ Fn( ( [ fragCoord, roughness, ior ] ) => {
- const transmissionSample = singleViewportMipTexture.uv( fragCoord );
- //const transmissionSample = viewportMipTexture( fragCoord );
- const lod = log2( float( screenSize.x ) ).mul( applyIorToRoughness( roughness, ior ) );
- return textureBicubic( transmissionSample, lod );
- } );
- const volumeAttenuation = /*@__PURE__*/ Fn( ( [ transmissionDistance, attenuationColor, attenuationDistance ] ) => {
- If( attenuationDistance.notEqual( 0 ), () => {
- // Compute light attenuation using Beer's law.
- const attenuationCoefficient = log( attenuationColor ).negate().div( attenuationDistance );
- const transmittance = exp( attenuationCoefficient.negate().mul( transmissionDistance ) );
- return transmittance;
- } );
- // Attenuation distance is +∞, i.e. the transmitted color is not attenuated at all.
- return vec3( 1.0 );
- } ).setLayout( {
- name: 'volumeAttenuation',
- type: 'vec3',
- inputs: [
- { name: 'transmissionDistance', type: 'float' },
- { name: 'attenuationColor', type: 'vec3' },
- { name: 'attenuationDistance', type: 'float' }
- ]
- } );
- const getIBLVolumeRefraction = /*@__PURE__*/ Fn( ( [ n, v, roughness, diffuseColor, specularColor, specularF90, position, modelMatrix, viewMatrix, projMatrix, ior, thickness, attenuationColor, attenuationDistance, dispersion ] ) => {
- let transmittedLight, transmittance;
- if ( dispersion ) {
- transmittedLight = vec4().toVar();
- transmittance = vec3().toVar();
- const halfSpread = ior.sub( 1.0 ).mul( dispersion.mul( 0.025 ) );
- const iors = vec3( ior.sub( halfSpread ), ior, ior.add( halfSpread ) );
- Loop( { start: 0, end: 3 }, ( { i } ) => {
- const ior = iors.element( i );
- const transmissionRay = getVolumeTransmissionRay( n, v, thickness, ior, modelMatrix );
- const refractedRayExit = position.add( transmissionRay );
- // Project refracted vector on the framebuffer, while mapping to normalized device coordinates.
- const ndcPos = projMatrix.mul( viewMatrix.mul( vec4( refractedRayExit, 1.0 ) ) );
- const refractionCoords = vec2( ndcPos.xy.div( ndcPos.w ) ).toVar();
- refractionCoords.addAssign( 1.0 );
- refractionCoords.divAssign( 2.0 );
- refractionCoords.assign( vec2( refractionCoords.x, refractionCoords.y.oneMinus() ) ); // webgpu
- // Sample framebuffer to get pixel the refracted ray hits.
- const transmissionSample = getTransmissionSample( refractionCoords, roughness, ior );
- transmittedLight.element( i ).assign( transmissionSample.element( i ) );
- transmittedLight.a.addAssign( transmissionSample.a );
- transmittance.element( i ).assign( diffuseColor.element( i ).mul( volumeAttenuation( length( transmissionRay ), attenuationColor, attenuationDistance ).element( i ) ) );
- } );
- transmittedLight.a.divAssign( 3.0 );
- } else {
- const transmissionRay = getVolumeTransmissionRay( n, v, thickness, ior, modelMatrix );
- const refractedRayExit = position.add( transmissionRay );
- // Project refracted vector on the framebuffer, while mapping to normalized device coordinates.
- const ndcPos = projMatrix.mul( viewMatrix.mul( vec4( refractedRayExit, 1.0 ) ) );
- const refractionCoords = vec2( ndcPos.xy.div( ndcPos.w ) ).toVar();
- refractionCoords.addAssign( 1.0 );
- refractionCoords.divAssign( 2.0 );
- refractionCoords.assign( vec2( refractionCoords.x, refractionCoords.y.oneMinus() ) ); // webgpu
- // Sample framebuffer to get pixel the refracted ray hits.
- transmittedLight = getTransmissionSample( refractionCoords, roughness, ior );
- transmittance = diffuseColor.mul( volumeAttenuation( length( transmissionRay ), attenuationColor, attenuationDistance ) );
- }
- const attenuatedColor = transmittance.rgb.mul( transmittedLight.rgb );
- const dotNV = n.dot( v ).clamp();
- // Get the specular component.
- const F = vec3( EnvironmentBRDF( { // n, v, specularColor, specularF90, roughness
- dotNV,
- specularColor,
- specularF90,
- roughness
- } ) );
- // As less light is transmitted, the opacity should be increased. This simple approximation does a decent job
- // of modulating a CSS background, and has no effect when the buffer is opaque, due to a solid object or clear color.
- const transmittanceFactor = transmittance.r.add( transmittance.g, transmittance.b ).div( 3.0 );
- return vec4( F.oneMinus().mul( attenuatedColor ), transmittedLight.a.oneMinus().mul( transmittanceFactor ).oneMinus() );
- } );
- //
- // Iridescence
- //
- // XYZ to linear-sRGB color space
- const XYZ_TO_REC709 = /*@__PURE__*/ mat3(
- 3.2404542, - 0.9692660, 0.0556434,
- - 1.5371385, 1.8760108, - 0.2040259,
- - 0.4985314, 0.0415560, 1.0572252
- );
- // Assume air interface for top
- // Note: We don't handle the case fresnel0 == 1
- const Fresnel0ToIor = ( fresnel0 ) => {
- const sqrtF0 = fresnel0.sqrt();
- return vec3( 1.0 ).add( sqrtF0 ).div( vec3( 1.0 ).sub( sqrtF0 ) );
- };
- // ior is a value between 1.0 and 3.0. 1.0 is air interface
- const IorToFresnel0 = ( transmittedIor, incidentIor ) => {
- return transmittedIor.sub( incidentIor ).div( transmittedIor.add( incidentIor ) ).pow2();
- };
- // Fresnel equations for dielectric/dielectric interfaces.
- // Ref: https://belcour.github.io/blog/research/2017/05/01/brdf-thin-film.html
- // Evaluation XYZ sensitivity curves in Fourier space
- const evalSensitivity = ( OPD, shift ) => {
- const phase = OPD.mul( 2.0 * Math.PI * 1.0e-9 );
- const val = vec3( 5.4856e-13, 4.4201e-13, 5.2481e-13 );
- const pos = vec3( 1.6810e+06, 1.7953e+06, 2.2084e+06 );
- const VAR = vec3( 4.3278e+09, 9.3046e+09, 6.6121e+09 );
- const x = float( 9.7470e-14 * Math.sqrt( 2.0 * Math.PI * 4.5282e+09 ) ).mul( phase.mul( 2.2399e+06 ).add( shift.x ).cos() ).mul( phase.pow2().mul( - 4.5282e+09 ).exp() );
- let xyz = val.mul( VAR.mul( 2.0 * Math.PI ).sqrt() ).mul( pos.mul( phase ).add( shift ).cos() ).mul( phase.pow2().negate().mul( VAR ).exp() );
- xyz = vec3( xyz.x.add( x ), xyz.y, xyz.z ).div( 1.0685e-7 );
- const rgb = XYZ_TO_REC709.mul( xyz );
- return rgb;
- };
- const evalIridescence = /*@__PURE__*/ Fn( ( { outsideIOR, eta2, cosTheta1, thinFilmThickness, baseF0 } ) => {
- // Force iridescenceIOR -> outsideIOR when thinFilmThickness -> 0.0
- const iridescenceIOR = mix( outsideIOR, eta2, smoothstep( 0.0, 0.03, thinFilmThickness ) );
- // Evaluate the cosTheta on the base layer (Snell law)
- const sinTheta2Sq = outsideIOR.div( iridescenceIOR ).pow2().mul( float( 1 ).sub( cosTheta1.pow2() ) );
- // Handle TIR:
- const cosTheta2Sq = float( 1 ).sub( sinTheta2Sq );
- /*if ( cosTheta2Sq < 0.0 ) {
- return vec3( 1.0 );
- }*/
- const cosTheta2 = cosTheta2Sq.sqrt();
- // First interface
- const R0 = IorToFresnel0( iridescenceIOR, outsideIOR );
- const R12 = F_Schlick( { f0: R0, f90: 1.0, dotVH: cosTheta1 } );
- //const R21 = R12;
- const T121 = R12.oneMinus();
- const phi12 = iridescenceIOR.lessThan( outsideIOR ).select( Math.PI, 0.0 );
- const phi21 = float( Math.PI ).sub( phi12 );
- // Second interface
- const baseIOR = Fresnel0ToIor( baseF0.clamp( 0.0, 0.9999 ) ); // guard against 1.0
- const R1 = IorToFresnel0( baseIOR, iridescenceIOR.toVec3() );
- const R23 = F_Schlick( { f0: R1, f90: 1.0, dotVH: cosTheta2 } );
- const phi23 = vec3(
- baseIOR.x.lessThan( iridescenceIOR ).select( Math.PI, 0.0 ),
- baseIOR.y.lessThan( iridescenceIOR ).select( Math.PI, 0.0 ),
- baseIOR.z.lessThan( iridescenceIOR ).select( Math.PI, 0.0 )
- );
- // Phase shift
- const OPD = iridescenceIOR.mul( thinFilmThickness, cosTheta2, 2.0 );
- const phi = vec3( phi21 ).add( phi23 );
- // Compound terms
- const R123 = R12.mul( R23 ).clamp( 1e-5, 0.9999 );
- const r123 = R123.sqrt();
- const Rs = T121.pow2().mul( R23 ).div( vec3( 1.0 ).sub( R123 ) );
- // Reflectance term for m = 0 (DC term amplitude)
- const C0 = R12.add( Rs );
- let I = C0;
- // Reflectance term for m > 0 (pairs of diracs)
- let Cm = Rs.sub( T121 );
- for ( let m = 1; m <= 2; ++ m ) {
- Cm = Cm.mul( r123 );
- const Sm = evalSensitivity( float( m ).mul( OPD ), float( m ).mul( phi ) ).mul( 2.0 );
- I = I.add( Cm.mul( Sm ) );
- }
- // Since out of gamut colors might be produced, negative color values are clamped to 0.
- return I.max( vec3( 0.0 ) );
- } ).setLayout( {
- name: 'evalIridescence',
- type: 'vec3',
- inputs: [
- { name: 'outsideIOR', type: 'float' },
- { name: 'eta2', type: 'float' },
- { name: 'cosTheta1', type: 'float' },
- { name: 'thinFilmThickness', type: 'float' },
- { name: 'baseF0', type: 'vec3' }
- ]
- } );
- //
- // Sheen
- //
- // This is a curve-fit approxmation to the "Charlie sheen" BRDF integrated over the hemisphere from
- // Estevez and Kulla 2017, "Production Friendly Microfacet Sheen BRDF". The analysis can be found
- // in the Sheen section of https://drive.google.com/file/d/1T0D1VSyR4AllqIJTQAraEIzjlb5h4FKH/view?usp=sharing
- const IBLSheenBRDF = /*@__PURE__*/ Fn( ( { normal, viewDir, roughness } ) => {
- const dotNV = normal.dot( viewDir ).saturate();
- const r2 = roughness.pow2();
- const a = select(
- roughness.lessThan( 0.25 ),
- float( - 339.2 ).mul( r2 ).add( float( 161.4 ).mul( roughness ) ).sub( 25.9 ),
- float( - 8.48 ).mul( r2 ).add( float( 14.3 ).mul( roughness ) ).sub( 9.95 )
- );
- const b = select(
- roughness.lessThan( 0.25 ),
- float( 44.0 ).mul( r2 ).sub( float( 23.7 ).mul( roughness ) ).add( 3.26 ),
- float( 1.97 ).mul( r2 ).sub( float( 3.27 ).mul( roughness ) ).add( 0.72 )
- );
- const DG = select( roughness.lessThan( 0.25 ), 0.0, float( 0.1 ).mul( roughness ).sub( 0.025 ) ).add( a.mul( dotNV ).add( b ).exp() );
- return DG.mul( 1.0 / Math.PI ).saturate();
- } );
- const clearcoatF0 = vec3( 0.04 );
- const clearcoatF90 = float( 1 );
- //
- class PhysicalLightingModel extends LightingModel {
- constructor( clearcoat = false, sheen = false, iridescence = false, anisotropy = false, transmission = false, dispersion = false ) {
- super();
- this.clearcoat = clearcoat;
- this.sheen = sheen;
- this.iridescence = iridescence;
- this.anisotropy = anisotropy;
- this.transmission = transmission;
- this.dispersion = dispersion;
- this.clearcoatRadiance = null;
- this.clearcoatSpecularDirect = null;
- this.clearcoatSpecularIndirect = null;
- this.sheenSpecularDirect = null;
- this.sheenSpecularIndirect = null;
- this.iridescenceFresnel = null;
- this.iridescenceF0 = null;
- }
- start( context ) {
- if ( this.clearcoat === true ) {
- this.clearcoatRadiance = vec3().toVar( 'clearcoatRadiance' );
- this.clearcoatSpecularDirect = vec3().toVar( 'clearcoatSpecularDirect' );
- this.clearcoatSpecularIndirect = vec3().toVar( 'clearcoatSpecularIndirect' );
- }
- if ( this.sheen === true ) {
- this.sheenSpecularDirect = vec3().toVar( 'sheenSpecularDirect' );
- this.sheenSpecularIndirect = vec3().toVar( 'sheenSpecularIndirect' );
- }
- if ( this.iridescence === true ) {
- const dotNVi = transformedNormalView.dot( positionViewDirection ).clamp();
- this.iridescenceFresnel = evalIridescence( {
- outsideIOR: float( 1.0 ),
- eta2: iridescenceIOR,
- cosTheta1: dotNVi,
- thinFilmThickness: iridescenceThickness,
- baseF0: specularColor
- } );
- this.iridescenceF0 = Schlick_to_F0( { f: this.iridescenceFresnel, f90: 1.0, dotVH: dotNVi } );
- }
- if ( this.transmission === true ) {
- const position = positionWorld;
- const v = cameraPosition.sub( positionWorld ).normalize(); // TODO: Create Node for this, same issue in MaterialX
- const n = transformedNormalWorld;
- context.backdrop = getIBLVolumeRefraction(
- n,
- v,
- roughness,
- diffuseColor,
- specularColor,
- specularF90, // specularF90
- position, // positionWorld
- modelWorldMatrix, // modelMatrix
- cameraViewMatrix, // viewMatrix
- cameraProjectionMatrix, // projMatrix
- ior,
- thickness,
- attenuationColor,
- attenuationDistance,
- this.dispersion ? dispersion : null
- );
- context.backdropAlpha = transmission;
- diffuseColor.a.mulAssign( mix( 1, context.backdrop.a, transmission ) );
- }
- }
- // Fdez-Agüera's "Multiple-Scattering Microfacet Model for Real-Time Image Based Lighting"
- // Approximates multiscattering in order to preserve energy.
- // http://www.jcgt.org/published/0008/01/03/
- computeMultiscattering( singleScatter, multiScatter, specularF90 ) {
- const dotNV = transformedNormalView.dot( positionViewDirection ).clamp(); // @ TODO: Move to core dotNV
- const fab = DFGApprox( { roughness, dotNV } );
- const Fr = this.iridescenceF0 ? iridescence.mix( specularColor, this.iridescenceF0 ) : specularColor;
- const FssEss = Fr.mul( fab.x ).add( specularF90.mul( fab.y ) );
- const Ess = fab.x.add( fab.y );
- const Ems = Ess.oneMinus();
- const Favg = specularColor.add( specularColor.oneMinus().mul( 0.047619 ) ); // 1/21
- const Fms = FssEss.mul( Favg ).div( Ems.mul( Favg ).oneMinus() );
- singleScatter.addAssign( FssEss );
- multiScatter.addAssign( Fms.mul( Ems ) );
- }
- direct( { lightDirection, lightColor, reflectedLight } ) {
- const dotNL = transformedNormalView.dot( lightDirection ).clamp();
- const irradiance = dotNL.mul( lightColor );
- if ( this.sheen === true ) {
- this.sheenSpecularDirect.addAssign( irradiance.mul( BRDF_Sheen( { lightDirection } ) ) );
- }
- if ( this.clearcoat === true ) {
- const dotNLcc = transformedClearcoatNormalView.dot( lightDirection ).clamp();
- const ccIrradiance = dotNLcc.mul( lightColor );
- this.clearcoatSpecularDirect.addAssign( ccIrradiance.mul( BRDF_GGX( { lightDirection, f0: clearcoatF0, f90: clearcoatF90, roughness: clearcoatRoughness, normalView: transformedClearcoatNormalView } ) ) );
- }
- reflectedLight.directDiffuse.addAssign( irradiance.mul( BRDF_Lambert( { diffuseColor: diffuseColor.rgb } ) ) );
- reflectedLight.directSpecular.addAssign( irradiance.mul( BRDF_GGX( { lightDirection, f0: specularColor, f90: 1, roughness, iridescence: this.iridescence, f: this.iridescenceFresnel, USE_IRIDESCENCE: this.iridescence, USE_ANISOTROPY: this.anisotropy } ) ) );
- }
- directRectArea( { lightColor, lightPosition, halfWidth, halfHeight, reflectedLight, ltc_1, ltc_2 } ) {
- const p0 = lightPosition.add( halfWidth ).sub( halfHeight ); // counterclockwise; light shines in local neg z direction
- const p1 = lightPosition.sub( halfWidth ).sub( halfHeight );
- const p2 = lightPosition.sub( halfWidth ).add( halfHeight );
- const p3 = lightPosition.add( halfWidth ).add( halfHeight );
- const N = transformedNormalView;
- const V = positionViewDirection;
- const P = positionView.toVar();
- const uv = LTC_Uv( { N, V, roughness } );
- const t1 = ltc_1.uv( uv ).toVar();
- const t2 = ltc_2.uv( uv ).toVar();
- const mInv = mat3(
- vec3( t1.x, 0, t1.y ),
- vec3( 0, 1, 0 ),
- vec3( t1.z, 0, t1.w )
- ).toVar();
- // LTC Fresnel Approximation by Stephen Hill
- // http://blog.selfshadow.com/publications/s2016-advances/s2016_ltc_fresnel.pdf
- const fresnel = specularColor.mul( t2.x ).add( specularColor.oneMinus().mul( t2.y ) ).toVar();
- reflectedLight.directSpecular.addAssign( lightColor.mul( fresnel ).mul( LTC_Evaluate( { N, V, P, mInv, p0, p1, p2, p3 } ) ) );
- reflectedLight.directDiffuse.addAssign( lightColor.mul( diffuseColor ).mul( LTC_Evaluate( { N, V, P, mInv: mat3( 1, 0, 0, 0, 1, 0, 0, 0, 1 ), p0, p1, p2, p3 } ) ) );
- }
- indirect( context, stack, builder ) {
- this.indirectDiffuse( context, stack, builder );
- this.indirectSpecular( context, stack, builder );
- this.ambientOcclusion( context, stack, builder );
- }
- indirectDiffuse( { irradiance, reflectedLight } ) {
- reflectedLight.indirectDiffuse.addAssign( irradiance.mul( BRDF_Lambert( { diffuseColor } ) ) );
- }
- indirectSpecular( { radiance, iblIrradiance, reflectedLight } ) {
- if ( this.sheen === true ) {
- this.sheenSpecularIndirect.addAssign( iblIrradiance.mul(
- sheen,
- IBLSheenBRDF( {
- normal: transformedNormalView,
- viewDir: positionViewDirection,
- roughness: sheenRoughness
- } )
- ) );
- }
- if ( this.clearcoat === true ) {
- const dotNVcc = transformedClearcoatNormalView.dot( positionViewDirection ).clamp();
- const clearcoatEnv = EnvironmentBRDF( {
- dotNV: dotNVcc,
- specularColor: clearcoatF0,
- specularF90: clearcoatF90,
- roughness: clearcoatRoughness
- } );
- this.clearcoatSpecularIndirect.addAssign( this.clearcoatRadiance.mul( clearcoatEnv ) );
- }
- // Both indirect specular and indirect diffuse light accumulate here
- const singleScattering = vec3().toVar( 'singleScattering' );
- const multiScattering = vec3().toVar( 'multiScattering' );
- const cosineWeightedIrradiance = iblIrradiance.mul( 1 / Math.PI );
- this.computeMultiscattering( singleScattering, multiScattering, specularF90 );
- const totalScattering = singleScattering.add( multiScattering );
- const diffuse = diffuseColor.mul( totalScattering.r.max( totalScattering.g ).max( totalScattering.b ).oneMinus() );
- reflectedLight.indirectSpecular.addAssign( radiance.mul( singleScattering ) );
- reflectedLight.indirectSpecular.addAssign( multiScattering.mul( cosineWeightedIrradiance ) );
- reflectedLight.indirectDiffuse.addAssign( diffuse.mul( cosineWeightedIrradiance ) );
- }
- ambientOcclusion( { ambientOcclusion, reflectedLight } ) {
- const dotNV = transformedNormalView.dot( positionViewDirection ).clamp(); // @ TODO: Move to core dotNV
- const aoNV = dotNV.add( ambientOcclusion );
- const aoExp = roughness.mul( - 16.0 ).oneMinus().negate().exp2();
- const aoNode = ambientOcclusion.sub( aoNV.pow( aoExp ).oneMinus() ).clamp();
- if ( this.clearcoat === true ) {
- this.clearcoatSpecularIndirect.mulAssign( ambientOcclusion );
- }
- if ( this.sheen === true ) {
- this.sheenSpecularIndirect.mulAssign( ambientOcclusion );
- }
- reflectedLight.indirectDiffuse.mulAssign( ambientOcclusion );
- reflectedLight.indirectSpecular.mulAssign( aoNode );
- }
- finish( context ) {
- const { outgoingLight } = context;
- if ( this.clearcoat === true ) {
- const dotNVcc = transformedClearcoatNormalView.dot( positionViewDirection ).clamp();
- const Fcc = F_Schlick( {
- dotVH: dotNVcc,
- f0: clearcoatF0,
- f90: clearcoatF90
- } );
- const clearcoatLight = outgoingLight.mul( clearcoat.mul( Fcc ).oneMinus() ).add( this.clearcoatSpecularDirect.add( this.clearcoatSpecularIndirect ).mul( clearcoat ) );
- outgoingLight.assign( clearcoatLight );
- }
- if ( this.sheen === true ) {
- const sheenEnergyComp = sheen.r.max( sheen.g ).max( sheen.b ).mul( 0.157 ).oneMinus();
- const sheenLight = outgoingLight.mul( sheenEnergyComp ).add( this.sheenSpecularDirect, this.sheenSpecularIndirect );
- outgoingLight.assign( sheenLight );
- }
- }
- }
- // These defines must match with PMREMGenerator
- const cubeUV_r0 = /*@__PURE__*/ float( 1.0 );
- const cubeUV_m0 = /*@__PURE__*/ float( - 2.0 );
- const cubeUV_r1 = /*@__PURE__*/ float( 0.8 );
- const cubeUV_m1 = /*@__PURE__*/ float( - 1.0 );
- const cubeUV_r4 = /*@__PURE__*/ float( 0.4 );
- const cubeUV_m4 = /*@__PURE__*/ float( 2.0 );
- const cubeUV_r5 = /*@__PURE__*/ float( 0.305 );
- const cubeUV_m5 = /*@__PURE__*/ float( 3.0 );
- const cubeUV_r6 = /*@__PURE__*/ float( 0.21 );
- const cubeUV_m6 = /*@__PURE__*/ float( 4.0 );
- const cubeUV_minMipLevel = /*@__PURE__*/ float( 4.0 );
- const cubeUV_minTileSize = /*@__PURE__*/ float( 16.0 );
- // These shader functions convert between the UV coordinates of a single face of
- // a cubemap, the 0-5 integer index of a cube face, and the direction vector for
- // sampling a textureCube (not generally normalized ).
- const getFace = /*@__PURE__*/ Fn( ( [ direction ] ) => {
- const absDirection = vec3( abs( direction ) ).toVar();
- const face = float( - 1.0 ).toVar();
- If( absDirection.x.greaterThan( absDirection.z ), () => {
- If( absDirection.x.greaterThan( absDirection.y ), () => {
- face.assign( select( direction.x.greaterThan( 0.0 ), 0.0, 3.0 ) );
- } ).Else( () => {
- face.assign( select( direction.y.greaterThan( 0.0 ), 1.0, 4.0 ) );
- } );
- } ).Else( () => {
- If( absDirection.z.greaterThan( absDirection.y ), () => {
- face.assign( select( direction.z.greaterThan( 0.0 ), 2.0, 5.0 ) );
- } ).Else( () => {
- face.assign( select( direction.y.greaterThan( 0.0 ), 1.0, 4.0 ) );
- } );
- } );
- return face;
- } ).setLayout( {
- name: 'getFace',
- type: 'float',
- inputs: [
- { name: 'direction', type: 'vec3' }
- ]
- } );
- // RH coordinate system; PMREM face-indexing convention
- const getUV = /*@__PURE__*/ Fn( ( [ direction, face ] ) => {
- const uv = vec2().toVar();
- If( face.equal( 0.0 ), () => {
- uv.assign( vec2( direction.z, direction.y ).div( abs( direction.x ) ) ); // pos x
- } ).ElseIf( face.equal( 1.0 ), () => {
- uv.assign( vec2( direction.x.negate(), direction.z.negate() ).div( abs( direction.y ) ) ); // pos y
- } ).ElseIf( face.equal( 2.0 ), () => {
- uv.assign( vec2( direction.x.negate(), direction.y ).div( abs( direction.z ) ) ); // pos z
- } ).ElseIf( face.equal( 3.0 ), () => {
- uv.assign( vec2( direction.z.negate(), direction.y ).div( abs( direction.x ) ) ); // neg x
- } ).ElseIf( face.equal( 4.0 ), () => {
- uv.assign( vec2( direction.x.negate(), direction.z ).div( abs( direction.y ) ) ); // neg y
- } ).Else( () => {
- uv.assign( vec2( direction.x, direction.y ).div( abs( direction.z ) ) ); // neg z
- } );
- return mul( 0.5, uv.add( 1.0 ) );
- } ).setLayout( {
- name: 'getUV',
- type: 'vec2',
- inputs: [
- { name: 'direction', type: 'vec3' },
- { name: 'face', type: 'float' }
- ]
- } );
- const roughnessToMip = /*@__PURE__*/ Fn( ( [ roughness ] ) => {
- const mip = float( 0.0 ).toVar();
- If( roughness.greaterThanEqual( cubeUV_r1 ), () => {
- mip.assign( cubeUV_r0.sub( roughness ).mul( cubeUV_m1.sub( cubeUV_m0 ) ).div( cubeUV_r0.sub( cubeUV_r1 ) ).add( cubeUV_m0 ) );
- } ).ElseIf( roughness.greaterThanEqual( cubeUV_r4 ), () => {
- mip.assign( cubeUV_r1.sub( roughness ).mul( cubeUV_m4.sub( cubeUV_m1 ) ).div( cubeUV_r1.sub( cubeUV_r4 ) ).add( cubeUV_m1 ) );
- } ).ElseIf( roughness.greaterThanEqual( cubeUV_r5 ), () => {
- mip.assign( cubeUV_r4.sub( roughness ).mul( cubeUV_m5.sub( cubeUV_m4 ) ).div( cubeUV_r4.sub( cubeUV_r5 ) ).add( cubeUV_m4 ) );
- } ).ElseIf( roughness.greaterThanEqual( cubeUV_r6 ), () => {
- mip.assign( cubeUV_r5.sub( roughness ).mul( cubeUV_m6.sub( cubeUV_m5 ) ).div( cubeUV_r5.sub( cubeUV_r6 ) ).add( cubeUV_m5 ) );
- } ).Else( () => {
- mip.assign( float( - 2.0 ).mul( log2( mul( 1.16, roughness ) ) ) ); // 1.16 = 1.79^0.25
- } );
- return mip;
- } ).setLayout( {
- name: 'roughnessToMip',
- type: 'float',
- inputs: [
- { name: 'roughness', type: 'float' }
- ]
- } );
- // RH coordinate system; PMREM face-indexing convention
- const getDirection = /*@__PURE__*/ Fn( ( [ uv_immutable, face ] ) => {
- const uv = uv_immutable.toVar();
- uv.assign( mul( 2.0, uv ).sub( 1.0 ) );
- const direction = vec3( uv, 1.0 ).toVar();
- If( face.equal( 0.0 ), () => {
- direction.assign( direction.zyx ); // ( 1, v, u ) pos x
- } ).ElseIf( face.equal( 1.0 ), () => {
- direction.assign( direction.xzy );
- direction.xz.mulAssign( - 1.0 ); // ( -u, 1, -v ) pos y
- } ).ElseIf( face.equal( 2.0 ), () => {
- direction.x.mulAssign( - 1.0 ); // ( -u, v, 1 ) pos z
- } ).ElseIf( face.equal( 3.0 ), () => {
- direction.assign( direction.zyx );
- direction.xz.mulAssign( - 1.0 ); // ( -1, v, -u ) neg x
- } ).ElseIf( face.equal( 4.0 ), () => {
- direction.assign( direction.xzy );
- direction.xy.mulAssign( - 1.0 ); // ( -u, -1, v ) neg y
- } ).ElseIf( face.equal( 5.0 ), () => {
- direction.z.mulAssign( - 1.0 ); // ( u, v, -1 ) neg zS
- } );
- return direction;
- } ).setLayout( {
- name: 'getDirection',
- type: 'vec3',
- inputs: [
- { name: 'uv', type: 'vec2' },
- { name: 'face', type: 'float' }
- ]
- } );
- //
- const textureCubeUV = /*@__PURE__*/ Fn( ( [ envMap, sampleDir_immutable, roughness_immutable, CUBEUV_TEXEL_WIDTH, CUBEUV_TEXEL_HEIGHT, CUBEUV_MAX_MIP ] ) => {
- const roughness = float( roughness_immutable );
- const sampleDir = vec3( sampleDir_immutable );
- const mip = clamp( roughnessToMip( roughness ), cubeUV_m0, CUBEUV_MAX_MIP );
- const mipF = fract( mip );
- const mipInt = floor( mip );
- const color0 = vec3( bilinearCubeUV( envMap, sampleDir, mipInt, CUBEUV_TEXEL_WIDTH, CUBEUV_TEXEL_HEIGHT, CUBEUV_MAX_MIP ) ).toVar();
- If( mipF.notEqual( 0.0 ), () => {
- const color1 = vec3( bilinearCubeUV( envMap, sampleDir, mipInt.add( 1.0 ), CUBEUV_TEXEL_WIDTH, CUBEUV_TEXEL_HEIGHT, CUBEUV_MAX_MIP ) ).toVar();
- color0.assign( mix( color0, color1, mipF ) );
- } );
- return color0;
- } );
- const bilinearCubeUV = /*@__PURE__*/ Fn( ( [ envMap, direction_immutable, mipInt_immutable, CUBEUV_TEXEL_WIDTH, CUBEUV_TEXEL_HEIGHT, CUBEUV_MAX_MIP ] ) => {
- const mipInt = float( mipInt_immutable ).toVar();
- const direction = vec3( direction_immutable );
- const face = float( getFace( direction ) ).toVar();
- const filterInt = float( max$1( cubeUV_minMipLevel.sub( mipInt ), 0.0 ) ).toVar();
- mipInt.assign( max$1( mipInt, cubeUV_minMipLevel ) );
- const faceSize = float( exp2( mipInt ) ).toVar();
- const uv = vec2( getUV( direction, face ).mul( faceSize.sub( 2.0 ) ).add( 1.0 ) ).toVar();
- If( face.greaterThan( 2.0 ), () => {
- uv.y.addAssign( faceSize );
- face.subAssign( 3.0 );
- } );
- uv.x.addAssign( face.mul( faceSize ) );
- uv.x.addAssign( filterInt.mul( mul( 3.0, cubeUV_minTileSize ) ) );
- uv.y.addAssign( mul( 4.0, exp2( CUBEUV_MAX_MIP ).sub( faceSize ) ) );
- uv.x.mulAssign( CUBEUV_TEXEL_WIDTH );
- uv.y.mulAssign( CUBEUV_TEXEL_HEIGHT );
- return envMap.uv( uv ).grad( vec2(), vec2() ); // disable anisotropic filtering
- } );
- const getSample = /*@__PURE__*/ Fn( ( { envMap, mipInt, outputDirection, theta, axis, CUBEUV_TEXEL_WIDTH, CUBEUV_TEXEL_HEIGHT, CUBEUV_MAX_MIP } ) => {
- const cosTheta = cos( theta );
- // Rodrigues' axis-angle rotation
- const sampleDirection = outputDirection.mul( cosTheta )
- .add( axis.cross( outputDirection ).mul( sin( theta ) ) )
- .add( axis.mul( axis.dot( outputDirection ).mul( cosTheta.oneMinus() ) ) );
- return bilinearCubeUV( envMap, sampleDirection, mipInt, CUBEUV_TEXEL_WIDTH, CUBEUV_TEXEL_HEIGHT, CUBEUV_MAX_MIP );
- } );
- const blur = /*@__PURE__*/ Fn( ( { n, latitudinal, poleAxis, outputDirection, weights, samples, dTheta, mipInt, envMap, CUBEUV_TEXEL_WIDTH, CUBEUV_TEXEL_HEIGHT, CUBEUV_MAX_MIP } ) => {
- const axis = vec3( select( latitudinal, poleAxis, cross( poleAxis, outputDirection ) ) ).toVar();
- If( all( axis.equals( vec3( 0.0 ) ) ), () => {
- axis.assign( vec3( outputDirection.z, 0.0, outputDirection.x.negate() ) );
- } );
- axis.assign( normalize( axis ) );
- const gl_FragColor = vec3().toVar();
- gl_FragColor.addAssign( weights.element( int( 0 ) ).mul( getSample( { theta: 0.0, axis, outputDirection, mipInt, envMap, CUBEUV_TEXEL_WIDTH, CUBEUV_TEXEL_HEIGHT, CUBEUV_MAX_MIP } ) ) );
- Loop( { start: int( 1 ), end: n }, ( { i } ) => {
- If( i.greaterThanEqual( samples ), () => {
- Break();
- } );
- const theta = float( dTheta.mul( float( i ) ) ).toVar();
- gl_FragColor.addAssign( weights.element( i ).mul( getSample( { theta: theta.mul( - 1.0 ), axis, outputDirection, mipInt, envMap, CUBEUV_TEXEL_WIDTH, CUBEUV_TEXEL_HEIGHT, CUBEUV_MAX_MIP } ) ) );
- gl_FragColor.addAssign( weights.element( i ).mul( getSample( { theta, axis, outputDirection, mipInt, envMap, CUBEUV_TEXEL_WIDTH, CUBEUV_TEXEL_HEIGHT, CUBEUV_MAX_MIP } ) ) );
- } );
- return vec4( gl_FragColor, 1 );
- } );
- let _generator = null;
- const _cache = new WeakMap();
- function _generateCubeUVSize( imageHeight ) {
- const maxMip = Math.log2( imageHeight ) - 2;
- const texelHeight = 1.0 / imageHeight;
- const texelWidth = 1.0 / ( 3 * Math.max( Math.pow( 2, maxMip ), 7 * 16 ) );
- return { texelWidth, texelHeight, maxMip };
- }
- function _getPMREMFromTexture( texture ) {
- let cacheTexture = _cache.get( texture );
- const pmremVersion = cacheTexture !== undefined ? cacheTexture.pmremVersion : - 1;
- if ( pmremVersion !== texture.pmremVersion ) {
- const image = texture.image;
- if ( texture.isCubeTexture ) {
- if ( isCubeMapReady( image ) ) {
- cacheTexture = _generator.fromCubemap( texture, cacheTexture );
- } else {
- return null;
- }
- } else {
- if ( isEquirectangularMapReady( image ) ) {
- cacheTexture = _generator.fromEquirectangular( texture, cacheTexture );
- } else {
- return null;
- }
- }
- cacheTexture.pmremVersion = texture.pmremVersion;
- _cache.set( texture, cacheTexture );
- }
- return cacheTexture.texture;
- }
- class PMREMNode extends TempNode {
- static get type() {
- return 'PMREMNode';
- }
- constructor( value, uvNode = null, levelNode = null ) {
- super( 'vec3' );
- this._value = value;
- this._pmrem = null;
- this.uvNode = uvNode;
- this.levelNode = levelNode;
- this._generator = null;
- const defaultTexture = new Texture();
- defaultTexture.isRenderTargetTexture = true;
- this._texture = texture( defaultTexture );
- this._width = uniform( 0 );
- this._height = uniform( 0 );
- this._maxMip = uniform( 0 );
- this.updateBeforeType = NodeUpdateType.RENDER;
- }
- set value( value ) {
- this._value = value;
- this._pmrem = null;
- }
- get value() {
- return this._value;
- }
- updateFromTexture( texture ) {
- const cubeUVSize = _generateCubeUVSize( texture.image.height );
- this._texture.value = texture;
- this._width.value = cubeUVSize.texelWidth;
- this._height.value = cubeUVSize.texelHeight;
- this._maxMip.value = cubeUVSize.maxMip;
- }
- updateBefore() {
- let pmrem = this._pmrem;
- const pmremVersion = pmrem ? pmrem.pmremVersion : - 1;
- const texture = this._value;
- if ( pmremVersion !== texture.pmremVersion ) {
- if ( texture.isPMREMTexture === true ) {
- pmrem = texture;
- } else {
- pmrem = _getPMREMFromTexture( texture );
- }
- if ( pmrem !== null ) {
- this._pmrem = pmrem;
- this.updateFromTexture( pmrem );
- }
- }
- }
- setup( builder ) {
- if ( _generator === null ) {
- _generator = builder.createPMREMGenerator();
- }
- //
- this.updateBefore( builder );
- //
- let uvNode = this.uvNode;
- if ( uvNode === null && builder.context.getUV ) {
- uvNode = builder.context.getUV( this );
- }
- //
- const texture = this.value;
- if ( builder.renderer.coordinateSystem === WebGLCoordinateSystem && texture.isPMREMTexture !== true && texture.isRenderTargetTexture === true ) {
- uvNode = vec3( uvNode.x.negate(), uvNode.yz );
- }
- //
- let levelNode = this.levelNode;
- if ( levelNode === null && builder.context.getTextureLevel ) {
- levelNode = builder.context.getTextureLevel( this );
- }
- //
- return textureCubeUV( this._texture, uvNode, levelNode, this._width, this._height, this._maxMip );
- }
- }
- function isCubeMapReady( image ) {
- if ( image === null || image === undefined ) return false;
- let count = 0;
- const length = 6;
- for ( let i = 0; i < length; i ++ ) {
- if ( image[ i ] !== undefined ) count ++;
- }
- return count === length;
- }
- function isEquirectangularMapReady( image ) {
- if ( image === null || image === undefined ) return false;
- return image.height > 0;
- }
- const pmremTexture = /*@__PURE__*/ nodeProxy( PMREMNode );
- const _envNodeCache = new WeakMap();
- class EnvironmentNode extends LightingNode {
- static get type() {
- return 'EnvironmentNode';
- }
- constructor( envNode = null ) {
- super();
- this.envNode = envNode;
- }
- setup( builder ) {
- const { material } = builder;
- let envNode = this.envNode;
- if ( envNode.isTextureNode || envNode.isMaterialReferenceNode ) {
- const value = ( envNode.isTextureNode ) ? envNode.value : material[ envNode.property ];
- let cacheEnvNode = _envNodeCache.get( value );
- if ( cacheEnvNode === undefined ) {
- cacheEnvNode = pmremTexture( value );
- _envNodeCache.set( value, cacheEnvNode );
- }
- envNode = cacheEnvNode;
- }
- //
- const envMap = material.envMap;
- const intensity = envMap ? reference( 'envMapIntensity', 'float', builder.material ) : reference( 'environmentIntensity', 'float', builder.scene ); // @TODO: Add materialEnvIntensity in MaterialNode
- const useAnisotropy = material.useAnisotropy === true || material.anisotropy > 0;
- const radianceNormalView = useAnisotropy ? transformedBentNormalView : transformedNormalView;
- const radiance = envNode.context( createRadianceContext( roughness, radianceNormalView ) ).mul( intensity );
- const irradiance = envNode.context( createIrradianceContext( transformedNormalWorld ) ).mul( Math.PI ).mul( intensity );
- const isolateRadiance = cache( radiance );
- const isolateIrradiance = cache( irradiance );
- //
- builder.context.radiance.addAssign( isolateRadiance );
- builder.context.iblIrradiance.addAssign( isolateIrradiance );
- //
- const clearcoatRadiance = builder.context.lightingModel.clearcoatRadiance;
- if ( clearcoatRadiance ) {
- const clearcoatRadianceContext = envNode.context( createRadianceContext( clearcoatRoughness, transformedClearcoatNormalView ) ).mul( intensity );
- const isolateClearcoatRadiance = cache( clearcoatRadianceContext );
- clearcoatRadiance.addAssign( isolateClearcoatRadiance );
- }
- }
- }
- const createRadianceContext = ( roughnessNode, normalViewNode ) => {
- let reflectVec = null;
- return {
- getUV: () => {
- if ( reflectVec === null ) {
- reflectVec = positionViewDirection.negate().reflect( normalViewNode );
- // Mixing the reflection with the normal is more accurate and keeps rough objects from gathering light from behind their tangent plane.
- reflectVec = roughnessNode.mul( roughnessNode ).mix( reflectVec, normalViewNode ).normalize();
- reflectVec = reflectVec.transformDirection( cameraViewMatrix );
- }
- return reflectVec;
- },
- getTextureLevel: () => {
- return roughnessNode;
- }
- };
- };
- const createIrradianceContext = ( normalWorldNode ) => {
- return {
- getUV: () => {
- return normalWorldNode;
- },
- getTextureLevel: () => {
- return float( 1.0 );
- }
- };
- };
- const _defaultValues$6 = /*@__PURE__*/ new MeshStandardMaterial();
- class MeshStandardNodeMaterial extends NodeMaterial {
- static get type() {
- return 'MeshStandardNodeMaterial';
- }
- constructor( parameters ) {
- super();
- this.isMeshStandardNodeMaterial = true;
- this.lights = true;
- this.emissiveNode = null;
- this.metalnessNode = null;
- this.roughnessNode = null;
- this.setDefaultValues( _defaultValues$6 );
- this.setValues( parameters );
- }
- setupEnvironment( builder ) {
- let envNode = super.setupEnvironment( builder );
- if ( envNode === null && builder.environmentNode ) {
- envNode = builder.environmentNode;
- }
- return envNode ? new EnvironmentNode( envNode ) : null;
- }
- setupLightingModel( /*builder*/ ) {
- return new PhysicalLightingModel();
- }
- setupSpecular() {
- const specularColorNode = mix( vec3( 0.04 ), diffuseColor.rgb, metalness );
- specularColor.assign( specularColorNode );
- specularF90.assign( 1.0 );
- }
- setupVariants() {
- // METALNESS
- const metalnessNode = this.metalnessNode ? float( this.metalnessNode ) : materialMetalness;
- metalness.assign( metalnessNode );
- // ROUGHNESS
- let roughnessNode = this.roughnessNode ? float( this.roughnessNode ) : materialRoughness;
- roughnessNode = getRoughness( { roughness: roughnessNode } );
- roughness.assign( roughnessNode );
- // SPECULAR COLOR
- this.setupSpecular();
- // DIFFUSE COLOR
- diffuseColor.assign( vec4( diffuseColor.rgb.mul( metalnessNode.oneMinus() ), diffuseColor.a ) );
- }
- copy( source ) {
- this.emissiveNode = source.emissiveNode;
- this.metalnessNode = source.metalnessNode;
- this.roughnessNode = source.roughnessNode;
- return super.copy( source );
- }
- }
- const _defaultValues$5 = /*@__PURE__*/ new MeshPhysicalMaterial();
- class MeshPhysicalNodeMaterial extends MeshStandardNodeMaterial {
- static get type() {
- return 'MeshPhysicalNodeMaterial';
- }
- constructor( parameters ) {
- super();
- this.isMeshPhysicalNodeMaterial = true;
- this.clearcoatNode = null;
- this.clearcoatRoughnessNode = null;
- this.clearcoatNormalNode = null;
- this.sheenNode = null;
- this.sheenRoughnessNode = null;
- this.iridescenceNode = null;
- this.iridescenceIORNode = null;
- this.iridescenceThicknessNode = null;
- this.specularIntensityNode = null;
- this.specularColorNode = null;
- this.iorNode = null;
- this.transmissionNode = null;
- this.thicknessNode = null;
- this.attenuationDistanceNode = null;
- this.attenuationColorNode = null;
- this.dispersionNode = null;
- this.anisotropyNode = null;
- this.setDefaultValues( _defaultValues$5 );
- this.setValues( parameters );
- }
- get useClearcoat() {
- return this.clearcoat > 0 || this.clearcoatNode !== null;
- }
- get useIridescence() {
- return this.iridescence > 0 || this.iridescenceNode !== null;
- }
- get useSheen() {
- return this.sheen > 0 || this.sheenNode !== null;
- }
- get useAnisotropy() {
- return this.anisotropy > 0 || this.anisotropyNode !== null;
- }
- get useTransmission() {
- return this.transmission > 0 || this.transmissionNode !== null;
- }
- get useDispersion() {
- return this.dispersion > 0 || this.dispersionNode !== null;
- }
- setupSpecular() {
- const iorNode = this.iorNode ? float( this.iorNode ) : materialIOR;
- ior.assign( iorNode );
- specularColor.assign( mix( min$1( pow2( ior.sub( 1.0 ).div( ior.add( 1.0 ) ) ).mul( materialSpecularColor ), vec3( 1.0 ) ).mul( materialSpecularIntensity ), diffuseColor.rgb, metalness ) );
- specularF90.assign( mix( materialSpecularIntensity, 1.0, metalness ) );
- }
- setupLightingModel( /*builder*/ ) {
- return new PhysicalLightingModel( this.useClearcoat, this.useSheen, this.useIridescence, this.useAnisotropy, this.useTransmission, this.useDispersion );
- }
- setupVariants( builder ) {
- super.setupVariants( builder );
- // CLEARCOAT
- if ( this.useClearcoat ) {
- const clearcoatNode = this.clearcoatNode ? float( this.clearcoatNode ) : materialClearcoat;
- const clearcoatRoughnessNode = this.clearcoatRoughnessNode ? float( this.clearcoatRoughnessNode ) : materialClearcoatRoughness;
- clearcoat.assign( clearcoatNode );
- clearcoatRoughness.assign( getRoughness( { roughness: clearcoatRoughnessNode } ) );
- }
- // SHEEN
- if ( this.useSheen ) {
- const sheenNode = this.sheenNode ? vec3( this.sheenNode ) : materialSheen;
- const sheenRoughnessNode = this.sheenRoughnessNode ? float( this.sheenRoughnessNode ) : materialSheenRoughness;
- sheen.assign( sheenNode );
- sheenRoughness.assign( sheenRoughnessNode );
- }
- // IRIDESCENCE
- if ( this.useIridescence ) {
- const iridescenceNode = this.iridescenceNode ? float( this.iridescenceNode ) : materialIridescence;
- const iridescenceIORNode = this.iridescenceIORNode ? float( this.iridescenceIORNode ) : materialIridescenceIOR;
- const iridescenceThicknessNode = this.iridescenceThicknessNode ? float( this.iridescenceThicknessNode ) : materialIridescenceThickness;
- iridescence.assign( iridescenceNode );
- iridescenceIOR.assign( iridescenceIORNode );
- iridescenceThickness.assign( iridescenceThicknessNode );
- }
- // ANISOTROPY
- if ( this.useAnisotropy ) {
- const anisotropyV = ( this.anisotropyNode ? vec2( this.anisotropyNode ) : materialAnisotropy ).toVar();
- anisotropy.assign( anisotropyV.length() );
- If( anisotropy.equal( 0.0 ), () => {
- anisotropyV.assign( vec2( 1.0, 0.0 ) );
- } ).Else( () => {
- anisotropyV.divAssign( vec2( anisotropy ) );
- anisotropy.assign( anisotropy.saturate() );
- } );
- // Roughness along the anisotropy bitangent is the material roughness, while the tangent roughness increases with anisotropy.
- alphaT.assign( anisotropy.pow2().mix( roughness.pow2(), 1.0 ) );
- anisotropyT.assign( TBNViewMatrix[ 0 ].mul( anisotropyV.x ).add( TBNViewMatrix[ 1 ].mul( anisotropyV.y ) ) );
- anisotropyB.assign( TBNViewMatrix[ 1 ].mul( anisotropyV.x ).sub( TBNViewMatrix[ 0 ].mul( anisotropyV.y ) ) );
- }
- // TRANSMISSION
- if ( this.useTransmission ) {
- const transmissionNode = this.transmissionNode ? float( this.transmissionNode ) : materialTransmission;
- const thicknessNode = this.thicknessNode ? float( this.thicknessNode ) : materialThickness;
- const attenuationDistanceNode = this.attenuationDistanceNode ? float( this.attenuationDistanceNode ) : materialAttenuationDistance;
- const attenuationColorNode = this.attenuationColorNode ? vec3( this.attenuationColorNode ) : materialAttenuationColor;
- transmission.assign( transmissionNode );
- thickness.assign( thicknessNode );
- attenuationDistance.assign( attenuationDistanceNode );
- attenuationColor.assign( attenuationColorNode );
- if ( this.useDispersion ) {
- const dispersionNode = this.dispersionNode ? float( this.dispersionNode ) : materialDispersion;
- dispersion.assign( dispersionNode );
- }
- }
- }
- setupClearcoatNormal() {
- return this.clearcoatNormalNode ? vec3( this.clearcoatNormalNode ) : materialClearcoatNormal;
- }
- setup( builder ) {
- builder.context.setupClearcoatNormal = () => this.setupClearcoatNormal( builder );
- super.setup( builder );
- }
- copy( source ) {
- this.clearcoatNode = source.clearcoatNode;
- this.clearcoatRoughnessNode = source.clearcoatRoughnessNode;
- this.clearcoatNormalNode = source.clearcoatNormalNode;
- this.sheenNode = source.sheenNode;
- this.sheenRoughnessNode = source.sheenRoughnessNode;
- this.iridescenceNode = source.iridescenceNode;
- this.iridescenceIORNode = source.iridescenceIORNode;
- this.iridescenceThicknessNode = source.iridescenceThicknessNode;
- this.specularIntensityNode = source.specularIntensityNode;
- this.specularColorNode = source.specularColorNode;
- this.transmissionNode = source.transmissionNode;
- this.thicknessNode = source.thicknessNode;
- this.attenuationDistanceNode = source.attenuationDistanceNode;
- this.attenuationColorNode = source.attenuationColorNode;
- this.dispersionNode = source.dispersionNode;
- this.anisotropyNode = source.anisotropyNode;
- return super.copy( source );
- }
- }
- class SSSLightingModel extends PhysicalLightingModel {
- constructor( useClearcoat, useSheen, useIridescence, useSSS ) {
- super( useClearcoat, useSheen, useIridescence );
- this.useSSS = useSSS;
- }
- direct( { lightDirection, lightColor, reflectedLight }, stack, builder ) {
- if ( this.useSSS === true ) {
- const material = builder.material;
- const { thicknessColorNode, thicknessDistortionNode, thicknessAmbientNode, thicknessAttenuationNode, thicknessPowerNode, thicknessScaleNode } = material;
- const scatteringHalf = lightDirection.add( transformedNormalView.mul( thicknessDistortionNode ) ).normalize();
- const scatteringDot = float( positionViewDirection.dot( scatteringHalf.negate() ).saturate().pow( thicknessPowerNode ).mul( thicknessScaleNode ) );
- const scatteringIllu = vec3( scatteringDot.add( thicknessAmbientNode ).mul( thicknessColorNode ) );
- reflectedLight.directDiffuse.addAssign( scatteringIllu.mul( thicknessAttenuationNode.mul( lightColor ) ) );
- }
- super.direct( { lightDirection, lightColor, reflectedLight }, stack, builder );
- }
- }
- class MeshSSSNodeMaterial extends MeshPhysicalNodeMaterial {
- static get type() {
- return 'MeshSSSNodeMaterial';
- }
- constructor( parameters ) {
- super( parameters );
- this.thicknessColorNode = null;
- this.thicknessDistortionNode = float( 0.1 );
- this.thicknessAmbientNode = float( 0.0 );
- this.thicknessAttenuationNode = float( .1 );
- this.thicknessPowerNode = float( 2.0 );
- this.thicknessScaleNode = float( 10.0 );
- }
- get useSSS() {
- return this.thicknessColorNode !== null;
- }
- setupLightingModel( /*builder*/ ) {
- return new SSSLightingModel( this.useClearcoat, this.useSheen, this.useIridescence, this.useSSS );
- }
- copy( source ) {
- this.thicknessColorNode = source.thicknessColorNode;
- this.thicknessDistortionNode = source.thicknessDistortionNode;
- this.thicknessAmbientNode = source.thicknessAmbientNode;
- this.thicknessAttenuationNode = source.thicknessAttenuationNode;
- this.thicknessPowerNode = source.thicknessPowerNode;
- this.thicknessScaleNode = source.thicknessScaleNode;
- return super.copy( source );
- }
- }
- const getGradientIrradiance = /*@__PURE__*/ Fn( ( { normal, lightDirection, builder } ) => {
- // dotNL will be from -1.0 to 1.0
- const dotNL = normal.dot( lightDirection );
- const coord = vec2( dotNL.mul( 0.5 ).add( 0.5 ), 0.0 );
- if ( builder.material.gradientMap ) {
- const gradientMap = materialReference( 'gradientMap', 'texture' ).context( { getUV: () => coord } );
- return vec3( gradientMap.r );
- } else {
- const fw = coord.fwidth().mul( 0.5 );
- return mix( vec3( 0.7 ), vec3( 1.0 ), smoothstep( float( 0.7 ).sub( fw.x ), float( 0.7 ).add( fw.x ), coord.x ) );
- }
- } );
- class ToonLightingModel extends LightingModel {
- direct( { lightDirection, lightColor, reflectedLight }, stack, builder ) {
- const irradiance = getGradientIrradiance( { normal: normalGeometry, lightDirection, builder } ).mul( lightColor );
- reflectedLight.directDiffuse.addAssign( irradiance.mul( BRDF_Lambert( { diffuseColor: diffuseColor.rgb } ) ) );
- }
- indirect( { ambientOcclusion, irradiance, reflectedLight } ) {
- reflectedLight.indirectDiffuse.addAssign( irradiance.mul( BRDF_Lambert( { diffuseColor } ) ) );
- reflectedLight.indirectDiffuse.mulAssign( ambientOcclusion );
- }
- }
- const _defaultValues$4 = /*@__PURE__*/ new MeshToonMaterial();
- class MeshToonNodeMaterial extends NodeMaterial {
- static get type() {
- return 'MeshToonNodeMaterial';
- }
- constructor( parameters ) {
- super();
- this.isMeshToonNodeMaterial = true;
- this.lights = true;
- this.setDefaultValues( _defaultValues$4 );
- this.setValues( parameters );
- }
- setupLightingModel( /*builder*/ ) {
- return new ToonLightingModel();
- }
- }
- class MatcapUVNode extends TempNode {
- static get type() {
- return 'MatcapUVNode';
- }
- constructor() {
- super( 'vec2' );
- }
- setup() {
- const x = vec3( positionViewDirection.z, 0, positionViewDirection.x.negate() ).normalize();
- const y = positionViewDirection.cross( x );
- return vec2( x.dot( transformedNormalView ), y.dot( transformedNormalView ) ).mul( 0.495 ).add( 0.5 ); // 0.495 to remove artifacts caused by undersized matcap disks
- }
- }
- const matcapUV = /*@__PURE__*/ nodeImmutable( MatcapUVNode );
- const _defaultValues$3 = /*@__PURE__*/ new MeshMatcapMaterial();
- class MeshMatcapNodeMaterial extends NodeMaterial {
- static get type() {
- return 'MeshMatcapNodeMaterial';
- }
- constructor( parameters ) {
- super();
- this.lights = false;
- this.isMeshMatcapNodeMaterial = true;
- this.setDefaultValues( _defaultValues$3 );
- this.setValues( parameters );
- }
- setupVariants( builder ) {
- const uv = matcapUV;
- let matcapColor;
- if ( builder.material.matcap ) {
- matcapColor = materialReference( 'matcap', 'texture' ).context( { getUV: () => uv } );
- } else {
- matcapColor = vec3( mix( 0.2, 0.8, uv.y ) ); // default if matcap is missing
- }
- diffuseColor.rgb.mulAssign( matcapColor.rgb );
- }
- }
- const _defaultValues$2 = /*@__PURE__*/ new PointsMaterial();
- class PointsNodeMaterial extends NodeMaterial {
- static get type() {
- return 'PointsNodeMaterial';
- }
- constructor( parameters ) {
- super();
- this.isPointsNodeMaterial = true;
- this.lights = false;
- this.transparent = true;
- this.sizeNode = null;
- this.setDefaultValues( _defaultValues$2 );
- this.setValues( parameters );
- }
- copy( source ) {
- this.sizeNode = source.sizeNode;
- return super.copy( source );
- }
- }
- class RotateNode extends TempNode {
- static get type() {
- return 'RotateNode';
- }
- constructor( positionNode, rotationNode ) {
- super();
- this.positionNode = positionNode;
- this.rotationNode = rotationNode;
- }
- getNodeType( builder ) {
- return this.positionNode.getNodeType( builder );
- }
- setup( builder ) {
- const { rotationNode, positionNode } = this;
- const nodeType = this.getNodeType( builder );
- if ( nodeType === 'vec2' ) {
- const cosAngle = rotationNode.cos();
- const sinAngle = rotationNode.sin();
- const rotationMatrix = mat2(
- cosAngle, sinAngle,
- sinAngle.negate(), cosAngle
- );
- return rotationMatrix.mul( positionNode );
- } else {
- const rotation = rotationNode;
- const rotationXMatrix = mat4( vec4( 1.0, 0.0, 0.0, 0.0 ), vec4( 0.0, cos( rotation.x ), sin( rotation.x ).negate(), 0.0 ), vec4( 0.0, sin( rotation.x ), cos( rotation.x ), 0.0 ), vec4( 0.0, 0.0, 0.0, 1.0 ) );
- const rotationYMatrix = mat4( vec4( cos( rotation.y ), 0.0, sin( rotation.y ), 0.0 ), vec4( 0.0, 1.0, 0.0, 0.0 ), vec4( sin( rotation.y ).negate(), 0.0, cos( rotation.y ), 0.0 ), vec4( 0.0, 0.0, 0.0, 1.0 ) );
- const rotationZMatrix = mat4( vec4( cos( rotation.z ), sin( rotation.z ).negate(), 0.0, 0.0 ), vec4( sin( rotation.z ), cos( rotation.z ), 0.0, 0.0 ), vec4( 0.0, 0.0, 1.0, 0.0 ), vec4( 0.0, 0.0, 0.0, 1.0 ) );
- return rotationXMatrix.mul( rotationYMatrix ).mul( rotationZMatrix ).mul( vec4( positionNode, 1.0 ) ).xyz;
- }
- }
- }
- const rotate = /*@__PURE__*/ nodeProxy( RotateNode );
- const _defaultValues$1 = /*@__PURE__*/ new SpriteMaterial();
- class SpriteNodeMaterial extends NodeMaterial {
- static get type() {
- return 'SpriteNodeMaterial';
- }
- constructor( parameters ) {
- super();
- this.isSpriteNodeMaterial = true;
- this.lights = false;
- this._useSizeAttenuation = true;
- this.positionNode = null;
- this.rotationNode = null;
- this.scaleNode = null;
- this.setDefaultValues( _defaultValues$1 );
- this.setValues( parameters );
- }
- setupPosition( { object, camera, context } ) {
- const sizeAttenuation = this.sizeAttenuation;
- // < VERTEX STAGE >
- const { positionNode, rotationNode, scaleNode } = this;
- const vertex = positionLocal;
- let mvPosition = modelViewMatrix.mul( vec3( positionNode || 0 ) );
- let scale = vec2( modelWorldMatrix[ 0 ].xyz.length(), modelWorldMatrix[ 1 ].xyz.length() );
- if ( scaleNode !== null ) {
- scale = scale.mul( scaleNode );
- }
- if ( ! sizeAttenuation && camera.isPerspectiveCamera ) {
- scale = scale.mul( mvPosition.z.negate() );
- }
- let alignedPosition = vertex.xy;
- if ( object.center && object.center.isVector2 === true ) {
- const center = reference$1( 'center', 'vec2' );
- alignedPosition = alignedPosition.sub( center.sub( 0.5 ) );
- }
- alignedPosition = alignedPosition.mul( scale );
- const rotation = float( rotationNode || materialRotation );
- const rotatedPosition = rotate( alignedPosition, rotation );
- mvPosition = vec4( mvPosition.xy.add( rotatedPosition ), mvPosition.zw );
- const modelViewProjection = cameraProjectionMatrix.mul( mvPosition );
- context.vertex = vertex;
- return modelViewProjection;
- }
- copy( source ) {
- this.positionNode = source.positionNode;
- this.rotationNode = source.rotationNode;
- this.scaleNode = source.scaleNode;
- return super.copy( source );
- }
- get sizeAttenuation() {
- return this._useSizeAttenuation;
- }
- set sizeAttenuation( value ) {
- if ( this._useSizeAttenuation !== value ) {
- this._useSizeAttenuation = value;
- this.needsUpdate = true;
- }
- }
- }
- class ShadowMaskModel extends LightingModel {
- constructor() {
- super();
- this.shadowNode = float( 1 ).toVar( 'shadowMask' );
- }
- direct( { shadowMask } ) {
- this.shadowNode.mulAssign( shadowMask );
- }
- finish( context ) {
- diffuseColor.a.mulAssign( this.shadowNode.oneMinus() );
- context.outgoingLight.rgb.assign( diffuseColor.rgb ); // TODO: Optimize LightsNode to avoid this assignment
- }
- }
- const _defaultValues = /*@__PURE__*/ new ShadowMaterial();
- class ShadowNodeMaterial extends NodeMaterial {
- static get type() {
- return 'ShadowNodeMaterial';
- }
- constructor( parameters ) {
- super();
- this.isShadowNodeMaterial = true;
- this.lights = true;
- this.setDefaultValues( _defaultValues );
- this.setValues( parameters );
- }
- setupLightingModel( /*builder*/ ) {
- return new ShadowMaskModel();
- }
- }
- const normal = Fn( ( { texture, uv } ) => {
- const epsilon = 0.0001;
- const ret = vec3().toVar();
- If( uv.x.lessThan( epsilon ), () => {
- ret.assign( vec3( 1, 0, 0 ) );
- } ).ElseIf( uv.y.lessThan( epsilon ), () => {
- ret.assign( vec3( 0, 1, 0 ) );
- } ).ElseIf( uv.z.lessThan( epsilon ), () => {
- ret.assign( vec3( 0, 0, 1 ) );
- } ).ElseIf( uv.x.greaterThan( 1 - epsilon ), () => {
- ret.assign( vec3( - 1, 0, 0 ) );
- } ).ElseIf( uv.y.greaterThan( 1 - epsilon ), () => {
- ret.assign( vec3( 0, - 1, 0 ) );
- } ).ElseIf( uv.z.greaterThan( 1 - epsilon ), () => {
- ret.assign( vec3( 0, 0, - 1 ) );
- } ).Else( () => {
- const step = 0.01;
- const x = texture.uv( uv.add( vec3( - step, 0.0, 0.0 ) ) ).r.sub( texture.uv( uv.add( vec3( step, 0.0, 0.0 ) ) ).r );
- const y = texture.uv( uv.add( vec3( 0.0, - step, 0.0 ) ) ).r.sub( texture.uv( uv.add( vec3( 0.0, step, 0.0 ) ) ).r );
- const z = texture.uv( uv.add( vec3( 0.0, 0.0, - step ) ) ).r.sub( texture.uv( uv.add( vec3( 0.0, 0.0, step ) ) ).r );
- ret.assign( vec3( x, y, z ) );
- } );
- return ret.normalize();
- } );
- class Texture3DNode extends TextureNode {
- static get type() {
- return 'Texture3DNode';
- }
- constructor( value, uvNode = null, levelNode = null ) {
- super( value, uvNode, levelNode );
- this.isTexture3DNode = true;
- }
- getInputType( /*builder*/ ) {
- return 'texture3D';
- }
- getDefaultUV() {
- return vec3( 0.5, 0.5, 0.5 );
- }
- setUpdateMatrix( /*updateMatrix*/ ) { } // Ignore .updateMatrix for 3d TextureNode
- setupUV( builder, uvNode ) {
- return uvNode;
- }
- generateUV( builder, uvNode ) {
- return uvNode.build( builder, 'vec3' );
- }
- normal( uvNode ) {
- return normal( { texture: this, uv: uvNode } );
- }
- }
- const texture3D = /*@__PURE__*/ nodeProxy( Texture3DNode );
- class VolumeNodeMaterial extends NodeMaterial {
- static get type() {
- return 'VolumeNodeMaterial';
- }
- constructor( params = {} ) {
- super();
- this.lights = false;
- this.isVolumeNodeMaterial = true;
- this.testNode = null;
- this.setValues( params );
- }
- setup( builder ) {
- const map = texture3D( this.map, null, 0 );
- const hitBox = Fn( ( { orig, dir } ) => {
- const box_min = vec3( - 0.5 );
- const box_max = vec3( 0.5 );
- const inv_dir = dir.reciprocal();
- const tmin_tmp = box_min.sub( orig ).mul( inv_dir );
- const tmax_tmp = box_max.sub( orig ).mul( inv_dir );
- const tmin = min$1( tmin_tmp, tmax_tmp );
- const tmax = max$1( tmin_tmp, tmax_tmp );
- const t0 = max$1( tmin.x, max$1( tmin.y, tmin.z ) );
- const t1 = min$1( tmax.x, min$1( tmax.y, tmax.z ) );
- return vec2( t0, t1 );
- } );
- this.fragmentNode = Fn( () => {
- const vOrigin = varying( vec3( modelWorldMatrixInverse.mul( vec4( cameraPosition, 1.0 ) ) ) );
- const vDirection = varying( positionGeometry.sub( vOrigin ) );
- const rayDir = vDirection.normalize();
- const bounds = vec2( hitBox( { orig: vOrigin, dir: rayDir } ) ).toVar();
- bounds.x.greaterThan( bounds.y ).discard();
- bounds.assign( vec2( max$1( bounds.x, 0.0 ), bounds.y ) );
- const p = vec3( vOrigin.add( bounds.x.mul( rayDir ) ) ).toVar();
- const inc = vec3( rayDir.abs().reciprocal() ).toVar();
- const delta = float( min$1( inc.x, min$1( inc.y, inc.z ) ) ).toVar( 'delta' ); // used 'delta' name in loop
- delta.divAssign( materialReference( 'steps', 'float' ) );
- const ac = vec4( materialReference( 'base', 'color' ), 0.0 ).toVar();
- Loop( { type: 'float', start: bounds.x, end: bounds.y, update: '+= delta' }, () => {
- const d = property( 'float', 'd' ).assign( map.uv( p.add( 0.5 ) ).r );
- if ( this.testNode !== null ) {
- this.testNode( { map: map, mapValue: d, probe: p, finalColor: ac } ).append();
- } else {
- // default to show surface of mesh
- ac.a.assign( 1 );
- Break();
- }
- p.addAssign( rayDir.mul( delta ) );
- } );
- ac.a.equal( 0 ).discard();
- return vec4( ac );
- } )();
- super.setup( builder );
- }
- }
- class Animation {
- constructor( nodes, info ) {
- this.nodes = nodes;
- this.info = info;
- this.animationLoop = null;
- this.requestId = null;
- this._init();
- }
- _init() {
- const update = ( time, frame ) => {
- this.requestId = self.requestAnimationFrame( update );
- if ( this.info.autoReset === true ) this.info.reset();
- this.nodes.nodeFrame.update();
- this.info.frame = this.nodes.nodeFrame.frameId;
- if ( this.animationLoop !== null ) this.animationLoop( time, frame );
- };
- update();
- }
- dispose() {
- self.cancelAnimationFrame( this.requestId );
- this.requestId = null;
- }
- setAnimationLoop( callback ) {
- this.animationLoop = callback;
- }
- }
- class ChainMap {
- constructor() {
- this.weakMap = new WeakMap();
- }
- get( keys ) {
- let map = this.weakMap;
- for ( let i = 0; i < keys.length; i ++ ) {
- map = map.get( keys[ i ] );
- if ( map === undefined ) return undefined;
- }
- return map.get( keys[ keys.length - 1 ] );
- }
- set( keys, value ) {
- let map = this.weakMap;
- for ( let i = 0; i < keys.length; i ++ ) {
- const key = keys[ i ];
- if ( map.has( key ) === false ) map.set( key, new WeakMap() );
- map = map.get( key );
- }
- return map.set( keys[ keys.length - 1 ], value );
- }
- delete( keys ) {
- let map = this.weakMap;
- for ( let i = 0; i < keys.length; i ++ ) {
- map = map.get( keys[ i ] );
- if ( map === undefined ) return false;
- }
- return map.delete( keys[ keys.length - 1 ] );
- }
- }
- const _plane = /*@__PURE__*/ new Plane();
- class ClippingContext {
- constructor() {
- this.version = 0;
- this.globalClippingCount = 0;
- this.localClippingCount = 0;
- this.localClippingEnabled = false;
- this.localClipIntersection = false;
- this.planes = [];
- this.parentVersion = 0;
- this.viewNormalMatrix = new Matrix3();
- this.cacheKey = 0;
- }
- projectPlanes( source, offset ) {
- const l = source.length;
- const planes = this.planes;
- for ( let i = 0; i < l; i ++ ) {
- _plane.copy( source[ i ] ).applyMatrix4( this.viewMatrix, this.viewNormalMatrix );
- const v = planes[ offset + i ];
- const normal = _plane.normal;
- v.x = - normal.x;
- v.y = - normal.y;
- v.z = - normal.z;
- v.w = _plane.constant;
- }
- }
- updateGlobal( renderer, camera ) {
- const rendererClippingPlanes = renderer.clippingPlanes;
- this.viewMatrix = camera.matrixWorldInverse;
- this.viewNormalMatrix.getNormalMatrix( this.viewMatrix );
- let update = false;
- if ( Array.isArray( rendererClippingPlanes ) && rendererClippingPlanes.length !== 0 ) {
- const l = rendererClippingPlanes.length;
- if ( l !== this.globalClippingCount ) {
- const planes = [];
- for ( let i = 0; i < l; i ++ ) {
- planes.push( new Vector4() );
- }
- this.globalClippingCount = l;
- this.planes = planes;
- update = true;
- }
- this.projectPlanes( rendererClippingPlanes, 0 );
- } else if ( this.globalClippingCount !== 0 ) {
- this.globalClippingCount = 0;
- this.planes = [];
- update = true;
- }
- if ( renderer.localClippingEnabled !== this.localClippingEnabled ) {
- this.localClippingEnabled = renderer.localClippingEnabled;
- update = true;
- }
- if ( update ) {
- this.version ++;
- this.cacheKey = hash$1( this.globalClippingCount, this.localClippingEnabled === true ? 1 : 0 );
- }
- }
- update( parent, material ) {
- let update = false;
- if ( this !== parent && parent.version !== this.parentVersion ) {
- this.globalClippingCount = material.isShadowNodeMaterial ? 0 : parent.globalClippingCount;
- this.localClippingEnabled = parent.localClippingEnabled;
- this.planes = Array.from( parent.planes );
- this.parentVersion = parent.version;
- this.viewMatrix = parent.viewMatrix;
- this.viewNormalMatrix = parent.viewNormalMatrix;
- update = true;
- }
- if ( this.localClippingEnabled ) {
- const localClippingPlanes = material.clippingPlanes;
- if ( ( Array.isArray( localClippingPlanes ) && localClippingPlanes.length !== 0 ) ) {
- const l = localClippingPlanes.length;
- const planes = this.planes;
- const offset = this.globalClippingCount;
- if ( update || l !== this.localClippingCount ) {
- planes.length = offset + l;
- for ( let i = 0; i < l; i ++ ) {
- planes[ offset + i ] = new Vector4();
- }
- this.localClippingCount = l;
- update = true;
- }
- this.projectPlanes( localClippingPlanes, offset );
- } else if ( this.localClippingCount !== 0 ) {
- this.localClippingCount = 0;
- update = true;
- }
- if ( this.localClipIntersection !== material.clipIntersection ) {
- this.localClipIntersection = material.clipIntersection;
- update = true;
- }
- }
- if ( update ) {
- this.version += parent.version;
- this.cacheKey = hash$1( parent.cacheKey, this.localClippingCount, this.localClipIntersection === true ? 1 : 0 );
- }
- }
- }
- let _id$7 = 0;
- function getKeys( obj ) {
- const keys = Object.keys( obj );
- let proto = Object.getPrototypeOf( obj );
- while ( proto ) {
- const descriptors = Object.getOwnPropertyDescriptors( proto );
- for ( const key in descriptors ) {
- if ( descriptors[ key ] !== undefined ) {
- const descriptor = descriptors[ key ];
- if ( descriptor && typeof descriptor.get === 'function' ) {
- keys.push( key );
- }
- }
- }
- proto = Object.getPrototypeOf( proto );
- }
- return keys;
- }
- class RenderObject {
- constructor( nodes, geometries, renderer, object, material, scene, camera, lightsNode, renderContext ) {
- this._nodes = nodes;
- this._geometries = geometries;
- this.id = _id$7 ++;
- this.renderer = renderer;
- this.object = object;
- this.material = material;
- this.scene = scene;
- this.camera = camera;
- this.lightsNode = lightsNode;
- this.context = renderContext;
- this.geometry = object.geometry;
- this.version = material.version;
- this.drawRange = null;
- this.attributes = null;
- this.pipeline = null;
- this.vertexBuffers = null;
- this.drawParams = null;
- this.bundle = null;
- this.updateClipping( renderContext.clippingContext );
- this.clippingContextVersion = this.clippingContext.version;
- this.initialNodesCacheKey = this.getDynamicCacheKey();
- this.initialCacheKey = this.getCacheKey();
- this._nodeBuilderState = null;
- this._bindings = null;
- this._monitor = null;
- this.onDispose = null;
- this.isRenderObject = true;
- this.onMaterialDispose = () => {
- this.dispose();
- };
- this.material.addEventListener( 'dispose', this.onMaterialDispose );
- }
- updateClipping( parent ) {
- const material = this.material;
- let clippingContext = this.clippingContext;
- if ( Array.isArray( material.clippingPlanes ) ) {
- if ( clippingContext === parent || ! clippingContext ) {
- clippingContext = new ClippingContext();
- this.clippingContext = clippingContext;
- }
- clippingContext.update( parent, material );
- } else if ( this.clippingContext !== parent ) {
- this.clippingContext = parent;
- }
- }
- get clippingNeedsUpdate() {
- if ( this.clippingContext.version === this.clippingContextVersion ) return false;
- this.clippingContextVersion = this.clippingContext.version;
- return true;
- }
- getNodeBuilderState() {
- return this._nodeBuilderState || ( this._nodeBuilderState = this._nodes.getForRender( this ) );
- }
- getMonitor() {
- return this._monitor || ( this._monitor = this.getNodeBuilderState().monitor );
- }
- getBindings() {
- return this._bindings || ( this._bindings = this.getNodeBuilderState().createBindings() );
- }
- getIndex() {
- return this._geometries.getIndex( this );
- }
- getChainArray() {
- return [ this.object, this.material, this.context, this.lightsNode ];
- }
- getAttributes() {
- if ( this.attributes !== null ) return this.attributes;
- const nodeAttributes = this.getNodeBuilderState().nodeAttributes;
- const geometry = this.geometry;
- const attributes = [];
- const vertexBuffers = new Set();
- for ( const nodeAttribute of nodeAttributes ) {
- const attribute = nodeAttribute.node && nodeAttribute.node.attribute ? nodeAttribute.node.attribute : geometry.getAttribute( nodeAttribute.name );
- if ( attribute === undefined ) continue;
- attributes.push( attribute );
- const bufferAttribute = attribute.isInterleavedBufferAttribute ? attribute.data : attribute;
- vertexBuffers.add( bufferAttribute );
- }
- this.attributes = attributes;
- this.vertexBuffers = Array.from( vertexBuffers.values() );
- return attributes;
- }
- getVertexBuffers() {
- if ( this.vertexBuffers === null ) this.getAttributes();
- return this.vertexBuffers;
- }
- getDrawParameters() {
- const { object, material, geometry, group, drawRange } = this;
- const drawParams = this.drawParams || ( this.drawParams = {
- vertexCount: 0,
- firstVertex: 0,
- instanceCount: 0,
- firstInstance: 0
- } );
- const index = this.getIndex();
- const hasIndex = ( index !== null );
- const instanceCount = geometry.isInstancedBufferGeometry ? geometry.instanceCount : ( object.count > 1 ? object.count : 1 );
- if ( instanceCount === 0 ) return null;
- drawParams.instanceCount = instanceCount;
- if ( object.isBatchedMesh === true ) return drawParams;
- let rangeFactor = 1;
- if ( material.wireframe === true && ! object.isPoints && ! object.isLineSegments && ! object.isLine && ! object.isLineLoop ) {
- rangeFactor = 2;
- }
- let firstVertex = drawRange.start * rangeFactor;
- let lastVertex = ( drawRange.start + drawRange.count ) * rangeFactor;
- if ( group !== null ) {
- firstVertex = Math.max( firstVertex, group.start * rangeFactor );
- lastVertex = Math.min( lastVertex, ( group.start + group.count ) * rangeFactor );
- }
- const itemCount = hasIndex === true ? index.count : geometry.attributes.position.count;
- firstVertex = Math.max( firstVertex, 0 );
- lastVertex = Math.min( lastVertex, itemCount );
- const count = lastVertex - firstVertex;
- if ( count < 0 || count === Infinity ) return null;
- drawParams.vertexCount = count;
- drawParams.firstVertex = firstVertex;
- return drawParams;
- }
- getGeometryCacheKey() {
- const { geometry } = this;
- let cacheKey = '';
- for ( const name of Object.keys( geometry.attributes ).sort() ) {
- const attribute = geometry.attributes[ name ];
- cacheKey += name + ',';
- if ( attribute.data ) cacheKey += attribute.data.stride + ',';
- if ( attribute.offset ) cacheKey += attribute.offset + ',';
- if ( attribute.itemSize ) cacheKey += attribute.itemSize + ',';
- if ( attribute.normalized ) cacheKey += 'n,';
- }
- if ( geometry.index ) {
- cacheKey += 'index,';
- }
- return cacheKey;
- }
- getMaterialCacheKey() {
- const { object, material } = this;
- let cacheKey = material.customProgramCacheKey();
- for ( const property of getKeys( material ) ) {
- if ( /^(is[A-Z]|_)|^(visible|version|uuid|name|opacity|userData)$/.test( property ) ) continue;
- const value = material[ property ];
- let valueKey;
- if ( value !== null ) {
- // some material values require a formatting
- const type = typeof value;
- if ( type === 'number' ) {
- valueKey = value !== 0 ? '1' : '0'; // Convert to on/off, important for clearcoat, transmission, etc
- } else if ( type === 'object' ) {
- valueKey = '{';
- if ( value.isTexture ) {
- valueKey += value.mapping;
- }
- valueKey += '}';
- } else {
- valueKey = String( value );
- }
- } else {
- valueKey = String( value );
- }
- cacheKey += /*property + ':' +*/ valueKey + ',';
- }
- cacheKey += this.clippingContext.cacheKey + ',';
- if ( object.geometry ) {
- cacheKey += this.getGeometryCacheKey();
- }
- if ( object.skeleton ) {
- cacheKey += object.skeleton.bones.length + ',';
- }
- if ( object.morphTargetInfluences ) {
- cacheKey += object.morphTargetInfluences.length + ',';
- }
- if ( object.isBatchedMesh ) {
- cacheKey += object._matricesTexture.uuid + ',';
- if ( object._colorsTexture !== null ) {
- cacheKey += object._colorsTexture.uuid + ',';
- }
- }
- if ( object.count > 1 ) {
- // TODO: https://github.com/mrdoob/three.js/pull/29066#issuecomment-2269400850
- cacheKey += object.uuid + ',';
- }
- return hashString( cacheKey );
- }
- get needsUpdate() {
- return /*this.object.static !== true &&*/ ( this.initialNodesCacheKey !== this.getDynamicCacheKey() || this.clippingNeedsUpdate );
- }
- getDynamicCacheKey() {
- // Environment Nodes Cache Key
- let cacheKey = this._nodes.getCacheKey( this.scene, this.lightsNode );
- if ( this.object.receiveShadow ) {
- cacheKey += 1;
- }
- return cacheKey;
- }
- getCacheKey() {
- return this.getMaterialCacheKey() + this.getDynamicCacheKey();
- }
- dispose() {
- this.material.removeEventListener( 'dispose', this.onMaterialDispose );
- this.onDispose();
- }
- }
- const chainArray = [];
- class RenderObjects {
- constructor( renderer, nodes, geometries, pipelines, bindings, info ) {
- this.renderer = renderer;
- this.nodes = nodes;
- this.geometries = geometries;
- this.pipelines = pipelines;
- this.bindings = bindings;
- this.info = info;
- this.chainMaps = {};
- }
- get( object, material, scene, camera, lightsNode, renderContext, passId ) {
- const chainMap = this.getChainMap( passId );
- // reuse chainArray
- chainArray[ 0 ] = object;
- chainArray[ 1 ] = material;
- chainArray[ 2 ] = renderContext;
- chainArray[ 3 ] = lightsNode;
- let renderObject = chainMap.get( chainArray );
- if ( renderObject === undefined ) {
- renderObject = this.createRenderObject( this.nodes, this.geometries, this.renderer, object, material, scene, camera, lightsNode, renderContext, passId );
- chainMap.set( chainArray, renderObject );
- } else {
- renderObject.updateClipping( renderContext.clippingContext );
- if ( renderObject.version !== material.version || renderObject.needsUpdate ) {
- if ( renderObject.initialCacheKey !== renderObject.getCacheKey() ) {
- renderObject.dispose();
- renderObject = this.get( object, material, scene, camera, lightsNode, renderContext, passId );
- } else {
- renderObject.version = material.version;
- }
- }
- }
- return renderObject;
- }
- getChainMap( passId = 'default' ) {
- return this.chainMaps[ passId ] || ( this.chainMaps[ passId ] = new ChainMap() );
- }
- dispose() {
- this.chainMaps = {};
- }
- createRenderObject( nodes, geometries, renderer, object, material, scene, camera, lightsNode, renderContext, passId ) {
- const chainMap = this.getChainMap( passId );
- const renderObject = new RenderObject( nodes, geometries, renderer, object, material, scene, camera, lightsNode, renderContext );
- renderObject.onDispose = () => {
- this.pipelines.delete( renderObject );
- this.bindings.delete( renderObject );
- this.nodes.delete( renderObject );
- chainMap.delete( renderObject.getChainArray() );
- };
- return renderObject;
- }
- }
- class DataMap {
- constructor() {
- this.data = new WeakMap();
- }
- get( object ) {
- let map = this.data.get( object );
- if ( map === undefined ) {
- map = {};
- this.data.set( object, map );
- }
- return map;
- }
- delete( object ) {
- let map;
- if ( this.data.has( object ) ) {
- map = this.data.get( object );
- this.data.delete( object );
- }
- return map;
- }
- has( object ) {
- return this.data.has( object );
- }
- dispose() {
- this.data = new WeakMap();
- }
- }
- const AttributeType = {
- VERTEX: 1,
- INDEX: 2,
- STORAGE: 4
- };
- // size of a chunk in bytes (STD140 layout)
- const GPU_CHUNK_BYTES = 16;
- // @TODO: Move to src/constants.js
- const BlendColorFactor = 211;
- const OneMinusBlendColorFactor = 212;
- class Attributes extends DataMap {
- constructor( backend ) {
- super();
- this.backend = backend;
- }
- delete( attribute ) {
- const attributeData = super.delete( attribute );
- if ( attributeData !== undefined ) {
- this.backend.destroyAttribute( attribute );
- }
- return attributeData;
- }
- update( attribute, type ) {
- const data = this.get( attribute );
- if ( data.version === undefined ) {
- if ( type === AttributeType.VERTEX ) {
- this.backend.createAttribute( attribute );
- } else if ( type === AttributeType.INDEX ) {
- this.backend.createIndexAttribute( attribute );
- } else if ( type === AttributeType.STORAGE ) {
- this.backend.createStorageAttribute( attribute );
- }
- data.version = this._getBufferAttribute( attribute ).version;
- } else {
- const bufferAttribute = this._getBufferAttribute( attribute );
- if ( data.version < bufferAttribute.version || bufferAttribute.usage === DynamicDrawUsage ) {
- this.backend.updateAttribute( attribute );
- data.version = bufferAttribute.version;
- }
- }
- }
- _getBufferAttribute( attribute ) {
- if ( attribute.isInterleavedBufferAttribute ) attribute = attribute.data;
- return attribute;
- }
- }
- function arrayNeedsUint32( array ) {
- // assumes larger values usually on last
- for ( let i = array.length - 1; i >= 0; -- i ) {
- if ( array[ i ] >= 65535 ) return true; // account for PRIMITIVE_RESTART_FIXED_INDEX, #24565
- }
- return false;
- }
- function getWireframeVersion( geometry ) {
- return ( geometry.index !== null ) ? geometry.index.version : geometry.attributes.position.version;
- }
- function getWireframeIndex( geometry ) {
- const indices = [];
- const geometryIndex = geometry.index;
- const geometryPosition = geometry.attributes.position;
- if ( geometryIndex !== null ) {
- const array = geometryIndex.array;
- for ( let i = 0, l = array.length; i < l; i += 3 ) {
- const a = array[ i + 0 ];
- const b = array[ i + 1 ];
- const c = array[ i + 2 ];
- indices.push( a, b, b, c, c, a );
- }
- } else {
- const array = geometryPosition.array;
- for ( let i = 0, l = ( array.length / 3 ) - 1; i < l; i += 3 ) {
- const a = i + 0;
- const b = i + 1;
- const c = i + 2;
- indices.push( a, b, b, c, c, a );
- }
- }
- const attribute = new ( arrayNeedsUint32( indices ) ? Uint32BufferAttribute : Uint16BufferAttribute )( indices, 1 );
- attribute.version = getWireframeVersion( geometry );
- return attribute;
- }
- class Geometries extends DataMap {
- constructor( attributes, info ) {
- super();
- this.attributes = attributes;
- this.info = info;
- this.wireframes = new WeakMap();
- this.attributeCall = new WeakMap();
- }
- has( renderObject ) {
- const geometry = renderObject.geometry;
- return super.has( geometry ) && this.get( geometry ).initialized === true;
- }
- updateForRender( renderObject ) {
- if ( this.has( renderObject ) === false ) this.initGeometry( renderObject );
- this.updateAttributes( renderObject );
- }
- initGeometry( renderObject ) {
- const geometry = renderObject.geometry;
- const geometryData = this.get( geometry );
- geometryData.initialized = true;
- this.info.memory.geometries ++;
- const onDispose = () => {
- this.info.memory.geometries --;
- const index = geometry.index;
- const geometryAttributes = renderObject.getAttributes();
- if ( index !== null ) {
- this.attributes.delete( index );
- }
- for ( const geometryAttribute of geometryAttributes ) {
- this.attributes.delete( geometryAttribute );
- }
- const wireframeAttribute = this.wireframes.get( geometry );
- if ( wireframeAttribute !== undefined ) {
- this.attributes.delete( wireframeAttribute );
- }
- geometry.removeEventListener( 'dispose', onDispose );
- };
- geometry.addEventListener( 'dispose', onDispose );
- }
- updateAttributes( renderObject ) {
- const attributes = renderObject.getAttributes();
- for ( const attribute of attributes ) {
- if ( attribute.isStorageBufferAttribute || attribute.isStorageInstancedBufferAttribute ) {
- this.updateAttribute( attribute, AttributeType.STORAGE );
- } else {
- this.updateAttribute( attribute, AttributeType.VERTEX );
- }
- }
- const index = this.getIndex( renderObject );
- if ( index !== null ) {
- this.updateAttribute( index, AttributeType.INDEX );
- }
- }
- updateAttribute( attribute, type ) {
- const callId = this.info.render.calls;
- if ( ! attribute.isInterleavedBufferAttribute ) {
- if ( this.attributeCall.get( attribute ) !== callId ) {
- this.attributes.update( attribute, type );
- this.attributeCall.set( attribute, callId );
- }
- } else {
- if ( this.attributeCall.get( attribute ) === undefined ) {
- this.attributes.update( attribute, type );
- this.attributeCall.set( attribute, callId );
- } else if ( this.attributeCall.get( attribute.data ) !== callId ) {
- this.attributes.update( attribute, type );
- this.attributeCall.set( attribute.data, callId );
- this.attributeCall.set( attribute, callId );
- }
- }
- }
- getIndex( renderObject ) {
- const { geometry, material } = renderObject;
- let index = geometry.index;
- if ( material.wireframe === true ) {
- const wireframes = this.wireframes;
- let wireframeAttribute = wireframes.get( geometry );
- if ( wireframeAttribute === undefined ) {
- wireframeAttribute = getWireframeIndex( geometry );
- wireframes.set( geometry, wireframeAttribute );
- } else if ( wireframeAttribute.version !== getWireframeVersion( geometry ) ) {
- this.attributes.delete( wireframeAttribute );
- wireframeAttribute = getWireframeIndex( geometry );
- wireframes.set( geometry, wireframeAttribute );
- }
- index = wireframeAttribute;
- }
- return index;
- }
- }
- class Info {
- constructor() {
- this.autoReset = true;
- this.frame = 0;
- this.calls = 0;
- this.render = {
- calls: 0,
- frameCalls: 0,
- drawCalls: 0,
- triangles: 0,
- points: 0,
- lines: 0,
- timestamp: 0,
- previousFrameCalls: 0,
- timestampCalls: 0
- };
- this.compute = {
- calls: 0,
- frameCalls: 0,
- timestamp: 0,
- previousFrameCalls: 0,
- timestampCalls: 0
- };
- this.memory = {
- geometries: 0,
- textures: 0
- };
- }
- update( object, count, instanceCount ) {
- this.render.drawCalls ++;
- if ( object.isMesh || object.isSprite ) {
- this.render.triangles += instanceCount * ( count / 3 );
- } else if ( object.isPoints ) {
- this.render.points += instanceCount * count;
- } else if ( object.isLineSegments ) {
- this.render.lines += instanceCount * ( count / 2 );
- } else if ( object.isLine ) {
- this.render.lines += instanceCount * ( count - 1 );
- } else {
- console.error( 'THREE.WebGPUInfo: Unknown object type.' );
- }
- }
- updateTimestamp( type, time ) {
- if ( this[ type ].timestampCalls === 0 ) {
- this[ type ].timestamp = 0;
- }
- this[ type ].timestamp += time;
- this[ type ].timestampCalls ++;
- if ( this[ type ].timestampCalls >= this[ type ].previousFrameCalls ) {
- this[ type ].timestampCalls = 0;
- }
- }
- reset() {
- const previousRenderFrameCalls = this.render.frameCalls;
- this.render.previousFrameCalls = previousRenderFrameCalls;
- const previousComputeFrameCalls = this.compute.frameCalls;
- this.compute.previousFrameCalls = previousComputeFrameCalls;
- this.render.drawCalls = 0;
- this.render.frameCalls = 0;
- this.compute.frameCalls = 0;
- this.render.triangles = 0;
- this.render.points = 0;
- this.render.lines = 0;
- }
- dispose() {
- this.reset();
- this.calls = 0;
- this.render.calls = 0;
- this.compute.calls = 0;
- this.render.timestamp = 0;
- this.compute.timestamp = 0;
- this.memory.geometries = 0;
- this.memory.textures = 0;
- }
- }
- class Pipeline {
- constructor( cacheKey ) {
- this.cacheKey = cacheKey;
- this.usedTimes = 0;
- }
- }
- class RenderPipeline extends Pipeline {
- constructor( cacheKey, vertexProgram, fragmentProgram ) {
- super( cacheKey );
- this.vertexProgram = vertexProgram;
- this.fragmentProgram = fragmentProgram;
- }
- }
- class ComputePipeline extends Pipeline {
- constructor( cacheKey, computeProgram ) {
- super( cacheKey );
- this.computeProgram = computeProgram;
- this.isComputePipeline = true;
- }
- }
- let _id$6 = 0;
- class ProgrammableStage {
- constructor( code, type, transforms = null, attributes = null ) {
- this.id = _id$6 ++;
- this.code = code;
- this.stage = type;
- this.transforms = transforms;
- this.attributes = attributes;
- this.usedTimes = 0;
- }
- }
- class Pipelines extends DataMap {
- constructor( backend, nodes ) {
- super();
- this.backend = backend;
- this.nodes = nodes;
- this.bindings = null; // set by the bindings
- this.caches = new Map();
- this.programs = {
- vertex: new Map(),
- fragment: new Map(),
- compute: new Map()
- };
- }
- getForCompute( computeNode, bindings ) {
- const { backend } = this;
- const data = this.get( computeNode );
- if ( this._needsComputeUpdate( computeNode ) ) {
- const previousPipeline = data.pipeline;
- if ( previousPipeline ) {
- previousPipeline.usedTimes --;
- previousPipeline.computeProgram.usedTimes --;
- }
- // get shader
- const nodeBuilderState = this.nodes.getForCompute( computeNode );
- // programmable stage
- let stageCompute = this.programs.compute.get( nodeBuilderState.computeShader );
- if ( stageCompute === undefined ) {
- if ( previousPipeline && previousPipeline.computeProgram.usedTimes === 0 ) this._releaseProgram( previousPipeline.computeProgram );
- stageCompute = new ProgrammableStage( nodeBuilderState.computeShader, 'compute', nodeBuilderState.transforms, nodeBuilderState.nodeAttributes );
- this.programs.compute.set( nodeBuilderState.computeShader, stageCompute );
- backend.createProgram( stageCompute );
- }
- // determine compute pipeline
- const cacheKey = this._getComputeCacheKey( computeNode, stageCompute );
- let pipeline = this.caches.get( cacheKey );
- if ( pipeline === undefined ) {
- if ( previousPipeline && previousPipeline.usedTimes === 0 ) this._releasePipeline( previousPipeline );
- pipeline = this._getComputePipeline( computeNode, stageCompute, cacheKey, bindings );
- }
- // keep track of all used times
- pipeline.usedTimes ++;
- stageCompute.usedTimes ++;
- //
- data.version = computeNode.version;
- data.pipeline = pipeline;
- }
- return data.pipeline;
- }
- getForRender( renderObject, promises = null ) {
- const { backend } = this;
- const data = this.get( renderObject );
- if ( this._needsRenderUpdate( renderObject ) ) {
- const previousPipeline = data.pipeline;
- if ( previousPipeline ) {
- previousPipeline.usedTimes --;
- previousPipeline.vertexProgram.usedTimes --;
- previousPipeline.fragmentProgram.usedTimes --;
- }
- // get shader
- const nodeBuilderState = renderObject.getNodeBuilderState();
- // programmable stages
- let stageVertex = this.programs.vertex.get( nodeBuilderState.vertexShader );
- if ( stageVertex === undefined ) {
- if ( previousPipeline && previousPipeline.vertexProgram.usedTimes === 0 ) this._releaseProgram( previousPipeline.vertexProgram );
- stageVertex = new ProgrammableStage( nodeBuilderState.vertexShader, 'vertex' );
- this.programs.vertex.set( nodeBuilderState.vertexShader, stageVertex );
- backend.createProgram( stageVertex );
- }
- let stageFragment = this.programs.fragment.get( nodeBuilderState.fragmentShader );
- if ( stageFragment === undefined ) {
- if ( previousPipeline && previousPipeline.fragmentProgram.usedTimes === 0 ) this._releaseProgram( previousPipeline.fragmentProgram );
- stageFragment = new ProgrammableStage( nodeBuilderState.fragmentShader, 'fragment' );
- this.programs.fragment.set( nodeBuilderState.fragmentShader, stageFragment );
- backend.createProgram( stageFragment );
- }
- // determine render pipeline
- const cacheKey = this._getRenderCacheKey( renderObject, stageVertex, stageFragment );
- let pipeline = this.caches.get( cacheKey );
- if ( pipeline === undefined ) {
- if ( previousPipeline && previousPipeline.usedTimes === 0 ) this._releasePipeline( previousPipeline );
- pipeline = this._getRenderPipeline( renderObject, stageVertex, stageFragment, cacheKey, promises );
- } else {
- renderObject.pipeline = pipeline;
- }
- // keep track of all used times
- pipeline.usedTimes ++;
- stageVertex.usedTimes ++;
- stageFragment.usedTimes ++;
- //
- data.pipeline = pipeline;
- }
- return data.pipeline;
- }
- delete( object ) {
- const pipeline = this.get( object ).pipeline;
- if ( pipeline ) {
- // pipeline
- pipeline.usedTimes --;
- if ( pipeline.usedTimes === 0 ) this._releasePipeline( pipeline );
- // programs
- if ( pipeline.isComputePipeline ) {
- pipeline.computeProgram.usedTimes --;
- if ( pipeline.computeProgram.usedTimes === 0 ) this._releaseProgram( pipeline.computeProgram );
- } else {
- pipeline.fragmentProgram.usedTimes --;
- pipeline.vertexProgram.usedTimes --;
- if ( pipeline.vertexProgram.usedTimes === 0 ) this._releaseProgram( pipeline.vertexProgram );
- if ( pipeline.fragmentProgram.usedTimes === 0 ) this._releaseProgram( pipeline.fragmentProgram );
- }
- }
- return super.delete( object );
- }
- dispose() {
- super.dispose();
- this.caches = new Map();
- this.programs = {
- vertex: new Map(),
- fragment: new Map(),
- compute: new Map()
- };
- }
- updateForRender( renderObject ) {
- this.getForRender( renderObject );
- }
- _getComputePipeline( computeNode, stageCompute, cacheKey, bindings ) {
- // check for existing pipeline
- cacheKey = cacheKey || this._getComputeCacheKey( computeNode, stageCompute );
- let pipeline = this.caches.get( cacheKey );
- if ( pipeline === undefined ) {
- pipeline = new ComputePipeline( cacheKey, stageCompute );
- this.caches.set( cacheKey, pipeline );
- this.backend.createComputePipeline( pipeline, bindings );
- }
- return pipeline;
- }
- _getRenderPipeline( renderObject, stageVertex, stageFragment, cacheKey, promises ) {
- // check for existing pipeline
- cacheKey = cacheKey || this._getRenderCacheKey( renderObject, stageVertex, stageFragment );
- let pipeline = this.caches.get( cacheKey );
- if ( pipeline === undefined ) {
- pipeline = new RenderPipeline( cacheKey, stageVertex, stageFragment );
- this.caches.set( cacheKey, pipeline );
- renderObject.pipeline = pipeline;
- this.backend.createRenderPipeline( renderObject, promises );
- }
- return pipeline;
- }
- _getComputeCacheKey( computeNode, stageCompute ) {
- return computeNode.id + ',' + stageCompute.id;
- }
- _getRenderCacheKey( renderObject, stageVertex, stageFragment ) {
- return stageVertex.id + ',' + stageFragment.id + ',' + this.backend.getRenderCacheKey( renderObject );
- }
- _releasePipeline( pipeline ) {
- this.caches.delete( pipeline.cacheKey );
- }
- _releaseProgram( program ) {
- const code = program.code;
- const stage = program.stage;
- this.programs[ stage ].delete( code );
- }
- _needsComputeUpdate( computeNode ) {
- const data = this.get( computeNode );
- return data.pipeline === undefined || data.version !== computeNode.version;
- }
- _needsRenderUpdate( renderObject ) {
- const data = this.get( renderObject );
- return data.pipeline === undefined || this.backend.needsRenderUpdate( renderObject );
- }
- }
- class Bindings extends DataMap {
- constructor( backend, nodes, textures, attributes, pipelines, info ) {
- super();
- this.backend = backend;
- this.textures = textures;
- this.pipelines = pipelines;
- this.attributes = attributes;
- this.nodes = nodes;
- this.info = info;
- this.pipelines.bindings = this; // assign bindings to pipelines
- }
- getForRender( renderObject ) {
- const bindings = renderObject.getBindings();
- for ( const bindGroup of bindings ) {
- const groupData = this.get( bindGroup );
- if ( groupData.bindGroup === undefined ) {
- // each object defines an array of bindings (ubos, textures, samplers etc.)
- this._init( bindGroup );
- this.backend.createBindings( bindGroup, bindings );
- groupData.bindGroup = bindGroup;
- }
- }
- return bindings;
- }
- getForCompute( computeNode ) {
- const bindings = this.nodes.getForCompute( computeNode ).bindings;
- for ( const bindGroup of bindings ) {
- const groupData = this.get( bindGroup );
- if ( groupData.bindGroup === undefined ) {
- this._init( bindGroup );
- this.backend.createBindings( bindGroup, bindings );
- groupData.bindGroup = bindGroup;
- }
- }
- return bindings;
- }
- updateForCompute( computeNode ) {
- this._updateBindings( this.getForCompute( computeNode ) );
- }
- updateForRender( renderObject ) {
- this._updateBindings( this.getForRender( renderObject ) );
- }
- _updateBindings( bindings ) {
- for ( const bindGroup of bindings ) {
- this._update( bindGroup, bindings );
- }
- }
- _init( bindGroup ) {
- for ( const binding of bindGroup.bindings ) {
- if ( binding.isSampledTexture ) {
- this.textures.updateTexture( binding.texture );
- } else if ( binding.isStorageBuffer ) {
- const attribute = binding.attribute;
- this.attributes.update( attribute, AttributeType.STORAGE );
- }
- }
- }
- _update( bindGroup, bindings ) {
- const { backend } = this;
- let needsBindingsUpdate = false;
- // iterate over all bindings and check if buffer updates or a new binding group is required
- for ( const binding of bindGroup.bindings ) {
- if ( binding.isNodeUniformsGroup ) {
- const updated = this.nodes.updateGroup( binding );
- if ( ! updated ) continue;
- }
- if ( binding.isUniformBuffer ) {
- const updated = binding.update();
- if ( updated ) {
- backend.updateBinding( binding );
- }
- } else if ( binding.isSampler ) {
- binding.update();
- } else if ( binding.isSampledTexture ) {
- if ( binding.needsBindingsUpdate( this.textures.get( binding.texture ).generation ) ) needsBindingsUpdate = true;
- const updated = binding.update();
- const texture = binding.texture;
- if ( updated ) {
- this.textures.updateTexture( texture );
- }
- const textureData = backend.get( texture );
- if ( backend.isWebGPUBackend === true && textureData.texture === undefined && textureData.externalTexture === undefined ) {
- // TODO: Remove this once we found why updated === false isn't bound to a texture in the WebGPU backend
- console.error( 'Bindings._update: binding should be available:', binding, updated, texture, binding.textureNode.value, needsBindingsUpdate );
- this.textures.updateTexture( texture );
- needsBindingsUpdate = true;
- }
- if ( texture.isStorageTexture === true ) {
- const textureData = this.get( texture );
- if ( binding.store === true ) {
- textureData.needsMipmap = true;
- } else if ( texture.generateMipmaps === true && this.textures.needsMipmaps( texture ) && textureData.needsMipmap === true ) {
- this.backend.generateMipmaps( texture );
- textureData.needsMipmap = false;
- }
- }
- }
- }
- if ( needsBindingsUpdate === true ) {
- this.backend.updateBindings( bindGroup, bindings );
- }
- }
- }
- class NodeAttribute {
- constructor( name, type, node = null ) {
- this.isNodeAttribute = true;
- this.name = name;
- this.type = type;
- this.node = node;
- }
- }
- class NodeUniform {
- constructor( name, type, node ) {
- this.isNodeUniform = true;
- this.name = name;
- this.type = type;
- this.node = node.getSelf();
- }
- get value() {
- return this.node.value;
- }
- set value( val ) {
- this.node.value = val;
- }
- get id() {
- return this.node.id;
- }
- get groupNode() {
- return this.node.groupNode;
- }
- }
- class NodeVar {
- constructor( name, type ) {
- this.isNodeVar = true;
- this.name = name;
- this.type = type;
- }
- }
- class NodeVarying extends NodeVar {
- constructor( name, type ) {
- super( name, type );
- this.needsInterpolation = false;
- this.isNodeVarying = true;
- }
- }
- class NodeCode {
- constructor( name, type, code = '' ) {
- this.name = name;
- this.type = type;
- this.code = code;
- Object.defineProperty( this, 'isNodeCode', { value: true } );
- }
- }
- let id$1 = 0;
- class NodeCache {
- constructor( parent = null ) {
- this.id = id$1 ++;
- this.nodesData = new WeakMap();
- this.parent = parent;
- }
- getData( node ) {
- let data = this.nodesData.get( node );
- if ( data === undefined && this.parent !== null ) {
- data = this.parent.getData( node );
- }
- return data;
- }
- setData( node, data ) {
- this.nodesData.set( node, data );
- }
- }
- class ParameterNode extends PropertyNode {
- static get type() {
- return 'ParameterNode';
- }
- constructor( nodeType, name = null ) {
- super( nodeType, name );
- this.isParameterNode = true;
- }
- getHash() {
- return this.uuid;
- }
- generate() {
- return this.name;
- }
- }
- const parameter = ( type, name ) => nodeObject( new ParameterNode( type, name ) );
- class CodeNode extends Node {
- static get type() {
- return 'CodeNode';
- }
- constructor( code = '', includes = [], language = '' ) {
- super( 'code' );
- this.isCodeNode = true;
- this.code = code;
- this.language = language;
- this.includes = includes;
- }
- isGlobal() {
- return true;
- }
- setIncludes( includes ) {
- this.includes = includes;
- return this;
- }
- getIncludes( /*builder*/ ) {
- return this.includes;
- }
- generate( builder ) {
- const includes = this.getIncludes( builder );
- for ( const include of includes ) {
- include.build( builder );
- }
- const nodeCode = builder.getCodeFromNode( this, this.getNodeType( builder ) );
- nodeCode.code = this.code;
- return nodeCode.code;
- }
- serialize( data ) {
- super.serialize( data );
- data.code = this.code;
- data.language = this.language;
- }
- deserialize( data ) {
- super.deserialize( data );
- this.code = data.code;
- this.language = data.language;
- }
- }
- const code = /*@__PURE__*/ nodeProxy( CodeNode );
- const js = ( src, includes ) => code( src, includes, 'js' );
- const wgsl = ( src, includes ) => code( src, includes, 'wgsl' );
- const glsl = ( src, includes ) => code( src, includes, 'glsl' );
- class FunctionNode extends CodeNode {
- static get type() {
- return 'FunctionNode';
- }
- constructor( code = '', includes = [], language = '' ) {
- super( code, includes, language );
- }
- getNodeType( builder ) {
- return this.getNodeFunction( builder ).type;
- }
- getInputs( builder ) {
- return this.getNodeFunction( builder ).inputs;
- }
- getNodeFunction( builder ) {
- const nodeData = builder.getDataFromNode( this );
- let nodeFunction = nodeData.nodeFunction;
- if ( nodeFunction === undefined ) {
- nodeFunction = builder.parser.parseFunction( this.code );
- nodeData.nodeFunction = nodeFunction;
- }
- return nodeFunction;
- }
- generate( builder, output ) {
- super.generate( builder );
- const nodeFunction = this.getNodeFunction( builder );
- const name = nodeFunction.name;
- const type = nodeFunction.type;
- const nodeCode = builder.getCodeFromNode( this, type );
- if ( name !== '' ) {
- // use a custom property name
- nodeCode.name = name;
- }
- const propertyName = builder.getPropertyName( nodeCode );
- const code = this.getNodeFunction( builder ).getCode( propertyName );
- nodeCode.code = code + '\n';
- if ( output === 'property' ) {
- return propertyName;
- } else {
- return builder.format( `${ propertyName }()`, type, output );
- }
- }
- }
- const nativeFn = ( code, includes = [], language = '' ) => {
- for ( let i = 0; i < includes.length; i ++ ) {
- const include = includes[ i ];
- // TSL Function: glslFn, wgslFn
- if ( typeof include === 'function' ) {
- includes[ i ] = include.functionNode;
- }
- }
- const functionNode = nodeObject( new FunctionNode( code, includes, language ) );
- const fn = ( ...params ) => functionNode.call( ...params );
- fn.functionNode = functionNode;
- return fn;
- };
- const glslFn = ( code, includes ) => nativeFn( code, includes, 'glsl' );
- const wgslFn = ( code, includes ) => nativeFn( code, includes, 'wgsl' );
- class Uniform {
- constructor( name, value ) {
- this.name = name;
- this.value = value;
- this.boundary = 0; // used to build the uniform buffer according to the STD140 layout
- this.itemSize = 0;
- this.offset = 0; // this property is set by WebGPUUniformsGroup and marks the start position in the uniform buffer
- }
- setValue( value ) {
- this.value = value;
- }
- getValue() {
- return this.value;
- }
- }
- class NumberUniform extends Uniform {
- constructor( name, value = 0 ) {
- super( name, value );
- this.isNumberUniform = true;
- this.boundary = 4;
- this.itemSize = 1;
- }
- }
- class Vector2Uniform extends Uniform {
- constructor( name, value = new Vector2() ) {
- super( name, value );
- this.isVector2Uniform = true;
- this.boundary = 8;
- this.itemSize = 2;
- }
- }
- class Vector3Uniform extends Uniform {
- constructor( name, value = new Vector3() ) {
- super( name, value );
- this.isVector3Uniform = true;
- this.boundary = 16;
- this.itemSize = 3;
- }
- }
- class Vector4Uniform extends Uniform {
- constructor( name, value = new Vector4() ) {
- super( name, value );
- this.isVector4Uniform = true;
- this.boundary = 16;
- this.itemSize = 4;
- }
- }
- class ColorUniform extends Uniform {
- constructor( name, value = new Color() ) {
- super( name, value );
- this.isColorUniform = true;
- this.boundary = 16;
- this.itemSize = 3;
- }
- }
- class Matrix3Uniform extends Uniform {
- constructor( name, value = new Matrix3() ) {
- super( name, value );
- this.isMatrix3Uniform = true;
- this.boundary = 48;
- this.itemSize = 12;
- }
- }
- class Matrix4Uniform extends Uniform {
- constructor( name, value = new Matrix4() ) {
- super( name, value );
- this.isMatrix4Uniform = true;
- this.boundary = 64;
- this.itemSize = 16;
- }
- }
- class NumberNodeUniform extends NumberUniform {
- constructor( nodeUniform ) {
- super( nodeUniform.name, nodeUniform.value );
- this.nodeUniform = nodeUniform;
- }
- getValue() {
- return this.nodeUniform.value;
- }
- }
- class Vector2NodeUniform extends Vector2Uniform {
- constructor( nodeUniform ) {
- super( nodeUniform.name, nodeUniform.value );
- this.nodeUniform = nodeUniform;
- }
- getValue() {
- return this.nodeUniform.value;
- }
- }
- class Vector3NodeUniform extends Vector3Uniform {
- constructor( nodeUniform ) {
- super( nodeUniform.name, nodeUniform.value );
- this.nodeUniform = nodeUniform;
- }
- getValue() {
- return this.nodeUniform.value;
- }
- }
- class Vector4NodeUniform extends Vector4Uniform {
- constructor( nodeUniform ) {
- super( nodeUniform.name, nodeUniform.value );
- this.nodeUniform = nodeUniform;
- }
- getValue() {
- return this.nodeUniform.value;
- }
- }
- class ColorNodeUniform extends ColorUniform {
- constructor( nodeUniform ) {
- super( nodeUniform.name, nodeUniform.value );
- this.nodeUniform = nodeUniform;
- }
- getValue() {
- return this.nodeUniform.value;
- }
- }
- class Matrix3NodeUniform extends Matrix3Uniform {
- constructor( nodeUniform ) {
- super( nodeUniform.name, nodeUniform.value );
- this.nodeUniform = nodeUniform;
- }
- getValue() {
- return this.nodeUniform.value;
- }
- }
- class Matrix4NodeUniform extends Matrix4Uniform {
- constructor( nodeUniform ) {
- super( nodeUniform.name, nodeUniform.value );
- this.nodeUniform = nodeUniform;
- }
- getValue() {
- return this.nodeUniform.value;
- }
- }
- class StackNode extends Node {
- static get type() {
- return 'StackNode';
- }
- constructor( parent = null ) {
- super();
- this.nodes = [];
- this.outputNode = null;
- this.parent = parent;
- this._currentCond = null;
- this.isStackNode = true;
- }
- getNodeType( builder ) {
- return this.outputNode ? this.outputNode.getNodeType( builder ) : 'void';
- }
- add( node ) {
- this.nodes.push( node );
- return this;
- }
- If( boolNode, method ) {
- const methodNode = new ShaderNode( method );
- this._currentCond = select( boolNode, methodNode );
- return this.add( this._currentCond );
- }
- ElseIf( boolNode, method ) {
- const methodNode = new ShaderNode( method );
- const ifNode = select( boolNode, methodNode );
- this._currentCond.elseNode = ifNode;
- this._currentCond = ifNode;
- return this;
- }
- Else( method ) {
- this._currentCond.elseNode = new ShaderNode( method );
- return this;
- }
- build( builder, ...params ) {
- const previousStack = getCurrentStack();
- setCurrentStack( this );
- for ( const node of this.nodes ) {
- node.build( builder, 'void' );
- }
- setCurrentStack( previousStack );
- return this.outputNode ? this.outputNode.build( builder, ...params ) : super.build( builder, ...params );
- }
- //
- else( ...params ) { // @deprecated, r168
- console.warn( 'TSL.StackNode: .else() has been renamed to .Else().' );
- return this.Else( ...params );
- }
- elseif( ...params ) { // @deprecated, r168
- console.warn( 'TSL.StackNode: .elseif() has been renamed to .ElseIf().' );
- return this.ElseIf( ...params );
- }
- }
- const stack = /*@__PURE__*/ nodeProxy( StackNode );
- const LOD_MIN = 4;
- // The standard deviations (radians) associated with the extra mips. These are
- // chosen to approximate a Trowbridge-Reitz distribution function times the
- // geometric shadowing function. These sigma values squared must match the
- // variance #defines in cube_uv_reflection_fragment.glsl.js.
- const EXTRA_LOD_SIGMA = [ 0.125, 0.215, 0.35, 0.446, 0.526, 0.582 ];
- // The maximum length of the blur for loop. Smaller sigmas will use fewer
- // samples and exit early, but not recompile the shader.
- const MAX_SAMPLES = 20;
- const _flatCamera = /*@__PURE__*/ new OrthographicCamera( - 1, 1, 1, - 1, 0, 1 );
- const _cubeCamera = /*@__PURE__*/ new PerspectiveCamera( 90, 1 );
- const _clearColor$1 = /*@__PURE__*/ new Color();
- let _oldTarget = null;
- let _oldActiveCubeFace = 0;
- let _oldActiveMipmapLevel = 0;
- // Golden Ratio
- const PHI = ( 1 + Math.sqrt( 5 ) ) / 2;
- const INV_PHI = 1 / PHI;
- // Vertices of a dodecahedron (except the opposites, which represent the
- // same axis), used as axis directions evenly spread on a sphere.
- const _axisDirections = [
- /*@__PURE__*/ new Vector3( - PHI, INV_PHI, 0 ),
- /*@__PURE__*/ new Vector3( PHI, INV_PHI, 0 ),
- /*@__PURE__*/ new Vector3( - INV_PHI, 0, PHI ),
- /*@__PURE__*/ new Vector3( INV_PHI, 0, PHI ),
- /*@__PURE__*/ new Vector3( 0, PHI, - INV_PHI ),
- /*@__PURE__*/ new Vector3( 0, PHI, INV_PHI ),
- /*@__PURE__*/ new Vector3( - 1, 1, - 1 ),
- /*@__PURE__*/ new Vector3( 1, 1, - 1 ),
- /*@__PURE__*/ new Vector3( - 1, 1, 1 ),
- /*@__PURE__*/ new Vector3( 1, 1, 1 )
- ];
- //
- // WebGPU Face indices
- const _faceLib = [
- 3, 1, 5,
- 0, 4, 2
- ];
- const direction = getDirection( uv(), attribute( 'faceIndex' ) ).normalize();
- const outputDirection = vec3( direction.x, direction.y.negate(), direction.z );
- /**
- * This class generates a Prefiltered, Mipmapped Radiance Environment Map
- * (PMREM) from a cubeMap environment texture. This allows different levels of
- * blur to be quickly accessed based on material roughness. It is packed into a
- * special CubeUV format that allows us to perform custom interpolation so that
- * we can support nonlinear formats such as RGBE. Unlike a traditional mipmap
- * chain, it only goes down to the LOD_MIN level (above), and then creates extra
- * even more filtered 'mips' at the same LOD_MIN resolution, associated with
- * higher roughness levels. In this way we maintain resolution to smoothly
- * interpolate diffuse lighting while limiting sampling computation.
- *
- * Paper: Fast, Accurate Image-Based Lighting
- * https://drive.google.com/file/d/15y8r_UpKlU9SvV4ILb0C3qCPecS8pvLz/view
- */
- class PMREMGenerator {
- constructor( renderer ) {
- this._renderer = renderer;
- this._pingPongRenderTarget = null;
- this._lodMax = 0;
- this._cubeSize = 0;
- this._lodPlanes = [];
- this._sizeLods = [];
- this._sigmas = [];
- this._lodMeshes = [];
- this._blurMaterial = null;
- this._cubemapMaterial = null;
- this._equirectMaterial = null;
- this._backgroundBox = null;
- }
- /**
- * Generates a PMREM from a supplied Scene, which can be faster than using an
- * image if networking bandwidth is low. Optional sigma specifies a blur radius
- * in radians to be applied to the scene before PMREM generation. Optional near
- * and far planes ensure the scene is rendered in its entirety (the cubeCamera
- * is placed at the origin).
- */
- fromScene( scene, sigma = 0, near = 0.1, far = 100 ) {
- _oldTarget = this._renderer.getRenderTarget();
- _oldActiveCubeFace = this._renderer.getActiveCubeFace();
- _oldActiveMipmapLevel = this._renderer.getActiveMipmapLevel();
- this._setSize( 256 );
- const cubeUVRenderTarget = this._allocateTargets();
- cubeUVRenderTarget.depthBuffer = true;
- this._sceneToCubeUV( scene, near, far, cubeUVRenderTarget );
- if ( sigma > 0 ) {
- this._blur( cubeUVRenderTarget, 0, 0, sigma );
- }
- this._applyPMREM( cubeUVRenderTarget );
- this._cleanup( cubeUVRenderTarget );
- return cubeUVRenderTarget;
- }
- /**
- * Generates a PMREM from an equirectangular texture, which can be either LDR
- * or HDR. The ideal input image size is 1k (1024 x 512),
- * as this matches best with the 256 x 256 cubemap output.
- */
- fromEquirectangular( equirectangular, renderTarget = null ) {
- return this._fromTexture( equirectangular, renderTarget );
- }
- /**
- * Generates a PMREM from an cubemap texture, which can be either LDR
- * or HDR. The ideal input cube size is 256 x 256,
- * as this matches best with the 256 x 256 cubemap output.
- */
- fromCubemap( cubemap, renderTarget = null ) {
- return this._fromTexture( cubemap, renderTarget );
- }
- /**
- * Pre-compiles the cubemap shader. You can get faster start-up by invoking this method during
- * your texture's network fetch for increased concurrency.
- */
- async compileCubemapShader() {
- if ( this._cubemapMaterial === null ) {
- this._cubemapMaterial = _getCubemapMaterial();
- await this._compileMaterial( this._cubemapMaterial );
- }
- }
- /**
- * Pre-compiles the equirectangular shader. You can get faster start-up by invoking this method during
- * your texture's network fetch for increased concurrency.
- */
- async compileEquirectangularShader() {
- if ( this._equirectMaterial === null ) {
- this._equirectMaterial = _getEquirectMaterial();
- await this._compileMaterial( this._equirectMaterial );
- }
- }
- /**
- * Disposes of the PMREMGenerator's internal memory. Note that PMREMGenerator is a static class,
- * so you should not need more than one PMREMGenerator object. If you do, calling dispose() on
- * one of them will cause any others to also become unusable.
- */
- dispose() {
- this._dispose();
- if ( this._cubemapMaterial !== null ) this._cubemapMaterial.dispose();
- if ( this._equirectMaterial !== null ) this._equirectMaterial.dispose();
- if ( this._backgroundBox !== null ) {
- this._backgroundBox.geometry.dispose();
- this._backgroundBox.material.dispose();
- }
- }
- // private interface
- _setSize( cubeSize ) {
- this._lodMax = Math.floor( Math.log2( cubeSize ) );
- this._cubeSize = Math.pow( 2, this._lodMax );
- }
- _dispose() {
- if ( this._blurMaterial !== null ) this._blurMaterial.dispose();
- if ( this._pingPongRenderTarget !== null ) this._pingPongRenderTarget.dispose();
- for ( let i = 0; i < this._lodPlanes.length; i ++ ) {
- this._lodPlanes[ i ].dispose();
- }
- }
- _cleanup( outputTarget ) {
- this._renderer.setRenderTarget( _oldTarget, _oldActiveCubeFace, _oldActiveMipmapLevel );
- outputTarget.scissorTest = false;
- _setViewport( outputTarget, 0, 0, outputTarget.width, outputTarget.height );
- }
- _fromTexture( texture, renderTarget ) {
- if ( texture.mapping === CubeReflectionMapping || texture.mapping === CubeRefractionMapping ) {
- this._setSize( texture.image.length === 0 ? 16 : ( texture.image[ 0 ].width || texture.image[ 0 ].image.width ) );
- } else { // Equirectangular
- this._setSize( texture.image.width / 4 );
- }
- _oldTarget = this._renderer.getRenderTarget();
- _oldActiveCubeFace = this._renderer.getActiveCubeFace();
- _oldActiveMipmapLevel = this._renderer.getActiveMipmapLevel();
- const cubeUVRenderTarget = renderTarget || this._allocateTargets();
- this._textureToCubeUV( texture, cubeUVRenderTarget );
- this._applyPMREM( cubeUVRenderTarget );
- this._cleanup( cubeUVRenderTarget );
- return cubeUVRenderTarget;
- }
- _allocateTargets() {
- const width = 3 * Math.max( this._cubeSize, 16 * 7 );
- const height = 4 * this._cubeSize;
- const params = {
- magFilter: LinearFilter,
- minFilter: LinearFilter,
- generateMipmaps: false,
- type: HalfFloatType,
- format: RGBAFormat,
- colorSpace: LinearSRGBColorSpace,
- //depthBuffer: false
- };
- const cubeUVRenderTarget = _createRenderTarget( width, height, params );
- if ( this._pingPongRenderTarget === null || this._pingPongRenderTarget.width !== width || this._pingPongRenderTarget.height !== height ) {
- if ( this._pingPongRenderTarget !== null ) {
- this._dispose();
- }
- this._pingPongRenderTarget = _createRenderTarget( width, height, params );
- const { _lodMax } = this;
- ( { sizeLods: this._sizeLods, lodPlanes: this._lodPlanes, sigmas: this._sigmas, lodMeshes: this._lodMeshes } = _createPlanes( _lodMax ) );
- this._blurMaterial = _getBlurShader( _lodMax, width, height );
- }
- return cubeUVRenderTarget;
- }
- async _compileMaterial( material ) {
- const tmpMesh = new Mesh( this._lodPlanes[ 0 ], material );
- await this._renderer.compile( tmpMesh, _flatCamera );
- }
- _sceneToCubeUV( scene, near, far, cubeUVRenderTarget ) {
- const cubeCamera = _cubeCamera;
- cubeCamera.near = near;
- cubeCamera.far = far;
- // px, py, pz, nx, ny, nz
- const upSign = [ - 1, 1, - 1, - 1, - 1, - 1 ];
- const forwardSign = [ 1, 1, 1, - 1, - 1, - 1 ];
- const renderer = this._renderer;
- const originalAutoClear = renderer.autoClear;
- renderer.getClearColor( _clearColor$1 );
- renderer.autoClear = false;
- let backgroundBox = this._backgroundBox;
- if ( backgroundBox === null ) {
- const backgroundMaterial = new MeshBasicMaterial( {
- name: 'PMREM.Background',
- side: BackSide,
- depthWrite: false,
- depthTest: false
- } );
- backgroundBox = new Mesh( new BoxGeometry(), backgroundMaterial );
- }
- let useSolidColor = false;
- const background = scene.background;
- if ( background ) {
- if ( background.isColor ) {
- backgroundBox.material.color.copy( background );
- scene.background = null;
- useSolidColor = true;
- }
- } else {
- backgroundBox.material.color.copy( _clearColor$1 );
- useSolidColor = true;
- }
- renderer.setRenderTarget( cubeUVRenderTarget );
- renderer.clear();
- if ( useSolidColor ) {
- renderer.render( backgroundBox, cubeCamera );
- }
- for ( let i = 0; i < 6; i ++ ) {
- const col = i % 3;
- if ( col === 0 ) {
- cubeCamera.up.set( 0, upSign[ i ], 0 );
- cubeCamera.lookAt( forwardSign[ i ], 0, 0 );
- } else if ( col === 1 ) {
- cubeCamera.up.set( 0, 0, upSign[ i ] );
- cubeCamera.lookAt( 0, forwardSign[ i ], 0 );
- } else {
- cubeCamera.up.set( 0, upSign[ i ], 0 );
- cubeCamera.lookAt( 0, 0, forwardSign[ i ] );
- }
- const size = this._cubeSize;
- _setViewport( cubeUVRenderTarget, col * size, i > 2 ? size : 0, size, size );
- renderer.render( scene, cubeCamera );
- }
- renderer.autoClear = originalAutoClear;
- scene.background = background;
- }
- _textureToCubeUV( texture, cubeUVRenderTarget ) {
- const renderer = this._renderer;
- const isCubeTexture = ( texture.mapping === CubeReflectionMapping || texture.mapping === CubeRefractionMapping );
- if ( isCubeTexture ) {
- if ( this._cubemapMaterial === null ) {
- this._cubemapMaterial = _getCubemapMaterial( texture );
- }
- } else {
- if ( this._equirectMaterial === null ) {
- this._equirectMaterial = _getEquirectMaterial( texture );
- }
- }
- const material = isCubeTexture ? this._cubemapMaterial : this._equirectMaterial;
- material.fragmentNode.value = texture;
- const mesh = this._lodMeshes[ 0 ];
- mesh.material = material;
- const size = this._cubeSize;
- _setViewport( cubeUVRenderTarget, 0, 0, 3 * size, 2 * size );
- renderer.setRenderTarget( cubeUVRenderTarget );
- renderer.render( mesh, _flatCamera );
- }
- _applyPMREM( cubeUVRenderTarget ) {
- const renderer = this._renderer;
- const autoClear = renderer.autoClear;
- renderer.autoClear = false;
- const n = this._lodPlanes.length;
- for ( let i = 1; i < n; i ++ ) {
- const sigma = Math.sqrt( this._sigmas[ i ] * this._sigmas[ i ] - this._sigmas[ i - 1 ] * this._sigmas[ i - 1 ] );
- const poleAxis = _axisDirections[ ( n - i - 1 ) % _axisDirections.length ];
- this._blur( cubeUVRenderTarget, i - 1, i, sigma, poleAxis );
- }
- renderer.autoClear = autoClear;
- }
- /**
- * This is a two-pass Gaussian blur for a cubemap. Normally this is done
- * vertically and horizontally, but this breaks down on a cube. Here we apply
- * the blur latitudinally (around the poles), and then longitudinally (towards
- * the poles) to approximate the orthogonally-separable blur. It is least
- * accurate at the poles, but still does a decent job.
- */
- _blur( cubeUVRenderTarget, lodIn, lodOut, sigma, poleAxis ) {
- const pingPongRenderTarget = this._pingPongRenderTarget;
- this._halfBlur(
- cubeUVRenderTarget,
- pingPongRenderTarget,
- lodIn,
- lodOut,
- sigma,
- 'latitudinal',
- poleAxis );
- this._halfBlur(
- pingPongRenderTarget,
- cubeUVRenderTarget,
- lodOut,
- lodOut,
- sigma,
- 'longitudinal',
- poleAxis );
- }
- _halfBlur( targetIn, targetOut, lodIn, lodOut, sigmaRadians, direction, poleAxis ) {
- const renderer = this._renderer;
- const blurMaterial = this._blurMaterial;
- if ( direction !== 'latitudinal' && direction !== 'longitudinal' ) {
- console.error( 'blur direction must be either latitudinal or longitudinal!' );
- }
- // Number of standard deviations at which to cut off the discrete approximation.
- const STANDARD_DEVIATIONS = 3;
- const blurMesh = this._lodMeshes[ lodOut ];
- blurMesh.material = blurMaterial;
- const blurUniforms = blurMaterial.uniforms;
- const pixels = this._sizeLods[ lodIn ] - 1;
- const radiansPerPixel = isFinite( sigmaRadians ) ? Math.PI / ( 2 * pixels ) : 2 * Math.PI / ( 2 * MAX_SAMPLES - 1 );
- const sigmaPixels = sigmaRadians / radiansPerPixel;
- const samples = isFinite( sigmaRadians ) ? 1 + Math.floor( STANDARD_DEVIATIONS * sigmaPixels ) : MAX_SAMPLES;
- if ( samples > MAX_SAMPLES ) {
- console.warn( `sigmaRadians, ${
- sigmaRadians}, is too large and will clip, as it requested ${
- samples} samples when the maximum is set to ${MAX_SAMPLES}` );
- }
- const weights = [];
- let sum = 0;
- for ( let i = 0; i < MAX_SAMPLES; ++ i ) {
- const x = i / sigmaPixels;
- const weight = Math.exp( - x * x / 2 );
- weights.push( weight );
- if ( i === 0 ) {
- sum += weight;
- } else if ( i < samples ) {
- sum += 2 * weight;
- }
- }
- for ( let i = 0; i < weights.length; i ++ ) {
- weights[ i ] = weights[ i ] / sum;
- }
- targetIn.texture.frame = ( targetIn.texture.frame || 0 ) + 1;
- blurUniforms.envMap.value = targetIn.texture;
- blurUniforms.samples.value = samples;
- blurUniforms.weights.array = weights;
- blurUniforms.latitudinal.value = direction === 'latitudinal' ? 1 : 0;
- if ( poleAxis ) {
- blurUniforms.poleAxis.value = poleAxis;
- }
- const { _lodMax } = this;
- blurUniforms.dTheta.value = radiansPerPixel;
- blurUniforms.mipInt.value = _lodMax - lodIn;
- const outputSize = this._sizeLods[ lodOut ];
- const x = 3 * outputSize * ( lodOut > _lodMax - LOD_MIN ? lodOut - _lodMax + LOD_MIN : 0 );
- const y = 4 * ( this._cubeSize - outputSize );
- _setViewport( targetOut, x, y, 3 * outputSize, 2 * outputSize );
- renderer.setRenderTarget( targetOut );
- renderer.render( blurMesh, _flatCamera );
- }
- }
- function _createPlanes( lodMax ) {
- const lodPlanes = [];
- const sizeLods = [];
- const sigmas = [];
- const lodMeshes = [];
- let lod = lodMax;
- const totalLods = lodMax - LOD_MIN + 1 + EXTRA_LOD_SIGMA.length;
- for ( let i = 0; i < totalLods; i ++ ) {
- const sizeLod = Math.pow( 2, lod );
- sizeLods.push( sizeLod );
- let sigma = 1.0 / sizeLod;
- if ( i > lodMax - LOD_MIN ) {
- sigma = EXTRA_LOD_SIGMA[ i - lodMax + LOD_MIN - 1 ];
- } else if ( i === 0 ) {
- sigma = 0;
- }
- sigmas.push( sigma );
- const texelSize = 1.0 / ( sizeLod - 2 );
- const min = - texelSize;
- const max = 1 + texelSize;
- const uv1 = [ min, min, max, min, max, max, min, min, max, max, min, max ];
- const cubeFaces = 6;
- const vertices = 6;
- const positionSize = 3;
- const uvSize = 2;
- const faceIndexSize = 1;
- const position = new Float32Array( positionSize * vertices * cubeFaces );
- const uv = new Float32Array( uvSize * vertices * cubeFaces );
- const faceIndex = new Float32Array( faceIndexSize * vertices * cubeFaces );
- for ( let face = 0; face < cubeFaces; face ++ ) {
- const x = ( face % 3 ) * 2 / 3 - 1;
- const y = face > 2 ? 0 : - 1;
- const coordinates = [
- x, y, 0,
- x + 2 / 3, y, 0,
- x + 2 / 3, y + 1, 0,
- x, y, 0,
- x + 2 / 3, y + 1, 0,
- x, y + 1, 0
- ];
- const faceIdx = _faceLib[ face ];
- position.set( coordinates, positionSize * vertices * faceIdx );
- uv.set( uv1, uvSize * vertices * faceIdx );
- const fill = [ faceIdx, faceIdx, faceIdx, faceIdx, faceIdx, faceIdx ];
- faceIndex.set( fill, faceIndexSize * vertices * faceIdx );
- }
- const planes = new BufferGeometry();
- planes.setAttribute( 'position', new BufferAttribute( position, positionSize ) );
- planes.setAttribute( 'uv', new BufferAttribute( uv, uvSize ) );
- planes.setAttribute( 'faceIndex', new BufferAttribute( faceIndex, faceIndexSize ) );
- lodPlanes.push( planes );
- lodMeshes.push( new Mesh( planes, null ) );
- if ( lod > LOD_MIN ) {
- lod --;
- }
- }
- return { lodPlanes, sizeLods, sigmas, lodMeshes };
- }
- function _createRenderTarget( width, height, params ) {
- const cubeUVRenderTarget = new RenderTarget( width, height, params );
- cubeUVRenderTarget.texture.mapping = CubeUVReflectionMapping;
- cubeUVRenderTarget.texture.name = 'PMREM.cubeUv';
- cubeUVRenderTarget.texture.isPMREMTexture = true;
- cubeUVRenderTarget.scissorTest = true;
- return cubeUVRenderTarget;
- }
- function _setViewport( target, x, y, width, height ) {
- target.viewport.set( x, y, width, height );
- target.scissor.set( x, y, width, height );
- }
- function _getMaterial( type ) {
- const material = new NodeMaterial();
- material.depthTest = false;
- material.depthWrite = false;
- material.blending = NoBlending;
- material.name = `PMREM_${ type }`;
- return material;
- }
- function _getBlurShader( lodMax, width, height ) {
- const weights = uniformArray( new Array( MAX_SAMPLES ).fill( 0 ) );
- const poleAxis = uniform( new Vector3( 0, 1, 0 ) );
- const dTheta = uniform( 0 );
- const n = float( MAX_SAMPLES );
- const latitudinal = uniform( 0 ); // false, bool
- const samples = uniform( 1 ); // int
- const envMap = texture( null );
- const mipInt = uniform( 0 ); // int
- const CUBEUV_TEXEL_WIDTH = float( 1 / width );
- const CUBEUV_TEXEL_HEIGHT = float( 1 / height );
- const CUBEUV_MAX_MIP = float( lodMax );
- const materialUniforms = {
- n,
- latitudinal,
- weights,
- poleAxis,
- outputDirection,
- dTheta,
- samples,
- envMap,
- mipInt,
- CUBEUV_TEXEL_WIDTH,
- CUBEUV_TEXEL_HEIGHT,
- CUBEUV_MAX_MIP
- };
- const material = _getMaterial( 'blur' );
- material.uniforms = materialUniforms; // TODO: Move to outside of the material
- material.fragmentNode = blur( { ...materialUniforms, latitudinal: latitudinal.equal( 1 ) } );
- return material;
- }
- function _getCubemapMaterial( envTexture ) {
- const material = _getMaterial( 'cubemap' );
- material.fragmentNode = cubeTexture( envTexture, outputDirection );
- return material;
- }
- function _getEquirectMaterial( envTexture ) {
- const material = _getMaterial( 'equirect' );
- material.fragmentNode = texture( envTexture, equirectUV( outputDirection ), 0 );
- return material;
- }
- let _id$5 = 0;
- class BindGroup {
- constructor( name = '', bindings = [], index = 0, bindingsReference = [] ) {
- this.name = name;
- this.bindings = bindings;
- this.index = index;
- this.bindingsReference = bindingsReference;
- this.id = _id$5 ++;
- }
- }
- const rendererCache = new WeakMap();
- const typeFromLength = new Map( [
- [ 2, 'vec2' ],
- [ 3, 'vec3' ],
- [ 4, 'vec4' ],
- [ 9, 'mat3' ],
- [ 16, 'mat4' ]
- ] );
- const typeFromArray = new Map( [
- [ Int8Array, 'int' ],
- [ Int16Array, 'int' ],
- [ Int32Array, 'int' ],
- [ Uint8Array, 'uint' ],
- [ Uint16Array, 'uint' ],
- [ Uint32Array, 'uint' ],
- [ Float32Array, 'float' ]
- ] );
- const toFloat = ( value ) => {
- value = Number( value );
- return value + ( value % 1 ? '' : '.0' );
- };
- class NodeBuilder {
- constructor( object, renderer, parser ) {
- this.object = object;
- this.material = ( object && object.material ) || null;
- this.geometry = ( object && object.geometry ) || null;
- this.renderer = renderer;
- this.parser = parser;
- this.scene = null;
- this.camera = null;
- this.nodes = [];
- this.updateNodes = [];
- this.updateBeforeNodes = [];
- this.updateAfterNodes = [];
- this.hashNodes = {};
- this.monitor = null;
- this.lightsNode = null;
- this.environmentNode = null;
- this.fogNode = null;
- this.clippingContext = null;
- this.vertexShader = null;
- this.fragmentShader = null;
- this.computeShader = null;
- this.flowNodes = { vertex: [], fragment: [], compute: [] };
- this.flowCode = { vertex: '', fragment: '', compute: '' };
- this.uniforms = { vertex: [], fragment: [], compute: [], index: 0 };
- this.structs = { vertex: [], fragment: [], compute: [], index: 0 };
- this.bindings = { vertex: {}, fragment: {}, compute: {} };
- this.bindingsIndexes = {};
- this.bindGroups = null;
- this.attributes = [];
- this.bufferAttributes = [];
- this.varyings = [];
- this.codes = {};
- this.vars = {};
- this.flow = { code: '' };
- this.chaining = [];
- this.stack = stack();
- this.stacks = [];
- this.tab = '\t';
- this.currentFunctionNode = null;
- this.context = {
- material: this.material
- };
- this.cache = new NodeCache();
- this.globalCache = this.cache;
- this.flowsData = new WeakMap();
- this.shaderStage = null;
- this.buildStage = null;
- this.useComparisonMethod = false;
- }
- getBindGroupsCache() {
- let bindGroupsCache = rendererCache.get( this.renderer );
- if ( bindGroupsCache === undefined ) {
- bindGroupsCache = new ChainMap();
- rendererCache.set( this.renderer, bindGroupsCache );
- }
- return bindGroupsCache;
- }
- createRenderTarget( width, height, options ) {
- return new RenderTarget( width, height, options );
- }
- createCubeRenderTarget( size, options ) {
- return new CubeRenderTarget( size, options );
- }
- createPMREMGenerator() {
- // TODO: Move Materials.js to outside of the Nodes.js in order to remove this function and improve tree-shaking support
- return new PMREMGenerator( this.renderer );
- }
- includes( node ) {
- return this.nodes.includes( node );
- }
- _getBindGroup( groupName, bindings ) {
- const bindGroupsCache = this.getBindGroupsCache();
- //
- const bindingsArray = [];
- let sharedGroup = true;
- for ( const binding of bindings ) {
- bindingsArray.push( binding );
- sharedGroup = sharedGroup && binding.groupNode.shared !== true;
- }
- //
- let bindGroup;
- if ( sharedGroup ) {
- bindGroup = bindGroupsCache.get( bindingsArray );
- if ( bindGroup === undefined ) {
- bindGroup = new BindGroup( groupName, bindingsArray, this.bindingsIndexes[ groupName ].group, bindingsArray );
- bindGroupsCache.set( bindingsArray, bindGroup );
- }
- } else {
- bindGroup = new BindGroup( groupName, bindingsArray, this.bindingsIndexes[ groupName ].group, bindingsArray );
- }
- return bindGroup;
- }
- getBindGroupArray( groupName, shaderStage ) {
- const bindings = this.bindings[ shaderStage ];
- let bindGroup = bindings[ groupName ];
- if ( bindGroup === undefined ) {
- if ( this.bindingsIndexes[ groupName ] === undefined ) {
- this.bindingsIndexes[ groupName ] = { binding: 0, group: Object.keys( this.bindingsIndexes ).length };
- }
- bindings[ groupName ] = bindGroup = [];
- }
- return bindGroup;
- }
- getBindings() {
- let bindingsGroups = this.bindGroups;
- if ( bindingsGroups === null ) {
- const groups = {};
- const bindings = this.bindings;
- for ( const shaderStage of shaderStages ) {
- for ( const groupName in bindings[ shaderStage ] ) {
- const uniforms = bindings[ shaderStage ][ groupName ];
- const groupUniforms = groups[ groupName ] || ( groups[ groupName ] = [] );
- groupUniforms.push( ...uniforms );
- }
- }
- bindingsGroups = [];
- for ( const groupName in groups ) {
- const group = groups[ groupName ];
- const bindingsGroup = this._getBindGroup( groupName, group );
- bindingsGroups.push( bindingsGroup );
- }
- this.bindGroups = bindingsGroups;
- }
- return bindingsGroups;
- }
- sortBindingGroups() {
- const bindingsGroups = this.getBindings();
- bindingsGroups.sort( ( a, b ) => ( a.bindings[ 0 ].groupNode.order - b.bindings[ 0 ].groupNode.order ) );
- for ( let i = 0; i < bindingsGroups.length; i ++ ) {
- const bindingGroup = bindingsGroups[ i ];
- this.bindingsIndexes[ bindingGroup.name ].group = i;
- bindingGroup.index = i;
- }
- }
- setHashNode( node, hash ) {
- this.hashNodes[ hash ] = node;
- }
- addNode( node ) {
- if ( this.nodes.includes( node ) === false ) {
- this.nodes.push( node );
- this.setHashNode( node, node.getHash( this ) );
- }
- }
- buildUpdateNodes() {
- for ( const node of this.nodes ) {
- const updateType = node.getUpdateType();
- const updateBeforeType = node.getUpdateBeforeType();
- const updateAfterType = node.getUpdateAfterType();
- if ( updateType !== NodeUpdateType.NONE ) {
- this.updateNodes.push( node.getSelf() );
- }
- if ( updateBeforeType !== NodeUpdateType.NONE ) {
- this.updateBeforeNodes.push( node.getSelf() );
- }
- if ( updateAfterType !== NodeUpdateType.NONE ) {
- this.updateAfterNodes.push( node.getSelf() );
- }
- }
- }
- get currentNode() {
- return this.chaining[ this.chaining.length - 1 ];
- }
- isFilteredTexture( texture ) {
- return ( texture.magFilter === LinearFilter || texture.magFilter === LinearMipmapNearestFilter || texture.magFilter === NearestMipmapLinearFilter || texture.magFilter === LinearMipmapLinearFilter ||
- texture.minFilter === LinearFilter || texture.minFilter === LinearMipmapNearestFilter || texture.minFilter === NearestMipmapLinearFilter || texture.minFilter === LinearMipmapLinearFilter );
- }
- addChain( node ) {
- /*
- if ( this.chaining.indexOf( node ) !== - 1 ) {
- console.warn( 'Recursive node: ', node );
- }
- */
- this.chaining.push( node );
- }
- removeChain( node ) {
- const lastChain = this.chaining.pop();
- if ( lastChain !== node ) {
- throw new Error( 'NodeBuilder: Invalid node chaining!' );
- }
- }
- getMethod( method ) {
- return method;
- }
- getNodeFromHash( hash ) {
- return this.hashNodes[ hash ];
- }
- addFlow( shaderStage, node ) {
- this.flowNodes[ shaderStage ].push( node );
- return node;
- }
- setContext( context ) {
- this.context = context;
- }
- getContext() {
- return this.context;
- }
- getSharedContext() {
- ({ ...this.context });
- return this.context;
- }
- setCache( cache ) {
- this.cache = cache;
- }
- getCache() {
- return this.cache;
- }
- getCacheFromNode( node, parent = true ) {
- const data = this.getDataFromNode( node );
- if ( data.cache === undefined ) data.cache = new NodeCache( parent ? this.getCache() : null );
- return data.cache;
- }
- isAvailable( /*name*/ ) {
- return false;
- }
- getVertexIndex() {
- console.warn( 'Abstract function.' );
- }
- getInstanceIndex() {
- console.warn( 'Abstract function.' );
- }
- getDrawIndex() {
- console.warn( 'Abstract function.' );
- }
- getFrontFacing() {
- console.warn( 'Abstract function.' );
- }
- getFragCoord() {
- console.warn( 'Abstract function.' );
- }
- isFlipY() {
- return false;
- }
- increaseUsage( node ) {
- const nodeData = this.getDataFromNode( node );
- nodeData.usageCount = nodeData.usageCount === undefined ? 1 : nodeData.usageCount + 1;
- return nodeData.usageCount;
- }
- generateTexture( /* texture, textureProperty, uvSnippet */ ) {
- console.warn( 'Abstract function.' );
- }
- generateTextureLod( /* texture, textureProperty, uvSnippet, levelSnippet */ ) {
- console.warn( 'Abstract function.' );
- }
- generateConst( type, value = null ) {
- if ( value === null ) {
- if ( type === 'float' || type === 'int' || type === 'uint' ) value = 0;
- else if ( type === 'bool' ) value = false;
- else if ( type === 'color' ) value = new Color();
- else if ( type === 'vec2' ) value = new Vector2();
- else if ( type === 'vec3' ) value = new Vector3();
- else if ( type === 'vec4' ) value = new Vector4();
- }
- if ( type === 'float' ) return toFloat( value );
- if ( type === 'int' ) return `${ Math.round( value ) }`;
- if ( type === 'uint' ) return value >= 0 ? `${ Math.round( value ) }u` : '0u';
- if ( type === 'bool' ) return value ? 'true' : 'false';
- if ( type === 'color' ) return `${ this.getType( 'vec3' ) }( ${ toFloat( value.r ) }, ${ toFloat( value.g ) }, ${ toFloat( value.b ) } )`;
- const typeLength = this.getTypeLength( type );
- const componentType = this.getComponentType( type );
- const generateConst = value => this.generateConst( componentType, value );
- if ( typeLength === 2 ) {
- return `${ this.getType( type ) }( ${ generateConst( value.x ) }, ${ generateConst( value.y ) } )`;
- } else if ( typeLength === 3 ) {
- return `${ this.getType( type ) }( ${ generateConst( value.x ) }, ${ generateConst( value.y ) }, ${ generateConst( value.z ) } )`;
- } else if ( typeLength === 4 ) {
- return `${ this.getType( type ) }( ${ generateConst( value.x ) }, ${ generateConst( value.y ) }, ${ generateConst( value.z ) }, ${ generateConst( value.w ) } )`;
- } else if ( typeLength > 4 && value && ( value.isMatrix3 || value.isMatrix4 ) ) {
- return `${ this.getType( type ) }( ${ value.elements.map( generateConst ).join( ', ' ) } )`;
- } else if ( typeLength > 4 ) {
- return `${ this.getType( type ) }()`;
- }
- throw new Error( `NodeBuilder: Type '${type}' not found in generate constant attempt.` );
- }
- getType( type ) {
- if ( type === 'color' ) return 'vec3';
- return type;
- }
- hasGeometryAttribute( name ) {
- return this.geometry && this.geometry.getAttribute( name ) !== undefined;
- }
- getAttribute( name, type ) {
- const attributes = this.attributes;
- // find attribute
- for ( const attribute of attributes ) {
- if ( attribute.name === name ) {
- return attribute;
- }
- }
- // create a new if no exist
- const attribute = new NodeAttribute( name, type );
- attributes.push( attribute );
- return attribute;
- }
- getPropertyName( node/*, shaderStage*/ ) {
- return node.name;
- }
- isVector( type ) {
- return /vec\d/.test( type );
- }
- isMatrix( type ) {
- return /mat\d/.test( type );
- }
- isReference( type ) {
- return type === 'void' || type === 'property' || type === 'sampler' || type === 'texture' || type === 'cubeTexture' || type === 'storageTexture' || type === 'depthTexture' || type === 'texture3D';
- }
- needsToWorkingColorSpace( /*texture*/ ) {
- return false;
- }
- getComponentTypeFromTexture( texture ) {
- const type = texture.type;
- if ( texture.isDataTexture ) {
- if ( type === IntType ) return 'int';
- if ( type === UnsignedIntType ) return 'uint';
- }
- return 'float';
- }
- getElementType( type ) {
- if ( type === 'mat2' ) return 'vec2';
- if ( type === 'mat3' ) return 'vec3';
- if ( type === 'mat4' ) return 'vec4';
- return this.getComponentType( type );
- }
- getComponentType( type ) {
- type = this.getVectorType( type );
- if ( type === 'float' || type === 'bool' || type === 'int' || type === 'uint' ) return type;
- const componentType = /(b|i|u|)(vec|mat)([2-4])/.exec( type );
- if ( componentType === null ) return null;
- if ( componentType[ 1 ] === 'b' ) return 'bool';
- if ( componentType[ 1 ] === 'i' ) return 'int';
- if ( componentType[ 1 ] === 'u' ) return 'uint';
- return 'float';
- }
- getVectorType( type ) {
- if ( type === 'color' ) return 'vec3';
- if ( type === 'texture' || type === 'cubeTexture' || type === 'storageTexture' || type === 'texture3D' ) return 'vec4';
- return type;
- }
- getTypeFromLength( length, componentType = 'float' ) {
- if ( length === 1 ) return componentType;
- const baseType = typeFromLength.get( length );
- const prefix = componentType === 'float' ? '' : componentType[ 0 ];
- return prefix + baseType;
- }
- getTypeFromArray( array ) {
- return typeFromArray.get( array.constructor );
- }
- getTypeFromAttribute( attribute ) {
- let dataAttribute = attribute;
- if ( attribute.isInterleavedBufferAttribute ) dataAttribute = attribute.data;
- const array = dataAttribute.array;
- const itemSize = attribute.itemSize;
- const normalized = attribute.normalized;
- let arrayType;
- if ( ! ( attribute instanceof Float16BufferAttribute ) && normalized !== true ) {
- arrayType = this.getTypeFromArray( array );
- }
- return this.getTypeFromLength( itemSize, arrayType );
- }
- getTypeLength( type ) {
- const vecType = this.getVectorType( type );
- const vecNum = /vec([2-4])/.exec( vecType );
- if ( vecNum !== null ) return Number( vecNum[ 1 ] );
- if ( vecType === 'float' || vecType === 'bool' || vecType === 'int' || vecType === 'uint' ) return 1;
- if ( /mat2/.test( type ) === true ) return 4;
- if ( /mat3/.test( type ) === true ) return 9;
- if ( /mat4/.test( type ) === true ) return 16;
- return 0;
- }
- getVectorFromMatrix( type ) {
- return type.replace( 'mat', 'vec' );
- }
- changeComponentType( type, newComponentType ) {
- return this.getTypeFromLength( this.getTypeLength( type ), newComponentType );
- }
- getIntegerType( type ) {
- const componentType = this.getComponentType( type );
- if ( componentType === 'int' || componentType === 'uint' ) return type;
- return this.changeComponentType( type, 'int' );
- }
- addStack() {
- this.stack = stack( this.stack );
- this.stacks.push( getCurrentStack() || this.stack );
- setCurrentStack( this.stack );
- return this.stack;
- }
- removeStack() {
- const lastStack = this.stack;
- this.stack = lastStack.parent;
- setCurrentStack( this.stacks.pop() );
- return lastStack;
- }
- getDataFromNode( node, shaderStage = this.shaderStage, cache = null ) {
- cache = cache === null ? ( node.isGlobal( this ) ? this.globalCache : this.cache ) : cache;
- let nodeData = cache.getData( node );
- if ( nodeData === undefined ) {
- nodeData = {};
- cache.setData( node, nodeData );
- }
- if ( nodeData[ shaderStage ] === undefined ) nodeData[ shaderStage ] = {};
- return nodeData[ shaderStage ];
- }
- getNodeProperties( node, shaderStage = 'any' ) {
- const nodeData = this.getDataFromNode( node, shaderStage );
- return nodeData.properties || ( nodeData.properties = { outputNode: null } );
- }
- getBufferAttributeFromNode( node, type ) {
- const nodeData = this.getDataFromNode( node );
- let bufferAttribute = nodeData.bufferAttribute;
- if ( bufferAttribute === undefined ) {
- const index = this.uniforms.index ++;
- bufferAttribute = new NodeAttribute( 'nodeAttribute' + index, type, node );
- this.bufferAttributes.push( bufferAttribute );
- nodeData.bufferAttribute = bufferAttribute;
- }
- return bufferAttribute;
- }
- getStructTypeFromNode( node, shaderStage = this.shaderStage ) {
- const nodeData = this.getDataFromNode( node, shaderStage );
- if ( nodeData.structType === undefined ) {
- const index = this.structs.index ++;
- node.name = `StructType${ index }`;
- this.structs[ shaderStage ].push( node );
- nodeData.structType = node;
- }
- return node;
- }
- getUniformFromNode( node, type, shaderStage = this.shaderStage, name = null ) {
- const nodeData = this.getDataFromNode( node, shaderStage, this.globalCache );
- let nodeUniform = nodeData.uniform;
- if ( nodeUniform === undefined ) {
- const index = this.uniforms.index ++;
- nodeUniform = new NodeUniform( name || ( 'nodeUniform' + index ), type, node );
- this.uniforms[ shaderStage ].push( nodeUniform );
- nodeData.uniform = nodeUniform;
- }
- return nodeUniform;
- }
- getVarFromNode( node, name = null, type = node.getNodeType( this ), shaderStage = this.shaderStage ) {
- const nodeData = this.getDataFromNode( node, shaderStage );
- let nodeVar = nodeData.variable;
- if ( nodeVar === undefined ) {
- const vars = this.vars[ shaderStage ] || ( this.vars[ shaderStage ] = [] );
- if ( name === null ) name = 'nodeVar' + vars.length;
- nodeVar = new NodeVar( name, type );
- vars.push( nodeVar );
- nodeData.variable = nodeVar;
- }
- return nodeVar;
- }
- getVaryingFromNode( node, name = null, type = node.getNodeType( this ) ) {
- const nodeData = this.getDataFromNode( node, 'any' );
- let nodeVarying = nodeData.varying;
- if ( nodeVarying === undefined ) {
- const varyings = this.varyings;
- const index = varyings.length;
- if ( name === null ) name = 'nodeVarying' + index;
- nodeVarying = new NodeVarying( name, type );
- varyings.push( nodeVarying );
- nodeData.varying = nodeVarying;
- }
- return nodeVarying;
- }
- getCodeFromNode( node, type, shaderStage = this.shaderStage ) {
- const nodeData = this.getDataFromNode( node );
- let nodeCode = nodeData.code;
- if ( nodeCode === undefined ) {
- const codes = this.codes[ shaderStage ] || ( this.codes[ shaderStage ] = [] );
- const index = codes.length;
- nodeCode = new NodeCode( 'nodeCode' + index, type );
- codes.push( nodeCode );
- nodeData.code = nodeCode;
- }
- return nodeCode;
- }
- addFlowCodeHierarchy( node, nodeBlock ) {
- const { flowCodes, flowCodeBlock } = this.getDataFromNode( node );
- let needsFlowCode = true;
- let nodeBlockHierarchy = nodeBlock;
- while ( nodeBlockHierarchy ) {
- if ( flowCodeBlock.get( nodeBlockHierarchy ) === true ) {
- needsFlowCode = false;
- break;
- }
- nodeBlockHierarchy = this.getDataFromNode( nodeBlockHierarchy ).parentNodeBlock;
- }
- if ( needsFlowCode ) {
- for ( const flowCode of flowCodes ) {
- this.addLineFlowCode( flowCode );
- }
- }
- }
- addLineFlowCodeBlock( node, code, nodeBlock ) {
- const nodeData = this.getDataFromNode( node );
- const flowCodes = nodeData.flowCodes || ( nodeData.flowCodes = [] );
- const codeBlock = nodeData.flowCodeBlock || ( nodeData.flowCodeBlock = new WeakMap() );
- flowCodes.push( code );
- codeBlock.set( nodeBlock, true );
- }
- addLineFlowCode( code, node = null ) {
- if ( code === '' ) return this;
- if ( node !== null && this.context.nodeBlock ) {
- this.addLineFlowCodeBlock( node, code, this.context.nodeBlock );
- }
- code = this.tab + code;
- if ( ! /;\s*$/.test( code ) ) {
- code = code + ';\n';
- }
- this.flow.code += code;
- return this;
- }
- addFlowCode( code ) {
- this.flow.code += code;
- return this;
- }
- addFlowTab() {
- this.tab += '\t';
- return this;
- }
- removeFlowTab() {
- this.tab = this.tab.slice( 0, - 1 );
- return this;
- }
- getFlowData( node/*, shaderStage*/ ) {
- return this.flowsData.get( node );
- }
- flowNode( node ) {
- const output = node.getNodeType( this );
- const flowData = this.flowChildNode( node, output );
- this.flowsData.set( node, flowData );
- return flowData;
- }
- buildFunctionNode( shaderNode ) {
- const fn = new FunctionNode();
- const previous = this.currentFunctionNode;
- this.currentFunctionNode = fn;
- fn.code = this.buildFunctionCode( shaderNode );
- this.currentFunctionNode = previous;
- return fn;
- }
- flowShaderNode( shaderNode ) {
- const layout = shaderNode.layout;
- const inputs = {
- [ Symbol.iterator ]() {
- let index = 0;
- const values = Object.values( this );
- return {
- next: () => ( {
- value: values[ index ],
- done: index ++ >= values.length
- } )
- };
- }
- };
- for ( const input of layout.inputs ) {
- inputs[ input.name ] = new ParameterNode( input.type, input.name );
- }
- //
- shaderNode.layout = null;
- const callNode = shaderNode.call( inputs );
- const flowData = this.flowStagesNode( callNode, layout.type );
- shaderNode.layout = layout;
- return flowData;
- }
- flowStagesNode( node, output = null ) {
- const previousFlow = this.flow;
- const previousVars = this.vars;
- const previousCache = this.cache;
- const previousBuildStage = this.buildStage;
- const previousStack = this.stack;
- const flow = {
- code: ''
- };
- this.flow = flow;
- this.vars = {};
- this.cache = new NodeCache();
- this.stack = stack();
- for ( const buildStage of defaultBuildStages ) {
- this.setBuildStage( buildStage );
- flow.result = node.build( this, output );
- }
- flow.vars = this.getVars( this.shaderStage );
- this.flow = previousFlow;
- this.vars = previousVars;
- this.cache = previousCache;
- this.stack = previousStack;
- this.setBuildStage( previousBuildStage );
- return flow;
- }
- getFunctionOperator() {
- return null;
- }
- flowChildNode( node, output = null ) {
- const previousFlow = this.flow;
- const flow = {
- code: ''
- };
- this.flow = flow;
- flow.result = node.build( this, output );
- this.flow = previousFlow;
- return flow;
- }
- flowNodeFromShaderStage( shaderStage, node, output = null, propertyName = null ) {
- const previousShaderStage = this.shaderStage;
- this.setShaderStage( shaderStage );
- const flowData = this.flowChildNode( node, output );
- if ( propertyName !== null ) {
- flowData.code += `${ this.tab + propertyName } = ${ flowData.result };\n`;
- }
- this.flowCode[ shaderStage ] = this.flowCode[ shaderStage ] + flowData.code;
- this.setShaderStage( previousShaderStage );
- return flowData;
- }
- getAttributesArray() {
- return this.attributes.concat( this.bufferAttributes );
- }
- getAttributes( /*shaderStage*/ ) {
- console.warn( 'Abstract function.' );
- }
- getVaryings( /*shaderStage*/ ) {
- console.warn( 'Abstract function.' );
- }
- getVar( type, name ) {
- return `${ this.getType( type ) } ${ name }`;
- }
- getVars( shaderStage ) {
- let snippet = '';
- const vars = this.vars[ shaderStage ];
- if ( vars !== undefined ) {
- for ( const variable of vars ) {
- snippet += `${ this.getVar( variable.type, variable.name ) }; `;
- }
- }
- return snippet;
- }
- getUniforms( /*shaderStage*/ ) {
- console.warn( 'Abstract function.' );
- }
- getCodes( shaderStage ) {
- const codes = this.codes[ shaderStage ];
- let code = '';
- if ( codes !== undefined ) {
- for ( const nodeCode of codes ) {
- code += nodeCode.code + '\n';
- }
- }
- return code;
- }
- getHash() {
- return this.vertexShader + this.fragmentShader + this.computeShader;
- }
- setShaderStage( shaderStage ) {
- this.shaderStage = shaderStage;
- }
- getShaderStage() {
- return this.shaderStage;
- }
- setBuildStage( buildStage ) {
- this.buildStage = buildStage;
- }
- getBuildStage() {
- return this.buildStage;
- }
- buildCode() {
- console.warn( 'Abstract function.' );
- }
- build() {
- const { object, material, renderer } = this;
- if ( material !== null ) {
- let nodeMaterial = renderer.nodes.library.fromMaterial( material );
- if ( nodeMaterial === null ) {
- console.error( `NodeMaterial: Material "${ material.type }" is not compatible.` );
- nodeMaterial = new NodeMaterial();
- }
- nodeMaterial.build( this );
- } else {
- this.addFlow( 'compute', object );
- }
- // setup() -> stage 1: create possible new nodes and returns an output reference node
- // analyze() -> stage 2: analyze nodes to possible optimization and validation
- // generate() -> stage 3: generate shader
- for ( const buildStage of defaultBuildStages ) {
- this.setBuildStage( buildStage );
- if ( this.context.vertex && this.context.vertex.isNode ) {
- this.flowNodeFromShaderStage( 'vertex', this.context.vertex );
- }
- for ( const shaderStage of shaderStages ) {
- this.setShaderStage( shaderStage );
- const flowNodes = this.flowNodes[ shaderStage ];
- for ( const node of flowNodes ) {
- if ( buildStage === 'generate' ) {
- this.flowNode( node );
- } else {
- node.build( this );
- }
- }
- }
- }
- this.setBuildStage( null );
- this.setShaderStage( null );
- // stage 4: build code for a specific output
- this.buildCode();
- this.buildUpdateNodes();
- return this;
- }
- getNodeUniform( uniformNode, type ) {
- if ( type === 'float' || type === 'int' || type === 'uint' ) return new NumberNodeUniform( uniformNode );
- if ( type === 'vec2' || type === 'ivec2' || type === 'uvec2' ) return new Vector2NodeUniform( uniformNode );
- if ( type === 'vec3' || type === 'ivec3' || type === 'uvec3' ) return new Vector3NodeUniform( uniformNode );
- if ( type === 'vec4' || type === 'ivec4' || type === 'uvec4' ) return new Vector4NodeUniform( uniformNode );
- if ( type === 'color' ) return new ColorNodeUniform( uniformNode );
- if ( type === 'mat3' ) return new Matrix3NodeUniform( uniformNode );
- if ( type === 'mat4' ) return new Matrix4NodeUniform( uniformNode );
- throw new Error( `Uniform "${type}" not declared.` );
- }
- createNodeMaterial( type = 'NodeMaterial' ) { // @deprecated, r168
- throw new Error( `THREE.NodeBuilder: createNodeMaterial() was deprecated. Use new ${ type }() instead.` );
- }
- format( snippet, fromType, toType ) {
- fromType = this.getVectorType( fromType );
- toType = this.getVectorType( toType );
- if ( fromType === toType || toType === null || this.isReference( toType ) ) {
- return snippet;
- }
- const fromTypeLength = this.getTypeLength( fromType );
- const toTypeLength = this.getTypeLength( toType );
- if ( fromTypeLength === 16 && toTypeLength === 9 ) {
- return `${ this.getType( toType ) }(${ snippet }[0].xyz, ${ snippet }[1].xyz, ${ snippet }[2].xyz)`;
- }
- if ( fromTypeLength === 9 && toTypeLength === 4 ) {
- return `${ this.getType( toType ) }(${ snippet }[0].xy, ${ snippet }[1].xy)`;
- }
- if ( fromTypeLength > 4 ) { // fromType is matrix-like
- // @TODO: ignore for now
- return snippet;
- }
- if ( toTypeLength > 4 || toTypeLength === 0 ) { // toType is matrix-like or unknown
- // @TODO: ignore for now
- return snippet;
- }
- if ( fromTypeLength === toTypeLength ) {
- return `${ this.getType( toType ) }( ${ snippet } )`;
- }
- if ( fromTypeLength > toTypeLength ) {
- return this.format( `${ snippet }.${ 'xyz'.slice( 0, toTypeLength ) }`, this.getTypeFromLength( toTypeLength, this.getComponentType( fromType ) ), toType );
- }
- if ( toTypeLength === 4 && fromTypeLength > 1 ) { // toType is vec4-like
- return `${ this.getType( toType ) }( ${ this.format( snippet, fromType, 'vec3' ) }, 1.0 )`;
- }
- if ( fromTypeLength === 2 ) { // fromType is vec2-like and toType is vec3-like
- return `${ this.getType( toType ) }( ${ this.format( snippet, fromType, 'vec2' ) }, 0.0 )`;
- }
- if ( fromTypeLength === 1 && toTypeLength > 1 && fromType !== this.getComponentType( toType ) ) { // fromType is float-like
- // convert a number value to vector type, e.g:
- // vec3( 1u ) -> vec3( float( 1u ) )
- snippet = `${ this.getType( this.getComponentType( toType ) ) }( ${ snippet } )`;
- }
- return `${ this.getType( toType ) }( ${ snippet } )`; // fromType is float-like
- }
- getSignature() {
- return `// Three.js r${ REVISION } - Node System\n`;
- }
- }
- class NodeFrame {
- constructor() {
- this.time = 0;
- this.deltaTime = 0;
- this.frameId = 0;
- this.renderId = 0;
- this.startTime = null;
- this.updateMap = new WeakMap();
- this.updateBeforeMap = new WeakMap();
- this.updateAfterMap = new WeakMap();
- this.renderer = null;
- this.material = null;
- this.camera = null;
- this.object = null;
- this.scene = null;
- }
- _getMaps( referenceMap, nodeRef ) {
- let maps = referenceMap.get( nodeRef );
- if ( maps === undefined ) {
- maps = {
- renderMap: new WeakMap(),
- frameMap: new WeakMap()
- };
- referenceMap.set( nodeRef, maps );
- }
- return maps;
- }
- updateBeforeNode( node ) {
- const updateType = node.getUpdateBeforeType();
- const reference = node.updateReference( this );
- if ( updateType === NodeUpdateType.FRAME ) {
- const { frameMap } = this._getMaps( this.updateBeforeMap, reference );
- if ( frameMap.get( reference ) !== this.frameId ) {
- if ( node.updateBefore( this ) !== false ) {
- frameMap.set( reference, this.frameId );
- }
- }
- } else if ( updateType === NodeUpdateType.RENDER ) {
- const { renderMap } = this._getMaps( this.updateBeforeMap, reference );
- if ( renderMap.get( reference ) !== this.renderId ) {
- if ( node.updateBefore( this ) !== false ) {
- renderMap.set( reference, this.renderId );
- }
- }
- } else if ( updateType === NodeUpdateType.OBJECT ) {
- node.updateBefore( this );
- }
- }
- updateAfterNode( node ) {
- const updateType = node.getUpdateAfterType();
- const reference = node.updateReference( this );
- if ( updateType === NodeUpdateType.FRAME ) {
- const { frameMap } = this._getMaps( this.updateAfterMap, reference );
- if ( frameMap.get( reference ) !== this.frameId ) {
- if ( node.updateAfter( this ) !== false ) {
- frameMap.set( reference, this.frameId );
- }
- }
- } else if ( updateType === NodeUpdateType.RENDER ) {
- const { renderMap } = this._getMaps( this.updateAfterMap, reference );
- if ( renderMap.get( reference ) !== this.renderId ) {
- if ( node.updateAfter( this ) !== false ) {
- renderMap.set( reference, this.renderId );
- }
- }
- } else if ( updateType === NodeUpdateType.OBJECT ) {
- node.updateAfter( this );
- }
- }
- updateNode( node ) {
- const updateType = node.getUpdateType();
- const reference = node.updateReference( this );
- if ( updateType === NodeUpdateType.FRAME ) {
- const { frameMap } = this._getMaps( this.updateMap, reference );
- if ( frameMap.get( reference ) !== this.frameId ) {
- if ( node.update( this ) !== false ) {
- frameMap.set( reference, this.frameId );
- }
- }
- } else if ( updateType === NodeUpdateType.RENDER ) {
- const { renderMap } = this._getMaps( this.updateMap, reference );
- if ( renderMap.get( reference ) !== this.renderId ) {
- if ( node.update( this ) !== false ) {
- renderMap.set( reference, this.renderId );
- }
- }
- } else if ( updateType === NodeUpdateType.OBJECT ) {
- node.update( this );
- }
- }
- update() {
- this.frameId ++;
- if ( this.lastTime === undefined ) this.lastTime = performance.now();
- this.deltaTime = ( performance.now() - this.lastTime ) / 1000;
- this.lastTime = performance.now();
- this.time += this.deltaTime;
- }
- }
- class NodeFunctionInput {
- constructor( type, name, count = null, qualifier = '', isConst = false ) {
- this.type = type;
- this.name = name;
- this.count = count;
- this.qualifier = qualifier;
- this.isConst = isConst;
- }
- }
- NodeFunctionInput.isNodeFunctionInput = true;
- class StructTypeNode extends Node {
- static get type() {
- return 'StructTypeNode';
- }
- constructor( types ) {
- super();
- this.types = types;
- this.isStructTypeNode = true;
- }
- getMemberTypes() {
- return this.types;
- }
- }
- class OutputStructNode extends Node {
- static get type() {
- return 'OutputStructNode';
- }
- constructor( ...members ) {
- super();
- this.members = members;
- this.isOutputStructNode = true;
- }
- setup( builder ) {
- super.setup( builder );
- const members = this.members;
- const types = [];
- for ( let i = 0; i < members.length; i ++ ) {
- types.push( members[ i ].getNodeType( builder ) );
- }
- this.nodeType = builder.getStructTypeFromNode( new StructTypeNode( types ) ).name;
- }
- generate( builder, output ) {
- const propertyName = builder.getOutputStructName();
- const members = this.members;
- const structPrefix = propertyName !== '' ? propertyName + '.' : '';
- for ( let i = 0; i < members.length; i ++ ) {
- const snippet = members[ i ].build( builder, output );
- builder.addLineFlowCode( `${ structPrefix }m${ i } = ${ snippet }`, this );
- }
- return propertyName;
- }
- }
- const outputStruct = /*@__PURE__*/ nodeProxy( OutputStructNode );
- function getTextureIndex( textures, name ) {
- for ( let i = 0; i < textures.length; i ++ ) {
- if ( textures[ i ].name === name ) {
- return i;
- }
- }
- return - 1;
- }
- class MRTNode extends OutputStructNode {
- static get type() {
- return 'MRTNode';
- }
- constructor( outputNodes ) {
- super();
- this.outputNodes = outputNodes;
- this.isMRTNode = true;
- }
- has( name ) {
- return this.outputNodes[ name ] !== undefined;
- }
- get( name ) {
- return this.outputNodes[ name ];
- }
- merge( mrtNode ) {
- const outputs = { ...this.outputNodes, ...mrtNode.outputNodes };
- return mrt( outputs );
- }
- setup( builder ) {
- const outputNodes = this.outputNodes;
- const mrt = builder.renderer.getRenderTarget();
- const members = [];
- const textures = mrt.textures;
- for ( const name in outputNodes ) {
- const index = getTextureIndex( textures, name );
- members[ index ] = vec4( outputNodes[ name ] );
- }
- this.members = members;
- return super.setup( builder );
- }
- }
- const mrt = /*@__PURE__*/ nodeProxy( MRTNode );
- class FunctionOverloadingNode extends Node {
- static get type() {
- return 'FunctionOverloadingNode';
- }
- constructor( functionNodes = [], ...parametersNodes ) {
- super();
- this.functionNodes = functionNodes;
- this.parametersNodes = parametersNodes;
- this._candidateFnCall = null;
- this.global = true;
- }
- getNodeType() {
- return this.functionNodes[ 0 ].shaderNode.layout.type;
- }
- setup( builder ) {
- const params = this.parametersNodes;
- let candidateFnCall = this._candidateFnCall;
- if ( candidateFnCall === null ) {
- let candidateFn = null;
- let candidateScore = - 1;
- for ( const functionNode of this.functionNodes ) {
- const shaderNode = functionNode.shaderNode;
- const layout = shaderNode.layout;
- if ( layout === null ) {
- throw new Error( 'FunctionOverloadingNode: FunctionNode must be a layout.' );
- }
- const inputs = layout.inputs;
- if ( params.length === inputs.length ) {
- let score = 0;
- for ( let i = 0; i < params.length; i ++ ) {
- const param = params[ i ];
- const input = inputs[ i ];
- if ( param.getNodeType( builder ) === input.type ) {
- score ++;
- } else {
- score = 0;
- }
- }
- if ( score > candidateScore ) {
- candidateFn = functionNode;
- candidateScore = score;
- }
- }
- }
- this._candidateFnCall = candidateFnCall = candidateFn( ...params );
- }
- return candidateFnCall;
- }
- }
- const overloadingBaseFn = /*@__PURE__*/ nodeProxy( FunctionOverloadingNode );
- const overloadingFn = ( functionNodes ) => ( ...params ) => overloadingBaseFn( functionNodes, ...params );
- class TimerNode extends UniformNode {
- static get type() {
- return 'TimerNode';
- }
- constructor( scope = TimerNode.LOCAL, scale = 1, value = 0 ) {
- super( value );
- this.scope = scope;
- this.scale = scale;
- this.updateType = NodeUpdateType.FRAME;
- }
- /*
- @TODO:
- getNodeType( builder ) {
- const scope = this.scope;
- if ( scope === TimerNode.FRAME ) {
- return 'uint';
- }
- return 'float';
- }
- */
- update( frame ) {
- const scope = this.scope;
- const scale = this.scale;
- if ( scope === TimerNode.LOCAL ) {
- this.value += frame.deltaTime * scale;
- } else if ( scope === TimerNode.DELTA ) {
- this.value = frame.deltaTime * scale;
- } else if ( scope === TimerNode.FRAME ) {
- this.value = frame.frameId;
- } else {
- // global
- this.value = frame.time * scale;
- }
- }
- serialize( data ) {
- super.serialize( data );
- data.scope = this.scope;
- data.scale = this.scale;
- }
- deserialize( data ) {
- super.deserialize( data );
- this.scope = data.scope;
- this.scale = data.scale;
- }
- }
- TimerNode.LOCAL = 'local';
- TimerNode.GLOBAL = 'global';
- TimerNode.DELTA = 'delta';
- TimerNode.FRAME = 'frame';
- // @TODO: add support to use node in timeScale
- const timerLocal = ( timeScale, value = 0 ) => nodeObject( new TimerNode( TimerNode.LOCAL, timeScale, value ) );
- const timerGlobal = ( timeScale, value = 0 ) => nodeObject( new TimerNode( TimerNode.GLOBAL, timeScale, value ) );
- const timerDelta = ( timeScale, value = 0 ) => nodeObject( new TimerNode( TimerNode.DELTA, timeScale, value ) );
- const frameId = /*@__PURE__*/ nodeImmutable( TimerNode, TimerNode.FRAME ).toUint();
- class OscNode extends Node {
- static get type() {
- return 'OscNode';
- }
- constructor( method = OscNode.SINE, timeNode = timerLocal() ) {
- super();
- this.method = method;
- this.timeNode = timeNode;
- }
- getNodeType( builder ) {
- return this.timeNode.getNodeType( builder );
- }
- setup() {
- const method = this.method;
- const timeNode = nodeObject( this.timeNode );
- let outputNode = null;
- if ( method === OscNode.SINE ) {
- outputNode = timeNode.add( 0.75 ).mul( Math.PI * 2 ).sin().mul( 0.5 ).add( 0.5 );
- } else if ( method === OscNode.SQUARE ) {
- outputNode = timeNode.fract().round();
- } else if ( method === OscNode.TRIANGLE ) {
- outputNode = timeNode.add( 0.5 ).fract().mul( 2 ).sub( 1 ).abs();
- } else if ( method === OscNode.SAWTOOTH ) {
- outputNode = timeNode.fract();
- }
- return outputNode;
- }
- serialize( data ) {
- super.serialize( data );
- data.method = this.method;
- }
- deserialize( data ) {
- super.deserialize( data );
- this.method = data.method;
- }
- }
- OscNode.SINE = 'sine';
- OscNode.SQUARE = 'square';
- OscNode.TRIANGLE = 'triangle';
- OscNode.SAWTOOTH = 'sawtooth';
- const oscSine = /*@__PURE__*/ nodeProxy( OscNode, OscNode.SINE );
- const oscSquare = /*@__PURE__*/ nodeProxy( OscNode, OscNode.SQUARE );
- const oscTriangle = /*@__PURE__*/ nodeProxy( OscNode, OscNode.TRIANGLE );
- const oscSawtooth = /*@__PURE__*/ nodeProxy( OscNode, OscNode.SAWTOOTH );
- class SpriteSheetUVNode extends Node {
- static get type() {
- return 'SpriteSheetUVNode';
- }
- constructor( countNode, uvNode = uv(), frameNode = float( 0 ) ) {
- super( 'vec2' );
- this.countNode = countNode;
- this.uvNode = uvNode;
- this.frameNode = frameNode;
- }
- setup() {
- const { frameNode, uvNode, countNode } = this;
- const { width, height } = countNode;
- const frameNum = frameNode.mod( width.mul( height ) ).floor();
- const column = frameNum.mod( width );
- const row = height.sub( frameNum.add( 1 ).div( width ).ceil() );
- const scale = countNode.reciprocal();
- const uvFrameOffset = vec2( column, row );
- return uvNode.add( uvFrameOffset ).mul( scale );
- }
- }
- const spritesheetUV = /*@__PURE__*/ nodeProxy( SpriteSheetUVNode );
- class StorageArrayElementNode extends ArrayElementNode {
- static get type() {
- return 'StorageArrayElementNode';
- }
- constructor( storageBufferNode, indexNode ) {
- super( storageBufferNode, indexNode );
- this.isStorageArrayElementNode = true;
- }
- set storageBufferNode( value ) {
- this.node = value;
- }
- get storageBufferNode() {
- return this.node;
- }
- setup( builder ) {
- if ( builder.isAvailable( 'storageBuffer' ) === false ) {
- if ( this.node.bufferObject === true ) {
- builder.setupPBO( this.node );
- }
- }
- return super.setup( builder );
- }
- generate( builder, output ) {
- let snippet;
- const isAssignContext = builder.context.assign;
- //
- if ( builder.isAvailable( 'storageBuffer' ) === false ) {
- if ( this.node.bufferObject === true && isAssignContext !== true ) {
- snippet = builder.generatePBO( this );
- } else {
- snippet = this.node.build( builder );
- }
- } else {
- snippet = super.generate( builder );
- }
- if ( isAssignContext !== true ) {
- const type = this.getNodeType( builder );
- snippet = builder.format( snippet, type, output );
- }
- return snippet;
- }
- }
- const storageElement = /*@__PURE__*/ nodeProxy( StorageArrayElementNode );
- class TriplanarTexturesNode extends Node {
- static get type() {
- return 'TriplanarTexturesNode';
- }
- constructor( textureXNode, textureYNode = null, textureZNode = null, scaleNode = float( 1 ), positionNode = positionLocal, normalNode = normalLocal ) {
- super( 'vec4' );
- this.textureXNode = textureXNode;
- this.textureYNode = textureYNode;
- this.textureZNode = textureZNode;
- this.scaleNode = scaleNode;
- this.positionNode = positionNode;
- this.normalNode = normalNode;
- }
- setup() {
- const { textureXNode, textureYNode, textureZNode, scaleNode, positionNode, normalNode } = this;
- // Ref: https://github.com/keijiro/StandardTriplanar
- // Blending factor of triplanar mapping
- let bf = normalNode.abs().normalize();
- bf = bf.div( bf.dot( vec3( 1.0 ) ) );
- // Triplanar mapping
- const tx = positionNode.yz.mul( scaleNode );
- const ty = positionNode.zx.mul( scaleNode );
- const tz = positionNode.xy.mul( scaleNode );
- // Base color
- const textureX = textureXNode.value;
- const textureY = textureYNode !== null ? textureYNode.value : textureX;
- const textureZ = textureZNode !== null ? textureZNode.value : textureX;
- const cx = texture( textureX, tx ).mul( bf.x );
- const cy = texture( textureY, ty ).mul( bf.y );
- const cz = texture( textureZ, tz ).mul( bf.z );
- return add( cx, cy, cz );
- }
- }
- const triplanarTextures = /*@__PURE__*/ nodeProxy( TriplanarTexturesNode );
- const triplanarTexture = ( ...params ) => triplanarTextures( ...params );
- const _reflectorPlane = new Plane();
- const _normal = new Vector3();
- const _reflectorWorldPosition = new Vector3();
- const _cameraWorldPosition = new Vector3();
- const _rotationMatrix = new Matrix4();
- const _lookAtPosition = new Vector3( 0, 0, - 1 );
- const clipPlane = new Vector4();
- const _view = new Vector3();
- const _target = new Vector3();
- const _q = new Vector4();
- const _size$3 = new Vector2();
- const _defaultRT = new RenderTarget();
- const _defaultUV = screenUV.flipX();
- let _inReflector = false;
- class ReflectorNode extends TextureNode {
- static get type() {
- return 'ReflectorNode';
- }
- constructor( parameters = {} ) {
- super( _defaultRT.texture, _defaultUV );
- const {
- target = new Object3D(),
- resolution = 1,
- generateMipmaps = false,
- bounces = true
- } = parameters;
- //
- this.target = target;
- this.resolution = resolution;
- this.generateMipmaps = generateMipmaps;
- this.bounces = bounces;
- this.updateBeforeType = bounces ? NodeUpdateType.RENDER : NodeUpdateType.FRAME;
- this.virtualCameras = new WeakMap();
- this.renderTargets = new WeakMap();
- }
- _updateResolution( renderTarget, renderer ) {
- const resolution = this.resolution;
- renderer.getDrawingBufferSize( _size$3 );
- renderTarget.setSize( Math.round( _size$3.width * resolution ), Math.round( _size$3.height * resolution ) );
- }
- setup( builder ) {
- this._updateResolution( _defaultRT, builder.renderer );
- return super.setup( builder );
- }
- getTextureNode() {
- return this.textureNode;
- }
- getVirtualCamera( camera ) {
- let virtualCamera = this.virtualCameras.get( camera );
- if ( virtualCamera === undefined ) {
- virtualCamera = camera.clone();
- this.virtualCameras.set( camera, virtualCamera );
- }
- return virtualCamera;
- }
- getRenderTarget( camera ) {
- let renderTarget = this.renderTargets.get( camera );
- if ( renderTarget === undefined ) {
- renderTarget = new RenderTarget( 0, 0, { type: HalfFloatType } );
- if ( this.generateMipmaps === true ) {
- renderTarget.texture.minFilter = LinearMipMapLinearFilter;
- renderTarget.texture.generateMipmaps = true;
- }
- this.renderTargets.set( camera, renderTarget );
- }
- return renderTarget;
- }
- updateBefore( frame ) {
- if ( this.bounces === false && _inReflector ) return false;
- _inReflector = true;
- const { scene, camera, renderer, material } = frame;
- const { target } = this;
- const virtualCamera = this.getVirtualCamera( camera );
- const renderTarget = this.getRenderTarget( virtualCamera );
- renderer.getDrawingBufferSize( _size$3 );
- this._updateResolution( renderTarget, renderer );
- //
- _reflectorWorldPosition.setFromMatrixPosition( target.matrixWorld );
- _cameraWorldPosition.setFromMatrixPosition( camera.matrixWorld );
- _rotationMatrix.extractRotation( target.matrixWorld );
- _normal.set( 0, 0, 1 );
- _normal.applyMatrix4( _rotationMatrix );
- _view.subVectors( _reflectorWorldPosition, _cameraWorldPosition );
- // Avoid rendering when reflector is facing away
- if ( _view.dot( _normal ) > 0 ) return;
- _view.reflect( _normal ).negate();
- _view.add( _reflectorWorldPosition );
- _rotationMatrix.extractRotation( camera.matrixWorld );
- _lookAtPosition.set( 0, 0, - 1 );
- _lookAtPosition.applyMatrix4( _rotationMatrix );
- _lookAtPosition.add( _cameraWorldPosition );
- _target.subVectors( _reflectorWorldPosition, _lookAtPosition );
- _target.reflect( _normal ).negate();
- _target.add( _reflectorWorldPosition );
- //
- virtualCamera.coordinateSystem = camera.coordinateSystem;
- virtualCamera.position.copy( _view );
- virtualCamera.up.set( 0, 1, 0 );
- virtualCamera.up.applyMatrix4( _rotationMatrix );
- virtualCamera.up.reflect( _normal );
- virtualCamera.lookAt( _target );
- virtualCamera.near = camera.near;
- virtualCamera.far = camera.far;
- virtualCamera.updateMatrixWorld();
- virtualCamera.projectionMatrix.copy( camera.projectionMatrix );
- // Now update projection matrix with new clip plane, implementing code from: http://www.terathon.com/code/oblique.html
- // Paper explaining this technique: http://www.terathon.com/lengyel/Lengyel-Oblique.pdf
- _reflectorPlane.setFromNormalAndCoplanarPoint( _normal, _reflectorWorldPosition );
- _reflectorPlane.applyMatrix4( virtualCamera.matrixWorldInverse );
- clipPlane.set( _reflectorPlane.normal.x, _reflectorPlane.normal.y, _reflectorPlane.normal.z, _reflectorPlane.constant );
- const projectionMatrix = virtualCamera.projectionMatrix;
- _q.x = ( Math.sign( clipPlane.x ) + projectionMatrix.elements[ 8 ] ) / projectionMatrix.elements[ 0 ];
- _q.y = ( Math.sign( clipPlane.y ) + projectionMatrix.elements[ 9 ] ) / projectionMatrix.elements[ 5 ];
- _q.z = - 1.0;
- _q.w = ( 1.0 + projectionMatrix.elements[ 10 ] ) / projectionMatrix.elements[ 14 ];
- // Calculate the scaled plane vector
- clipPlane.multiplyScalar( 1.0 / clipPlane.dot( _q ) );
- const clipBias = 0;
- // Replacing the third row of the projection matrix
- projectionMatrix.elements[ 2 ] = clipPlane.x;
- projectionMatrix.elements[ 6 ] = clipPlane.y;
- projectionMatrix.elements[ 10 ] = clipPlane.z - clipBias;
- projectionMatrix.elements[ 14 ] = clipPlane.w;
- //
- this.value = renderTarget.texture;
- material.visible = false;
- const currentRenderTarget = renderer.getRenderTarget();
- const currentMRT = renderer.getMRT();
- renderer.setMRT( null );
- renderer.setRenderTarget( renderTarget );
- renderer.render( scene, virtualCamera );
- renderer.setMRT( currentMRT );
- renderer.setRenderTarget( currentRenderTarget );
- material.visible = true;
- _inReflector = false;
- }
- }
- const reflector = ( parameters ) => nodeObject( new ReflectorNode( parameters ) );
- // Helper for passes that need to fill the viewport with a single quad.
- const _camera = /*@__PURE__*/ new OrthographicCamera( - 1, 1, 1, - 1, 0, 1 );
- // https://github.com/mrdoob/three.js/pull/21358
- class QuadGeometry extends BufferGeometry {
- constructor( flipY = false ) {
- super();
- const uv = flipY === false ? [ 0, - 1, 0, 1, 2, 1 ] : [ 0, 2, 0, 0, 2, 0 ];
- this.setAttribute( 'position', new Float32BufferAttribute( [ - 1, 3, 0, - 1, - 1, 0, 3, - 1, 0 ], 3 ) );
- this.setAttribute( 'uv', new Float32BufferAttribute( uv, 2 ) );
- }
- }
- const _geometry = /*@__PURE__*/ new QuadGeometry();
- class QuadMesh extends Mesh {
- constructor( material = null ) {
- super( _geometry, material );
- this.camera = _camera;
- this.isQuadMesh = true;
- }
- renderAsync( renderer ) {
- return renderer.renderAsync( this, _camera );
- }
- render( renderer ) {
- renderer.render( this, _camera );
- }
- }
- const _size$2 = /*@__PURE__*/ new Vector2();
- class RTTNode extends TextureNode {
- static get type() {
- return 'RTTNode';
- }
- constructor( node, width = null, height = null, options = { type: HalfFloatType } ) {
- const renderTarget = new RenderTarget( width, height, options );
- super( renderTarget.texture, uv() );
- this.node = node;
- this.width = width;
- this.height = height;
- this.renderTarget = renderTarget;
- this.textureNeedsUpdate = true;
- this.autoUpdate = true;
- this.updateMap = new WeakMap();
- this._rttNode = null;
- this._quadMesh = new QuadMesh( new NodeMaterial() );
- this.updateBeforeType = NodeUpdateType.RENDER;
- }
- get autoSize() {
- return this.width === null;
- }
- setup( builder ) {
- this._rttNode = this.node.context( builder.getSharedContext() );
- this._quadMesh.material.name = 'RTT';
- this._quadMesh.material.needsUpdate = true;
- return super.setup( builder );
- }
- setSize( width, height ) {
- this.width = width;
- this.height = height;
- const effectiveWidth = width * this.pixelRatio;
- const effectiveHeight = height * this.pixelRatio;
- this.renderTarget.setSize( effectiveWidth, effectiveHeight );
- this.textureNeedsUpdate = true;
- }
- setPixelRatio( pixelRatio ) {
- this.pixelRatio = pixelRatio;
- this.setSize( this.width, this.height );
- }
- updateBefore( { renderer } ) {
- if ( this.textureNeedsUpdate === false && this.autoUpdate === false ) return;
- this.textureNeedsUpdate = false;
- //
- if ( this.autoSize === true ) {
- this.pixelRatio = renderer.getPixelRatio();
- const size = renderer.getSize( _size$2 );
- this.setSize( size.width, size.height );
- }
- //
- this._quadMesh.material.fragmentNode = this._rttNode;
- //
- const currentRenderTarget = renderer.getRenderTarget();
- renderer.setRenderTarget( this.renderTarget );
- this._quadMesh.render( renderer );
- renderer.setRenderTarget( currentRenderTarget );
- }
- clone() {
- const newNode = new TextureNode( this.value, this.uvNode, this.levelNode );
- newNode.sampler = this.sampler;
- newNode.referenceNode = this;
- return newNode;
- }
- }
- const rtt = ( node, ...params ) => nodeObject( new RTTNode( nodeObject( node ), ...params ) );
- const convertToTexture = ( node, ...params ) => node.isTextureNode ? node : rtt( node, ...params );
- class VertexColorNode extends AttributeNode {
- static get type() {
- return 'VertexColorNode';
- }
- constructor( index = 0 ) {
- super( null, 'vec4' );
- this.isVertexColorNode = true;
- this.index = index;
- }
- getAttributeName( /*builder*/ ) {
- const index = this.index;
- return 'color' + ( index > 0 ? index : '' );
- }
- generate( builder ) {
- const attributeName = this.getAttributeName( builder );
- const geometryAttribute = builder.hasGeometryAttribute( attributeName );
- let result;
- if ( geometryAttribute === true ) {
- result = super.generate( builder );
- } else {
- // Vertex color fallback should be white
- result = builder.generateConst( this.nodeType, new Vector4( 1, 1, 1, 1 ) );
- }
- return result;
- }
- serialize( data ) {
- super.serialize( data );
- data.index = this.index;
- }
- deserialize( data ) {
- super.deserialize( data );
- this.index = data.index;
- }
- }
- const vertexColor = ( ...params ) => nodeObject( new VertexColorNode( ...params ) );
- class PointUVNode extends Node {
- static get type() {
- return 'PointUVNode';
- }
- constructor() {
- super( 'vec2' );
- this.isPointUVNode = true;
- }
- generate( /*builder*/ ) {
- return 'vec2( gl_PointCoord.x, 1.0 - gl_PointCoord.y )';
- }
- }
- const pointUV = /*@__PURE__*/ nodeImmutable( PointUVNode );
- class SceneNode extends Node {
- static get type() {
- return 'SceneNode';
- }
- constructor( scope = SceneNode.BACKGROUND_BLURRINESS, scene = null ) {
- super();
- this.scope = scope;
- this.scene = scene;
- }
- setup( builder ) {
- const scope = this.scope;
- const scene = this.scene !== null ? this.scene : builder.scene;
- let output;
- if ( scope === SceneNode.BACKGROUND_BLURRINESS ) {
- output = reference( 'backgroundBlurriness', 'float', scene );
- } else if ( scope === SceneNode.BACKGROUND_INTENSITY ) {
- output = reference( 'backgroundIntensity', 'float', scene );
- } else {
- console.error( 'THREE.SceneNode: Unknown scope:', scope );
- }
- return output;
- }
- }
- SceneNode.BACKGROUND_BLURRINESS = 'backgroundBlurriness';
- SceneNode.BACKGROUND_INTENSITY = 'backgroundIntensity';
- const backgroundBlurriness = /*@__PURE__*/ nodeImmutable( SceneNode, SceneNode.BACKGROUND_BLURRINESS );
- const backgroundIntensity = /*@__PURE__*/ nodeImmutable( SceneNode, SceneNode.BACKGROUND_INTENSITY );
- const GPUPrimitiveTopology = {
- PointList: 'point-list',
- LineList: 'line-list',
- LineStrip: 'line-strip',
- TriangleList: 'triangle-list',
- TriangleStrip: 'triangle-strip',
- };
- const GPUCompareFunction = {
- Never: 'never',
- Less: 'less',
- Equal: 'equal',
- LessEqual: 'less-equal',
- Greater: 'greater',
- NotEqual: 'not-equal',
- GreaterEqual: 'greater-equal',
- Always: 'always'
- };
- const GPUStoreOp = {
- Store: 'store',
- Discard: 'discard'
- };
- const GPULoadOp = {
- Load: 'load',
- Clear: 'clear'
- };
- const GPUFrontFace = {
- CCW: 'ccw',
- CW: 'cw'
- };
- const GPUCullMode = {
- None: 'none',
- Front: 'front',
- Back: 'back'
- };
- const GPUIndexFormat = {
- Uint16: 'uint16',
- Uint32: 'uint32'
- };
- const GPUTextureFormat = {
- // 8-bit formats
- R8Unorm: 'r8unorm',
- R8Snorm: 'r8snorm',
- R8Uint: 'r8uint',
- R8Sint: 'r8sint',
- // 16-bit formats
- R16Uint: 'r16uint',
- R16Sint: 'r16sint',
- R16Float: 'r16float',
- RG8Unorm: 'rg8unorm',
- RG8Snorm: 'rg8snorm',
- RG8Uint: 'rg8uint',
- RG8Sint: 'rg8sint',
- // 32-bit formats
- R32Uint: 'r32uint',
- R32Sint: 'r32sint',
- R32Float: 'r32float',
- RG16Uint: 'rg16uint',
- RG16Sint: 'rg16sint',
- RG16Float: 'rg16float',
- RGBA8Unorm: 'rgba8unorm',
- RGBA8UnormSRGB: 'rgba8unorm-srgb',
- RGBA8Snorm: 'rgba8snorm',
- RGBA8Uint: 'rgba8uint',
- RGBA8Sint: 'rgba8sint',
- BGRA8Unorm: 'bgra8unorm',
- BGRA8UnormSRGB: 'bgra8unorm-srgb',
- // Packed 32-bit formats
- RGB9E5UFloat: 'rgb9e5ufloat',
- RGB10A2Unorm: 'rgb10a2unorm',
- RG11B10uFloat: 'rgb10a2unorm',
- // 64-bit formats
- RG32Uint: 'rg32uint',
- RG32Sint: 'rg32sint',
- RG32Float: 'rg32float',
- RGBA16Uint: 'rgba16uint',
- RGBA16Sint: 'rgba16sint',
- RGBA16Float: 'rgba16float',
- // 128-bit formats
- RGBA32Uint: 'rgba32uint',
- RGBA32Sint: 'rgba32sint',
- RGBA32Float: 'rgba32float',
- // Depth and stencil formats
- Stencil8: 'stencil8',
- Depth16Unorm: 'depth16unorm',
- Depth24Plus: 'depth24plus',
- Depth24PlusStencil8: 'depth24plus-stencil8',
- Depth32Float: 'depth32float',
- // 'depth32float-stencil8' extension
- Depth32FloatStencil8: 'depth32float-stencil8',
- // BC compressed formats usable if 'texture-compression-bc' is both
- // supported by the device/user agent and enabled in requestDevice.
- BC1RGBAUnorm: 'bc1-rgba-unorm',
- BC1RGBAUnormSRGB: 'bc1-rgba-unorm-srgb',
- BC2RGBAUnorm: 'bc2-rgba-unorm',
- BC2RGBAUnormSRGB: 'bc2-rgba-unorm-srgb',
- BC3RGBAUnorm: 'bc3-rgba-unorm',
- BC3RGBAUnormSRGB: 'bc3-rgba-unorm-srgb',
- BC4RUnorm: 'bc4-r-unorm',
- BC4RSnorm: 'bc4-r-snorm',
- BC5RGUnorm: 'bc5-rg-unorm',
- BC5RGSnorm: 'bc5-rg-snorm',
- BC6HRGBUFloat: 'bc6h-rgb-ufloat',
- BC6HRGBFloat: 'bc6h-rgb-float',
- BC7RGBAUnorm: 'bc7-rgba-unorm',
- BC7RGBAUnormSRGB: 'bc7-rgba-srgb',
- // ETC2 compressed formats usable if 'texture-compression-etc2' is both
- // supported by the device/user agent and enabled in requestDevice.
- ETC2RGB8Unorm: 'etc2-rgb8unorm',
- ETC2RGB8UnormSRGB: 'etc2-rgb8unorm-srgb',
- ETC2RGB8A1Unorm: 'etc2-rgb8a1unorm',
- ETC2RGB8A1UnormSRGB: 'etc2-rgb8a1unorm-srgb',
- ETC2RGBA8Unorm: 'etc2-rgba8unorm',
- ETC2RGBA8UnormSRGB: 'etc2-rgba8unorm-srgb',
- EACR11Unorm: 'eac-r11unorm',
- EACR11Snorm: 'eac-r11snorm',
- EACRG11Unorm: 'eac-rg11unorm',
- EACRG11Snorm: 'eac-rg11snorm',
- // ASTC compressed formats usable if 'texture-compression-astc' is both
- // supported by the device/user agent and enabled in requestDevice.
- ASTC4x4Unorm: 'astc-4x4-unorm',
- ASTC4x4UnormSRGB: 'astc-4x4-unorm-srgb',
- ASTC5x4Unorm: 'astc-5x4-unorm',
- ASTC5x4UnormSRGB: 'astc-5x4-unorm-srgb',
- ASTC5x5Unorm: 'astc-5x5-unorm',
- ASTC5x5UnormSRGB: 'astc-5x5-unorm-srgb',
- ASTC6x5Unorm: 'astc-6x5-unorm',
- ASTC6x5UnormSRGB: 'astc-6x5-unorm-srgb',
- ASTC6x6Unorm: 'astc-6x6-unorm',
- ASTC6x6UnormSRGB: 'astc-6x6-unorm-srgb',
- ASTC8x5Unorm: 'astc-8x5-unorm',
- ASTC8x5UnormSRGB: 'astc-8x5-unorm-srgb',
- ASTC8x6Unorm: 'astc-8x6-unorm',
- ASTC8x6UnormSRGB: 'astc-8x6-unorm-srgb',
- ASTC8x8Unorm: 'astc-8x8-unorm',
- ASTC8x8UnormSRGB: 'astc-8x8-unorm-srgb',
- ASTC10x5Unorm: 'astc-10x5-unorm',
- ASTC10x5UnormSRGB: 'astc-10x5-unorm-srgb',
- ASTC10x6Unorm: 'astc-10x6-unorm',
- ASTC10x6UnormSRGB: 'astc-10x6-unorm-srgb',
- ASTC10x8Unorm: 'astc-10x8-unorm',
- ASTC10x8UnormSRGB: 'astc-10x8-unorm-srgb',
- ASTC10x10Unorm: 'astc-10x10-unorm',
- ASTC10x10UnormSRGB: 'astc-10x10-unorm-srgb',
- ASTC12x10Unorm: 'astc-12x10-unorm',
- ASTC12x10UnormSRGB: 'astc-12x10-unorm-srgb',
- ASTC12x12Unorm: 'astc-12x12-unorm',
- ASTC12x12UnormSRGB: 'astc-12x12-unorm-srgb',
- };
- const GPUAddressMode = {
- ClampToEdge: 'clamp-to-edge',
- Repeat: 'repeat',
- MirrorRepeat: 'mirror-repeat'
- };
- const GPUFilterMode = {
- Linear: 'linear',
- Nearest: 'nearest'
- };
- const GPUBlendFactor = {
- Zero: 'zero',
- One: 'one',
- Src: 'src',
- OneMinusSrc: 'one-minus-src',
- SrcAlpha: 'src-alpha',
- OneMinusSrcAlpha: 'one-minus-src-alpha',
- Dst: 'dst',
- OneMinusDstColor: 'one-minus-dst',
- DstAlpha: 'dst-alpha',
- OneMinusDstAlpha: 'one-minus-dst-alpha',
- SrcAlphaSaturated: 'src-alpha-saturated',
- Constant: 'constant',
- OneMinusConstant: 'one-minus-constant'
- };
- const GPUBlendOperation = {
- Add: 'add',
- Subtract: 'subtract',
- ReverseSubtract: 'reverse-subtract',
- Min: 'min',
- Max: 'max'
- };
- const GPUColorWriteFlags = {
- None: 0,
- Red: 0x1,
- Green: 0x2,
- Blue: 0x4,
- Alpha: 0x8,
- All: 0xF
- };
- const GPUStencilOperation = {
- Keep: 'keep',
- Zero: 'zero',
- Replace: 'replace',
- Invert: 'invert',
- IncrementClamp: 'increment-clamp',
- DecrementClamp: 'decrement-clamp',
- IncrementWrap: 'increment-wrap',
- DecrementWrap: 'decrement-wrap'
- };
- const GPUBufferBindingType = {
- Uniform: 'uniform',
- Storage: 'storage',
- ReadOnlyStorage: 'read-only-storage'
- };
- const GPUStorageTextureAccess = {
- WriteOnly: 'write-only',
- ReadOnly: 'read-only',
- ReadWrite: 'read-write',
- };
- const GPUTextureSampleType = {
- Float: 'float',
- UnfilterableFloat: 'unfilterable-float',
- Depth: 'depth',
- SInt: 'sint',
- UInt: 'uint'
- };
- const GPUTextureDimension = {
- OneD: '1d',
- TwoD: '2d',
- ThreeD: '3d'
- };
- const GPUTextureViewDimension = {
- OneD: '1d',
- TwoD: '2d',
- TwoDArray: '2d-array',
- Cube: 'cube',
- CubeArray: 'cube-array',
- ThreeD: '3d'
- };
- const GPUTextureAspect = {
- All: 'all',
- StencilOnly: 'stencil-only',
- DepthOnly: 'depth-only'
- };
- const GPUInputStepMode = {
- Vertex: 'vertex',
- Instance: 'instance'
- };
- const GPUFeatureName = {
- DepthClipControl: 'depth-clip-control',
- Depth32FloatStencil8: 'depth32float-stencil8',
- TextureCompressionBC: 'texture-compression-bc',
- TextureCompressionETC2: 'texture-compression-etc2',
- TextureCompressionASTC: 'texture-compression-astc',
- TimestampQuery: 'timestamp-query',
- IndirectFirstInstance: 'indirect-first-instance',
- ShaderF16: 'shader-f16',
- RG11B10UFloat: 'rg11b10ufloat-renderable',
- BGRA8UNormStorage: 'bgra8unorm-storage',
- Float32Filterable: 'float32-filterable',
- ClipDistances: 'clip-distances',
- DualSourceBlending: 'dual-source-blending',
- Subgroups: 'subgroups'
- };
- class StorageBufferNode extends BufferNode {
- static get type() {
- return 'StorageBufferNode';
- }
- constructor( value, bufferType, bufferCount = 0 ) {
- super( value, bufferType, bufferCount );
- this.isStorageBufferNode = true;
- this.access = GPUBufferBindingType.Storage;
- this.isAtomic = false;
- this.bufferObject = false;
- this.bufferCount = bufferCount;
- this._attribute = null;
- this._varying = null;
- this.global = true;
- if ( value.isStorageBufferAttribute !== true && value.isStorageInstancedBufferAttribute !== true ) {
- // TOOD: Improve it, possibly adding a new property to the BufferAttribute to identify it as a storage buffer read-only attribute in Renderer
- if ( value.isInstancedBufferAttribute ) value.isStorageInstancedBufferAttribute = true;
- else value.isStorageBufferAttribute = true;
- }
- }
- getHash( builder ) {
- if ( this.bufferCount === 0 ) {
- let bufferData = builder.globalCache.getData( this.value );
- if ( bufferData === undefined ) {
- bufferData = {
- node: this
- };
- builder.globalCache.setData( this.value, bufferData );
- }
- return bufferData.node.uuid;
- }
- return this.uuid;
- }
- getInputType( /*builder*/ ) {
- return 'storageBuffer';
- }
- element( indexNode ) {
- return storageElement( this, indexNode );
- }
- setBufferObject( value ) {
- this.bufferObject = value;
- return this;
- }
- setAccess( value ) {
- this.access = value;
- return this;
- }
- toReadOnly() {
- return this.setAccess( GPUBufferBindingType.ReadOnlyStorage );
- }
- setAtomic( value ) {
- this.isAtomic = value;
- return this;
- }
- toAtomic() {
- return this.setAtomic( true );
- }
- generate( builder ) {
- if ( builder.isAvailable( 'storageBuffer' ) ) {
- return super.generate( builder );
- }
- const nodeType = this.getNodeType( builder );
- if ( this._attribute === null ) {
- this._attribute = bufferAttribute( this.value );
- this._varying = varying( this._attribute );
- }
- const output = this._varying.build( builder, nodeType );
- builder.registerTransform( output, this._attribute );
- return output;
- }
- }
- // Read-Write Storage
- const storage = ( value, type, count ) => nodeObject( new StorageBufferNode( value, type, count ) );
- const storageObject = ( value, type, count ) => nodeObject( new StorageBufferNode( value, type, count ).setBufferObject( true ) );
- class StorageTextureNode extends TextureNode {
- static get type() {
- return 'StorageTextureNode';
- }
- constructor( value, uvNode, storeNode = null ) {
- super( value, uvNode );
- this.storeNode = storeNode;
- this.isStorageTextureNode = true;
- this.access = GPUStorageTextureAccess.WriteOnly;
- }
- getInputType( /*builder*/ ) {
- return 'storageTexture';
- }
- setup( builder ) {
- super.setup( builder );
- const properties = builder.getNodeProperties( this );
- properties.storeNode = this.storeNode;
- }
- setAccess( value ) {
- this.access = value;
- return this;
- }
- generate( builder, output ) {
- let snippet;
- if ( this.storeNode !== null ) {
- snippet = this.generateStore( builder );
- } else {
- snippet = super.generate( builder, output );
- }
- return snippet;
- }
- toReadOnly() {
- return this.setAccess( GPUStorageTextureAccess.ReadOnly );
- }
- toWriteOnly() {
- return this.setAccess( GPUStorageTextureAccess.WriteOnly );
- }
- generateStore( builder ) {
- const properties = builder.getNodeProperties( this );
- const { uvNode, storeNode } = properties;
- const textureProperty = super.generate( builder, 'property' );
- const uvSnippet = uvNode.build( builder, 'uvec2' );
- const storeSnippet = storeNode.build( builder, 'vec4' );
- const snippet = builder.generateTextureStore( builder, textureProperty, uvSnippet, storeSnippet );
- builder.addLineFlowCode( snippet, this );
- }
- }
- const storageTexture = /*@__PURE__*/ nodeProxy( StorageTextureNode );
- const textureStore = ( value, uvNode, storeNode ) => {
- const node = storageTexture( value, uvNode, storeNode );
- if ( storeNode !== null ) node.append();
- return node;
- };
- class UserDataNode extends ReferenceNode {
- static get type() {
- return 'UserDataNode';
- }
- constructor( property, inputType, userData = null ) {
- super( property, inputType, userData );
- this.userData = userData;
- }
- updateReference( state ) {
- this.reference = this.userData !== null ? this.userData : state.object.userData;
- return this.reference;
- }
- }
- const userData = ( name, inputType, userData ) => nodeObject( new UserDataNode( name, inputType, userData ) );
- class PosterizeNode extends TempNode {
- static get type() {
- return 'PosterizeNode';
- }
- constructor( sourceNode, stepsNode ) {
- super();
- this.sourceNode = sourceNode;
- this.stepsNode = stepsNode;
- }
- setup() {
- const { sourceNode, stepsNode } = this;
- return sourceNode.mul( stepsNode ).floor().div( stepsNode );
- }
- }
- const posterize = /*@__PURE__*/ nodeProxy( PosterizeNode );
- let _sharedFramebuffer = null;
- class ViewportSharedTextureNode extends ViewportTextureNode {
- static get type() {
- return 'ViewportSharedTextureNode';
- }
- constructor( uvNode = screenUV, levelNode = null ) {
- if ( _sharedFramebuffer === null ) {
- _sharedFramebuffer = new FramebufferTexture();
- }
- super( uvNode, levelNode, _sharedFramebuffer );
- }
- updateReference() {
- return this;
- }
- }
- const viewportSharedTexture = /*@__PURE__*/ nodeProxy( ViewportSharedTextureNode );
- const _size$1 = /*@__PURE__*/ new Vector2();
- class PassTextureNode extends TextureNode {
- static get type() {
- return 'PassTextureNode';
- }
- constructor( passNode, texture ) {
- super( texture );
- this.passNode = passNode;
- this.setUpdateMatrix( false );
- }
- setup( builder ) {
- if ( builder.object.isQuadMesh ) this.passNode.build( builder );
- return super.setup( builder );
- }
- clone() {
- return new this.constructor( this.passNode, this.value );
- }
- }
- class PassMultipleTextureNode extends PassTextureNode {
- static get type() {
- return 'PassMultipleTextureNode';
- }
- constructor( passNode, textureName, previousTexture = false ) {
- super( passNode, null );
- this.textureName = textureName;
- this.previousTexture = previousTexture;
- }
- updateTexture() {
- this.value = this.previousTexture ? this.passNode.getPreviousTexture( this.textureName ) : this.passNode.getTexture( this.textureName );
- }
- setup( builder ) {
- this.updateTexture();
- return super.setup( builder );
- }
- clone() {
- return new this.constructor( this.passNode, this.textureName, this.previousTexture );
- }
- }
- class PassNode extends TempNode {
- static get type() {
- return 'PassNode';
- }
- constructor( scope, scene, camera, options = {} ) {
- super( 'vec4' );
- this.scope = scope;
- this.scene = scene;
- this.camera = camera;
- this.options = options;
- this._pixelRatio = 1;
- this._width = 1;
- this._height = 1;
- const depthTexture = new DepthTexture();
- depthTexture.isRenderTargetTexture = true;
- //depthTexture.type = FloatType;
- depthTexture.name = 'depth';
- const renderTarget = new RenderTarget( this._width * this._pixelRatio, this._height * this._pixelRatio, { type: HalfFloatType, ...options, } );
- renderTarget.texture.name = 'output';
- renderTarget.depthTexture = depthTexture;
- this.renderTarget = renderTarget;
- this.updateBeforeType = NodeUpdateType.FRAME;
- this._textures = {
- output: renderTarget.texture,
- depth: depthTexture
- };
- this._textureNodes = {};
- this._linearDepthNodes = {};
- this._viewZNodes = {};
- this._previousTextures = {};
- this._previousTextureNodes = {};
- this._cameraNear = uniform( 0 );
- this._cameraFar = uniform( 0 );
- this._mrt = null;
- this.isPassNode = true;
- }
- setMRT( mrt ) {
- this._mrt = mrt;
- return this;
- }
- getMRT() {
- return this._mrt;
- }
- isGlobal() {
- return true;
- }
- getTexture( name ) {
- let texture = this._textures[ name ];
- if ( texture === undefined ) {
- const refTexture = this.renderTarget.texture;
- texture = refTexture.clone();
- texture.isRenderTargetTexture = true;
- texture.name = name;
- this._textures[ name ] = texture;
- this.renderTarget.textures.push( texture );
- }
- return texture;
- }
- getPreviousTexture( name ) {
- let texture = this._previousTextures[ name ];
- if ( texture === undefined ) {
- texture = this.getTexture( name ).clone();
- texture.isRenderTargetTexture = true;
- this._previousTextures[ name ] = texture;
- }
- return texture;
- }
- toggleTexture( name ) {
- const prevTexture = this._previousTextures[ name ];
- if ( prevTexture !== undefined ) {
- const texture = this._textures[ name ];
- const index = this.renderTarget.textures.indexOf( texture );
- this.renderTarget.textures[ index ] = prevTexture;
- this._textures[ name ] = prevTexture;
- this._previousTextures[ name ] = texture;
- this._textureNodes[ name ].updateTexture();
- this._previousTextureNodes[ name ].updateTexture();
- }
- }
- getTextureNode( name = 'output' ) {
- let textureNode = this._textureNodes[ name ];
- if ( textureNode === undefined ) {
- this._textureNodes[ name ] = textureNode = nodeObject( new PassMultipleTextureNode( this, name ) );
- this._textureNodes[ name ].updateTexture();
- }
- return textureNode;
- }
- getPreviousTextureNode( name = 'output' ) {
- let textureNode = this._previousTextureNodes[ name ];
- if ( textureNode === undefined ) {
- if ( this._textureNodes[ name ] === undefined ) this.getTextureNode( name );
- this._previousTextureNodes[ name ] = textureNode = nodeObject( new PassMultipleTextureNode( this, name, true ) );
- this._previousTextureNodes[ name ].updateTexture();
- }
- return textureNode;
- }
- getViewZNode( name = 'depth' ) {
- let viewZNode = this._viewZNodes[ name ];
- if ( viewZNode === undefined ) {
- const cameraNear = this._cameraNear;
- const cameraFar = this._cameraFar;
- this._viewZNodes[ name ] = viewZNode = perspectiveDepthToViewZ( this.getTextureNode( name ), cameraNear, cameraFar );
- }
- return viewZNode;
- }
- getLinearDepthNode( name = 'depth' ) {
- let linearDepthNode = this._linearDepthNodes[ name ];
- if ( linearDepthNode === undefined ) {
- const cameraNear = this._cameraNear;
- const cameraFar = this._cameraFar;
- const viewZNode = this.getViewZNode( name );
- // TODO: just if ( builder.camera.isPerspectiveCamera )
- this._linearDepthNodes[ name ] = linearDepthNode = viewZToOrthographicDepth( viewZNode, cameraNear, cameraFar );
- }
- return linearDepthNode;
- }
- setup( { renderer } ) {
- this.renderTarget.samples = this.options.samples === undefined ? renderer.samples : this.options.samples;
- // Disable MSAA for WebGL backend for now
- if ( renderer.backend.isWebGLBackend === true ) {
- this.renderTarget.samples = 0;
- }
- this.renderTarget.depthTexture.isMultisampleRenderTargetTexture = this.renderTarget.samples > 1;
- return this.scope === PassNode.COLOR ? this.getTextureNode() : this.getLinearDepthNode();
- }
- updateBefore( frame ) {
- const { renderer } = frame;
- const { scene, camera } = this;
- this._pixelRatio = renderer.getPixelRatio();
- const size = renderer.getSize( _size$1 );
- this.setSize( size.width, size.height );
- const currentRenderTarget = renderer.getRenderTarget();
- const currentMRT = renderer.getMRT();
- this._cameraNear.value = camera.near;
- this._cameraFar.value = camera.far;
- for ( const name in this._previousTextures ) {
- this.toggleTexture( name );
- }
- renderer.setRenderTarget( this.renderTarget );
- renderer.setMRT( this._mrt );
- renderer.render( scene, camera );
- renderer.setRenderTarget( currentRenderTarget );
- renderer.setMRT( currentMRT );
- }
- setSize( width, height ) {
- this._width = width;
- this._height = height;
- const effectiveWidth = this._width * this._pixelRatio;
- const effectiveHeight = this._height * this._pixelRatio;
- this.renderTarget.setSize( effectiveWidth, effectiveHeight );
- }
- setPixelRatio( pixelRatio ) {
- this._pixelRatio = pixelRatio;
- this.setSize( this._width, this._height );
- }
- dispose() {
- this.renderTarget.dispose();
- }
- }
- PassNode.COLOR = 'color';
- PassNode.DEPTH = 'depth';
- const pass = ( scene, camera, options ) => nodeObject( new PassNode( PassNode.COLOR, scene, camera, options ) );
- const passTexture = ( pass, texture ) => nodeObject( new PassTextureNode( pass, texture ) );
- const depthPass = ( scene, camera ) => nodeObject( new PassNode( PassNode.DEPTH, scene, camera ) );
- class ToonOutlinePassNode extends PassNode {
- static get type() {
- return 'ToonOutlinePassNode';
- }
- constructor( scene, camera, colorNode, thicknessNode, alphaNode ) {
- super( PassNode.COLOR, scene, camera );
- this.colorNode = colorNode;
- this.thicknessNode = thicknessNode;
- this.alphaNode = alphaNode;
- this._materialCache = new WeakMap();
- }
- updateBefore( frame ) {
- const { renderer } = frame;
- const currentRenderObjectFunction = renderer.getRenderObjectFunction();
- renderer.setRenderObjectFunction( ( object, scene, camera, geometry, material, group, lightsNode ) => {
- // only render outline for supported materials
- if ( material.isMeshToonMaterial || material.isMeshToonNodeMaterial ) {
- if ( material.wireframe === false ) {
- const outlineMaterial = this._getOutlineMaterial( material );
- renderer.renderObject( object, scene, camera, geometry, outlineMaterial, group, lightsNode );
- }
- }
- // default
- renderer.renderObject( object, scene, camera, geometry, material, group, lightsNode );
- } );
- super.updateBefore( frame );
- renderer.setRenderObjectFunction( currentRenderObjectFunction );
- }
- _createMaterial() {
- const material = new NodeMaterial();
- material.isMeshToonOutlineMaterial = true;
- material.name = 'Toon_Outline';
- material.side = BackSide;
- // vertex node
- const outlineNormal = normalLocal.negate();
- const mvp = cameraProjectionMatrix.mul( modelViewMatrix );
- const ratio = float( 1.0 ); // TODO: support outline thickness ratio for each vertex
- const pos = mvp.mul( vec4( positionLocal, 1.0 ) );
- const pos2 = mvp.mul( vec4( positionLocal.add( outlineNormal ), 1.0 ) );
- const norm = normalize( pos.sub( pos2 ) ); // NOTE: subtract pos2 from pos because BackSide objectNormal is negative
- material.vertexNode = pos.add( norm.mul( this.thicknessNode ).mul( pos.w ).mul( ratio ) );
- // color node
- material.colorNode = vec4( this.colorNode, this.alphaNode );
- return material;
- }
- _getOutlineMaterial( originalMaterial ) {
- let outlineMaterial = this._materialCache.get( originalMaterial );
- if ( outlineMaterial === undefined ) {
- outlineMaterial = this._createMaterial();
- this._materialCache.set( originalMaterial, outlineMaterial );
- }
- return outlineMaterial;
- }
- }
- const toonOutlinePass = ( scene, camera, color = new Color( 0, 0, 0 ), thickness = 0.003, alpha = 1 ) => nodeObject( new ToonOutlinePassNode( scene, camera, nodeObject( color ), nodeObject( thickness ), nodeObject( alpha ) ) );
- class ScriptableValueNode extends Node {
- static get type() {
- return 'ScriptableValueNode';
- }
- constructor( value = null ) {
- super();
- this._value = value;
- this._cache = null;
- this.inputType = null;
- this.outpuType = null;
- this.events = new EventDispatcher();
- this.isScriptableValueNode = true;
- }
- get isScriptableOutputNode() {
- return this.outputType !== null;
- }
- set value( val ) {
- if ( this._value === val ) return;
- if ( this._cache && this.inputType === 'URL' && this.value.value instanceof ArrayBuffer ) {
- URL.revokeObjectURL( this._cache );
- this._cache = null;
- }
- this._value = val;
- this.events.dispatchEvent( { type: 'change' } );
- this.refresh();
- }
- get value() {
- return this._value;
- }
- refresh() {
- this.events.dispatchEvent( { type: 'refresh' } );
- }
- getValue() {
- const value = this.value;
- if ( value && this._cache === null && this.inputType === 'URL' && value.value instanceof ArrayBuffer ) {
- this._cache = URL.createObjectURL( new Blob( [ value.value ] ) );
- } else if ( value && value.value !== null && value.value !== undefined && (
- ( ( this.inputType === 'URL' || this.inputType === 'String' ) && typeof value.value === 'string' ) ||
- ( this.inputType === 'Number' && typeof value.value === 'number' ) ||
- ( this.inputType === 'Vector2' && value.value.isVector2 ) ||
- ( this.inputType === 'Vector3' && value.value.isVector3 ) ||
- ( this.inputType === 'Vector4' && value.value.isVector4 ) ||
- ( this.inputType === 'Color' && value.value.isColor ) ||
- ( this.inputType === 'Matrix3' && value.value.isMatrix3 ) ||
- ( this.inputType === 'Matrix4' && value.value.isMatrix4 )
- ) ) {
- return value.value;
- }
- return this._cache || value;
- }
- getNodeType( builder ) {
- return this.value && this.value.isNode ? this.value.getNodeType( builder ) : 'float';
- }
- setup() {
- return this.value && this.value.isNode ? this.value : float();
- }
- serialize( data ) {
- super.serialize( data );
- if ( this.value !== null ) {
- if ( this.inputType === 'ArrayBuffer' ) {
- data.value = arrayBufferToBase64( this.value );
- } else {
- data.value = this.value ? this.value.toJSON( data.meta ).uuid : null;
- }
- } else {
- data.value = null;
- }
- data.inputType = this.inputType;
- data.outputType = this.outputType;
- }
- deserialize( data ) {
- super.deserialize( data );
- let value = null;
- if ( data.value !== null ) {
- if ( data.inputType === 'ArrayBuffer' ) {
- value = base64ToArrayBuffer( data.value );
- } else if ( data.inputType === 'Texture' ) {
- value = data.meta.textures[ data.value ];
- } else {
- value = data.meta.nodes[ data.value ] || null;
- }
- }
- this.value = value;
- this.inputType = data.inputType;
- this.outputType = data.outputType;
- }
- }
- const scriptableValue = /*@__PURE__*/ nodeProxy( ScriptableValueNode );
- class Resources extends Map {
- get( key, callback = null, ...params ) {
- if ( this.has( key ) ) return super.get( key );
- if ( callback !== null ) {
- const value = callback( ...params );
- this.set( key, value );
- return value;
- }
- }
- }
- class Parameters {
- constructor( scriptableNode ) {
- this.scriptableNode = scriptableNode;
- }
- get parameters() {
- return this.scriptableNode.parameters;
- }
- get layout() {
- return this.scriptableNode.getLayout();
- }
- getInputLayout( id ) {
- return this.scriptableNode.getInputLayout( id );
- }
- get( name ) {
- const param = this.parameters[ name ];
- const value = param ? param.getValue() : null;
- return value;
- }
- }
- const global = new Resources();
- class ScriptableNode extends Node {
- static get type() {
- return 'ScriptableNode';
- }
- constructor( codeNode = null, parameters = {} ) {
- super();
- this.codeNode = codeNode;
- this.parameters = parameters;
- this._local = new Resources();
- this._output = scriptableValue();
- this._outputs = {};
- this._source = this.source;
- this._method = null;
- this._object = null;
- this._value = null;
- this._needsOutputUpdate = true;
- this.onRefresh = this.onRefresh.bind( this );
- this.isScriptableNode = true;
- }
- get source() {
- return this.codeNode ? this.codeNode.code : '';
- }
- setLocal( name, value ) {
- return this._local.set( name, value );
- }
- getLocal( name ) {
- return this._local.get( name );
- }
- onRefresh() {
- this._refresh();
- }
- getInputLayout( id ) {
- for ( const element of this.getLayout() ) {
- if ( element.inputType && ( element.id === id || element.name === id ) ) {
- return element;
- }
- }
- }
- getOutputLayout( id ) {
- for ( const element of this.getLayout() ) {
- if ( element.outputType && ( element.id === id || element.name === id ) ) {
- return element;
- }
- }
- }
- setOutput( name, value ) {
- const outputs = this._outputs;
- if ( outputs[ name ] === undefined ) {
- outputs[ name ] = scriptableValue( value );
- } else {
- outputs[ name ].value = value;
- }
- return this;
- }
- getOutput( name ) {
- return this._outputs[ name ];
- }
- getParameter( name ) {
- return this.parameters[ name ];
- }
- setParameter( name, value ) {
- const parameters = this.parameters;
- if ( value && value.isScriptableNode ) {
- this.deleteParameter( name );
- parameters[ name ] = value;
- parameters[ name ].getDefaultOutput().events.addEventListener( 'refresh', this.onRefresh );
- } else if ( value && value.isScriptableValueNode ) {
- this.deleteParameter( name );
- parameters[ name ] = value;
- parameters[ name ].events.addEventListener( 'refresh', this.onRefresh );
- } else if ( parameters[ name ] === undefined ) {
- parameters[ name ] = scriptableValue( value );
- parameters[ name ].events.addEventListener( 'refresh', this.onRefresh );
- } else {
- parameters[ name ].value = value;
- }
- return this;
- }
- getValue() {
- return this.getDefaultOutput().getValue();
- }
- deleteParameter( name ) {
- let valueNode = this.parameters[ name ];
- if ( valueNode ) {
- if ( valueNode.isScriptableNode ) valueNode = valueNode.getDefaultOutput();
- valueNode.events.removeEventListener( 'refresh', this.onRefresh );
- }
- return this;
- }
- clearParameters() {
- for ( const name of Object.keys( this.parameters ) ) {
- this.deleteParameter( name );
- }
- this.needsUpdate = true;
- return this;
- }
- call( name, ...params ) {
- const object = this.getObject();
- const method = object[ name ];
- if ( typeof method === 'function' ) {
- return method( ...params );
- }
- }
- async callAsync( name, ...params ) {
- const object = this.getObject();
- const method = object[ name ];
- if ( typeof method === 'function' ) {
- return method.constructor.name === 'AsyncFunction' ? await method( ...params ) : method( ...params );
- }
- }
- getNodeType( builder ) {
- return this.getDefaultOutputNode().getNodeType( builder );
- }
- refresh( output = null ) {
- if ( output !== null ) {
- this.getOutput( output ).refresh();
- } else {
- this._refresh();
- }
- }
- getObject() {
- if ( this.needsUpdate ) this.dispose();
- if ( this._object !== null ) return this._object;
- //
- const refresh = () => this.refresh();
- const setOutput = ( id, value ) => this.setOutput( id, value );
- const parameters = new Parameters( this );
- const THREE = global.get( 'THREE' );
- const TSL = global.get( 'TSL' );
- const method = this.getMethod( this.codeNode );
- const params = [ parameters, this._local, global, refresh, setOutput, THREE, TSL ];
- this._object = method( ...params );
- const layout = this._object.layout;
- if ( layout ) {
- if ( layout.cache === false ) {
- this._local.clear();
- }
- // default output
- this._output.outputType = layout.outputType || null;
- if ( Array.isArray( layout.elements ) ) {
- for ( const element of layout.elements ) {
- const id = element.id || element.name;
- if ( element.inputType ) {
- if ( this.getParameter( id ) === undefined ) this.setParameter( id, null );
- this.getParameter( id ).inputType = element.inputType;
- }
- if ( element.outputType ) {
- if ( this.getOutput( id ) === undefined ) this.setOutput( id, null );
- this.getOutput( id ).outputType = element.outputType;
- }
- }
- }
- }
- return this._object;
- }
- deserialize( data ) {
- super.deserialize( data );
- for ( const name in this.parameters ) {
- let valueNode = this.parameters[ name ];
- if ( valueNode.isScriptableNode ) valueNode = valueNode.getDefaultOutput();
- valueNode.events.addEventListener( 'refresh', this.onRefresh );
- }
- }
- getLayout() {
- return this.getObject().layout;
- }
- getDefaultOutputNode() {
- const output = this.getDefaultOutput().value;
- if ( output && output.isNode ) {
- return output;
- }
- return float();
- }
- getDefaultOutput() {
- return this._exec()._output;
- }
- getMethod() {
- if ( this.needsUpdate ) this.dispose();
- if ( this._method !== null ) return this._method;
- //
- const parametersProps = [ 'parameters', 'local', 'global', 'refresh', 'setOutput', 'THREE', 'TSL' ];
- const interfaceProps = [ 'layout', 'init', 'main', 'dispose' ];
- const properties = interfaceProps.join( ', ' );
- const declarations = 'var ' + properties + '; var output = {};\n';
- const returns = '\nreturn { ...output, ' + properties + ' };';
- const code = declarations + this.codeNode.code + returns;
- //
- this._method = new Function( ...parametersProps, code );
- return this._method;
- }
- dispose() {
- if ( this._method === null ) return;
- if ( this._object && typeof this._object.dispose === 'function' ) {
- this._object.dispose();
- }
- this._method = null;
- this._object = null;
- this._source = null;
- this._value = null;
- this._needsOutputUpdate = true;
- this._output.value = null;
- this._outputs = {};
- }
- setup() {
- return this.getDefaultOutputNode();
- }
- getCacheKey( force ) {
- const values = [ hashString( this.source ), this.getDefaultOutputNode().getCacheKey( force ) ];
- for ( const param in this.parameters ) {
- values.push( this.parameters[ param ].getCacheKey( force ) );
- }
- return hashArray( values );
- }
- set needsUpdate( value ) {
- if ( value === true ) this.dispose();
- }
- get needsUpdate() {
- return this.source !== this._source;
- }
- _exec() {
- if ( this.codeNode === null ) return this;
- if ( this._needsOutputUpdate === true ) {
- this._value = this.call( 'main' );
- this._needsOutputUpdate = false;
- }
- this._output.value = this._value;
- return this;
- }
- _refresh() {
- this.needsUpdate = true;
- this._exec();
- this._output.refresh();
- }
- }
- const scriptable = /*@__PURE__*/ nodeProxy( ScriptableNode );
- class FogNode extends Node {
- static get type() {
- return 'FogNode';
- }
- constructor( colorNode, factorNode ) {
- super( 'float' );
- this.isFogNode = true;
- this.colorNode = colorNode;
- this.factorNode = factorNode;
- }
- getViewZNode( builder ) {
- let viewZ;
- const getViewZ = builder.context.getViewZ;
- if ( getViewZ !== undefined ) {
- viewZ = getViewZ( this );
- }
- return ( viewZ || positionView.z ).negate();
- }
- setup() {
- return this.factorNode;
- }
- }
- const fog = /*@__PURE__*/ nodeProxy( FogNode );
- class FogRangeNode extends FogNode {
- static get type() {
- return 'FogRangeNode';
- }
- constructor( colorNode, nearNode, farNode ) {
- super( colorNode );
- this.isFogRangeNode = true;
- this.nearNode = nearNode;
- this.farNode = farNode;
- }
- setup( builder ) {
- const viewZ = this.getViewZNode( builder );
- return smoothstep( this.nearNode, this.farNode, viewZ );
- }
- }
- const rangeFog = /*@__PURE__*/ nodeProxy( FogRangeNode );
- class FogExp2Node extends FogNode {
- static get type() {
- return 'FogExp2Node';
- }
- constructor( colorNode, densityNode ) {
- super( colorNode );
- this.isFogExp2Node = true;
- this.densityNode = densityNode;
- }
- setup( builder ) {
- const viewZ = this.getViewZNode( builder );
- const density = this.densityNode;
- return density.mul( density, viewZ, viewZ ).negate().exp().oneMinus();
- }
- }
- const densityFog = /*@__PURE__*/ nodeProxy( FogExp2Node );
- let min = null;
- let max = null;
- class RangeNode extends Node {
- static get type() {
- return 'RangeNode';
- }
- constructor( minNode = float(), maxNode = float() ) {
- super();
- this.minNode = minNode;
- this.maxNode = maxNode;
- }
- getVectorLength( builder ) {
- const minLength = builder.getTypeLength( getValueType( this.minNode.value ) );
- const maxLength = builder.getTypeLength( getValueType( this.maxNode.value ) );
- return minLength > maxLength ? minLength : maxLength;
- }
- getNodeType( builder ) {
- return builder.object.count > 1 ? builder.getTypeFromLength( this.getVectorLength( builder ) ) : 'float';
- }
- setup( builder ) {
- const object = builder.object;
- let output = null;
- if ( object.count > 1 ) {
- const minValue = this.minNode.value;
- const maxValue = this.maxNode.value;
- const minLength = builder.getTypeLength( getValueType( minValue ) );
- const maxLength = builder.getTypeLength( getValueType( maxValue ) );
- min = min || new Vector4();
- max = max || new Vector4();
- min.setScalar( 0 );
- max.setScalar( 0 );
- if ( minLength === 1 ) min.setScalar( minValue );
- else if ( minValue.isColor ) min.set( minValue.r, minValue.g, minValue.b );
- else min.set( minValue.x, minValue.y, minValue.z || 0, minValue.w || 0 );
- if ( maxLength === 1 ) max.setScalar( maxValue );
- else if ( maxValue.isColor ) max.set( maxValue.r, maxValue.g, maxValue.b );
- else max.set( maxValue.x, maxValue.y, maxValue.z || 0, maxValue.w || 0 );
- const stride = 4;
- const length = stride * object.count;
- const array = new Float32Array( length );
- for ( let i = 0; i < length; i ++ ) {
- const index = i % stride;
- const minElementValue = min.getComponent( index );
- const maxElementValue = max.getComponent( index );
- array[ i ] = MathUtils.lerp( minElementValue, maxElementValue, Math.random() );
- }
- const nodeType = this.getNodeType( builder );
- if ( object.count <= 4096 ) {
- output = buffer( array, 'vec4', object.count ).element( instanceIndex ).convert( nodeType );
- } else {
- // TODO: Improve anonymous buffer attribute creation removing this part
- const bufferAttribute = new InstancedBufferAttribute( array, 4 );
- builder.geometry.setAttribute( '__range' + this.id, bufferAttribute );
- output = instancedBufferAttribute( bufferAttribute ).convert( nodeType );
- }
- } else {
- output = float( 0 );
- }
- return output;
- }
- }
- const range = /*@__PURE__*/ nodeProxy( RangeNode );
- const BasicShadowMap = Fn( ( { depthTexture, shadowCoord } ) => {
- return texture( depthTexture, shadowCoord.xy ).compare( shadowCoord.z );
- } );
- const PCFShadowMap = Fn( ( { depthTexture, shadowCoord, shadow } ) => {
- const depthCompare = ( uv, compare ) => texture( depthTexture, uv ).compare( compare );
- const mapSize = reference( 'mapSize', 'vec2', shadow ).setGroup( renderGroup );
- const radius = reference( 'radius', 'float', shadow ).setGroup( renderGroup );
- const texelSize = vec2( 1 ).div( mapSize );
- const dx0 = texelSize.x.negate().mul( radius );
- const dy0 = texelSize.y.negate().mul( radius );
- const dx1 = texelSize.x.mul( radius );
- const dy1 = texelSize.y.mul( radius );
- const dx2 = dx0.div( 2 );
- const dy2 = dy0.div( 2 );
- const dx3 = dx1.div( 2 );
- const dy3 = dy1.div( 2 );
- return add(
- depthCompare( shadowCoord.xy.add( vec2( dx0, dy0 ) ), shadowCoord.z ),
- depthCompare( shadowCoord.xy.add( vec2( 0, dy0 ) ), shadowCoord.z ),
- depthCompare( shadowCoord.xy.add( vec2( dx1, dy0 ) ), shadowCoord.z ),
- depthCompare( shadowCoord.xy.add( vec2( dx2, dy2 ) ), shadowCoord.z ),
- depthCompare( shadowCoord.xy.add( vec2( 0, dy2 ) ), shadowCoord.z ),
- depthCompare( shadowCoord.xy.add( vec2( dx3, dy2 ) ), shadowCoord.z ),
- depthCompare( shadowCoord.xy.add( vec2( dx0, 0 ) ), shadowCoord.z ),
- depthCompare( shadowCoord.xy.add( vec2( dx2, 0 ) ), shadowCoord.z ),
- depthCompare( shadowCoord.xy, shadowCoord.z ),
- depthCompare( shadowCoord.xy.add( vec2( dx3, 0 ) ), shadowCoord.z ),
- depthCompare( shadowCoord.xy.add( vec2( dx1, 0 ) ), shadowCoord.z ),
- depthCompare( shadowCoord.xy.add( vec2( dx2, dy3 ) ), shadowCoord.z ),
- depthCompare( shadowCoord.xy.add( vec2( 0, dy3 ) ), shadowCoord.z ),
- depthCompare( shadowCoord.xy.add( vec2( dx3, dy3 ) ), shadowCoord.z ),
- depthCompare( shadowCoord.xy.add( vec2( dx0, dy1 ) ), shadowCoord.z ),
- depthCompare( shadowCoord.xy.add( vec2( 0, dy1 ) ), shadowCoord.z ),
- depthCompare( shadowCoord.xy.add( vec2( dx1, dy1 ) ), shadowCoord.z )
- ).mul( 1 / 17 );
- } );
- const PCFSoftShadowMap = Fn( ( { depthTexture, shadowCoord, shadow } ) => {
- const depthCompare = ( uv, compare ) => texture( depthTexture, uv ).compare( compare );
- const mapSize = reference( 'mapSize', 'vec2', shadow ).setGroup( renderGroup );
- const texelSize = vec2( 1 ).div( mapSize );
- const dx = texelSize.x;
- const dy = texelSize.y;
- const uv = shadowCoord.xy;
- const f = fract( uv.mul( mapSize ).add( 0.5 ) );
- uv.subAssign( f.mul( texelSize ) );
- return add(
- depthCompare( uv, shadowCoord.z ),
- depthCompare( uv.add( vec2( dx, 0 ) ), shadowCoord.z ),
- depthCompare( uv.add( vec2( 0, dy ) ), shadowCoord.z ),
- depthCompare( uv.add( texelSize ), shadowCoord.z ),
- mix(
- depthCompare( uv.add( vec2( dx.negate(), 0 ) ), shadowCoord.z ),
- depthCompare( uv.add( vec2( dx.mul( 2 ), 0 ) ), shadowCoord.z ),
- f.x
- ),
- mix(
- depthCompare( uv.add( vec2( dx.negate(), dy ) ), shadowCoord.z ),
- depthCompare( uv.add( vec2( dx.mul( 2 ), dy ) ), shadowCoord.z ),
- f.x
- ),
- mix(
- depthCompare( uv.add( vec2( 0, dy.negate() ) ), shadowCoord.z ),
- depthCompare( uv.add( vec2( 0, dy.mul( 2 ) ) ), shadowCoord.z ),
- f.y
- ),
- mix(
- depthCompare( uv.add( vec2( dx, dy.negate() ) ), shadowCoord.z ),
- depthCompare( uv.add( vec2( dx, dy.mul( 2 ) ) ), shadowCoord.z ),
- f.y
- ),
- mix(
- mix(
- depthCompare( uv.add( vec2( dx.negate(), dy.negate() ) ), shadowCoord.z ),
- depthCompare( uv.add( vec2( dx.mul( 2 ), dy.negate() ) ), shadowCoord.z ),
- f.x
- ),
- mix(
- depthCompare( uv.add( vec2( dx.negate(), dy.mul( 2 ) ) ), shadowCoord.z ),
- depthCompare( uv.add( vec2( dx.mul( 2 ), dy.mul( 2 ) ) ), shadowCoord.z ),
- f.x
- ),
- f.y
- )
- ).mul( 1 / 9 );
- } );
- // VSM
- const VSMShadowMapNode = Fn( ( { depthTexture, shadowCoord } ) => {
- const occlusion = float( 1 ).toVar();
- const distribution = texture( depthTexture ).uv( shadowCoord.xy ).rg;
- const hardShadow = step( shadowCoord.z, distribution.x );
- If( hardShadow.notEqual( float( 1.0 ) ), () => {
- const distance = shadowCoord.z.sub( distribution.x );
- const variance = max$1( 0, distribution.y.mul( distribution.y ) );
- let softnessProbability = variance.div( variance.add( distance.mul( distance ) ) ); // Chebeyshevs inequality
- softnessProbability = clamp( sub( softnessProbability, 0.3 ).div( 0.95 - 0.3 ) );
- occlusion.assign( clamp( max$1( hardShadow, softnessProbability ) ) );
- } );
- return occlusion;
- } );
- const VSMPassVertical = Fn( ( { samples, radius, size, shadowPass } ) => {
- const mean = float( 0 ).toVar();
- const squaredMean = float( 0 ).toVar();
- const uvStride = samples.lessThanEqual( float( 1 ) ).select( float( 0 ), float( 2 ).div( samples.sub( 1 ) ) );
- const uvStart = samples.lessThanEqual( float( 1 ) ).select( float( 0 ), float( - 1 ) );
- Loop( { start: int( 0 ), end: int( samples ), type: 'int', condition: '<' }, ( { i } ) => {
- const uvOffset = uvStart.add( float( i ).mul( uvStride ) );
- const depth = shadowPass.uv( add( screenCoordinate.xy, vec2( 0, uvOffset ).mul( radius ) ).div( size ) ).x;
- mean.addAssign( depth );
- squaredMean.addAssign( depth.mul( depth ) );
- } );
- mean.divAssign( samples );
- squaredMean.divAssign( samples );
- const std_dev = sqrt( squaredMean.sub( mean.mul( mean ) ) );
- return vec2( mean, std_dev );
- } );
- const VSMPassHorizontal = Fn( ( { samples, radius, size, shadowPass } ) => {
- const mean = float( 0 ).toVar();
- const squaredMean = float( 0 ).toVar();
- const uvStride = samples.lessThanEqual( float( 1 ) ).select( float( 0 ), float( 2 ).div( samples.sub( 1 ) ) );
- const uvStart = samples.lessThanEqual( float( 1 ) ).select( float( 0 ), float( - 1 ) );
- Loop( { start: int( 0 ), end: int( samples ), type: 'int', condition: '<' }, ( { i } ) => {
- const uvOffset = uvStart.add( float( i ).mul( uvStride ) );
- const distribution = shadowPass.uv( add( screenCoordinate.xy, vec2( uvOffset, 0 ).mul( radius ) ).div( size ) );
- mean.addAssign( distribution.x );
- squaredMean.addAssign( add( distribution.y.mul( distribution.y ), distribution.x.mul( distribution.x ) ) );
- } );
- mean.divAssign( samples );
- squaredMean.divAssign( samples );
- const std_dev = sqrt( squaredMean.sub( mean.mul( mean ) ) );
- return vec2( mean, std_dev );
- } );
- const _shadowFilterLib = [ BasicShadowMap, PCFShadowMap, PCFSoftShadowMap, VSMShadowMapNode ];
- //
- let _overrideMaterial = null;
- const _quadMesh$1 = /*@__PURE__*/ new QuadMesh();
- class AnalyticLightNode extends LightingNode {
- static get type() {
- return 'AnalyticLightNode';
- }
- constructor( light = null ) {
- super();
- this.updateType = NodeUpdateType.FRAME;
- this.light = light;
- this.color = new Color();
- this.colorNode = uniform( this.color ).setGroup( renderGroup );
- this.baseColorNode = null;
- this.shadowMap = null;
- this.shadowNode = null;
- this.shadowColorNode = null;
- this.vsmShadowMapVertical = null;
- this.vsmShadowMapHorizontal = null;
- this.vsmMaterialVertical = null;
- this.vsmMaterialHorizontal = null;
- this.isAnalyticLightNode = true;
- }
- getCacheKey() {
- return hash$1( super.getCacheKey(), this.light.id, this.light.castShadow ? 1 : 0 );
- }
- getHash() {
- return this.light.uuid;
- }
- setupShadow( builder ) {
- const { object, renderer } = builder;
- if ( renderer.shadowMap.enabled === false ) return;
- let shadowColorNode = this.shadowColorNode;
- if ( shadowColorNode === null ) {
- if ( _overrideMaterial === null ) {
- _overrideMaterial = new NodeMaterial();
- _overrideMaterial.fragmentNode = vec4( 0, 0, 0, 1 );
- _overrideMaterial.isShadowNodeMaterial = true; // Use to avoid other overrideMaterial override material.fragmentNode unintentionally when using material.shadowNode
- _overrideMaterial.name = 'ShadowMaterial';
- }
- const shadowMapType = renderer.shadowMap.type;
- const shadow = this.light.shadow;
- const depthTexture = new DepthTexture();
- depthTexture.compareFunction = LessCompare;
- const shadowMap = builder.createRenderTarget( shadow.mapSize.width, shadow.mapSize.height );
- shadowMap.depthTexture = depthTexture;
- shadow.camera.updateProjectionMatrix();
- // VSM
- if ( shadowMapType === VSMShadowMap ) {
- depthTexture.compareFunction = null; // VSM does not use textureSampleCompare()/texture2DCompare()
- this.vsmShadowMapVertical = builder.createRenderTarget( shadow.mapSize.width, shadow.mapSize.height, { format: RGFormat, type: HalfFloatType } );
- this.vsmShadowMapHorizontal = builder.createRenderTarget( shadow.mapSize.width, shadow.mapSize.height, { format: RGFormat, type: HalfFloatType } );
- const shadowPassVertical = texture( depthTexture );
- const shadowPassHorizontal = texture( this.vsmShadowMapVertical.texture );
- const samples = reference( 'blurSamples', 'float', shadow ).setGroup( renderGroup );
- const radius = reference( 'radius', 'float', shadow ).setGroup( renderGroup );
- const size = reference( 'mapSize', 'vec2', shadow ).setGroup( renderGroup );
- let material = this.vsmMaterialVertical || ( this.vsmMaterialVertical = new NodeMaterial() );
- material.fragmentNode = VSMPassVertical( { samples, radius, size, shadowPass: shadowPassVertical } ).context( builder.getSharedContext() );
- material.name = 'VSMVertical';
- material = this.vsmMaterialHorizontal || ( this.vsmMaterialHorizontal = new NodeMaterial() );
- material.fragmentNode = VSMPassHorizontal( { samples, radius, size, shadowPass: shadowPassHorizontal } ).context( builder.getSharedContext() );
- material.name = 'VSMHorizontal';
- }
- //
- const shadowIntensity = reference( 'intensity', 'float', shadow ).setGroup( renderGroup );
- const bias = reference( 'bias', 'float', shadow ).setGroup( renderGroup );
- const normalBias = reference( 'normalBias', 'float', shadow ).setGroup( renderGroup );
- const position = object.material.shadowPositionNode || positionWorld;
- let shadowCoord = uniform( shadow.matrix ).setGroup( renderGroup ).mul( position.add( normalWorld.mul( normalBias ) ) );
- shadowCoord = shadowCoord.xyz.div( shadowCoord.w );
- let coordZ = shadowCoord.z.add( bias );
- if ( renderer.coordinateSystem === WebGPUCoordinateSystem ) {
- coordZ = coordZ.mul( 2 ).sub( 1 ); // WebGPU: Convertion [ 0, 1 ] to [ - 1, 1 ]
- }
- shadowCoord = vec3(
- shadowCoord.x,
- shadowCoord.y.oneMinus(), // follow webgpu standards
- coordZ
- );
- const frustumTest = shadowCoord.x.greaterThanEqual( 0 )
- .and( shadowCoord.x.lessThanEqual( 1 ) )
- .and( shadowCoord.y.greaterThanEqual( 0 ) )
- .and( shadowCoord.y.lessThanEqual( 1 ) )
- .and( shadowCoord.z.lessThanEqual( 1 ) );
- //
- const filterFn = shadow.filterNode || _shadowFilterLib[ renderer.shadowMap.type ] || null;
- if ( filterFn === null ) {
- throw new Error( 'THREE.WebGPURenderer: Shadow map type not supported yet.' );
- }
- const shadowColor = texture( shadowMap.texture, shadowCoord );
- const shadowNode = frustumTest.select( filterFn( { depthTexture: ( shadowMapType === VSMShadowMap ) ? this.vsmShadowMapHorizontal.texture : depthTexture, shadowCoord, shadow } ), float( 1 ) );
- this.shadowMap = shadowMap;
- this.light.shadow.map = shadowMap;
- this.shadowNode = shadowNode;
- this.shadowColorNode = shadowColorNode = this.colorNode.mul( mix( 1, shadowNode.rgb.mix( shadowColor, 1 ), shadowIntensity.mul( shadowColor.a ) ) );
- this.baseColorNode = this.colorNode;
- }
- //
- this.colorNode = shadowColorNode;
- this.updateBeforeType = NodeUpdateType.RENDER;
- }
- setup( builder ) {
- this.colorNode = this.baseColorNode || this.colorNode;
- if ( this.light.castShadow ) {
- if ( builder.object.receiveShadow ) {
- this.setupShadow( builder );
- }
- } else if ( this.shadowNode !== null ) {
- this.disposeShadow();
- }
- }
- updateShadow( frame ) {
- const { shadowMap, light } = this;
- const { renderer, scene, camera } = frame;
- const shadowType = renderer.shadowMap.type;
- const depthVersion = shadowMap.depthTexture.version;
- this._depthVersionCached = depthVersion;
- const currentOverrideMaterial = scene.overrideMaterial;
- scene.overrideMaterial = _overrideMaterial;
- shadowMap.setSize( light.shadow.mapSize.width, light.shadow.mapSize.height );
- light.shadow.updateMatrices( light );
- light.shadow.camera.layers.mask = camera.layers.mask;
- const currentRenderTarget = renderer.getRenderTarget();
- const currentRenderObjectFunction = renderer.getRenderObjectFunction();
- renderer.setRenderObjectFunction( ( object, ...params ) => {
- if ( object.castShadow === true || ( object.receiveShadow && shadowType === VSMShadowMap ) ) {
- renderer.renderObject( object, ...params );
- }
- } );
- renderer.setRenderTarget( shadowMap );
- renderer.render( scene, light.shadow.camera );
- renderer.setRenderObjectFunction( currentRenderObjectFunction );
- // vsm blur pass
- if ( light.isPointLight !== true && shadowType === VSMShadowMap ) {
- this.vsmPass( frame, light );
- }
- renderer.setRenderTarget( currentRenderTarget );
- scene.overrideMaterial = currentOverrideMaterial;
- }
- vsmPass( frame, light ) {
- const { renderer } = frame;
- this.vsmShadowMapVertical.setSize( light.shadow.mapSize.width, light.shadow.mapSize.height );
- this.vsmShadowMapHorizontal.setSize( light.shadow.mapSize.width, light.shadow.mapSize.height );
- renderer.setRenderTarget( this.vsmShadowMapVertical );
- _quadMesh$1.material = this.vsmMaterialVertical;
- _quadMesh$1.render( renderer );
- renderer.setRenderTarget( this.vsmShadowMapHorizontal );
- _quadMesh$1.material = this.vsmMaterialHorizontal;
- _quadMesh$1.render( renderer );
- }
- disposeShadow() {
- this.shadowMap.dispose();
- this.shadowMap = null;
- if ( this.vsmShadowMapVertical !== null ) {
- this.vsmShadowMapVertical.dispose();
- this.vsmShadowMapVertical = null;
- this.vsmMaterialVertical.dispose();
- this.vsmMaterialVertical = null;
- }
- if ( this.vsmShadowMapHorizontal !== null ) {
- this.vsmShadowMapHorizontal.dispose();
- this.vsmShadowMapHorizontal = null;
- this.vsmMaterialHorizontal.dispose();
- this.vsmMaterialHorizontal = null;
- }
- this.shadowNode = null;
- this.shadowColorNode = null;
- this.baseColorNode = null;
- this.updateBeforeType = NodeUpdateType.NONE;
- }
- updateBefore( frame ) {
- const shadow = this.light.shadow;
- const needsUpdate = shadow.needsUpdate || shadow.autoUpdate;
- if ( needsUpdate ) {
- this.updateShadow( frame );
- if ( this.shadowMap.depthTexture.version === this._depthVersionCached ) {
- shadow.needsUpdate = false;
- }
- }
- }
- update( /*frame*/ ) {
- const { light } = this;
- this.color.copy( light.color ).multiplyScalar( light.intensity );
- }
- }
- const getDistanceAttenuation = /*@__PURE__*/ Fn( ( inputs ) => {
- const { lightDistance, cutoffDistance, decayExponent } = inputs;
- // based upon Frostbite 3 Moving to Physically-based Rendering
- // page 32, equation 26: E[window1]
- // https://seblagarde.files.wordpress.com/2015/07/course_notes_moving_frostbite_to_pbr_v32.pdf
- const distanceFalloff = lightDistance.pow( decayExponent ).max( 0.01 ).reciprocal();
- return cutoffDistance.greaterThan( 0 ).select(
- distanceFalloff.mul( lightDistance.div( cutoffDistance ).pow4().oneMinus().clamp().pow2() ),
- distanceFalloff
- );
- } ); // validated
- let uniformsLib;
- function getLightData( light ) {
- uniformsLib = uniformsLib || new WeakMap();
- let uniforms = uniformsLib.get( light );
- if ( uniforms === undefined ) uniformsLib.set( light, uniforms = {} );
- return uniforms;
- }
- function lightPosition( light ) {
- const data = getLightData( light );
- return data.position || ( data.position = uniform( new Vector3() ).setGroup( renderGroup ).onRenderUpdate( ( _, self ) => self.value.setFromMatrixPosition( light.matrixWorld ) ) );
- }
- function lightTargetPosition( light ) {
- const data = getLightData( light );
- return data.targetPosition || ( data.targetPosition = uniform( new Vector3() ).setGroup( renderGroup ).onRenderUpdate( ( _, self ) => self.value.setFromMatrixPosition( light.target.matrixWorld ) ) );
- }
- function lightViewPosition( light ) {
- const data = getLightData( light );
- return data.viewPosition || ( data.viewPosition = uniform( new Vector3() ).setGroup( renderGroup ).onRenderUpdate( ( { camera }, self ) => {
- self.value = self.value || new Vector3();
- self.value.setFromMatrixPosition( light.matrixWorld );
- self.value.applyMatrix4( camera.matrixWorldInverse );
- } ) );
- }
- const lightTargetDirection = ( light ) => cameraViewMatrix.transformDirection( lightPosition( light ).sub( lightTargetPosition( light ) ) );
- const hash = /*@__PURE__*/ Fn( ( [ seed ] ) => {
- // Taken from https://www.shadertoy.com/view/XlGcRh, originally from pcg-random.org
- const state = seed.toUint().mul( 747796405 ).add( 2891336453 );
- const word = state.shiftRight( state.shiftRight( 28 ).add( 4 ) ).bitXor( state ).mul( 277803737 );
- const result = word.shiftRight( 22 ).bitXor( word );
- return result.toFloat().mul( 1 / 2 ** 32 ); // Convert to range [0, 1)
- } );
- // remapping functions https://iquilezles.org/articles/functions/
- const parabola = ( x, k ) => pow( mul( 4.0, x.mul( sub( 1.0, x ) ) ), k );
- const gain = ( x, k ) => x.lessThan( 0.5 ) ? parabola( x.mul( 2.0 ), k ).div( 2.0 ) : sub( 1.0, parabola( mul( sub( 1.0, x ), 2.0 ), k ).div( 2.0 ) );
- const pcurve = ( x, a, b ) => pow( div( pow( x, a ), add( pow( x, a ), pow( sub( 1.0, x ), b ) ) ), 1.0 / a );
- const sinc = ( x, k ) => sin( PI.mul( k.mul( x ).sub( 1.0 ) ) ).div( PI.mul( k.mul( x ).sub( 1.0 ) ) );
- // https://github.com/cabbibo/glsl-tri-noise-3d
- const tri = /*@__PURE__*/ Fn( ( [ x ] ) => {
- return x.fract().sub( .5 ).abs();
- } ).setLayout( {
- name: 'tri',
- type: 'float',
- inputs: [
- { name: 'x', type: 'float' }
- ]
- } );
- const tri3 = /*@__PURE__*/ Fn( ( [ p ] ) => {
- return vec3( tri( p.z.add( tri( p.y.mul( 1. ) ) ) ), tri( p.z.add( tri( p.x.mul( 1. ) ) ) ), tri( p.y.add( tri( p.x.mul( 1. ) ) ) ) );
- } ).setLayout( {
- name: 'tri3',
- type: 'vec3',
- inputs: [
- { name: 'p', type: 'vec3' }
- ]
- } );
- const triNoise3D = /*@__PURE__*/ Fn( ( [ p_immutable, spd, time ] ) => {
- const p = vec3( p_immutable ).toVar();
- const z = float( 1.4 ).toVar();
- const rz = float( 0.0 ).toVar();
- const bp = vec3( p ).toVar();
- Loop( { start: float( 0.0 ), end: float( 3.0 ), type: 'float', condition: '<=' }, () => {
- const dg = vec3( tri3( bp.mul( 2.0 ) ) ).toVar();
- p.addAssign( dg.add( time.mul( float( 0.1 ).mul( spd ) ) ) );
- bp.mulAssign( 1.8 );
- z.mulAssign( 1.5 );
- p.mulAssign( 1.2 );
- const t = float( tri( p.z.add( tri( p.x.add( tri( p.y ) ) ) ) ) ).toVar();
- rz.addAssign( t.div( z ) );
- bp.addAssign( 0.14 );
- } );
- return rz;
- } ).setLayout( {
- name: 'triNoise3D',
- type: 'float',
- inputs: [
- { name: 'p', type: 'vec3' },
- { name: 'spd', type: 'float' },
- { name: 'time', type: 'float' }
- ]
- } );
- const rotateUV = /*@__PURE__*/ Fn( ( [ uv, rotation, center = vec2( 0.5 ) ] ) => {
- return rotate( uv.sub( center ), rotation ).add( center );
- } );
- const spherizeUV = /*@__PURE__*/ Fn( ( [ uv, strength, center = vec2( 0.5 ) ] ) => {
- const delta = uv.sub( center );
- const delta2 = delta.dot( delta );
- const delta4 = delta2.mul( delta2 );
- const deltaOffset = delta4.mul( strength );
- return uv.add( delta.mul( deltaOffset ) );
- } );
- const billboarding = /*@__PURE__*/ Fn( ( { position = null, horizontal = true, vertical = false } ) => {
- let worldMatrix;
- if ( position !== null ) {
- worldMatrix = modelWorldMatrix.toVar();
- worldMatrix[ 3 ][ 0 ] = position.x;
- worldMatrix[ 3 ][ 1 ] = position.y;
- worldMatrix[ 3 ][ 2 ] = position.z;
- } else {
- worldMatrix = modelWorldMatrix;
- }
- const modelViewMatrix = cameraViewMatrix.mul( worldMatrix );
- if ( defined( horizontal ) ) {
- modelViewMatrix[ 0 ][ 0 ] = modelWorldMatrix[ 0 ].length();
- modelViewMatrix[ 0 ][ 1 ] = 0;
- modelViewMatrix[ 0 ][ 2 ] = 0;
- }
- if ( defined( vertical ) ) {
- modelViewMatrix[ 1 ][ 0 ] = 0;
- modelViewMatrix[ 1 ][ 1 ] = modelWorldMatrix[ 1 ].length();
- modelViewMatrix[ 1 ][ 2 ] = 0;
- }
- modelViewMatrix[ 2 ][ 0 ] = 0;
- modelViewMatrix[ 2 ][ 1 ] = 0;
- modelViewMatrix[ 2 ][ 2 ] = 1;
- return cameraProjectionMatrix.mul( modelViewMatrix ).mul( positionLocal );
- } );
- const viewportSafeUV = /*@__PURE__*/ Fn( ( [ uv = null ] ) => {
- const depth = linearDepth();
- const depthDiff = linearDepth( viewportDepthTexture( uv ) ).sub( depth );
- const finalUV = depthDiff.lessThan( 0 ).select( screenUV, uv );
- return finalUV;
- } );
- const _objectData = new WeakMap();
- class VelocityNode extends TempNode {
- static get type() {
- return 'VelocityNode';
- }
- constructor() {
- super( 'vec2' );
- this.updateType = NodeUpdateType.OBJECT;
- this.updateAfterType = NodeUpdateType.OBJECT;
- this.previousModelWorldMatrix = uniform( new Matrix4() );
- this.previousProjectionMatrix = uniform( new Matrix4() ).setGroup( renderGroup );
- this.previousCameraViewMatrix = uniform( new Matrix4() );
- }
- update( { frameId, camera, object } ) {
- const previousModelMatrix = getPreviousMatrix( object );
- this.previousModelWorldMatrix.value.copy( previousModelMatrix );
- //
- const cameraData = getData( camera );
- if ( cameraData.frameId !== frameId ) {
- cameraData.frameId = frameId;
- if ( cameraData.previousProjectionMatrix === undefined ) {
- cameraData.previousProjectionMatrix = new Matrix4();
- cameraData.previousCameraViewMatrix = new Matrix4();
- cameraData.currentProjectionMatrix = new Matrix4();
- cameraData.currentCameraViewMatrix = new Matrix4();
- cameraData.previousProjectionMatrix.copy( camera.projectionMatrix );
- cameraData.previousCameraViewMatrix.copy( camera.matrixWorldInverse );
- } else {
- cameraData.previousProjectionMatrix.copy( cameraData.currentProjectionMatrix );
- cameraData.previousCameraViewMatrix.copy( cameraData.currentCameraViewMatrix );
- }
- cameraData.currentProjectionMatrix.copy( camera.projectionMatrix );
- cameraData.currentCameraViewMatrix.copy( camera.matrixWorldInverse );
- this.previousProjectionMatrix.value.copy( cameraData.previousProjectionMatrix );
- this.previousCameraViewMatrix.value.copy( cameraData.previousCameraViewMatrix );
- }
- }
- updateAfter( { object } ) {
- getPreviousMatrix( object ).copy( object.matrixWorld );
- }
- setup( /*builder*/ ) {
- const previousModelViewMatrix = this.previousCameraViewMatrix.mul( this.previousModelWorldMatrix );
- const clipPositionCurrent = cameraProjectionMatrix.mul( modelViewMatrix ).mul( positionLocal );
- const clipPositionPrevious = this.previousProjectionMatrix.mul( previousModelViewMatrix ).mul( positionPrevious );
- const ndcPositionCurrent = clipPositionCurrent.xy.div( clipPositionCurrent.w );
- const ndcPositionPrevious = clipPositionPrevious.xy.div( clipPositionPrevious.w );
- const velocity = sub( ndcPositionCurrent, ndcPositionPrevious );
- return velocity;
- }
- }
- function getData( object ) {
- let objectData = _objectData.get( object );
- if ( objectData === undefined ) {
- objectData = {};
- _objectData.set( object, objectData );
- }
- return objectData;
- }
- function getPreviousMatrix( object, index = 0 ) {
- const objectData = getData( object );
- let matrix = objectData[ index ];
- if ( matrix === undefined ) {
- objectData[ index ] = matrix = new Matrix4();
- }
- return matrix;
- }
- const velocity = /*@__PURE__*/ nodeImmutable( VelocityNode );
- const burn = /*@__PURE__*/ Fn( ( [ base, blend ] ) => {
- return min$1( 1.0, base.oneMinus().div( blend ) ).oneMinus();
- } ).setLayout( {
- name: 'burnBlend',
- type: 'vec3',
- inputs: [
- { name: 'base', type: 'vec3' },
- { name: 'blend', type: 'vec3' }
- ]
- } );
- const dodge = /*@__PURE__*/ Fn( ( [ base, blend ] ) => {
- return min$1( base.div( blend.oneMinus() ), 1.0 );
- } ).setLayout( {
- name: 'dodgeBlend',
- type: 'vec3',
- inputs: [
- { name: 'base', type: 'vec3' },
- { name: 'blend', type: 'vec3' }
- ]
- } );
- const screen = /*@__PURE__*/ Fn( ( [ base, blend ] ) => {
- return base.oneMinus().mul( blend.oneMinus() ).oneMinus();
- } ).setLayout( {
- name: 'screenBlend',
- type: 'vec3',
- inputs: [
- { name: 'base', type: 'vec3' },
- { name: 'blend', type: 'vec3' }
- ]
- } );
- const overlay = /*@__PURE__*/ Fn( ( [ base, blend ] ) => {
- return mix( base.mul( 2.0 ).mul( blend ), base.oneMinus().mul( 2.0 ).mul( blend.oneMinus() ).oneMinus(), step( 0.5, base ) );
- } ).setLayout( {
- name: 'overlayBlend',
- type: 'vec3',
- inputs: [
- { name: 'base', type: 'vec3' },
- { name: 'blend', type: 'vec3' }
- ]
- } );
- const grayscale = /*@__PURE__*/ Fn( ( [ color ] ) => {
- return luminance( color.rgb );
- } );
- const saturation = /*@__PURE__*/ Fn( ( [ color, adjustment = float( 1 ) ] ) => {
- return adjustment.mix( luminance( color.rgb ), color.rgb );
- } );
- const vibrance = /*@__PURE__*/ Fn( ( [ color, adjustment = float( 1 ) ] ) => {
- const average = add( color.r, color.g, color.b ).div( 3.0 );
- const mx = color.r.max( color.g.max( color.b ) );
- const amt = mx.sub( average ).mul( adjustment ).mul( - 3.0 );
- return mix( color.rgb, mx, amt );
- } );
- const hue = /*@__PURE__*/ Fn( ( [ color, adjustment = float( 1 ) ] ) => {
- const k = vec3( 0.57735, 0.57735, 0.57735 );
- const cosAngle = adjustment.cos();
- return vec3( color.rgb.mul( cosAngle ).add( k.cross( color.rgb ).mul( adjustment.sin() ).add( k.mul( dot( k, color.rgb ).mul( cosAngle.oneMinus() ) ) ) ) );
- } );
- const _luminanceCoefficients = /*@__PURE__*/ new Vector3();
- const luminance = (
- color,
- luminanceCoefficients = vec3( ... ColorManagement.getLuminanceCoefficients( _luminanceCoefficients ) )
- ) => dot( color, luminanceCoefficients );
- const threshold = ( color, threshold ) => mix( vec3( 0.0 ), color, luminance( color ).sub( threshold ).max( 0 ) );
- const sRGBToLinearSRGB = /*@__PURE__*/ Fn( ( [ color ] ) => {
- const a = color.mul( 0.9478672986 ).add( 0.0521327014 ).pow( 2.4 );
- const b = color.mul( 0.0773993808 );
- const factor = color.lessThanEqual( 0.04045 );
- const rgbResult = mix( a, b, factor );
- return rgbResult;
- } ).setLayout( {
- name: 'sRGBToLinearSRGB',
- type: 'vec3',
- inputs: [
- { name: 'color', type: 'vec3' }
- ]
- } );
- const linearSRGBTosRGB = /*@__PURE__*/ Fn( ( [ color ] ) => {
- const a = color.pow( 0.41666 ).mul( 1.055 ).sub( 0.055 );
- const b = color.mul( 12.92 );
- const factor = color.lessThanEqual( 0.0031308 );
- const rgbResult = mix( a, b, factor );
- return rgbResult;
- } ).setLayout( {
- name: 'linearSRGBTosRGB',
- type: 'vec3',
- inputs: [
- { name: 'color', type: 'vec3' }
- ]
- } );
- // exposure only
- const linearToneMapping = /*@__PURE__*/ Fn( ( [ color, exposure ] ) => {
- return color.mul( exposure ).clamp();
- } ).setLayout( {
- name: 'linearToneMapping',
- type: 'vec3',
- inputs: [
- { name: 'color', type: 'vec3' },
- { name: 'exposure', type: 'float' }
- ]
- } );
- // source: https://www.cs.utah.edu/docs/techreports/2002/pdf/UUCS-02-001.pdf
- const reinhardToneMapping = /*@__PURE__*/ Fn( ( [ color, exposure ] ) => {
- color = color.mul( exposure );
- return color.div( color.add( 1.0 ) ).clamp();
- } ).setLayout( {
- name: 'reinhardToneMapping',
- type: 'vec3',
- inputs: [
- { name: 'color', type: 'vec3' },
- { name: 'exposure', type: 'float' }
- ]
- } );
- // source: http://filmicworlds.com/blog/filmic-tonemapping-operators/
- const cineonToneMapping = /*@__PURE__*/ Fn( ( [ color, exposure ] ) => {
- // filmic operator by Jim Hejl and Richard Burgess-Dawson
- color = color.mul( exposure );
- color = color.sub( 0.004 ).max( 0.0 );
- const a = color.mul( color.mul( 6.2 ).add( 0.5 ) );
- const b = color.mul( color.mul( 6.2 ).add( 1.7 ) ).add( 0.06 );
- return a.div( b ).pow( 2.2 );
- } ).setLayout( {
- name: 'cineonToneMapping',
- type: 'vec3',
- inputs: [
- { name: 'color', type: 'vec3' },
- { name: 'exposure', type: 'float' }
- ]
- } );
- // source: https://github.com/selfshadow/ltc_code/blob/master/webgl/shaders/ltc/ltc_blit.fs
- const RRTAndODTFit = /*@__PURE__*/ Fn( ( [ color ] ) => {
- const a = color.mul( color.add( 0.0245786 ) ).sub( 0.000090537 );
- const b = color.mul( color.add( 0.4329510 ).mul( 0.983729 ) ).add( 0.238081 );
- return a.div( b );
- } );
- // source: https://github.com/selfshadow/ltc_code/blob/master/webgl/shaders/ltc/ltc_blit.fs
- const acesFilmicToneMapping = /*@__PURE__*/ Fn( ( [ color, exposure ] ) => {
- // sRGB => XYZ => D65_2_D60 => AP1 => RRT_SAT
- const ACESInputMat = mat3(
- 0.59719, 0.35458, 0.04823,
- 0.07600, 0.90834, 0.01566,
- 0.02840, 0.13383, 0.83777
- );
- // ODT_SAT => XYZ => D60_2_D65 => sRGB
- const ACESOutputMat = mat3(
- 1.60475, - 0.53108, - 0.07367,
- - 0.10208, 1.10813, - 0.00605,
- - 0.00327, - 0.07276, 1.07602
- );
- color = color.mul( exposure ).div( 0.6 );
- color = ACESInputMat.mul( color );
- // Apply RRT and ODT
- color = RRTAndODTFit( color );
- color = ACESOutputMat.mul( color );
- // Clamp to [0, 1]
- return color.clamp();
- } ).setLayout( {
- name: 'acesFilmicToneMapping',
- type: 'vec3',
- inputs: [
- { name: 'color', type: 'vec3' },
- { name: 'exposure', type: 'float' }
- ]
- } );
- const LINEAR_REC2020_TO_LINEAR_SRGB = /*@__PURE__*/ mat3( vec3( 1.6605, - 0.1246, - 0.0182 ), vec3( - 0.5876, 1.1329, - 0.1006 ), vec3( - 0.0728, - 0.0083, 1.1187 ) );
- const LINEAR_SRGB_TO_LINEAR_REC2020 = /*@__PURE__*/ mat3( vec3( 0.6274, 0.0691, 0.0164 ), vec3( 0.3293, 0.9195, 0.0880 ), vec3( 0.0433, 0.0113, 0.8956 ) );
- const agxDefaultContrastApprox = /*@__PURE__*/ Fn( ( [ x_immutable ] ) => {
- const x = vec3( x_immutable ).toVar();
- const x2 = vec3( x.mul( x ) ).toVar();
- const x4 = vec3( x2.mul( x2 ) ).toVar();
- return float( 15.5 ).mul( x4.mul( x2 ) ).sub( mul( 40.14, x4.mul( x ) ) ).add( mul( 31.96, x4 ).sub( mul( 6.868, x2.mul( x ) ) ).add( mul( 0.4298, x2 ).add( mul( 0.1191, x ).sub( 0.00232 ) ) ) );
- } );
- const agxToneMapping = /*@__PURE__*/ Fn( ( [ color, exposure ] ) => {
- const colortone = vec3( color ).toVar();
- const AgXInsetMatrix = mat3( vec3( 0.856627153315983, 0.137318972929847, 0.11189821299995 ), vec3( 0.0951212405381588, 0.761241990602591, 0.0767994186031903 ), vec3( 0.0482516061458583, 0.101439036467562, 0.811302368396859 ) );
- const AgXOutsetMatrix = mat3( vec3( 1.1271005818144368, - 0.1413297634984383, - 0.14132976349843826 ), vec3( - 0.11060664309660323, 1.157823702216272, - 0.11060664309660294 ), vec3( - 0.016493938717834573, - 0.016493938717834257, 1.2519364065950405 ) );
- const AgxMinEv = float( - 12.47393 );
- const AgxMaxEv = float( 4.026069 );
- colortone.mulAssign( exposure );
- colortone.assign( LINEAR_SRGB_TO_LINEAR_REC2020.mul( colortone ) );
- colortone.assign( AgXInsetMatrix.mul( colortone ) );
- colortone.assign( max$1( colortone, 1e-10 ) );
- colortone.assign( log2( colortone ) );
- colortone.assign( colortone.sub( AgxMinEv ).div( AgxMaxEv.sub( AgxMinEv ) ) );
- colortone.assign( clamp( colortone, 0.0, 1.0 ) );
- colortone.assign( agxDefaultContrastApprox( colortone ) );
- colortone.assign( AgXOutsetMatrix.mul( colortone ) );
- colortone.assign( pow( max$1( vec3( 0.0 ), colortone ), vec3( 2.2 ) ) );
- colortone.assign( LINEAR_REC2020_TO_LINEAR_SRGB.mul( colortone ) );
- colortone.assign( clamp( colortone, 0.0, 1.0 ) );
- return colortone;
- } ).setLayout( {
- name: 'agxToneMapping',
- type: 'vec3',
- inputs: [
- { name: 'color', type: 'vec3' },
- { name: 'exposure', type: 'float' }
- ]
- } );
- // https://modelviewer.dev/examples/tone-mapping
- const neutralToneMapping = /*@__PURE__*/ Fn( ( [ color, exposure ] ) => {
- const StartCompression = float( 0.8 - 0.04 );
- const Desaturation = float( 0.15 );
- color = color.mul( exposure );
- const x = min$1( color.r, min$1( color.g, color.b ) );
- const offset = select( x.lessThan( 0.08 ), x.sub( mul( 6.25, x.mul( x ) ) ), 0.04 );
- color.subAssign( offset );
- const peak = max$1( color.r, max$1( color.g, color.b ) );
- If( peak.lessThan( StartCompression ), () => {
- return color;
- } );
- const d = sub( 1, StartCompression );
- const newPeak = sub( 1, d.mul( d ).div( peak.add( d.sub( StartCompression ) ) ) );
- color.mulAssign( newPeak.div( peak ) );
- const g = sub( 1, div( 1, Desaturation.mul( peak.sub( newPeak ) ).add( 1 ) ) );
- return mix( color, vec3( newPeak ), g );
- } ).setLayout( {
- name: 'neutralToneMapping',
- type: 'vec3',
- inputs: [
- { name: 'color', type: 'vec3' },
- { name: 'exposure', type: 'float' }
- ]
- } );
- class ComputeBuiltinNode extends Node {
- static get type() {
- return 'ComputeBuiltinNode';
- }
- constructor( builtinName, nodeType ) {
- super( nodeType );
- this._builtinName = builtinName;
- }
- getHash( builder ) {
- return this.getBuiltinName( builder );
- }
- getNodeType( /*builder*/ ) {
- return this.nodeType;
- }
- setBuiltinName( builtinName ) {
- this._builtinName = builtinName;
- return this;
- }
- getBuiltinName( /*builder*/ ) {
- return this._builtinName;
- }
- hasBuiltin( builder ) {
- builder.hasBuiltin( this._builtinName );
- }
- generate( builder, output ) {
- const builtinName = this.getBuiltinName( builder );
- const nodeType = this.getNodeType( builder );
- if ( builder.shaderStage === 'compute' ) {
- return builder.format( builtinName, nodeType, output );
- } else {
- console.warn( `ComputeBuiltinNode: Compute built-in value ${builtinName} can not be accessed in the ${builder.shaderStage} stage` );
- return builder.generateConst( nodeType );
- }
- }
- serialize( data ) {
- super.serialize( data );
- data.global = this.global;
- data._builtinName = this._builtinName;
- }
- deserialize( data ) {
- super.deserialize( data );
- this.global = data.global;
- this._builtinName = data._builtinName;
- }
- }
- const computeBuiltin = ( name, nodeType ) => nodeObject( new ComputeBuiltinNode( name, nodeType ) );
- const numWorkgroups = /*@__PURE__*/ computeBuiltin( 'numWorkgroups', 'uvec3' );
- const workgroupId = /*@__PURE__*/ computeBuiltin( 'workgroupId', 'uvec3' );
- const localId = /*@__PURE__*/ computeBuiltin( 'localId', 'uvec3' );
- const subgroupSize = /*@__PURE__*/ computeBuiltin( 'subgroupSize', 'uint' );
- class BarrierNode extends Node {
- constructor( scope ) {
- super();
- this.scope = scope;
- }
- generate( builder ) {
- const { scope } = this;
- const { renderer } = builder;
- if ( renderer.backend.isWebGLBackend === true ) {
- builder.addFlowCode( `\t// ${scope}Barrier \n` );
- } else {
- builder.addLineFlowCode( `${scope}Barrier()`, this );
- }
- }
- }
- const barrier = nodeProxy( BarrierNode );
- const workgroupBarrier = () => barrier( 'workgroup' ).append();
- const storageBarrier = () => barrier( 'storage' ).append();
- const textureBarrier = () => barrier( 'texture' ).append();
- class WorkgroupInfoElementNode extends ArrayElementNode {
- constructor( workgroupInfoNode, indexNode ) {
- super( workgroupInfoNode, indexNode );
- this.isWorkgroupInfoElementNode = true;
- }
- generate( builder, output ) {
- let snippet;
- const isAssignContext = builder.context.assign;
- snippet = super.generate( builder );
- if ( isAssignContext !== true ) {
- const type = this.getNodeType( builder );
- snippet = builder.format( snippet, type, output );
- }
- // TODO: Possibly activate clip distance index on index access rather than from clipping context
- return snippet;
- }
- }
- class WorkgroupInfoNode extends Node {
- constructor( scope, bufferType, bufferCount = 0 ) {
- super( bufferType );
- this.bufferType = bufferType;
- this.bufferCount = bufferCount;
- this.isWorkgroupInfoNode = true;
- this.scope = scope;
- }
- label( name ) {
- this.name = name;
- return this;
- }
- getHash() {
- return this.uuid;
- }
- setScope( scope ) {
- this.scope = scope;
- return this;
- }
- getInputType( /*builder*/ ) {
- return `${this.scope}Array`;
- }
- element( indexNode ) {
- return nodeObject( new WorkgroupInfoElementNode( this, indexNode ) );
- }
- generate( builder ) {
- return builder.getScopedArray( this.name || `${this.scope}Array_${this.id}`, this.scope.toLowerCase(), this.bufferType, this.bufferCount );
- }
- }
- const workgroupArray = ( type, count ) => nodeObject( new WorkgroupInfoNode( 'Workgroup', type, count ) );
- class AtomicFunctionNode extends TempNode {
- static get type() {
- return 'AtomicFunctionNode';
- }
- constructor( method, pointerNode, valueNode, storeNode = null ) {
- super( 'uint' );
- this.method = method;
- this.pointerNode = pointerNode;
- this.valueNode = valueNode;
- this.storeNode = storeNode;
- }
- getInputType( builder ) {
- return this.pointerNode.getNodeType( builder );
- }
- getNodeType( builder ) {
- return this.getInputType( builder );
- }
- generate( builder ) {
- const method = this.method;
- const type = this.getNodeType( builder );
- const inputType = this.getInputType( builder );
- const a = this.pointerNode;
- const b = this.valueNode;
- const params = [];
- params.push( `&${ a.build( builder, inputType ) }` );
- params.push( b.build( builder, inputType ) );
- const methodSnippet = `${ builder.getMethod( method, type ) }( ${params.join( ', ' )} )`;
- if ( this.storeNode !== null ) {
- const varSnippet = this.storeNode.build( builder, inputType );
- builder.addLineFlowCode( `${varSnippet} = ${methodSnippet}`, this );
- } else {
- builder.addLineFlowCode( methodSnippet, this );
- }
- }
- }
- AtomicFunctionNode.ATOMIC_LOAD = 'atomicLoad';
- AtomicFunctionNode.ATOMIC_STORE = 'atomicStore';
- AtomicFunctionNode.ATOMIC_ADD = 'atomicAdd';
- AtomicFunctionNode.ATOMIC_SUB = 'atomicSub';
- AtomicFunctionNode.ATOMIC_MAX = 'atomicMax';
- AtomicFunctionNode.ATOMIC_MIN = 'atomicMin';
- AtomicFunctionNode.ATOMIC_AND = 'atomicAnd';
- AtomicFunctionNode.ATOMIC_OR = 'atomicOr';
- AtomicFunctionNode.ATOMIC_XOR = 'atomicXor';
- const atomicNode = nodeProxy( AtomicFunctionNode );
- const atomicFunc = ( method, pointerNode, valueNode, storeNode ) => {
- const node = atomicNode( method, pointerNode, valueNode, storeNode );
- node.append();
- return node;
- };
- const atomicStore = ( pointerNode, valueNode, storeNode = null ) => atomicFunc( AtomicFunctionNode.ATOMIC_STORE, pointerNode, valueNode, storeNode );
- const atomicAdd = ( pointerNode, valueNode, storeNode = null ) => atomicFunc( AtomicFunctionNode.ATOMIC_ADD, pointerNode, valueNode, storeNode );
- const atomicSub = ( pointerNode, valueNode, storeNode = null ) => atomicFunc( AtomicFunctionNode.ATOMIC_SUB, pointerNode, valueNode, storeNode );
- const atomicMax = ( pointerNode, valueNode, storeNode = null ) => atomicFunc( AtomicFunctionNode.ATOMIC_MAX, pointerNode, valueNode, storeNode );
- const atomicMin = ( pointerNode, valueNode, storeNode = null ) => atomicFunc( AtomicFunctionNode.ATOMIC_MIN, pointerNode, valueNode, storeNode );
- const atomicAnd = ( pointerNode, valueNode, storeNode = null ) => atomicFunc( AtomicFunctionNode.ATOMIC_AND, pointerNode, valueNode, storeNode );
- const atomicOr = ( pointerNode, valueNode, storeNode = null ) => atomicFunc( AtomicFunctionNode.ATOMIC_OR, pointerNode, valueNode, storeNode );
- const atomicXor = ( pointerNode, valueNode, storeNode = null ) => atomicFunc( AtomicFunctionNode.ATOMIC_XOR, pointerNode, valueNode, storeNode );
- const checker = /*@__PURE__*/ Fn( ( [ coord = uv() ] ) => {
- const uv = coord.mul( 2.0 );
- const cx = uv.x.floor();
- const cy = uv.y.floor();
- const result = cx.add( cy ).mod( 2.0 );
- return result.sign();
- } );
- // Three.js Transpiler
- // https://raw.githubusercontent.com/AcademySoftwareFoundation/MaterialX/main/libraries/stdlib/genglsl/lib/mx_noise.glsl
- const mx_select = /*@__PURE__*/ Fn( ( [ b_immutable, t_immutable, f_immutable ] ) => {
- const f = float( f_immutable ).toVar();
- const t = float( t_immutable ).toVar();
- const b = bool( b_immutable ).toVar();
- return select( b, t, f );
- } ).setLayout( {
- name: 'mx_select',
- type: 'float',
- inputs: [
- { name: 'b', type: 'bool' },
- { name: 't', type: 'float' },
- { name: 'f', type: 'float' }
- ]
- } );
- const mx_negate_if = /*@__PURE__*/ Fn( ( [ val_immutable, b_immutable ] ) => {
- const b = bool( b_immutable ).toVar();
- const val = float( val_immutable ).toVar();
- return select( b, val.negate(), val );
- } ).setLayout( {
- name: 'mx_negate_if',
- type: 'float',
- inputs: [
- { name: 'val', type: 'float' },
- { name: 'b', type: 'bool' }
- ]
- } );
- const mx_floor = /*@__PURE__*/ Fn( ( [ x_immutable ] ) => {
- const x = float( x_immutable ).toVar();
- return int( floor( x ) );
- } ).setLayout( {
- name: 'mx_floor',
- type: 'int',
- inputs: [
- { name: 'x', type: 'float' }
- ]
- } );
- const mx_floorfrac = /*@__PURE__*/ Fn( ( [ x_immutable, i ] ) => {
- const x = float( x_immutable ).toVar();
- i.assign( mx_floor( x ) );
- return x.sub( float( i ) );
- } );
- const mx_bilerp_0 = /*@__PURE__*/ Fn( ( [ v0_immutable, v1_immutable, v2_immutable, v3_immutable, s_immutable, t_immutable ] ) => {
- const t = float( t_immutable ).toVar();
- const s = float( s_immutable ).toVar();
- const v3 = float( v3_immutable ).toVar();
- const v2 = float( v2_immutable ).toVar();
- const v1 = float( v1_immutable ).toVar();
- const v0 = float( v0_immutable ).toVar();
- const s1 = float( sub( 1.0, s ) ).toVar();
- return sub( 1.0, t ).mul( v0.mul( s1 ).add( v1.mul( s ) ) ).add( t.mul( v2.mul( s1 ).add( v3.mul( s ) ) ) );
- } ).setLayout( {
- name: 'mx_bilerp_0',
- type: 'float',
- inputs: [
- { name: 'v0', type: 'float' },
- { name: 'v1', type: 'float' },
- { name: 'v2', type: 'float' },
- { name: 'v3', type: 'float' },
- { name: 's', type: 'float' },
- { name: 't', type: 'float' }
- ]
- } );
- const mx_bilerp_1 = /*@__PURE__*/ Fn( ( [ v0_immutable, v1_immutable, v2_immutable, v3_immutable, s_immutable, t_immutable ] ) => {
- const t = float( t_immutable ).toVar();
- const s = float( s_immutable ).toVar();
- const v3 = vec3( v3_immutable ).toVar();
- const v2 = vec3( v2_immutable ).toVar();
- const v1 = vec3( v1_immutable ).toVar();
- const v0 = vec3( v0_immutable ).toVar();
- const s1 = float( sub( 1.0, s ) ).toVar();
- return sub( 1.0, t ).mul( v0.mul( s1 ).add( v1.mul( s ) ) ).add( t.mul( v2.mul( s1 ).add( v3.mul( s ) ) ) );
- } ).setLayout( {
- name: 'mx_bilerp_1',
- type: 'vec3',
- inputs: [
- { name: 'v0', type: 'vec3' },
- { name: 'v1', type: 'vec3' },
- { name: 'v2', type: 'vec3' },
- { name: 'v3', type: 'vec3' },
- { name: 's', type: 'float' },
- { name: 't', type: 'float' }
- ]
- } );
- const mx_bilerp = /*@__PURE__*/ overloadingFn( [ mx_bilerp_0, mx_bilerp_1 ] );
- const mx_trilerp_0 = /*@__PURE__*/ Fn( ( [ v0_immutable, v1_immutable, v2_immutable, v3_immutable, v4_immutable, v5_immutable, v6_immutable, v7_immutable, s_immutable, t_immutable, r_immutable ] ) => {
- const r = float( r_immutable ).toVar();
- const t = float( t_immutable ).toVar();
- const s = float( s_immutable ).toVar();
- const v7 = float( v7_immutable ).toVar();
- const v6 = float( v6_immutable ).toVar();
- const v5 = float( v5_immutable ).toVar();
- const v4 = float( v4_immutable ).toVar();
- const v3 = float( v3_immutable ).toVar();
- const v2 = float( v2_immutable ).toVar();
- const v1 = float( v1_immutable ).toVar();
- const v0 = float( v0_immutable ).toVar();
- const s1 = float( sub( 1.0, s ) ).toVar();
- const t1 = float( sub( 1.0, t ) ).toVar();
- const r1 = float( sub( 1.0, r ) ).toVar();
- return r1.mul( t1.mul( v0.mul( s1 ).add( v1.mul( s ) ) ).add( t.mul( v2.mul( s1 ).add( v3.mul( s ) ) ) ) ).add( r.mul( t1.mul( v4.mul( s1 ).add( v5.mul( s ) ) ).add( t.mul( v6.mul( s1 ).add( v7.mul( s ) ) ) ) ) );
- } ).setLayout( {
- name: 'mx_trilerp_0',
- type: 'float',
- inputs: [
- { name: 'v0', type: 'float' },
- { name: 'v1', type: 'float' },
- { name: 'v2', type: 'float' },
- { name: 'v3', type: 'float' },
- { name: 'v4', type: 'float' },
- { name: 'v5', type: 'float' },
- { name: 'v6', type: 'float' },
- { name: 'v7', type: 'float' },
- { name: 's', type: 'float' },
- { name: 't', type: 'float' },
- { name: 'r', type: 'float' }
- ]
- } );
- const mx_trilerp_1 = /*@__PURE__*/ Fn( ( [ v0_immutable, v1_immutable, v2_immutable, v3_immutable, v4_immutable, v5_immutable, v6_immutable, v7_immutable, s_immutable, t_immutable, r_immutable ] ) => {
- const r = float( r_immutable ).toVar();
- const t = float( t_immutable ).toVar();
- const s = float( s_immutable ).toVar();
- const v7 = vec3( v7_immutable ).toVar();
- const v6 = vec3( v6_immutable ).toVar();
- const v5 = vec3( v5_immutable ).toVar();
- const v4 = vec3( v4_immutable ).toVar();
- const v3 = vec3( v3_immutable ).toVar();
- const v2 = vec3( v2_immutable ).toVar();
- const v1 = vec3( v1_immutable ).toVar();
- const v0 = vec3( v0_immutable ).toVar();
- const s1 = float( sub( 1.0, s ) ).toVar();
- const t1 = float( sub( 1.0, t ) ).toVar();
- const r1 = float( sub( 1.0, r ) ).toVar();
- return r1.mul( t1.mul( v0.mul( s1 ).add( v1.mul( s ) ) ).add( t.mul( v2.mul( s1 ).add( v3.mul( s ) ) ) ) ).add( r.mul( t1.mul( v4.mul( s1 ).add( v5.mul( s ) ) ).add( t.mul( v6.mul( s1 ).add( v7.mul( s ) ) ) ) ) );
- } ).setLayout( {
- name: 'mx_trilerp_1',
- type: 'vec3',
- inputs: [
- { name: 'v0', type: 'vec3' },
- { name: 'v1', type: 'vec3' },
- { name: 'v2', type: 'vec3' },
- { name: 'v3', type: 'vec3' },
- { name: 'v4', type: 'vec3' },
- { name: 'v5', type: 'vec3' },
- { name: 'v6', type: 'vec3' },
- { name: 'v7', type: 'vec3' },
- { name: 's', type: 'float' },
- { name: 't', type: 'float' },
- { name: 'r', type: 'float' }
- ]
- } );
- const mx_trilerp = /*@__PURE__*/ overloadingFn( [ mx_trilerp_0, mx_trilerp_1 ] );
- const mx_gradient_float_0 = /*@__PURE__*/ Fn( ( [ hash_immutable, x_immutable, y_immutable ] ) => {
- const y = float( y_immutable ).toVar();
- const x = float( x_immutable ).toVar();
- const hash = uint( hash_immutable ).toVar();
- const h = uint( hash.bitAnd( uint( 7 ) ) ).toVar();
- const u = float( mx_select( h.lessThan( uint( 4 ) ), x, y ) ).toVar();
- const v = float( mul( 2.0, mx_select( h.lessThan( uint( 4 ) ), y, x ) ) ).toVar();
- return mx_negate_if( u, bool( h.bitAnd( uint( 1 ) ) ) ).add( mx_negate_if( v, bool( h.bitAnd( uint( 2 ) ) ) ) );
- } ).setLayout( {
- name: 'mx_gradient_float_0',
- type: 'float',
- inputs: [
- { name: 'hash', type: 'uint' },
- { name: 'x', type: 'float' },
- { name: 'y', type: 'float' }
- ]
- } );
- const mx_gradient_float_1 = /*@__PURE__*/ Fn( ( [ hash_immutable, x_immutable, y_immutable, z_immutable ] ) => {
- const z = float( z_immutable ).toVar();
- const y = float( y_immutable ).toVar();
- const x = float( x_immutable ).toVar();
- const hash = uint( hash_immutable ).toVar();
- const h = uint( hash.bitAnd( uint( 15 ) ) ).toVar();
- const u = float( mx_select( h.lessThan( uint( 8 ) ), x, y ) ).toVar();
- const v = float( mx_select( h.lessThan( uint( 4 ) ), y, mx_select( h.equal( uint( 12 ) ).or( h.equal( uint( 14 ) ) ), x, z ) ) ).toVar();
- return mx_negate_if( u, bool( h.bitAnd( uint( 1 ) ) ) ).add( mx_negate_if( v, bool( h.bitAnd( uint( 2 ) ) ) ) );
- } ).setLayout( {
- name: 'mx_gradient_float_1',
- type: 'float',
- inputs: [
- { name: 'hash', type: 'uint' },
- { name: 'x', type: 'float' },
- { name: 'y', type: 'float' },
- { name: 'z', type: 'float' }
- ]
- } );
- const mx_gradient_float = /*@__PURE__*/ overloadingFn( [ mx_gradient_float_0, mx_gradient_float_1 ] );
- const mx_gradient_vec3_0 = /*@__PURE__*/ Fn( ( [ hash_immutable, x_immutable, y_immutable ] ) => {
- const y = float( y_immutable ).toVar();
- const x = float( x_immutable ).toVar();
- const hash = uvec3( hash_immutable ).toVar();
- return vec3( mx_gradient_float( hash.x, x, y ), mx_gradient_float( hash.y, x, y ), mx_gradient_float( hash.z, x, y ) );
- } ).setLayout( {
- name: 'mx_gradient_vec3_0',
- type: 'vec3',
- inputs: [
- { name: 'hash', type: 'uvec3' },
- { name: 'x', type: 'float' },
- { name: 'y', type: 'float' }
- ]
- } );
- const mx_gradient_vec3_1 = /*@__PURE__*/ Fn( ( [ hash_immutable, x_immutable, y_immutable, z_immutable ] ) => {
- const z = float( z_immutable ).toVar();
- const y = float( y_immutable ).toVar();
- const x = float( x_immutable ).toVar();
- const hash = uvec3( hash_immutable ).toVar();
- return vec3( mx_gradient_float( hash.x, x, y, z ), mx_gradient_float( hash.y, x, y, z ), mx_gradient_float( hash.z, x, y, z ) );
- } ).setLayout( {
- name: 'mx_gradient_vec3_1',
- type: 'vec3',
- inputs: [
- { name: 'hash', type: 'uvec3' },
- { name: 'x', type: 'float' },
- { name: 'y', type: 'float' },
- { name: 'z', type: 'float' }
- ]
- } );
- const mx_gradient_vec3 = /*@__PURE__*/ overloadingFn( [ mx_gradient_vec3_0, mx_gradient_vec3_1 ] );
- const mx_gradient_scale2d_0 = /*@__PURE__*/ Fn( ( [ v_immutable ] ) => {
- const v = float( v_immutable ).toVar();
- return mul( 0.6616, v );
- } ).setLayout( {
- name: 'mx_gradient_scale2d_0',
- type: 'float',
- inputs: [
- { name: 'v', type: 'float' }
- ]
- } );
- const mx_gradient_scale3d_0 = /*@__PURE__*/ Fn( ( [ v_immutable ] ) => {
- const v = float( v_immutable ).toVar();
- return mul( 0.9820, v );
- } ).setLayout( {
- name: 'mx_gradient_scale3d_0',
- type: 'float',
- inputs: [
- { name: 'v', type: 'float' }
- ]
- } );
- const mx_gradient_scale2d_1 = /*@__PURE__*/ Fn( ( [ v_immutable ] ) => {
- const v = vec3( v_immutable ).toVar();
- return mul( 0.6616, v );
- } ).setLayout( {
- name: 'mx_gradient_scale2d_1',
- type: 'vec3',
- inputs: [
- { name: 'v', type: 'vec3' }
- ]
- } );
- const mx_gradient_scale2d = /*@__PURE__*/ overloadingFn( [ mx_gradient_scale2d_0, mx_gradient_scale2d_1 ] );
- const mx_gradient_scale3d_1 = /*@__PURE__*/ Fn( ( [ v_immutable ] ) => {
- const v = vec3( v_immutable ).toVar();
- return mul( 0.9820, v );
- } ).setLayout( {
- name: 'mx_gradient_scale3d_1',
- type: 'vec3',
- inputs: [
- { name: 'v', type: 'vec3' }
- ]
- } );
- const mx_gradient_scale3d = /*@__PURE__*/ overloadingFn( [ mx_gradient_scale3d_0, mx_gradient_scale3d_1 ] );
- const mx_rotl32 = /*@__PURE__*/ Fn( ( [ x_immutable, k_immutable ] ) => {
- const k = int( k_immutable ).toVar();
- const x = uint( x_immutable ).toVar();
- return x.shiftLeft( k ).bitOr( x.shiftRight( int( 32 ).sub( k ) ) );
- } ).setLayout( {
- name: 'mx_rotl32',
- type: 'uint',
- inputs: [
- { name: 'x', type: 'uint' },
- { name: 'k', type: 'int' }
- ]
- } );
- const mx_bjmix = /*@__PURE__*/ Fn( ( [ a, b, c ] ) => {
- a.subAssign( c );
- a.bitXorAssign( mx_rotl32( c, int( 4 ) ) );
- c.addAssign( b );
- b.subAssign( a );
- b.bitXorAssign( mx_rotl32( a, int( 6 ) ) );
- a.addAssign( c );
- c.subAssign( b );
- c.bitXorAssign( mx_rotl32( b, int( 8 ) ) );
- b.addAssign( a );
- a.subAssign( c );
- a.bitXorAssign( mx_rotl32( c, int( 16 ) ) );
- c.addAssign( b );
- b.subAssign( a );
- b.bitXorAssign( mx_rotl32( a, int( 19 ) ) );
- a.addAssign( c );
- c.subAssign( b );
- c.bitXorAssign( mx_rotl32( b, int( 4 ) ) );
- b.addAssign( a );
- } );
- const mx_bjfinal = /*@__PURE__*/ Fn( ( [ a_immutable, b_immutable, c_immutable ] ) => {
- const c = uint( c_immutable ).toVar();
- const b = uint( b_immutable ).toVar();
- const a = uint( a_immutable ).toVar();
- c.bitXorAssign( b );
- c.subAssign( mx_rotl32( b, int( 14 ) ) );
- a.bitXorAssign( c );
- a.subAssign( mx_rotl32( c, int( 11 ) ) );
- b.bitXorAssign( a );
- b.subAssign( mx_rotl32( a, int( 25 ) ) );
- c.bitXorAssign( b );
- c.subAssign( mx_rotl32( b, int( 16 ) ) );
- a.bitXorAssign( c );
- a.subAssign( mx_rotl32( c, int( 4 ) ) );
- b.bitXorAssign( a );
- b.subAssign( mx_rotl32( a, int( 14 ) ) );
- c.bitXorAssign( b );
- c.subAssign( mx_rotl32( b, int( 24 ) ) );
- return c;
- } ).setLayout( {
- name: 'mx_bjfinal',
- type: 'uint',
- inputs: [
- { name: 'a', type: 'uint' },
- { name: 'b', type: 'uint' },
- { name: 'c', type: 'uint' }
- ]
- } );
- const mx_bits_to_01 = /*@__PURE__*/ Fn( ( [ bits_immutable ] ) => {
- const bits = uint( bits_immutable ).toVar();
- return float( bits ).div( float( uint( int( 0xffffffff ) ) ) );
- } ).setLayout( {
- name: 'mx_bits_to_01',
- type: 'float',
- inputs: [
- { name: 'bits', type: 'uint' }
- ]
- } );
- const mx_fade = /*@__PURE__*/ Fn( ( [ t_immutable ] ) => {
- const t = float( t_immutable ).toVar();
- return t.mul( t ).mul( t ).mul( t.mul( t.mul( 6.0 ).sub( 15.0 ) ).add( 10.0 ) );
- } ).setLayout( {
- name: 'mx_fade',
- type: 'float',
- inputs: [
- { name: 't', type: 'float' }
- ]
- } );
- const mx_hash_int_0 = /*@__PURE__*/ Fn( ( [ x_immutable ] ) => {
- const x = int( x_immutable ).toVar();
- const len = uint( uint( 1 ) ).toVar();
- const seed = uint( uint( int( 0xdeadbeef ) ).add( len.shiftLeft( uint( 2 ) ) ).add( uint( 13 ) ) ).toVar();
- return mx_bjfinal( seed.add( uint( x ) ), seed, seed );
- } ).setLayout( {
- name: 'mx_hash_int_0',
- type: 'uint',
- inputs: [
- { name: 'x', type: 'int' }
- ]
- } );
- const mx_hash_int_1 = /*@__PURE__*/ Fn( ( [ x_immutable, y_immutable ] ) => {
- const y = int( y_immutable ).toVar();
- const x = int( x_immutable ).toVar();
- const len = uint( uint( 2 ) ).toVar();
- const a = uint().toVar(), b = uint().toVar(), c = uint().toVar();
- a.assign( b.assign( c.assign( uint( int( 0xdeadbeef ) ).add( len.shiftLeft( uint( 2 ) ) ).add( uint( 13 ) ) ) ) );
- a.addAssign( uint( x ) );
- b.addAssign( uint( y ) );
- return mx_bjfinal( a, b, c );
- } ).setLayout( {
- name: 'mx_hash_int_1',
- type: 'uint',
- inputs: [
- { name: 'x', type: 'int' },
- { name: 'y', type: 'int' }
- ]
- } );
- const mx_hash_int_2 = /*@__PURE__*/ Fn( ( [ x_immutable, y_immutable, z_immutable ] ) => {
- const z = int( z_immutable ).toVar();
- const y = int( y_immutable ).toVar();
- const x = int( x_immutable ).toVar();
- const len = uint( uint( 3 ) ).toVar();
- const a = uint().toVar(), b = uint().toVar(), c = uint().toVar();
- a.assign( b.assign( c.assign( uint( int( 0xdeadbeef ) ).add( len.shiftLeft( uint( 2 ) ) ).add( uint( 13 ) ) ) ) );
- a.addAssign( uint( x ) );
- b.addAssign( uint( y ) );
- c.addAssign( uint( z ) );
- return mx_bjfinal( a, b, c );
- } ).setLayout( {
- name: 'mx_hash_int_2',
- type: 'uint',
- inputs: [
- { name: 'x', type: 'int' },
- { name: 'y', type: 'int' },
- { name: 'z', type: 'int' }
- ]
- } );
- const mx_hash_int_3 = /*@__PURE__*/ Fn( ( [ x_immutable, y_immutable, z_immutable, xx_immutable ] ) => {
- const xx = int( xx_immutable ).toVar();
- const z = int( z_immutable ).toVar();
- const y = int( y_immutable ).toVar();
- const x = int( x_immutable ).toVar();
- const len = uint( uint( 4 ) ).toVar();
- const a = uint().toVar(), b = uint().toVar(), c = uint().toVar();
- a.assign( b.assign( c.assign( uint( int( 0xdeadbeef ) ).add( len.shiftLeft( uint( 2 ) ) ).add( uint( 13 ) ) ) ) );
- a.addAssign( uint( x ) );
- b.addAssign( uint( y ) );
- c.addAssign( uint( z ) );
- mx_bjmix( a, b, c );
- a.addAssign( uint( xx ) );
- return mx_bjfinal( a, b, c );
- } ).setLayout( {
- name: 'mx_hash_int_3',
- type: 'uint',
- inputs: [
- { name: 'x', type: 'int' },
- { name: 'y', type: 'int' },
- { name: 'z', type: 'int' },
- { name: 'xx', type: 'int' }
- ]
- } );
- const mx_hash_int_4 = /*@__PURE__*/ Fn( ( [ x_immutable, y_immutable, z_immutable, xx_immutable, yy_immutable ] ) => {
- const yy = int( yy_immutable ).toVar();
- const xx = int( xx_immutable ).toVar();
- const z = int( z_immutable ).toVar();
- const y = int( y_immutable ).toVar();
- const x = int( x_immutable ).toVar();
- const len = uint( uint( 5 ) ).toVar();
- const a = uint().toVar(), b = uint().toVar(), c = uint().toVar();
- a.assign( b.assign( c.assign( uint( int( 0xdeadbeef ) ).add( len.shiftLeft( uint( 2 ) ) ).add( uint( 13 ) ) ) ) );
- a.addAssign( uint( x ) );
- b.addAssign( uint( y ) );
- c.addAssign( uint( z ) );
- mx_bjmix( a, b, c );
- a.addAssign( uint( xx ) );
- b.addAssign( uint( yy ) );
- return mx_bjfinal( a, b, c );
- } ).setLayout( {
- name: 'mx_hash_int_4',
- type: 'uint',
- inputs: [
- { name: 'x', type: 'int' },
- { name: 'y', type: 'int' },
- { name: 'z', type: 'int' },
- { name: 'xx', type: 'int' },
- { name: 'yy', type: 'int' }
- ]
- } );
- const mx_hash_int = /*@__PURE__*/ overloadingFn( [ mx_hash_int_0, mx_hash_int_1, mx_hash_int_2, mx_hash_int_3, mx_hash_int_4 ] );
- const mx_hash_vec3_0 = /*@__PURE__*/ Fn( ( [ x_immutable, y_immutable ] ) => {
- const y = int( y_immutable ).toVar();
- const x = int( x_immutable ).toVar();
- const h = uint( mx_hash_int( x, y ) ).toVar();
- const result = uvec3().toVar();
- result.x.assign( h.bitAnd( int( 0xFF ) ) );
- result.y.assign( h.shiftRight( int( 8 ) ).bitAnd( int( 0xFF ) ) );
- result.z.assign( h.shiftRight( int( 16 ) ).bitAnd( int( 0xFF ) ) );
- return result;
- } ).setLayout( {
- name: 'mx_hash_vec3_0',
- type: 'uvec3',
- inputs: [
- { name: 'x', type: 'int' },
- { name: 'y', type: 'int' }
- ]
- } );
- const mx_hash_vec3_1 = /*@__PURE__*/ Fn( ( [ x_immutable, y_immutable, z_immutable ] ) => {
- const z = int( z_immutable ).toVar();
- const y = int( y_immutable ).toVar();
- const x = int( x_immutable ).toVar();
- const h = uint( mx_hash_int( x, y, z ) ).toVar();
- const result = uvec3().toVar();
- result.x.assign( h.bitAnd( int( 0xFF ) ) );
- result.y.assign( h.shiftRight( int( 8 ) ).bitAnd( int( 0xFF ) ) );
- result.z.assign( h.shiftRight( int( 16 ) ).bitAnd( int( 0xFF ) ) );
- return result;
- } ).setLayout( {
- name: 'mx_hash_vec3_1',
- type: 'uvec3',
- inputs: [
- { name: 'x', type: 'int' },
- { name: 'y', type: 'int' },
- { name: 'z', type: 'int' }
- ]
- } );
- const mx_hash_vec3 = /*@__PURE__*/ overloadingFn( [ mx_hash_vec3_0, mx_hash_vec3_1 ] );
- const mx_perlin_noise_float_0 = /*@__PURE__*/ Fn( ( [ p_immutable ] ) => {
- const p = vec2( p_immutable ).toVar();
- const X = int().toVar(), Y = int().toVar();
- const fx = float( mx_floorfrac( p.x, X ) ).toVar();
- const fy = float( mx_floorfrac( p.y, Y ) ).toVar();
- const u = float( mx_fade( fx ) ).toVar();
- const v = float( mx_fade( fy ) ).toVar();
- const result = float( mx_bilerp( mx_gradient_float( mx_hash_int( X, Y ), fx, fy ), mx_gradient_float( mx_hash_int( X.add( int( 1 ) ), Y ), fx.sub( 1.0 ), fy ), mx_gradient_float( mx_hash_int( X, Y.add( int( 1 ) ) ), fx, fy.sub( 1.0 ) ), mx_gradient_float( mx_hash_int( X.add( int( 1 ) ), Y.add( int( 1 ) ) ), fx.sub( 1.0 ), fy.sub( 1.0 ) ), u, v ) ).toVar();
- return mx_gradient_scale2d( result );
- } ).setLayout( {
- name: 'mx_perlin_noise_float_0',
- type: 'float',
- inputs: [
- { name: 'p', type: 'vec2' }
- ]
- } );
- const mx_perlin_noise_float_1 = /*@__PURE__*/ Fn( ( [ p_immutable ] ) => {
- const p = vec3( p_immutable ).toVar();
- const X = int().toVar(), Y = int().toVar(), Z = int().toVar();
- const fx = float( mx_floorfrac( p.x, X ) ).toVar();
- const fy = float( mx_floorfrac( p.y, Y ) ).toVar();
- const fz = float( mx_floorfrac( p.z, Z ) ).toVar();
- const u = float( mx_fade( fx ) ).toVar();
- const v = float( mx_fade( fy ) ).toVar();
- const w = float( mx_fade( fz ) ).toVar();
- const result = float( mx_trilerp( mx_gradient_float( mx_hash_int( X, Y, Z ), fx, fy, fz ), mx_gradient_float( mx_hash_int( X.add( int( 1 ) ), Y, Z ), fx.sub( 1.0 ), fy, fz ), mx_gradient_float( mx_hash_int( X, Y.add( int( 1 ) ), Z ), fx, fy.sub( 1.0 ), fz ), mx_gradient_float( mx_hash_int( X.add( int( 1 ) ), Y.add( int( 1 ) ), Z ), fx.sub( 1.0 ), fy.sub( 1.0 ), fz ), mx_gradient_float( mx_hash_int( X, Y, Z.add( int( 1 ) ) ), fx, fy, fz.sub( 1.0 ) ), mx_gradient_float( mx_hash_int( X.add( int( 1 ) ), Y, Z.add( int( 1 ) ) ), fx.sub( 1.0 ), fy, fz.sub( 1.0 ) ), mx_gradient_float( mx_hash_int( X, Y.add( int( 1 ) ), Z.add( int( 1 ) ) ), fx, fy.sub( 1.0 ), fz.sub( 1.0 ) ), mx_gradient_float( mx_hash_int( X.add( int( 1 ) ), Y.add( int( 1 ) ), Z.add( int( 1 ) ) ), fx.sub( 1.0 ), fy.sub( 1.0 ), fz.sub( 1.0 ) ), u, v, w ) ).toVar();
- return mx_gradient_scale3d( result );
- } ).setLayout( {
- name: 'mx_perlin_noise_float_1',
- type: 'float',
- inputs: [
- { name: 'p', type: 'vec3' }
- ]
- } );
- const mx_perlin_noise_float = /*@__PURE__*/ overloadingFn( [ mx_perlin_noise_float_0, mx_perlin_noise_float_1 ] );
- const mx_perlin_noise_vec3_0 = /*@__PURE__*/ Fn( ( [ p_immutable ] ) => {
- const p = vec2( p_immutable ).toVar();
- const X = int().toVar(), Y = int().toVar();
- const fx = float( mx_floorfrac( p.x, X ) ).toVar();
- const fy = float( mx_floorfrac( p.y, Y ) ).toVar();
- const u = float( mx_fade( fx ) ).toVar();
- const v = float( mx_fade( fy ) ).toVar();
- const result = vec3( mx_bilerp( mx_gradient_vec3( mx_hash_vec3( X, Y ), fx, fy ), mx_gradient_vec3( mx_hash_vec3( X.add( int( 1 ) ), Y ), fx.sub( 1.0 ), fy ), mx_gradient_vec3( mx_hash_vec3( X, Y.add( int( 1 ) ) ), fx, fy.sub( 1.0 ) ), mx_gradient_vec3( mx_hash_vec3( X.add( int( 1 ) ), Y.add( int( 1 ) ) ), fx.sub( 1.0 ), fy.sub( 1.0 ) ), u, v ) ).toVar();
- return mx_gradient_scale2d( result );
- } ).setLayout( {
- name: 'mx_perlin_noise_vec3_0',
- type: 'vec3',
- inputs: [
- { name: 'p', type: 'vec2' }
- ]
- } );
- const mx_perlin_noise_vec3_1 = /*@__PURE__*/ Fn( ( [ p_immutable ] ) => {
- const p = vec3( p_immutable ).toVar();
- const X = int().toVar(), Y = int().toVar(), Z = int().toVar();
- const fx = float( mx_floorfrac( p.x, X ) ).toVar();
- const fy = float( mx_floorfrac( p.y, Y ) ).toVar();
- const fz = float( mx_floorfrac( p.z, Z ) ).toVar();
- const u = float( mx_fade( fx ) ).toVar();
- const v = float( mx_fade( fy ) ).toVar();
- const w = float( mx_fade( fz ) ).toVar();
- const result = vec3( mx_trilerp( mx_gradient_vec3( mx_hash_vec3( X, Y, Z ), fx, fy, fz ), mx_gradient_vec3( mx_hash_vec3( X.add( int( 1 ) ), Y, Z ), fx.sub( 1.0 ), fy, fz ), mx_gradient_vec3( mx_hash_vec3( X, Y.add( int( 1 ) ), Z ), fx, fy.sub( 1.0 ), fz ), mx_gradient_vec3( mx_hash_vec3( X.add( int( 1 ) ), Y.add( int( 1 ) ), Z ), fx.sub( 1.0 ), fy.sub( 1.0 ), fz ), mx_gradient_vec3( mx_hash_vec3( X, Y, Z.add( int( 1 ) ) ), fx, fy, fz.sub( 1.0 ) ), mx_gradient_vec3( mx_hash_vec3( X.add( int( 1 ) ), Y, Z.add( int( 1 ) ) ), fx.sub( 1.0 ), fy, fz.sub( 1.0 ) ), mx_gradient_vec3( mx_hash_vec3( X, Y.add( int( 1 ) ), Z.add( int( 1 ) ) ), fx, fy.sub( 1.0 ), fz.sub( 1.0 ) ), mx_gradient_vec3( mx_hash_vec3( X.add( int( 1 ) ), Y.add( int( 1 ) ), Z.add( int( 1 ) ) ), fx.sub( 1.0 ), fy.sub( 1.0 ), fz.sub( 1.0 ) ), u, v, w ) ).toVar();
- return mx_gradient_scale3d( result );
- } ).setLayout( {
- name: 'mx_perlin_noise_vec3_1',
- type: 'vec3',
- inputs: [
- { name: 'p', type: 'vec3' }
- ]
- } );
- const mx_perlin_noise_vec3 = /*@__PURE__*/ overloadingFn( [ mx_perlin_noise_vec3_0, mx_perlin_noise_vec3_1 ] );
- const mx_cell_noise_float_0 = /*@__PURE__*/ Fn( ( [ p_immutable ] ) => {
- const p = float( p_immutable ).toVar();
- const ix = int( mx_floor( p ) ).toVar();
- return mx_bits_to_01( mx_hash_int( ix ) );
- } ).setLayout( {
- name: 'mx_cell_noise_float_0',
- type: 'float',
- inputs: [
- { name: 'p', type: 'float' }
- ]
- } );
- const mx_cell_noise_float_1 = /*@__PURE__*/ Fn( ( [ p_immutable ] ) => {
- const p = vec2( p_immutable ).toVar();
- const ix = int( mx_floor( p.x ) ).toVar();
- const iy = int( mx_floor( p.y ) ).toVar();
- return mx_bits_to_01( mx_hash_int( ix, iy ) );
- } ).setLayout( {
- name: 'mx_cell_noise_float_1',
- type: 'float',
- inputs: [
- { name: 'p', type: 'vec2' }
- ]
- } );
- const mx_cell_noise_float_2 = /*@__PURE__*/ Fn( ( [ p_immutable ] ) => {
- const p = vec3( p_immutable ).toVar();
- const ix = int( mx_floor( p.x ) ).toVar();
- const iy = int( mx_floor( p.y ) ).toVar();
- const iz = int( mx_floor( p.z ) ).toVar();
- return mx_bits_to_01( mx_hash_int( ix, iy, iz ) );
- } ).setLayout( {
- name: 'mx_cell_noise_float_2',
- type: 'float',
- inputs: [
- { name: 'p', type: 'vec3' }
- ]
- } );
- const mx_cell_noise_float_3 = /*@__PURE__*/ Fn( ( [ p_immutable ] ) => {
- const p = vec4( p_immutable ).toVar();
- const ix = int( mx_floor( p.x ) ).toVar();
- const iy = int( mx_floor( p.y ) ).toVar();
- const iz = int( mx_floor( p.z ) ).toVar();
- const iw = int( mx_floor( p.w ) ).toVar();
- return mx_bits_to_01( mx_hash_int( ix, iy, iz, iw ) );
- } ).setLayout( {
- name: 'mx_cell_noise_float_3',
- type: 'float',
- inputs: [
- { name: 'p', type: 'vec4' }
- ]
- } );
- const mx_cell_noise_float$1 = /*@__PURE__*/ overloadingFn( [ mx_cell_noise_float_0, mx_cell_noise_float_1, mx_cell_noise_float_2, mx_cell_noise_float_3 ] );
- const mx_cell_noise_vec3_0 = /*@__PURE__*/ Fn( ( [ p_immutable ] ) => {
- const p = float( p_immutable ).toVar();
- const ix = int( mx_floor( p ) ).toVar();
- return vec3( mx_bits_to_01( mx_hash_int( ix, int( 0 ) ) ), mx_bits_to_01( mx_hash_int( ix, int( 1 ) ) ), mx_bits_to_01( mx_hash_int( ix, int( 2 ) ) ) );
- } ).setLayout( {
- name: 'mx_cell_noise_vec3_0',
- type: 'vec3',
- inputs: [
- { name: 'p', type: 'float' }
- ]
- } );
- const mx_cell_noise_vec3_1 = /*@__PURE__*/ Fn( ( [ p_immutable ] ) => {
- const p = vec2( p_immutable ).toVar();
- const ix = int( mx_floor( p.x ) ).toVar();
- const iy = int( mx_floor( p.y ) ).toVar();
- return vec3( mx_bits_to_01( mx_hash_int( ix, iy, int( 0 ) ) ), mx_bits_to_01( mx_hash_int( ix, iy, int( 1 ) ) ), mx_bits_to_01( mx_hash_int( ix, iy, int( 2 ) ) ) );
- } ).setLayout( {
- name: 'mx_cell_noise_vec3_1',
- type: 'vec3',
- inputs: [
- { name: 'p', type: 'vec2' }
- ]
- } );
- const mx_cell_noise_vec3_2 = /*@__PURE__*/ Fn( ( [ p_immutable ] ) => {
- const p = vec3( p_immutable ).toVar();
- const ix = int( mx_floor( p.x ) ).toVar();
- const iy = int( mx_floor( p.y ) ).toVar();
- const iz = int( mx_floor( p.z ) ).toVar();
- return vec3( mx_bits_to_01( mx_hash_int( ix, iy, iz, int( 0 ) ) ), mx_bits_to_01( mx_hash_int( ix, iy, iz, int( 1 ) ) ), mx_bits_to_01( mx_hash_int( ix, iy, iz, int( 2 ) ) ) );
- } ).setLayout( {
- name: 'mx_cell_noise_vec3_2',
- type: 'vec3',
- inputs: [
- { name: 'p', type: 'vec3' }
- ]
- } );
- const mx_cell_noise_vec3_3 = /*@__PURE__*/ Fn( ( [ p_immutable ] ) => {
- const p = vec4( p_immutable ).toVar();
- const ix = int( mx_floor( p.x ) ).toVar();
- const iy = int( mx_floor( p.y ) ).toVar();
- const iz = int( mx_floor( p.z ) ).toVar();
- const iw = int( mx_floor( p.w ) ).toVar();
- return vec3( mx_bits_to_01( mx_hash_int( ix, iy, iz, iw, int( 0 ) ) ), mx_bits_to_01( mx_hash_int( ix, iy, iz, iw, int( 1 ) ) ), mx_bits_to_01( mx_hash_int( ix, iy, iz, iw, int( 2 ) ) ) );
- } ).setLayout( {
- name: 'mx_cell_noise_vec3_3',
- type: 'vec3',
- inputs: [
- { name: 'p', type: 'vec4' }
- ]
- } );
- const mx_cell_noise_vec3 = /*@__PURE__*/ overloadingFn( [ mx_cell_noise_vec3_0, mx_cell_noise_vec3_1, mx_cell_noise_vec3_2, mx_cell_noise_vec3_3 ] );
- const mx_fractal_noise_float$1 = /*@__PURE__*/ Fn( ( [ p_immutable, octaves_immutable, lacunarity_immutable, diminish_immutable ] ) => {
- const diminish = float( diminish_immutable ).toVar();
- const lacunarity = float( lacunarity_immutable ).toVar();
- const octaves = int( octaves_immutable ).toVar();
- const p = vec3( p_immutable ).toVar();
- const result = float( 0.0 ).toVar();
- const amplitude = float( 1.0 ).toVar();
- Loop( octaves, () => {
- result.addAssign( amplitude.mul( mx_perlin_noise_float( p ) ) );
- amplitude.mulAssign( diminish );
- p.mulAssign( lacunarity );
- } );
- return result;
- } ).setLayout( {
- name: 'mx_fractal_noise_float',
- type: 'float',
- inputs: [
- { name: 'p', type: 'vec3' },
- { name: 'octaves', type: 'int' },
- { name: 'lacunarity', type: 'float' },
- { name: 'diminish', type: 'float' }
- ]
- } );
- const mx_fractal_noise_vec3$1 = /*@__PURE__*/ Fn( ( [ p_immutable, octaves_immutable, lacunarity_immutable, diminish_immutable ] ) => {
- const diminish = float( diminish_immutable ).toVar();
- const lacunarity = float( lacunarity_immutable ).toVar();
- const octaves = int( octaves_immutable ).toVar();
- const p = vec3( p_immutable ).toVar();
- const result = vec3( 0.0 ).toVar();
- const amplitude = float( 1.0 ).toVar();
- Loop( octaves, () => {
- result.addAssign( amplitude.mul( mx_perlin_noise_vec3( p ) ) );
- amplitude.mulAssign( diminish );
- p.mulAssign( lacunarity );
- } );
- return result;
- } ).setLayout( {
- name: 'mx_fractal_noise_vec3',
- type: 'vec3',
- inputs: [
- { name: 'p', type: 'vec3' },
- { name: 'octaves', type: 'int' },
- { name: 'lacunarity', type: 'float' },
- { name: 'diminish', type: 'float' }
- ]
- } );
- const mx_fractal_noise_vec2$1 = /*@__PURE__*/ Fn( ( [ p_immutable, octaves_immutable, lacunarity_immutable, diminish_immutable ] ) => {
- const diminish = float( diminish_immutable ).toVar();
- const lacunarity = float( lacunarity_immutable ).toVar();
- const octaves = int( octaves_immutable ).toVar();
- const p = vec3( p_immutable ).toVar();
- return vec2( mx_fractal_noise_float$1( p, octaves, lacunarity, diminish ), mx_fractal_noise_float$1( p.add( vec3( int( 19 ), int( 193 ), int( 17 ) ) ), octaves, lacunarity, diminish ) );
- } ).setLayout( {
- name: 'mx_fractal_noise_vec2',
- type: 'vec2',
- inputs: [
- { name: 'p', type: 'vec3' },
- { name: 'octaves', type: 'int' },
- { name: 'lacunarity', type: 'float' },
- { name: 'diminish', type: 'float' }
- ]
- } );
- const mx_fractal_noise_vec4$1 = /*@__PURE__*/ Fn( ( [ p_immutable, octaves_immutable, lacunarity_immutable, diminish_immutable ] ) => {
- const diminish = float( diminish_immutable ).toVar();
- const lacunarity = float( lacunarity_immutable ).toVar();
- const octaves = int( octaves_immutable ).toVar();
- const p = vec3( p_immutable ).toVar();
- const c = vec3( mx_fractal_noise_vec3$1( p, octaves, lacunarity, diminish ) ).toVar();
- const f = float( mx_fractal_noise_float$1( p.add( vec3( int( 19 ), int( 193 ), int( 17 ) ) ), octaves, lacunarity, diminish ) ).toVar();
- return vec4( c, f );
- } ).setLayout( {
- name: 'mx_fractal_noise_vec4',
- type: 'vec4',
- inputs: [
- { name: 'p', type: 'vec3' },
- { name: 'octaves', type: 'int' },
- { name: 'lacunarity', type: 'float' },
- { name: 'diminish', type: 'float' }
- ]
- } );
- const mx_worley_distance_0 = /*@__PURE__*/ Fn( ( [ p_immutable, x_immutable, y_immutable, xoff_immutable, yoff_immutable, jitter_immutable, metric_immutable ] ) => {
- const metric = int( metric_immutable ).toVar();
- const jitter = float( jitter_immutable ).toVar();
- const yoff = int( yoff_immutable ).toVar();
- const xoff = int( xoff_immutable ).toVar();
- const y = int( y_immutable ).toVar();
- const x = int( x_immutable ).toVar();
- const p = vec2( p_immutable ).toVar();
- const tmp = vec3( mx_cell_noise_vec3( vec2( x.add( xoff ), y.add( yoff ) ) ) ).toVar();
- const off = vec2( tmp.x, tmp.y ).toVar();
- off.subAssign( 0.5 );
- off.mulAssign( jitter );
- off.addAssign( 0.5 );
- const cellpos = vec2( vec2( float( x ), float( y ) ).add( off ) ).toVar();
- const diff = vec2( cellpos.sub( p ) ).toVar();
- If( metric.equal( int( 2 ) ), () => {
- return abs( diff.x ).add( abs( diff.y ) );
- } );
- If( metric.equal( int( 3 ) ), () => {
- return max$1( abs( diff.x ), abs( diff.y ) );
- } );
- return dot( diff, diff );
- } ).setLayout( {
- name: 'mx_worley_distance_0',
- type: 'float',
- inputs: [
- { name: 'p', type: 'vec2' },
- { name: 'x', type: 'int' },
- { name: 'y', type: 'int' },
- { name: 'xoff', type: 'int' },
- { name: 'yoff', type: 'int' },
- { name: 'jitter', type: 'float' },
- { name: 'metric', type: 'int' }
- ]
- } );
- const mx_worley_distance_1 = /*@__PURE__*/ Fn( ( [ p_immutable, x_immutable, y_immutable, z_immutable, xoff_immutable, yoff_immutable, zoff_immutable, jitter_immutable, metric_immutable ] ) => {
- const metric = int( metric_immutable ).toVar();
- const jitter = float( jitter_immutable ).toVar();
- const zoff = int( zoff_immutable ).toVar();
- const yoff = int( yoff_immutable ).toVar();
- const xoff = int( xoff_immutable ).toVar();
- const z = int( z_immutable ).toVar();
- const y = int( y_immutable ).toVar();
- const x = int( x_immutable ).toVar();
- const p = vec3( p_immutable ).toVar();
- const off = vec3( mx_cell_noise_vec3( vec3( x.add( xoff ), y.add( yoff ), z.add( zoff ) ) ) ).toVar();
- off.subAssign( 0.5 );
- off.mulAssign( jitter );
- off.addAssign( 0.5 );
- const cellpos = vec3( vec3( float( x ), float( y ), float( z ) ).add( off ) ).toVar();
- const diff = vec3( cellpos.sub( p ) ).toVar();
- If( metric.equal( int( 2 ) ), () => {
- return abs( diff.x ).add( abs( diff.y ) ).add( abs( diff.z ) );
- } );
- If( metric.equal( int( 3 ) ), () => {
- return max$1( max$1( abs( diff.x ), abs( diff.y ) ), abs( diff.z ) );
- } );
- return dot( diff, diff );
- } ).setLayout( {
- name: 'mx_worley_distance_1',
- type: 'float',
- inputs: [
- { name: 'p', type: 'vec3' },
- { name: 'x', type: 'int' },
- { name: 'y', type: 'int' },
- { name: 'z', type: 'int' },
- { name: 'xoff', type: 'int' },
- { name: 'yoff', type: 'int' },
- { name: 'zoff', type: 'int' },
- { name: 'jitter', type: 'float' },
- { name: 'metric', type: 'int' }
- ]
- } );
- const mx_worley_distance = /*@__PURE__*/ overloadingFn( [ mx_worley_distance_0, mx_worley_distance_1 ] );
- const mx_worley_noise_float_0 = /*@__PURE__*/ Fn( ( [ p_immutable, jitter_immutable, metric_immutable ] ) => {
- const metric = int( metric_immutable ).toVar();
- const jitter = float( jitter_immutable ).toVar();
- const p = vec2( p_immutable ).toVar();
- const X = int().toVar(), Y = int().toVar();
- const localpos = vec2( mx_floorfrac( p.x, X ), mx_floorfrac( p.y, Y ) ).toVar();
- const sqdist = float( 1e6 ).toVar();
- Loop( { start: - 1, end: int( 1 ), name: 'x', condition: '<=' }, ( { x } ) => {
- Loop( { start: - 1, end: int( 1 ), name: 'y', condition: '<=' }, ( { y } ) => {
- const dist = float( mx_worley_distance( localpos, x, y, X, Y, jitter, metric ) ).toVar();
- sqdist.assign( min$1( sqdist, dist ) );
- } );
- } );
- If( metric.equal( int( 0 ) ), () => {
- sqdist.assign( sqrt( sqdist ) );
- } );
- return sqdist;
- } ).setLayout( {
- name: 'mx_worley_noise_float_0',
- type: 'float',
- inputs: [
- { name: 'p', type: 'vec2' },
- { name: 'jitter', type: 'float' },
- { name: 'metric', type: 'int' }
- ]
- } );
- const mx_worley_noise_vec2_0 = /*@__PURE__*/ Fn( ( [ p_immutable, jitter_immutable, metric_immutable ] ) => {
- const metric = int( metric_immutable ).toVar();
- const jitter = float( jitter_immutable ).toVar();
- const p = vec2( p_immutable ).toVar();
- const X = int().toVar(), Y = int().toVar();
- const localpos = vec2( mx_floorfrac( p.x, X ), mx_floorfrac( p.y, Y ) ).toVar();
- const sqdist = vec2( 1e6, 1e6 ).toVar();
- Loop( { start: - 1, end: int( 1 ), name: 'x', condition: '<=' }, ( { x } ) => {
- Loop( { start: - 1, end: int( 1 ), name: 'y', condition: '<=' }, ( { y } ) => {
- const dist = float( mx_worley_distance( localpos, x, y, X, Y, jitter, metric ) ).toVar();
- If( dist.lessThan( sqdist.x ), () => {
- sqdist.y.assign( sqdist.x );
- sqdist.x.assign( dist );
- } ).ElseIf( dist.lessThan( sqdist.y ), () => {
- sqdist.y.assign( dist );
- } );
- } );
- } );
- If( metric.equal( int( 0 ) ), () => {
- sqdist.assign( sqrt( sqdist ) );
- } );
- return sqdist;
- } ).setLayout( {
- name: 'mx_worley_noise_vec2_0',
- type: 'vec2',
- inputs: [
- { name: 'p', type: 'vec2' },
- { name: 'jitter', type: 'float' },
- { name: 'metric', type: 'int' }
- ]
- } );
- const mx_worley_noise_vec3_0 = /*@__PURE__*/ Fn( ( [ p_immutable, jitter_immutable, metric_immutable ] ) => {
- const metric = int( metric_immutable ).toVar();
- const jitter = float( jitter_immutable ).toVar();
- const p = vec2( p_immutable ).toVar();
- const X = int().toVar(), Y = int().toVar();
- const localpos = vec2( mx_floorfrac( p.x, X ), mx_floorfrac( p.y, Y ) ).toVar();
- const sqdist = vec3( 1e6, 1e6, 1e6 ).toVar();
- Loop( { start: - 1, end: int( 1 ), name: 'x', condition: '<=' }, ( { x } ) => {
- Loop( { start: - 1, end: int( 1 ), name: 'y', condition: '<=' }, ( { y } ) => {
- const dist = float( mx_worley_distance( localpos, x, y, X, Y, jitter, metric ) ).toVar();
- If( dist.lessThan( sqdist.x ), () => {
- sqdist.z.assign( sqdist.y );
- sqdist.y.assign( sqdist.x );
- sqdist.x.assign( dist );
- } ).ElseIf( dist.lessThan( sqdist.y ), () => {
- sqdist.z.assign( sqdist.y );
- sqdist.y.assign( dist );
- } ).ElseIf( dist.lessThan( sqdist.z ), () => {
- sqdist.z.assign( dist );
- } );
- } );
- } );
- If( metric.equal( int( 0 ) ), () => {
- sqdist.assign( sqrt( sqdist ) );
- } );
- return sqdist;
- } ).setLayout( {
- name: 'mx_worley_noise_vec3_0',
- type: 'vec3',
- inputs: [
- { name: 'p', type: 'vec2' },
- { name: 'jitter', type: 'float' },
- { name: 'metric', type: 'int' }
- ]
- } );
- const mx_worley_noise_float_1 = /*@__PURE__*/ Fn( ( [ p_immutable, jitter_immutable, metric_immutable ] ) => {
- const metric = int( metric_immutable ).toVar();
- const jitter = float( jitter_immutable ).toVar();
- const p = vec3( p_immutable ).toVar();
- const X = int().toVar(), Y = int().toVar(), Z = int().toVar();
- const localpos = vec3( mx_floorfrac( p.x, X ), mx_floorfrac( p.y, Y ), mx_floorfrac( p.z, Z ) ).toVar();
- const sqdist = float( 1e6 ).toVar();
- Loop( { start: - 1, end: int( 1 ), name: 'x', condition: '<=' }, ( { x } ) => {
- Loop( { start: - 1, end: int( 1 ), name: 'y', condition: '<=' }, ( { y } ) => {
- Loop( { start: - 1, end: int( 1 ), name: 'z', condition: '<=' }, ( { z } ) => {
- const dist = float( mx_worley_distance( localpos, x, y, z, X, Y, Z, jitter, metric ) ).toVar();
- sqdist.assign( min$1( sqdist, dist ) );
- } );
- } );
- } );
- If( metric.equal( int( 0 ) ), () => {
- sqdist.assign( sqrt( sqdist ) );
- } );
- return sqdist;
- } ).setLayout( {
- name: 'mx_worley_noise_float_1',
- type: 'float',
- inputs: [
- { name: 'p', type: 'vec3' },
- { name: 'jitter', type: 'float' },
- { name: 'metric', type: 'int' }
- ]
- } );
- const mx_worley_noise_float$1 = /*@__PURE__*/ overloadingFn( [ mx_worley_noise_float_0, mx_worley_noise_float_1 ] );
- const mx_worley_noise_vec2_1 = /*@__PURE__*/ Fn( ( [ p_immutable, jitter_immutable, metric_immutable ] ) => {
- const metric = int( metric_immutable ).toVar();
- const jitter = float( jitter_immutable ).toVar();
- const p = vec3( p_immutable ).toVar();
- const X = int().toVar(), Y = int().toVar(), Z = int().toVar();
- const localpos = vec3( mx_floorfrac( p.x, X ), mx_floorfrac( p.y, Y ), mx_floorfrac( p.z, Z ) ).toVar();
- const sqdist = vec2( 1e6, 1e6 ).toVar();
- Loop( { start: - 1, end: int( 1 ), name: 'x', condition: '<=' }, ( { x } ) => {
- Loop( { start: - 1, end: int( 1 ), name: 'y', condition: '<=' }, ( { y } ) => {
- Loop( { start: - 1, end: int( 1 ), name: 'z', condition: '<=' }, ( { z } ) => {
- const dist = float( mx_worley_distance( localpos, x, y, z, X, Y, Z, jitter, metric ) ).toVar();
- If( dist.lessThan( sqdist.x ), () => {
- sqdist.y.assign( sqdist.x );
- sqdist.x.assign( dist );
- } ).ElseIf( dist.lessThan( sqdist.y ), () => {
- sqdist.y.assign( dist );
- } );
- } );
- } );
- } );
- If( metric.equal( int( 0 ) ), () => {
- sqdist.assign( sqrt( sqdist ) );
- } );
- return sqdist;
- } ).setLayout( {
- name: 'mx_worley_noise_vec2_1',
- type: 'vec2',
- inputs: [
- { name: 'p', type: 'vec3' },
- { name: 'jitter', type: 'float' },
- { name: 'metric', type: 'int' }
- ]
- } );
- const mx_worley_noise_vec2$1 = /*@__PURE__*/ overloadingFn( [ mx_worley_noise_vec2_0, mx_worley_noise_vec2_1 ] );
- const mx_worley_noise_vec3_1 = /*@__PURE__*/ Fn( ( [ p_immutable, jitter_immutable, metric_immutable ] ) => {
- const metric = int( metric_immutable ).toVar();
- const jitter = float( jitter_immutable ).toVar();
- const p = vec3( p_immutable ).toVar();
- const X = int().toVar(), Y = int().toVar(), Z = int().toVar();
- const localpos = vec3( mx_floorfrac( p.x, X ), mx_floorfrac( p.y, Y ), mx_floorfrac( p.z, Z ) ).toVar();
- const sqdist = vec3( 1e6, 1e6, 1e6 ).toVar();
- Loop( { start: - 1, end: int( 1 ), name: 'x', condition: '<=' }, ( { x } ) => {
- Loop( { start: - 1, end: int( 1 ), name: 'y', condition: '<=' }, ( { y } ) => {
- Loop( { start: - 1, end: int( 1 ), name: 'z', condition: '<=' }, ( { z } ) => {
- const dist = float( mx_worley_distance( localpos, x, y, z, X, Y, Z, jitter, metric ) ).toVar();
- If( dist.lessThan( sqdist.x ), () => {
- sqdist.z.assign( sqdist.y );
- sqdist.y.assign( sqdist.x );
- sqdist.x.assign( dist );
- } ).ElseIf( dist.lessThan( sqdist.y ), () => {
- sqdist.z.assign( sqdist.y );
- sqdist.y.assign( dist );
- } ).ElseIf( dist.lessThan( sqdist.z ), () => {
- sqdist.z.assign( dist );
- } );
- } );
- } );
- } );
- If( metric.equal( int( 0 ) ), () => {
- sqdist.assign( sqrt( sqdist ) );
- } );
- return sqdist;
- } ).setLayout( {
- name: 'mx_worley_noise_vec3_1',
- type: 'vec3',
- inputs: [
- { name: 'p', type: 'vec3' },
- { name: 'jitter', type: 'float' },
- { name: 'metric', type: 'int' }
- ]
- } );
- const mx_worley_noise_vec3$1 = /*@__PURE__*/ overloadingFn( [ mx_worley_noise_vec3_0, mx_worley_noise_vec3_1 ] );
- // Three.js Transpiler
- // https://github.com/AcademySoftwareFoundation/MaterialX/blob/main/libraries/stdlib/genglsl/lib/mx_hsv.glsl
- const mx_hsvtorgb = /*@__PURE__*/ Fn( ( [ hsv ] ) => {
- const s = hsv.y;
- const v = hsv.z;
- const result = vec3().toVar();
- If( s.lessThan( 0.0001 ), () => {
- result.assign( vec3( v, v, v ) );
- } ).Else( () => {
- let h = hsv.x;
- h = h.sub( floor( h ) ).mul( 6.0 ).toVar(); // TODO: check what .toVar() is needed in node system cache
- const hi = int( trunc( h ) );
- const f = h.sub( float( hi ) );
- const p = v.mul( s.oneMinus() );
- const q = v.mul( s.mul( f ).oneMinus() );
- const t = v.mul( s.mul( f.oneMinus() ).oneMinus() );
- If( hi.equal( int( 0 ) ), () => {
- result.assign( vec3( v, t, p ) );
- } ).ElseIf( hi.equal( int( 1 ) ), () => {
- result.assign( vec3( q, v, p ) );
- } ).ElseIf( hi.equal( int( 2 ) ), () => {
- result.assign( vec3( p, v, t ) );
- } ).ElseIf( hi.equal( int( 3 ) ), () => {
- result.assign( vec3( p, q, v ) );
- } ).ElseIf( hi.equal( int( 4 ) ), () => {
- result.assign( vec3( t, p, v ) );
- } ).Else( () => {
- result.assign( vec3( v, p, q ) );
- } );
- } );
- return result;
- } ).setLayout( {
- name: 'mx_hsvtorgb',
- type: 'vec3',
- inputs: [
- { name: 'hsv', type: 'vec3' }
- ]
- } );
- const mx_rgbtohsv = /*@__PURE__*/ Fn( ( [ c_immutable ] ) => {
- const c = vec3( c_immutable ).toVar();
- const r = float( c.x ).toVar();
- const g = float( c.y ).toVar();
- const b = float( c.z ).toVar();
- const mincomp = float( min$1( r, min$1( g, b ) ) ).toVar();
- const maxcomp = float( max$1( r, max$1( g, b ) ) ).toVar();
- const delta = float( maxcomp.sub( mincomp ) ).toVar();
- const h = float().toVar(), s = float().toVar(), v = float().toVar();
- v.assign( maxcomp );
- If( maxcomp.greaterThan( 0.0 ), () => {
- s.assign( delta.div( maxcomp ) );
- } ).Else( () => {
- s.assign( 0.0 );
- } );
- If( s.lessThanEqual( 0.0 ), () => {
- h.assign( 0.0 );
- } ).Else( () => {
- If( r.greaterThanEqual( maxcomp ), () => {
- h.assign( g.sub( b ).div( delta ) );
- } ).ElseIf( g.greaterThanEqual( maxcomp ), () => {
- h.assign( add( 2.0, b.sub( r ).div( delta ) ) );
- } ).Else( () => {
- h.assign( add( 4.0, r.sub( g ).div( delta ) ) );
- } );
- h.mulAssign( 1.0 / 6.0 );
- If( h.lessThan( 0.0 ), () => {
- h.addAssign( 1.0 );
- } );
- } );
- return vec3( h, s, v );
- } ).setLayout( {
- name: 'mx_rgbtohsv',
- type: 'vec3',
- inputs: [
- { name: 'c', type: 'vec3' }
- ]
- } );
- // Three.js Transpiler
- // https://github.com/AcademySoftwareFoundation/MaterialX/blob/main/libraries/stdlib/genglsl/lib/mx_transform_color.glsl
- const mx_srgb_texture_to_lin_rec709 = /*@__PURE__*/ Fn( ( [ color_immutable ] ) => {
- const color = vec3( color_immutable ).toVar();
- const isAbove = bvec3( greaterThan( color, vec3( 0.04045 ) ) ).toVar();
- const linSeg = vec3( color.div( 12.92 ) ).toVar();
- const powSeg = vec3( pow( max$1( color.add( vec3( 0.055 ) ), vec3( 0.0 ) ).div( 1.055 ), vec3( 2.4 ) ) ).toVar();
- return mix( linSeg, powSeg, isAbove );
- } ).setLayout( {
- name: 'mx_srgb_texture_to_lin_rec709',
- type: 'vec3',
- inputs: [
- { name: 'color', type: 'vec3' }
- ]
- } );
- const mx_aastep = ( threshold, value ) => {
- threshold = float( threshold );
- value = float( value );
- const afwidth = vec2( value.dFdx(), value.dFdy() ).length().mul( 0.70710678118654757 );
- return smoothstep( threshold.sub( afwidth ), threshold.add( afwidth ), value );
- };
- const _ramp = ( a, b, uv, p ) => mix( a, b, uv[ p ].clamp() );
- const mx_ramplr = ( valuel, valuer, texcoord = uv() ) => _ramp( valuel, valuer, texcoord, 'x' );
- const mx_ramptb = ( valuet, valueb, texcoord = uv() ) => _ramp( valuet, valueb, texcoord, 'y' );
- const _split = ( a, b, center, uv, p ) => mix( a, b, mx_aastep( center, uv[ p ] ) );
- const mx_splitlr = ( valuel, valuer, center, texcoord = uv() ) => _split( valuel, valuer, center, texcoord, 'x' );
- const mx_splittb = ( valuet, valueb, center, texcoord = uv() ) => _split( valuet, valueb, center, texcoord, 'y' );
- const mx_transform_uv = ( uv_scale = 1, uv_offset = 0, uv_geo = uv() ) => uv_geo.mul( uv_scale ).add( uv_offset );
- const mx_safepower = ( in1, in2 = 1 ) => {
- in1 = float( in1 );
- return in1.abs().pow( in2 ).mul( in1.sign() );
- };
- const mx_contrast = ( input, amount = 1, pivot = .5 ) => float( input ).sub( pivot ).mul( amount ).add( pivot );
- const mx_noise_float = ( texcoord = uv(), amplitude = 1, pivot = 0 ) => mx_perlin_noise_float( texcoord.convert( 'vec2|vec3' ) ).mul( amplitude ).add( pivot );
- //export const mx_noise_vec2 = ( texcoord = uv(), amplitude = 1, pivot = 0 ) => mx_perlin_noise_vec3( texcoord.convert( 'vec2|vec3' ) ).mul( amplitude ).add( pivot );
- const mx_noise_vec3 = ( texcoord = uv(), amplitude = 1, pivot = 0 ) => mx_perlin_noise_vec3( texcoord.convert( 'vec2|vec3' ) ).mul( amplitude ).add( pivot );
- const mx_noise_vec4 = ( texcoord = uv(), amplitude = 1, pivot = 0 ) => {
- texcoord = texcoord.convert( 'vec2|vec3' ); // overloading type
- const noise_vec4 = vec4( mx_perlin_noise_vec3( texcoord ), mx_perlin_noise_float( texcoord.add( vec2( 19, 73 ) ) ) );
- return noise_vec4.mul( amplitude ).add( pivot );
- };
- const mx_worley_noise_float = ( texcoord = uv(), jitter = 1 ) => mx_worley_noise_float$1( texcoord.convert( 'vec2|vec3' ), jitter, int( 1 ) );
- const mx_worley_noise_vec2 = ( texcoord = uv(), jitter = 1 ) => mx_worley_noise_vec2$1( texcoord.convert( 'vec2|vec3' ), jitter, int( 1 ) );
- const mx_worley_noise_vec3 = ( texcoord = uv(), jitter = 1 ) => mx_worley_noise_vec3$1( texcoord.convert( 'vec2|vec3' ), jitter, int( 1 ) );
- const mx_cell_noise_float = ( texcoord = uv() ) => mx_cell_noise_float$1( texcoord.convert( 'vec2|vec3' ) );
- const mx_fractal_noise_float = ( position = uv(), octaves = 3, lacunarity = 2, diminish = .5, amplitude = 1 ) => mx_fractal_noise_float$1( position, int( octaves ), lacunarity, diminish ).mul( amplitude );
- const mx_fractal_noise_vec2 = ( position = uv(), octaves = 3, lacunarity = 2, diminish = .5, amplitude = 1 ) => mx_fractal_noise_vec2$1( position, int( octaves ), lacunarity, diminish ).mul( amplitude );
- const mx_fractal_noise_vec3 = ( position = uv(), octaves = 3, lacunarity = 2, diminish = .5, amplitude = 1 ) => mx_fractal_noise_vec3$1( position, int( octaves ), lacunarity, diminish ).mul( amplitude );
- const mx_fractal_noise_vec4 = ( position = uv(), octaves = 3, lacunarity = 2, diminish = .5, amplitude = 1 ) => mx_fractal_noise_vec4$1( position, int( octaves ), lacunarity, diminish ).mul( amplitude );
- const getShIrradianceAt = /*@__PURE__*/ Fn( ( [ normal, shCoefficients ] ) => {
- // normal is assumed to have unit length
- const x = normal.x, y = normal.y, z = normal.z;
- // band 0
- let result = shCoefficients.element( 0 ).mul( 0.886227 );
- // band 1
- result = result.add( shCoefficients.element( 1 ).mul( 2.0 * 0.511664 ).mul( y ) );
- result = result.add( shCoefficients.element( 2 ).mul( 2.0 * 0.511664 ).mul( z ) );
- result = result.add( shCoefficients.element( 3 ).mul( 2.0 * 0.511664 ).mul( x ) );
- // band 2
- result = result.add( shCoefficients.element( 4 ).mul( 2.0 * 0.429043 ).mul( x ).mul( y ) );
- result = result.add( shCoefficients.element( 5 ).mul( 2.0 * 0.429043 ).mul( y ).mul( z ) );
- result = result.add( shCoefficients.element( 6 ).mul( z.mul( z ).mul( 0.743125 ).sub( 0.247708 ) ) );
- result = result.add( shCoefficients.element( 7 ).mul( 2.0 * 0.429043 ).mul( x ).mul( z ) );
- result = result.add( shCoefficients.element( 8 ).mul( 0.429043 ).mul( mul( x, x ).sub( mul( y, y ) ) ) );
- return result;
- } );
- class PointLightNode extends AnalyticLightNode {
- static get type() {
- return 'PointLightNode';
- }
- constructor( light = null ) {
- super( light );
- this.cutoffDistanceNode = uniform( 0 ).setGroup( renderGroup );
- this.decayExponentNode = uniform( 0 ).setGroup( renderGroup );
- }
- update( frame ) {
- const { light } = this;
- super.update( frame );
- this.cutoffDistanceNode.value = light.distance;
- this.decayExponentNode.value = light.decay;
- }
- setup( builder ) {
- const { colorNode, cutoffDistanceNode, decayExponentNode, light } = this;
- const lightingModel = builder.context.lightingModel;
- const lVector = lightViewPosition( light ).sub( positionView ); // @TODO: Add it into LightNode
- const lightDirection = lVector.normalize();
- const lightDistance = lVector.length();
- const lightAttenuation = getDistanceAttenuation( {
- lightDistance,
- cutoffDistance: cutoffDistanceNode,
- decayExponent: decayExponentNode
- } );
- const lightColor = colorNode.mul( lightAttenuation );
- const reflectedLight = builder.context.reflectedLight;
- lightingModel.direct( {
- lightDirection,
- lightColor,
- reflectedLight
- }, builder.stack, builder );
- }
- }
- class DirectionalLightNode extends AnalyticLightNode {
- static get type() {
- return 'DirectionalLightNode';
- }
- constructor( light = null ) {
- super( light );
- }
- setup( builder ) {
- super.setup( builder );
- const lightingModel = builder.context.lightingModel;
- const lightColor = this.colorNode;
- const lightDirection = lightTargetDirection( this.light );
- const reflectedLight = builder.context.reflectedLight;
- lightingModel.direct( {
- lightDirection,
- lightColor,
- reflectedLight
- }, builder.stack, builder );
- }
- }
- const _matrix41 = /*@__PURE__*/ new Matrix4();
- const _matrix42 = /*@__PURE__*/ new Matrix4();
- let ltcLib = null;
- class RectAreaLightNode extends AnalyticLightNode {
- static get type() {
- return 'RectAreaLightNode';
- }
- constructor( light = null ) {
- super( light );
- this.halfHeight = uniform( new Vector3() ).setGroup( renderGroup );
- this.halfWidth = uniform( new Vector3() ).setGroup( renderGroup );
- }
- update( frame ) {
- super.update( frame );
- const { light } = this;
- const viewMatrix = frame.camera.matrixWorldInverse;
- _matrix42.identity();
- _matrix41.copy( light.matrixWorld );
- _matrix41.premultiply( viewMatrix );
- _matrix42.extractRotation( _matrix41 );
- this.halfWidth.value.set( light.width * 0.5, 0.0, 0.0 );
- this.halfHeight.value.set( 0.0, light.height * 0.5, 0.0 );
- this.halfWidth.value.applyMatrix4( _matrix42 );
- this.halfHeight.value.applyMatrix4( _matrix42 );
- }
- setup( builder ) {
- super.setup( builder );
- let ltc_1, ltc_2;
- if ( builder.isAvailable( 'float32Filterable' ) ) {
- ltc_1 = texture( ltcLib.LTC_FLOAT_1 );
- ltc_2 = texture( ltcLib.LTC_FLOAT_2 );
- } else {
- ltc_1 = texture( ltcLib.LTC_HALF_1 );
- ltc_2 = texture( ltcLib.LTC_HALF_2 );
- }
- const { colorNode, light } = this;
- const lightingModel = builder.context.lightingModel;
- const lightPosition = lightViewPosition( light );
- const reflectedLight = builder.context.reflectedLight;
- lightingModel.directRectArea( {
- lightColor: colorNode,
- lightPosition,
- halfWidth: this.halfWidth,
- halfHeight: this.halfHeight,
- reflectedLight,
- ltc_1,
- ltc_2
- }, builder.stack, builder );
- }
- static setLTC( ltc ) {
- ltcLib = ltc;
- }
- }
- class SpotLightNode extends AnalyticLightNode {
- static get type() {
- return 'SpotLightNode';
- }
- constructor( light = null ) {
- super( light );
- this.coneCosNode = uniform( 0 ).setGroup( renderGroup );
- this.penumbraCosNode = uniform( 0 ).setGroup( renderGroup );
- this.cutoffDistanceNode = uniform( 0 ).setGroup( renderGroup );
- this.decayExponentNode = uniform( 0 ).setGroup( renderGroup );
- }
- update( frame ) {
- super.update( frame );
- const { light } = this;
- this.coneCosNode.value = Math.cos( light.angle );
- this.penumbraCosNode.value = Math.cos( light.angle * ( 1 - light.penumbra ) );
- this.cutoffDistanceNode.value = light.distance;
- this.decayExponentNode.value = light.decay;
- }
- getSpotAttenuation( angleCosine ) {
- const { coneCosNode, penumbraCosNode } = this;
- return smoothstep( coneCosNode, penumbraCosNode, angleCosine );
- }
- setup( builder ) {
- super.setup( builder );
- const lightingModel = builder.context.lightingModel;
- const { colorNode, cutoffDistanceNode, decayExponentNode, light } = this;
- const lVector = lightViewPosition( light ).sub( positionView ); // @TODO: Add it into LightNode
- const lightDirection = lVector.normalize();
- const angleCos = lightDirection.dot( lightTargetDirection( light ) );
- const spotAttenuation = this.getSpotAttenuation( angleCos );
- const lightDistance = lVector.length();
- const lightAttenuation = getDistanceAttenuation( {
- lightDistance,
- cutoffDistance: cutoffDistanceNode,
- decayExponent: decayExponentNode
- } );
- const lightColor = colorNode.mul( spotAttenuation ).mul( lightAttenuation );
- const reflectedLight = builder.context.reflectedLight;
- lightingModel.direct( {
- lightDirection,
- lightColor,
- reflectedLight
- }, builder.stack, builder );
- }
- }
- class IESSpotLightNode extends SpotLightNode {
- static get type() {
- return 'IESSpotLightNode';
- }
- getSpotAttenuation( angleCosine ) {
- const iesMap = this.light.iesMap;
- let spotAttenuation = null;
- if ( iesMap && iesMap.isTexture === true ) {
- const angle = angleCosine.acos().mul( 1.0 / Math.PI );
- spotAttenuation = texture( iesMap, vec2( angle, 0 ), 0 ).r;
- } else {
- spotAttenuation = super.getSpotAttenuation( angleCosine );
- }
- return spotAttenuation;
- }
- }
- class AmbientLightNode extends AnalyticLightNode {
- static get type() {
- return 'AmbientLightNode';
- }
- constructor( light = null ) {
- super( light );
- }
- setup( { context } ) {
- context.irradiance.addAssign( this.colorNode );
- }
- }
- class HemisphereLightNode extends AnalyticLightNode {
- static get type() {
- return 'HemisphereLightNode';
- }
- constructor( light = null ) {
- super( light );
- this.lightPositionNode = lightPosition( light );
- this.lightDirectionNode = this.lightPositionNode.normalize();
- this.groundColorNode = uniform( new Color() ).setGroup( renderGroup );
- }
- update( frame ) {
- const { light } = this;
- super.update( frame );
- this.lightPositionNode.object3d = light;
- this.groundColorNode.value.copy( light.groundColor ).multiplyScalar( light.intensity );
- }
- setup( builder ) {
- const { colorNode, groundColorNode, lightDirectionNode } = this;
- const dotNL = normalView.dot( lightDirectionNode );
- const hemiDiffuseWeight = dotNL.mul( 0.5 ).add( 0.5 );
- const irradiance = mix( groundColorNode, colorNode, hemiDiffuseWeight );
- builder.context.irradiance.addAssign( irradiance );
- }
- }
- class LightProbeNode extends AnalyticLightNode {
- static get type() {
- return 'LightProbeNode';
- }
- constructor( light = null ) {
- super( light );
- const array = [];
- for ( let i = 0; i < 9; i ++ ) array.push( new Vector3() );
- this.lightProbe = uniformArray( array );
- }
- update( frame ) {
- const { light } = this;
- super.update( frame );
- //
- for ( let i = 0; i < 9; i ++ ) {
- this.lightProbe.array[ i ].copy( light.sh.coefficients[ i ] ).multiplyScalar( light.intensity );
- }
- }
- setup( builder ) {
- const irradiance = getShIrradianceAt( normalWorld, this.lightProbe );
- builder.context.irradiance.addAssign( irradiance );
- }
- }
- class NodeParser {
- parseFunction( /*source*/ ) {
- console.warn( 'Abstract function.' );
- }
- }
- class NodeFunction {
- constructor( type, inputs, name = '', precision = '' ) {
- this.type = type;
- this.inputs = inputs;
- this.name = name;
- this.precision = precision;
- }
- getCode( /*name = this.name*/ ) {
- console.warn( 'Abstract function.' );
- }
- }
- NodeFunction.isNodeFunction = true;
- const declarationRegexp$1 = /^\s*(highp|mediump|lowp)?\s*([a-z_0-9]+)\s*([a-z_0-9]+)?\s*\(([\s\S]*?)\)/i;
- const propertiesRegexp$1 = /[a-z_0-9]+/ig;
- const pragmaMain = '#pragma main';
- const parse$1 = ( source ) => {
- source = source.trim();
- const pragmaMainIndex = source.indexOf( pragmaMain );
- const mainCode = pragmaMainIndex !== - 1 ? source.slice( pragmaMainIndex + pragmaMain.length ) : source;
- const declaration = mainCode.match( declarationRegexp$1 );
- if ( declaration !== null && declaration.length === 5 ) {
- // tokenizer
- const inputsCode = declaration[ 4 ];
- const propsMatches = [];
- let nameMatch = null;
- while ( ( nameMatch = propertiesRegexp$1.exec( inputsCode ) ) !== null ) {
- propsMatches.push( nameMatch );
- }
- // parser
- const inputs = [];
- let i = 0;
- while ( i < propsMatches.length ) {
- const isConst = propsMatches[ i ][ 0 ] === 'const';
- if ( isConst === true ) {
- i ++;
- }
- let qualifier = propsMatches[ i ][ 0 ];
- if ( qualifier === 'in' || qualifier === 'out' || qualifier === 'inout' ) {
- i ++;
- } else {
- qualifier = '';
- }
- const type = propsMatches[ i ++ ][ 0 ];
- let count = Number.parseInt( propsMatches[ i ][ 0 ] );
- if ( Number.isNaN( count ) === false ) i ++;
- else count = null;
- const name = propsMatches[ i ++ ][ 0 ];
- inputs.push( new NodeFunctionInput( type, name, count, qualifier, isConst ) );
- }
- //
- const blockCode = mainCode.substring( declaration[ 0 ].length );
- const name = declaration[ 3 ] !== undefined ? declaration[ 3 ] : '';
- const type = declaration[ 2 ];
- const precision = declaration[ 1 ] !== undefined ? declaration[ 1 ] : '';
- const headerCode = pragmaMainIndex !== - 1 ? source.slice( 0, pragmaMainIndex ) : '';
- return {
- type,
- inputs,
- name,
- precision,
- inputsCode,
- blockCode,
- headerCode
- };
- } else {
- throw new Error( 'FunctionNode: Function is not a GLSL code.' );
- }
- };
- class GLSLNodeFunction extends NodeFunction {
- constructor( source ) {
- const { type, inputs, name, precision, inputsCode, blockCode, headerCode } = parse$1( source );
- super( type, inputs, name, precision );
- this.inputsCode = inputsCode;
- this.blockCode = blockCode;
- this.headerCode = headerCode;
- }
- getCode( name = this.name ) {
- let code;
- const blockCode = this.blockCode;
- if ( blockCode !== '' ) {
- const { type, inputsCode, headerCode, precision } = this;
- let declarationCode = `${ type } ${ name } ( ${ inputsCode.trim() } )`;
- if ( precision !== '' ) {
- declarationCode = `${ precision } ${ declarationCode }`;
- }
- code = headerCode + declarationCode + blockCode;
- } else {
- // interface function
- code = '';
- }
- return code;
- }
- }
- class GLSLNodeParser extends NodeParser {
- parseFunction( source ) {
- return new GLSLNodeFunction( source );
- }
- }
- function painterSortStable( a, b ) {
- if ( a.groupOrder !== b.groupOrder ) {
- return a.groupOrder - b.groupOrder;
- } else if ( a.renderOrder !== b.renderOrder ) {
- return a.renderOrder - b.renderOrder;
- } else if ( a.material.id !== b.material.id ) {
- return a.material.id - b.material.id;
- } else if ( a.z !== b.z ) {
- return a.z - b.z;
- } else {
- return a.id - b.id;
- }
- }
- function reversePainterSortStable( a, b ) {
- if ( a.groupOrder !== b.groupOrder ) {
- return a.groupOrder - b.groupOrder;
- } else if ( a.renderOrder !== b.renderOrder ) {
- return a.renderOrder - b.renderOrder;
- } else if ( a.z !== b.z ) {
- return b.z - a.z;
- } else {
- return a.id - b.id;
- }
- }
- class RenderList {
- constructor() {
- this.renderItems = [];
- this.renderItemsIndex = 0;
- this.opaque = [];
- this.transparent = [];
- this.bundles = [];
- this.lightsNode = new LightsNode( [] );
- this.lightsArray = [];
- this.occlusionQueryCount = 0;
- }
- begin() {
- this.renderItemsIndex = 0;
- this.opaque.length = 0;
- this.transparent.length = 0;
- this.bundles.length = 0;
- this.lightsArray.length = 0;
- this.occlusionQueryCount = 0;
- return this;
- }
- getNextRenderItem( object, geometry, material, groupOrder, z, group ) {
- let renderItem = this.renderItems[ this.renderItemsIndex ];
- if ( renderItem === undefined ) {
- renderItem = {
- id: object.id,
- object: object,
- geometry: geometry,
- material: material,
- groupOrder: groupOrder,
- renderOrder: object.renderOrder,
- z: z,
- group: group
- };
- this.renderItems[ this.renderItemsIndex ] = renderItem;
- } else {
- renderItem.id = object.id;
- renderItem.object = object;
- renderItem.geometry = geometry;
- renderItem.material = material;
- renderItem.groupOrder = groupOrder;
- renderItem.renderOrder = object.renderOrder;
- renderItem.z = z;
- renderItem.group = group;
- }
- this.renderItemsIndex ++;
- return renderItem;
- }
- push( object, geometry, material, groupOrder, z, group ) {
- const renderItem = this.getNextRenderItem( object, geometry, material, groupOrder, z, group );
- if ( object.occlusionTest === true ) this.occlusionQueryCount ++;
- ( material.transparent === true || material.transmission > 0 ? this.transparent : this.opaque ).push( renderItem );
- }
- unshift( object, geometry, material, groupOrder, z, group ) {
- const renderItem = this.getNextRenderItem( object, geometry, material, groupOrder, z, group );
- ( material.transparent === true ? this.transparent : this.opaque ).unshift( renderItem );
- }
- pushBundle( group ) {
- this.bundles.push( group );
- }
- pushLight( light ) {
- this.lightsArray.push( light );
- }
- getLightsNode() {
- return this.lightsNode.fromLights( this.lightsArray );
- }
- sort( customOpaqueSort, customTransparentSort ) {
- if ( this.opaque.length > 1 ) this.opaque.sort( customOpaqueSort || painterSortStable );
- if ( this.transparent.length > 1 ) this.transparent.sort( customTransparentSort || reversePainterSortStable );
- }
- finish() {
- // update lights
- this.lightsNode.setLights( this.lightsArray );
- // Clear references from inactive renderItems in the list
- for ( let i = this.renderItemsIndex, il = this.renderItems.length; i < il; i ++ ) {
- const renderItem = this.renderItems[ i ];
- if ( renderItem.id === null ) break;
- renderItem.id = null;
- renderItem.object = null;
- renderItem.geometry = null;
- renderItem.material = null;
- renderItem.groupOrder = null;
- renderItem.renderOrder = null;
- renderItem.z = null;
- renderItem.group = null;
- }
- }
- }
- class RenderLists {
- constructor() {
- this.lists = new ChainMap();
- }
- get( scene, camera ) {
- const lists = this.lists;
- const keys = [ scene, camera ];
- let list = lists.get( keys );
- if ( list === undefined ) {
- list = new RenderList();
- lists.set( keys, list );
- }
- return list;
- }
- dispose() {
- this.lists = new ChainMap();
- }
- }
- let id = 0;
- class RenderContext {
- constructor() {
- this.id = id ++;
- this.color = true;
- this.clearColor = true;
- this.clearColorValue = { r: 0, g: 0, b: 0, a: 1 };
- this.depth = true;
- this.clearDepth = true;
- this.clearDepthValue = 1;
- this.stencil = false;
- this.clearStencil = true;
- this.clearStencilValue = 1;
- this.viewport = false;
- this.viewportValue = new Vector4();
- this.scissor = false;
- this.scissorValue = new Vector4();
- this.textures = null;
- this.depthTexture = null;
- this.activeCubeFace = 0;
- this.sampleCount = 1;
- this.width = 0;
- this.height = 0;
- this.isRenderContext = true;
- }
- getCacheKey() {
- return getCacheKey( this );
- }
- }
- function getCacheKey( renderContext ) {
- const { textures, activeCubeFace } = renderContext;
- const values = [ activeCubeFace ];
- for ( const texture of textures ) {
- values.push( texture.id );
- }
- return hashArray( values );
- }
- class RenderContexts {
- constructor() {
- this.chainMaps = {};
- }
- get( scene, camera, renderTarget = null ) {
- const chainKey = [ scene, camera ];
- let attachmentState;
- if ( renderTarget === null ) {
- attachmentState = 'default';
- } else {
- const format = renderTarget.texture.format;
- const count = renderTarget.textures.length;
- attachmentState = `${ count }:${ format }:${ renderTarget.samples }:${ renderTarget.depthBuffer }:${ renderTarget.stencilBuffer }`;
- }
- const chainMap = this.getChainMap( attachmentState );
- let renderState = chainMap.get( chainKey );
- if ( renderState === undefined ) {
- renderState = new RenderContext();
- chainMap.set( chainKey, renderState );
- }
- if ( renderTarget !== null ) renderState.sampleCount = renderTarget.samples === 0 ? 1 : renderTarget.samples;
- return renderState;
- }
- getChainMap( attachmentState ) {
- return this.chainMaps[ attachmentState ] || ( this.chainMaps[ attachmentState ] = new ChainMap() );
- }
- dispose() {
- this.chainMaps = {};
- }
- }
- const _size = /*@__PURE__*/ new Vector3();
- class Textures extends DataMap {
- constructor( renderer, backend, info ) {
- super();
- this.renderer = renderer;
- this.backend = backend;
- this.info = info;
- }
- updateRenderTarget( renderTarget, activeMipmapLevel = 0 ) {
- const renderTargetData = this.get( renderTarget );
- const sampleCount = renderTarget.samples === 0 ? 1 : renderTarget.samples;
- const depthTextureMips = renderTargetData.depthTextureMips || ( renderTargetData.depthTextureMips = {} );
- const textures = renderTarget.textures;
- const size = this.getSize( textures[ 0 ] );
- const mipWidth = size.width >> activeMipmapLevel;
- const mipHeight = size.height >> activeMipmapLevel;
- let depthTexture = renderTarget.depthTexture || depthTextureMips[ activeMipmapLevel ];
- let textureNeedsUpdate = false;
- if ( depthTexture === undefined ) {
- depthTexture = new DepthTexture();
- depthTexture.format = renderTarget.stencilBuffer ? DepthStencilFormat : DepthFormat;
- depthTexture.type = renderTarget.stencilBuffer ? UnsignedInt248Type : UnsignedIntType; // FloatType
- depthTexture.image.width = mipWidth;
- depthTexture.image.height = mipHeight;
- depthTextureMips[ activeMipmapLevel ] = depthTexture;
- }
- if ( renderTargetData.width !== size.width || size.height !== renderTargetData.height ) {
- textureNeedsUpdate = true;
- depthTexture.needsUpdate = true;
- depthTexture.image.width = mipWidth;
- depthTexture.image.height = mipHeight;
- }
- renderTargetData.width = size.width;
- renderTargetData.height = size.height;
- renderTargetData.textures = textures;
- renderTargetData.depthTexture = depthTexture;
- renderTargetData.depth = renderTarget.depthBuffer;
- renderTargetData.stencil = renderTarget.stencilBuffer;
- renderTargetData.renderTarget = renderTarget;
- if ( renderTargetData.sampleCount !== sampleCount ) {
- textureNeedsUpdate = true;
- depthTexture.needsUpdate = true;
- renderTargetData.sampleCount = sampleCount;
- }
- //
- const options = { sampleCount };
- for ( let i = 0; i < textures.length; i ++ ) {
- const texture = textures[ i ];
- if ( textureNeedsUpdate ) texture.needsUpdate = true;
- this.updateTexture( texture, options );
- }
- this.updateTexture( depthTexture, options );
- // dispose handler
- if ( renderTargetData.initialized !== true ) {
- renderTargetData.initialized = true;
- // dispose
- const onDispose = () => {
- renderTarget.removeEventListener( 'dispose', onDispose );
- for ( let i = 0; i < textures.length; i ++ ) {
- this._destroyTexture( textures[ i ] );
- }
- this._destroyTexture( depthTexture );
- this.delete( renderTarget );
- };
- renderTarget.addEventListener( 'dispose', onDispose );
- }
- }
- updateTexture( texture, options = {} ) {
- const textureData = this.get( texture );
- if ( textureData.initialized === true && textureData.version === texture.version ) return;
- const isRenderTarget = texture.isRenderTargetTexture || texture.isDepthTexture || texture.isFramebufferTexture;
- const backend = this.backend;
- if ( isRenderTarget && textureData.initialized === true ) {
- // it's an update
- backend.destroySampler( texture );
- backend.destroyTexture( texture );
- }
- //
- if ( texture.isFramebufferTexture ) {
- const renderer = this.renderer;
- const renderTarget = renderer.getRenderTarget();
- if ( renderTarget ) {
- texture.type = renderTarget.texture.type;
- } else {
- texture.type = UnsignedByteType;
- }
- }
- //
- const { width, height, depth } = this.getSize( texture );
- options.width = width;
- options.height = height;
- options.depth = depth;
- options.needsMipmaps = this.needsMipmaps( texture );
- options.levels = options.needsMipmaps ? this.getMipLevels( texture, width, height ) : 1;
- //
- if ( isRenderTarget || texture.isStorageTexture === true ) {
- backend.createSampler( texture );
- backend.createTexture( texture, options );
- textureData.generation = texture.version;
- } else {
- const needsCreate = textureData.initialized !== true;
- if ( needsCreate ) backend.createSampler( texture );
- if ( texture.version > 0 ) {
- const image = texture.image;
- if ( image === undefined ) {
- console.warn( 'THREE.Renderer: Texture marked for update but image is undefined.' );
- } else if ( image.complete === false ) {
- console.warn( 'THREE.Renderer: Texture marked for update but image is incomplete.' );
- } else {
- if ( texture.images ) {
- const images = [];
- for ( const image of texture.images ) {
- images.push( image );
- }
- options.images = images;
- } else {
- options.image = image;
- }
- if ( textureData.isDefaultTexture === undefined || textureData.isDefaultTexture === true ) {
- backend.createTexture( texture, options );
- textureData.isDefaultTexture = false;
- textureData.generation = texture.version;
- }
- if ( texture.source.dataReady === true ) backend.updateTexture( texture, options );
- if ( options.needsMipmaps && texture.mipmaps.length === 0 ) backend.generateMipmaps( texture );
- }
- } else {
- // async update
- backend.createDefaultTexture( texture );
- textureData.isDefaultTexture = true;
- textureData.generation = texture.version;
- }
- }
- // dispose handler
- if ( textureData.initialized !== true ) {
- textureData.initialized = true;
- textureData.generation = texture.version;
- //
- this.info.memory.textures ++;
- // dispose
- const onDispose = () => {
- texture.removeEventListener( 'dispose', onDispose );
- this._destroyTexture( texture );
- this.info.memory.textures --;
- };
- texture.addEventListener( 'dispose', onDispose );
- }
- //
- textureData.version = texture.version;
- }
- getSize( texture, target = _size ) {
- let image = texture.images ? texture.images[ 0 ] : texture.image;
- if ( image ) {
- if ( image.image !== undefined ) image = image.image;
- target.width = image.width;
- target.height = image.height;
- target.depth = texture.isCubeTexture ? 6 : ( image.depth || 1 );
- } else {
- target.width = target.height = target.depth = 1;
- }
- return target;
- }
- getMipLevels( texture, width, height ) {
- let mipLevelCount;
- if ( texture.isCompressedTexture ) {
- mipLevelCount = texture.mipmaps.length;
- } else {
- mipLevelCount = Math.floor( Math.log2( Math.max( width, height ) ) ) + 1;
- }
- return mipLevelCount;
- }
- needsMipmaps( texture ) {
- if ( this.isEnvironmentTexture( texture ) ) return true;
- return ( texture.isCompressedTexture === true ) || ( ( texture.minFilter !== NearestFilter ) && ( texture.minFilter !== LinearFilter ) );
- }
- isEnvironmentTexture( texture ) {
- const mapping = texture.mapping;
- return ( mapping === EquirectangularReflectionMapping || mapping === EquirectangularRefractionMapping ) || ( mapping === CubeReflectionMapping || mapping === CubeRefractionMapping );
- }
- _destroyTexture( texture ) {
- this.backend.destroySampler( texture );
- this.backend.destroyTexture( texture );
- this.delete( texture );
- }
- }
- class Color4 extends Color {
- constructor( r, g, b, a = 1 ) {
- super( r, g, b );
- this.a = a;
- }
- set( r, g, b, a = 1 ) {
- this.a = a;
- return super.set( r, g, b );
- }
- copy( color ) {
- if ( color.a !== undefined ) this.a = color.a;
- return super.copy( color );
- }
- clone() {
- return new this.constructor( this.r, this.g, this.b, this.a );
- }
- }
- const _clearColor = /*@__PURE__*/ new Color4();
- class Background extends DataMap {
- constructor( renderer, nodes ) {
- super();
- this.renderer = renderer;
- this.nodes = nodes;
- }
- update( scene, renderList, renderContext ) {
- const renderer = this.renderer;
- const background = this.nodes.getBackgroundNode( scene ) || scene.background;
- let forceClear = false;
- if ( background === null ) {
- // no background settings, use clear color configuration from the renderer
- renderer._clearColor.getRGB( _clearColor, LinearSRGBColorSpace );
- _clearColor.a = renderer._clearColor.a;
- } else if ( background.isColor === true ) {
- // background is an opaque color
- background.getRGB( _clearColor, LinearSRGBColorSpace );
- _clearColor.a = 1;
- forceClear = true;
- } else if ( background.isNode === true ) {
- const sceneData = this.get( scene );
- const backgroundNode = background;
- _clearColor.copy( renderer._clearColor );
- let backgroundMesh = sceneData.backgroundMesh;
- if ( backgroundMesh === undefined ) {
- const backgroundMeshNode = context( vec4( backgroundNode ).mul( backgroundIntensity ), {
- // @TODO: Add Texture2D support using node context
- getUV: () => normalWorld,
- getTextureLevel: () => backgroundBlurriness
- } );
- let viewProj = modelViewProjection();
- viewProj = viewProj.setZ( viewProj.w );
- const nodeMaterial = new NodeMaterial();
- nodeMaterial.name = 'Background.material';
- nodeMaterial.side = BackSide;
- nodeMaterial.depthTest = false;
- nodeMaterial.depthWrite = false;
- nodeMaterial.fog = false;
- nodeMaterial.lights = false;
- nodeMaterial.vertexNode = viewProj;
- nodeMaterial.colorNode = backgroundMeshNode;
- sceneData.backgroundMeshNode = backgroundMeshNode;
- sceneData.backgroundMesh = backgroundMesh = new Mesh( new SphereGeometry( 1, 32, 32 ), nodeMaterial );
- backgroundMesh.frustumCulled = false;
- backgroundMesh.name = 'Background.mesh';
- backgroundMesh.onBeforeRender = function ( renderer, scene, camera ) {
- this.matrixWorld.copyPosition( camera.matrixWorld );
- };
- }
- const backgroundCacheKey = backgroundNode.getCacheKey();
- if ( sceneData.backgroundCacheKey !== backgroundCacheKey ) {
- sceneData.backgroundMeshNode.node = vec4( backgroundNode ).mul( backgroundIntensity );
- sceneData.backgroundMeshNode.needsUpdate = true;
- backgroundMesh.material.needsUpdate = true;
- sceneData.backgroundCacheKey = backgroundCacheKey;
- }
- renderList.unshift( backgroundMesh, backgroundMesh.geometry, backgroundMesh.material, 0, 0, null );
- } else {
- console.error( 'THREE.Renderer: Unsupported background configuration.', background );
- }
- //
- if ( renderer.autoClear === true || forceClear === true ) {
- _clearColor.multiplyScalar( _clearColor.a );
- const clearColorValue = renderContext.clearColorValue;
- clearColorValue.r = _clearColor.r;
- clearColorValue.g = _clearColor.g;
- clearColorValue.b = _clearColor.b;
- clearColorValue.a = _clearColor.a;
- renderContext.depthClearValue = renderer._clearDepth;
- renderContext.stencilClearValue = renderer._clearStencil;
- renderContext.clearColor = renderer.autoClearColor === true;
- renderContext.clearDepth = renderer.autoClearDepth === true;
- renderContext.clearStencil = renderer.autoClearStencil === true;
- } else {
- renderContext.clearColor = false;
- renderContext.clearDepth = false;
- renderContext.clearStencil = false;
- }
- }
- }
- class NodeBuilderState {
- constructor( vertexShader, fragmentShader, computeShader, nodeAttributes, bindings, updateNodes, updateBeforeNodes, updateAfterNodes, monitor, transforms = [] ) {
- this.vertexShader = vertexShader;
- this.fragmentShader = fragmentShader;
- this.computeShader = computeShader;
- this.transforms = transforms;
- this.nodeAttributes = nodeAttributes;
- this.bindings = bindings;
- this.updateNodes = updateNodes;
- this.updateBeforeNodes = updateBeforeNodes;
- this.updateAfterNodes = updateAfterNodes;
- this.monitor = monitor;
- this.usedTimes = 0;
- }
- createBindings() {
- const bindings = [];
- for ( const instanceGroup of this.bindings ) {
- const shared = instanceGroup.bindings[ 0 ].groupNode.shared;
- if ( shared !== true ) {
- const bindingsGroup = new BindGroup( instanceGroup.name, [], instanceGroup.index, instanceGroup );
- bindings.push( bindingsGroup );
- for ( const instanceBinding of instanceGroup.bindings ) {
- bindingsGroup.bindings.push( instanceBinding.clone() );
- }
- } else {
- bindings.push( instanceGroup );
- }
- }
- return bindings;
- }
- }
- const outputNodeMap = new WeakMap();
- class Nodes extends DataMap {
- constructor( renderer, backend ) {
- super();
- this.renderer = renderer;
- this.backend = backend;
- this.nodeFrame = new NodeFrame();
- this.nodeBuilderCache = new Map();
- this.callHashCache = new ChainMap();
- this.groupsData = new ChainMap();
- }
- updateGroup( nodeUniformsGroup ) {
- const groupNode = nodeUniformsGroup.groupNode;
- const name = groupNode.name;
- // objectGroup is every updated
- if ( name === objectGroup.name ) return true;
- // renderGroup is updated once per render/compute call
- if ( name === renderGroup.name ) {
- const uniformsGroupData = this.get( nodeUniformsGroup );
- const renderId = this.nodeFrame.renderId;
- if ( uniformsGroupData.renderId !== renderId ) {
- uniformsGroupData.renderId = renderId;
- return true;
- }
- return false;
- }
- // frameGroup is updated once per frame
- if ( name === frameGroup.name ) {
- const uniformsGroupData = this.get( nodeUniformsGroup );
- const frameId = this.nodeFrame.frameId;
- if ( uniformsGroupData.frameId !== frameId ) {
- uniformsGroupData.frameId = frameId;
- return true;
- }
- return false;
- }
- // other groups are updated just when groupNode.needsUpdate is true
- const groupChain = [ groupNode, nodeUniformsGroup ];
- let groupData = this.groupsData.get( groupChain );
- if ( groupData === undefined ) this.groupsData.set( groupChain, groupData = {} );
- if ( groupData.version !== groupNode.version ) {
- groupData.version = groupNode.version;
- return true;
- }
- return false;
- }
- getForRenderCacheKey( renderObject ) {
- return renderObject.initialCacheKey;
- }
- getForRender( renderObject ) {
- const renderObjectData = this.get( renderObject );
- let nodeBuilderState = renderObjectData.nodeBuilderState;
- if ( nodeBuilderState === undefined ) {
- const { nodeBuilderCache } = this;
- const cacheKey = this.getForRenderCacheKey( renderObject );
- nodeBuilderState = nodeBuilderCache.get( cacheKey );
- if ( nodeBuilderState === undefined ) {
- const nodeBuilder = this.backend.createNodeBuilder( renderObject.object, this.renderer );
- nodeBuilder.scene = renderObject.scene;
- nodeBuilder.material = renderObject.material;
- nodeBuilder.camera = renderObject.camera;
- nodeBuilder.context.material = renderObject.material;
- nodeBuilder.lightsNode = renderObject.lightsNode;
- nodeBuilder.environmentNode = this.getEnvironmentNode( renderObject.scene );
- nodeBuilder.fogNode = this.getFogNode( renderObject.scene );
- nodeBuilder.clippingContext = renderObject.clippingContext;
- nodeBuilder.build();
- nodeBuilderState = this._createNodeBuilderState( nodeBuilder );
- nodeBuilderCache.set( cacheKey, nodeBuilderState );
- }
- nodeBuilderState.usedTimes ++;
- renderObjectData.nodeBuilderState = nodeBuilderState;
- }
- return nodeBuilderState;
- }
- delete( object ) {
- if ( object.isRenderObject ) {
- const nodeBuilderState = this.get( object ).nodeBuilderState;
- nodeBuilderState.usedTimes --;
- if ( nodeBuilderState.usedTimes === 0 ) {
- this.nodeBuilderCache.delete( this.getForRenderCacheKey( object ) );
- }
- }
- return super.delete( object );
- }
- getForCompute( computeNode ) {
- const computeData = this.get( computeNode );
- let nodeBuilderState = computeData.nodeBuilderState;
- if ( nodeBuilderState === undefined ) {
- const nodeBuilder = this.backend.createNodeBuilder( computeNode, this.renderer );
- nodeBuilder.build();
- nodeBuilderState = this._createNodeBuilderState( nodeBuilder );
- computeData.nodeBuilderState = nodeBuilderState;
- }
- return nodeBuilderState;
- }
- _createNodeBuilderState( nodeBuilder ) {
- return new NodeBuilderState(
- nodeBuilder.vertexShader,
- nodeBuilder.fragmentShader,
- nodeBuilder.computeShader,
- nodeBuilder.getAttributesArray(),
- nodeBuilder.getBindings(),
- nodeBuilder.updateNodes,
- nodeBuilder.updateBeforeNodes,
- nodeBuilder.updateAfterNodes,
- nodeBuilder.monitor,
- nodeBuilder.transforms
- );
- }
- getEnvironmentNode( scene ) {
- return scene.environmentNode || this.get( scene ).environmentNode || null;
- }
- getBackgroundNode( scene ) {
- return scene.backgroundNode || this.get( scene ).backgroundNode || null;
- }
- getFogNode( scene ) {
- return scene.fogNode || this.get( scene ).fogNode || null;
- }
- getCacheKey( scene, lightsNode ) {
- const chain = [ scene, lightsNode ];
- const callId = this.renderer.info.calls;
- let cacheKeyData = this.callHashCache.get( chain );
- if ( cacheKeyData === undefined || cacheKeyData.callId !== callId ) {
- const environmentNode = this.getEnvironmentNode( scene );
- const fogNode = this.getFogNode( scene );
- const values = [];
- if ( lightsNode ) values.push( lightsNode.getCacheKey( true ) );
- if ( environmentNode ) values.push( environmentNode.getCacheKey() );
- if ( fogNode ) values.push( fogNode.getCacheKey() );
- values.push( this.renderer.shadowMap.enabled ? 1 : 0 );
- cacheKeyData = {
- callId,
- cacheKey: hashArray( values )
- };
- this.callHashCache.set( chain, cacheKeyData );
- }
- return cacheKeyData.cacheKey;
- }
- updateScene( scene ) {
- this.updateEnvironment( scene );
- this.updateFog( scene );
- this.updateBackground( scene );
- }
- get isToneMappingState() {
- return this.renderer.getRenderTarget() ? false : true;
- }
- updateBackground( scene ) {
- const sceneData = this.get( scene );
- const background = scene.background;
- if ( background ) {
- const forceUpdate = ( scene.backgroundBlurriness === 0 && sceneData.backgroundBlurriness > 0 ) || ( scene.backgroundBlurriness > 0 && sceneData.backgroundBlurriness === 0 );
- if ( sceneData.background !== background || forceUpdate ) {
- let backgroundNode = null;
- if ( background.isCubeTexture === true || ( background.mapping === EquirectangularReflectionMapping || background.mapping === EquirectangularRefractionMapping || background.mapping === CubeUVReflectionMapping ) ) {
- if ( scene.backgroundBlurriness > 0 || background.mapping === CubeUVReflectionMapping ) {
- backgroundNode = pmremTexture( background, normalWorld );
- } else {
- let envMap;
- if ( background.isCubeTexture === true ) {
- envMap = cubeTexture( background );
- } else {
- envMap = texture( background );
- }
- backgroundNode = cubeMapNode( envMap );
- }
- } else if ( background.isTexture === true ) {
- backgroundNode = texture( background, screenUV.flipY() ).setUpdateMatrix( true );
- } else if ( background.isColor !== true ) {
- console.error( 'WebGPUNodes: Unsupported background configuration.', background );
- }
- sceneData.backgroundNode = backgroundNode;
- sceneData.background = background;
- sceneData.backgroundBlurriness = scene.backgroundBlurriness;
- }
- } else if ( sceneData.backgroundNode ) {
- delete sceneData.backgroundNode;
- delete sceneData.background;
- }
- }
- updateFog( scene ) {
- const sceneData = this.get( scene );
- const fog = scene.fog;
- if ( fog ) {
- if ( sceneData.fog !== fog ) {
- let fogNode = null;
- if ( fog.isFogExp2 ) {
- const color = reference( 'color', 'color', fog ).setGroup( renderGroup );
- const density = reference( 'density', 'float', fog ).setGroup( renderGroup );
- fogNode = densityFog( color, density );
- } else if ( fog.isFog ) {
- const color = reference( 'color', 'color', fog ).setGroup( renderGroup );
- const near = reference( 'near', 'float', fog ).setGroup( renderGroup );
- const far = reference( 'far', 'float', fog ).setGroup( renderGroup );
- fogNode = rangeFog( color, near, far );
- } else {
- console.error( 'WebGPUNodes: Unsupported fog configuration.', fog );
- }
- sceneData.fogNode = fogNode;
- sceneData.fog = fog;
- }
- } else {
- delete sceneData.fogNode;
- delete sceneData.fog;
- }
- }
- updateEnvironment( scene ) {
- const sceneData = this.get( scene );
- const environment = scene.environment;
- if ( environment ) {
- if ( sceneData.environment !== environment ) {
- let environmentNode = null;
- if ( environment.isCubeTexture === true ) {
- environmentNode = cubeTexture( environment );
- } else if ( environment.isTexture === true ) {
- environmentNode = texture( environment );
- } else {
- console.error( 'Nodes: Unsupported environment configuration.', environment );
- }
- sceneData.environmentNode = environmentNode;
- sceneData.environment = environment;
- }
- } else if ( sceneData.environmentNode ) {
- delete sceneData.environmentNode;
- delete sceneData.environment;
- }
- }
- getNodeFrame( renderer = this.renderer, scene = null, object = null, camera = null, material = null ) {
- const nodeFrame = this.nodeFrame;
- nodeFrame.renderer = renderer;
- nodeFrame.scene = scene;
- nodeFrame.object = object;
- nodeFrame.camera = camera;
- nodeFrame.material = material;
- return nodeFrame;
- }
- getNodeFrameForRender( renderObject ) {
- return this.getNodeFrame( renderObject.renderer, renderObject.scene, renderObject.object, renderObject.camera, renderObject.material );
- }
- getOutputCacheKey() {
- const renderer = this.renderer;
- return renderer.toneMapping + ',' + renderer.currentColorSpace;
- }
- hasOutputChange( outputTarget ) {
- const cacheKey = outputNodeMap.get( outputTarget );
- return cacheKey !== this.getOutputCacheKey();
- }
- getOutputNode( outputTexture ) {
- const renderer = this.renderer;
- const cacheKey = this.getOutputCacheKey();
- const output = texture( outputTexture, screenUV ).renderOutput( renderer.toneMapping, renderer.currentColorSpace );
- outputNodeMap.set( outputTexture, cacheKey );
- return output;
- }
- updateBefore( renderObject ) {
- const nodeBuilder = renderObject.getNodeBuilderState();
- for ( const node of nodeBuilder.updateBeforeNodes ) {
- // update frame state for each node
- this.getNodeFrameForRender( renderObject ).updateBeforeNode( node );
- }
- }
- updateAfter( renderObject ) {
- const nodeBuilder = renderObject.getNodeBuilderState();
- for ( const node of nodeBuilder.updateAfterNodes ) {
- // update frame state for each node
- this.getNodeFrameForRender( renderObject ).updateAfterNode( node );
- }
- }
- updateForCompute( computeNode ) {
- const nodeFrame = this.getNodeFrame();
- const nodeBuilder = this.getForCompute( computeNode );
- for ( const node of nodeBuilder.updateNodes ) {
- nodeFrame.updateNode( node );
- }
- }
- updateForRender( renderObject ) {
- const nodeFrame = this.getNodeFrameForRender( renderObject );
- const nodeBuilder = renderObject.getNodeBuilderState();
- for ( const node of nodeBuilder.updateNodes ) {
- nodeFrame.updateNode( node );
- }
- }
- needsRefresh( renderObject ) {
- const nodeFrame = this.getNodeFrameForRender( renderObject );
- const monitor = renderObject.getMonitor();
- return monitor.needsRefresh( renderObject, nodeFrame );
- }
- dispose() {
- super.dispose();
- this.nodeFrame = new NodeFrame();
- this.nodeBuilderCache = new Map();
- }
- }
- class RenderBundle {
- constructor( scene, camera ) {
- this.scene = scene;
- this.camera = camera;
- }
- clone() {
- return Object.assign( new this.constructor(), this );
- }
- }
- class RenderBundles {
- constructor() {
- this.lists = new ChainMap();
- }
- get( scene, camera ) {
- const lists = this.lists;
- const keys = [ scene, camera ];
- let list = lists.get( keys );
- if ( list === undefined ) {
- list = new RenderBundle( scene, camera );
- lists.set( keys, list );
- }
- return list;
- }
- dispose() {
- this.lists = new ChainMap();
- }
- }
- class NodeLibrary {
- constructor() {
- this.lightNodes = new WeakMap();
- this.materialNodes = new Map();
- this.toneMappingNodes = new Map();
- this.colorSpaceNodes = new Map();
- }
- fromMaterial( material ) {
- if ( material.isNodeMaterial ) return material;
- let nodeMaterial = null;
- const nodeMaterialClass = this.getMaterialNodeClass( material.type );
- if ( nodeMaterialClass !== null ) {
- nodeMaterial = new nodeMaterialClass();
- for ( const key in material ) {
- nodeMaterial[ key ] = material[ key ];
- }
- }
- return nodeMaterial;
- }
- addColorSpace( colorSpaceNode, colorSpace ) {
- this.addType( colorSpaceNode, colorSpace, this.colorSpaceNodes );
- }
- getColorSpaceFunction( colorSpace ) {
- return this.colorSpaceNodes.get( colorSpace ) || null;
- }
- addToneMapping( toneMappingNode, toneMapping ) {
- this.addType( toneMappingNode, toneMapping, this.toneMappingNodes );
- }
- getToneMappingFunction( toneMapping ) {
- return this.toneMappingNodes.get( toneMapping ) || null;
- }
- getMaterialNodeClass( materialType ) {
- return this.materialNodes.get( materialType ) || null;
- }
- addMaterial( materialNodeClass, materialClass ) {
- this.addType( materialNodeClass, materialClass.name, this.materialNodes );
- }
- getLightNodeClass( light ) {
- return this.lightNodes.get( light ) || null;
- }
- addLight( lightNodeClass, lightClass ) {
- this.addClass( lightNodeClass, lightClass, this.lightNodes );
- }
- addType( nodeClass, type, library ) {
- if ( library.has( type ) ) {
- console.warn( `Redefinition of node ${ type }` );
- return;
- }
- if ( typeof nodeClass !== 'function' ) throw new Error( `Node class ${ nodeClass.name } is not a class.` );
- if ( typeof type === 'function' || typeof type === 'object' ) throw new Error( `Base class ${ type } is not a class.` );
- library.set( type, nodeClass );
- }
- addClass( nodeClass, baseClass, library ) {
- if ( library.has( baseClass ) ) {
- console.warn( `Redefinition of node ${ baseClass.name }` );
- return;
- }
- if ( typeof nodeClass !== 'function' ) throw new Error( `Node class ${ nodeClass.name } is not a class.` );
- if ( typeof baseClass !== 'function' ) throw new Error( `Base class ${ baseClass.name } is not a class.` );
- library.set( baseClass, nodeClass );
- }
- }
- const _scene = /*@__PURE__*/ new Scene();
- const _drawingBufferSize = /*@__PURE__*/ new Vector2();
- const _screen = /*@__PURE__*/ new Vector4();
- const _frustum = /*@__PURE__*/ new Frustum();
- const _projScreenMatrix = /*@__PURE__*/ new Matrix4();
- const _vector4 = /*@__PURE__*/ new Vector4();
- class Renderer {
- constructor( backend, parameters = {} ) {
- this.isRenderer = true;
- //
- const {
- logarithmicDepthBuffer = false,
- alpha = true,
- depth = true,
- stencil = false,
- antialias = false,
- samples = 0,
- getFallback = null
- } = parameters;
- // public
- this.domElement = backend.getDomElement();
- this.backend = backend;
- this.samples = samples || ( antialias === true ) ? 4 : 0;
- this.autoClear = true;
- this.autoClearColor = true;
- this.autoClearDepth = true;
- this.autoClearStencil = true;
- this.alpha = alpha;
- this.logarithmicDepthBuffer = logarithmicDepthBuffer;
- this.outputColorSpace = SRGBColorSpace;
- this.toneMapping = NoToneMapping;
- this.toneMappingExposure = 1.0;
- this.sortObjects = true;
- this.depth = depth;
- this.stencil = stencil;
- this.clippingPlanes = [];
- this.info = new Info();
- this.nodes = {
- library: new NodeLibrary(),
- modelViewMatrix: null,
- modelNormalViewMatrix: null
- };
- // internals
- this._getFallback = getFallback;
- this._pixelRatio = 1;
- this._width = this.domElement.width;
- this._height = this.domElement.height;
- this._viewport = new Vector4( 0, 0, this._width, this._height );
- this._scissor = new Vector4( 0, 0, this._width, this._height );
- this._scissorTest = false;
- this._attributes = null;
- this._geometries = null;
- this._nodes = null;
- this._animation = null;
- this._bindings = null;
- this._objects = null;
- this._pipelines = null;
- this._bundles = null;
- this._renderLists = null;
- this._renderContexts = null;
- this._textures = null;
- this._background = null;
- this._quad = new QuadMesh( new NodeMaterial() );
- this._quad.material.type = 'Renderer_output';
- this._currentRenderContext = null;
- this._opaqueSort = null;
- this._transparentSort = null;
- this._frameBufferTarget = null;
- const alphaClear = this.alpha === true ? 0 : 1;
- this._clearColor = new Color4( 0, 0, 0, alphaClear );
- this._clearDepth = 1;
- this._clearStencil = 0;
- this._renderTarget = null;
- this._activeCubeFace = 0;
- this._activeMipmapLevel = 0;
- this._mrt = null;
- this._renderObjectFunction = null;
- this._currentRenderObjectFunction = null;
- this._currentRenderBundle = null;
- this._handleObjectFunction = this._renderObjectDirect;
- this._initialized = false;
- this._initPromise = null;
- this._compilationPromises = null;
- this.transparent = true;
- this.opaque = true;
- this.shadowMap = {
- enabled: false,
- type: PCFShadowMap$1
- };
- this.xr = {
- enabled: false
- };
- this.debug = {
- checkShaderErrors: true,
- onShaderError: null,
- getShaderAsync: async ( scene, camera, object ) => {
- await this.compileAsync( scene, camera );
- const renderList = this._renderLists.get( scene, camera );
- const renderContext = this._renderContexts.get( scene, camera, this._renderTarget );
- const material = scene.overrideMaterial || object.material;
- const renderObject = this._objects.get( object, material, scene, camera, renderList.lightsNode, renderContext );
- const { fragmentShader, vertexShader } = renderObject.getNodeBuilderState();
- return { fragmentShader, vertexShader };
- }
- };
- }
- async init() {
- if ( this._initialized ) {
- throw new Error( 'Renderer: Backend has already been initialized.' );
- }
- if ( this._initPromise !== null ) {
- return this._initPromise;
- }
- this._initPromise = new Promise( async ( resolve, reject ) => {
- let backend = this.backend;
- try {
- await backend.init( this );
- } catch ( error ) {
- if ( this._getFallback !== null ) {
- // try the fallback
- try {
- this.backend = backend = this._getFallback( error );
- await backend.init( this );
- } catch ( error ) {
- reject( error );
- return;
- }
- } else {
- reject( error );
- return;
- }
- }
- this._nodes = new Nodes( this, backend );
- this._animation = new Animation( this._nodes, this.info );
- this._attributes = new Attributes( backend );
- this._background = new Background( this, this._nodes );
- this._geometries = new Geometries( this._attributes, this.info );
- this._textures = new Textures( this, backend, this.info );
- this._pipelines = new Pipelines( backend, this._nodes );
- this._bindings = new Bindings( backend, this._nodes, this._textures, this._attributes, this._pipelines, this.info );
- this._objects = new RenderObjects( this, this._nodes, this._geometries, this._pipelines, this._bindings, this.info );
- this._renderLists = new RenderLists();
- this._bundles = new RenderBundles();
- this._renderContexts = new RenderContexts();
- //
- this._initialized = true;
- resolve();
- } );
- return this._initPromise;
- }
- get coordinateSystem() {
- return this.backend.coordinateSystem;
- }
- async compileAsync( scene, camera, targetScene = null ) {
- if ( this._initialized === false ) await this.init();
- // preserve render tree
- const nodeFrame = this._nodes.nodeFrame;
- const previousRenderId = nodeFrame.renderId;
- const previousRenderContext = this._currentRenderContext;
- const previousRenderObjectFunction = this._currentRenderObjectFunction;
- const previousCompilationPromises = this._compilationPromises;
- //
- const sceneRef = ( scene.isScene === true ) ? scene : _scene;
- if ( targetScene === null ) targetScene = scene;
- const renderTarget = this._renderTarget;
- const renderContext = this._renderContexts.get( targetScene, camera, renderTarget );
- const activeMipmapLevel = this._activeMipmapLevel;
- const compilationPromises = [];
- this._currentRenderContext = renderContext;
- this._currentRenderObjectFunction = this.renderObject;
- this._handleObjectFunction = this._createObjectPipeline;
- this._compilationPromises = compilationPromises;
- nodeFrame.renderId ++;
- //
- nodeFrame.update();
- //
- renderContext.depth = this.depth;
- renderContext.stencil = this.stencil;
- if ( ! renderContext.clippingContext ) renderContext.clippingContext = new ClippingContext();
- renderContext.clippingContext.updateGlobal( this, camera );
- //
- sceneRef.onBeforeRender( this, scene, camera, renderTarget );
- //
- const renderList = this._renderLists.get( scene, camera );
- renderList.begin();
- this._projectObject( scene, camera, 0, renderList );
- // include lights from target scene
- if ( targetScene !== scene ) {
- targetScene.traverseVisible( function ( object ) {
- if ( object.isLight && object.layers.test( camera.layers ) ) {
- renderList.pushLight( object );
- }
- } );
- }
- renderList.finish();
- //
- if ( renderTarget !== null ) {
- this._textures.updateRenderTarget( renderTarget, activeMipmapLevel );
- const renderTargetData = this._textures.get( renderTarget );
- renderContext.textures = renderTargetData.textures;
- renderContext.depthTexture = renderTargetData.depthTexture;
- } else {
- renderContext.textures = null;
- renderContext.depthTexture = null;
- }
- //
- this._nodes.updateScene( sceneRef );
- //
- this._background.update( sceneRef, renderList, renderContext );
- // process render lists
- const opaqueObjects = renderList.opaque;
- const transparentObjects = renderList.transparent;
- const lightsNode = renderList.lightsNode;
- if ( this.opaque === true && opaqueObjects.length > 0 ) this._renderObjects( opaqueObjects, camera, sceneRef, lightsNode );
- if ( this.transparent === true && transparentObjects.length > 0 ) this._renderObjects( transparentObjects, camera, sceneRef, lightsNode );
- // restore render tree
- nodeFrame.renderId = previousRenderId;
- this._currentRenderContext = previousRenderContext;
- this._currentRenderObjectFunction = previousRenderObjectFunction;
- this._compilationPromises = previousCompilationPromises;
- this._handleObjectFunction = this._renderObjectDirect;
- // wait for all promises setup by backends awaiting compilation/linking/pipeline creation to complete
- await Promise.all( compilationPromises );
- }
- async renderAsync( scene, camera ) {
- if ( this._initialized === false ) await this.init();
- const renderContext = this._renderScene( scene, camera );
- await this.backend.resolveTimestampAsync( renderContext, 'render' );
- }
- setMRT( mrt ) {
- this._mrt = mrt;
- return this;
- }
- getMRT() {
- return this._mrt;
- }
- _renderBundle( bundle, sceneRef, lightsNode ) {
- const { bundleGroup, camera, renderList } = bundle;
- const renderContext = this._currentRenderContext;
- //
- const renderBundle = this._bundles.get( bundleGroup, camera );
- const renderBundleData = this.backend.get( renderBundle );
- if ( renderBundleData.renderContexts === undefined ) renderBundleData.renderContexts = new Set();
- //
- const needsUpdate = bundleGroup.version !== renderBundleData.version;
- const renderBundleNeedsUpdate = renderBundleData.renderContexts.has( renderContext ) === false || needsUpdate;
- renderBundleData.renderContexts.add( renderContext );
- if ( renderBundleNeedsUpdate ) {
- this.backend.beginBundle( renderContext );
- if ( renderBundleData.renderObjects === undefined || needsUpdate ) {
- renderBundleData.renderObjects = [];
- }
- this._currentRenderBundle = renderBundle;
- const opaqueObjects = renderList.opaque;
- if ( opaqueObjects.length > 0 ) this._renderObjects( opaqueObjects, camera, sceneRef, lightsNode );
- this._currentRenderBundle = null;
- //
- this.backend.finishBundle( renderContext, renderBundle );
- renderBundleData.version = bundleGroup.version;
- } else {
- const { renderObjects } = renderBundleData;
- for ( let i = 0, l = renderObjects.length; i < l; i ++ ) {
- const renderObject = renderObjects[ i ];
- if ( this._nodes.needsRefresh( renderObject ) ) {
- this._nodes.updateBefore( renderObject );
- this._nodes.updateForRender( renderObject );
- this._bindings.updateForRender( renderObject );
- this._nodes.updateAfter( renderObject );
- }
- }
- }
- this.backend.addBundle( renderContext, renderBundle );
- }
- render( scene, camera ) {
- if ( this._initialized === false ) {
- console.warn( 'THREE.Renderer: .render() called before the backend is initialized. Try using .renderAsync() instead.' );
- return this.renderAsync( scene, camera );
- }
- this._renderScene( scene, camera );
- }
- _getFrameBufferTarget() {
- const { currentToneMapping, currentColorSpace } = this;
- const useToneMapping = currentToneMapping !== NoToneMapping;
- const useColorSpace = currentColorSpace !== LinearSRGBColorSpace;
- if ( useToneMapping === false && useColorSpace === false ) return null;
- const { width, height } = this.getDrawingBufferSize( _drawingBufferSize );
- const { depth, stencil } = this;
- let frameBufferTarget = this._frameBufferTarget;
- if ( frameBufferTarget === null ) {
- frameBufferTarget = new RenderTarget( width, height, {
- depthBuffer: depth,
- stencilBuffer: stencil,
- type: HalfFloatType, // FloatType
- format: RGBAFormat,
- colorSpace: LinearSRGBColorSpace,
- generateMipmaps: false,
- minFilter: LinearFilter,
- magFilter: LinearFilter,
- samples: this.samples
- } );
- frameBufferTarget.isPostProcessingRenderTarget = true;
- this._frameBufferTarget = frameBufferTarget;
- }
- frameBufferTarget.depthBuffer = depth;
- frameBufferTarget.stencilBuffer = stencil;
- frameBufferTarget.setSize( width, height );
- frameBufferTarget.viewport.copy( this._viewport );
- frameBufferTarget.scissor.copy( this._scissor );
- frameBufferTarget.viewport.multiplyScalar( this._pixelRatio );
- frameBufferTarget.scissor.multiplyScalar( this._pixelRatio );
- frameBufferTarget.scissorTest = this._scissorTest;
- return frameBufferTarget;
- }
- _renderScene( scene, camera, useFrameBufferTarget = true ) {
- const frameBufferTarget = useFrameBufferTarget ? this._getFrameBufferTarget() : null;
- // preserve render tree
- const nodeFrame = this._nodes.nodeFrame;
- const previousRenderId = nodeFrame.renderId;
- const previousRenderContext = this._currentRenderContext;
- const previousRenderObjectFunction = this._currentRenderObjectFunction;
- //
- const sceneRef = ( scene.isScene === true ) ? scene : _scene;
- const outputRenderTarget = this._renderTarget;
- const activeCubeFace = this._activeCubeFace;
- const activeMipmapLevel = this._activeMipmapLevel;
- //
- let renderTarget;
- if ( frameBufferTarget !== null ) {
- renderTarget = frameBufferTarget;
- this.setRenderTarget( renderTarget );
- } else {
- renderTarget = outputRenderTarget;
- }
- //
- const renderContext = this._renderContexts.get( scene, camera, renderTarget );
- this._currentRenderContext = renderContext;
- this._currentRenderObjectFunction = this._renderObjectFunction || this.renderObject;
- //
- this.info.calls ++;
- this.info.render.calls ++;
- this.info.render.frameCalls ++;
- nodeFrame.renderId = this.info.calls;
- //
- const coordinateSystem = this.coordinateSystem;
- if ( camera.coordinateSystem !== coordinateSystem ) {
- camera.coordinateSystem = coordinateSystem;
- camera.updateProjectionMatrix();
- }
- //
- if ( scene.matrixWorldAutoUpdate === true ) scene.updateMatrixWorld();
- if ( camera.parent === null && camera.matrixWorldAutoUpdate === true ) camera.updateMatrixWorld();
- //
- let viewport = this._viewport;
- let scissor = this._scissor;
- let pixelRatio = this._pixelRatio;
- if ( renderTarget !== null ) {
- viewport = renderTarget.viewport;
- scissor = renderTarget.scissor;
- pixelRatio = 1;
- }
- this.getDrawingBufferSize( _drawingBufferSize );
- _screen.set( 0, 0, _drawingBufferSize.width, _drawingBufferSize.height );
- const minDepth = ( viewport.minDepth === undefined ) ? 0 : viewport.minDepth;
- const maxDepth = ( viewport.maxDepth === undefined ) ? 1 : viewport.maxDepth;
- renderContext.viewportValue.copy( viewport ).multiplyScalar( pixelRatio ).floor();
- renderContext.viewportValue.width >>= activeMipmapLevel;
- renderContext.viewportValue.height >>= activeMipmapLevel;
- renderContext.viewportValue.minDepth = minDepth;
- renderContext.viewportValue.maxDepth = maxDepth;
- renderContext.viewport = renderContext.viewportValue.equals( _screen ) === false;
- renderContext.scissorValue.copy( scissor ).multiplyScalar( pixelRatio ).floor();
- renderContext.scissor = this._scissorTest && renderContext.scissorValue.equals( _screen ) === false;
- renderContext.scissorValue.width >>= activeMipmapLevel;
- renderContext.scissorValue.height >>= activeMipmapLevel;
- if ( ! renderContext.clippingContext ) renderContext.clippingContext = new ClippingContext();
- renderContext.clippingContext.updateGlobal( this, camera );
- //
- sceneRef.onBeforeRender( this, scene, camera, renderTarget );
- //
- _projScreenMatrix.multiplyMatrices( camera.projectionMatrix, camera.matrixWorldInverse );
- _frustum.setFromProjectionMatrix( _projScreenMatrix, coordinateSystem );
- const renderList = this._renderLists.get( scene, camera );
- renderList.begin();
- this._projectObject( scene, camera, 0, renderList );
- renderList.finish();
- if ( this.sortObjects === true ) {
- renderList.sort( this._opaqueSort, this._transparentSort );
- }
- //
- if ( renderTarget !== null ) {
- this._textures.updateRenderTarget( renderTarget, activeMipmapLevel );
- const renderTargetData = this._textures.get( renderTarget );
- renderContext.textures = renderTargetData.textures;
- renderContext.depthTexture = renderTargetData.depthTexture;
- renderContext.width = renderTargetData.width;
- renderContext.height = renderTargetData.height;
- renderContext.renderTarget = renderTarget;
- renderContext.depth = renderTarget.depthBuffer;
- renderContext.stencil = renderTarget.stencilBuffer;
- } else {
- renderContext.textures = null;
- renderContext.depthTexture = null;
- renderContext.width = this.domElement.width;
- renderContext.height = this.domElement.height;
- renderContext.depth = this.depth;
- renderContext.stencil = this.stencil;
- }
- renderContext.width >>= activeMipmapLevel;
- renderContext.height >>= activeMipmapLevel;
- renderContext.activeCubeFace = activeCubeFace;
- renderContext.activeMipmapLevel = activeMipmapLevel;
- renderContext.occlusionQueryCount = renderList.occlusionQueryCount;
- //
- this._nodes.updateScene( sceneRef );
- //
- this._background.update( sceneRef, renderList, renderContext );
- //
- this.backend.beginRender( renderContext );
- // process render lists
- const {
- bundles,
- lightsNode,
- transparent: transparentObjects,
- opaque: opaqueObjects
- } = renderList;
- if ( bundles.length > 0 ) this._renderBundles( bundles, sceneRef, lightsNode );
- if ( this.opaque === true && opaqueObjects.length > 0 ) this._renderObjects( opaqueObjects, camera, sceneRef, lightsNode );
- if ( this.transparent === true && transparentObjects.length > 0 ) this._renderObjects( transparentObjects, camera, sceneRef, lightsNode );
- // finish render pass
- this.backend.finishRender( renderContext );
- // restore render tree
- nodeFrame.renderId = previousRenderId;
- this._currentRenderContext = previousRenderContext;
- this._currentRenderObjectFunction = previousRenderObjectFunction;
- //
- if ( frameBufferTarget !== null ) {
- this.setRenderTarget( outputRenderTarget, activeCubeFace, activeMipmapLevel );
- const quad = this._quad;
- if ( this._nodes.hasOutputChange( renderTarget.texture ) ) {
- quad.material.fragmentNode = this._nodes.getOutputNode( renderTarget.texture );
- quad.material.needsUpdate = true;
- }
- this._renderScene( quad, quad.camera, false );
- }
- //
- sceneRef.onAfterRender( this, scene, camera, renderTarget );
- //
- return renderContext;
- }
- getMaxAnisotropy() {
- return this.backend.getMaxAnisotropy();
- }
- getActiveCubeFace() {
- return this._activeCubeFace;
- }
- getActiveMipmapLevel() {
- return this._activeMipmapLevel;
- }
- async setAnimationLoop( callback ) {
- if ( this._initialized === false ) await this.init();
- this._animation.setAnimationLoop( callback );
- }
- async getArrayBufferAsync( attribute ) {
- return await this.backend.getArrayBufferAsync( attribute );
- }
- getContext() {
- return this.backend.getContext();
- }
- getPixelRatio() {
- return this._pixelRatio;
- }
- getDrawingBufferSize( target ) {
- return target.set( this._width * this._pixelRatio, this._height * this._pixelRatio ).floor();
- }
- getSize( target ) {
- return target.set( this._width, this._height );
- }
- setPixelRatio( value = 1 ) {
- this._pixelRatio = value;
- this.setSize( this._width, this._height, false );
- }
- setDrawingBufferSize( width, height, pixelRatio ) {
- this._width = width;
- this._height = height;
- this._pixelRatio = pixelRatio;
- this.domElement.width = Math.floor( width * pixelRatio );
- this.domElement.height = Math.floor( height * pixelRatio );
- this.setViewport( 0, 0, width, height );
- if ( this._initialized ) this.backend.updateSize();
- }
- setSize( width, height, updateStyle = true ) {
- this._width = width;
- this._height = height;
- this.domElement.width = Math.floor( width * this._pixelRatio );
- this.domElement.height = Math.floor( height * this._pixelRatio );
- if ( updateStyle === true ) {
- this.domElement.style.width = width + 'px';
- this.domElement.style.height = height + 'px';
- }
- this.setViewport( 0, 0, width, height );
- if ( this._initialized ) this.backend.updateSize();
- }
- setOpaqueSort( method ) {
- this._opaqueSort = method;
- }
- setTransparentSort( method ) {
- this._transparentSort = method;
- }
- getScissor( target ) {
- const scissor = this._scissor;
- target.x = scissor.x;
- target.y = scissor.y;
- target.width = scissor.width;
- target.height = scissor.height;
- return target;
- }
- setScissor( x, y, width, height ) {
- const scissor = this._scissor;
- if ( x.isVector4 ) {
- scissor.copy( x );
- } else {
- scissor.set( x, y, width, height );
- }
- }
- getScissorTest() {
- return this._scissorTest;
- }
- setScissorTest( boolean ) {
- this._scissorTest = boolean;
- this.backend.setScissorTest( boolean );
- }
- getViewport( target ) {
- return target.copy( this._viewport );
- }
- setViewport( x, y, width, height, minDepth = 0, maxDepth = 1 ) {
- const viewport = this._viewport;
- if ( x.isVector4 ) {
- viewport.copy( x );
- } else {
- viewport.set( x, y, width, height );
- }
- viewport.minDepth = minDepth;
- viewport.maxDepth = maxDepth;
- }
- getClearColor( target ) {
- return target.copy( this._clearColor );
- }
- setClearColor( color, alpha = 1 ) {
- this._clearColor.set( color );
- this._clearColor.a = alpha;
- }
- getClearAlpha() {
- return this._clearColor.a;
- }
- setClearAlpha( alpha ) {
- this._clearColor.a = alpha;
- }
- getClearDepth() {
- return this._clearDepth;
- }
- setClearDepth( depth ) {
- this._clearDepth = depth;
- }
- getClearStencil() {
- return this._clearStencil;
- }
- setClearStencil( stencil ) {
- this._clearStencil = stencil;
- }
- isOccluded( object ) {
- const renderContext = this._currentRenderContext;
- return renderContext && this.backend.isOccluded( renderContext, object );
- }
- clear( color = true, depth = true, stencil = true ) {
- if ( this._initialized === false ) {
- console.warn( 'THREE.Renderer: .clear() called before the backend is initialized. Try using .clearAsync() instead.' );
- return this.clearAsync( color, depth, stencil );
- }
- const renderTarget = this._renderTarget || this._getFrameBufferTarget();
- let renderTargetData = null;
- if ( renderTarget !== null ) {
- this._textures.updateRenderTarget( renderTarget );
- renderTargetData = this._textures.get( renderTarget );
- }
- this.backend.clear( color, depth, stencil, renderTargetData );
- if ( renderTarget !== null && this._renderTarget === null ) {
- // If a color space transform or tone mapping is required,
- // the clear operation clears the intermediate renderTarget texture, but does not update the screen canvas.
- const quad = this._quad;
- if ( this._nodes.hasOutputChange( renderTarget.texture ) ) {
- quad.material.fragmentNode = this._nodes.getOutputNode( renderTarget.texture );
- quad.material.needsUpdate = true;
- }
- this._renderScene( quad, quad.camera, false );
- }
- }
- clearColor() {
- return this.clear( true, false, false );
- }
- clearDepth() {
- return this.clear( false, true, false );
- }
- clearStencil() {
- return this.clear( false, false, true );
- }
- async clearAsync( color = true, depth = true, stencil = true ) {
- if ( this._initialized === false ) await this.init();
- this.clear( color, depth, stencil );
- }
- clearColorAsync() {
- return this.clearAsync( true, false, false );
- }
- clearDepthAsync() {
- return this.clearAsync( false, true, false );
- }
- clearStencilAsync() {
- return this.clearAsync( false, false, true );
- }
- get currentToneMapping() {
- return this._renderTarget !== null ? NoToneMapping : this.toneMapping;
- }
- get currentColorSpace() {
- return this._renderTarget !== null ? LinearSRGBColorSpace : this.outputColorSpace;
- }
- dispose() {
- this.info.dispose();
- this._animation.dispose();
- this._objects.dispose();
- this._pipelines.dispose();
- this._nodes.dispose();
- this._bindings.dispose();
- this._renderLists.dispose();
- this._renderContexts.dispose();
- this._textures.dispose();
- this.setRenderTarget( null );
- this.setAnimationLoop( null );
- }
- setRenderTarget( renderTarget, activeCubeFace = 0, activeMipmapLevel = 0 ) {
- this._renderTarget = renderTarget;
- this._activeCubeFace = activeCubeFace;
- this._activeMipmapLevel = activeMipmapLevel;
- }
- getRenderTarget() {
- return this._renderTarget;
- }
- setRenderObjectFunction( renderObjectFunction ) {
- this._renderObjectFunction = renderObjectFunction;
- }
- getRenderObjectFunction() {
- return this._renderObjectFunction;
- }
- async computeAsync( computeNodes ) {
- if ( this._initialized === false ) await this.init();
- const nodeFrame = this._nodes.nodeFrame;
- const previousRenderId = nodeFrame.renderId;
- //
- this.info.calls ++;
- this.info.compute.calls ++;
- this.info.compute.frameCalls ++;
- nodeFrame.renderId = this.info.calls;
- //
- const backend = this.backend;
- const pipelines = this._pipelines;
- const bindings = this._bindings;
- const nodes = this._nodes;
- const computeList = Array.isArray( computeNodes ) ? computeNodes : [ computeNodes ];
- if ( computeList[ 0 ] === undefined || computeList[ 0 ].isComputeNode !== true ) {
- throw new Error( 'THREE.Renderer: .compute() expects a ComputeNode.' );
- }
- backend.beginCompute( computeNodes );
- for ( const computeNode of computeList ) {
- // onInit
- if ( pipelines.has( computeNode ) === false ) {
- const dispose = () => {
- computeNode.removeEventListener( 'dispose', dispose );
- pipelines.delete( computeNode );
- bindings.delete( computeNode );
- nodes.delete( computeNode );
- };
- computeNode.addEventListener( 'dispose', dispose );
- //
- computeNode.onInit( { renderer: this } );
- }
- nodes.updateForCompute( computeNode );
- bindings.updateForCompute( computeNode );
- const computeBindings = bindings.getForCompute( computeNode );
- const computePipeline = pipelines.getForCompute( computeNode, computeBindings );
- backend.compute( computeNodes, computeNode, computeBindings, computePipeline );
- }
- backend.finishCompute( computeNodes );
- await this.backend.resolveTimestampAsync( computeNodes, 'compute' );
- //
- nodeFrame.renderId = previousRenderId;
- }
- async hasFeatureAsync( name ) {
- if ( this._initialized === false ) await this.init();
- return this.backend.hasFeature( name );
- }
- hasFeature( name ) {
- if ( this._initialized === false ) {
- console.warn( 'THREE.Renderer: .hasFeature() called before the backend is initialized. Try using .hasFeatureAsync() instead.' );
- return false;
- }
- return this.backend.hasFeature( name );
- }
- copyFramebufferToTexture( framebufferTexture, rectangle = null ) {
- const renderContext = this._currentRenderContext;
- this._textures.updateTexture( framebufferTexture );
- rectangle = rectangle === null ? _vector4.set( 0, 0, framebufferTexture.image.width, framebufferTexture.image.height ) : rectangle;
- this.backend.copyFramebufferToTexture( framebufferTexture, renderContext, rectangle );
- }
- copyTextureToTexture( srcTexture, dstTexture, srcRegion = null, dstPosition = null, level = 0 ) {
- this._textures.updateTexture( srcTexture );
- this._textures.updateTexture( dstTexture );
- this.backend.copyTextureToTexture( srcTexture, dstTexture, srcRegion, dstPosition, level );
- }
- readRenderTargetPixelsAsync( renderTarget, x, y, width, height, index = 0, faceIndex = 0 ) {
- return this.backend.copyTextureToBuffer( renderTarget.textures[ index ], x, y, width, height, faceIndex );
- }
- _projectObject( object, camera, groupOrder, renderList ) {
- if ( object.visible === false ) return;
- const visible = object.layers.test( camera.layers );
- if ( visible ) {
- if ( object.isGroup ) {
- groupOrder = object.renderOrder;
- } else if ( object.isLOD ) {
- if ( object.autoUpdate === true ) object.update( camera );
- } else if ( object.isLight ) {
- renderList.pushLight( object );
- } else if ( object.isSprite ) {
- if ( ! object.frustumCulled || _frustum.intersectsSprite( object ) ) {
- if ( this.sortObjects === true ) {
- _vector4.setFromMatrixPosition( object.matrixWorld ).applyMatrix4( _projScreenMatrix );
- }
- const { geometry, material } = object;
- if ( material.visible ) {
- renderList.push( object, geometry, material, groupOrder, _vector4.z, null );
- }
- }
- } else if ( object.isLineLoop ) {
- console.error( 'THREE.Renderer: Objects of type THREE.LineLoop are not supported. Please use THREE.Line or THREE.LineSegments.' );
- } else if ( object.isMesh || object.isLine || object.isPoints ) {
- if ( ! object.frustumCulled || _frustum.intersectsObject( object ) ) {
- const { geometry, material } = object;
- if ( this.sortObjects === true ) {
- if ( geometry.boundingSphere === null ) geometry.computeBoundingSphere();
- _vector4
- .copy( geometry.boundingSphere.center )
- .applyMatrix4( object.matrixWorld )
- .applyMatrix4( _projScreenMatrix );
- }
- if ( Array.isArray( material ) ) {
- const groups = geometry.groups;
- for ( let i = 0, l = groups.length; i < l; i ++ ) {
- const group = groups[ i ];
- const groupMaterial = material[ group.materialIndex ];
- if ( groupMaterial && groupMaterial.visible ) {
- renderList.push( object, geometry, groupMaterial, groupOrder, _vector4.z, group );
- }
- }
- } else if ( material.visible ) {
- renderList.push( object, geometry, material, groupOrder, _vector4.z, null );
- }
- }
- }
- }
- if ( object.isBundleGroup === true && this.backend.beginBundle !== undefined ) {
- const baseRenderList = renderList;
- // replace render list
- renderList = this._renderLists.get( object, camera );
- renderList.begin();
- baseRenderList.pushBundle( {
- bundleGroup: object,
- camera,
- renderList,
- } );
- renderList.finish();
- }
- const children = object.children;
- for ( let i = 0, l = children.length; i < l; i ++ ) {
- this._projectObject( children[ i ], camera, groupOrder, renderList );
- }
- }
- _renderBundles( bundles, sceneRef, lightsNode ) {
- for ( const bundle of bundles ) {
- this._renderBundle( bundle, sceneRef, lightsNode );
- }
- }
- _renderObjects( renderList, camera, scene, lightsNode ) {
- // process renderable objects
- for ( let i = 0, il = renderList.length; i < il; i ++ ) {
- const renderItem = renderList[ i ];
- // @TODO: Add support for multiple materials per object. This will require to extract
- // the material from the renderItem object and pass it with its group data to renderObject().
- const { object, geometry, material, group } = renderItem;
- if ( camera.isArrayCamera ) {
- const cameras = camera.cameras;
- for ( let j = 0, jl = cameras.length; j < jl; j ++ ) {
- const camera2 = cameras[ j ];
- if ( object.layers.test( camera2.layers ) ) {
- const vp = camera2.viewport;
- const minDepth = ( vp.minDepth === undefined ) ? 0 : vp.minDepth;
- const maxDepth = ( vp.maxDepth === undefined ) ? 1 : vp.maxDepth;
- const viewportValue = this._currentRenderContext.viewportValue;
- viewportValue.copy( vp ).multiplyScalar( this._pixelRatio ).floor();
- viewportValue.minDepth = minDepth;
- viewportValue.maxDepth = maxDepth;
- this.backend.updateViewport( this._currentRenderContext );
- this._currentRenderObjectFunction( object, scene, camera2, geometry, material, group, lightsNode );
- }
- }
- } else {
- this._currentRenderObjectFunction( object, scene, camera, geometry, material, group, lightsNode );
- }
- }
- }
- renderObject( object, scene, camera, geometry, material, group, lightsNode ) {
- let overridePositionNode;
- let overrideFragmentNode;
- let overrideDepthNode;
- //
- object.onBeforeRender( this, scene, camera, geometry, material, group );
- //
- if ( scene.overrideMaterial !== null ) {
- const overrideMaterial = scene.overrideMaterial;
- if ( material.positionNode && material.positionNode.isNode ) {
- overridePositionNode = overrideMaterial.positionNode;
- overrideMaterial.positionNode = material.positionNode;
- }
- if ( overrideMaterial.isShadowNodeMaterial ) {
- overrideMaterial.side = material.shadowSide === null ? material.side : material.shadowSide;
- if ( material.depthNode && material.depthNode.isNode ) {
- overrideDepthNode = overrideMaterial.depthNode;
- overrideMaterial.depthNode = material.depthNode;
- }
- if ( material.shadowNode && material.shadowNode.isNode ) {
- overrideFragmentNode = overrideMaterial.fragmentNode;
- overrideMaterial.fragmentNode = material.shadowNode;
- }
- if ( this.localClippingEnabled ) {
- if ( material.clipShadows ) {
- if ( overrideMaterial.clippingPlanes !== material.clippingPlanes ) {
- overrideMaterial.clippingPlanes = material.clippingPlanes;
- overrideMaterial.needsUpdate = true;
- }
- if ( overrideMaterial.clipIntersection !== material.clipIntersection ) {
- overrideMaterial.clipIntersection = material.clipIntersection;
- }
- } else if ( Array.isArray( overrideMaterial.clippingPlanes ) ) {
- overrideMaterial.clippingPlanes = null;
- overrideMaterial.needsUpdate = true;
- }
- }
- }
- material = overrideMaterial;
- }
- //
- if ( material.transparent === true && material.side === DoubleSide && material.forceSinglePass === false ) {
- material.side = BackSide;
- this._handleObjectFunction( object, material, scene, camera, lightsNode, group, 'backSide' ); // create backSide pass id
- material.side = FrontSide;
- this._handleObjectFunction( object, material, scene, camera, lightsNode, group ); // use default pass id
- material.side = DoubleSide;
- } else {
- this._handleObjectFunction( object, material, scene, camera, lightsNode, group );
- }
- //
- if ( overridePositionNode !== undefined ) {
- scene.overrideMaterial.positionNode = overridePositionNode;
- }
- if ( overrideDepthNode !== undefined ) {
- scene.overrideMaterial.depthNode = overrideDepthNode;
- }
- if ( overrideFragmentNode !== undefined ) {
- scene.overrideMaterial.fragmentNode = overrideFragmentNode;
- }
- //
- object.onAfterRender( this, scene, camera, geometry, material, group );
- }
- _renderObjectDirect( object, material, scene, camera, lightsNode, group, passId ) {
- const renderObject = this._objects.get( object, material, scene, camera, lightsNode, this._currentRenderContext, passId );
- renderObject.drawRange = object.geometry.drawRange;
- renderObject.group = group;
- //
- const needsRefresh = this._nodes.needsRefresh( renderObject );
- if ( needsRefresh ) {
- this._nodes.updateBefore( renderObject );
- this._geometries.updateForRender( renderObject );
- this._nodes.updateForRender( renderObject );
- this._bindings.updateForRender( renderObject );
- }
- this._pipelines.updateForRender( renderObject );
- //
- if ( this._currentRenderBundle !== null ) {
- const renderBundleData = this.backend.get( this._currentRenderBundle );
- renderBundleData.renderObjects.push( renderObject );
- renderObject.bundle = this._currentRenderBundle.scene;
- }
- this.backend.draw( renderObject, this.info );
- if ( needsRefresh ) this._nodes.updateAfter( renderObject );
- }
- _createObjectPipeline( object, material, scene, camera, lightsNode, passId ) {
- const renderObject = this._objects.get( object, material, scene, camera, lightsNode, this._currentRenderContext, passId );
- //
- this._nodes.updateBefore( renderObject );
- this._geometries.updateForRender( renderObject );
- this._nodes.updateForRender( renderObject );
- this._bindings.updateForRender( renderObject );
- this._pipelines.getForRender( renderObject, this._compilationPromises );
- this._nodes.updateAfter( renderObject );
- }
- get compute() {
- return this.computeAsync;
- }
- get compile() {
- return this.compileAsync;
- }
- }
- class Binding {
- constructor( name = '' ) {
- this.name = name;
- this.visibility = 0;
- }
- setVisibility( visibility ) {
- this.visibility |= visibility;
- }
- clone() {
- return Object.assign( new this.constructor(), this );
- }
- }
- function getFloatLength( floatLength ) {
- // ensure chunk size alignment (STD140 layout)
- return floatLength + ( ( GPU_CHUNK_BYTES - ( floatLength % GPU_CHUNK_BYTES ) ) % GPU_CHUNK_BYTES );
- }
- class Buffer extends Binding {
- constructor( name, buffer = null ) {
- super( name );
- this.isBuffer = true;
- this.bytesPerElement = Float32Array.BYTES_PER_ELEMENT;
- this._buffer = buffer;
- }
- get byteLength() {
- return getFloatLength( this._buffer.byteLength );
- }
- get buffer() {
- return this._buffer;
- }
- update() {
- return true;
- }
- }
- class UniformBuffer extends Buffer {
- constructor( name, buffer = null ) {
- super( name, buffer );
- this.isUniformBuffer = true;
- }
- }
- let _id$4 = 0;
- class NodeUniformBuffer extends UniformBuffer {
- constructor( nodeUniform, groupNode ) {
- super( 'UniformBuffer_' + _id$4 ++, nodeUniform ? nodeUniform.value : null );
- this.nodeUniform = nodeUniform;
- this.groupNode = groupNode;
- }
- get buffer() {
- return this.nodeUniform.value;
- }
- }
- class UniformsGroup extends UniformBuffer {
- constructor( name ) {
- super( name );
- this.isUniformsGroup = true;
- this._values = null;
- // the order of uniforms in this array must match the order of uniforms in the shader
- this.uniforms = [];
- }
- addUniform( uniform ) {
- this.uniforms.push( uniform );
- return this;
- }
- removeUniform( uniform ) {
- const index = this.uniforms.indexOf( uniform );
- if ( index !== - 1 ) {
- this.uniforms.splice( index, 1 );
- }
- return this;
- }
- get values() {
- if ( this._values === null ) {
- this._values = Array.from( this.buffer );
- }
- return this._values;
- }
- get buffer() {
- let buffer = this._buffer;
- if ( buffer === null ) {
- const byteLength = this.byteLength;
- buffer = new Float32Array( new ArrayBuffer( byteLength ) );
- this._buffer = buffer;
- }
- return buffer;
- }
- get byteLength() {
- let offset = 0; // global buffer offset in bytes
- for ( let i = 0, l = this.uniforms.length; i < l; i ++ ) {
- const uniform = this.uniforms[ i ];
- const { boundary, itemSize } = uniform;
- // offset within a single chunk in bytes
- const chunkOffset = offset % GPU_CHUNK_BYTES;
- const remainingSizeInChunk = GPU_CHUNK_BYTES - chunkOffset;
- // conformance tests
- if ( chunkOffset !== 0 && ( remainingSizeInChunk - boundary ) < 0 ) {
- // check for chunk overflow
- offset += ( GPU_CHUNK_BYTES - chunkOffset );
- } else if ( chunkOffset % boundary !== 0 ) {
- // check for correct alignment
- offset += ( chunkOffset % boundary );
- }
- uniform.offset = ( offset / this.bytesPerElement );
- offset += ( itemSize * this.bytesPerElement );
- }
- return Math.ceil( offset / GPU_CHUNK_BYTES ) * GPU_CHUNK_BYTES;
- }
- update() {
- let updated = false;
- for ( const uniform of this.uniforms ) {
- if ( this.updateByType( uniform ) === true ) {
- updated = true;
- }
- }
- return updated;
- }
- updateByType( uniform ) {
- if ( uniform.isNumberUniform ) return this.updateNumber( uniform );
- if ( uniform.isVector2Uniform ) return this.updateVector2( uniform );
- if ( uniform.isVector3Uniform ) return this.updateVector3( uniform );
- if ( uniform.isVector4Uniform ) return this.updateVector4( uniform );
- if ( uniform.isColorUniform ) return this.updateColor( uniform );
- if ( uniform.isMatrix3Uniform ) return this.updateMatrix3( uniform );
- if ( uniform.isMatrix4Uniform ) return this.updateMatrix4( uniform );
- console.error( 'THREE.WebGPUUniformsGroup: Unsupported uniform type.', uniform );
- }
- updateNumber( uniform ) {
- let updated = false;
- const a = this.values;
- const v = uniform.getValue();
- const offset = uniform.offset;
- if ( a[ offset ] !== v ) {
- const b = this.buffer;
- b[ offset ] = a[ offset ] = v;
- updated = true;
- }
- return updated;
- }
- updateVector2( uniform ) {
- let updated = false;
- const a = this.values;
- const v = uniform.getValue();
- const offset = uniform.offset;
- if ( a[ offset + 0 ] !== v.x || a[ offset + 1 ] !== v.y ) {
- const b = this.buffer;
- b[ offset + 0 ] = a[ offset + 0 ] = v.x;
- b[ offset + 1 ] = a[ offset + 1 ] = v.y;
- updated = true;
- }
- return updated;
- }
- updateVector3( uniform ) {
- let updated = false;
- const a = this.values;
- const v = uniform.getValue();
- const offset = uniform.offset;
- if ( a[ offset + 0 ] !== v.x || a[ offset + 1 ] !== v.y || a[ offset + 2 ] !== v.z ) {
- const b = this.buffer;
- b[ offset + 0 ] = a[ offset + 0 ] = v.x;
- b[ offset + 1 ] = a[ offset + 1 ] = v.y;
- b[ offset + 2 ] = a[ offset + 2 ] = v.z;
- updated = true;
- }
- return updated;
- }
- updateVector4( uniform ) {
- let updated = false;
- const a = this.values;
- const v = uniform.getValue();
- const offset = uniform.offset;
- if ( a[ offset + 0 ] !== v.x || a[ offset + 1 ] !== v.y || a[ offset + 2 ] !== v.z || a[ offset + 4 ] !== v.w ) {
- const b = this.buffer;
- b[ offset + 0 ] = a[ offset + 0 ] = v.x;
- b[ offset + 1 ] = a[ offset + 1 ] = v.y;
- b[ offset + 2 ] = a[ offset + 2 ] = v.z;
- b[ offset + 3 ] = a[ offset + 3 ] = v.w;
- updated = true;
- }
- return updated;
- }
- updateColor( uniform ) {
- let updated = false;
- const a = this.values;
- const c = uniform.getValue();
- const offset = uniform.offset;
- if ( a[ offset + 0 ] !== c.r || a[ offset + 1 ] !== c.g || a[ offset + 2 ] !== c.b ) {
- const b = this.buffer;
- b[ offset + 0 ] = a[ offset + 0 ] = c.r;
- b[ offset + 1 ] = a[ offset + 1 ] = c.g;
- b[ offset + 2 ] = a[ offset + 2 ] = c.b;
- updated = true;
- }
- return updated;
- }
- updateMatrix3( uniform ) {
- let updated = false;
- const a = this.values;
- const e = uniform.getValue().elements;
- const offset = uniform.offset;
- if ( a[ offset + 0 ] !== e[ 0 ] || a[ offset + 1 ] !== e[ 1 ] || a[ offset + 2 ] !== e[ 2 ] ||
- a[ offset + 4 ] !== e[ 3 ] || a[ offset + 5 ] !== e[ 4 ] || a[ offset + 6 ] !== e[ 5 ] ||
- a[ offset + 8 ] !== e[ 6 ] || a[ offset + 9 ] !== e[ 7 ] || a[ offset + 10 ] !== e[ 8 ] ) {
- const b = this.buffer;
- b[ offset + 0 ] = a[ offset + 0 ] = e[ 0 ];
- b[ offset + 1 ] = a[ offset + 1 ] = e[ 1 ];
- b[ offset + 2 ] = a[ offset + 2 ] = e[ 2 ];
- b[ offset + 4 ] = a[ offset + 4 ] = e[ 3 ];
- b[ offset + 5 ] = a[ offset + 5 ] = e[ 4 ];
- b[ offset + 6 ] = a[ offset + 6 ] = e[ 5 ];
- b[ offset + 8 ] = a[ offset + 8 ] = e[ 6 ];
- b[ offset + 9 ] = a[ offset + 9 ] = e[ 7 ];
- b[ offset + 10 ] = a[ offset + 10 ] = e[ 8 ];
- updated = true;
- }
- return updated;
- }
- updateMatrix4( uniform ) {
- let updated = false;
- const a = this.values;
- const e = uniform.getValue().elements;
- const offset = uniform.offset;
- if ( arraysEqual( a, e, offset ) === false ) {
- const b = this.buffer;
- b.set( e, offset );
- setArray( a, e, offset );
- updated = true;
- }
- return updated;
- }
- }
- function setArray( a, b, offset ) {
- for ( let i = 0, l = b.length; i < l; i ++ ) {
- a[ offset + i ] = b[ i ];
- }
- }
- function arraysEqual( a, b, offset ) {
- for ( let i = 0, l = b.length; i < l; i ++ ) {
- if ( a[ offset + i ] !== b[ i ] ) return false;
- }
- return true;
- }
- let _id$3 = 0;
- class NodeUniformsGroup extends UniformsGroup {
- constructor( name, groupNode ) {
- super( name );
- this.id = _id$3 ++;
- this.groupNode = groupNode;
- this.isNodeUniformsGroup = true;
- }
- getNodes() {
- const nodes = [];
- for ( const uniform of this.uniforms ) {
- const node = uniform.nodeUniform.node;
- if ( ! node ) throw new Error( 'NodeUniformsGroup: Uniform has no node.' );
- nodes.push( node );
- }
- return nodes;
- }
- }
- let _id$2 = 0;
- class SampledTexture extends Binding {
- constructor( name, texture ) {
- super( name );
- this.id = _id$2 ++;
- this.texture = texture;
- this.version = texture ? texture.version : 0;
- this.store = false;
- this.generation = null;
- this.isSampledTexture = true;
- }
- needsBindingsUpdate( generation ) {
- const { texture } = this;
- if ( generation !== this.generation ) {
- this.generation = generation;
- return true;
- }
- return texture.isVideoTexture;
- }
- update() {
- const { texture, version } = this;
- if ( version !== texture.version ) {
- this.version = texture.version;
- return true;
- }
- return false;
- }
- }
- class NodeSampledTexture extends SampledTexture {
- constructor( name, textureNode, groupNode, access = null ) {
- super( name, textureNode ? textureNode.value : null );
- this.textureNode = textureNode;
- this.groupNode = groupNode;
- this.access = access;
- }
- needsBindingsUpdate( generation ) {
- return this.textureNode.value !== this.texture || super.needsBindingsUpdate( generation );
- }
- update() {
- const { textureNode } = this;
- if ( this.texture !== textureNode.value ) {
- this.texture = textureNode.value;
- return true;
- }
- return super.update();
- }
- }
- class NodeSampledCubeTexture extends NodeSampledTexture {
- constructor( name, textureNode, groupNode, access ) {
- super( name, textureNode, groupNode, access );
- this.isSampledCubeTexture = true;
- }
- }
- class NodeSampledTexture3D extends NodeSampledTexture {
- constructor( name, textureNode, groupNode, access ) {
- super( name, textureNode, groupNode, access );
- this.isSampledTexture3D = true;
- }
- }
- const glslMethods = {
- atan2: 'atan',
- textureDimensions: 'textureSize',
- equals: 'equal'
- };
- const precisionLib = {
- low: 'lowp',
- medium: 'mediump',
- high: 'highp'
- };
- const supports$1 = {
- swizzleAssign: true,
- storageBuffer: false
- };
- const defaultPrecisions = `
- precision highp float;
- precision highp int;
- precision highp sampler2D;
- precision highp sampler3D;
- precision highp samplerCube;
- precision highp sampler2DArray;
- precision highp usampler2D;
- precision highp usampler3D;
- precision highp usamplerCube;
- precision highp usampler2DArray;
- precision highp isampler2D;
- precision highp isampler3D;
- precision highp isamplerCube;
- precision highp isampler2DArray;
- precision lowp sampler2DShadow;
- `;
- class GLSLNodeBuilder extends NodeBuilder {
- constructor( object, renderer ) {
- super( object, renderer, new GLSLNodeParser() );
- this.uniformGroups = {};
- this.transforms = [];
- this.extensions = {};
- this.useComparisonMethod = true;
- }
- needsColorSpaceToLinearSRGB( texture ) {
- return texture.isVideoTexture === true && texture.colorSpace !== NoColorSpace;
- }
- getMethod( method ) {
- return glslMethods[ method ] || method;
- }
- getOutputStructName() {
- return '';
- }
- buildFunctionCode( shaderNode ) {
- const layout = shaderNode.layout;
- const flowData = this.flowShaderNode( shaderNode );
- const parameters = [];
- for ( const input of layout.inputs ) {
- parameters.push( this.getType( input.type ) + ' ' + input.name );
- }
- //
- const code = `${ this.getType( layout.type ) } ${ layout.name }( ${ parameters.join( ', ' ) } ) {
- ${ flowData.vars }
- ${ flowData.code }
- return ${ flowData.result };
- }`;
- //
- return code;
- }
- setupPBO( storageBufferNode ) {
- const attribute = storageBufferNode.value;
- if ( attribute.pbo === undefined ) {
- const originalArray = attribute.array;
- const numElements = attribute.count * attribute.itemSize;
- const { itemSize } = attribute;
- const isInteger = attribute.array.constructor.name.toLowerCase().includes( 'int' );
- let format = isInteger ? RedIntegerFormat : RedFormat;
- if ( itemSize === 2 ) {
- format = isInteger ? RGIntegerFormat : RGFormat;
- } else if ( itemSize === 3 ) {
- format = isInteger ? RGBIntegerFormat : RGBFormat;
- } else if ( itemSize === 4 ) {
- format = isInteger ? RGBAIntegerFormat : RGBAFormat;
- }
- const typeMap = {
- Float32Array: FloatType,
- Uint8Array: UnsignedByteType,
- Uint16Array: UnsignedShortType,
- Uint32Array: UnsignedIntType,
- Int8Array: ByteType,
- Int16Array: ShortType,
- Int32Array: IntType,
- Uint8ClampedArray: UnsignedByteType,
- };
- const width = Math.pow( 2, Math.ceil( Math.log2( Math.sqrt( numElements / itemSize ) ) ) );
- let height = Math.ceil( ( numElements / itemSize ) / width );
- if ( width * height * itemSize < numElements ) height ++; // Ensure enough space
- const newSize = width * height * itemSize;
- const newArray = new originalArray.constructor( newSize );
- newArray.set( originalArray, 0 );
- attribute.array = newArray;
- const pboTexture = new DataTexture( attribute.array, width, height, format, typeMap[ attribute.array.constructor.name ] || FloatType );
- pboTexture.needsUpdate = true;
- pboTexture.isPBOTexture = true;
- const pbo = new TextureNode( pboTexture, null, null );
- pbo.setPrecision( 'high' );
- attribute.pboNode = pbo;
- attribute.pbo = pbo.value;
- this.getUniformFromNode( attribute.pboNode, 'texture', this.shaderStage, this.context.label );
- }
- }
- getPropertyName( node, shaderStage = this.shaderStage ) {
- if ( node.isNodeUniform && node.node.isTextureNode !== true && node.node.isBufferNode !== true ) {
- return shaderStage.charAt( 0 ) + '_' + node.name;
- }
- return super.getPropertyName( node, shaderStage );
- }
- generatePBO( storageArrayElementNode ) {
- const { node, indexNode } = storageArrayElementNode;
- const attribute = node.value;
- if ( this.renderer.backend.has( attribute ) ) {
- const attributeData = this.renderer.backend.get( attribute );
- attributeData.pbo = attribute.pbo;
- }
- const nodeUniform = this.getUniformFromNode( attribute.pboNode, 'texture', this.shaderStage, this.context.label );
- const textureName = this.getPropertyName( nodeUniform );
- this.increaseUsage( indexNode ); // force cache generate to be used as index in x,y
- const indexSnippet = indexNode.build( this, 'uint' );
- const elementNodeData = this.getDataFromNode( storageArrayElementNode );
- let propertyName = elementNodeData.propertyName;
- if ( propertyName === undefined ) {
- // property element
- const nodeVar = this.getVarFromNode( storageArrayElementNode );
- propertyName = this.getPropertyName( nodeVar );
- // property size
- const bufferNodeData = this.getDataFromNode( node );
- let propertySizeName = bufferNodeData.propertySizeName;
- if ( propertySizeName === undefined ) {
- propertySizeName = propertyName + 'Size';
- this.getVarFromNode( node, propertySizeName, 'uint' );
- this.addLineFlowCode( `${ propertySizeName } = uint( textureSize( ${ textureName }, 0 ).x )`, storageArrayElementNode );
- bufferNodeData.propertySizeName = propertySizeName;
- }
- //
- const { itemSize } = attribute;
- const channel = '.' + vectorComponents.join( '' ).slice( 0, itemSize );
- const uvSnippet = `ivec2(${indexSnippet} % ${ propertySizeName }, ${indexSnippet} / ${ propertySizeName })`;
- const snippet = this.generateTextureLoad( null, textureName, uvSnippet, null, '0' );
- //
- let prefix = 'vec4';
- if ( attribute.pbo.type === UnsignedIntType ) {
- prefix = 'uvec4';
- } else if ( attribute.pbo.type === IntType ) {
- prefix = 'ivec4';
- }
- this.addLineFlowCode( `${ propertyName } = ${prefix}(${ snippet })${channel}`, storageArrayElementNode );
- elementNodeData.propertyName = propertyName;
- }
- return propertyName;
- }
- generateTextureLoad( texture, textureProperty, uvIndexSnippet, depthSnippet, levelSnippet = '0' ) {
- if ( depthSnippet ) {
- return `texelFetch( ${ textureProperty }, ivec3( ${ uvIndexSnippet }, ${ depthSnippet } ), ${ levelSnippet } )`;
- } else {
- return `texelFetch( ${ textureProperty }, ${ uvIndexSnippet }, ${ levelSnippet } )`;
- }
- }
- generateTexture( texture, textureProperty, uvSnippet, depthSnippet ) {
- if ( texture.isDepthTexture ) {
- return `texture( ${ textureProperty }, ${ uvSnippet } ).x`;
- } else {
- if ( depthSnippet ) uvSnippet = `vec3( ${ uvSnippet }, ${ depthSnippet } )`;
- return `texture( ${ textureProperty }, ${ uvSnippet } )`;
- }
- }
- generateTextureLevel( texture, textureProperty, uvSnippet, levelSnippet ) {
- return `textureLod( ${ textureProperty }, ${ uvSnippet }, ${ levelSnippet } )`;
- }
- generateTextureBias( texture, textureProperty, uvSnippet, biasSnippet ) {
- return `texture( ${ textureProperty }, ${ uvSnippet }, ${ biasSnippet } )`;
- }
- generateTextureGrad( texture, textureProperty, uvSnippet, gradSnippet ) {
- return `textureGrad( ${ textureProperty }, ${ uvSnippet }, ${ gradSnippet[ 0 ] }, ${ gradSnippet[ 1 ] } )`;
- }
- generateTextureCompare( texture, textureProperty, uvSnippet, compareSnippet, depthSnippet, shaderStage = this.shaderStage ) {
- if ( shaderStage === 'fragment' ) {
- return `texture( ${ textureProperty }, vec3( ${ uvSnippet }, ${ compareSnippet } ) )`;
- } else {
- console.error( `WebGPURenderer: THREE.DepthTexture.compareFunction() does not support ${ shaderStage } shader.` );
- }
- }
- getVars( shaderStage ) {
- const snippets = [];
- const vars = this.vars[ shaderStage ];
- if ( vars !== undefined ) {
- for ( const variable of vars ) {
- snippets.push( `${ this.getVar( variable.type, variable.name ) };` );
- }
- }
- return snippets.join( '\n\t' );
- }
- getUniforms( shaderStage ) {
- const uniforms = this.uniforms[ shaderStage ];
- const bindingSnippets = [];
- const uniformGroups = {};
- for ( const uniform of uniforms ) {
- let snippet = null;
- let group = false;
- if ( uniform.type === 'texture' ) {
- const texture = uniform.node.value;
- let typePrefix = '';
- if ( texture.isDataTexture === true ) {
- if ( texture.type === UnsignedIntType ) {
- typePrefix = 'u';
- } else if ( texture.type === IntType ) {
- typePrefix = 'i';
- }
- }
- if ( texture.compareFunction ) {
- snippet = `sampler2DShadow ${ uniform.name };`;
- } else if ( texture.isDataArrayTexture === true || texture.isCompressedArrayTexture === true ) {
- snippet = `${typePrefix}sampler2DArray ${ uniform.name };`;
- } else {
- snippet = `${typePrefix}sampler2D ${ uniform.name };`;
- }
- } else if ( uniform.type === 'cubeTexture' ) {
- snippet = `samplerCube ${ uniform.name };`;
- } else if ( uniform.type === 'texture3D' ) {
- snippet = `sampler3D ${ uniform.name };`;
- } else if ( uniform.type === 'buffer' ) {
- const bufferNode = uniform.node;
- const bufferType = this.getType( bufferNode.bufferType );
- const bufferCount = bufferNode.bufferCount;
- const bufferCountSnippet = bufferCount > 0 ? bufferCount : '';
- snippet = `${bufferNode.name} {\n\t${ bufferType } ${ uniform.name }[${ bufferCountSnippet }];\n};\n`;
- } else {
- const vectorType = this.getVectorType( uniform.type );
- snippet = `${ vectorType } ${ this.getPropertyName( uniform, shaderStage ) };`;
- group = true;
- }
- const precision = uniform.node.precision;
- if ( precision !== null ) {
- snippet = precisionLib[ precision ] + ' ' + snippet;
- }
- if ( group ) {
- snippet = '\t' + snippet;
- const groupName = uniform.groupNode.name;
- const groupSnippets = uniformGroups[ groupName ] || ( uniformGroups[ groupName ] = [] );
- groupSnippets.push( snippet );
- } else {
- snippet = 'uniform ' + snippet;
- bindingSnippets.push( snippet );
- }
- }
- let output = '';
- for ( const name in uniformGroups ) {
- const groupSnippets = uniformGroups[ name ];
- output += this._getGLSLUniformStruct( shaderStage + '_' + name, groupSnippets.join( '\n' ) ) + '\n';
- }
- output += bindingSnippets.join( '\n' );
- return output;
- }
- getTypeFromAttribute( attribute ) {
- let nodeType = super.getTypeFromAttribute( attribute );
- if ( /^[iu]/.test( nodeType ) && attribute.gpuType !== IntType ) {
- let dataAttribute = attribute;
- if ( attribute.isInterleavedBufferAttribute ) dataAttribute = attribute.data;
- const array = dataAttribute.array;
- if ( ( array instanceof Uint32Array || array instanceof Int32Array ) === false ) {
- nodeType = nodeType.slice( 1 );
- }
- }
- return nodeType;
- }
- getAttributes( shaderStage ) {
- let snippet = '';
- if ( shaderStage === 'vertex' || shaderStage === 'compute' ) {
- const attributes = this.getAttributesArray();
- let location = 0;
- for ( const attribute of attributes ) {
- snippet += `layout( location = ${ location ++ } ) in ${ attribute.type } ${ attribute.name };\n`;
- }
- }
- return snippet;
- }
- getStructMembers( struct ) {
- const snippets = [];
- const members = struct.getMemberTypes();
- for ( let i = 0; i < members.length; i ++ ) {
- const member = members[ i ];
- snippets.push( `layout( location = ${i} ) out ${ member} m${i};` );
- }
- return snippets.join( '\n' );
- }
- getStructs( shaderStage ) {
- const snippets = [];
- const structs = this.structs[ shaderStage ];
- if ( structs.length === 0 ) {
- return 'layout( location = 0 ) out vec4 fragColor;\n';
- }
- for ( let index = 0, length = structs.length; index < length; index ++ ) {
- const struct = structs[ index ];
- let snippet = '\n';
- snippet += this.getStructMembers( struct );
- snippet += '\n';
- snippets.push( snippet );
- }
- return snippets.join( '\n\n' );
- }
- getVaryings( shaderStage ) {
- let snippet = '';
- const varyings = this.varyings;
- if ( shaderStage === 'vertex' || shaderStage === 'compute' ) {
- for ( const varying of varyings ) {
- if ( shaderStage === 'compute' ) varying.needsInterpolation = true;
- const type = varying.type;
- const flat = type.includes( 'int' ) || type.includes( 'uv' ) || type.includes( 'iv' ) ? 'flat ' : '';
- snippet += `${flat}${varying.needsInterpolation ? 'out' : '/*out*/'} ${type} ${varying.name};\n`;
- }
- } else if ( shaderStage === 'fragment' ) {
- for ( const varying of varyings ) {
- if ( varying.needsInterpolation ) {
- const type = varying.type;
- const flat = type.includes( 'int' ) || type.includes( 'uv' ) || type.includes( 'iv' ) ? 'flat ' : '';
- snippet += `${flat}in ${type} ${varying.name};\n`;
- }
- }
- }
- return snippet;
- }
- getVertexIndex() {
- return 'uint( gl_VertexID )';
- }
- getInstanceIndex() {
- return 'uint( gl_InstanceID )';
- }
- getInvocationLocalIndex() {
- const workgroupSize = this.object.workgroupSize;
- const size = workgroupSize.reduce( ( acc, curr ) => acc * curr, 1 );
- return `uint( gl_InstanceID ) % ${size}u`;
- }
- getDrawIndex() {
- const extensions = this.renderer.backend.extensions;
- if ( extensions.has( 'WEBGL_multi_draw' ) ) {
- return 'uint( gl_DrawID )';
- }
- return null;
- }
- getFrontFacing() {
- return 'gl_FrontFacing';
- }
- getFragCoord() {
- return 'gl_FragCoord.xy';
- }
- getFragDepth() {
- return 'gl_FragDepth';
- }
- enableExtension( name, behavior, shaderStage = this.shaderStage ) {
- const map = this.extensions[ shaderStage ] || ( this.extensions[ shaderStage ] = new Map() );
- if ( map.has( name ) === false ) {
- map.set( name, {
- name,
- behavior
- } );
- }
- }
- getExtensions( shaderStage ) {
- const snippets = [];
- if ( shaderStage === 'vertex' ) {
- const ext = this.renderer.backend.extensions;
- const isBatchedMesh = this.object.isBatchedMesh;
- if ( isBatchedMesh && ext.has( 'WEBGL_multi_draw' ) ) {
- this.enableExtension( 'GL_ANGLE_multi_draw', 'require', shaderStage );
- }
- }
- const extensions = this.extensions[ shaderStage ];
- if ( extensions !== undefined ) {
- for ( const { name, behavior } of extensions.values() ) {
- snippets.push( `#extension ${name} : ${behavior}` );
- }
- }
- return snippets.join( '\n' );
- }
- isAvailable( name ) {
- let result = supports$1[ name ];
- if ( result === undefined ) {
- if ( name === 'float32Filterable' ) {
- const extensions = this.renderer.backend.extensions;
- if ( extensions.has( 'OES_texture_float_linear' ) ) {
- extensions.get( 'OES_texture_float_linear' );
- result = true;
- } else {
- result = false;
- }
- }
- supports$1[ name ] = result;
- }
- return result;
- }
- isFlipY() {
- return true;
- }
- registerTransform( varyingName, attributeNode ) {
- this.transforms.push( { varyingName, attributeNode } );
- }
- getTransforms( /* shaderStage */ ) {
- const transforms = this.transforms;
- let snippet = '';
- for ( let i = 0; i < transforms.length; i ++ ) {
- const transform = transforms[ i ];
- const attributeName = this.getPropertyName( transform.attributeNode );
- snippet += `${ transform.varyingName } = ${ attributeName };\n\t`;
- }
- return snippet;
- }
- _getGLSLUniformStruct( name, vars ) {
- return `
- layout( std140 ) uniform ${name} {
- ${vars}
- };`;
- }
- _getGLSLVertexCode( shaderData ) {
- return `#version 300 es
- ${ this.getSignature() }
- // extensions
- ${shaderData.extensions}
- // precision
- ${ defaultPrecisions }
- // uniforms
- ${shaderData.uniforms}
- // varyings
- ${shaderData.varyings}
- // attributes
- ${shaderData.attributes}
- // codes
- ${shaderData.codes}
- void main() {
- // vars
- ${shaderData.vars}
- // transforms
- ${shaderData.transforms}
- // flow
- ${shaderData.flow}
- gl_PointSize = 1.0;
- }
- `;
- }
- _getGLSLFragmentCode( shaderData ) {
- return `#version 300 es
- ${ this.getSignature() }
- // precision
- ${ defaultPrecisions }
- // uniforms
- ${shaderData.uniforms}
- // varyings
- ${shaderData.varyings}
- // codes
- ${shaderData.codes}
- ${shaderData.structs}
- void main() {
- // vars
- ${shaderData.vars}
- // flow
- ${shaderData.flow}
- }
- `;
- }
- buildCode() {
- const shadersData = this.material !== null ? { fragment: {}, vertex: {} } : { compute: {} };
- this.sortBindingGroups();
- for ( const shaderStage in shadersData ) {
- let flow = '// code\n\n';
- flow += this.flowCode[ shaderStage ];
- const flowNodes = this.flowNodes[ shaderStage ];
- const mainNode = flowNodes[ flowNodes.length - 1 ];
- for ( const node of flowNodes ) {
- const flowSlotData = this.getFlowData( node/*, shaderStage*/ );
- const slotName = node.name;
- if ( slotName ) {
- if ( flow.length > 0 ) flow += '\n';
- flow += `\t// flow -> ${ slotName }\n\t`;
- }
- flow += `${ flowSlotData.code }\n\t`;
- if ( node === mainNode && shaderStage !== 'compute' ) {
- flow += '// result\n\t';
- if ( shaderStage === 'vertex' ) {
- flow += 'gl_Position = ';
- flow += `${ flowSlotData.result };`;
- } else if ( shaderStage === 'fragment' ) {
- if ( ! node.outputNode.isOutputStructNode ) {
- flow += 'fragColor = ';
- flow += `${ flowSlotData.result };`;
- }
- }
- }
- }
- const stageData = shadersData[ shaderStage ];
- stageData.extensions = this.getExtensions( shaderStage );
- stageData.uniforms = this.getUniforms( shaderStage );
- stageData.attributes = this.getAttributes( shaderStage );
- stageData.varyings = this.getVaryings( shaderStage );
- stageData.vars = this.getVars( shaderStage );
- stageData.structs = this.getStructs( shaderStage );
- stageData.codes = this.getCodes( shaderStage );
- stageData.transforms = this.getTransforms( shaderStage );
- stageData.flow = flow;
- }
- if ( this.material !== null ) {
- this.vertexShader = this._getGLSLVertexCode( shadersData.vertex );
- this.fragmentShader = this._getGLSLFragmentCode( shadersData.fragment );
- } else {
- this.computeShader = this._getGLSLVertexCode( shadersData.compute );
- }
- }
- getUniformFromNode( node, type, shaderStage, name = null ) {
- const uniformNode = super.getUniformFromNode( node, type, shaderStage, name );
- const nodeData = this.getDataFromNode( node, shaderStage, this.globalCache );
- let uniformGPU = nodeData.uniformGPU;
- if ( uniformGPU === undefined ) {
- const group = node.groupNode;
- const groupName = group.name;
- const bindings = this.getBindGroupArray( groupName, shaderStage );
- if ( type === 'texture' ) {
- uniformGPU = new NodeSampledTexture( uniformNode.name, uniformNode.node, group );
- bindings.push( uniformGPU );
- } else if ( type === 'cubeTexture' ) {
- uniformGPU = new NodeSampledCubeTexture( uniformNode.name, uniformNode.node, group );
- bindings.push( uniformGPU );
- } else if ( type === 'texture3D' ) {
- uniformGPU = new NodeSampledTexture3D( uniformNode.name, uniformNode.node, group );
- bindings.push( uniformGPU );
- } else if ( type === 'buffer' ) {
- node.name = `NodeBuffer_${ node.id }`;
- uniformNode.name = `buffer${ node.id }`;
- const buffer = new NodeUniformBuffer( node, group );
- buffer.name = node.name;
- bindings.push( buffer );
- uniformGPU = buffer;
- } else {
- const uniformsStage = this.uniformGroups[ shaderStage ] || ( this.uniformGroups[ shaderStage ] = {} );
- let uniformsGroup = uniformsStage[ groupName ];
- if ( uniformsGroup === undefined ) {
- uniformsGroup = new NodeUniformsGroup( shaderStage + '_' + groupName, group );
- //uniformsGroup.setVisibility( gpuShaderStageLib[ shaderStage ] );
- uniformsStage[ groupName ] = uniformsGroup;
- bindings.push( uniformsGroup );
- }
- uniformGPU = this.getNodeUniform( uniformNode, type );
- uniformsGroup.addUniform( uniformGPU );
- }
- nodeData.uniformGPU = uniformGPU;
- }
- return uniformNode;
- }
- }
- let vector2 = null;
- let vector4 = null;
- let color4 = null;
- class Backend {
- constructor( parameters = {} ) {
- this.parameters = Object.assign( {}, parameters );
- this.data = new WeakMap();
- this.renderer = null;
- this.domElement = null;
- }
- async init( renderer ) {
- this.renderer = renderer;
- }
- // render context
- begin( /*renderContext*/ ) { }
- finish( /*renderContext*/ ) { }
- // render object
- draw( /*renderObject, info*/ ) { }
- // program
- createProgram( /*program*/ ) { }
- destroyProgram( /*program*/ ) { }
- // bindings
- createBindings( /*bingGroup, bindings*/ ) { }
- updateBindings( /*bingGroup, bindings*/ ) { }
- // pipeline
- createRenderPipeline( /*renderObject*/ ) { }
- createComputePipeline( /*computeNode, pipeline*/ ) { }
- destroyPipeline( /*pipeline*/ ) { }
- // cache key
- needsRenderUpdate( /*renderObject*/ ) { } // return Boolean ( fast test )
- getRenderCacheKey( /*renderObject*/ ) { } // return String
- // node builder
- createNodeBuilder( /*renderObject*/ ) { } // return NodeBuilder (ADD IT)
- // textures
- createSampler( /*texture*/ ) { }
- createDefaultTexture( /*texture*/ ) { }
- createTexture( /*texture*/ ) { }
- copyTextureToBuffer( /*texture, x, y, width, height*/ ) {}
- // attributes
- createAttribute( /*attribute*/ ) { }
- createIndexAttribute( /*attribute*/ ) { }
- updateAttribute( /*attribute*/ ) { }
- destroyAttribute( /*attribute*/ ) { }
- // canvas
- getContext() { }
- updateSize() { }
- // utils
- resolveTimestampAsync( /*renderContext, type*/ ) { }
- hasFeatureAsync( /*name*/ ) { } // return Boolean
- hasFeature( /*name*/ ) { } // return Boolean
- getInstanceCount( renderObject ) {
- const { object, geometry } = renderObject;
- return geometry.isInstancedBufferGeometry ? geometry.instanceCount : ( object.count > 1 ? object.count : 1 );
- }
- getDrawingBufferSize() {
- vector2 = vector2 || new Vector2();
- return this.renderer.getDrawingBufferSize( vector2 );
- }
- getScissor() {
- vector4 = vector4 || new Vector4();
- return this.renderer.getScissor( vector4 );
- }
- setScissorTest( /*boolean*/ ) { }
- getClearColor() {
- const renderer = this.renderer;
- color4 = color4 || new Color4();
- renderer.getClearColor( color4 );
- color4.getRGB( color4, this.renderer.currentColorSpace );
- return color4;
- }
- getDomElement() {
- let domElement = this.domElement;
- if ( domElement === null ) {
- domElement = ( this.parameters.canvas !== undefined ) ? this.parameters.canvas : createCanvasElement();
- // OffscreenCanvas does not have setAttribute, see #22811
- if ( 'setAttribute' in domElement ) domElement.setAttribute( 'data-engine', `three.js r${REVISION} webgpu` );
- this.domElement = domElement;
- }
- return domElement;
- }
- // resource properties
- set( object, value ) {
- this.data.set( object, value );
- }
- get( object ) {
- let map = this.data.get( object );
- if ( map === undefined ) {
- map = {};
- this.data.set( object, map );
- }
- return map;
- }
- has( object ) {
- return this.data.has( object );
- }
- delete( object ) {
- this.data.delete( object );
- }
- }
- let _id$1 = 0;
- class DualAttributeData {
- constructor( attributeData, dualBuffer ) {
- this.buffers = [ attributeData.bufferGPU, dualBuffer ];
- this.type = attributeData.type;
- this.bufferType = attributeData.bufferType;
- this.pbo = attributeData.pbo;
- this.byteLength = attributeData.byteLength;
- this.bytesPerElement = attributeData.BYTES_PER_ELEMENT;
- this.version = attributeData.version;
- this.isInteger = attributeData.isInteger;
- this.activeBufferIndex = 0;
- this.baseId = attributeData.id;
- }
- get id() {
- return `${ this.baseId }|${ this.activeBufferIndex }`;
- }
- get bufferGPU() {
- return this.buffers[ this.activeBufferIndex ];
- }
- get transformBuffer() {
- return this.buffers[ this.activeBufferIndex ^ 1 ];
- }
- switchBuffers() {
- this.activeBufferIndex ^= 1;
- }
- }
- class WebGLAttributeUtils {
- constructor( backend ) {
- this.backend = backend;
- }
- createAttribute( attribute, bufferType ) {
- const backend = this.backend;
- const { gl } = backend;
- const array = attribute.array;
- const usage = attribute.usage || gl.STATIC_DRAW;
- const bufferAttribute = attribute.isInterleavedBufferAttribute ? attribute.data : attribute;
- const bufferData = backend.get( bufferAttribute );
- let bufferGPU = bufferData.bufferGPU;
- if ( bufferGPU === undefined ) {
- bufferGPU = this._createBuffer( gl, bufferType, array, usage );
- bufferData.bufferGPU = bufferGPU;
- bufferData.bufferType = bufferType;
- bufferData.version = bufferAttribute.version;
- }
- //attribute.onUploadCallback();
- let type;
- if ( array instanceof Float32Array ) {
- type = gl.FLOAT;
- } else if ( array instanceof Uint16Array ) {
- if ( attribute.isFloat16BufferAttribute ) {
- type = gl.HALF_FLOAT;
- } else {
- type = gl.UNSIGNED_SHORT;
- }
- } else if ( array instanceof Int16Array ) {
- type = gl.SHORT;
- } else if ( array instanceof Uint32Array ) {
- type = gl.UNSIGNED_INT;
- } else if ( array instanceof Int32Array ) {
- type = gl.INT;
- } else if ( array instanceof Int8Array ) {
- type = gl.BYTE;
- } else if ( array instanceof Uint8Array ) {
- type = gl.UNSIGNED_BYTE;
- } else if ( array instanceof Uint8ClampedArray ) {
- type = gl.UNSIGNED_BYTE;
- } else {
- throw new Error( 'THREE.WebGLBackend: Unsupported buffer data format: ' + array );
- }
- let attributeData = {
- bufferGPU,
- bufferType,
- type,
- byteLength: array.byteLength,
- bytesPerElement: array.BYTES_PER_ELEMENT,
- version: attribute.version,
- pbo: attribute.pbo,
- isInteger: type === gl.INT || type === gl.UNSIGNED_INT || attribute.gpuType === IntType,
- id: _id$1 ++
- };
- if ( attribute.isStorageBufferAttribute || attribute.isStorageInstancedBufferAttribute ) {
- // create buffer for tranform feedback use
- const bufferGPUDual = this._createBuffer( gl, bufferType, array, usage );
- attributeData = new DualAttributeData( attributeData, bufferGPUDual );
- }
- backend.set( attribute, attributeData );
- }
- updateAttribute( attribute ) {
- const backend = this.backend;
- const { gl } = backend;
- const array = attribute.array;
- const bufferAttribute = attribute.isInterleavedBufferAttribute ? attribute.data : attribute;
- const bufferData = backend.get( bufferAttribute );
- const bufferType = bufferData.bufferType;
- const updateRanges = attribute.isInterleavedBufferAttribute ? attribute.data.updateRanges : attribute.updateRanges;
- gl.bindBuffer( bufferType, bufferData.bufferGPU );
- if ( updateRanges.length === 0 ) {
- // Not using update ranges
- gl.bufferSubData( bufferType, 0, array );
- } else {
- for ( let i = 0, l = updateRanges.length; i < l; i ++ ) {
- const range = updateRanges[ i ];
- gl.bufferSubData( bufferType, range.start * array.BYTES_PER_ELEMENT,
- array, range.start, range.count );
- }
- bufferAttribute.clearUpdateRanges();
- }
- gl.bindBuffer( bufferType, null );
- bufferData.version = bufferAttribute.version;
- }
- destroyAttribute( attribute ) {
- const backend = this.backend;
- const { gl } = backend;
- if ( attribute.isInterleavedBufferAttribute ) {
- backend.delete( attribute.data );
- }
- const attributeData = backend.get( attribute );
- gl.deleteBuffer( attributeData.bufferGPU );
- backend.delete( attribute );
- }
- async getArrayBufferAsync( attribute ) {
- const backend = this.backend;
- const { gl } = backend;
- const bufferAttribute = attribute.isInterleavedBufferAttribute ? attribute.data : attribute;
- const { bufferGPU } = backend.get( bufferAttribute );
- const array = attribute.array;
- const byteLength = array.byteLength;
- gl.bindBuffer( gl.COPY_READ_BUFFER, bufferGPU );
- const writeBuffer = gl.createBuffer();
- gl.bindBuffer( gl.COPY_WRITE_BUFFER, writeBuffer );
- gl.bufferData( gl.COPY_WRITE_BUFFER, byteLength, gl.STREAM_READ );
- gl.copyBufferSubData( gl.COPY_READ_BUFFER, gl.COPY_WRITE_BUFFER, 0, 0, byteLength );
- await backend.utils._clientWaitAsync();
- const dstBuffer = new attribute.array.constructor( array.length );
- // Ensure the buffer is bound before reading
- gl.bindBuffer( gl.COPY_WRITE_BUFFER, writeBuffer );
- gl.getBufferSubData( gl.COPY_WRITE_BUFFER, 0, dstBuffer );
- gl.deleteBuffer( writeBuffer );
- gl.bindBuffer( gl.COPY_READ_BUFFER, null );
- gl.bindBuffer( gl.COPY_WRITE_BUFFER, null );
- return dstBuffer.buffer;
- }
- _createBuffer( gl, bufferType, array, usage ) {
- const bufferGPU = gl.createBuffer();
- gl.bindBuffer( bufferType, bufferGPU );
- gl.bufferData( bufferType, array, usage );
- gl.bindBuffer( bufferType, null );
- return bufferGPU;
- }
- }
- let initialized$1 = false, equationToGL, factorToGL;
- class WebGLState {
- constructor( backend ) {
- this.backend = backend;
- this.gl = this.backend.gl;
- this.enabled = {};
- this.currentFlipSided = null;
- this.currentCullFace = null;
- this.currentProgram = null;
- this.currentBlendingEnabled = false;
- this.currentBlending = null;
- this.currentBlendSrc = null;
- this.currentBlendDst = null;
- this.currentBlendSrcAlpha = null;
- this.currentBlendDstAlpha = null;
- this.currentPremultipledAlpha = null;
- this.currentPolygonOffsetFactor = null;
- this.currentPolygonOffsetUnits = null;
- this.currentColorMask = null;
- this.currentDepthFunc = null;
- this.currentDepthMask = null;
- this.currentStencilFunc = null;
- this.currentStencilRef = null;
- this.currentStencilFuncMask = null;
- this.currentStencilFail = null;
- this.currentStencilZFail = null;
- this.currentStencilZPass = null;
- this.currentStencilMask = null;
- this.currentLineWidth = null;
- this.currentBoundFramebuffers = {};
- this.currentDrawbuffers = new WeakMap();
- this.maxTextures = this.gl.getParameter( this.gl.MAX_TEXTURE_IMAGE_UNITS );
- this.currentTextureSlot = null;
- this.currentBoundTextures = {};
- this.currentBoundBufferBases = {};
- if ( initialized$1 === false ) {
- this._init( this.gl );
- initialized$1 = true;
- }
- }
- _init( gl ) {
- // Store only WebGL constants here.
- equationToGL = {
- [ AddEquation ]: gl.FUNC_ADD,
- [ SubtractEquation ]: gl.FUNC_SUBTRACT,
- [ ReverseSubtractEquation ]: gl.FUNC_REVERSE_SUBTRACT
- };
- factorToGL = {
- [ ZeroFactor ]: gl.ZERO,
- [ OneFactor ]: gl.ONE,
- [ SrcColorFactor ]: gl.SRC_COLOR,
- [ SrcAlphaFactor ]: gl.SRC_ALPHA,
- [ SrcAlphaSaturateFactor ]: gl.SRC_ALPHA_SATURATE,
- [ DstColorFactor ]: gl.DST_COLOR,
- [ DstAlphaFactor ]: gl.DST_ALPHA,
- [ OneMinusSrcColorFactor ]: gl.ONE_MINUS_SRC_COLOR,
- [ OneMinusSrcAlphaFactor ]: gl.ONE_MINUS_SRC_ALPHA,
- [ OneMinusDstColorFactor ]: gl.ONE_MINUS_DST_COLOR,
- [ OneMinusDstAlphaFactor ]: gl.ONE_MINUS_DST_ALPHA
- };
- }
- enable( id ) {
- const { enabled } = this;
- if ( enabled[ id ] !== true ) {
- this.gl.enable( id );
- enabled[ id ] = true;
- }
- }
- disable( id ) {
- const { enabled } = this;
- if ( enabled[ id ] !== false ) {
- this.gl.disable( id );
- enabled[ id ] = false;
- }
- }
- setFlipSided( flipSided ) {
- if ( this.currentFlipSided !== flipSided ) {
- const { gl } = this;
- if ( flipSided ) {
- gl.frontFace( gl.CW );
- } else {
- gl.frontFace( gl.CCW );
- }
- this.currentFlipSided = flipSided;
- }
- }
- setCullFace( cullFace ) {
- const { gl } = this;
- if ( cullFace !== CullFaceNone ) {
- this.enable( gl.CULL_FACE );
- if ( cullFace !== this.currentCullFace ) {
- if ( cullFace === CullFaceBack ) {
- gl.cullFace( gl.BACK );
- } else if ( cullFace === CullFaceFront ) {
- gl.cullFace( gl.FRONT );
- } else {
- gl.cullFace( gl.FRONT_AND_BACK );
- }
- }
- } else {
- this.disable( gl.CULL_FACE );
- }
- this.currentCullFace = cullFace;
- }
- setLineWidth( width ) {
- const { currentLineWidth, gl } = this;
- if ( width !== currentLineWidth ) {
- gl.lineWidth( width );
- this.currentLineWidth = width;
- }
- }
- setBlending( blending, blendEquation, blendSrc, blendDst, blendEquationAlpha, blendSrcAlpha, blendDstAlpha, premultipliedAlpha ) {
- const { gl } = this;
- if ( blending === NoBlending ) {
- if ( this.currentBlendingEnabled === true ) {
- this.disable( gl.BLEND );
- this.currentBlendingEnabled = false;
- }
- return;
- }
- if ( this.currentBlendingEnabled === false ) {
- this.enable( gl.BLEND );
- this.currentBlendingEnabled = true;
- }
- if ( blending !== CustomBlending ) {
- if ( blending !== this.currentBlending || premultipliedAlpha !== this.currentPremultipledAlpha ) {
- if ( this.currentBlendEquation !== AddEquation || this.currentBlendEquationAlpha !== AddEquation ) {
- gl.blendEquation( gl.FUNC_ADD );
- this.currentBlendEquation = AddEquation;
- this.currentBlendEquationAlpha = AddEquation;
- }
- if ( premultipliedAlpha ) {
- switch ( blending ) {
- case NormalBlending:
- gl.blendFuncSeparate( gl.ONE, gl.ONE_MINUS_SRC_ALPHA, gl.ONE, gl.ONE_MINUS_SRC_ALPHA );
- break;
- case AdditiveBlending:
- gl.blendFunc( gl.ONE, gl.ONE );
- break;
- case SubtractiveBlending:
- gl.blendFuncSeparate( gl.ZERO, gl.ONE_MINUS_SRC_COLOR, gl.ZERO, gl.ONE );
- break;
- case MultiplyBlending:
- gl.blendFuncSeparate( gl.ZERO, gl.SRC_COLOR, gl.ZERO, gl.SRC_ALPHA );
- break;
- default:
- console.error( 'THREE.WebGLState: Invalid blending: ', blending );
- break;
- }
- } else {
- switch ( blending ) {
- case NormalBlending:
- gl.blendFuncSeparate( gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA, gl.ONE, gl.ONE_MINUS_SRC_ALPHA );
- break;
- case AdditiveBlending:
- gl.blendFunc( gl.SRC_ALPHA, gl.ONE );
- break;
- case SubtractiveBlending:
- gl.blendFuncSeparate( gl.ZERO, gl.ONE_MINUS_SRC_COLOR, gl.ZERO, gl.ONE );
- break;
- case MultiplyBlending:
- gl.blendFunc( gl.ZERO, gl.SRC_COLOR );
- break;
- default:
- console.error( 'THREE.WebGLState: Invalid blending: ', blending );
- break;
- }
- }
- this.currentBlendSrc = null;
- this.currentBlendDst = null;
- this.currentBlendSrcAlpha = null;
- this.currentBlendDstAlpha = null;
- this.currentBlending = blending;
- this.currentPremultipledAlpha = premultipliedAlpha;
- }
- return;
- }
- // custom blending
- blendEquationAlpha = blendEquationAlpha || blendEquation;
- blendSrcAlpha = blendSrcAlpha || blendSrc;
- blendDstAlpha = blendDstAlpha || blendDst;
- if ( blendEquation !== this.currentBlendEquation || blendEquationAlpha !== this.currentBlendEquationAlpha ) {
- gl.blendEquationSeparate( equationToGL[ blendEquation ], equationToGL[ blendEquationAlpha ] );
- this.currentBlendEquation = blendEquation;
- this.currentBlendEquationAlpha = blendEquationAlpha;
- }
- if ( blendSrc !== this.currentBlendSrc || blendDst !== this.currentBlendDst || blendSrcAlpha !== this.currentBlendSrcAlpha || blendDstAlpha !== this.currentBlendDstAlpha ) {
- gl.blendFuncSeparate( factorToGL[ blendSrc ], factorToGL[ blendDst ], factorToGL[ blendSrcAlpha ], factorToGL[ blendDstAlpha ] );
- this.currentBlendSrc = blendSrc;
- this.currentBlendDst = blendDst;
- this.currentBlendSrcAlpha = blendSrcAlpha;
- this.currentBlendDstAlpha = blendDstAlpha;
- }
- this.currentBlending = blending;
- this.currentPremultipledAlpha = false;
- }
- setColorMask( colorMask ) {
- if ( this.currentColorMask !== colorMask ) {
- this.gl.colorMask( colorMask, colorMask, colorMask, colorMask );
- this.currentColorMask = colorMask;
- }
- }
- setDepthTest( depthTest ) {
- const { gl } = this;
- if ( depthTest ) {
- this.enable( gl.DEPTH_TEST );
- } else {
- this.disable( gl.DEPTH_TEST );
- }
- }
- setDepthMask( depthMask ) {
- if ( this.currentDepthMask !== depthMask ) {
- this.gl.depthMask( depthMask );
- this.currentDepthMask = depthMask;
- }
- }
- setDepthFunc( depthFunc ) {
- if ( this.currentDepthFunc !== depthFunc ) {
- const { gl } = this;
- switch ( depthFunc ) {
- case NeverDepth:
- gl.depthFunc( gl.NEVER );
- break;
- case AlwaysDepth:
- gl.depthFunc( gl.ALWAYS );
- break;
- case LessDepth:
- gl.depthFunc( gl.LESS );
- break;
- case LessEqualDepth:
- gl.depthFunc( gl.LEQUAL );
- break;
- case EqualDepth:
- gl.depthFunc( gl.EQUAL );
- break;
- case GreaterEqualDepth:
- gl.depthFunc( gl.GEQUAL );
- break;
- case GreaterDepth:
- gl.depthFunc( gl.GREATER );
- break;
- case NotEqualDepth:
- gl.depthFunc( gl.NOTEQUAL );
- break;
- default:
- gl.depthFunc( gl.LEQUAL );
- }
- this.currentDepthFunc = depthFunc;
- }
- }
- setStencilTest( stencilTest ) {
- const { gl } = this;
- if ( stencilTest ) {
- this.enable( gl.STENCIL_TEST );
- } else {
- this.disable( gl.STENCIL_TEST );
- }
- }
- setStencilMask( stencilMask ) {
- if ( this.currentStencilMask !== stencilMask ) {
- this.gl.stencilMask( stencilMask );
- this.currentStencilMask = stencilMask;
- }
- }
- setStencilFunc( stencilFunc, stencilRef, stencilMask ) {
- if ( this.currentStencilFunc !== stencilFunc ||
- this.currentStencilRef !== stencilRef ||
- this.currentStencilFuncMask !== stencilMask ) {
- this.gl.stencilFunc( stencilFunc, stencilRef, stencilMask );
- this.currentStencilFunc = stencilFunc;
- this.currentStencilRef = stencilRef;
- this.currentStencilFuncMask = stencilMask;
- }
- }
- setStencilOp( stencilFail, stencilZFail, stencilZPass ) {
- if ( this.currentStencilFail !== stencilFail ||
- this.currentStencilZFail !== stencilZFail ||
- this.currentStencilZPass !== stencilZPass ) {
- this.gl.stencilOp( stencilFail, stencilZFail, stencilZPass );
- this.currentStencilFail = stencilFail;
- this.currentStencilZFail = stencilZFail;
- this.currentStencilZPass = stencilZPass;
- }
- }
- setMaterial( material, frontFaceCW ) {
- const { gl } = this;
- material.side === DoubleSide
- ? this.disable( gl.CULL_FACE )
- : this.enable( gl.CULL_FACE );
- let flipSided = ( material.side === BackSide );
- if ( frontFaceCW ) flipSided = ! flipSided;
- this.setFlipSided( flipSided );
- ( material.blending === NormalBlending && material.transparent === false )
- ? this.setBlending( NoBlending )
- : this.setBlending( material.blending, material.blendEquation, material.blendSrc, material.blendDst, material.blendEquationAlpha, material.blendSrcAlpha, material.blendDstAlpha, material.premultipliedAlpha );
- this.setDepthFunc( material.depthFunc );
- this.setDepthTest( material.depthTest );
- this.setDepthMask( material.depthWrite );
- this.setColorMask( material.colorWrite );
- const stencilWrite = material.stencilWrite;
- this.setStencilTest( stencilWrite );
- if ( stencilWrite ) {
- this.setStencilMask( material.stencilWriteMask );
- this.setStencilFunc( material.stencilFunc, material.stencilRef, material.stencilFuncMask );
- this.setStencilOp( material.stencilFail, material.stencilZFail, material.stencilZPass );
- }
- this.setPolygonOffset( material.polygonOffset, material.polygonOffsetFactor, material.polygonOffsetUnits );
- material.alphaToCoverage === true && this.backend.renderer.samples > 1
- ? this.enable( gl.SAMPLE_ALPHA_TO_COVERAGE )
- : this.disable( gl.SAMPLE_ALPHA_TO_COVERAGE );
- }
- setPolygonOffset( polygonOffset, factor, units ) {
- const { gl } = this;
- if ( polygonOffset ) {
- this.enable( gl.POLYGON_OFFSET_FILL );
- if ( this.currentPolygonOffsetFactor !== factor || this.currentPolygonOffsetUnits !== units ) {
- gl.polygonOffset( factor, units );
- this.currentPolygonOffsetFactor = factor;
- this.currentPolygonOffsetUnits = units;
- }
- } else {
- this.disable( gl.POLYGON_OFFSET_FILL );
- }
- }
- useProgram( program ) {
- if ( this.currentProgram !== program ) {
- this.gl.useProgram( program );
- this.currentProgram = program;
- return true;
- }
- return false;
- }
- // framebuffer
- bindFramebuffer( target, framebuffer ) {
- const { gl, currentBoundFramebuffers } = this;
- if ( currentBoundFramebuffers[ target ] !== framebuffer ) {
- gl.bindFramebuffer( target, framebuffer );
- currentBoundFramebuffers[ target ] = framebuffer;
- // gl.DRAW_FRAMEBUFFER is equivalent to gl.FRAMEBUFFER
- if ( target === gl.DRAW_FRAMEBUFFER ) {
- currentBoundFramebuffers[ gl.FRAMEBUFFER ] = framebuffer;
- }
- if ( target === gl.FRAMEBUFFER ) {
- currentBoundFramebuffers[ gl.DRAW_FRAMEBUFFER ] = framebuffer;
- }
- return true;
- }
- return false;
- }
- drawBuffers( renderContext, framebuffer ) {
- const { gl } = this;
- let drawBuffers = [];
- let needsUpdate = false;
- if ( renderContext.textures !== null ) {
- drawBuffers = this.currentDrawbuffers.get( framebuffer );
- if ( drawBuffers === undefined ) {
- drawBuffers = [];
- this.currentDrawbuffers.set( framebuffer, drawBuffers );
- }
- const textures = renderContext.textures;
- if ( drawBuffers.length !== textures.length || drawBuffers[ 0 ] !== gl.COLOR_ATTACHMENT0 ) {
- for ( let i = 0, il = textures.length; i < il; i ++ ) {
- drawBuffers[ i ] = gl.COLOR_ATTACHMENT0 + i;
- }
- drawBuffers.length = textures.length;
- needsUpdate = true;
- }
- } else {
- if ( drawBuffers[ 0 ] !== gl.BACK ) {
- drawBuffers[ 0 ] = gl.BACK;
- needsUpdate = true;
- }
- }
- if ( needsUpdate ) {
- gl.drawBuffers( drawBuffers );
- }
- }
- // texture
- activeTexture( webglSlot ) {
- const { gl, currentTextureSlot, maxTextures } = this;
- if ( webglSlot === undefined ) webglSlot = gl.TEXTURE0 + maxTextures - 1;
- if ( currentTextureSlot !== webglSlot ) {
- gl.activeTexture( webglSlot );
- this.currentTextureSlot = webglSlot;
- }
- }
- bindTexture( webglType, webglTexture, webglSlot ) {
- const { gl, currentTextureSlot, currentBoundTextures, maxTextures } = this;
- if ( webglSlot === undefined ) {
- if ( currentTextureSlot === null ) {
- webglSlot = gl.TEXTURE0 + maxTextures - 1;
- } else {
- webglSlot = currentTextureSlot;
- }
- }
- let boundTexture = currentBoundTextures[ webglSlot ];
- if ( boundTexture === undefined ) {
- boundTexture = { type: undefined, texture: undefined };
- currentBoundTextures[ webglSlot ] = boundTexture;
- }
- if ( boundTexture.type !== webglType || boundTexture.texture !== webglTexture ) {
- if ( currentTextureSlot !== webglSlot ) {
- gl.activeTexture( webglSlot );
- this.currentTextureSlot = webglSlot;
- }
- gl.bindTexture( webglType, webglTexture );
- boundTexture.type = webglType;
- boundTexture.texture = webglTexture;
- }
- }
- bindBufferBase( target, index, buffer ) {
- const { gl } = this;
- const key = `${target}-${index}`;
- if ( this.currentBoundBufferBases[ key ] !== buffer ) {
- gl.bindBufferBase( target, index, buffer );
- this.currentBoundBufferBases[ key ] = buffer;
- return true;
- }
- return false;
- }
- unbindTexture() {
- const { gl, currentTextureSlot, currentBoundTextures } = this;
- const boundTexture = currentBoundTextures[ currentTextureSlot ];
- if ( boundTexture !== undefined && boundTexture.type !== undefined ) {
- gl.bindTexture( boundTexture.type, null );
- boundTexture.type = undefined;
- boundTexture.texture = undefined;
- }
- }
- }
- class WebGLUtils {
- constructor( backend ) {
- this.backend = backend;
- this.gl = this.backend.gl;
- this.extensions = backend.extensions;
- }
- convert( p, colorSpace = NoColorSpace ) {
- const { gl, extensions } = this;
- let extension;
- if ( p === UnsignedByteType ) return gl.UNSIGNED_BYTE;
- if ( p === UnsignedShort4444Type ) return gl.UNSIGNED_SHORT_4_4_4_4;
- if ( p === UnsignedShort5551Type ) return gl.UNSIGNED_SHORT_5_5_5_1;
- if ( p === UnsignedInt5999Type ) return gl.UNSIGNED_INT_5_9_9_9_REV;
- if ( p === ByteType ) return gl.BYTE;
- if ( p === ShortType ) return gl.SHORT;
- if ( p === UnsignedShortType ) return gl.UNSIGNED_SHORT;
- if ( p === IntType ) return gl.INT;
- if ( p === UnsignedIntType ) return gl.UNSIGNED_INT;
- if ( p === FloatType ) return gl.FLOAT;
- if ( p === HalfFloatType ) {
- return gl.HALF_FLOAT;
- }
- if ( p === AlphaFormat ) return gl.ALPHA;
- if ( p === RGBFormat ) return gl.RGB;
- if ( p === RGBAFormat ) return gl.RGBA;
- if ( p === LuminanceFormat ) return gl.LUMINANCE;
- if ( p === LuminanceAlphaFormat ) return gl.LUMINANCE_ALPHA;
- if ( p === DepthFormat ) return gl.DEPTH_COMPONENT;
- if ( p === DepthStencilFormat ) return gl.DEPTH_STENCIL;
- // WebGL2 formats.
- if ( p === RedFormat ) return gl.RED;
- if ( p === RedIntegerFormat ) return gl.RED_INTEGER;
- if ( p === RGFormat ) return gl.RG;
- if ( p === RGIntegerFormat ) return gl.RG_INTEGER;
- if ( p === RGBAIntegerFormat ) return gl.RGBA_INTEGER;
- // S3TC
- if ( p === RGB_S3TC_DXT1_Format || p === RGBA_S3TC_DXT1_Format || p === RGBA_S3TC_DXT3_Format || p === RGBA_S3TC_DXT5_Format ) {
- if ( colorSpace === SRGBColorSpace ) {
- extension = extensions.get( 'WEBGL_compressed_texture_s3tc_srgb' );
- if ( extension !== null ) {
- if ( p === RGB_S3TC_DXT1_Format ) return extension.COMPRESSED_SRGB_S3TC_DXT1_EXT;
- if ( p === RGBA_S3TC_DXT1_Format ) return extension.COMPRESSED_SRGB_ALPHA_S3TC_DXT1_EXT;
- if ( p === RGBA_S3TC_DXT3_Format ) return extension.COMPRESSED_SRGB_ALPHA_S3TC_DXT3_EXT;
- if ( p === RGBA_S3TC_DXT5_Format ) return extension.COMPRESSED_SRGB_ALPHA_S3TC_DXT5_EXT;
- } else {
- return null;
- }
- } else {
- extension = extensions.get( 'WEBGL_compressed_texture_s3tc' );
- if ( extension !== null ) {
- if ( p === RGB_S3TC_DXT1_Format ) return extension.COMPRESSED_RGB_S3TC_DXT1_EXT;
- if ( p === RGBA_S3TC_DXT1_Format ) return extension.COMPRESSED_RGBA_S3TC_DXT1_EXT;
- if ( p === RGBA_S3TC_DXT3_Format ) return extension.COMPRESSED_RGBA_S3TC_DXT3_EXT;
- if ( p === RGBA_S3TC_DXT5_Format ) return extension.COMPRESSED_RGBA_S3TC_DXT5_EXT;
- } else {
- return null;
- }
- }
- }
- // PVRTC
- if ( p === RGB_PVRTC_4BPPV1_Format || p === RGB_PVRTC_2BPPV1_Format || p === RGBA_PVRTC_4BPPV1_Format || p === RGBA_PVRTC_2BPPV1_Format ) {
- extension = extensions.get( 'WEBGL_compressed_texture_pvrtc' );
- if ( extension !== null ) {
- if ( p === RGB_PVRTC_4BPPV1_Format ) return extension.COMPRESSED_RGB_PVRTC_4BPPV1_IMG;
- if ( p === RGB_PVRTC_2BPPV1_Format ) return extension.COMPRESSED_RGB_PVRTC_2BPPV1_IMG;
- if ( p === RGBA_PVRTC_4BPPV1_Format ) return extension.COMPRESSED_RGBA_PVRTC_4BPPV1_IMG;
- if ( p === RGBA_PVRTC_2BPPV1_Format ) return extension.COMPRESSED_RGBA_PVRTC_2BPPV1_IMG;
- } else {
- return null;
- }
- }
- // ETC
- if ( p === RGB_ETC1_Format || p === RGB_ETC2_Format || p === RGBA_ETC2_EAC_Format ) {
- extension = extensions.get( 'WEBGL_compressed_texture_etc' );
- if ( extension !== null ) {
- if ( p === RGB_ETC1_Format || p === RGB_ETC2_Format ) return ( colorSpace === SRGBColorSpace ) ? extension.COMPRESSED_SRGB8_ETC2 : extension.COMPRESSED_RGB8_ETC2;
- if ( p === RGBA_ETC2_EAC_Format ) return ( colorSpace === SRGBColorSpace ) ? extension.COMPRESSED_SRGB8_ALPHA8_ETC2_EAC : extension.COMPRESSED_RGBA8_ETC2_EAC;
- } else {
- return null;
- }
- }
- // ASTC
- if ( p === RGBA_ASTC_4x4_Format || p === RGBA_ASTC_5x4_Format || p === RGBA_ASTC_5x5_Format ||
- p === RGBA_ASTC_6x5_Format || p === RGBA_ASTC_6x6_Format || p === RGBA_ASTC_8x5_Format ||
- p === RGBA_ASTC_8x6_Format || p === RGBA_ASTC_8x8_Format || p === RGBA_ASTC_10x5_Format ||
- p === RGBA_ASTC_10x6_Format || p === RGBA_ASTC_10x8_Format || p === RGBA_ASTC_10x10_Format ||
- p === RGBA_ASTC_12x10_Format || p === RGBA_ASTC_12x12_Format ) {
- extension = extensions.get( 'WEBGL_compressed_texture_astc' );
- if ( extension !== null ) {
- if ( p === RGBA_ASTC_4x4_Format ) return ( colorSpace === SRGBColorSpace ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_4x4_KHR : extension.COMPRESSED_RGBA_ASTC_4x4_KHR;
- if ( p === RGBA_ASTC_5x4_Format ) return ( colorSpace === SRGBColorSpace ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_5x4_KHR : extension.COMPRESSED_RGBA_ASTC_5x4_KHR;
- if ( p === RGBA_ASTC_5x5_Format ) return ( colorSpace === SRGBColorSpace ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_5x5_KHR : extension.COMPRESSED_RGBA_ASTC_5x5_KHR;
- if ( p === RGBA_ASTC_6x5_Format ) return ( colorSpace === SRGBColorSpace ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_6x5_KHR : extension.COMPRESSED_RGBA_ASTC_6x5_KHR;
- if ( p === RGBA_ASTC_6x6_Format ) return ( colorSpace === SRGBColorSpace ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_6x6_KHR : extension.COMPRESSED_RGBA_ASTC_6x6_KHR;
- if ( p === RGBA_ASTC_8x5_Format ) return ( colorSpace === SRGBColorSpace ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_8x5_KHR : extension.COMPRESSED_RGBA_ASTC_8x5_KHR;
- if ( p === RGBA_ASTC_8x6_Format ) return ( colorSpace === SRGBColorSpace ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_8x6_KHR : extension.COMPRESSED_RGBA_ASTC_8x6_KHR;
- if ( p === RGBA_ASTC_8x8_Format ) return ( colorSpace === SRGBColorSpace ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_8x8_KHR : extension.COMPRESSED_RGBA_ASTC_8x8_KHR;
- if ( p === RGBA_ASTC_10x5_Format ) return ( colorSpace === SRGBColorSpace ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_10x5_KHR : extension.COMPRESSED_RGBA_ASTC_10x5_KHR;
- if ( p === RGBA_ASTC_10x6_Format ) return ( colorSpace === SRGBColorSpace ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_10x6_KHR : extension.COMPRESSED_RGBA_ASTC_10x6_KHR;
- if ( p === RGBA_ASTC_10x8_Format ) return ( colorSpace === SRGBColorSpace ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_10x8_KHR : extension.COMPRESSED_RGBA_ASTC_10x8_KHR;
- if ( p === RGBA_ASTC_10x10_Format ) return ( colorSpace === SRGBColorSpace ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_10x10_KHR : extension.COMPRESSED_RGBA_ASTC_10x10_KHR;
- if ( p === RGBA_ASTC_12x10_Format ) return ( colorSpace === SRGBColorSpace ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_12x10_KHR : extension.COMPRESSED_RGBA_ASTC_12x10_KHR;
- if ( p === RGBA_ASTC_12x12_Format ) return ( colorSpace === SRGBColorSpace ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_12x12_KHR : extension.COMPRESSED_RGBA_ASTC_12x12_KHR;
- } else {
- return null;
- }
- }
- // BPTC
- if ( p === RGBA_BPTC_Format ) {
- extension = extensions.get( 'EXT_texture_compression_bptc' );
- if ( extension !== null ) {
- if ( p === RGBA_BPTC_Format ) return ( colorSpace === SRGBColorSpace ) ? extension.COMPRESSED_SRGB_ALPHA_BPTC_UNORM_EXT : extension.COMPRESSED_RGBA_BPTC_UNORM_EXT;
- } else {
- return null;
- }
- }
- // RGTC
- if ( p === RED_RGTC1_Format || p === SIGNED_RED_RGTC1_Format || p === RED_GREEN_RGTC2_Format || p === SIGNED_RED_GREEN_RGTC2_Format ) {
- extension = extensions.get( 'EXT_texture_compression_rgtc' );
- if ( extension !== null ) {
- if ( p === RGBA_BPTC_Format ) return extension.COMPRESSED_RED_RGTC1_EXT;
- if ( p === SIGNED_RED_RGTC1_Format ) return extension.COMPRESSED_SIGNED_RED_RGTC1_EXT;
- if ( p === RED_GREEN_RGTC2_Format ) return extension.COMPRESSED_RED_GREEN_RGTC2_EXT;
- if ( p === SIGNED_RED_GREEN_RGTC2_Format ) return extension.COMPRESSED_SIGNED_RED_GREEN_RGTC2_EXT;
- } else {
- return null;
- }
- }
- //
- if ( p === UnsignedInt248Type ) {
- return gl.UNSIGNED_INT_24_8;
- }
- // if "p" can't be resolved, assume the user defines a WebGL constant as a string (fallback/workaround for packed RGB formats)
- return ( gl[ p ] !== undefined ) ? gl[ p ] : null;
- }
- _clientWaitAsync() {
- const { gl } = this;
- const sync = gl.fenceSync( gl.SYNC_GPU_COMMANDS_COMPLETE, 0 );
- gl.flush();
- return new Promise( ( resolve, reject ) => {
- function test() {
- const res = gl.clientWaitSync( sync, gl.SYNC_FLUSH_COMMANDS_BIT, 0 );
- if ( res === gl.WAIT_FAILED ) {
- gl.deleteSync( sync );
- reject();
- return;
- }
- if ( res === gl.TIMEOUT_EXPIRED ) {
- requestAnimationFrame( test );
- return;
- }
- gl.deleteSync( sync );
- resolve();
- }
- test();
- } );
- }
- }
- let initialized = false, wrappingToGL, filterToGL, compareToGL;
- class WebGLTextureUtils {
- constructor( backend ) {
- this.backend = backend;
- this.gl = backend.gl;
- this.extensions = backend.extensions;
- this.defaultTextures = {};
- if ( initialized === false ) {
- this._init( this.gl );
- initialized = true;
- }
- }
- _init( gl ) {
- // Store only WebGL constants here.
- wrappingToGL = {
- [ RepeatWrapping ]: gl.REPEAT,
- [ ClampToEdgeWrapping ]: gl.CLAMP_TO_EDGE,
- [ MirroredRepeatWrapping ]: gl.MIRRORED_REPEAT
- };
- filterToGL = {
- [ NearestFilter ]: gl.NEAREST,
- [ NearestMipmapNearestFilter ]: gl.NEAREST_MIPMAP_NEAREST,
- [ NearestMipmapLinearFilter ]: gl.NEAREST_MIPMAP_LINEAR,
- [ LinearFilter ]: gl.LINEAR,
- [ LinearMipmapNearestFilter ]: gl.LINEAR_MIPMAP_NEAREST,
- [ LinearMipmapLinearFilter ]: gl.LINEAR_MIPMAP_LINEAR
- };
- compareToGL = {
- [ NeverCompare ]: gl.NEVER,
- [ AlwaysCompare ]: gl.ALWAYS,
- [ LessCompare ]: gl.LESS,
- [ LessEqualCompare ]: gl.LEQUAL,
- [ EqualCompare ]: gl.EQUAL,
- [ GreaterEqualCompare ]: gl.GEQUAL,
- [ GreaterCompare ]: gl.GREATER,
- [ NotEqualCompare ]: gl.NOTEQUAL
- };
- }
- filterFallback( f ) {
- const { gl } = this;
- if ( f === NearestFilter || f === NearestMipmapNearestFilter || f === NearestMipmapLinearFilter ) {
- return gl.NEAREST;
- }
- return gl.LINEAR;
- }
- getGLTextureType( texture ) {
- const { gl } = this;
- let glTextureType;
- if ( texture.isCubeTexture === true ) {
- glTextureType = gl.TEXTURE_CUBE_MAP;
- } else if ( texture.isDataArrayTexture === true || texture.isCompressedArrayTexture === true ) {
- glTextureType = gl.TEXTURE_2D_ARRAY;
- } else if ( texture.isData3DTexture === true ) { // TODO: isCompressed3DTexture, wait for #26642
- glTextureType = gl.TEXTURE_3D;
- } else {
- glTextureType = gl.TEXTURE_2D;
- }
- return glTextureType;
- }
- getInternalFormat( internalFormatName, glFormat, glType, colorSpace, forceLinearTransfer = false ) {
- const { gl, extensions } = this;
- if ( internalFormatName !== null ) {
- if ( gl[ internalFormatName ] !== undefined ) return gl[ internalFormatName ];
- console.warn( 'THREE.WebGLRenderer: Attempt to use non-existing WebGL internal format \'' + internalFormatName + '\'' );
- }
- let internalFormat = glFormat;
- if ( glFormat === gl.RED ) {
- if ( glType === gl.FLOAT ) internalFormat = gl.R32F;
- if ( glType === gl.HALF_FLOAT ) internalFormat = gl.R16F;
- if ( glType === gl.UNSIGNED_BYTE ) internalFormat = gl.R8;
- if ( glType === gl.UNSIGNED_SHORT ) internalFormat = gl.R16;
- if ( glType === gl.UNSIGNED_INT ) internalFormat = gl.R32UI;
- if ( glType === gl.BYTE ) internalFormat = gl.R8I;
- if ( glType === gl.SHORT ) internalFormat = gl.R16I;
- if ( glType === gl.INT ) internalFormat = gl.R32I;
- }
- if ( glFormat === gl.RED_INTEGER ) {
- if ( glType === gl.UNSIGNED_BYTE ) internalFormat = gl.R8UI;
- if ( glType === gl.UNSIGNED_SHORT ) internalFormat = gl.R16UI;
- if ( glType === gl.UNSIGNED_INT ) internalFormat = gl.R32UI;
- if ( glType === gl.BYTE ) internalFormat = gl.R8I;
- if ( glType === gl.SHORT ) internalFormat = gl.R16I;
- if ( glType === gl.INT ) internalFormat = gl.R32I;
- }
- if ( glFormat === gl.RG ) {
- if ( glType === gl.FLOAT ) internalFormat = gl.RG32F;
- if ( glType === gl.HALF_FLOAT ) internalFormat = gl.RG16F;
- if ( glType === gl.UNSIGNED_BYTE ) internalFormat = gl.RG8;
- if ( glType === gl.UNSIGNED_SHORT ) internalFormat = gl.RG16;
- if ( glType === gl.UNSIGNED_INT ) internalFormat = gl.RG32UI;
- if ( glType === gl.BYTE ) internalFormat = gl.RG8I;
- if ( glType === gl.SHORT ) internalFormat = gl.RG16I;
- if ( glType === gl.INT ) internalFormat = gl.RG32I;
- }
- if ( glFormat === gl.RG_INTEGER ) {
- if ( glType === gl.UNSIGNED_BYTE ) internalFormat = gl.RG8UI;
- if ( glType === gl.UNSIGNED_SHORT ) internalFormat = gl.RG16UI;
- if ( glType === gl.UNSIGNED_INT ) internalFormat = gl.RG32UI;
- if ( glType === gl.BYTE ) internalFormat = gl.RG8I;
- if ( glType === gl.SHORT ) internalFormat = gl.RG16I;
- if ( glType === gl.INT ) internalFormat = gl.RG32I;
- }
- if ( glFormat === gl.RGB ) {
- if ( glType === gl.FLOAT ) internalFormat = gl.RGB32F;
- if ( glType === gl.HALF_FLOAT ) internalFormat = gl.RGB16F;
- if ( glType === gl.UNSIGNED_BYTE ) internalFormat = gl.RGB8;
- if ( glType === gl.UNSIGNED_SHORT ) internalFormat = gl.RGB16;
- if ( glType === gl.UNSIGNED_INT ) internalFormat = gl.RGB32UI;
- if ( glType === gl.BYTE ) internalFormat = gl.RGB8I;
- if ( glType === gl.SHORT ) internalFormat = gl.RGB16I;
- if ( glType === gl.INT ) internalFormat = gl.RGB32I;
- if ( glType === gl.UNSIGNED_BYTE ) internalFormat = ( colorSpace === SRGBColorSpace && forceLinearTransfer === false ) ? gl.SRGB8 : gl.RGB8;
- if ( glType === gl.UNSIGNED_SHORT_5_6_5 ) internalFormat = gl.RGB565;
- if ( glType === gl.UNSIGNED_SHORT_5_5_5_1 ) internalFormat = gl.RGB5_A1;
- if ( glType === gl.UNSIGNED_SHORT_4_4_4_4 ) internalFormat = gl.RGB4;
- if ( glType === gl.UNSIGNED_INT_5_9_9_9_REV ) internalFormat = gl.RGB9_E5;
- }
- if ( glFormat === gl.RGB_INTEGER ) {
- if ( glType === gl.UNSIGNED_BYTE ) internalFormat = gl.RGB8UI;
- if ( glType === gl.UNSIGNED_SHORT ) internalFormat = gl.RGB16UI;
- if ( glType === gl.UNSIGNED_INT ) internalFormat = gl.RGB32UI;
- if ( glType === gl.BYTE ) internalFormat = gl.RGB8I;
- if ( glType === gl.SHORT ) internalFormat = gl.RGB16I;
- if ( glType === gl.INT ) internalFormat = gl.RGB32I;
- }
- if ( glFormat === gl.RGBA ) {
- if ( glType === gl.FLOAT ) internalFormat = gl.RGBA32F;
- if ( glType === gl.HALF_FLOAT ) internalFormat = gl.RGBA16F;
- if ( glType === gl.UNSIGNED_BYTE ) internalFormat = gl.RGBA8;
- if ( glType === gl.UNSIGNED_SHORT ) internalFormat = gl.RGBA16;
- if ( glType === gl.UNSIGNED_INT ) internalFormat = gl.RGBA32UI;
- if ( glType === gl.BYTE ) internalFormat = gl.RGBA8I;
- if ( glType === gl.SHORT ) internalFormat = gl.RGBA16I;
- if ( glType === gl.INT ) internalFormat = gl.RGBA32I;
- if ( glType === gl.UNSIGNED_BYTE ) internalFormat = ( colorSpace === SRGBColorSpace && forceLinearTransfer === false ) ? gl.SRGB8_ALPHA8 : gl.RGBA8;
- if ( glType === gl.UNSIGNED_SHORT_4_4_4_4 ) internalFormat = gl.RGBA4;
- if ( glType === gl.UNSIGNED_SHORT_5_5_5_1 ) internalFormat = gl.RGB5_A1;
- }
- if ( glFormat === gl.RGBA_INTEGER ) {
- if ( glType === gl.UNSIGNED_BYTE ) internalFormat = gl.RGBA8UI;
- if ( glType === gl.UNSIGNED_SHORT ) internalFormat = gl.RGBA16UI;
- if ( glType === gl.UNSIGNED_INT ) internalFormat = gl.RGBA32UI;
- if ( glType === gl.BYTE ) internalFormat = gl.RGBA8I;
- if ( glType === gl.SHORT ) internalFormat = gl.RGBA16I;
- if ( glType === gl.INT ) internalFormat = gl.RGBA32I;
- }
- if ( glFormat === gl.DEPTH_COMPONENT ) {
- if ( glType === gl.UNSIGNED_INT ) internalFormat = gl.DEPTH24_STENCIL8;
- if ( glType === gl.FLOAT ) internalFormat = gl.DEPTH_COMPONENT32F;
- }
- if ( glFormat === gl.DEPTH_STENCIL ) {
- if ( glType === gl.UNSIGNED_INT_24_8 ) internalFormat = gl.DEPTH24_STENCIL8;
- }
- if ( internalFormat === gl.R16F || internalFormat === gl.R32F ||
- internalFormat === gl.RG16F || internalFormat === gl.RG32F ||
- internalFormat === gl.RGBA16F || internalFormat === gl.RGBA32F ) {
- extensions.get( 'EXT_color_buffer_float' );
- }
- return internalFormat;
- }
- setTextureParameters( textureType, texture ) {
- const { gl, extensions, backend } = this;
- gl.pixelStorei( gl.UNPACK_FLIP_Y_WEBGL, texture.flipY );
- gl.pixelStorei( gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, texture.premultiplyAlpha );
- gl.pixelStorei( gl.UNPACK_ALIGNMENT, texture.unpackAlignment );
- gl.pixelStorei( gl.UNPACK_COLORSPACE_CONVERSION_WEBGL, gl.NONE );
- gl.texParameteri( textureType, gl.TEXTURE_WRAP_S, wrappingToGL[ texture.wrapS ] );
- gl.texParameteri( textureType, gl.TEXTURE_WRAP_T, wrappingToGL[ texture.wrapT ] );
- if ( textureType === gl.TEXTURE_3D || textureType === gl.TEXTURE_2D_ARRAY ) {
- gl.texParameteri( textureType, gl.TEXTURE_WRAP_R, wrappingToGL[ texture.wrapR ] );
- }
- gl.texParameteri( textureType, gl.TEXTURE_MAG_FILTER, filterToGL[ texture.magFilter ] );
- const hasMipmaps = texture.mipmaps !== undefined && texture.mipmaps.length > 0;
- // follow WebGPU backend mapping for texture filtering
- const minFilter = texture.minFilter === LinearFilter && hasMipmaps ? LinearMipmapLinearFilter : texture.minFilter;
- gl.texParameteri( textureType, gl.TEXTURE_MIN_FILTER, filterToGL[ minFilter ] );
- if ( texture.compareFunction ) {
- gl.texParameteri( textureType, gl.TEXTURE_COMPARE_MODE, gl.COMPARE_REF_TO_TEXTURE );
- gl.texParameteri( textureType, gl.TEXTURE_COMPARE_FUNC, compareToGL[ texture.compareFunction ] );
- }
- if ( extensions.has( 'EXT_texture_filter_anisotropic' ) === true ) {
- if ( texture.magFilter === NearestFilter ) return;
- if ( texture.minFilter !== NearestMipmapLinearFilter && texture.minFilter !== LinearMipmapLinearFilter ) return;
- if ( texture.type === FloatType && extensions.has( 'OES_texture_float_linear' ) === false ) return; // verify extension for WebGL 1 and WebGL 2
- if ( texture.anisotropy > 1 ) {
- const extension = extensions.get( 'EXT_texture_filter_anisotropic' );
- gl.texParameterf( textureType, extension.TEXTURE_MAX_ANISOTROPY_EXT, Math.min( texture.anisotropy, backend.getMaxAnisotropy() ) );
- }
- }
- }
- createDefaultTexture( texture ) {
- const { gl, backend, defaultTextures } = this;
- const glTextureType = this.getGLTextureType( texture );
- let textureGPU = defaultTextures[ glTextureType ];
- if ( textureGPU === undefined ) {
- textureGPU = gl.createTexture();
- backend.state.bindTexture( glTextureType, textureGPU );
- gl.texParameteri( glTextureType, gl.TEXTURE_MIN_FILTER, gl.NEAREST );
- gl.texParameteri( glTextureType, gl.TEXTURE_MAG_FILTER, gl.NEAREST );
- // gl.texImage2D( glTextureType, 0, gl.RGBA, 1, 1, 0, gl.RGBA, gl.UNSIGNED_BYTE, data );
- defaultTextures[ glTextureType ] = textureGPU;
- }
- backend.set( texture, {
- textureGPU,
- glTextureType,
- isDefault: true
- } );
- }
- createTexture( texture, options ) {
- const { gl, backend } = this;
- const { levels, width, height, depth } = options;
- const glFormat = backend.utils.convert( texture.format, texture.colorSpace );
- const glType = backend.utils.convert( texture.type );
- const glInternalFormat = this.getInternalFormat( texture.internalFormat, glFormat, glType, texture.colorSpace, texture.isVideoTexture );
- const textureGPU = gl.createTexture();
- const glTextureType = this.getGLTextureType( texture );
- backend.state.bindTexture( glTextureType, textureGPU );
- this.setTextureParameters( glTextureType, texture );
- if ( texture.isDataArrayTexture || texture.isCompressedArrayTexture ) {
- gl.texStorage3D( gl.TEXTURE_2D_ARRAY, levels, glInternalFormat, width, height, depth );
- } else if ( texture.isData3DTexture ) {
- gl.texStorage3D( gl.TEXTURE_3D, levels, glInternalFormat, width, height, depth );
- } else if ( ! texture.isVideoTexture ) {
- gl.texStorage2D( glTextureType, levels, glInternalFormat, width, height );
- }
- backend.set( texture, {
- textureGPU,
- glTextureType,
- glFormat,
- glType,
- glInternalFormat
- } );
- }
- copyBufferToTexture( buffer, texture ) {
- const { gl, backend } = this;
- const { textureGPU, glTextureType, glFormat, glType } = backend.get( texture );
- const { width, height } = texture.source.data;
- gl.bindBuffer( gl.PIXEL_UNPACK_BUFFER, buffer );
- backend.state.bindTexture( glTextureType, textureGPU );
- gl.pixelStorei( gl.UNPACK_FLIP_Y_WEBGL, false );
- gl.pixelStorei( gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, false );
- gl.texSubImage2D( glTextureType, 0, 0, 0, width, height, glFormat, glType, 0 );
- gl.bindBuffer( gl.PIXEL_UNPACK_BUFFER, null );
- backend.state.unbindTexture();
- // debug
- // const framebuffer = gl.createFramebuffer();
- // gl.bindFramebuffer( gl.FRAMEBUFFER, framebuffer );
- // gl.framebufferTexture2D( gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, glTextureType, textureGPU, 0 );
- // const readout = new Float32Array( width * height * 4 );
- // const altFormat = gl.getParameter( gl.IMPLEMENTATION_COLOR_READ_FORMAT );
- // const altType = gl.getParameter( gl.IMPLEMENTATION_COLOR_READ_TYPE );
- // gl.readPixels( 0, 0, width, height, altFormat, altType, readout );
- // gl.bindFramebuffer( gl.FRAMEBUFFER, null );
- // console.log( readout );
- }
- updateTexture( texture, options ) {
- const { gl } = this;
- const { width, height } = options;
- const { textureGPU, glTextureType, glFormat, glType, glInternalFormat } = this.backend.get( texture );
- if ( texture.isRenderTargetTexture || ( textureGPU === undefined /* unsupported texture format */ ) )
- return;
- const getImage = ( source ) => {
- if ( source.isDataTexture ) {
- return source.image.data;
- } else if ( source instanceof ImageBitmap || source instanceof OffscreenCanvas || source instanceof HTMLImageElement || source instanceof HTMLCanvasElement ) {
- return source;
- }
- return source.data;
- };
- this.backend.state.bindTexture( glTextureType, textureGPU );
- this.setTextureParameters( glTextureType, texture );
- if ( texture.isCompressedTexture ) {
- const mipmaps = texture.mipmaps;
- const image = options.image;
- for ( let i = 0; i < mipmaps.length; i ++ ) {
- const mipmap = mipmaps[ i ];
- if ( texture.isCompressedArrayTexture ) {
- if ( texture.format !== gl.RGBA ) {
- if ( glFormat !== null ) {
- gl.compressedTexSubImage3D( gl.TEXTURE_2D_ARRAY, i, 0, 0, 0, mipmap.width, mipmap.height, image.depth, glFormat, mipmap.data, 0, 0 );
- } else {
- console.warn( 'THREE.WebGLRenderer: Attempt to load unsupported compressed texture format in .uploadTexture()' );
- }
- } else {
- gl.texSubImage3D( gl.TEXTURE_2D_ARRAY, i, 0, 0, 0, mipmap.width, mipmap.height, image.depth, glFormat, glType, mipmap.data );
- }
- } else {
- if ( glFormat !== null ) {
- gl.compressedTexSubImage2D( gl.TEXTURE_2D, i, 0, 0, mipmap.width, mipmap.height, glFormat, mipmap.data );
- } else {
- console.warn( 'Unsupported compressed texture format' );
- }
- }
- }
- } else if ( texture.isCubeTexture ) {
- const images = options.images;
- for ( let i = 0; i < 6; i ++ ) {
- const image = getImage( images[ i ] );
- gl.texSubImage2D( gl.TEXTURE_CUBE_MAP_POSITIVE_X + i, 0, 0, 0, width, height, glFormat, glType, image );
- }
- } else if ( texture.isDataArrayTexture ) {
- const image = options.image;
- gl.texSubImage3D( gl.TEXTURE_2D_ARRAY, 0, 0, 0, 0, image.width, image.height, image.depth, glFormat, glType, image.data );
- } else if ( texture.isData3DTexture ) {
- const image = options.image;
- gl.texSubImage3D( gl.TEXTURE_3D, 0, 0, 0, 0, image.width, image.height, image.depth, glFormat, glType, image.data );
- } else if ( texture.isVideoTexture ) {
- texture.update();
- gl.texImage2D( glTextureType, 0, glInternalFormat, glFormat, glType, options.image );
- } else {
- const image = getImage( options.image );
- gl.texSubImage2D( glTextureType, 0, 0, 0, width, height, glFormat, glType, image );
- }
- }
- generateMipmaps( texture ) {
- const { gl, backend } = this;
- const { textureGPU, glTextureType } = backend.get( texture );
- backend.state.bindTexture( glTextureType, textureGPU );
- gl.generateMipmap( glTextureType );
- }
- deallocateRenderBuffers( renderTarget ) {
- const { gl, backend } = this;
- // remove framebuffer reference
- if ( renderTarget ) {
- const renderContextData = backend.get( renderTarget );
- renderContextData.renderBufferStorageSetup = undefined;
- if ( renderContextData.framebuffers ) {
- for ( const cacheKey in renderContextData.framebuffers ) {
- gl.deleteFramebuffer( renderContextData.framebuffers[ cacheKey ] );
- }
- delete renderContextData.framebuffers;
- }
- if ( renderContextData.depthRenderbuffer ) {
- gl.deleteRenderbuffer( renderContextData.depthRenderbuffer );
- delete renderContextData.depthRenderbuffer;
- }
- if ( renderContextData.stencilRenderbuffer ) {
- gl.deleteRenderbuffer( renderContextData.stencilRenderbuffer );
- delete renderContextData.stencilRenderbuffer;
- }
- if ( renderContextData.msaaFrameBuffer ) {
- gl.deleteFramebuffer( renderContextData.msaaFrameBuffer );
- delete renderContextData.msaaFrameBuffer;
- }
- if ( renderContextData.msaaRenderbuffers ) {
- for ( let i = 0; i < renderContextData.msaaRenderbuffers.length; i ++ ) {
- gl.deleteRenderbuffer( renderContextData.msaaRenderbuffers[ i ] );
- }
- delete renderContextData.msaaRenderbuffers;
- }
- }
- }
- destroyTexture( texture ) {
- const { gl, backend } = this;
- const { textureGPU, renderTarget } = backend.get( texture );
- this.deallocateRenderBuffers( renderTarget );
- gl.deleteTexture( textureGPU );
- backend.delete( texture );
- }
- copyTextureToTexture( srcTexture, dstTexture, srcRegion = null, dstPosition = null, level = 0 ) {
- const { gl, backend } = this;
- const { state } = this.backend;
- const { textureGPU: dstTextureGPU, glTextureType, glType, glFormat } = backend.get( dstTexture );
- let width, height, minX, minY;
- let dstX, dstY;
- if ( srcRegion !== null ) {
- width = srcRegion.max.x - srcRegion.min.x;
- height = srcRegion.max.y - srcRegion.min.y;
- minX = srcRegion.min.x;
- minY = srcRegion.min.y;
- } else {
- width = srcTexture.image.width;
- height = srcTexture.image.height;
- minX = 0;
- minY = 0;
- }
- if ( dstPosition !== null ) {
- dstX = dstPosition.x;
- dstY = dstPosition.y;
- } else {
- dstX = 0;
- dstY = 0;
- }
- state.bindTexture( glTextureType, dstTextureGPU );
- // As another texture upload may have changed pixelStorei
- // parameters, make sure they are correct for the dstTexture
- gl.pixelStorei( gl.UNPACK_ALIGNMENT, dstTexture.unpackAlignment );
- gl.pixelStorei( gl.UNPACK_FLIP_Y_WEBGL, dstTexture.flipY );
- gl.pixelStorei( gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, dstTexture.premultiplyAlpha );
- gl.pixelStorei( gl.UNPACK_ALIGNMENT, dstTexture.unpackAlignment );
- const currentUnpackRowLen = gl.getParameter( gl.UNPACK_ROW_LENGTH );
- const currentUnpackImageHeight = gl.getParameter( gl.UNPACK_IMAGE_HEIGHT );
- const currentUnpackSkipPixels = gl.getParameter( gl.UNPACK_SKIP_PIXELS );
- const currentUnpackSkipRows = gl.getParameter( gl.UNPACK_SKIP_ROWS );
- const currentUnpackSkipImages = gl.getParameter( gl.UNPACK_SKIP_IMAGES );
- const image = srcTexture.isCompressedTexture ? srcTexture.mipmaps[ level ] : srcTexture.image;
- gl.pixelStorei( gl.UNPACK_ROW_LENGTH, image.width );
- gl.pixelStorei( gl.UNPACK_IMAGE_HEIGHT, image.height );
- gl.pixelStorei( gl.UNPACK_SKIP_PIXELS, minX );
- gl.pixelStorei( gl.UNPACK_SKIP_ROWS, minY );
- if ( srcTexture.isDataTexture ) {
- gl.texSubImage2D( gl.TEXTURE_2D, level, dstX, dstY, width, height, glFormat, glType, image.data );
- } else {
- if ( srcTexture.isCompressedTexture ) {
- gl.compressedTexSubImage2D( gl.TEXTURE_2D, level, dstX, dstY, image.width, image.height, glFormat, image.data );
- } else {
- gl.texSubImage2D( gl.TEXTURE_2D, level, dstX, dstY, width, height, glFormat, glType, image );
- }
- }
- gl.pixelStorei( gl.UNPACK_ROW_LENGTH, currentUnpackRowLen );
- gl.pixelStorei( gl.UNPACK_IMAGE_HEIGHT, currentUnpackImageHeight );
- gl.pixelStorei( gl.UNPACK_SKIP_PIXELS, currentUnpackSkipPixels );
- gl.pixelStorei( gl.UNPACK_SKIP_ROWS, currentUnpackSkipRows );
- gl.pixelStorei( gl.UNPACK_SKIP_IMAGES, currentUnpackSkipImages );
- // Generate mipmaps only when copying level 0
- if ( level === 0 && dstTexture.generateMipmaps ) gl.generateMipmap( gl.TEXTURE_2D );
- state.unbindTexture();
- }
- copyFramebufferToTexture( texture, renderContext, rectangle ) {
- const { gl } = this;
- const { state } = this.backend;
- const { textureGPU } = this.backend.get( texture );
- const { x, y, z: width, w: height } = rectangle;
- const requireDrawFrameBuffer = texture.isDepthTexture === true || ( renderContext.renderTarget && renderContext.renderTarget.samples > 0 );
- const srcHeight = renderContext.renderTarget ? renderContext.renderTarget.height : this.backend.gerDrawingBufferSize().y;
- if ( requireDrawFrameBuffer ) {
- const partial = ( x !== 0 || y !== 0 );
- let mask;
- let attachment;
- if ( texture.isDepthTexture === true ) {
- mask = gl.DEPTH_BUFFER_BIT;
- attachment = gl.DEPTH_ATTACHMENT;
- if ( renderContext.stencil ) {
- mask |= gl.STENCIL_BUFFER_BIT;
- }
- } else {
- mask = gl.COLOR_BUFFER_BIT;
- attachment = gl.COLOR_ATTACHMENT0;
- }
- if ( partial ) {
- const renderTargetContextData = this.backend.get( renderContext.renderTarget );
- const fb = renderTargetContextData.framebuffers[ renderContext.getCacheKey() ];
- const msaaFrameBuffer = renderTargetContextData.msaaFrameBuffer;
- state.bindFramebuffer( gl.DRAW_FRAMEBUFFER, fb );
- state.bindFramebuffer( gl.READ_FRAMEBUFFER, msaaFrameBuffer );
- const flippedY = srcHeight - y - height;
- gl.blitFramebuffer( x, flippedY, x + width, flippedY + height, x, flippedY, x + width, flippedY + height, mask, gl.NEAREST );
- state.bindFramebuffer( gl.READ_FRAMEBUFFER, fb );
- state.bindTexture( gl.TEXTURE_2D, textureGPU );
- gl.copyTexSubImage2D( gl.TEXTURE_2D, 0, 0, 0, x, flippedY, width, height );
- state.unbindTexture();
- } else {
- const fb = gl.createFramebuffer();
- state.bindFramebuffer( gl.DRAW_FRAMEBUFFER, fb );
- gl.framebufferTexture2D( gl.DRAW_FRAMEBUFFER, attachment, gl.TEXTURE_2D, textureGPU, 0 );
- gl.blitFramebuffer( 0, 0, width, height, 0, 0, width, height, mask, gl.NEAREST );
- gl.deleteFramebuffer( fb );
- }
- } else {
- state.bindTexture( gl.TEXTURE_2D, textureGPU );
- gl.copyTexSubImage2D( gl.TEXTURE_2D, 0, 0, 0, x, srcHeight - height - y, width, height );
- state.unbindTexture();
- }
- if ( texture.generateMipmaps ) this.generateMipmaps( texture );
- this.backend._setFramebuffer( renderContext );
- }
- // Setup storage for internal depth/stencil buffers and bind to correct framebuffer
- setupRenderBufferStorage( renderbuffer, renderContext ) {
- const { gl } = this;
- const renderTarget = renderContext.renderTarget;
- const { samples, depthTexture, depthBuffer, stencilBuffer, width, height } = renderTarget;
- gl.bindRenderbuffer( gl.RENDERBUFFER, renderbuffer );
- if ( depthBuffer && ! stencilBuffer ) {
- let glInternalFormat = gl.DEPTH_COMPONENT24;
- if ( samples > 0 ) {
- if ( depthTexture && depthTexture.isDepthTexture ) {
- if ( depthTexture.type === gl.FLOAT ) {
- glInternalFormat = gl.DEPTH_COMPONENT32F;
- }
- }
- gl.renderbufferStorageMultisample( gl.RENDERBUFFER, samples, glInternalFormat, width, height );
- } else {
- gl.renderbufferStorage( gl.RENDERBUFFER, glInternalFormat, width, height );
- }
- gl.framebufferRenderbuffer( gl.FRAMEBUFFER, gl.DEPTH_ATTACHMENT, gl.RENDERBUFFER, renderbuffer );
- } else if ( depthBuffer && stencilBuffer ) {
- if ( samples > 0 ) {
- gl.renderbufferStorageMultisample( gl.RENDERBUFFER, samples, gl.DEPTH24_STENCIL8, width, height );
- } else {
- gl.renderbufferStorage( gl.RENDERBUFFER, gl.DEPTH_STENCIL, width, height );
- }
- gl.framebufferRenderbuffer( gl.FRAMEBUFFER, gl.DEPTH_STENCIL_ATTACHMENT, gl.RENDERBUFFER, renderbuffer );
- }
- }
- async copyTextureToBuffer( texture, x, y, width, height, faceIndex ) {
- const { backend, gl } = this;
- const { textureGPU, glFormat, glType } = this.backend.get( texture );
- const fb = gl.createFramebuffer();
- gl.bindFramebuffer( gl.READ_FRAMEBUFFER, fb );
- const target = texture.isCubeTexture ? gl.TEXTURE_CUBE_MAP_POSITIVE_X + faceIndex : gl.TEXTURE_2D;
- gl.framebufferTexture2D( gl.READ_FRAMEBUFFER, gl.COLOR_ATTACHMENT0, target, textureGPU, 0 );
- const typedArrayType = this._getTypedArrayType( glType );
- const bytesPerTexel = this._getBytesPerTexel( glType, glFormat );
- const elementCount = width * height;
- const byteLength = elementCount * bytesPerTexel;
- const buffer = gl.createBuffer();
- gl.bindBuffer( gl.PIXEL_PACK_BUFFER, buffer );
- gl.bufferData( gl.PIXEL_PACK_BUFFER, byteLength, gl.STREAM_READ );
- gl.readPixels( x, y, width, height, glFormat, glType, 0 );
- gl.bindBuffer( gl.PIXEL_PACK_BUFFER, null );
- await backend.utils._clientWaitAsync();
- const dstBuffer = new typedArrayType( byteLength / typedArrayType.BYTES_PER_ELEMENT );
- gl.bindBuffer( gl.PIXEL_PACK_BUFFER, buffer );
- gl.getBufferSubData( gl.PIXEL_PACK_BUFFER, 0, dstBuffer );
- gl.bindBuffer( gl.PIXEL_PACK_BUFFER, null );
- gl.deleteFramebuffer( fb );
- return dstBuffer;
- }
- _getTypedArrayType( glType ) {
- const { gl } = this;
- if ( glType === gl.UNSIGNED_BYTE ) return Uint8Array;
- if ( glType === gl.UNSIGNED_SHORT_4_4_4_4 ) return Uint16Array;
- if ( glType === gl.UNSIGNED_SHORT_5_5_5_1 ) return Uint16Array;
- if ( glType === gl.UNSIGNED_SHORT_5_6_5 ) return Uint16Array;
- if ( glType === gl.UNSIGNED_SHORT ) return Uint16Array;
- if ( glType === gl.UNSIGNED_INT ) return Uint32Array;
- if ( glType === gl.HALF_FLOAT ) return Uint16Array;
- if ( glType === gl.FLOAT ) return Float32Array;
- throw new Error( `Unsupported WebGL type: ${glType}` );
- }
- _getBytesPerTexel( glType, glFormat ) {
- const { gl } = this;
- let bytesPerComponent = 0;
- if ( glType === gl.UNSIGNED_BYTE ) bytesPerComponent = 1;
- if ( glType === gl.UNSIGNED_SHORT_4_4_4_4 ||
- glType === gl.UNSIGNED_SHORT_5_5_5_1 ||
- glType === gl.UNSIGNED_SHORT_5_6_5 ||
- glType === gl.UNSIGNED_SHORT ||
- glType === gl.HALF_FLOAT ) bytesPerComponent = 2;
- if ( glType === gl.UNSIGNED_INT ||
- glType === gl.FLOAT ) bytesPerComponent = 4;
- if ( glFormat === gl.RGBA ) return bytesPerComponent * 4;
- if ( glFormat === gl.RGB ) return bytesPerComponent * 3;
- if ( glFormat === gl.ALPHA ) return bytesPerComponent;
- }
- }
- class WebGLExtensions {
- constructor( backend ) {
- this.backend = backend;
- this.gl = this.backend.gl;
- this.availableExtensions = this.gl.getSupportedExtensions();
- this.extensions = {};
- }
- get( name ) {
- let extension = this.extensions[ name ];
- if ( extension === undefined ) {
- extension = this.gl.getExtension( name );
- this.extensions[ name ] = extension;
- }
- return extension;
- }
- has( name ) {
- return this.availableExtensions.includes( name );
- }
- }
- class WebGLCapabilities {
- constructor( backend ) {
- this.backend = backend;
- this.maxAnisotropy = null;
- }
- getMaxAnisotropy() {
- if ( this.maxAnisotropy !== null ) return this.maxAnisotropy;
- const gl = this.backend.gl;
- const extensions = this.backend.extensions;
- if ( extensions.has( 'EXT_texture_filter_anisotropic' ) === true ) {
- const extension = extensions.get( 'EXT_texture_filter_anisotropic' );
- this.maxAnisotropy = gl.getParameter( extension.MAX_TEXTURE_MAX_ANISOTROPY_EXT );
- } else {
- this.maxAnisotropy = 0;
- }
- return this.maxAnisotropy;
- }
- }
- const GLFeatureName = {
- 'WEBGL_multi_draw': 'WEBGL_multi_draw',
- 'WEBGL_compressed_texture_astc': 'texture-compression-astc',
- 'WEBGL_compressed_texture_etc': 'texture-compression-etc2',
- 'WEBGL_compressed_texture_etc1': 'texture-compression-etc1',
- 'WEBGL_compressed_texture_pvrtc': 'texture-compression-pvrtc',
- 'WEBKIT_WEBGL_compressed_texture_pvrtc': 'texture-compression-pvrtc',
- 'WEBGL_compressed_texture_s3tc': 'texture-compression-bc',
- 'EXT_texture_compression_bptc': 'texture-compression-bptc',
- 'EXT_disjoint_timer_query_webgl2': 'timestamp-query',
- };
- class WebGLBufferRenderer {
- constructor( backend ) {
- this.gl = backend.gl;
- this.extensions = backend.extensions;
- this.info = backend.renderer.info;
- this.mode = null;
- this.index = 0;
- this.type = null;
- this.object = null;
- }
- render( start, count ) {
- const { gl, mode, object, type, info, index } = this;
- if ( index !== 0 ) {
- gl.drawElements( mode, count, type, start );
- } else {
- gl.drawArrays( mode, start, count );
- }
- info.update( object, count, mode, 1 );
- }
- renderInstances( start, count, primcount ) {
- const { gl, mode, type, index, object, info } = this;
- if ( primcount === 0 ) return;
- if ( index !== 0 ) {
- gl.drawElementsInstanced( mode, count, type, start, primcount );
- } else {
- gl.drawArraysInstanced( mode, start, count, primcount );
- }
- info.update( object, count, mode, primcount );
- }
- renderMultiDraw( starts, counts, drawCount ) {
- const { extensions, mode, object, info } = this;
- if ( drawCount === 0 ) return;
- const extension = extensions.get( 'WEBGL_multi_draw' );
- if ( extension === null ) {
- for ( let i = 0; i < drawCount; i ++ ) {
- this.render( starts[ i ], counts[ i ] );
- }
- } else {
- if ( this.index !== 0 ) {
- extension.multiDrawElementsWEBGL( mode, counts, 0, this.type, starts, 0, drawCount );
- } else {
- extension.multiDrawArraysWEBGL( mode, starts, 0, counts, 0, drawCount );
- }
- let elementCount = 0;
- for ( let i = 0; i < drawCount; i ++ ) {
- elementCount += counts[ i ];
- }
- info.update( object, elementCount, mode, 1 );
- }
- }
- renderMultiDrawInstances( starts, counts, drawCount, primcount ) {
- const { extensions, mode, object, info } = this;
- if ( drawCount === 0 ) return;
- const extension = extensions.get( 'WEBGL_multi_draw' );
- if ( extension === null ) {
- for ( let i = 0; i < drawCount; i ++ ) {
- this.renderInstances( starts[ i ], counts[ i ], primcount[ i ] );
- }
- } else {
- if ( this.index !== 0 ) {
- extension.multiDrawElementsInstancedWEBGL( mode, counts, 0, this.type, starts, 0, primcount, 0, drawCount );
- } else {
- extension.multiDrawArraysInstancedWEBGL( mode, starts, 0, counts, 0, primcount, 0, drawCount );
- }
- let elementCount = 0;
- for ( let i = 0; i < drawCount; i ++ ) {
- elementCount += counts[ i ];
- }
- for ( let i = 0; i < primcount.length; i ++ ) {
- info.update( object, elementCount, mode, primcount[ i ] );
- }
- }
- }
- //
- }
- //
- class WebGLBackend extends Backend {
- constructor( parameters = {} ) {
- super( parameters );
- this.isWebGLBackend = true;
- }
- init( renderer ) {
- super.init( renderer );
- //
- const parameters = this.parameters;
- const glContext = ( parameters.context !== undefined ) ? parameters.context : renderer.domElement.getContext( 'webgl2' );
- this.gl = glContext;
- this.extensions = new WebGLExtensions( this );
- this.capabilities = new WebGLCapabilities( this );
- this.attributeUtils = new WebGLAttributeUtils( this );
- this.textureUtils = new WebGLTextureUtils( this );
- this.bufferRenderer = new WebGLBufferRenderer( this );
- this.state = new WebGLState( this );
- this.utils = new WebGLUtils( this );
- this.vaoCache = {};
- this.transformFeedbackCache = {};
- this.discard = false;
- this.trackTimestamp = ( parameters.trackTimestamp === true );
- this.extensions.get( 'EXT_color_buffer_float' );
- this.extensions.get( 'WEBGL_clip_cull_distance' );
- this.extensions.get( 'OES_texture_float_linear' );
- this.extensions.get( 'EXT_color_buffer_half_float' );
- this.extensions.get( 'WEBGL_multisampled_render_to_texture' );
- this.extensions.get( 'WEBGL_render_shared_exponent' );
- this.extensions.get( 'WEBGL_multi_draw' );
- this.disjoint = this.extensions.get( 'EXT_disjoint_timer_query_webgl2' );
- this.parallel = this.extensions.get( 'KHR_parallel_shader_compile' );
- this._currentContext = null;
- }
- get coordinateSystem() {
- return WebGLCoordinateSystem;
- }
- async getArrayBufferAsync( attribute ) {
- return await this.attributeUtils.getArrayBufferAsync( attribute );
- }
- initTimestampQuery( renderContext ) {
- if ( ! this.disjoint || ! this.trackTimestamp ) return;
- const renderContextData = this.get( renderContext );
- if ( this.queryRunning ) {
- if ( ! renderContextData.queryQueue ) renderContextData.queryQueue = [];
- renderContextData.queryQueue.push( renderContext );
- return;
- }
- if ( renderContextData.activeQuery ) {
- this.gl.endQuery( this.disjoint.TIME_ELAPSED_EXT );
- renderContextData.activeQuery = null;
- }
- renderContextData.activeQuery = this.gl.createQuery();
- if ( renderContextData.activeQuery !== null ) {
- this.gl.beginQuery( this.disjoint.TIME_ELAPSED_EXT, renderContextData.activeQuery );
- this.queryRunning = true;
- }
- }
- // timestamp utils
- prepareTimestampBuffer( renderContext ) {
- if ( ! this.disjoint || ! this.trackTimestamp ) return;
- const renderContextData = this.get( renderContext );
- if ( renderContextData.activeQuery ) {
- this.gl.endQuery( this.disjoint.TIME_ELAPSED_EXT );
- if ( ! renderContextData.gpuQueries ) renderContextData.gpuQueries = [];
- renderContextData.gpuQueries.push( { query: renderContextData.activeQuery } );
- renderContextData.activeQuery = null;
- this.queryRunning = false;
- if ( renderContextData.queryQueue && renderContextData.queryQueue.length > 0 ) {
- const nextRenderContext = renderContextData.queryQueue.shift();
- this.initTimestampQuery( nextRenderContext );
- }
- }
- }
- async resolveTimestampAsync( renderContext, type = 'render' ) {
- if ( ! this.disjoint || ! this.trackTimestamp ) return;
- const renderContextData = this.get( renderContext );
- if ( ! renderContextData.gpuQueries ) renderContextData.gpuQueries = [];
- for ( let i = 0; i < renderContextData.gpuQueries.length; i ++ ) {
- const queryInfo = renderContextData.gpuQueries[ i ];
- const available = this.gl.getQueryParameter( queryInfo.query, this.gl.QUERY_RESULT_AVAILABLE );
- const disjoint = this.gl.getParameter( this.disjoint.GPU_DISJOINT_EXT );
- if ( available && ! disjoint ) {
- const elapsed = this.gl.getQueryParameter( queryInfo.query, this.gl.QUERY_RESULT );
- const duration = Number( elapsed ) / 1000000; // Convert nanoseconds to milliseconds
- this.gl.deleteQuery( queryInfo.query );
- renderContextData.gpuQueries.splice( i, 1 ); // Remove the processed query
- i --;
- this.renderer.info.updateTimestamp( type, duration );
- }
- }
- }
- getContext() {
- return this.gl;
- }
- beginRender( renderContext ) {
- const { gl } = this;
- const renderContextData = this.get( renderContext );
- //
- //
- this.initTimestampQuery( renderContext );
- renderContextData.previousContext = this._currentContext;
- this._currentContext = renderContext;
- this._setFramebuffer( renderContext );
- this.clear( renderContext.clearColor, renderContext.clearDepth, renderContext.clearStencil, renderContext, false );
- //
- if ( renderContext.viewport ) {
- this.updateViewport( renderContext );
- } else {
- gl.viewport( 0, 0, gl.drawingBufferWidth, gl.drawingBufferHeight );
- }
- if ( renderContext.scissor ) {
- const { x, y, width, height } = renderContext.scissorValue;
- gl.scissor( x, renderContext.height - height - y, width, height );
- }
- const occlusionQueryCount = renderContext.occlusionQueryCount;
- if ( occlusionQueryCount > 0 ) {
- // Get a reference to the array of objects with queries. The renderContextData property
- // can be changed by another render pass before the async reading of all previous queries complete
- renderContextData.currentOcclusionQueries = renderContextData.occlusionQueries;
- renderContextData.currentOcclusionQueryObjects = renderContextData.occlusionQueryObjects;
- renderContextData.lastOcclusionObject = null;
- renderContextData.occlusionQueries = new Array( occlusionQueryCount );
- renderContextData.occlusionQueryObjects = new Array( occlusionQueryCount );
- renderContextData.occlusionQueryIndex = 0;
- }
- }
- finishRender( renderContext ) {
- const { gl, state } = this;
- const renderContextData = this.get( renderContext );
- const previousContext = renderContextData.previousContext;
- const occlusionQueryCount = renderContext.occlusionQueryCount;
- if ( occlusionQueryCount > 0 ) {
- if ( occlusionQueryCount > renderContextData.occlusionQueryIndex ) {
- gl.endQuery( gl.ANY_SAMPLES_PASSED );
- }
- this.resolveOccludedAsync( renderContext );
- }
- const textures = renderContext.textures;
- if ( textures !== null ) {
- for ( let i = 0; i < textures.length; i ++ ) {
- const texture = textures[ i ];
- if ( texture.generateMipmaps ) {
- this.generateMipmaps( texture );
- }
- }
- }
- this._currentContext = previousContext;
- if ( renderContext.textures !== null && renderContext.renderTarget ) {
- const renderTargetContextData = this.get( renderContext.renderTarget );
- const { samples } = renderContext.renderTarget;
- if ( samples > 0 ) {
- const fb = renderTargetContextData.framebuffers[ renderContext.getCacheKey() ];
- const mask = gl.COLOR_BUFFER_BIT;
- const msaaFrameBuffer = renderTargetContextData.msaaFrameBuffer;
- const textures = renderContext.textures;
- state.bindFramebuffer( gl.READ_FRAMEBUFFER, msaaFrameBuffer );
- state.bindFramebuffer( gl.DRAW_FRAMEBUFFER, fb );
- for ( let i = 0; i < textures.length; i ++ ) {
- // TODO Add support for MRT
- if ( renderContext.scissor ) {
- const { x, y, width, height } = renderContext.scissorValue;
- const viewY = renderContext.height - height - y;
- gl.blitFramebuffer( x, viewY, x + width, viewY + height, x, viewY, x + width, viewY + height, mask, gl.NEAREST );
- gl.invalidateSubFramebuffer( gl.READ_FRAMEBUFFER, renderTargetContextData.invalidationArray, x, viewY, width, height );
- } else {
- gl.blitFramebuffer( 0, 0, renderContext.width, renderContext.height, 0, 0, renderContext.width, renderContext.height, mask, gl.NEAREST );
- gl.invalidateFramebuffer( gl.READ_FRAMEBUFFER, renderTargetContextData.invalidationArray );
- }
- }
- }
- }
- if ( previousContext !== null ) {
- this._setFramebuffer( previousContext );
- if ( previousContext.viewport ) {
- this.updateViewport( previousContext );
- } else {
- gl.viewport( 0, 0, gl.drawingBufferWidth, gl.drawingBufferHeight );
- }
- }
- this.prepareTimestampBuffer( renderContext );
- }
- resolveOccludedAsync( renderContext ) {
- const renderContextData = this.get( renderContext );
- // handle occlusion query results
- const { currentOcclusionQueries, currentOcclusionQueryObjects } = renderContextData;
- if ( currentOcclusionQueries && currentOcclusionQueryObjects ) {
- const occluded = new WeakSet();
- const { gl } = this;
- renderContextData.currentOcclusionQueryObjects = null;
- renderContextData.currentOcclusionQueries = null;
- const check = () => {
- let completed = 0;
- // check all queries and requeue as appropriate
- for ( let i = 0; i < currentOcclusionQueries.length; i ++ ) {
- const query = currentOcclusionQueries[ i ];
- if ( query === null ) continue;
- if ( gl.getQueryParameter( query, gl.QUERY_RESULT_AVAILABLE ) ) {
- if ( gl.getQueryParameter( query, gl.QUERY_RESULT ) > 0 ) occluded.add( currentOcclusionQueryObjects[ i ] );
- currentOcclusionQueries[ i ] = null;
- gl.deleteQuery( query );
- completed ++;
- }
- }
- if ( completed < currentOcclusionQueries.length ) {
- requestAnimationFrame( check );
- } else {
- renderContextData.occluded = occluded;
- }
- };
- check();
- }
- }
- isOccluded( renderContext, object ) {
- const renderContextData = this.get( renderContext );
- return renderContextData.occluded && renderContextData.occluded.has( object );
- }
- updateViewport( renderContext ) {
- const gl = this.gl;
- const { x, y, width, height } = renderContext.viewportValue;
- gl.viewport( x, renderContext.height - height - y, width, height );
- }
- setScissorTest( boolean ) {
- const gl = this.gl;
- if ( boolean ) {
- gl.enable( gl.SCISSOR_TEST );
- } else {
- gl.disable( gl.SCISSOR_TEST );
- }
- }
- clear( color, depth, stencil, descriptor = null, setFrameBuffer = true ) {
- const { gl } = this;
- if ( descriptor === null ) {
- descriptor = {
- textures: null,
- clearColorValue: this.getClearColor()
- };
- }
- //
- let clear = 0;
- if ( color ) clear |= gl.COLOR_BUFFER_BIT;
- if ( depth ) clear |= gl.DEPTH_BUFFER_BIT;
- if ( stencil ) clear |= gl.STENCIL_BUFFER_BIT;
- if ( clear !== 0 ) {
- const clearColor = descriptor.clearColorValue || this.getClearColor();
- // premultiply alpha
- clearColor.r *= clearColor.a;
- clearColor.g *= clearColor.a;
- clearColor.b *= clearColor.a;
- if ( depth ) this.state.setDepthMask( true );
- if ( descriptor.textures === null ) {
- gl.clearColor( clearColor.r, clearColor.g, clearColor.b, clearColor.a );
- gl.clear( clear );
- } else {
- if ( setFrameBuffer ) this._setFramebuffer( descriptor );
- if ( color ) {
- for ( let i = 0; i < descriptor.textures.length; i ++ ) {
- gl.clearBufferfv( gl.COLOR, i, [ clearColor.r, clearColor.g, clearColor.b, clearColor.a ] );
- }
- }
- if ( depth && stencil ) {
- gl.clearBufferfi( gl.DEPTH_STENCIL, 0, 1, 0 );
- } else if ( depth ) {
- gl.clearBufferfv( gl.DEPTH, 0, [ 1.0 ] );
- } else if ( stencil ) {
- gl.clearBufferiv( gl.STENCIL, 0, [ 0 ] );
- }
- }
- }
- }
- beginCompute( computeGroup ) {
- const { state, gl } = this;
- state.bindFramebuffer( gl.FRAMEBUFFER, null );
- this.initTimestampQuery( computeGroup );
- }
- compute( computeGroup, computeNode, bindings, pipeline ) {
- const { state, gl } = this;
- if ( ! this.discard ) {
- // required here to handle async behaviour of render.compute()
- gl.enable( gl.RASTERIZER_DISCARD );
- this.discard = true;
- }
- const { programGPU, transformBuffers, attributes } = this.get( pipeline );
- const vaoKey = this._getVaoKey( null, attributes );
- const vaoGPU = this.vaoCache[ vaoKey ];
- if ( vaoGPU === undefined ) {
- this._createVao( null, attributes );
- } else {
- gl.bindVertexArray( vaoGPU );
- }
- state.useProgram( programGPU );
- this._bindUniforms( bindings );
- const transformFeedbackGPU = this._getTransformFeedback( transformBuffers );
- gl.bindTransformFeedback( gl.TRANSFORM_FEEDBACK, transformFeedbackGPU );
- gl.beginTransformFeedback( gl.POINTS );
- if ( attributes[ 0 ].isStorageInstancedBufferAttribute ) {
- gl.drawArraysInstanced( gl.POINTS, 0, 1, computeNode.count );
- } else {
- gl.drawArrays( gl.POINTS, 0, computeNode.count );
- }
- gl.endTransformFeedback();
- gl.bindTransformFeedback( gl.TRANSFORM_FEEDBACK, null );
- // switch active buffers
- for ( let i = 0; i < transformBuffers.length; i ++ ) {
- const dualAttributeData = transformBuffers[ i ];
- if ( dualAttributeData.pbo ) {
- this.textureUtils.copyBufferToTexture( dualAttributeData.transformBuffer, dualAttributeData.pbo );
- }
- dualAttributeData.switchBuffers();
- }
- }
- finishCompute( computeGroup ) {
- const gl = this.gl;
- this.discard = false;
- gl.disable( gl.RASTERIZER_DISCARD );
- this.prepareTimestampBuffer( computeGroup );
- }
- draw( renderObject/*, info*/ ) {
- const { object, pipeline, material, context } = renderObject;
- const { programGPU } = this.get( pipeline );
- const { gl, state } = this;
- const contextData = this.get( context );
- const drawParms = renderObject.getDrawParameters();
- if ( drawParms === null ) return;
- //
- this._bindUniforms( renderObject.getBindings() );
- const frontFaceCW = ( object.isMesh && object.matrixWorld.determinant() < 0 );
- state.setMaterial( material, frontFaceCW );
- state.useProgram( programGPU );
- //
- let vaoGPU = renderObject.staticVao;
- if ( vaoGPU === undefined ) {
- const vaoKey = this._getVaoKey( renderObject.getIndex(), renderObject.getAttributes() );
- vaoGPU = this.vaoCache[ vaoKey ];
- if ( vaoGPU === undefined ) {
- let staticVao;
- ( { vaoGPU, staticVao } = this._createVao( renderObject.getIndex(), renderObject.getAttributes() ) );
- if ( staticVao ) renderObject.staticVao = vaoGPU;
- }
- }
- gl.bindVertexArray( vaoGPU );
- //
- const index = renderObject.getIndex();
- //
- const lastObject = contextData.lastOcclusionObject;
- if ( lastObject !== object && lastObject !== undefined ) {
- if ( lastObject !== null && lastObject.occlusionTest === true ) {
- gl.endQuery( gl.ANY_SAMPLES_PASSED );
- contextData.occlusionQueryIndex ++;
- }
- if ( object.occlusionTest === true ) {
- const query = gl.createQuery();
- gl.beginQuery( gl.ANY_SAMPLES_PASSED, query );
- contextData.occlusionQueries[ contextData.occlusionQueryIndex ] = query;
- contextData.occlusionQueryObjects[ contextData.occlusionQueryIndex ] = object;
- }
- contextData.lastOcclusionObject = object;
- }
- //
- const renderer = this.bufferRenderer;
- if ( object.isPoints ) renderer.mode = gl.POINTS;
- else if ( object.isLineSegments ) renderer.mode = gl.LINES;
- else if ( object.isLine ) renderer.mode = gl.LINE_STRIP;
- else if ( object.isLineLoop ) renderer.mode = gl.LINE_LOOP;
- else {
- if ( material.wireframe === true ) {
- state.setLineWidth( material.wireframeLinewidth * this.renderer.getPixelRatio() );
- renderer.mode = gl.LINES;
- } else {
- renderer.mode = gl.TRIANGLES;
- }
- }
- //
- const { vertexCount, instanceCount } = drawParms;
- let { firstVertex } = drawParms;
- renderer.object = object;
- if ( index !== null ) {
- firstVertex *= index.array.BYTES_PER_ELEMENT;
- const indexData = this.get( index );
- renderer.index = index.count;
- renderer.type = indexData.type;
- } else {
- renderer.index = 0;
- }
- if ( object.isBatchedMesh ) {
- if ( object._multiDrawInstances !== null ) {
- renderer.renderMultiDrawInstances( object._multiDrawStarts, object._multiDrawCounts, object._multiDrawCount, object._multiDrawInstances );
- } else if ( ! this.hasFeature( 'WEBGL_multi_draw' ) ) {
- warnOnce( 'THREE.WebGLRenderer: WEBGL_multi_draw not supported.' );
- } else {
- renderer.renderMultiDraw( object._multiDrawStarts, object._multiDrawCounts, object._multiDrawCount );
- }
- } else if ( instanceCount > 1 ) {
- renderer.renderInstances( firstVertex, vertexCount, instanceCount );
- } else {
- renderer.render( firstVertex, vertexCount );
- }
- //
- gl.bindVertexArray( null );
- }
- needsRenderUpdate( /*renderObject*/ ) {
- return false;
- }
- getRenderCacheKey( /*renderObject*/ ) {
- return '';
- }
- // textures
- createDefaultTexture( texture ) {
- this.textureUtils.createDefaultTexture( texture );
- }
- createTexture( texture, options ) {
- this.textureUtils.createTexture( texture, options );
- }
- updateTexture( texture, options ) {
- this.textureUtils.updateTexture( texture, options );
- }
- generateMipmaps( texture ) {
- this.textureUtils.generateMipmaps( texture );
- }
- destroyTexture( texture ) {
- this.textureUtils.destroyTexture( texture );
- }
- copyTextureToBuffer( texture, x, y, width, height, faceIndex ) {
- return this.textureUtils.copyTextureToBuffer( texture, x, y, width, height, faceIndex );
- }
- createSampler( /*texture*/ ) {
- //console.warn( 'Abstract class.' );
- }
- destroySampler() {}
- // node builder
- createNodeBuilder( object, renderer ) {
- return new GLSLNodeBuilder( object, renderer );
- }
- // program
- createProgram( program ) {
- const gl = this.gl;
- const { stage, code } = program;
- const shader = stage === 'fragment' ? gl.createShader( gl.FRAGMENT_SHADER ) : gl.createShader( gl.VERTEX_SHADER );
- gl.shaderSource( shader, code );
- gl.compileShader( shader );
- this.set( program, {
- shaderGPU: shader
- } );
- }
- destroyProgram( /*program*/ ) {
- console.warn( 'Abstract class.' );
- }
- createRenderPipeline( renderObject, promises ) {
- const gl = this.gl;
- const pipeline = renderObject.pipeline;
- // Program
- const { fragmentProgram, vertexProgram } = pipeline;
- const programGPU = gl.createProgram();
- const fragmentShader = this.get( fragmentProgram ).shaderGPU;
- const vertexShader = this.get( vertexProgram ).shaderGPU;
- gl.attachShader( programGPU, fragmentShader );
- gl.attachShader( programGPU, vertexShader );
- gl.linkProgram( programGPU );
- this.set( pipeline, {
- programGPU,
- fragmentShader,
- vertexShader
- } );
- if ( promises !== null && this.parallel ) {
- const p = new Promise( ( resolve /*, reject*/ ) => {
- const parallel = this.parallel;
- const checkStatus = () => {
- if ( gl.getProgramParameter( programGPU, parallel.COMPLETION_STATUS_KHR ) ) {
- this._completeCompile( renderObject, pipeline );
- resolve();
- } else {
- requestAnimationFrame( checkStatus );
- }
- };
- checkStatus();
- } );
- promises.push( p );
- return;
- }
- this._completeCompile( renderObject, pipeline );
- }
- _handleSource( string, errorLine ) {
- const lines = string.split( '\n' );
- const lines2 = [];
- const from = Math.max( errorLine - 6, 0 );
- const to = Math.min( errorLine + 6, lines.length );
- for ( let i = from; i < to; i ++ ) {
- const line = i + 1;
- lines2.push( `${line === errorLine ? '>' : ' '} ${line}: ${lines[ i ]}` );
- }
- return lines2.join( '\n' );
- }
- _getShaderErrors( gl, shader, type ) {
- const status = gl.getShaderParameter( shader, gl.COMPILE_STATUS );
- const errors = gl.getShaderInfoLog( shader ).trim();
- if ( status && errors === '' ) return '';
- const errorMatches = /ERROR: 0:(\d+)/.exec( errors );
- if ( errorMatches ) {
- const errorLine = parseInt( errorMatches[ 1 ] );
- return type.toUpperCase() + '\n\n' + errors + '\n\n' + this._handleSource( gl.getShaderSource( shader ), errorLine );
- } else {
- return errors;
- }
- }
- _logProgramError( programGPU, glFragmentShader, glVertexShader ) {
- if ( this.renderer.debug.checkShaderErrors ) {
- const gl = this.gl;
- const programLog = gl.getProgramInfoLog( programGPU ).trim();
- if ( gl.getProgramParameter( programGPU, gl.LINK_STATUS ) === false ) {
- if ( typeof this.renderer.debug.onShaderError === 'function' ) {
- this.renderer.debug.onShaderError( gl, programGPU, glVertexShader, glFragmentShader );
- } else {
- // default error reporting
- const vertexErrors = this._getShaderErrors( gl, glVertexShader, 'vertex' );
- const fragmentErrors = this._getShaderErrors( gl, glFragmentShader, 'fragment' );
- console.error(
- 'THREE.WebGLProgram: Shader Error ' + gl.getError() + ' - ' +
- 'VALIDATE_STATUS ' + gl.getProgramParameter( programGPU, gl.VALIDATE_STATUS ) + '\n\n' +
- 'Program Info Log: ' + programLog + '\n' +
- vertexErrors + '\n' +
- fragmentErrors
- );
- }
- } else if ( programLog !== '' ) {
- console.warn( 'THREE.WebGLProgram: Program Info Log:', programLog );
- }
- }
- }
- _completeCompile( renderObject, pipeline ) {
- const { state, gl } = this;
- const pipelineData = this.get( pipeline );
- const { programGPU, fragmentShader, vertexShader } = pipelineData;
- if ( gl.getProgramParameter( programGPU, gl.LINK_STATUS ) === false ) {
- this._logProgramError( programGPU, fragmentShader, vertexShader );
- }
- state.useProgram( programGPU );
- // Bindings
- const bindings = renderObject.getBindings();
- this._setupBindings( bindings, programGPU );
- //
- this.set( pipeline, {
- programGPU
- } );
- }
- createComputePipeline( computePipeline, bindings ) {
- const { state, gl } = this;
- // Program
- const fragmentProgram = {
- stage: 'fragment',
- code: '#version 300 es\nprecision highp float;\nvoid main() {}'
- };
- this.createProgram( fragmentProgram );
- const { computeProgram } = computePipeline;
- const programGPU = gl.createProgram();
- const fragmentShader = this.get( fragmentProgram ).shaderGPU;
- const vertexShader = this.get( computeProgram ).shaderGPU;
- const transforms = computeProgram.transforms;
- const transformVaryingNames = [];
- const transformAttributeNodes = [];
- for ( let i = 0; i < transforms.length; i ++ ) {
- const transform = transforms[ i ];
- transformVaryingNames.push( transform.varyingName );
- transformAttributeNodes.push( transform.attributeNode );
- }
- gl.attachShader( programGPU, fragmentShader );
- gl.attachShader( programGPU, vertexShader );
- gl.transformFeedbackVaryings(
- programGPU,
- transformVaryingNames,
- gl.SEPARATE_ATTRIBS
- );
- gl.linkProgram( programGPU );
- if ( gl.getProgramParameter( programGPU, gl.LINK_STATUS ) === false ) {
- this._logProgramError( programGPU, fragmentShader, vertexShader );
- }
- state.useProgram( programGPU );
- // Bindings
- this.createBindings( null, bindings );
- this._setupBindings( bindings, programGPU );
- const attributeNodes = computeProgram.attributes;
- const attributes = [];
- const transformBuffers = [];
- for ( let i = 0; i < attributeNodes.length; i ++ ) {
- const attribute = attributeNodes[ i ].node.attribute;
- attributes.push( attribute );
- if ( ! this.has( attribute ) ) this.attributeUtils.createAttribute( attribute, gl.ARRAY_BUFFER );
- }
- for ( let i = 0; i < transformAttributeNodes.length; i ++ ) {
- const attribute = transformAttributeNodes[ i ].attribute;
- if ( ! this.has( attribute ) ) this.attributeUtils.createAttribute( attribute, gl.ARRAY_BUFFER );
- const attributeData = this.get( attribute );
- transformBuffers.push( attributeData );
- }
- //
- this.set( computePipeline, {
- programGPU,
- transformBuffers,
- attributes
- } );
- }
- createBindings( bindGroup, bindings ) {
- this.updateBindings( bindGroup, bindings );
- }
- updateBindings( bindGroup, bindings ) {
- if ( ! bindGroup ) return;
- const { gl } = this;
- const bindingsData = this.get( bindings );
- const bindGroupData = this.get( bindGroup );
- if ( bindingsData.textureIndex === undefined ) bindingsData.textureIndex = 0;
- if ( bindGroupData.textureIndex === undefined ) {
- bindGroupData.textureIndex = bindingsData.textureIndex;
- } else {
- // reset textureIndex to match previous mappimgs when rebuilt
- bindingsData.textureIndex = bindGroupData.textureIndex;
- }
- let i = 0;
- for ( const binding of bindGroup.bindings ) {
- if ( binding.isUniformsGroup || binding.isUniformBuffer ) {
- const data = binding.buffer;
- const bufferGPU = gl.createBuffer();
- gl.bindBuffer( gl.UNIFORM_BUFFER, bufferGPU );
- gl.bufferData( gl.UNIFORM_BUFFER, data, gl.DYNAMIC_DRAW );
- this.set( binding, {
- index: bindGroup.index * 2 + i ++,
- bufferGPU
- } );
- } else if ( binding.isSampledTexture ) {
- const { textureGPU, glTextureType } = this.get( binding.texture );
- this.set( binding, {
- index: bindingsData.textureIndex ++,
- textureGPU,
- glTextureType
- } );
- }
- }
- }
- updateBinding( binding ) {
- const gl = this.gl;
- if ( binding.isUniformsGroup || binding.isUniformBuffer ) {
- const bindingData = this.get( binding );
- const bufferGPU = bindingData.bufferGPU;
- const data = binding.buffer;
- gl.bindBuffer( gl.UNIFORM_BUFFER, bufferGPU );
- gl.bufferData( gl.UNIFORM_BUFFER, data, gl.DYNAMIC_DRAW );
- }
- }
- // attributes
- createIndexAttribute( attribute ) {
- const gl = this.gl;
- this.attributeUtils.createAttribute( attribute, gl.ELEMENT_ARRAY_BUFFER );
- }
- createAttribute( attribute ) {
- if ( this.has( attribute ) ) return;
- const gl = this.gl;
- this.attributeUtils.createAttribute( attribute, gl.ARRAY_BUFFER );
- }
- createStorageAttribute( attribute ) {
- if ( this.has( attribute ) ) return;
- const gl = this.gl;
- this.attributeUtils.createAttribute( attribute, gl.ARRAY_BUFFER );
- }
- updateAttribute( attribute ) {
- this.attributeUtils.updateAttribute( attribute );
- }
- destroyAttribute( attribute ) {
- this.attributeUtils.destroyAttribute( attribute );
- }
- updateSize() {
- //console.warn( 'Abstract class.' );
- }
- hasFeature( name ) {
- const keysMatching = Object.keys( GLFeatureName ).filter( key => GLFeatureName[ key ] === name );
- const extensions = this.extensions;
- for ( let i = 0; i < keysMatching.length; i ++ ) {
- if ( extensions.has( keysMatching[ i ] ) ) return true;
- }
- return false;
- }
- getMaxAnisotropy() {
- return this.capabilities.getMaxAnisotropy();
- }
- copyTextureToTexture( position, srcTexture, dstTexture, level ) {
- this.textureUtils.copyTextureToTexture( position, srcTexture, dstTexture, level );
- }
- copyFramebufferToTexture( texture, renderContext, rectangle ) {
- this.textureUtils.copyFramebufferToTexture( texture, renderContext, rectangle );
- }
- _setFramebuffer( descriptor ) {
- const { gl, state } = this;
- let currentFrameBuffer = null;
- if ( descriptor.textures !== null ) {
- const renderTarget = descriptor.renderTarget;
- const renderTargetContextData = this.get( renderTarget );
- const { samples, depthBuffer, stencilBuffer } = renderTarget;
- const isCube = renderTarget.isWebGLCubeRenderTarget === true;
- let msaaFb = renderTargetContextData.msaaFrameBuffer;
- let depthRenderbuffer = renderTargetContextData.depthRenderbuffer;
- const cacheKey = getCacheKey( descriptor );
- let fb;
- if ( isCube ) {
- renderTargetContextData.cubeFramebuffers || ( renderTargetContextData.cubeFramebuffers = {} );
- fb = renderTargetContextData.cubeFramebuffers[ cacheKey ];
- } else {
- renderTargetContextData.framebuffers || ( renderTargetContextData.framebuffers = {} );
- fb = renderTargetContextData.framebuffers[ cacheKey ];
- }
- if ( fb === undefined ) {
- fb = gl.createFramebuffer();
- state.bindFramebuffer( gl.FRAMEBUFFER, fb );
- const textures = descriptor.textures;
- if ( isCube ) {
- renderTargetContextData.cubeFramebuffers[ cacheKey ] = fb;
- const { textureGPU } = this.get( textures[ 0 ] );
- const cubeFace = this.renderer._activeCubeFace;
- gl.framebufferTexture2D( gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_CUBE_MAP_POSITIVE_X + cubeFace, textureGPU, 0 );
- } else {
- renderTargetContextData.framebuffers[ cacheKey ] = fb;
- for ( let i = 0; i < textures.length; i ++ ) {
- const texture = textures[ i ];
- const textureData = this.get( texture );
- textureData.renderTarget = descriptor.renderTarget;
- const attachment = gl.COLOR_ATTACHMENT0 + i;
- gl.framebufferTexture2D( gl.FRAMEBUFFER, attachment, gl.TEXTURE_2D, textureData.textureGPU, 0 );
- }
- state.drawBuffers( descriptor, fb );
- }
- if ( descriptor.depthTexture !== null ) {
- const textureData = this.get( descriptor.depthTexture );
- const depthStyle = stencilBuffer ? gl.DEPTH_STENCIL_ATTACHMENT : gl.DEPTH_ATTACHMENT;
- gl.framebufferTexture2D( gl.FRAMEBUFFER, depthStyle, gl.TEXTURE_2D, textureData.textureGPU, 0 );
- }
- }
- if ( samples > 0 ) {
- if ( msaaFb === undefined ) {
- const invalidationArray = [];
- msaaFb = gl.createFramebuffer();
- state.bindFramebuffer( gl.FRAMEBUFFER, msaaFb );
- const msaaRenderbuffers = [];
- const textures = descriptor.textures;
- for ( let i = 0; i < textures.length; i ++ ) {
- msaaRenderbuffers[ i ] = gl.createRenderbuffer();
- gl.bindRenderbuffer( gl.RENDERBUFFER, msaaRenderbuffers[ i ] );
- invalidationArray.push( gl.COLOR_ATTACHMENT0 + i );
- if ( depthBuffer ) {
- const depthStyle = stencilBuffer ? gl.DEPTH_STENCIL_ATTACHMENT : gl.DEPTH_ATTACHMENT;
- invalidationArray.push( depthStyle );
- }
- const texture = descriptor.textures[ i ];
- const textureData = this.get( texture );
- gl.renderbufferStorageMultisample( gl.RENDERBUFFER, samples, textureData.glInternalFormat, descriptor.width, descriptor.height );
- gl.framebufferRenderbuffer( gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0 + i, gl.RENDERBUFFER, msaaRenderbuffers[ i ] );
- }
- renderTargetContextData.msaaFrameBuffer = msaaFb;
- renderTargetContextData.msaaRenderbuffers = msaaRenderbuffers;
- if ( depthRenderbuffer === undefined ) {
- depthRenderbuffer = gl.createRenderbuffer();
- this.textureUtils.setupRenderBufferStorage( depthRenderbuffer, descriptor );
- renderTargetContextData.depthRenderbuffer = depthRenderbuffer;
- const depthStyle = stencilBuffer ? gl.DEPTH_STENCIL_ATTACHMENT : gl.DEPTH_ATTACHMENT;
- invalidationArray.push( depthStyle );
- }
- renderTargetContextData.invalidationArray = invalidationArray;
- }
- currentFrameBuffer = renderTargetContextData.msaaFrameBuffer;
- } else {
- currentFrameBuffer = fb;
- }
- }
- state.bindFramebuffer( gl.FRAMEBUFFER, currentFrameBuffer );
- }
- _getVaoKey( index, attributes ) {
- let key = [];
- if ( index !== null ) {
- const indexData = this.get( index );
- key += ':' + indexData.id;
- }
- for ( let i = 0; i < attributes.length; i ++ ) {
- const attributeData = this.get( attributes[ i ] );
- key += ':' + attributeData.id;
- }
- return key;
- }
- _createVao( index, attributes ) {
- const { gl } = this;
- const vaoGPU = gl.createVertexArray();
- let key = '';
- let staticVao = true;
- gl.bindVertexArray( vaoGPU );
- if ( index !== null ) {
- const indexData = this.get( index );
- gl.bindBuffer( gl.ELEMENT_ARRAY_BUFFER, indexData.bufferGPU );
- key += ':' + indexData.id;
- }
- for ( let i = 0; i < attributes.length; i ++ ) {
- const attribute = attributes[ i ];
- const attributeData = this.get( attribute );
- key += ':' + attributeData.id;
- gl.bindBuffer( gl.ARRAY_BUFFER, attributeData.bufferGPU );
- gl.enableVertexAttribArray( i );
- if ( attribute.isStorageBufferAttribute || attribute.isStorageInstancedBufferAttribute ) staticVao = false;
- let stride, offset;
- if ( attribute.isInterleavedBufferAttribute === true ) {
- stride = attribute.data.stride * attributeData.bytesPerElement;
- offset = attribute.offset * attributeData.bytesPerElement;
- } else {
- stride = 0;
- offset = 0;
- }
- if ( attributeData.isInteger ) {
- gl.vertexAttribIPointer( i, attribute.itemSize, attributeData.type, stride, offset );
- } else {
- gl.vertexAttribPointer( i, attribute.itemSize, attributeData.type, attribute.normalized, stride, offset );
- }
- if ( attribute.isInstancedBufferAttribute && ! attribute.isInterleavedBufferAttribute ) {
- gl.vertexAttribDivisor( i, attribute.meshPerAttribute );
- } else if ( attribute.isInterleavedBufferAttribute && attribute.data.isInstancedInterleavedBuffer ) {
- gl.vertexAttribDivisor( i, attribute.data.meshPerAttribute );
- }
- }
- gl.bindBuffer( gl.ARRAY_BUFFER, null );
- this.vaoCache[ key ] = vaoGPU;
- return { vaoGPU, staticVao };
- }
- _getTransformFeedback( transformBuffers ) {
- let key = '';
- for ( let i = 0; i < transformBuffers.length; i ++ ) {
- key += ':' + transformBuffers[ i ].id;
- }
- let transformFeedbackGPU = this.transformFeedbackCache[ key ];
- if ( transformFeedbackGPU !== undefined ) {
- return transformFeedbackGPU;
- }
- const { gl } = this;
- transformFeedbackGPU = gl.createTransformFeedback();
- gl.bindTransformFeedback( gl.TRANSFORM_FEEDBACK, transformFeedbackGPU );
- for ( let i = 0; i < transformBuffers.length; i ++ ) {
- const attributeData = transformBuffers[ i ];
- gl.bindBufferBase( gl.TRANSFORM_FEEDBACK_BUFFER, i, attributeData.transformBuffer );
- }
- gl.bindTransformFeedback( gl.TRANSFORM_FEEDBACK, null );
- this.transformFeedbackCache[ key ] = transformFeedbackGPU;
- return transformFeedbackGPU;
- }
- _setupBindings( bindings, programGPU ) {
- const gl = this.gl;
- for ( const bindGroup of bindings ) {
- for ( const binding of bindGroup.bindings ) {
- const bindingData = this.get( binding );
- const index = bindingData.index;
- if ( binding.isUniformsGroup || binding.isUniformBuffer ) {
- const location = gl.getUniformBlockIndex( programGPU, binding.name );
- gl.uniformBlockBinding( programGPU, location, index );
- } else if ( binding.isSampledTexture ) {
- const location = gl.getUniformLocation( programGPU, binding.name );
- gl.uniform1i( location, index );
- }
- }
- }
- }
- _bindUniforms( bindings ) {
- const { gl, state } = this;
- for ( const bindGroup of bindings ) {
- for ( const binding of bindGroup.bindings ) {
- const bindingData = this.get( binding );
- const index = bindingData.index;
- if ( binding.isUniformsGroup || binding.isUniformBuffer ) {
- // TODO USE bindBufferRange to group multiple uniform buffers
- state.bindBufferBase( gl.UNIFORM_BUFFER, index, bindingData.bufferGPU );
- } else if ( binding.isSampledTexture ) {
- state.bindTexture( bindingData.glTextureType, bindingData.textureGPU, gl.TEXTURE0 + index );
- }
- }
- }
- }
- }
- class Sampler extends Binding {
- constructor( name, texture ) {
- super( name );
- this.texture = texture;
- this.version = texture ? texture.version : 0;
- this.isSampler = true;
- }
- }
- class NodeSampler extends Sampler {
- constructor( name, textureNode, groupNode ) {
- super( name, textureNode ? textureNode.value : null );
- this.textureNode = textureNode;
- this.groupNode = groupNode;
- }
- update() {
- this.texture = this.textureNode.value;
- }
- }
- class StorageBuffer extends Buffer {
- constructor( name, attribute ) {
- super( name, attribute ? attribute.array : null );
- this.attribute = attribute;
- this.isStorageBuffer = true;
- }
- }
- let _id = 0;
- class NodeStorageBuffer extends StorageBuffer {
- constructor( nodeUniform, groupNode ) {
- super( 'StorageBuffer_' + _id ++, nodeUniform ? nodeUniform.value : null );
- this.nodeUniform = nodeUniform;
- this.access = nodeUniform ? nodeUniform.access : GPUBufferBindingType.Storage;
- this.groupNode = groupNode;
- }
- get buffer() {
- return this.nodeUniform.value;
- }
- }
- class WebGPUTexturePassUtils extends DataMap {
- constructor( device ) {
- super();
- this.device = device;
- const mipmapVertexSource = `
- struct VarysStruct {
- @builtin( position ) Position: vec4<f32>,
- @location( 0 ) vTex : vec2<f32>
- };
- @vertex
- fn main( @builtin( vertex_index ) vertexIndex : u32 ) -> VarysStruct {
- var Varys : VarysStruct;
- var pos = array< vec2<f32>, 4 >(
- vec2<f32>( -1.0, 1.0 ),
- vec2<f32>( 1.0, 1.0 ),
- vec2<f32>( -1.0, -1.0 ),
- vec2<f32>( 1.0, -1.0 )
- );
- var tex = array< vec2<f32>, 4 >(
- vec2<f32>( 0.0, 0.0 ),
- vec2<f32>( 1.0, 0.0 ),
- vec2<f32>( 0.0, 1.0 ),
- vec2<f32>( 1.0, 1.0 )
- );
- Varys.vTex = tex[ vertexIndex ];
- Varys.Position = vec4<f32>( pos[ vertexIndex ], 0.0, 1.0 );
- return Varys;
- }
- `;
- const mipmapFragmentSource = `
- @group( 0 ) @binding( 0 )
- var imgSampler : sampler;
- @group( 0 ) @binding( 1 )
- var img : texture_2d<f32>;
- @fragment
- fn main( @location( 0 ) vTex : vec2<f32> ) -> @location( 0 ) vec4<f32> {
- return textureSample( img, imgSampler, vTex );
- }
- `;
- const flipYFragmentSource = `
- @group( 0 ) @binding( 0 )
- var imgSampler : sampler;
- @group( 0 ) @binding( 1 )
- var img : texture_2d<f32>;
- @fragment
- fn main( @location( 0 ) vTex : vec2<f32> ) -> @location( 0 ) vec4<f32> {
- return textureSample( img, imgSampler, vec2( vTex.x, 1.0 - vTex.y ) );
- }
- `;
- this.mipmapSampler = device.createSampler( { minFilter: GPUFilterMode.Linear } );
- this.flipYSampler = device.createSampler( { minFilter: GPUFilterMode.Nearest } ); //@TODO?: Consider using textureLoad()
- // We'll need a new pipeline for every texture format used.
- this.transferPipelines = {};
- this.flipYPipelines = {};
- this.mipmapVertexShaderModule = device.createShaderModule( {
- label: 'mipmapVertex',
- code: mipmapVertexSource
- } );
- this.mipmapFragmentShaderModule = device.createShaderModule( {
- label: 'mipmapFragment',
- code: mipmapFragmentSource
- } );
- this.flipYFragmentShaderModule = device.createShaderModule( {
- label: 'flipYFragment',
- code: flipYFragmentSource
- } );
- }
- getTransferPipeline( format ) {
- let pipeline = this.transferPipelines[ format ];
- if ( pipeline === undefined ) {
- pipeline = this.device.createRenderPipeline( {
- label: `mipmap-${ format }`,
- vertex: {
- module: this.mipmapVertexShaderModule,
- entryPoint: 'main'
- },
- fragment: {
- module: this.mipmapFragmentShaderModule,
- entryPoint: 'main',
- targets: [ { format } ]
- },
- primitive: {
- topology: GPUPrimitiveTopology.TriangleStrip,
- stripIndexFormat: GPUIndexFormat.Uint32
- },
- layout: 'auto'
- } );
- this.transferPipelines[ format ] = pipeline;
- }
- return pipeline;
- }
- getFlipYPipeline( format ) {
- let pipeline = this.flipYPipelines[ format ];
- if ( pipeline === undefined ) {
- pipeline = this.device.createRenderPipeline( {
- label: `flipY-${ format }`,
- vertex: {
- module: this.mipmapVertexShaderModule,
- entryPoint: 'main'
- },
- fragment: {
- module: this.flipYFragmentShaderModule,
- entryPoint: 'main',
- targets: [ { format } ]
- },
- primitive: {
- topology: GPUPrimitiveTopology.TriangleStrip,
- stripIndexFormat: GPUIndexFormat.Uint32
- },
- layout: 'auto'
- } );
- this.flipYPipelines[ format ] = pipeline;
- }
- return pipeline;
- }
- flipY( textureGPU, textureGPUDescriptor, baseArrayLayer = 0 ) {
- const format = textureGPUDescriptor.format;
- const { width, height } = textureGPUDescriptor.size;
- const transferPipeline = this.getTransferPipeline( format );
- const flipYPipeline = this.getFlipYPipeline( format );
- const tempTexture = this.device.createTexture( {
- size: { width, height, depthOrArrayLayers: 1 },
- format,
- usage: GPUTextureUsage.RENDER_ATTACHMENT | GPUTextureUsage.TEXTURE_BINDING
- } );
- const srcView = textureGPU.createView( {
- baseMipLevel: 0,
- mipLevelCount: 1,
- dimension: GPUTextureViewDimension.TwoD,
- baseArrayLayer
- } );
- const dstView = tempTexture.createView( {
- baseMipLevel: 0,
- mipLevelCount: 1,
- dimension: GPUTextureViewDimension.TwoD,
- baseArrayLayer: 0
- } );
- const commandEncoder = this.device.createCommandEncoder( {} );
- const pass = ( pipeline, sourceView, destinationView ) => {
- const bindGroupLayout = pipeline.getBindGroupLayout( 0 ); // @TODO: Consider making this static.
- const bindGroup = this.device.createBindGroup( {
- layout: bindGroupLayout,
- entries: [ {
- binding: 0,
- resource: this.flipYSampler
- }, {
- binding: 1,
- resource: sourceView
- } ]
- } );
- const passEncoder = commandEncoder.beginRenderPass( {
- colorAttachments: [ {
- view: destinationView,
- loadOp: GPULoadOp.Clear,
- storeOp: GPUStoreOp.Store,
- clearValue: [ 0, 0, 0, 0 ]
- } ]
- } );
- passEncoder.setPipeline( pipeline );
- passEncoder.setBindGroup( 0, bindGroup );
- passEncoder.draw( 4, 1, 0, 0 );
- passEncoder.end();
- };
- pass( transferPipeline, srcView, dstView );
- pass( flipYPipeline, dstView, srcView );
- this.device.queue.submit( [ commandEncoder.finish() ] );
- tempTexture.destroy();
- }
- generateMipmaps( textureGPU, textureGPUDescriptor, baseArrayLayer = 0 ) {
- const textureData = this.get( textureGPU );
- if ( textureData.useCount === undefined ) {
- textureData.useCount = 0;
- textureData.layers = [];
- }
- const passes = textureData.layers[ baseArrayLayer ] || this._mipmapCreateBundles( textureGPU, textureGPUDescriptor, baseArrayLayer );
- const commandEncoder = this.device.createCommandEncoder( {} );
- this._mipmapRunBundles( commandEncoder, passes );
- this.device.queue.submit( [ commandEncoder.finish() ] );
- if ( textureData.useCount !== 0 ) textureData.layers[ baseArrayLayer ] = passes;
- textureData.useCount ++;
- }
- _mipmapCreateBundles( textureGPU, textureGPUDescriptor, baseArrayLayer ) {
- const pipeline = this.getTransferPipeline( textureGPUDescriptor.format );
- const bindGroupLayout = pipeline.getBindGroupLayout( 0 ); // @TODO: Consider making this static.
- let srcView = textureGPU.createView( {
- baseMipLevel: 0,
- mipLevelCount: 1,
- dimension: GPUTextureViewDimension.TwoD,
- baseArrayLayer
- } );
- const passes = [];
- for ( let i = 1; i < textureGPUDescriptor.mipLevelCount; i ++ ) {
- const bindGroup = this.device.createBindGroup( {
- layout: bindGroupLayout,
- entries: [ {
- binding: 0,
- resource: this.mipmapSampler
- }, {
- binding: 1,
- resource: srcView
- } ]
- } );
- const dstView = textureGPU.createView( {
- baseMipLevel: i,
- mipLevelCount: 1,
- dimension: GPUTextureViewDimension.TwoD,
- baseArrayLayer
- } );
- const passDescriptor = {
- colorAttachments: [ {
- view: dstView,
- loadOp: GPULoadOp.Clear,
- storeOp: GPUStoreOp.Store,
- clearValue: [ 0, 0, 0, 0 ]
- } ]
- };
- const passEncoder = this.device.createRenderBundleEncoder( {
- colorFormats: [ textureGPUDescriptor.format ]
- } );
- passEncoder.setPipeline( pipeline );
- passEncoder.setBindGroup( 0, bindGroup );
- passEncoder.draw( 4, 1, 0, 0 );
- passes.push( {
- renderBundles: [ passEncoder.finish() ],
- passDescriptor
- } );
- srcView = dstView;
- }
- return passes;
- }
- _mipmapRunBundles( commandEncoder, passes ) {
- const levels = passes.length;
- for ( let i = 0; i < levels; i ++ ) {
- const pass = passes[ i ];
- const passEncoder = commandEncoder.beginRenderPass( pass.passDescriptor );
- passEncoder.executeBundles( pass.renderBundles );
- passEncoder.end();
- }
- }
- }
- const _compareToWebGPU = {
- [ NeverCompare ]: 'never',
- [ LessCompare ]: 'less',
- [ EqualCompare ]: 'equal',
- [ LessEqualCompare ]: 'less-equal',
- [ GreaterCompare ]: 'greater',
- [ GreaterEqualCompare ]: 'greater-equal',
- [ AlwaysCompare ]: 'always',
- [ NotEqualCompare ]: 'not-equal'
- };
- const _flipMap = [ 0, 1, 3, 2, 4, 5 ];
- class WebGPUTextureUtils {
- constructor( backend ) {
- this.backend = backend;
- this._passUtils = null;
- this.defaultTexture = {};
- this.defaultCubeTexture = {};
- this.defaultVideoFrame = null;
- this.colorBuffer = null;
- this.depthTexture = new DepthTexture();
- this.depthTexture.name = 'depthBuffer';
- }
- createSampler( texture ) {
- const backend = this.backend;
- const device = backend.device;
- const textureGPU = backend.get( texture );
- const samplerDescriptorGPU = {
- addressModeU: this._convertAddressMode( texture.wrapS ),
- addressModeV: this._convertAddressMode( texture.wrapT ),
- addressModeW: this._convertAddressMode( texture.wrapR ),
- magFilter: this._convertFilterMode( texture.magFilter ),
- minFilter: this._convertFilterMode( texture.minFilter ),
- mipmapFilter: this._convertFilterMode( texture.minFilter ),
- maxAnisotropy: texture.anisotropy
- };
- if ( texture.isDepthTexture && texture.compareFunction !== null ) {
- samplerDescriptorGPU.compare = _compareToWebGPU[ texture.compareFunction ];
- }
- textureGPU.sampler = device.createSampler( samplerDescriptorGPU );
- }
- createDefaultTexture( texture ) {
- let textureGPU;
- const format = getFormat( texture );
- if ( texture.isCubeTexture ) {
- textureGPU = this._getDefaultCubeTextureGPU( format );
- } else if ( texture.isVideoTexture ) {
- this.backend.get( texture ).externalTexture = this._getDefaultVideoFrame();
- } else {
- textureGPU = this._getDefaultTextureGPU( format );
- }
- this.backend.get( texture ).texture = textureGPU;
- }
- createTexture( texture, options = {} ) {
- const backend = this.backend;
- const textureData = backend.get( texture );
- if ( textureData.initialized ) {
- throw new Error( 'WebGPUTextureUtils: Texture already initialized.' );
- }
- if ( options.needsMipmaps === undefined ) options.needsMipmaps = false;
- if ( options.levels === undefined ) options.levels = 1;
- if ( options.depth === undefined ) options.depth = 1;
- const { width, height, depth, levels } = options;
- const dimension = this._getDimension( texture );
- const format = texture.internalFormat || options.format || getFormat( texture, backend.device );
- textureData.format = format;
- let sampleCount = options.sampleCount !== undefined ? options.sampleCount : 1;
- sampleCount = backend.utils.getSampleCount( sampleCount );
- const primarySampleCount = texture.isRenderTargetTexture && ! texture.isMultisampleRenderTargetTexture ? 1 : sampleCount;
- let usage = GPUTextureUsage.TEXTURE_BINDING | GPUTextureUsage.COPY_DST | GPUTextureUsage.COPY_SRC;
- if ( texture.isStorageTexture === true ) {
- usage |= GPUTextureUsage.STORAGE_BINDING;
- }
- if ( texture.isCompressedTexture !== true && texture.isCompressedArrayTexture !== true ) {
- usage |= GPUTextureUsage.RENDER_ATTACHMENT;
- }
- const textureDescriptorGPU = {
- label: texture.name,
- size: {
- width: width,
- height: height,
- depthOrArrayLayers: depth,
- },
- mipLevelCount: levels,
- sampleCount: primarySampleCount,
- dimension: dimension,
- format: format,
- usage: usage
- };
- // texture creation
- if ( texture.isVideoTexture ) {
- const video = texture.source.data;
- const videoFrame = new VideoFrame( video );
- textureDescriptorGPU.size.width = videoFrame.displayWidth;
- textureDescriptorGPU.size.height = videoFrame.displayHeight;
- videoFrame.close();
- textureData.externalTexture = video;
- } else {
- if ( format === undefined ) {
- console.warn( 'WebGPURenderer: Texture format not supported.' );
- return this.createDefaultTexture( texture );
- }
- textureData.texture = backend.device.createTexture( textureDescriptorGPU );
- }
- if ( texture.isRenderTargetTexture && sampleCount > 1 && ! texture.isMultisampleRenderTargetTexture ) {
- const msaaTextureDescriptorGPU = Object.assign( {}, textureDescriptorGPU );
- msaaTextureDescriptorGPU.label = msaaTextureDescriptorGPU.label + '-msaa';
- msaaTextureDescriptorGPU.sampleCount = sampleCount;
- textureData.msaaTexture = backend.device.createTexture( msaaTextureDescriptorGPU );
- }
- textureData.initialized = true;
- textureData.textureDescriptorGPU = textureDescriptorGPU;
- }
- destroyTexture( texture ) {
- const backend = this.backend;
- const textureData = backend.get( texture );
- textureData.texture.destroy();
- if ( textureData.msaaTexture !== undefined ) textureData.msaaTexture.destroy();
- backend.delete( texture );
- }
- destroySampler( texture ) {
- const backend = this.backend;
- const textureData = backend.get( texture );
- delete textureData.sampler;
- }
- generateMipmaps( texture ) {
- const textureData = this.backend.get( texture );
- if ( texture.isCubeTexture ) {
- for ( let i = 0; i < 6; i ++ ) {
- this._generateMipmaps( textureData.texture, textureData.textureDescriptorGPU, i );
- }
- } else {
- const depth = texture.image.depth || 1;
- for ( let i = 0; i < depth; i ++ ) {
- this._generateMipmaps( textureData.texture, textureData.textureDescriptorGPU, i );
- }
- }
- }
- getColorBuffer() {
- if ( this.colorBuffer ) this.colorBuffer.destroy();
- const backend = this.backend;
- const { width, height } = backend.getDrawingBufferSize();
- this.colorBuffer = backend.device.createTexture( {
- label: 'colorBuffer',
- size: {
- width: width,
- height: height,
- depthOrArrayLayers: 1
- },
- sampleCount: backend.utils.getSampleCount( backend.renderer.samples ),
- format: backend.utils.getPreferredCanvasFormat(),
- usage: GPUTextureUsage.RENDER_ATTACHMENT | GPUTextureUsage.COPY_SRC
- } );
- return this.colorBuffer;
- }
- getDepthBuffer( depth = true, stencil = false ) {
- const backend = this.backend;
- const { width, height } = backend.getDrawingBufferSize();
- const depthTexture = this.depthTexture;
- const depthTextureGPU = backend.get( depthTexture ).texture;
- let format, type;
- if ( stencil ) {
- format = DepthStencilFormat;
- type = UnsignedInt248Type;
- } else if ( depth ) {
- format = DepthFormat;
- type = UnsignedIntType;
- }
- if ( depthTextureGPU !== undefined ) {
- if ( depthTexture.image.width === width && depthTexture.image.height === height && depthTexture.format === format && depthTexture.type === type ) {
- return depthTextureGPU;
- }
- this.destroyTexture( depthTexture );
- }
- depthTexture.name = 'depthBuffer';
- depthTexture.format = format;
- depthTexture.type = type;
- depthTexture.image.width = width;
- depthTexture.image.height = height;
- this.createTexture( depthTexture, { sampleCount: backend.utils.getSampleCount( backend.renderer.samples ), width, height } );
- return backend.get( depthTexture ).texture;
- }
- updateTexture( texture, options ) {
- const textureData = this.backend.get( texture );
- const { textureDescriptorGPU } = textureData;
- if ( texture.isRenderTargetTexture || ( textureDescriptorGPU === undefined /* unsupported texture format */ ) )
- return;
- // transfer texture data
- if ( texture.isDataTexture ) {
- this._copyBufferToTexture( options.image, textureData.texture, textureDescriptorGPU, 0, texture.flipY );
- } else if ( texture.isDataArrayTexture || texture.isData3DTexture ) {
- for ( let i = 0; i < options.image.depth; i ++ ) {
- this._copyBufferToTexture( options.image, textureData.texture, textureDescriptorGPU, i, texture.flipY, i );
- }
- } else if ( texture.isCompressedTexture || texture.isCompressedArrayTexture ) {
- this._copyCompressedBufferToTexture( texture.mipmaps, textureData.texture, textureDescriptorGPU );
- } else if ( texture.isCubeTexture ) {
- this._copyCubeMapToTexture( options.images, textureData.texture, textureDescriptorGPU, texture.flipY );
- } else if ( texture.isVideoTexture ) {
- const video = texture.source.data;
- textureData.externalTexture = video;
- } else {
- this._copyImageToTexture( options.image, textureData.texture, textureDescriptorGPU, 0, texture.flipY );
- }
- //
- textureData.version = texture.version;
- if ( texture.onUpdate ) texture.onUpdate( texture );
- }
- async copyTextureToBuffer( texture, x, y, width, height, faceIndex ) {
- const device = this.backend.device;
- const textureData = this.backend.get( texture );
- const textureGPU = textureData.texture;
- const format = textureData.textureDescriptorGPU.format;
- const bytesPerTexel = this._getBytesPerTexel( format );
- let bytesPerRow = width * bytesPerTexel;
- bytesPerRow = Math.ceil( bytesPerRow / 256 ) * 256; // Align to 256 bytes
- const readBuffer = device.createBuffer(
- {
- size: width * height * bytesPerTexel,
- usage: GPUBufferUsage.COPY_DST | GPUBufferUsage.MAP_READ
- }
- );
- const encoder = device.createCommandEncoder();
- encoder.copyTextureToBuffer(
- {
- texture: textureGPU,
- origin: { x, y, z: faceIndex },
- },
- {
- buffer: readBuffer,
- bytesPerRow: bytesPerRow
- },
- {
- width: width,
- height: height
- }
- );
- const typedArrayType = this._getTypedArrayType( format );
- device.queue.submit( [ encoder.finish() ] );
- await readBuffer.mapAsync( GPUMapMode.READ );
- const buffer = readBuffer.getMappedRange();
- return new typedArrayType( buffer );
- }
- _isEnvironmentTexture( texture ) {
- const mapping = texture.mapping;
- return ( mapping === EquirectangularReflectionMapping || mapping === EquirectangularRefractionMapping ) || ( mapping === CubeReflectionMapping || mapping === CubeRefractionMapping );
- }
- _getDefaultTextureGPU( format ) {
- let defaultTexture = this.defaultTexture[ format ];
- if ( defaultTexture === undefined ) {
- const texture = new Texture();
- texture.minFilter = NearestFilter;
- texture.magFilter = NearestFilter;
- this.createTexture( texture, { width: 1, height: 1, format } );
- this.defaultTexture[ format ] = defaultTexture = texture;
- }
- return this.backend.get( defaultTexture ).texture;
- }
- _getDefaultCubeTextureGPU( format ) {
- let defaultCubeTexture = this.defaultTexture[ format ];
- if ( defaultCubeTexture === undefined ) {
- const texture = new CubeTexture();
- texture.minFilter = NearestFilter;
- texture.magFilter = NearestFilter;
- this.createTexture( texture, { width: 1, height: 1, depth: 6 } );
- this.defaultCubeTexture[ format ] = defaultCubeTexture = texture;
- }
- return this.backend.get( defaultCubeTexture ).texture;
- }
- _getDefaultVideoFrame() {
- let defaultVideoFrame = this.defaultVideoFrame;
- if ( defaultVideoFrame === null ) {
- const init = {
- timestamp: 0,
- codedWidth: 1,
- codedHeight: 1,
- format: 'RGBA',
- };
- this.defaultVideoFrame = defaultVideoFrame = new VideoFrame( new Uint8Array( [ 0, 0, 0, 0xff ] ), init );
- }
- return defaultVideoFrame;
- }
- _copyCubeMapToTexture( images, textureGPU, textureDescriptorGPU, flipY ) {
- for ( let i = 0; i < 6; i ++ ) {
- const image = images[ i ];
- const flipIndex = flipY === true ? _flipMap[ i ] : i;
- if ( image.isDataTexture ) {
- this._copyBufferToTexture( image.image, textureGPU, textureDescriptorGPU, flipIndex, flipY );
- } else {
- this._copyImageToTexture( image, textureGPU, textureDescriptorGPU, flipIndex, flipY );
- }
- }
- }
- _copyImageToTexture( image, textureGPU, textureDescriptorGPU, originDepth, flipY ) {
- const device = this.backend.device;
- device.queue.copyExternalImageToTexture(
- {
- source: image
- }, {
- texture: textureGPU,
- mipLevel: 0,
- origin: { x: 0, y: 0, z: originDepth }
- }, {
- width: image.width,
- height: image.height,
- depthOrArrayLayers: 1
- }
- );
- if ( flipY === true ) {
- this._flipY( textureGPU, textureDescriptorGPU, originDepth );
- }
- }
- _getPassUtils() {
- let passUtils = this._passUtils;
- if ( passUtils === null ) {
- this._passUtils = passUtils = new WebGPUTexturePassUtils( this.backend.device );
- }
- return passUtils;
- }
- _generateMipmaps( textureGPU, textureDescriptorGPU, baseArrayLayer = 0 ) {
- this._getPassUtils().generateMipmaps( textureGPU, textureDescriptorGPU, baseArrayLayer );
- }
- _flipY( textureGPU, textureDescriptorGPU, originDepth = 0 ) {
- this._getPassUtils().flipY( textureGPU, textureDescriptorGPU, originDepth );
- }
- _copyBufferToTexture( image, textureGPU, textureDescriptorGPU, originDepth, flipY, depth = 0 ) {
- // @TODO: Consider to use GPUCommandEncoder.copyBufferToTexture()
- // @TODO: Consider to support valid buffer layouts with other formats like RGB
- const device = this.backend.device;
- const data = image.data;
- const bytesPerTexel = this._getBytesPerTexel( textureDescriptorGPU.format );
- const bytesPerRow = image.width * bytesPerTexel;
- device.queue.writeTexture(
- {
- texture: textureGPU,
- mipLevel: 0,
- origin: { x: 0, y: 0, z: originDepth }
- },
- data,
- {
- offset: image.width * image.height * bytesPerTexel * depth,
- bytesPerRow
- },
- {
- width: image.width,
- height: image.height,
- depthOrArrayLayers: 1
- } );
- if ( flipY === true ) {
- this._flipY( textureGPU, textureDescriptorGPU, originDepth );
- }
- }
- _copyCompressedBufferToTexture( mipmaps, textureGPU, textureDescriptorGPU ) {
- // @TODO: Consider to use GPUCommandEncoder.copyBufferToTexture()
- const device = this.backend.device;
- const blockData = this._getBlockData( textureDescriptorGPU.format );
- const isTextureArray = textureDescriptorGPU.size.depthOrArrayLayers > 1;
- for ( let i = 0; i < mipmaps.length; i ++ ) {
- const mipmap = mipmaps[ i ];
- const width = mipmap.width;
- const height = mipmap.height;
- const depth = isTextureArray ? textureDescriptorGPU.size.depthOrArrayLayers : 1;
- const bytesPerRow = Math.ceil( width / blockData.width ) * blockData.byteLength;
- const bytesPerImage = bytesPerRow * Math.ceil( height / blockData.height );
- for ( let j = 0; j < depth; j ++ ) {
- device.queue.writeTexture(
- {
- texture: textureGPU,
- mipLevel: i,
- origin: { x: 0, y: 0, z: j }
- },
- mipmap.data,
- {
- offset: j * bytesPerImage,
- bytesPerRow,
- rowsPerImage: Math.ceil( height / blockData.height )
- },
- {
- width: Math.ceil( width / blockData.width ) * blockData.width,
- height: Math.ceil( height / blockData.height ) * blockData.height,
- depthOrArrayLayers: 1
- }
- );
- }
- }
- }
- _getBlockData( format ) {
- // this method is only relevant for compressed texture formats
- if ( format === GPUTextureFormat.BC1RGBAUnorm || format === GPUTextureFormat.BC1RGBAUnormSRGB ) return { byteLength: 8, width: 4, height: 4 }; // DXT1
- if ( format === GPUTextureFormat.BC2RGBAUnorm || format === GPUTextureFormat.BC2RGBAUnormSRGB ) return { byteLength: 16, width: 4, height: 4 }; // DXT3
- if ( format === GPUTextureFormat.BC3RGBAUnorm || format === GPUTextureFormat.BC3RGBAUnormSRGB ) return { byteLength: 16, width: 4, height: 4 }; // DXT5
- if ( format === GPUTextureFormat.BC4RUnorm || format === GPUTextureFormat.BC4RSNorm ) return { byteLength: 8, width: 4, height: 4 }; // RGTC1
- if ( format === GPUTextureFormat.BC5RGUnorm || format === GPUTextureFormat.BC5RGSnorm ) return { byteLength: 16, width: 4, height: 4 }; // RGTC2
- if ( format === GPUTextureFormat.BC6HRGBUFloat || format === GPUTextureFormat.BC6HRGBFloat ) return { byteLength: 16, width: 4, height: 4 }; // BPTC (float)
- if ( format === GPUTextureFormat.BC7RGBAUnorm || format === GPUTextureFormat.BC7RGBAUnormSRGB ) return { byteLength: 16, width: 4, height: 4 }; // BPTC (unorm)
- if ( format === GPUTextureFormat.ETC2RGB8Unorm || format === GPUTextureFormat.ETC2RGB8UnormSRGB ) return { byteLength: 8, width: 4, height: 4 };
- if ( format === GPUTextureFormat.ETC2RGB8A1Unorm || format === GPUTextureFormat.ETC2RGB8A1UnormSRGB ) return { byteLength: 8, width: 4, height: 4 };
- if ( format === GPUTextureFormat.ETC2RGBA8Unorm || format === GPUTextureFormat.ETC2RGBA8UnormSRGB ) return { byteLength: 16, width: 4, height: 4 };
- if ( format === GPUTextureFormat.EACR11Unorm ) return { byteLength: 8, width: 4, height: 4 };
- if ( format === GPUTextureFormat.EACR11Snorm ) return { byteLength: 8, width: 4, height: 4 };
- if ( format === GPUTextureFormat.EACRG11Unorm ) return { byteLength: 16, width: 4, height: 4 };
- if ( format === GPUTextureFormat.EACRG11Snorm ) return { byteLength: 16, width: 4, height: 4 };
- if ( format === GPUTextureFormat.ASTC4x4Unorm || format === GPUTextureFormat.ASTC4x4UnormSRGB ) return { byteLength: 16, width: 4, height: 4 };
- if ( format === GPUTextureFormat.ASTC5x4Unorm || format === GPUTextureFormat.ASTC5x4UnormSRGB ) return { byteLength: 16, width: 5, height: 4 };
- if ( format === GPUTextureFormat.ASTC5x5Unorm || format === GPUTextureFormat.ASTC5x5UnormSRGB ) return { byteLength: 16, width: 5, height: 5 };
- if ( format === GPUTextureFormat.ASTC6x5Unorm || format === GPUTextureFormat.ASTC6x5UnormSRGB ) return { byteLength: 16, width: 6, height: 5 };
- if ( format === GPUTextureFormat.ASTC6x6Unorm || format === GPUTextureFormat.ASTC6x6UnormSRGB ) return { byteLength: 16, width: 6, height: 6 };
- if ( format === GPUTextureFormat.ASTC8x5Unorm || format === GPUTextureFormat.ASTC8x5UnormSRGB ) return { byteLength: 16, width: 8, height: 5 };
- if ( format === GPUTextureFormat.ASTC8x6Unorm || format === GPUTextureFormat.ASTC8x6UnormSRGB ) return { byteLength: 16, width: 8, height: 6 };
- if ( format === GPUTextureFormat.ASTC8x8Unorm || format === GPUTextureFormat.ASTC8x8UnormSRGB ) return { byteLength: 16, width: 8, height: 8 };
- if ( format === GPUTextureFormat.ASTC10x5Unorm || format === GPUTextureFormat.ASTC10x5UnormSRGB ) return { byteLength: 16, width: 10, height: 5 };
- if ( format === GPUTextureFormat.ASTC10x6Unorm || format === GPUTextureFormat.ASTC10x6UnormSRGB ) return { byteLength: 16, width: 10, height: 6 };
- if ( format === GPUTextureFormat.ASTC10x8Unorm || format === GPUTextureFormat.ASTC10x8UnormSRGB ) return { byteLength: 16, width: 10, height: 8 };
- if ( format === GPUTextureFormat.ASTC10x10Unorm || format === GPUTextureFormat.ASTC10x10UnormSRGB ) return { byteLength: 16, width: 10, height: 10 };
- if ( format === GPUTextureFormat.ASTC12x10Unorm || format === GPUTextureFormat.ASTC12x10UnormSRGB ) return { byteLength: 16, width: 12, height: 10 };
- if ( format === GPUTextureFormat.ASTC12x12Unorm || format === GPUTextureFormat.ASTC12x12UnormSRGB ) return { byteLength: 16, width: 12, height: 12 };
- }
- _convertAddressMode( value ) {
- let addressMode = GPUAddressMode.ClampToEdge;
- if ( value === RepeatWrapping ) {
- addressMode = GPUAddressMode.Repeat;
- } else if ( value === MirroredRepeatWrapping ) {
- addressMode = GPUAddressMode.MirrorRepeat;
- }
- return addressMode;
- }
- _convertFilterMode( value ) {
- let filterMode = GPUFilterMode.Linear;
- if ( value === NearestFilter || value === NearestMipmapNearestFilter || value === NearestMipmapLinearFilter ) {
- filterMode = GPUFilterMode.Nearest;
- }
- return filterMode;
- }
- _getBytesPerTexel( format ) {
- // 8-bit formats
- if ( format === GPUTextureFormat.R8Unorm ||
- format === GPUTextureFormat.R8Snorm ||
- format === GPUTextureFormat.R8Uint ||
- format === GPUTextureFormat.R8Sint ) return 1;
- // 16-bit formats
- if ( format === GPUTextureFormat.R16Uint ||
- format === GPUTextureFormat.R16Sint ||
- format === GPUTextureFormat.R16Float ||
- format === GPUTextureFormat.RG8Unorm ||
- format === GPUTextureFormat.RG8Snorm ||
- format === GPUTextureFormat.RG8Uint ||
- format === GPUTextureFormat.RG8Sint ) return 2;
- // 32-bit formats
- if ( format === GPUTextureFormat.R32Uint ||
- format === GPUTextureFormat.R32Sint ||
- format === GPUTextureFormat.R32Float ||
- format === GPUTextureFormat.RG16Uint ||
- format === GPUTextureFormat.RG16Sint ||
- format === GPUTextureFormat.RG16Float ||
- format === GPUTextureFormat.RGBA8Unorm ||
- format === GPUTextureFormat.RGBA8UnormSRGB ||
- format === GPUTextureFormat.RGBA8Snorm ||
- format === GPUTextureFormat.RGBA8Uint ||
- format === GPUTextureFormat.RGBA8Sint ||
- format === GPUTextureFormat.BGRA8Unorm ||
- format === GPUTextureFormat.BGRA8UnormSRGB ||
- // Packed 32-bit formats
- format === GPUTextureFormat.RGB9E5UFloat ||
- format === GPUTextureFormat.RGB10A2Unorm ||
- format === GPUTextureFormat.RG11B10UFloat ||
- format === GPUTextureFormat.Depth32Float ||
- format === GPUTextureFormat.Depth24Plus ||
- format === GPUTextureFormat.Depth24PlusStencil8 ||
- format === GPUTextureFormat.Depth32FloatStencil8 ) return 4;
- // 64-bit formats
- if ( format === GPUTextureFormat.RG32Uint ||
- format === GPUTextureFormat.RG32Sint ||
- format === GPUTextureFormat.RG32Float ||
- format === GPUTextureFormat.RGBA16Uint ||
- format === GPUTextureFormat.RGBA16Sint ||
- format === GPUTextureFormat.RGBA16Float ) return 8;
- // 128-bit formats
- if ( format === GPUTextureFormat.RGBA32Uint ||
- format === GPUTextureFormat.RGBA32Sint ||
- format === GPUTextureFormat.RGBA32Float ) return 16;
- }
- _getTypedArrayType( format ) {
- if ( format === GPUTextureFormat.R8Uint ) return Uint8Array;
- if ( format === GPUTextureFormat.R8Sint ) return Int8Array;
- if ( format === GPUTextureFormat.R8Unorm ) return Uint8Array;
- if ( format === GPUTextureFormat.R8Snorm ) return Int8Array;
- if ( format === GPUTextureFormat.RG8Uint ) return Uint8Array;
- if ( format === GPUTextureFormat.RG8Sint ) return Int8Array;
- if ( format === GPUTextureFormat.RG8Unorm ) return Uint8Array;
- if ( format === GPUTextureFormat.RG8Snorm ) return Int8Array;
- if ( format === GPUTextureFormat.RGBA8Uint ) return Uint8Array;
- if ( format === GPUTextureFormat.RGBA8Sint ) return Int8Array;
- if ( format === GPUTextureFormat.RGBA8Unorm ) return Uint8Array;
- if ( format === GPUTextureFormat.RGBA8Snorm ) return Int8Array;
- if ( format === GPUTextureFormat.R16Uint ) return Uint16Array;
- if ( format === GPUTextureFormat.R16Sint ) return Int16Array;
- if ( format === GPUTextureFormat.RG16Uint ) return Uint16Array;
- if ( format === GPUTextureFormat.RG16Sint ) return Int16Array;
- if ( format === GPUTextureFormat.RGBA16Uint ) return Uint16Array;
- if ( format === GPUTextureFormat.RGBA16Sint ) return Int16Array;
- if ( format === GPUTextureFormat.R16Float ) return Uint16Array;
- if ( format === GPUTextureFormat.RG16Float ) return Uint16Array;
- if ( format === GPUTextureFormat.RGBA16Float ) return Uint16Array;
- if ( format === GPUTextureFormat.R32Uint ) return Uint32Array;
- if ( format === GPUTextureFormat.R32Sint ) return Int32Array;
- if ( format === GPUTextureFormat.R32Float ) return Float32Array;
- if ( format === GPUTextureFormat.RG32Uint ) return Uint32Array;
- if ( format === GPUTextureFormat.RG32Sint ) return Int32Array;
- if ( format === GPUTextureFormat.RG32Float ) return Float32Array;
- if ( format === GPUTextureFormat.RGBA32Uint ) return Uint32Array;
- if ( format === GPUTextureFormat.RGBA32Sint ) return Int32Array;
- if ( format === GPUTextureFormat.RGBA32Float ) return Float32Array;
- if ( format === GPUTextureFormat.BGRA8Unorm ) return Uint8Array;
- if ( format === GPUTextureFormat.BGRA8UnormSRGB ) return Uint8Array;
- if ( format === GPUTextureFormat.RGB10A2Unorm ) return Uint32Array;
- if ( format === GPUTextureFormat.RGB9E5UFloat ) return Uint32Array;
- if ( format === GPUTextureFormat.RG11B10UFloat ) return Uint32Array;
- if ( format === GPUTextureFormat.Depth32Float ) return Float32Array;
- if ( format === GPUTextureFormat.Depth24Plus ) return Uint32Array;
- if ( format === GPUTextureFormat.Depth24PlusStencil8 ) return Uint32Array;
- if ( format === GPUTextureFormat.Depth32FloatStencil8 ) return Float32Array;
- }
- _getDimension( texture ) {
- let dimension;
- if ( texture.isData3DTexture ) {
- dimension = GPUTextureDimension.ThreeD;
- } else {
- dimension = GPUTextureDimension.TwoD;
- }
- return dimension;
- }
- }
- function getFormat( texture, device = null ) {
- const format = texture.format;
- const type = texture.type;
- const colorSpace = texture.colorSpace;
- let formatGPU;
- if ( texture.isFramebufferTexture === true && texture.type === UnsignedByteType ) {
- formatGPU = GPUTextureFormat.BGRA8Unorm;
- } else if ( texture.isCompressedTexture === true || texture.isCompressedArrayTexture === true ) {
- switch ( format ) {
- case RGBA_S3TC_DXT1_Format:
- formatGPU = ( colorSpace === SRGBColorSpace ) ? GPUTextureFormat.BC1RGBAUnormSRGB : GPUTextureFormat.BC1RGBAUnorm;
- break;
- case RGBA_S3TC_DXT3_Format:
- formatGPU = ( colorSpace === SRGBColorSpace ) ? GPUTextureFormat.BC2RGBAUnormSRGB : GPUTextureFormat.BC2RGBAUnorm;
- break;
- case RGBA_S3TC_DXT5_Format:
- formatGPU = ( colorSpace === SRGBColorSpace ) ? GPUTextureFormat.BC3RGBAUnormSRGB : GPUTextureFormat.BC3RGBAUnorm;
- break;
- case RGB_ETC2_Format:
- formatGPU = ( colorSpace === SRGBColorSpace ) ? GPUTextureFormat.ETC2RGB8UnormSRGB : GPUTextureFormat.ETC2RGB8Unorm;
- break;
- case RGBA_ETC2_EAC_Format:
- formatGPU = ( colorSpace === SRGBColorSpace ) ? GPUTextureFormat.ETC2RGBA8UnormSRGB : GPUTextureFormat.ETC2RGBA8Unorm;
- break;
- case RGBA_ASTC_4x4_Format:
- formatGPU = ( colorSpace === SRGBColorSpace ) ? GPUTextureFormat.ASTC4x4UnormSRGB : GPUTextureFormat.ASTC4x4Unorm;
- break;
- case RGBA_ASTC_5x4_Format:
- formatGPU = ( colorSpace === SRGBColorSpace ) ? GPUTextureFormat.ASTC5x4UnormSRGB : GPUTextureFormat.ASTC5x4Unorm;
- break;
- case RGBA_ASTC_5x5_Format:
- formatGPU = ( colorSpace === SRGBColorSpace ) ? GPUTextureFormat.ASTC5x5UnormSRGB : GPUTextureFormat.ASTC5x5Unorm;
- break;
- case RGBA_ASTC_6x5_Format:
- formatGPU = ( colorSpace === SRGBColorSpace ) ? GPUTextureFormat.ASTC6x5UnormSRGB : GPUTextureFormat.ASTC6x5Unorm;
- break;
- case RGBA_ASTC_6x6_Format:
- formatGPU = ( colorSpace === SRGBColorSpace ) ? GPUTextureFormat.ASTC6x6UnormSRGB : GPUTextureFormat.ASTC6x6Unorm;
- break;
- case RGBA_ASTC_8x5_Format:
- formatGPU = ( colorSpace === SRGBColorSpace ) ? GPUTextureFormat.ASTC8x5UnormSRGB : GPUTextureFormat.ASTC8x5Unorm;
- break;
- case RGBA_ASTC_8x6_Format:
- formatGPU = ( colorSpace === SRGBColorSpace ) ? GPUTextureFormat.ASTC8x6UnormSRGB : GPUTextureFormat.ASTC8x6Unorm;
- break;
- case RGBA_ASTC_8x8_Format:
- formatGPU = ( colorSpace === SRGBColorSpace ) ? GPUTextureFormat.ASTC8x8UnormSRGB : GPUTextureFormat.ASTC8x8Unorm;
- break;
- case RGBA_ASTC_10x5_Format:
- formatGPU = ( colorSpace === SRGBColorSpace ) ? GPUTextureFormat.ASTC10x5UnormSRGB : GPUTextureFormat.ASTC10x5Unorm;
- break;
- case RGBA_ASTC_10x6_Format:
- formatGPU = ( colorSpace === SRGBColorSpace ) ? GPUTextureFormat.ASTC10x6UnormSRGB : GPUTextureFormat.ASTC10x6Unorm;
- break;
- case RGBA_ASTC_10x8_Format:
- formatGPU = ( colorSpace === SRGBColorSpace ) ? GPUTextureFormat.ASTC10x8UnormSRGB : GPUTextureFormat.ASTC10x8Unorm;
- break;
- case RGBA_ASTC_10x10_Format:
- formatGPU = ( colorSpace === SRGBColorSpace ) ? GPUTextureFormat.ASTC10x10UnormSRGB : GPUTextureFormat.ASTC10x10Unorm;
- break;
- case RGBA_ASTC_12x10_Format:
- formatGPU = ( colorSpace === SRGBColorSpace ) ? GPUTextureFormat.ASTC12x10UnormSRGB : GPUTextureFormat.ASTC12x10Unorm;
- break;
- case RGBA_ASTC_12x12_Format:
- formatGPU = ( colorSpace === SRGBColorSpace ) ? GPUTextureFormat.ASTC12x12UnormSRGB : GPUTextureFormat.ASTC12x12Unorm;
- break;
- default:
- console.error( 'WebGPURenderer: Unsupported texture format.', format );
- }
- } else {
- switch ( format ) {
- case RGBAFormat:
- switch ( type ) {
- case ByteType:
- formatGPU = GPUTextureFormat.RGBA8Snorm;
- break;
- case ShortType:
- formatGPU = GPUTextureFormat.RGBA16Sint;
- break;
- case UnsignedShortType:
- formatGPU = GPUTextureFormat.RGBA16Uint;
- break;
- case UnsignedIntType:
- formatGPU = GPUTextureFormat.RGBA32Uint;
- break;
- case IntType:
- formatGPU = GPUTextureFormat.RGBA32Sint;
- break;
- case UnsignedByteType:
- formatGPU = ( colorSpace === SRGBColorSpace ) ? GPUTextureFormat.RGBA8UnormSRGB : GPUTextureFormat.RGBA8Unorm;
- break;
- case HalfFloatType:
- formatGPU = GPUTextureFormat.RGBA16Float;
- break;
- case FloatType:
- formatGPU = GPUTextureFormat.RGBA32Float;
- break;
- default:
- console.error( 'WebGPURenderer: Unsupported texture type with RGBAFormat.', type );
- }
- break;
- case RGBFormat:
- switch ( type ) {
- case UnsignedInt5999Type:
- formatGPU = GPUTextureFormat.RGB9E5UFloat;
- break;
- default:
- console.error( 'WebGPURenderer: Unsupported texture type with RGBFormat.', type );
- }
- break;
- case RedFormat:
- switch ( type ) {
- case ByteType:
- formatGPU = GPUTextureFormat.R8Snorm;
- break;
- case ShortType:
- formatGPU = GPUTextureFormat.R16Sint;
- break;
- case UnsignedShortType:
- formatGPU = GPUTextureFormat.R16Uint;
- break;
- case UnsignedIntType:
- formatGPU = GPUTextureFormat.R32Uint;
- break;
- case IntType:
- formatGPU = GPUTextureFormat.R32Sint;
- break;
- case UnsignedByteType:
- formatGPU = GPUTextureFormat.R8Unorm;
- break;
- case HalfFloatType:
- formatGPU = GPUTextureFormat.R16Float;
- break;
- case FloatType:
- formatGPU = GPUTextureFormat.R32Float;
- break;
- default:
- console.error( 'WebGPURenderer: Unsupported texture type with RedFormat.', type );
- }
- break;
- case RGFormat:
- switch ( type ) {
- case ByteType:
- formatGPU = GPUTextureFormat.RG8Snorm;
- break;
- case ShortType:
- formatGPU = GPUTextureFormat.RG16Sint;
- break;
- case UnsignedShortType:
- formatGPU = GPUTextureFormat.RG16Uint;
- break;
- case UnsignedIntType:
- formatGPU = GPUTextureFormat.RG32Uint;
- break;
- case IntType:
- formatGPU = GPUTextureFormat.RG32Sint;
- break;
- case UnsignedByteType:
- formatGPU = GPUTextureFormat.RG8Unorm;
- break;
- case HalfFloatType:
- formatGPU = GPUTextureFormat.RG16Float;
- break;
- case FloatType:
- formatGPU = GPUTextureFormat.RG32Float;
- break;
- default:
- console.error( 'WebGPURenderer: Unsupported texture type with RGFormat.', type );
- }
- break;
- case DepthFormat:
- switch ( type ) {
- case UnsignedShortType:
- formatGPU = GPUTextureFormat.Depth16Unorm;
- break;
- case UnsignedIntType:
- formatGPU = GPUTextureFormat.Depth24Plus;
- break;
- case FloatType:
- formatGPU = GPUTextureFormat.Depth32Float;
- break;
- default:
- console.error( 'WebGPURenderer: Unsupported texture type with DepthFormat.', type );
- }
- break;
- case DepthStencilFormat:
- switch ( type ) {
- case UnsignedInt248Type:
- formatGPU = GPUTextureFormat.Depth24PlusStencil8;
- break;
- case FloatType:
- if ( device && device.features.has( GPUFeatureName.Depth32FloatStencil8 ) === false ) {
- console.error( 'WebGPURenderer: Depth textures with DepthStencilFormat + FloatType can only be used with the "depth32float-stencil8" GPU feature.' );
- }
- formatGPU = GPUTextureFormat.Depth32FloatStencil8;
- break;
- default:
- console.error( 'WebGPURenderer: Unsupported texture type with DepthStencilFormat.', type );
- }
- break;
- case RedIntegerFormat:
- switch ( type ) {
- case IntType:
- formatGPU = GPUTextureFormat.R32Sint;
- break;
- case UnsignedIntType:
- formatGPU = GPUTextureFormat.R32Uint;
- break;
- default:
- console.error( 'WebGPURenderer: Unsupported texture type with RedIntegerFormat.', type );
- }
- break;
- case RGIntegerFormat:
- switch ( type ) {
- case IntType:
- formatGPU = GPUTextureFormat.RG32Sint;
- break;
- case UnsignedIntType:
- formatGPU = GPUTextureFormat.RG32Uint;
- break;
- default:
- console.error( 'WebGPURenderer: Unsupported texture type with RGIntegerFormat.', type );
- }
- break;
- case RGBAIntegerFormat:
- switch ( type ) {
- case IntType:
- formatGPU = GPUTextureFormat.RGBA32Sint;
- break;
- case UnsignedIntType:
- formatGPU = GPUTextureFormat.RGBA32Uint;
- break;
- default:
- console.error( 'WebGPURenderer: Unsupported texture type with RGBAIntegerFormat.', type );
- }
- break;
- default:
- console.error( 'WebGPURenderer: Unsupported texture format.', format );
- }
- }
- return formatGPU;
- }
- const declarationRegexp = /^[fn]*\s*([a-z_0-9]+)?\s*\(([\s\S]*?)\)\s*[\-\>]*\s*([a-z_0-9]+(?:<[\s\S]+?>)?)/i;
- const propertiesRegexp = /([a-z_0-9]+)\s*:\s*([a-z_0-9]+(?:<[\s\S]+?>)?)/ig;
- const wgslTypeLib$1 = {
- 'f32': 'float',
- 'i32': 'int',
- 'u32': 'uint',
- 'bool': 'bool',
- 'vec2<f32>': 'vec2',
- 'vec2<i32>': 'ivec2',
- 'vec2<u32>': 'uvec2',
- 'vec2<bool>': 'bvec2',
- 'vec2f': 'vec2',
- 'vec2i': 'ivec2',
- 'vec2u': 'uvec2',
- 'vec2b': 'bvec2',
- 'vec3<f32>': 'vec3',
- 'vec3<i32>': 'ivec3',
- 'vec3<u32>': 'uvec3',
- 'vec3<bool>': 'bvec3',
- 'vec3f': 'vec3',
- 'vec3i': 'ivec3',
- 'vec3u': 'uvec3',
- 'vec3b': 'bvec3',
- 'vec4<f32>': 'vec4',
- 'vec4<i32>': 'ivec4',
- 'vec4<u32>': 'uvec4',
- 'vec4<bool>': 'bvec4',
- 'vec4f': 'vec4',
- 'vec4i': 'ivec4',
- 'vec4u': 'uvec4',
- 'vec4b': 'bvec4',
- 'mat2x2<f32>': 'mat2',
- 'mat2x2f': 'mat2',
- 'mat3x3<f32>': 'mat3',
- 'mat3x3f': 'mat3',
- 'mat4x4<f32>': 'mat4',
- 'mat4x4f': 'mat4',
- 'sampler': 'sampler',
- 'texture_1d': 'texture',
- 'texture_2d': 'texture',
- 'texture_2d_array': 'texture',
- 'texture_multisampled_2d': 'cubeTexture',
- 'texture_depth_2d': 'depthTexture',
- 'texture_3d': 'texture3D',
- 'texture_cube': 'cubeTexture',
- 'texture_cube_array': 'cubeTexture',
- 'texture_storage_1d': 'storageTexture',
- 'texture_storage_2d': 'storageTexture',
- 'texture_storage_2d_array': 'storageTexture',
- 'texture_storage_3d': 'storageTexture'
- };
- const parse = ( source ) => {
- source = source.trim();
- const declaration = source.match( declarationRegexp );
- if ( declaration !== null && declaration.length === 4 ) {
- const inputsCode = declaration[ 2 ];
- const propsMatches = [];
- let match = null;
- while ( ( match = propertiesRegexp.exec( inputsCode ) ) !== null ) {
- propsMatches.push( { name: match[ 1 ], type: match[ 2 ] } );
- }
- // Process matches to correctly pair names and types
- const inputs = [];
- for ( let i = 0; i < propsMatches.length; i ++ ) {
- const { name, type } = propsMatches[ i ];
- let resolvedType = type;
- if ( resolvedType.startsWith( 'texture' ) ) {
- resolvedType = type.split( '<' )[ 0 ];
- }
- resolvedType = wgslTypeLib$1[ resolvedType ] || resolvedType;
- inputs.push( new NodeFunctionInput( resolvedType, name ) );
- }
- const blockCode = source.substring( declaration[ 0 ].length );
- const outputType = declaration[ 3 ] || 'void';
- const name = declaration[ 1 ] !== undefined ? declaration[ 1 ] : '';
- const type = wgslTypeLib$1[ outputType ] || outputType;
- return {
- type,
- inputs,
- name,
- inputsCode,
- blockCode,
- outputType
- };
- } else {
- throw new Error( 'FunctionNode: Function is not a WGSL code.' );
- }
- };
- class WGSLNodeFunction extends NodeFunction {
- constructor( source ) {
- const { type, inputs, name, inputsCode, blockCode, outputType } = parse( source );
- super( type, inputs, name );
- this.inputsCode = inputsCode;
- this.blockCode = blockCode;
- this.outputType = outputType;
- }
- getCode( name = this.name ) {
- const outputType = this.outputType !== 'void' ? '-> ' + this.outputType : '';
- return `fn ${ name } ( ${ this.inputsCode.trim() } ) ${ outputType }` + this.blockCode;
- }
- }
- class WGSLNodeParser extends NodeParser {
- parseFunction( source ) {
- return new WGSLNodeFunction( source );
- }
- }
- // GPUShaderStage is not defined in browsers not supporting WebGPU
- const GPUShaderStage = self.GPUShaderStage;
- const gpuShaderStageLib = {
- 'vertex': GPUShaderStage ? GPUShaderStage.VERTEX : 1,
- 'fragment': GPUShaderStage ? GPUShaderStage.FRAGMENT : 2,
- 'compute': GPUShaderStage ? GPUShaderStage.COMPUTE : 4
- };
- const supports = {
- instance: true,
- swizzleAssign: false,
- storageBuffer: true
- };
- const wgslFnOpLib = {
- '^^': 'tsl_xor'
- };
- const wgslTypeLib = {
- float: 'f32',
- int: 'i32',
- uint: 'u32',
- bool: 'bool',
- color: 'vec3<f32>',
- vec2: 'vec2<f32>',
- ivec2: 'vec2<i32>',
- uvec2: 'vec2<u32>',
- bvec2: 'vec2<bool>',
- vec3: 'vec3<f32>',
- ivec3: 'vec3<i32>',
- uvec3: 'vec3<u32>',
- bvec3: 'vec3<bool>',
- vec4: 'vec4<f32>',
- ivec4: 'vec4<i32>',
- uvec4: 'vec4<u32>',
- bvec4: 'vec4<bool>',
- mat2: 'mat2x2<f32>',
- imat2: 'mat2x2<i32>',
- umat2: 'mat2x2<u32>',
- bmat2: 'mat2x2<bool>',
- mat3: 'mat3x3<f32>',
- imat3: 'mat3x3<i32>',
- umat3: 'mat3x3<u32>',
- bmat3: 'mat3x3<bool>',
- mat4: 'mat4x4<f32>',
- imat4: 'mat4x4<i32>',
- umat4: 'mat4x4<u32>',
- bmat4: 'mat4x4<bool>'
- };
- const wgslPolyfill = {
- tsl_xor: new CodeNode( 'fn tsl_xor( a : bool, b : bool ) -> bool { return ( a || b ) && !( a && b ); }' ),
- mod_float: new CodeNode( 'fn tsl_mod_float( x : f32, y : f32 ) -> f32 { return x - y * floor( x / y ); }' ),
- mod_vec2: new CodeNode( 'fn tsl_mod_vec2( x : vec2f, y : vec2f ) -> vec2f { return x - y * floor( x / y ); }' ),
- mod_vec3: new CodeNode( 'fn tsl_mod_vec3( x : vec3f, y : vec3f ) -> vec3f { return x - y * floor( x / y ); }' ),
- mod_vec4: new CodeNode( 'fn tsl_mod_vec4( x : vec4f, y : vec4f ) -> vec4f { return x - y * floor( x / y ); }' ),
- equals_bool: new CodeNode( 'fn tsl_equals_bool( a : bool, b : bool ) -> bool { return a == b; }' ),
- equals_bvec2: new CodeNode( 'fn tsl_equals_bvec2( a : vec2f, b : vec2f ) -> vec2<bool> { return vec2<bool>( a.x == b.x, a.y == b.y ); }' ),
- equals_bvec3: new CodeNode( 'fn tsl_equals_bvec3( a : vec3f, b : vec3f ) -> vec3<bool> { return vec3<bool>( a.x == b.x, a.y == b.y, a.z == b.z ); }' ),
- equals_bvec4: new CodeNode( 'fn tsl_equals_bvec4( a : vec4f, b : vec4f ) -> vec4<bool> { return vec4<bool>( a.x == b.x, a.y == b.y, a.z == b.z, a.w == b.w ); }' ),
- repeatWrapping: new CodeNode( `
- fn tsl_repeatWrapping( uv : vec2<f32>, dimension : vec2<u32> ) -> vec2<u32> {
- let uvScaled = vec2<u32>( uv * vec2<f32>( dimension ) );
- return ( ( uvScaled % dimension ) + dimension ) % dimension;
- }
- ` ),
- biquadraticTexture: new CodeNode( `
- fn tsl_biquadraticTexture( map : texture_2d<f32>, coord : vec2f, level : i32 ) -> vec4f {
- let iRes = vec2i( textureDimensions( map, level ) );
- let res = vec2f( iRes );
- let uvScaled = coord * res;
- let uvWrapping = ( ( uvScaled % res ) + res ) % res;
- // https://www.shadertoy.com/view/WtyXRy
- let uv = uvWrapping - 0.5;
- let iuv = floor( uv );
- let f = fract( uv );
- let rg1 = textureLoad( map, vec2i( iuv + vec2( 0.5, 0.5 ) ) % iRes, level );
- let rg2 = textureLoad( map, vec2i( iuv + vec2( 1.5, 0.5 ) ) % iRes, level );
- let rg3 = textureLoad( map, vec2i( iuv + vec2( 0.5, 1.5 ) ) % iRes, level );
- let rg4 = textureLoad( map, vec2i( iuv + vec2( 1.5, 1.5 ) ) % iRes, level );
- return mix( mix( rg1, rg2, f.x ), mix( rg3, rg4, f.x ), f.y );
- }
- ` )
- };
- const wgslMethods = {
- dFdx: 'dpdx',
- dFdy: '- dpdy',
- mod_float: 'tsl_mod_float',
- mod_vec2: 'tsl_mod_vec2',
- mod_vec3: 'tsl_mod_vec3',
- mod_vec4: 'tsl_mod_vec4',
- equals_bool: 'tsl_equals_bool',
- equals_bvec2: 'tsl_equals_bvec2',
- equals_bvec3: 'tsl_equals_bvec3',
- equals_bvec4: 'tsl_equals_bvec4',
- inversesqrt: 'inverseSqrt',
- bitcast: 'bitcast<f32>'
- };
- // WebGPU issue: does not support pow() with negative base on Windows
- if ( /Windows/g.test( navigator.userAgent ) ) {
- wgslPolyfill.pow_float = new CodeNode( 'fn tsl_pow_float( a : f32, b : f32 ) -> f32 { return select( -pow( -a, b ), pow( a, b ), a > 0.0 ); }' );
- wgslPolyfill.pow_vec2 = new CodeNode( 'fn tsl_pow_vec2( a : vec2f, b : vec2f ) -> vec2f { return vec2f( tsl_pow_float( a.x, b.x ), tsl_pow_float( a.y, b.y ) ); }', [ wgslPolyfill.pow_float ] );
- wgslPolyfill.pow_vec3 = new CodeNode( 'fn tsl_pow_vec3( a : vec3f, b : vec3f ) -> vec3f { return vec3f( tsl_pow_float( a.x, b.x ), tsl_pow_float( a.y, b.y ), tsl_pow_float( a.z, b.z ) ); }', [ wgslPolyfill.pow_float ] );
- wgslPolyfill.pow_vec4 = new CodeNode( 'fn tsl_pow_vec4( a : vec4f, b : vec4f ) -> vec4f { return vec4f( tsl_pow_float( a.x, b.x ), tsl_pow_float( a.y, b.y ), tsl_pow_float( a.z, b.z ), tsl_pow_float( a.w, b.w ) ); }', [ wgslPolyfill.pow_float ] );
- wgslMethods.pow_float = 'tsl_pow_float';
- wgslMethods.pow_vec2 = 'tsl_pow_vec2';
- wgslMethods.pow_vec3 = 'tsl_pow_vec3';
- wgslMethods.pow_vec4 = 'tsl_pow_vec4';
- }
- //
- let diagnostics = '';
- if ( /Firefox/g.test( navigator.userAgent ) !== true ) {
- diagnostics += 'diagnostic( off, derivative_uniformity );\n';
- }
- //
- class WGSLNodeBuilder extends NodeBuilder {
- constructor( object, renderer ) {
- super( object, renderer, new WGSLNodeParser() );
- this.uniformGroups = {};
- this.builtins = {};
- this.directives = {};
- this.scopedArrays = new Map();
- }
- needsToWorkingColorSpace( texture ) {
- return texture.isVideoTexture === true && texture.colorSpace !== NoColorSpace;
- }
- _generateTextureSample( texture, textureProperty, uvSnippet, depthSnippet, shaderStage = this.shaderStage ) {
- if ( shaderStage === 'fragment' ) {
- if ( depthSnippet ) {
- return `textureSample( ${ textureProperty }, ${ textureProperty }_sampler, ${ uvSnippet }, ${ depthSnippet } )`;
- } else {
- return `textureSample( ${ textureProperty }, ${ textureProperty }_sampler, ${ uvSnippet } )`;
- }
- } else if ( this.isFilteredTexture( texture ) ) {
- return this.generateFilteredTexture( texture, textureProperty, uvSnippet );
- } else {
- return this.generateTextureLod( texture, textureProperty, uvSnippet, '0' );
- }
- }
- _generateVideoSample( textureProperty, uvSnippet, shaderStage = this.shaderStage ) {
- if ( shaderStage === 'fragment' ) {
- return `textureSampleBaseClampToEdge( ${ textureProperty }, ${ textureProperty }_sampler, vec2<f32>( ${ uvSnippet }.x, 1.0 - ${ uvSnippet }.y ) )`;
- } else {
- console.error( `WebGPURenderer: THREE.VideoTexture does not support ${ shaderStage } shader.` );
- }
- }
- _generateTextureSampleLevel( texture, textureProperty, uvSnippet, levelSnippet, depthSnippet, shaderStage = this.shaderStage ) {
- if ( shaderStage === 'fragment' && this.isUnfilterable( texture ) === false ) {
- return `textureSampleLevel( ${ textureProperty }, ${ textureProperty }_sampler, ${ uvSnippet }, ${ levelSnippet } )`;
- } else if ( this.isFilteredTexture( texture ) ) {
- return this.generateFilteredTexture( texture, textureProperty, uvSnippet, levelSnippet );
- } else {
- return this.generateTextureLod( texture, textureProperty, uvSnippet, levelSnippet );
- }
- }
- generateFilteredTexture( texture, textureProperty, uvSnippet, levelSnippet = '0' ) {
- this._include( 'biquadraticTexture' );
- return `tsl_biquadraticTexture( ${ textureProperty }, ${ uvSnippet }, i32( ${ levelSnippet } ) )`;
- }
- generateTextureLod( texture, textureProperty, uvSnippet, levelSnippet = '0' ) {
- this._include( 'repeatWrapping' );
- const dimension = texture.isMultisampleRenderTargetTexture === true ? `textureDimensions( ${ textureProperty } )` : `textureDimensions( ${ textureProperty }, 0 )`;
- return `textureLoad( ${ textureProperty }, tsl_repeatWrapping( ${ uvSnippet }, ${ dimension } ), i32( ${ levelSnippet } ) )`;
- }
- generateTextureLoad( texture, textureProperty, uvIndexSnippet, depthSnippet, levelSnippet = '0u' ) {
- if ( depthSnippet ) {
- return `textureLoad( ${ textureProperty }, ${ uvIndexSnippet }, ${ depthSnippet }, ${ levelSnippet } )`;
- } else {
- return `textureLoad( ${ textureProperty }, ${ uvIndexSnippet }, ${ levelSnippet } )`;
- }
- }
- generateTextureStore( texture, textureProperty, uvIndexSnippet, valueSnippet ) {
- return `textureStore( ${ textureProperty }, ${ uvIndexSnippet }, ${ valueSnippet } )`;
- }
- isUnfilterable( texture ) {
- return this.getComponentTypeFromTexture( texture ) !== 'float' || ( ! this.isAvailable( 'float32Filterable' ) && texture.isDataTexture === true && texture.type === FloatType ) || texture.isMultisampleRenderTargetTexture === true;
- }
- generateTexture( texture, textureProperty, uvSnippet, depthSnippet, shaderStage = this.shaderStage ) {
- let snippet = null;
- if ( texture.isVideoTexture === true ) {
- snippet = this._generateVideoSample( textureProperty, uvSnippet, shaderStage );
- } else if ( this.isUnfilterable( texture ) ) {
- snippet = this.generateTextureLod( texture, textureProperty, uvSnippet, '0', depthSnippet, shaderStage );
- } else {
- snippet = this._generateTextureSample( texture, textureProperty, uvSnippet, depthSnippet, shaderStage );
- }
- return snippet;
- }
- generateTextureGrad( texture, textureProperty, uvSnippet, gradSnippet, depthSnippet, shaderStage = this.shaderStage ) {
- if ( shaderStage === 'fragment' ) {
- // TODO handle i32 or u32 --> uvSnippet, array_index: A, ddx, ddy
- return `textureSampleGrad( ${ textureProperty }, ${ textureProperty }_sampler, ${ uvSnippet }, ${ gradSnippet[ 0 ] }, ${ gradSnippet[ 1 ] } )`;
- } else {
- console.error( `WebGPURenderer: THREE.TextureNode.gradient() does not support ${ shaderStage } shader.` );
- }
- }
- generateTextureCompare( texture, textureProperty, uvSnippet, compareSnippet, depthSnippet, shaderStage = this.shaderStage ) {
- if ( shaderStage === 'fragment' ) {
- return `textureSampleCompare( ${ textureProperty }, ${ textureProperty }_sampler, ${ uvSnippet }, ${ compareSnippet } )`;
- } else {
- console.error( `WebGPURenderer: THREE.DepthTexture.compareFunction() does not support ${ shaderStage } shader.` );
- }
- }
- generateTextureLevel( texture, textureProperty, uvSnippet, levelSnippet, depthSnippet, shaderStage = this.shaderStage ) {
- let snippet = null;
- if ( texture.isVideoTexture === true ) {
- snippet = this._generateVideoSample( textureProperty, uvSnippet, shaderStage );
- } else {
- snippet = this._generateTextureSampleLevel( texture, textureProperty, uvSnippet, levelSnippet, depthSnippet, shaderStage );
- }
- return snippet;
- }
- generateTextureBias( texture, textureProperty, uvSnippet, biasSnippet, depthSnippet, shaderStage = this.shaderStage ) {
- if ( shaderStage === 'fragment' ) {
- return `textureSampleBias( ${ textureProperty }, ${ textureProperty }_sampler, ${ uvSnippet }, ${ biasSnippet } )`;
- } else {
- console.error( `WebGPURenderer: THREE.TextureNode.biasNode does not support ${ shaderStage } shader.` );
- }
- }
- getPropertyName( node, shaderStage = this.shaderStage ) {
- if ( node.isNodeVarying === true && node.needsInterpolation === true ) {
- if ( shaderStage === 'vertex' ) {
- return `varyings.${ node.name }`;
- }
- } else if ( node.isNodeUniform === true ) {
- const name = node.name;
- const type = node.type;
- if ( type === 'texture' || type === 'cubeTexture' || type === 'storageTexture' || type === 'texture3D' ) {
- return name;
- } else if ( type === 'buffer' || type === 'storageBuffer' ) {
- return `NodeBuffer_${ node.id }.${name}`;
- } else {
- return node.groupNode.name + '.' + name;
- }
- }
- return super.getPropertyName( node );
- }
- getOutputStructName() {
- return 'output';
- }
- _getUniformGroupCount( shaderStage ) {
- return Object.keys( this.uniforms[ shaderStage ] ).length;
- }
- getFunctionOperator( op ) {
- const fnOp = wgslFnOpLib[ op ];
- if ( fnOp !== undefined ) {
- this._include( fnOp );
- return fnOp;
- }
- return null;
- }
- getStorageAccess( node ) {
- if ( node.isStorageTextureNode ) {
- switch ( node.access ) {
- case GPUStorageTextureAccess.ReadOnly:
- return 'read';
- case GPUStorageTextureAccess.WriteOnly:
- return 'write';
- default:
- return 'read_write';
- }
- } else {
- switch ( node.access ) {
- case GPUBufferBindingType.Storage:
- return 'read_write';
- case GPUBufferBindingType.ReadOnlyStorage:
- return 'read';
- default:
- return 'write';
- }
- }
- }
- getUniformFromNode( node, type, shaderStage, name = null ) {
- const uniformNode = super.getUniformFromNode( node, type, shaderStage, name );
- const nodeData = this.getDataFromNode( node, shaderStage, this.globalCache );
- if ( nodeData.uniformGPU === undefined ) {
- let uniformGPU;
- const group = node.groupNode;
- const groupName = group.name;
- const bindings = this.getBindGroupArray( groupName, shaderStage );
- if ( type === 'texture' || type === 'cubeTexture' || type === 'storageTexture' || type === 'texture3D' ) {
- let texture = null;
- if ( type === 'texture' || type === 'storageTexture' ) {
- texture = new NodeSampledTexture( uniformNode.name, uniformNode.node, group, node.access ? node.access : null );
- } else if ( type === 'cubeTexture' ) {
- texture = new NodeSampledCubeTexture( uniformNode.name, uniformNode.node, group, node.access ? node.access : null );
- } else if ( type === 'texture3D' ) {
- texture = new NodeSampledTexture3D( uniformNode.name, uniformNode.node, group, node.access ? node.access : null );
- }
- texture.store = node.isStorageTextureNode === true;
- texture.setVisibility( gpuShaderStageLib[ shaderStage ] );
- if ( shaderStage === 'fragment' && this.isUnfilterable( node.value ) === false && texture.store === false ) {
- const sampler = new NodeSampler( `${uniformNode.name}_sampler`, uniformNode.node, group );
- sampler.setVisibility( gpuShaderStageLib[ shaderStage ] );
- bindings.push( sampler, texture );
- uniformGPU = [ sampler, texture ];
- } else {
- bindings.push( texture );
- uniformGPU = [ texture ];
- }
- } else if ( type === 'buffer' || type === 'storageBuffer' ) {
- const bufferClass = type === 'storageBuffer' ? NodeStorageBuffer : NodeUniformBuffer;
- const buffer = new bufferClass( node, group );
- buffer.setVisibility( gpuShaderStageLib[ shaderStage ] );
- bindings.push( buffer );
- uniformGPU = buffer;
- } else {
- const uniformsStage = this.uniformGroups[ shaderStage ] || ( this.uniformGroups[ shaderStage ] = {} );
- let uniformsGroup = uniformsStage[ groupName ];
- if ( uniformsGroup === undefined ) {
- uniformsGroup = new NodeUniformsGroup( groupName, group );
- uniformsGroup.setVisibility( gpuShaderStageLib[ shaderStage ] );
- uniformsStage[ groupName ] = uniformsGroup;
- bindings.push( uniformsGroup );
- }
- uniformGPU = this.getNodeUniform( uniformNode, type );
- uniformsGroup.addUniform( uniformGPU );
- }
- nodeData.uniformGPU = uniformGPU;
- }
- return uniformNode;
- }
- getBuiltin( name, property, type, shaderStage = this.shaderStage ) {
- const map = this.builtins[ shaderStage ] || ( this.builtins[ shaderStage ] = new Map() );
- if ( map.has( name ) === false ) {
- map.set( name, {
- name,
- property,
- type
- } );
- }
- return property;
- }
- hasBuiltin( name, shaderStage = this.shaderStage ) {
- return ( this.builtins[ shaderStage ] !== undefined && this.builtins[ shaderStage ].has( name ) );
- }
- getVertexIndex() {
- if ( this.shaderStage === 'vertex' ) {
- return this.getBuiltin( 'vertex_index', 'vertexIndex', 'u32', 'attribute' );
- }
- return 'vertexIndex';
- }
- buildFunctionCode( shaderNode ) {
- const layout = shaderNode.layout;
- const flowData = this.flowShaderNode( shaderNode );
- const parameters = [];
- for ( const input of layout.inputs ) {
- parameters.push( input.name + ' : ' + this.getType( input.type ) );
- }
- //
- let code = `fn ${ layout.name }( ${ parameters.join( ', ' ) } ) -> ${ this.getType( layout.type ) } {
- ${ flowData.vars }
- ${ flowData.code }
- `;
- if ( flowData.result ) {
- code += `\treturn ${ flowData.result };\n`;
- }
- code += '\n}\n';
- //
- return code;
- }
- getInstanceIndex() {
- if ( this.shaderStage === 'vertex' ) {
- return this.getBuiltin( 'instance_index', 'instanceIndex', 'u32', 'attribute' );
- }
- return 'instanceIndex';
- }
- getInvocationLocalIndex() {
- return this.getBuiltin( 'local_invocation_index', 'invocationLocalIndex', 'u32', 'attribute' );
- }
- getSubgroupSize() {
- this.enableSubGroups();
- return this.getBuiltin( 'subgroup_size', 'subgroupSize', 'u32', 'attribute' );
- }
- getInvocationSubgroupIndex() {
- this.enableSubGroups();
- return this.getBuiltin( 'subgroup_invocation_id', 'invocationSubgroupIndex', 'u32', 'attribute' );
- }
- getSubgroupIndex() {
- this.enableSubGroups();
- return this.getBuiltin( 'subgroup_id', 'subgroupIndex', 'u32', 'attribute' );
- }
- getDrawIndex() {
- return null;
- }
- getFrontFacing() {
- return this.getBuiltin( 'front_facing', 'isFront', 'bool' );
- }
- getFragCoord() {
- return this.getBuiltin( 'position', 'fragCoord', 'vec4<f32>' ) + '.xy';
- }
- getFragDepth() {
- return 'output.' + this.getBuiltin( 'frag_depth', 'depth', 'f32', 'output' );
- }
- isFlipY() {
- return false;
- }
- enableDirective( name, shaderStage = this.shaderStage ) {
- const stage = this.directives[ shaderStage ] || ( this.directives[ shaderStage ] = new Set() );
- stage.add( name );
- }
- getDirectives( shaderStage ) {
- const snippets = [];
- const directives = this.directives[ shaderStage ];
- if ( directives !== undefined ) {
- for ( const directive of directives ) {
- snippets.push( `enable ${directive};` );
- }
- }
- return snippets.join( '\n' );
- }
- enableSubGroups() {
- this.enableDirective( 'subgroups' );
- }
- enableSubgroupsF16() {
- this.enableDirective( 'subgroups-f16' );
- }
- enableClipDistances() {
- this.enableDirective( 'clip_distances' );
- }
- enableShaderF16() {
- this.enableDirective( 'f16' );
- }
- enableDualSourceBlending() {
- this.enableDirective( 'dual_source_blending' );
- }
- getBuiltins( shaderStage ) {
- const snippets = [];
- const builtins = this.builtins[ shaderStage ];
- if ( builtins !== undefined ) {
- for ( const { name, property, type } of builtins.values() ) {
- snippets.push( `@builtin( ${name} ) ${property} : ${type}` );
- }
- }
- return snippets.join( ',\n\t' );
- }
- getScopedArray( name, scope, bufferType, bufferCount ) {
- if ( this.scopedArrays.has( name ) === false ) {
- this.scopedArrays.set( name, {
- name,
- scope,
- bufferType,
- bufferCount
- } );
- }
- return name;
- }
- getScopedArrays( shaderStage ) {
- if ( shaderStage !== 'compute' ) {
- return;
- }
- const snippets = [];
- for ( const { name, scope, bufferType, bufferCount } of this.scopedArrays.values() ) {
- const type = this.getType( bufferType );
- snippets.push( `var<${scope}> ${name}: array< ${type}, ${bufferCount} >;` );
- }
- return snippets.join( '\n' );
- }
- getAttributes( shaderStage ) {
- const snippets = [];
- if ( shaderStage === 'compute' ) {
- this.getBuiltin( 'global_invocation_id', 'id', 'vec3<u32>', 'attribute' );
- this.getBuiltin( 'workgroup_id', 'workgroupId', 'vec3<u32>', 'attribute' );
- this.getBuiltin( 'local_invocation_id', 'localId', 'vec3<u32>', 'attribute' );
- this.getBuiltin( 'num_workgroups', 'numWorkgroups', 'vec3<u32>', 'attribute' );
- if ( this.renderer.hasFeature( 'subgroups' ) ) {
- this.enableDirective( 'subgroups', shaderStage );
- this.getBuiltin( 'subgroup_size', 'subgroupSize', 'u32', 'attribute' );
- }
- }
- if ( shaderStage === 'vertex' || shaderStage === 'compute' ) {
- const builtins = this.getBuiltins( 'attribute' );
- if ( builtins ) snippets.push( builtins );
- const attributes = this.getAttributesArray();
- for ( let index = 0, length = attributes.length; index < length; index ++ ) {
- const attribute = attributes[ index ];
- const name = attribute.name;
- const type = this.getType( attribute.type );
- snippets.push( `@location( ${index} ) ${ name } : ${ type }` );
- }
- }
- return snippets.join( ',\n\t' );
- }
- getStructMembers( struct ) {
- const snippets = [];
- const members = struct.getMemberTypes();
- for ( let i = 0; i < members.length; i ++ ) {
- const member = members[ i ];
- snippets.push( `\t@location( ${i} ) m${i} : ${ member }<f32>` );
- }
- const builtins = this.getBuiltins( 'output' );
- if ( builtins ) snippets.push( '\t' + builtins );
- return snippets.join( ',\n' );
- }
- getStructs( shaderStage ) {
- const snippets = [];
- const structs = this.structs[ shaderStage ];
- for ( let index = 0, length = structs.length; index < length; index ++ ) {
- const struct = structs[ index ];
- const name = struct.name;
- let snippet = `\struct ${ name } {\n`;
- snippet += this.getStructMembers( struct );
- snippet += '\n}';
- snippets.push( snippet );
- snippets.push( `\nvar<private> output : ${ name };\n\n` );
- }
- return snippets.join( '\n\n' );
- }
- getVar( type, name ) {
- return `var ${ name } : ${ this.getType( type ) }`;
- }
- getVars( shaderStage ) {
- const snippets = [];
- const vars = this.vars[ shaderStage ];
- if ( vars !== undefined ) {
- for ( const variable of vars ) {
- snippets.push( `\t${ this.getVar( variable.type, variable.name ) };` );
- }
- }
- return `\n${ snippets.join( '\n' ) }\n`;
- }
- getVaryings( shaderStage ) {
- const snippets = [];
- if ( shaderStage === 'vertex' ) {
- this.getBuiltin( 'position', 'Vertex', 'vec4<f32>', 'vertex' );
- }
- if ( shaderStage === 'vertex' || shaderStage === 'fragment' ) {
- const varyings = this.varyings;
- const vars = this.vars[ shaderStage ];
- for ( let index = 0; index < varyings.length; index ++ ) {
- const varying = varyings[ index ];
- if ( varying.needsInterpolation ) {
- let attributesSnippet = `@location( ${index} )`;
- if ( /^(int|uint|ivec|uvec)/.test( varying.type ) ) {
- attributesSnippet += ' @interpolate( flat )';
- }
- snippets.push( `${ attributesSnippet } ${ varying.name } : ${ this.getType( varying.type ) }` );
- } else if ( shaderStage === 'vertex' && vars.includes( varying ) === false ) {
- vars.push( varying );
- }
- }
- }
- const builtins = this.getBuiltins( shaderStage );
- if ( builtins ) snippets.push( builtins );
- const code = snippets.join( ',\n\t' );
- return shaderStage === 'vertex' ? this._getWGSLStruct( 'VaryingsStruct', '\t' + code ) : code;
- }
- getUniforms( shaderStage ) {
- const uniforms = this.uniforms[ shaderStage ];
- const bindingSnippets = [];
- const bufferSnippets = [];
- const structSnippets = [];
- const uniformGroups = {};
- for ( const uniform of uniforms ) {
- const groupName = uniform.groupNode.name;
- const uniformIndexes = this.bindingsIndexes[ groupName ];
- if ( uniform.type === 'texture' || uniform.type === 'cubeTexture' || uniform.type === 'storageTexture' || uniform.type === 'texture3D' ) {
- const texture = uniform.node.value;
- if ( shaderStage === 'fragment' && this.isUnfilterable( texture ) === false && uniform.node.isStorageTextureNode !== true ) {
- if ( texture.isDepthTexture === true && texture.compareFunction !== null ) {
- bindingSnippets.push( `@binding( ${ uniformIndexes.binding ++ } ) @group( ${ uniformIndexes.group } ) var ${ uniform.name }_sampler : sampler_comparison;` );
- } else {
- bindingSnippets.push( `@binding( ${ uniformIndexes.binding ++ } ) @group( ${ uniformIndexes.group } ) var ${ uniform.name }_sampler : sampler;` );
- }
- }
- let textureType;
- let multisampled = '';
- if ( texture.isMultisampleRenderTargetTexture === true ) {
- multisampled = '_multisampled';
- }
- if ( texture.isCubeTexture === true ) {
- textureType = 'texture_cube<f32>';
- } else if ( texture.isDataArrayTexture === true || texture.isCompressedArrayTexture === true ) {
- textureType = 'texture_2d_array<f32>';
- } else if ( texture.isDepthTexture === true ) {
- textureType = `texture_depth${multisampled}_2d`;
- } else if ( texture.isVideoTexture === true ) {
- textureType = 'texture_external';
- } else if ( texture.isData3DTexture === true ) {
- textureType = 'texture_3d<f32>';
- } else if ( uniform.node.isStorageTextureNode === true ) {
- const format = getFormat( texture );
- const access = this.getStorageAccess( uniform.node );
- textureType = `texture_storage_2d<${ format }, ${ access }>`;
- } else {
- const componentPrefix = this.getComponentTypeFromTexture( texture ).charAt( 0 );
- textureType = `texture${multisampled}_2d<${ componentPrefix }32>`;
- }
- bindingSnippets.push( `@binding( ${ uniformIndexes.binding ++ } ) @group( ${ uniformIndexes.group } ) var ${ uniform.name } : ${ textureType };` );
- } else if ( uniform.type === 'buffer' || uniform.type === 'storageBuffer' ) {
- const bufferNode = uniform.node;
- const bufferType = this.getType( bufferNode.bufferType );
- const bufferCount = bufferNode.bufferCount;
- const bufferCountSnippet = bufferCount > 0 ? ', ' + bufferCount : '';
- const bufferTypeSnippet = bufferNode.isAtomic ? `atomic<${bufferType}>` : `${bufferType}`;
- const bufferSnippet = `\t${ uniform.name } : array< ${ bufferTypeSnippet }${ bufferCountSnippet } >\n`;
- const bufferAccessMode = bufferNode.isStorageBufferNode ? `storage, ${ this.getStorageAccess( bufferNode ) }` : 'uniform';
- bufferSnippets.push( this._getWGSLStructBinding( 'NodeBuffer_' + bufferNode.id, bufferSnippet, bufferAccessMode, uniformIndexes.binding ++, uniformIndexes.group ) );
- } else {
- const vectorType = this.getType( this.getVectorType( uniform.type ) );
- const groupName = uniform.groupNode.name;
- const group = uniformGroups[ groupName ] || ( uniformGroups[ groupName ] = {
- index: uniformIndexes.binding ++,
- id: uniformIndexes.group,
- snippets: []
- } );
- group.snippets.push( `\t${ uniform.name } : ${ vectorType }` );
- }
- }
- for ( const name in uniformGroups ) {
- const group = uniformGroups[ name ];
- structSnippets.push( this._getWGSLStructBinding( name, group.snippets.join( ',\n' ), 'uniform', group.index, group.id ) );
- }
- let code = bindingSnippets.join( '\n' );
- code += bufferSnippets.join( '\n' );
- code += structSnippets.join( '\n' );
- return code;
- }
- buildCode() {
- const shadersData = this.material !== null ? { fragment: {}, vertex: {} } : { compute: {} };
- this.sortBindingGroups();
- for ( const shaderStage in shadersData ) {
- const stageData = shadersData[ shaderStage ];
- stageData.uniforms = this.getUniforms( shaderStage );
- stageData.attributes = this.getAttributes( shaderStage );
- stageData.varyings = this.getVaryings( shaderStage );
- stageData.structs = this.getStructs( shaderStage );
- stageData.vars = this.getVars( shaderStage );
- stageData.codes = this.getCodes( shaderStage );
- stageData.directives = this.getDirectives( shaderStage );
- stageData.scopedArrays = this.getScopedArrays( shaderStage );
- //
- let flow = '// code\n\n';
- flow += this.flowCode[ shaderStage ];
- const flowNodes = this.flowNodes[ shaderStage ];
- const mainNode = flowNodes[ flowNodes.length - 1 ];
- const outputNode = mainNode.outputNode;
- const isOutputStruct = ( outputNode !== undefined && outputNode.isOutputStructNode === true );
- for ( const node of flowNodes ) {
- const flowSlotData = this.getFlowData( node/*, shaderStage*/ );
- const slotName = node.name;
- if ( slotName ) {
- if ( flow.length > 0 ) flow += '\n';
- flow += `\t// flow -> ${ slotName }\n\t`;
- }
- flow += `${ flowSlotData.code }\n\t`;
- if ( node === mainNode && shaderStage !== 'compute' ) {
- flow += '// result\n\n\t';
- if ( shaderStage === 'vertex' ) {
- flow += `varyings.Vertex = ${ flowSlotData.result };`;
- } else if ( shaderStage === 'fragment' ) {
- if ( isOutputStruct ) {
- stageData.returnType = outputNode.nodeType;
- flow += `return ${ flowSlotData.result };`;
- } else {
- let structSnippet = '\t@location(0) color: vec4<f32>';
- const builtins = this.getBuiltins( 'output' );
- if ( builtins ) structSnippet += ',\n\t' + builtins;
- stageData.returnType = 'OutputStruct';
- stageData.structs += this._getWGSLStruct( 'OutputStruct', structSnippet );
- stageData.structs += '\nvar<private> output : OutputStruct;\n\n';
- flow += `output.color = ${ flowSlotData.result };\n\n\treturn output;`;
- }
- }
- }
- }
- stageData.flow = flow;
- }
- if ( this.material !== null ) {
- this.vertexShader = this._getWGSLVertexCode( shadersData.vertex );
- this.fragmentShader = this._getWGSLFragmentCode( shadersData.fragment );
- } else {
- this.computeShader = this._getWGSLComputeCode( shadersData.compute, ( this.object.workgroupSize || [ 64 ] ).join( ', ' ) );
- }
- }
- getMethod( method, output = null ) {
- let wgslMethod;
- if ( output !== null ) {
- wgslMethod = this._getWGSLMethod( method + '_' + output );
- }
- if ( wgslMethod === undefined ) {
- wgslMethod = this._getWGSLMethod( method );
- }
- return wgslMethod || method;
- }
- getType( type ) {
- return wgslTypeLib[ type ] || type;
- }
- isAvailable( name ) {
- let result = supports[ name ];
- if ( result === undefined ) {
- if ( name === 'float32Filterable' ) {
- result = this.renderer.hasFeature( 'float32-filterable' );
- }
- supports[ name ] = result;
- }
- return result;
- }
- _getWGSLMethod( method ) {
- if ( wgslPolyfill[ method ] !== undefined ) {
- this._include( method );
- }
- return wgslMethods[ method ];
- }
- _include( name ) {
- const codeNode = wgslPolyfill[ name ];
- codeNode.build( this );
- if ( this.currentFunctionNode !== null ) {
- this.currentFunctionNode.includes.push( codeNode );
- }
- return codeNode;
- }
- _getWGSLVertexCode( shaderData ) {
- return `${ this.getSignature() }
- // directives
- ${shaderData.directives}
- // uniforms
- ${shaderData.uniforms}
- // varyings
- ${shaderData.varyings}
- var<private> varyings : VaryingsStruct;
- // codes
- ${shaderData.codes}
- @vertex
- fn main( ${shaderData.attributes} ) -> VaryingsStruct {
- // vars
- ${shaderData.vars}
- // flow
- ${shaderData.flow}
- return varyings;
- }
- `;
- }
- _getWGSLFragmentCode( shaderData ) {
- return `${ this.getSignature() }
- // global
- ${ diagnostics }
- // uniforms
- ${shaderData.uniforms}
- // structs
- ${shaderData.structs}
- // codes
- ${shaderData.codes}
- @fragment
- fn main( ${shaderData.varyings} ) -> ${shaderData.returnType} {
- // vars
- ${shaderData.vars}
- // flow
- ${shaderData.flow}
- }
- `;
- }
- _getWGSLComputeCode( shaderData, workgroupSize ) {
- return `${ this.getSignature() }
- // directives
- ${shaderData.directives}
- // system
- var<private> instanceIndex : u32;
- // locals
- ${shaderData.scopedArrays}
- // uniforms
- ${shaderData.uniforms}
- // codes
- ${shaderData.codes}
- @compute @workgroup_size( ${workgroupSize} )
- fn main( ${shaderData.attributes} ) {
- // system
- instanceIndex = id.x + id.y * numWorkgroups.x * u32(${workgroupSize}) + id.z * numWorkgroups.x * numWorkgroups.y * u32(${workgroupSize});
- // vars
- ${shaderData.vars}
- // flow
- ${shaderData.flow}
- }
- `;
- }
- _getWGSLStruct( name, vars ) {
- return `
- struct ${name} {
- ${vars}
- };`;
- }
- _getWGSLStructBinding( name, vars, access, binding = 0, group = 0 ) {
- const structName = name + 'Struct';
- const structSnippet = this._getWGSLStruct( structName, vars );
- return `${structSnippet}
- @binding( ${binding} ) @group( ${group} )
- var<${access}> ${name} : ${structName};`;
- }
- }
- class WebGPUUtils {
- constructor( backend ) {
- this.backend = backend;
- }
- getCurrentDepthStencilFormat( renderContext ) {
- let format;
- if ( renderContext.depthTexture !== null ) {
- format = this.getTextureFormatGPU( renderContext.depthTexture );
- } else if ( renderContext.depth && renderContext.stencil ) {
- format = GPUTextureFormat.Depth24PlusStencil8;
- } else if ( renderContext.depth ) {
- format = GPUTextureFormat.Depth24Plus;
- }
- return format;
- }
- getTextureFormatGPU( texture ) {
- return this.backend.get( texture ).format;
- }
- getCurrentColorFormat( renderContext ) {
- let format;
- if ( renderContext.textures !== null ) {
- format = this.getTextureFormatGPU( renderContext.textures[ 0 ] );
- } else {
- format = this.getPreferredCanvasFormat(); // default context format
- }
- return format;
- }
- getCurrentColorSpace( renderContext ) {
- if ( renderContext.textures !== null ) {
- return renderContext.textures[ 0 ].colorSpace;
- }
- return this.backend.renderer.outputColorSpace;
- }
- getPrimitiveTopology( object, material ) {
- if ( object.isPoints ) return GPUPrimitiveTopology.PointList;
- else if ( object.isLineSegments || ( object.isMesh && material.wireframe === true ) ) return GPUPrimitiveTopology.LineList;
- else if ( object.isLine ) return GPUPrimitiveTopology.LineStrip;
- else if ( object.isMesh ) return GPUPrimitiveTopology.TriangleList;
- }
- getSampleCount( sampleCount ) {
- let count = 1;
- if ( sampleCount > 1 ) {
- // WebGPU only supports power-of-two sample counts and 2 is not a valid value
- count = Math.pow( 2, Math.floor( Math.log2( sampleCount ) ) );
- if ( count === 2 ) {
- count = 4;
- }
- }
- return count;
- }
- getSampleCountRenderContext( renderContext ) {
- if ( renderContext.textures !== null ) {
- return this.getSampleCount( renderContext.sampleCount );
- }
- return this.getSampleCount( this.backend.renderer.samples );
- }
- getPreferredCanvasFormat() {
- // TODO: Remove this check when Quest 34.5 is out
- // https://github.com/mrdoob/three.js/pull/29221/files#r1731833949
- if ( navigator.userAgent.includes( 'Quest' ) ) {
- return GPUTextureFormat.BGRA8Unorm;
- } else {
- return navigator.gpu.getPreferredCanvasFormat();
- }
- }
- }
- const typedArraysToVertexFormatPrefix = new Map( [
- [ Int8Array, [ 'sint8', 'snorm8' ]],
- [ Uint8Array, [ 'uint8', 'unorm8' ]],
- [ Int16Array, [ 'sint16', 'snorm16' ]],
- [ Uint16Array, [ 'uint16', 'unorm16' ]],
- [ Int32Array, [ 'sint32', 'snorm32' ]],
- [ Uint32Array, [ 'uint32', 'unorm32' ]],
- [ Float32Array, [ 'float32', ]],
- ] );
- const typedAttributeToVertexFormatPrefix = new Map( [
- [ Float16BufferAttribute, [ 'float16', ]],
- ] );
- const typeArraysToVertexFormatPrefixForItemSize1 = new Map( [
- [ Int32Array, 'sint32' ],
- [ Int16Array, 'sint32' ], // patch for INT16
- [ Uint32Array, 'uint32' ],
- [ Uint16Array, 'uint32' ], // patch for UINT16
- [ Float32Array, 'float32' ]
- ] );
- class WebGPUAttributeUtils {
- constructor( backend ) {
- this.backend = backend;
- }
- createAttribute( attribute, usage ) {
- const bufferAttribute = this._getBufferAttribute( attribute );
- const backend = this.backend;
- const bufferData = backend.get( bufferAttribute );
- let buffer = bufferData.buffer;
- if ( buffer === undefined ) {
- const device = backend.device;
- let array = bufferAttribute.array;
- // patch for INT16 and UINT16
- if ( attribute.normalized === false && ( array.constructor === Int16Array || array.constructor === Uint16Array ) ) {
- const tempArray = new Uint32Array( array.length );
- for ( let i = 0; i < array.length; i ++ ) {
- tempArray[ i ] = array[ i ];
- }
- array = tempArray;
- }
- bufferAttribute.array = array;
- if ( ( bufferAttribute.isStorageBufferAttribute || bufferAttribute.isStorageInstancedBufferAttribute ) && bufferAttribute.itemSize === 3 ) {
- array = new array.constructor( bufferAttribute.count * 4 );
- for ( let i = 0; i < bufferAttribute.count; i ++ ) {
- array.set( bufferAttribute.array.subarray( i * 3, i * 3 + 3 ), i * 4 );
- }
- // Update BufferAttribute
- bufferAttribute.itemSize = 4;
- bufferAttribute.array = array;
- }
- const size = array.byteLength + ( ( 4 - ( array.byteLength % 4 ) ) % 4 ); // ensure 4 byte alignment, see #20441
- buffer = device.createBuffer( {
- label: bufferAttribute.name,
- size: size,
- usage: usage,
- mappedAtCreation: true
- } );
- new array.constructor( buffer.getMappedRange() ).set( array );
- buffer.unmap();
- bufferData.buffer = buffer;
- }
- }
- updateAttribute( attribute ) {
- const bufferAttribute = this._getBufferAttribute( attribute );
- const backend = this.backend;
- const device = backend.device;
- const buffer = backend.get( bufferAttribute ).buffer;
- const array = bufferAttribute.array;
- const updateRanges = bufferAttribute.updateRanges;
- if ( updateRanges.length === 0 ) {
- // Not using update ranges
- device.queue.writeBuffer(
- buffer,
- 0,
- array,
- 0
- );
- } else {
- for ( let i = 0, l = updateRanges.length; i < l; i ++ ) {
- const range = updateRanges[ i ];
- device.queue.writeBuffer(
- buffer,
- 0,
- array,
- range.start * array.BYTES_PER_ELEMENT,
- range.count * array.BYTES_PER_ELEMENT
- );
- }
- bufferAttribute.clearUpdateRanges();
- }
- }
- createShaderVertexBuffers( renderObject ) {
- const attributes = renderObject.getAttributes();
- const vertexBuffers = new Map();
- for ( let slot = 0; slot < attributes.length; slot ++ ) {
- const geometryAttribute = attributes[ slot ];
- const bytesPerElement = geometryAttribute.array.BYTES_PER_ELEMENT;
- const bufferAttribute = this._getBufferAttribute( geometryAttribute );
- let vertexBufferLayout = vertexBuffers.get( bufferAttribute );
- if ( vertexBufferLayout === undefined ) {
- let arrayStride, stepMode;
- if ( geometryAttribute.isInterleavedBufferAttribute === true ) {
- arrayStride = geometryAttribute.data.stride * bytesPerElement;
- stepMode = geometryAttribute.data.isInstancedInterleavedBuffer ? GPUInputStepMode.Instance : GPUInputStepMode.Vertex;
- } else {
- arrayStride = geometryAttribute.itemSize * bytesPerElement;
- stepMode = geometryAttribute.isInstancedBufferAttribute ? GPUInputStepMode.Instance : GPUInputStepMode.Vertex;
- }
- // patch for INT16 and UINT16
- if ( geometryAttribute.normalized === false && ( geometryAttribute.array.constructor === Int16Array || geometryAttribute.array.constructor === Uint16Array ) ) {
- arrayStride = 4;
- }
- vertexBufferLayout = {
- arrayStride,
- attributes: [],
- stepMode
- };
- vertexBuffers.set( bufferAttribute, vertexBufferLayout );
- }
- const format = this._getVertexFormat( geometryAttribute );
- const offset = ( geometryAttribute.isInterleavedBufferAttribute === true ) ? geometryAttribute.offset * bytesPerElement : 0;
- vertexBufferLayout.attributes.push( {
- shaderLocation: slot,
- offset,
- format
- } );
- }
- return Array.from( vertexBuffers.values() );
- }
- destroyAttribute( attribute ) {
- const backend = this.backend;
- const data = backend.get( this._getBufferAttribute( attribute ) );
- data.buffer.destroy();
- backend.delete( attribute );
- }
- async getArrayBufferAsync( attribute ) {
- const backend = this.backend;
- const device = backend.device;
- const data = backend.get( this._getBufferAttribute( attribute ) );
- const bufferGPU = data.buffer;
- const size = bufferGPU.size;
- const readBufferGPU = device.createBuffer( {
- label: attribute.name,
- size,
- usage: GPUBufferUsage.COPY_DST | GPUBufferUsage.MAP_READ
- } );
- const cmdEncoder = device.createCommandEncoder( {} );
- cmdEncoder.copyBufferToBuffer(
- bufferGPU,
- 0,
- readBufferGPU,
- 0,
- size
- );
- readBufferGPU.unmap();
- const gpuCommands = cmdEncoder.finish();
- device.queue.submit( [ gpuCommands ] );
- await readBufferGPU.mapAsync( GPUMapMode.READ );
- const arrayBuffer = readBufferGPU.getMappedRange();
- return arrayBuffer;
- }
- _getVertexFormat( geometryAttribute ) {
- const { itemSize, normalized } = geometryAttribute;
- const ArrayType = geometryAttribute.array.constructor;
- const AttributeType = geometryAttribute.constructor;
- let format;
- if ( itemSize == 1 ) {
- format = typeArraysToVertexFormatPrefixForItemSize1.get( ArrayType );
- } else {
- const prefixOptions = typedAttributeToVertexFormatPrefix.get( AttributeType ) || typedArraysToVertexFormatPrefix.get( ArrayType );
- const prefix = prefixOptions[ normalized ? 1 : 0 ];
- if ( prefix ) {
- const bytesPerUnit = ArrayType.BYTES_PER_ELEMENT * itemSize;
- const paddedBytesPerUnit = Math.floor( ( bytesPerUnit + 3 ) / 4 ) * 4;
- const paddedItemSize = paddedBytesPerUnit / ArrayType.BYTES_PER_ELEMENT;
- if ( paddedItemSize % 1 ) {
- throw new Error( 'THREE.WebGPUAttributeUtils: Bad vertex format item size.' );
- }
- format = `${prefix}x${paddedItemSize}`;
- }
- }
- if ( ! format ) {
- console.error( 'THREE.WebGPUAttributeUtils: Vertex format not supported yet.' );
- }
- return format;
- }
- _getBufferAttribute( attribute ) {
- if ( attribute.isInterleavedBufferAttribute ) attribute = attribute.data;
- return attribute;
- }
- }
- class WebGPUBindingUtils {
- constructor( backend ) {
- this.backend = backend;
- this.bindGroupLayoutCache = new WeakMap();
- }
- createBindingsLayout( bindGroup ) {
- const backend = this.backend;
- const device = backend.device;
- const entries = [];
- let index = 0;
- for ( const binding of bindGroup.bindings ) {
- const bindingGPU = {
- binding: index ++,
- visibility: binding.visibility
- };
- if ( binding.isUniformBuffer || binding.isStorageBuffer ) {
- const buffer = {}; // GPUBufferBindingLayout
- if ( binding.isStorageBuffer ) {
- buffer.type = binding.access;
- }
- bindingGPU.buffer = buffer;
- } else if ( binding.isSampler ) {
- const sampler = {}; // GPUSamplerBindingLayout
- if ( binding.texture.isDepthTexture ) {
- if ( binding.texture.compareFunction !== null ) {
- sampler.type = 'comparison';
- }
- }
- bindingGPU.sampler = sampler;
- } else if ( binding.isSampledTexture && binding.texture.isVideoTexture ) {
- bindingGPU.externalTexture = {}; // GPUExternalTextureBindingLayout
- } else if ( binding.isSampledTexture && binding.store ) {
- const format = this.backend.get( binding.texture ).texture.format;
- const access = binding.access;
- bindingGPU.storageTexture = { format, access }; // GPUStorageTextureBindingLayout
- } else if ( binding.isSampledTexture ) {
- const texture = {}; // GPUTextureBindingLayout
- if ( binding.texture.isMultisampleRenderTargetTexture === true ) {
- texture.multisampled = true;
- }
- if ( binding.texture.isDepthTexture ) {
- texture.sampleType = GPUTextureSampleType.Depth;
- } else if ( binding.texture.isDataTexture || binding.texture.isDataArrayTexture || binding.texture.isData3DTexture ) {
- const type = binding.texture.type;
- if ( type === IntType ) {
- texture.sampleType = GPUTextureSampleType.SInt;
- } else if ( type === UnsignedIntType ) {
- texture.sampleType = GPUTextureSampleType.UInt;
- } else if ( type === FloatType ) {
- if ( this.backend.hasFeature( 'float32-filterable' ) ) {
- texture.sampleType = GPUTextureSampleType.Float;
- } else {
- texture.sampleType = GPUTextureSampleType.UnfilterableFloat;
- }
- }
- }
- if ( binding.isSampledCubeTexture ) {
- texture.viewDimension = GPUTextureViewDimension.Cube;
- } else if ( binding.texture.isDataArrayTexture || binding.texture.isCompressedArrayTexture ) {
- texture.viewDimension = GPUTextureViewDimension.TwoDArray;
- } else if ( binding.isSampledTexture3D ) {
- texture.viewDimension = GPUTextureViewDimension.ThreeD;
- }
- bindingGPU.texture = texture;
- } else {
- console.error( `WebGPUBindingUtils: Unsupported binding "${ binding }".` );
- }
- entries.push( bindingGPU );
- }
- return device.createBindGroupLayout( { entries } );
- }
- createBindings( bindGroup ) {
- const { backend, bindGroupLayoutCache } = this;
- const bindingsData = backend.get( bindGroup );
- // setup (static) binding layout and (dynamic) binding group
- let bindLayoutGPU = bindGroupLayoutCache.get( bindGroup.bindingsReference );
- if ( bindLayoutGPU === undefined ) {
- bindLayoutGPU = this.createBindingsLayout( bindGroup );
- bindGroupLayoutCache.set( bindGroup.bindingsReference, bindLayoutGPU );
- }
- const bindGroupGPU = this.createBindGroup( bindGroup, bindLayoutGPU );
- bindingsData.layout = bindLayoutGPU;
- bindingsData.group = bindGroupGPU;
- }
- updateBinding( binding ) {
- const backend = this.backend;
- const device = backend.device;
- const buffer = binding.buffer;
- const bufferGPU = backend.get( binding ).buffer;
- device.queue.writeBuffer( bufferGPU, 0, buffer, 0 );
- }
- createBindGroup( bindGroup, layoutGPU ) {
- const backend = this.backend;
- const device = backend.device;
- let bindingPoint = 0;
- const entriesGPU = [];
- for ( const binding of bindGroup.bindings ) {
- if ( binding.isUniformBuffer ) {
- const bindingData = backend.get( binding );
- if ( bindingData.buffer === undefined ) {
- const byteLength = binding.byteLength;
- const usage = GPUBufferUsage.UNIFORM | GPUBufferUsage.COPY_DST;
- const bufferGPU = device.createBuffer( {
- label: 'bindingBuffer_' + binding.name,
- size: byteLength,
- usage: usage
- } );
- bindingData.buffer = bufferGPU;
- }
- entriesGPU.push( { binding: bindingPoint, resource: { buffer: bindingData.buffer } } );
- } else if ( binding.isStorageBuffer ) {
- const bindingData = backend.get( binding );
- if ( bindingData.buffer === undefined ) {
- const attribute = binding.attribute;
- //const usage = GPUBufferUsage.STORAGE | GPUBufferUsage.VERTEX | /*GPUBufferUsage.COPY_SRC |*/ GPUBufferUsage.COPY_DST;
- //backend.attributeUtils.createAttribute( attribute, usage ); // @TODO: Move it to universal renderer
- bindingData.buffer = backend.get( attribute ).buffer;
- }
- entriesGPU.push( { binding: bindingPoint, resource: { buffer: bindingData.buffer } } );
- } else if ( binding.isSampler ) {
- const textureGPU = backend.get( binding.texture );
- entriesGPU.push( { binding: bindingPoint, resource: textureGPU.sampler } );
- } else if ( binding.isSampledTexture ) {
- const textureData = backend.get( binding.texture );
- let resourceGPU;
- if ( textureData.externalTexture !== undefined ) {
- resourceGPU = device.importExternalTexture( { source: textureData.externalTexture } );
- } else {
- const mipLevelCount = binding.store ? 1 : textureData.texture.mipLevelCount;
- const propertyName = `view-${ textureData.texture.width }-${ textureData.texture.height }-${ mipLevelCount }`;
- resourceGPU = textureData[ propertyName ];
- if ( resourceGPU === undefined ) {
- const aspectGPU = GPUTextureAspect.All;
- let dimensionViewGPU;
- if ( binding.isSampledCubeTexture ) {
- dimensionViewGPU = GPUTextureViewDimension.Cube;
- } else if ( binding.isSampledTexture3D ) {
- dimensionViewGPU = GPUTextureViewDimension.ThreeD;
- } else if ( binding.texture.isDataArrayTexture || binding.texture.isCompressedArrayTexture ) {
- dimensionViewGPU = GPUTextureViewDimension.TwoDArray;
- } else {
- dimensionViewGPU = GPUTextureViewDimension.TwoD;
- }
- resourceGPU = textureData[ propertyName ] = textureData.texture.createView( { aspect: aspectGPU, dimension: dimensionViewGPU, mipLevelCount } );
- }
- }
- entriesGPU.push( { binding: bindingPoint, resource: resourceGPU } );
- }
- bindingPoint ++;
- }
- return device.createBindGroup( {
- label: 'bindGroup_' + bindGroup.name,
- layout: layoutGPU,
- entries: entriesGPU
- } );
- }
- }
- class WebGPUPipelineUtils {
- constructor( backend ) {
- this.backend = backend;
- }
- _getSampleCount( renderObjectContext ) {
- return this.backend.utils.getSampleCountRenderContext( renderObjectContext );
- }
- createRenderPipeline( renderObject, promises ) {
- const { object, material, geometry, pipeline } = renderObject;
- const { vertexProgram, fragmentProgram } = pipeline;
- const backend = this.backend;
- const device = backend.device;
- const utils = backend.utils;
- const pipelineData = backend.get( pipeline );
- // bind group layouts
- const bindGroupLayouts = [];
- for ( const bindGroup of renderObject.getBindings() ) {
- const bindingsData = backend.get( bindGroup );
- bindGroupLayouts.push( bindingsData.layout );
- }
- // vertex buffers
- const vertexBuffers = backend.attributeUtils.createShaderVertexBuffers( renderObject );
- // blending
- let blending;
- if ( material.transparent === true && material.blending !== NoBlending ) {
- blending = this._getBlending( material );
- }
- // stencil
- let stencilFront = {};
- if ( material.stencilWrite === true ) {
- stencilFront = {
- compare: this._getStencilCompare( material ),
- failOp: this._getStencilOperation( material.stencilFail ),
- depthFailOp: this._getStencilOperation( material.stencilZFail ),
- passOp: this._getStencilOperation( material.stencilZPass )
- };
- }
- const colorWriteMask = this._getColorWriteMask( material );
- const targets = [];
- if ( renderObject.context.textures !== null ) {
- const textures = renderObject.context.textures;
- for ( let i = 0; i < textures.length; i ++ ) {
- const colorFormat = utils.getTextureFormatGPU( textures[ i ] );
- targets.push( {
- format: colorFormat,
- blend: blending,
- writeMask: colorWriteMask
- } );
- }
- } else {
- const colorFormat = utils.getCurrentColorFormat( renderObject.context );
- targets.push( {
- format: colorFormat,
- blend: blending,
- writeMask: colorWriteMask
- } );
- }
- const vertexModule = backend.get( vertexProgram ).module;
- const fragmentModule = backend.get( fragmentProgram ).module;
- const primitiveState = this._getPrimitiveState( object, geometry, material );
- const depthCompare = this._getDepthCompare( material );
- const depthStencilFormat = utils.getCurrentDepthStencilFormat( renderObject.context );
- const sampleCount = this._getSampleCount( renderObject.context );
- const pipelineDescriptor = {
- label: `renderPipeline_${ material.name || material.type }_${ material.id }`,
- vertex: Object.assign( {}, vertexModule, { buffers: vertexBuffers } ),
- fragment: Object.assign( {}, fragmentModule, { targets } ),
- primitive: primitiveState,
- depthStencil: {
- format: depthStencilFormat,
- depthWriteEnabled: material.depthWrite,
- depthCompare: depthCompare,
- stencilFront: stencilFront,
- stencilBack: {}, // three.js does not provide an API to configure the back function (gl.stencilFuncSeparate() was never used)
- stencilReadMask: material.stencilFuncMask,
- stencilWriteMask: material.stencilWriteMask
- },
- multisample: {
- count: sampleCount,
- alphaToCoverageEnabled: material.alphaToCoverage && sampleCount > 1
- },
- layout: device.createPipelineLayout( {
- bindGroupLayouts
- } )
- };
- if ( promises === null ) {
- pipelineData.pipeline = device.createRenderPipeline( pipelineDescriptor );
- } else {
- const p = new Promise( ( resolve /*, reject*/ ) => {
- device.createRenderPipelineAsync( pipelineDescriptor ).then( pipeline => {
- pipelineData.pipeline = pipeline;
- resolve();
- } );
- } );
- promises.push( p );
- }
- }
- createBundleEncoder( renderContext ) {
- const backend = this.backend;
- const { utils, device } = backend;
- const depthStencilFormat = utils.getCurrentDepthStencilFormat( renderContext );
- const colorFormat = utils.getCurrentColorFormat( renderContext );
- const sampleCount = this._getSampleCount( renderContext );
- const descriptor = {
- label: 'renderBundleEncoder',
- colorFormats: [ colorFormat ],
- depthStencilFormat,
- sampleCount
- };
- return device.createRenderBundleEncoder( descriptor );
- }
- createComputePipeline( pipeline, bindings ) {
- const backend = this.backend;
- const device = backend.device;
- const computeProgram = backend.get( pipeline.computeProgram ).module;
- const pipelineGPU = backend.get( pipeline );
- // bind group layouts
- const bindGroupLayouts = [];
- for ( const bindingsGroup of bindings ) {
- const bindingsData = backend.get( bindingsGroup );
- bindGroupLayouts.push( bindingsData.layout );
- }
- pipelineGPU.pipeline = device.createComputePipeline( {
- compute: computeProgram,
- layout: device.createPipelineLayout( {
- bindGroupLayouts
- } )
- } );
- }
- _getBlending( material ) {
- let color, alpha;
- const blending = material.blending;
- const blendSrc = material.blendSrc;
- const blendDst = material.blendDst;
- const blendEquation = material.blendEquation;
- if ( blending === CustomBlending ) {
- const blendSrcAlpha = material.blendSrcAlpha !== null ? material.blendSrcAlpha : blendSrc;
- const blendDstAlpha = material.blendDstAlpha !== null ? material.blendDstAlpha : blendDst;
- const blendEquationAlpha = material.blendEquationAlpha !== null ? material.blendEquationAlpha : blendEquation;
- color = {
- srcFactor: this._getBlendFactor( blendSrc ),
- dstFactor: this._getBlendFactor( blendDst ),
- operation: this._getBlendOperation( blendEquation )
- };
- alpha = {
- srcFactor: this._getBlendFactor( blendSrcAlpha ),
- dstFactor: this._getBlendFactor( blendDstAlpha ),
- operation: this._getBlendOperation( blendEquationAlpha )
- };
- } else {
- const premultipliedAlpha = material.premultipliedAlpha;
- const setBlend = ( srcRGB, dstRGB, srcAlpha, dstAlpha ) => {
- color = {
- srcFactor: srcRGB,
- dstFactor: dstRGB,
- operation: GPUBlendOperation.Add
- };
- alpha = {
- srcFactor: srcAlpha,
- dstFactor: dstAlpha,
- operation: GPUBlendOperation.Add
- };
- };
- if ( premultipliedAlpha ) {
- switch ( blending ) {
- case NormalBlending:
- setBlend( GPUBlendFactor.One, GPUBlendFactor.OneMinusSrcAlpha, GPUBlendFactor.One, GPUBlendFactor.OneMinusSrcAlpha );
- break;
- case AdditiveBlending:
- setBlend( GPUBlendFactor.One, GPUBlendFactor.One, GPUBlendFactor.One, GPUBlendFactor.One );
- break;
- case SubtractiveBlending:
- setBlend( GPUBlendFactor.Zero, GPUBlendFactor.OneMinusSrc, GPUBlendFactor.Zero, GPUBlendFactor.One );
- break;
- case MultiplyBlending:
- setBlend( GPUBlendFactor.Zero, GPUBlendFactor.Src, GPUBlendFactor.Zero, GPUBlendFactor.SrcAlpha );
- break;
- }
- } else {
- switch ( blending ) {
- case NormalBlending:
- setBlend( GPUBlendFactor.SrcAlpha, GPUBlendFactor.OneMinusSrcAlpha, GPUBlendFactor.One, GPUBlendFactor.OneMinusSrcAlpha );
- break;
- case AdditiveBlending:
- setBlend( GPUBlendFactor.SrcAlpha, GPUBlendFactor.One, GPUBlendFactor.SrcAlpha, GPUBlendFactor.One );
- break;
- case SubtractiveBlending:
- setBlend( GPUBlendFactor.Zero, GPUBlendFactor.OneMinusSrc, GPUBlendFactor.Zero, GPUBlendFactor.One );
- break;
- case MultiplyBlending:
- setBlend( GPUBlendFactor.Zero, GPUBlendFactor.Src, GPUBlendFactor.Zero, GPUBlendFactor.Src );
- break;
- }
- }
- }
- if ( color !== undefined && alpha !== undefined ) {
- return { color, alpha };
- } else {
- console.error( 'THREE.WebGPURenderer: Invalid blending: ', blending );
- }
- }
- _getBlendFactor( blend ) {
- let blendFactor;
- switch ( blend ) {
- case ZeroFactor:
- blendFactor = GPUBlendFactor.Zero;
- break;
- case OneFactor:
- blendFactor = GPUBlendFactor.One;
- break;
- case SrcColorFactor:
- blendFactor = GPUBlendFactor.Src;
- break;
- case OneMinusSrcColorFactor:
- blendFactor = GPUBlendFactor.OneMinusSrc;
- break;
- case SrcAlphaFactor:
- blendFactor = GPUBlendFactor.SrcAlpha;
- break;
- case OneMinusSrcAlphaFactor:
- blendFactor = GPUBlendFactor.OneMinusSrcAlpha;
- break;
- case DstColorFactor:
- blendFactor = GPUBlendFactor.Dst;
- break;
- case OneMinusDstColorFactor:
- blendFactor = GPUBlendFactor.OneMinusDstColor;
- break;
- case DstAlphaFactor:
- blendFactor = GPUBlendFactor.DstAlpha;
- break;
- case OneMinusDstAlphaFactor:
- blendFactor = GPUBlendFactor.OneMinusDstAlpha;
- break;
- case SrcAlphaSaturateFactor:
- blendFactor = GPUBlendFactor.SrcAlphaSaturated;
- break;
- case BlendColorFactor:
- blendFactor = GPUBlendFactor.Constant;
- break;
- case OneMinusBlendColorFactor:
- blendFactor = GPUBlendFactor.OneMinusConstant;
- break;
- default:
- console.error( 'THREE.WebGPURenderer: Blend factor not supported.', blend );
- }
- return blendFactor;
- }
- _getStencilCompare( material ) {
- let stencilCompare;
- const stencilFunc = material.stencilFunc;
- switch ( stencilFunc ) {
- case NeverStencilFunc:
- stencilCompare = GPUCompareFunction.Never;
- break;
- case AlwaysStencilFunc:
- stencilCompare = GPUCompareFunction.Always;
- break;
- case LessStencilFunc:
- stencilCompare = GPUCompareFunction.Less;
- break;
- case LessEqualStencilFunc:
- stencilCompare = GPUCompareFunction.LessEqual;
- break;
- case EqualStencilFunc:
- stencilCompare = GPUCompareFunction.Equal;
- break;
- case GreaterEqualStencilFunc:
- stencilCompare = GPUCompareFunction.GreaterEqual;
- break;
- case GreaterStencilFunc:
- stencilCompare = GPUCompareFunction.Greater;
- break;
- case NotEqualStencilFunc:
- stencilCompare = GPUCompareFunction.NotEqual;
- break;
- default:
- console.error( 'THREE.WebGPURenderer: Invalid stencil function.', stencilFunc );
- }
- return stencilCompare;
- }
- _getStencilOperation( op ) {
- let stencilOperation;
- switch ( op ) {
- case KeepStencilOp:
- stencilOperation = GPUStencilOperation.Keep;
- break;
- case ZeroStencilOp:
- stencilOperation = GPUStencilOperation.Zero;
- break;
- case ReplaceStencilOp:
- stencilOperation = GPUStencilOperation.Replace;
- break;
- case InvertStencilOp:
- stencilOperation = GPUStencilOperation.Invert;
- break;
- case IncrementStencilOp:
- stencilOperation = GPUStencilOperation.IncrementClamp;
- break;
- case DecrementStencilOp:
- stencilOperation = GPUStencilOperation.DecrementClamp;
- break;
- case IncrementWrapStencilOp:
- stencilOperation = GPUStencilOperation.IncrementWrap;
- break;
- case DecrementWrapStencilOp:
- stencilOperation = GPUStencilOperation.DecrementWrap;
- break;
- default:
- console.error( 'THREE.WebGPURenderer: Invalid stencil operation.', stencilOperation );
- }
- return stencilOperation;
- }
- _getBlendOperation( blendEquation ) {
- let blendOperation;
- switch ( blendEquation ) {
- case AddEquation:
- blendOperation = GPUBlendOperation.Add;
- break;
- case SubtractEquation:
- blendOperation = GPUBlendOperation.Subtract;
- break;
- case ReverseSubtractEquation:
- blendOperation = GPUBlendOperation.ReverseSubtract;
- break;
- case MinEquation:
- blendOperation = GPUBlendOperation.Min;
- break;
- case MaxEquation:
- blendOperation = GPUBlendOperation.Max;
- break;
- default:
- console.error( 'THREE.WebGPUPipelineUtils: Blend equation not supported.', blendEquation );
- }
- return blendOperation;
- }
- _getPrimitiveState( object, geometry, material ) {
- const descriptor = {};
- const utils = this.backend.utils;
- descriptor.topology = utils.getPrimitiveTopology( object, material );
- if ( geometry.index !== null && object.isLine === true && object.isLineSegments !== true ) {
- descriptor.stripIndexFormat = ( geometry.index.array instanceof Uint16Array ) ? GPUIndexFormat.Uint16 : GPUIndexFormat.Uint32;
- }
- switch ( material.side ) {
- case FrontSide:
- descriptor.frontFace = GPUFrontFace.CCW;
- descriptor.cullMode = GPUCullMode.Back;
- break;
- case BackSide:
- descriptor.frontFace = GPUFrontFace.CCW;
- descriptor.cullMode = GPUCullMode.Front;
- break;
- case DoubleSide:
- descriptor.frontFace = GPUFrontFace.CCW;
- descriptor.cullMode = GPUCullMode.None;
- break;
- default:
- console.error( 'THREE.WebGPUPipelineUtils: Unknown material.side value.', material.side );
- break;
- }
- return descriptor;
- }
- _getColorWriteMask( material ) {
- return ( material.colorWrite === true ) ? GPUColorWriteFlags.All : GPUColorWriteFlags.None;
- }
- _getDepthCompare( material ) {
- let depthCompare;
- if ( material.depthTest === false ) {
- depthCompare = GPUCompareFunction.Always;
- } else {
- const depthFunc = material.depthFunc;
- switch ( depthFunc ) {
- case NeverDepth:
- depthCompare = GPUCompareFunction.Never;
- break;
- case AlwaysDepth:
- depthCompare = GPUCompareFunction.Always;
- break;
- case LessDepth:
- depthCompare = GPUCompareFunction.Less;
- break;
- case LessEqualDepth:
- depthCompare = GPUCompareFunction.LessEqual;
- break;
- case EqualDepth:
- depthCompare = GPUCompareFunction.Equal;
- break;
- case GreaterEqualDepth:
- depthCompare = GPUCompareFunction.GreaterEqual;
- break;
- case GreaterDepth:
- depthCompare = GPUCompareFunction.Greater;
- break;
- case NotEqualDepth:
- depthCompare = GPUCompareFunction.NotEqual;
- break;
- default:
- console.error( 'THREE.WebGPUPipelineUtils: Invalid depth function.', depthFunc );
- }
- }
- return depthCompare;
- }
- }
- /*// debugger tools
- import 'https://greggman.github.io/webgpu-avoid-redundant-state-setting/webgpu-check-redundant-state-setting.js';
- //*/
- //
- class WebGPUBackend extends Backend {
- constructor( parameters = {} ) {
- super( parameters );
- this.isWebGPUBackend = true;
- // some parameters require default values other than "undefined"
- this.parameters.alpha = ( parameters.alpha === undefined ) ? true : parameters.alpha;
- this.parameters.requiredLimits = ( parameters.requiredLimits === undefined ) ? {} : parameters.requiredLimits;
- this.trackTimestamp = ( parameters.trackTimestamp === true );
- this.device = null;
- this.context = null;
- this.colorBuffer = null;
- this.defaultRenderPassdescriptor = null;
- this.utils = new WebGPUUtils( this );
- this.attributeUtils = new WebGPUAttributeUtils( this );
- this.bindingUtils = new WebGPUBindingUtils( this );
- this.pipelineUtils = new WebGPUPipelineUtils( this );
- this.textureUtils = new WebGPUTextureUtils( this );
- this.occludedResolveCache = new Map();
- }
- async init( renderer ) {
- await super.init( renderer );
- //
- const parameters = this.parameters;
- // create the device if it is not passed with parameters
- let device;
- if ( parameters.device === undefined ) {
- const adapterOptions = {
- powerPreference: parameters.powerPreference
- };
- const adapter = await navigator.gpu.requestAdapter( adapterOptions );
- if ( adapter === null ) {
- throw new Error( 'WebGPUBackend: Unable to create WebGPU adapter.' );
- }
- // feature support
- const features = Object.values( GPUFeatureName );
- const supportedFeatures = [];
- for ( const name of features ) {
- if ( adapter.features.has( name ) ) {
- supportedFeatures.push( name );
- }
- }
- const deviceDescriptor = {
- requiredFeatures: supportedFeatures,
- requiredLimits: parameters.requiredLimits
- };
- device = await adapter.requestDevice( deviceDescriptor );
- } else {
- device = parameters.device;
- }
- const context = ( parameters.context !== undefined ) ? parameters.context : renderer.domElement.getContext( 'webgpu' );
- this.device = device;
- this.context = context;
- const alphaMode = parameters.alpha ? 'premultiplied' : 'opaque';
- this.trackTimestamp = this.trackTimestamp && this.hasFeature( GPUFeatureName.TimestampQuery );
- this.context.configure( {
- device: this.device,
- format: this.utils.getPreferredCanvasFormat(),
- usage: GPUTextureUsage.RENDER_ATTACHMENT | GPUTextureUsage.COPY_SRC,
- alphaMode: alphaMode
- } );
- this.updateSize();
- }
- get coordinateSystem() {
- return WebGPUCoordinateSystem;
- }
- async getArrayBufferAsync( attribute ) {
- return await this.attributeUtils.getArrayBufferAsync( attribute );
- }
- getContext() {
- return this.context;
- }
- _getDefaultRenderPassDescriptor() {
- let descriptor = this.defaultRenderPassdescriptor;
- if ( descriptor === null ) {
- const renderer = this.renderer;
- descriptor = {
- colorAttachments: [ {
- view: null
- } ],
- depthStencilAttachment: {
- view: this.textureUtils.getDepthBuffer( renderer.depth, renderer.stencil ).createView()
- }
- };
- const colorAttachment = descriptor.colorAttachments[ 0 ];
- if ( this.renderer.samples > 0 ) {
- colorAttachment.view = this.colorBuffer.createView();
- } else {
- colorAttachment.resolveTarget = undefined;
- }
- this.defaultRenderPassdescriptor = descriptor;
- }
- const colorAttachment = descriptor.colorAttachments[ 0 ];
- if ( this.renderer.samples > 0 ) {
- colorAttachment.resolveTarget = this.context.getCurrentTexture().createView();
- } else {
- colorAttachment.view = this.context.getCurrentTexture().createView();
- }
- return descriptor;
- }
- _getRenderPassDescriptor( renderContext ) {
- const renderTarget = renderContext.renderTarget;
- const renderTargetData = this.get( renderTarget );
- let descriptors = renderTargetData.descriptors;
- if ( descriptors === undefined ||
- renderTargetData.width !== renderTarget.width ||
- renderTargetData.height !== renderTarget.height ||
- renderTargetData.activeMipmapLevel !== renderTarget.activeMipmapLevel ||
- renderTargetData.samples !== renderTarget.samples
- ) {
- descriptors = {};
- renderTargetData.descriptors = descriptors;
- // dispose
- const onDispose = () => {
- renderTarget.removeEventListener( 'dispose', onDispose );
- this.delete( renderTarget );
- };
- renderTarget.addEventListener( 'dispose', onDispose );
- }
- const cacheKey = renderContext.getCacheKey();
- let descriptor = descriptors[ cacheKey ];
- if ( descriptor === undefined ) {
- const textures = renderContext.textures;
- const colorAttachments = [];
- for ( let i = 0; i < textures.length; i ++ ) {
- const textureData = this.get( textures[ i ] );
- const textureView = textureData.texture.createView( {
- baseMipLevel: renderContext.activeMipmapLevel,
- mipLevelCount: 1,
- baseArrayLayer: renderContext.activeCubeFace,
- dimension: GPUTextureViewDimension.TwoD
- } );
- let view, resolveTarget;
- if ( textureData.msaaTexture !== undefined ) {
- view = textureData.msaaTexture.createView();
- resolveTarget = textureView;
- } else {
- view = textureView;
- resolveTarget = undefined;
- }
- colorAttachments.push( {
- view,
- resolveTarget,
- loadOp: GPULoadOp.Load,
- storeOp: GPUStoreOp.Store
- } );
- }
- const depthTextureData = this.get( renderContext.depthTexture );
- const depthStencilAttachment = {
- view: depthTextureData.texture.createView()
- };
- descriptor = {
- colorAttachments,
- depthStencilAttachment
- };
- descriptors[ cacheKey ] = descriptor;
- renderTargetData.width = renderTarget.width;
- renderTargetData.height = renderTarget.height;
- renderTargetData.samples = renderTarget.samples;
- renderTargetData.activeMipmapLevel = renderTarget.activeMipmapLevel;
- }
- return descriptor;
- }
- beginRender( renderContext ) {
- const renderContextData = this.get( renderContext );
- const device = this.device;
- const occlusionQueryCount = renderContext.occlusionQueryCount;
- let occlusionQuerySet;
- if ( occlusionQueryCount > 0 ) {
- if ( renderContextData.currentOcclusionQuerySet ) renderContextData.currentOcclusionQuerySet.destroy();
- if ( renderContextData.currentOcclusionQueryBuffer ) renderContextData.currentOcclusionQueryBuffer.destroy();
- // Get a reference to the array of objects with queries. The renderContextData property
- // can be changed by another render pass before the buffer.mapAsyc() completes.
- renderContextData.currentOcclusionQuerySet = renderContextData.occlusionQuerySet;
- renderContextData.currentOcclusionQueryBuffer = renderContextData.occlusionQueryBuffer;
- renderContextData.currentOcclusionQueryObjects = renderContextData.occlusionQueryObjects;
- //
- occlusionQuerySet = device.createQuerySet( { type: 'occlusion', count: occlusionQueryCount } );
- renderContextData.occlusionQuerySet = occlusionQuerySet;
- renderContextData.occlusionQueryIndex = 0;
- renderContextData.occlusionQueryObjects = new Array( occlusionQueryCount );
- renderContextData.lastOcclusionObject = null;
- }
- let descriptor;
- if ( renderContext.textures === null ) {
- descriptor = this._getDefaultRenderPassDescriptor();
- } else {
- descriptor = this._getRenderPassDescriptor( renderContext );
- }
- this.initTimestampQuery( renderContext, descriptor );
- descriptor.occlusionQuerySet = occlusionQuerySet;
- const depthStencilAttachment = descriptor.depthStencilAttachment;
- if ( renderContext.textures !== null ) {
- const colorAttachments = descriptor.colorAttachments;
- for ( let i = 0; i < colorAttachments.length; i ++ ) {
- const colorAttachment = colorAttachments[ i ];
- if ( renderContext.clearColor ) {
- colorAttachment.clearValue = i === 0 ? renderContext.clearColorValue : { r: 0, g: 0, b: 0, a: 1 };
- colorAttachment.loadOp = GPULoadOp.Clear;
- colorAttachment.storeOp = GPUStoreOp.Store;
- } else {
- colorAttachment.loadOp = GPULoadOp.Load;
- colorAttachment.storeOp = GPUStoreOp.Store;
- }
- }
- } else {
- const colorAttachment = descriptor.colorAttachments[ 0 ];
- if ( renderContext.clearColor ) {
- colorAttachment.clearValue = renderContext.clearColorValue;
- colorAttachment.loadOp = GPULoadOp.Clear;
- colorAttachment.storeOp = GPUStoreOp.Store;
- } else {
- colorAttachment.loadOp = GPULoadOp.Load;
- colorAttachment.storeOp = GPUStoreOp.Store;
- }
- }
- //
- if ( renderContext.depth ) {
- if ( renderContext.clearDepth ) {
- depthStencilAttachment.depthClearValue = renderContext.clearDepthValue;
- depthStencilAttachment.depthLoadOp = GPULoadOp.Clear;
- depthStencilAttachment.depthStoreOp = GPUStoreOp.Store;
- } else {
- depthStencilAttachment.depthLoadOp = GPULoadOp.Load;
- depthStencilAttachment.depthStoreOp = GPUStoreOp.Store;
- }
- }
- if ( renderContext.stencil ) {
- if ( renderContext.clearStencil ) {
- depthStencilAttachment.stencilClearValue = renderContext.clearStencilValue;
- depthStencilAttachment.stencilLoadOp = GPULoadOp.Clear;
- depthStencilAttachment.stencilStoreOp = GPUStoreOp.Store;
- } else {
- depthStencilAttachment.stencilLoadOp = GPULoadOp.Load;
- depthStencilAttachment.stencilStoreOp = GPUStoreOp.Store;
- }
- }
- //
- const encoder = device.createCommandEncoder( { label: 'renderContext_' + renderContext.id } );
- const currentPass = encoder.beginRenderPass( descriptor );
- //
- renderContextData.descriptor = descriptor;
- renderContextData.encoder = encoder;
- renderContextData.currentPass = currentPass;
- renderContextData.currentSets = { attributes: {}, bindingGroups: [], pipeline: null, index: null };
- renderContextData.renderBundles = [];
- //
- if ( renderContext.viewport ) {
- this.updateViewport( renderContext );
- }
- if ( renderContext.scissor ) {
- const { x, y, width, height } = renderContext.scissorValue;
- currentPass.setScissorRect( x, y, width, height );
- }
- }
- finishRender( renderContext ) {
- const renderContextData = this.get( renderContext );
- const occlusionQueryCount = renderContext.occlusionQueryCount;
- if ( renderContextData.renderBundles.length > 0 ) {
- renderContextData.currentPass.executeBundles( renderContextData.renderBundles );
- }
- if ( occlusionQueryCount > renderContextData.occlusionQueryIndex ) {
- renderContextData.currentPass.endOcclusionQuery();
- }
- renderContextData.currentPass.end();
- if ( occlusionQueryCount > 0 ) {
- const bufferSize = occlusionQueryCount * 8; // 8 byte entries for query results
- //
- let queryResolveBuffer = this.occludedResolveCache.get( bufferSize );
- if ( queryResolveBuffer === undefined ) {
- queryResolveBuffer = this.device.createBuffer(
- {
- size: bufferSize,
- usage: GPUBufferUsage.QUERY_RESOLVE | GPUBufferUsage.COPY_SRC
- }
- );
- this.occludedResolveCache.set( bufferSize, queryResolveBuffer );
- }
- //
- const readBuffer = this.device.createBuffer(
- {
- size: bufferSize,
- usage: GPUBufferUsage.COPY_DST | GPUBufferUsage.MAP_READ
- }
- );
- // two buffers required here - WebGPU doesn't allow usage of QUERY_RESOLVE & MAP_READ to be combined
- renderContextData.encoder.resolveQuerySet( renderContextData.occlusionQuerySet, 0, occlusionQueryCount, queryResolveBuffer, 0 );
- renderContextData.encoder.copyBufferToBuffer( queryResolveBuffer, 0, readBuffer, 0, bufferSize );
- renderContextData.occlusionQueryBuffer = readBuffer;
- //
- this.resolveOccludedAsync( renderContext );
- }
- this.prepareTimestampBuffer( renderContext, renderContextData.encoder );
- this.device.queue.submit( [ renderContextData.encoder.finish() ] );
- //
- if ( renderContext.textures !== null ) {
- const textures = renderContext.textures;
- for ( let i = 0; i < textures.length; i ++ ) {
- const texture = textures[ i ];
- if ( texture.generateMipmaps === true ) {
- this.textureUtils.generateMipmaps( texture );
- }
- }
- }
- }
- isOccluded( renderContext, object ) {
- const renderContextData = this.get( renderContext );
- return renderContextData.occluded && renderContextData.occluded.has( object );
- }
- async resolveOccludedAsync( renderContext ) {
- const renderContextData = this.get( renderContext );
- // handle occlusion query results
- const { currentOcclusionQueryBuffer, currentOcclusionQueryObjects } = renderContextData;
- if ( currentOcclusionQueryBuffer && currentOcclusionQueryObjects ) {
- const occluded = new WeakSet();
- renderContextData.currentOcclusionQueryObjects = null;
- renderContextData.currentOcclusionQueryBuffer = null;
- await currentOcclusionQueryBuffer.mapAsync( GPUMapMode.READ );
- const buffer = currentOcclusionQueryBuffer.getMappedRange();
- const results = new BigUint64Array( buffer );
- for ( let i = 0; i < currentOcclusionQueryObjects.length; i ++ ) {
- if ( results[ i ] !== BigInt( 0 ) ) {
- occluded.add( currentOcclusionQueryObjects[ i ] );
- }
- }
- currentOcclusionQueryBuffer.destroy();
- renderContextData.occluded = occluded;
- }
- }
- updateViewport( renderContext ) {
- const { currentPass } = this.get( renderContext );
- const { x, y, width, height, minDepth, maxDepth } = renderContext.viewportValue;
- currentPass.setViewport( x, y, width, height, minDepth, maxDepth );
- }
- clear( color, depth, stencil, renderTargetData = null ) {
- const device = this.device;
- const renderer = this.renderer;
- let colorAttachments = [];
- let depthStencilAttachment;
- let clearValue;
- let supportsDepth;
- let supportsStencil;
- if ( color ) {
- const clearColor = this.getClearColor();
- if ( this.renderer.alpha === true ) {
- // premultiply alpha
- const a = clearColor.a;
- clearValue = { r: clearColor.r * a, g: clearColor.g * a, b: clearColor.b * a, a: a };
- } else {
- clearValue = { r: clearColor.r, g: clearColor.g, b: clearColor.b, a: clearColor.a };
- }
- }
- if ( renderTargetData === null ) {
- supportsDepth = renderer.depth;
- supportsStencil = renderer.stencil;
- const descriptor = this._getDefaultRenderPassDescriptor();
- if ( color ) {
- colorAttachments = descriptor.colorAttachments;
- const colorAttachment = colorAttachments[ 0 ];
- colorAttachment.clearValue = clearValue;
- colorAttachment.loadOp = GPULoadOp.Clear;
- colorAttachment.storeOp = GPUStoreOp.Store;
- }
- if ( supportsDepth || supportsStencil ) {
- depthStencilAttachment = descriptor.depthStencilAttachment;
- }
- } else {
- supportsDepth = renderTargetData.depth;
- supportsStencil = renderTargetData.stencil;
- if ( color ) {
- for ( const texture of renderTargetData.textures ) {
- const textureData = this.get( texture );
- const textureView = textureData.texture.createView();
- let view, resolveTarget;
- if ( textureData.msaaTexture !== undefined ) {
- view = textureData.msaaTexture.createView();
- resolveTarget = textureView;
- } else {
- view = textureView;
- resolveTarget = undefined;
- }
- colorAttachments.push( {
- view,
- resolveTarget,
- clearValue,
- loadOp: GPULoadOp.Clear,
- storeOp: GPUStoreOp.Store
- } );
- }
- }
- if ( supportsDepth || supportsStencil ) {
- const depthTextureData = this.get( renderTargetData.depthTexture );
- depthStencilAttachment = {
- view: depthTextureData.texture.createView()
- };
- }
- }
- //
- if ( supportsDepth ) {
- if ( depth ) {
- depthStencilAttachment.depthLoadOp = GPULoadOp.Clear;
- depthStencilAttachment.depthClearValue = renderer.getClearDepth();
- depthStencilAttachment.depthStoreOp = GPUStoreOp.Store;
- } else {
- depthStencilAttachment.depthLoadOp = GPULoadOp.Load;
- depthStencilAttachment.depthStoreOp = GPUStoreOp.Store;
- }
- }
- //
- if ( supportsStencil ) {
- if ( stencil ) {
- depthStencilAttachment.stencilLoadOp = GPULoadOp.Clear;
- depthStencilAttachment.stencilClearValue = renderer.getClearStencil();
- depthStencilAttachment.stencilStoreOp = GPUStoreOp.Store;
- } else {
- depthStencilAttachment.stencilLoadOp = GPULoadOp.Load;
- depthStencilAttachment.stencilStoreOp = GPUStoreOp.Store;
- }
- }
- //
- const encoder = device.createCommandEncoder( {} );
- const currentPass = encoder.beginRenderPass( {
- colorAttachments,
- depthStencilAttachment
- } );
- currentPass.end();
- device.queue.submit( [ encoder.finish() ] );
- }
- // compute
- beginCompute( computeGroup ) {
- const groupGPU = this.get( computeGroup );
- const descriptor = {};
- this.initTimestampQuery( computeGroup, descriptor );
- groupGPU.cmdEncoderGPU = this.device.createCommandEncoder();
- groupGPU.passEncoderGPU = groupGPU.cmdEncoderGPU.beginComputePass( descriptor );
- }
- compute( computeGroup, computeNode, bindings, pipeline ) {
- const { passEncoderGPU } = this.get( computeGroup );
- // pipeline
- const pipelineGPU = this.get( pipeline ).pipeline;
- passEncoderGPU.setPipeline( pipelineGPU );
- // bind groups
- for ( let i = 0, l = bindings.length; i < l; i ++ ) {
- const bindGroup = bindings[ i ];
- const bindingsData = this.get( bindGroup );
- passEncoderGPU.setBindGroup( i, bindingsData.group );
- }
- const maxComputeWorkgroupsPerDimension = this.device.limits.maxComputeWorkgroupsPerDimension;
- const computeNodeData = this.get( computeNode );
- if ( computeNodeData.dispatchSize === undefined ) computeNodeData.dispatchSize = { x: 0, y: 1, z: 1 };
- const { dispatchSize } = computeNodeData;
- if ( computeNode.dispatchCount > maxComputeWorkgroupsPerDimension ) {
- dispatchSize.x = Math.min( computeNode.dispatchCount, maxComputeWorkgroupsPerDimension );
- dispatchSize.y = Math.ceil( computeNode.dispatchCount / maxComputeWorkgroupsPerDimension );
- } else {
- dispatchSize.x = computeNode.dispatchCount;
- }
- passEncoderGPU.dispatchWorkgroups(
- dispatchSize.x,
- dispatchSize.y,
- dispatchSize.z
- );
- }
- finishCompute( computeGroup ) {
- const groupData = this.get( computeGroup );
- groupData.passEncoderGPU.end();
- this.prepareTimestampBuffer( computeGroup, groupData.cmdEncoderGPU );
- this.device.queue.submit( [ groupData.cmdEncoderGPU.finish() ] );
- }
- // render object
- draw( renderObject, info ) {
- const { object, context, pipeline } = renderObject;
- const bindings = renderObject.getBindings();
- const renderContextData = this.get( context );
- const pipelineGPU = this.get( pipeline ).pipeline;
- const currentSets = renderContextData.currentSets;
- const passEncoderGPU = renderContextData.currentPass;
- const drawParms = renderObject.getDrawParameters();
- if ( drawParms === null ) return;
- // pipeline
- if ( currentSets.pipeline !== pipelineGPU ) {
- passEncoderGPU.setPipeline( pipelineGPU );
- currentSets.pipeline = pipelineGPU;
- }
- // bind groups
- const currentBindingGroups = currentSets.bindingGroups;
- for ( let i = 0, l = bindings.length; i < l; i ++ ) {
- const bindGroup = bindings[ i ];
- const bindingsData = this.get( bindGroup );
- if ( currentBindingGroups[ bindGroup.index ] !== bindGroup.id ) {
- passEncoderGPU.setBindGroup( bindGroup.index, bindingsData.group );
- currentBindingGroups[ bindGroup.index ] = bindGroup.id;
- }
- }
- // attributes
- const index = renderObject.getIndex();
- const hasIndex = ( index !== null );
- // index
- if ( hasIndex === true ) {
- if ( currentSets.index !== index ) {
- const buffer = this.get( index ).buffer;
- const indexFormat = ( index.array instanceof Uint16Array ) ? GPUIndexFormat.Uint16 : GPUIndexFormat.Uint32;
- passEncoderGPU.setIndexBuffer( buffer, indexFormat );
- currentSets.index = index;
- }
- }
- // vertex buffers
- const vertexBuffers = renderObject.getVertexBuffers();
- for ( let i = 0, l = vertexBuffers.length; i < l; i ++ ) {
- const vertexBuffer = vertexBuffers[ i ];
- if ( currentSets.attributes[ i ] !== vertexBuffer ) {
- const buffer = this.get( vertexBuffer ).buffer;
- passEncoderGPU.setVertexBuffer( i, buffer );
- currentSets.attributes[ i ] = vertexBuffer;
- }
- }
- // occlusion queries - handle multiple consecutive draw calls for an object
- if ( renderContextData.occlusionQuerySet !== undefined ) {
- const lastObject = renderContextData.lastOcclusionObject;
- if ( lastObject !== object ) {
- if ( lastObject !== null && lastObject.occlusionTest === true ) {
- passEncoderGPU.endOcclusionQuery();
- renderContextData.occlusionQueryIndex ++;
- }
- if ( object.occlusionTest === true ) {
- passEncoderGPU.beginOcclusionQuery( renderContextData.occlusionQueryIndex );
- renderContextData.occlusionQueryObjects[ renderContextData.occlusionQueryIndex ] = object;
- }
- renderContextData.lastOcclusionObject = object;
- }
- }
- // draw
- if ( object.isBatchedMesh === true ) {
- const starts = object._multiDrawStarts;
- const counts = object._multiDrawCounts;
- const drawCount = object._multiDrawCount;
- const drawInstances = object._multiDrawInstances;
- const bytesPerElement = hasIndex ? index.array.BYTES_PER_ELEMENT : 1;
- for ( let i = 0; i < drawCount; i ++ ) {
- const count = drawInstances ? drawInstances[ i ] : 1;
- const firstInstance = count > 1 ? 0 : i;
- passEncoderGPU.drawIndexed( counts[ i ], count, starts[ i ] / bytesPerElement, 0, firstInstance );
- }
- } else if ( hasIndex === true ) {
- const { vertexCount: indexCount, instanceCount, firstVertex: firstIndex } = drawParms;
- passEncoderGPU.drawIndexed( indexCount, instanceCount, firstIndex, 0, 0 );
- info.update( object, indexCount, instanceCount );
- } else {
- const { vertexCount, instanceCount, firstVertex } = drawParms;
- passEncoderGPU.draw( vertexCount, instanceCount, firstVertex, 0 );
- info.update( object, vertexCount, instanceCount );
- }
- }
- // cache key
- needsRenderUpdate( renderObject ) {
- const data = this.get( renderObject );
- const { object, material } = renderObject;
- const utils = this.utils;
- const sampleCount = utils.getSampleCountRenderContext( renderObject.context );
- const colorSpace = utils.getCurrentColorSpace( renderObject.context );
- const colorFormat = utils.getCurrentColorFormat( renderObject.context );
- const depthStencilFormat = utils.getCurrentDepthStencilFormat( renderObject.context );
- const primitiveTopology = utils.getPrimitiveTopology( object, material );
- let needsUpdate = false;
- if ( data.material !== material || data.materialVersion !== material.version ||
- data.transparent !== material.transparent || data.blending !== material.blending || data.premultipliedAlpha !== material.premultipliedAlpha ||
- data.blendSrc !== material.blendSrc || data.blendDst !== material.blendDst || data.blendEquation !== material.blendEquation ||
- data.blendSrcAlpha !== material.blendSrcAlpha || data.blendDstAlpha !== material.blendDstAlpha || data.blendEquationAlpha !== material.blendEquationAlpha ||
- data.colorWrite !== material.colorWrite || data.depthWrite !== material.depthWrite || data.depthTest !== material.depthTest || data.depthFunc !== material.depthFunc ||
- data.stencilWrite !== material.stencilWrite || data.stencilFunc !== material.stencilFunc ||
- data.stencilFail !== material.stencilFail || data.stencilZFail !== material.stencilZFail || data.stencilZPass !== material.stencilZPass ||
- data.stencilFuncMask !== material.stencilFuncMask || data.stencilWriteMask !== material.stencilWriteMask ||
- data.side !== material.side || data.alphaToCoverage !== material.alphaToCoverage ||
- data.sampleCount !== sampleCount || data.colorSpace !== colorSpace ||
- data.colorFormat !== colorFormat || data.depthStencilFormat !== depthStencilFormat ||
- data.primitiveTopology !== primitiveTopology ||
- data.clippingContextCacheKey !== renderObject.clippingContext.cacheKey
- ) {
- data.material = material; data.materialVersion = material.version;
- data.transparent = material.transparent; data.blending = material.blending; data.premultipliedAlpha = material.premultipliedAlpha;
- data.blendSrc = material.blendSrc; data.blendDst = material.blendDst; data.blendEquation = material.blendEquation;
- data.blendSrcAlpha = material.blendSrcAlpha; data.blendDstAlpha = material.blendDstAlpha; data.blendEquationAlpha = material.blendEquationAlpha;
- data.colorWrite = material.colorWrite;
- data.depthWrite = material.depthWrite; data.depthTest = material.depthTest; data.depthFunc = material.depthFunc;
- data.stencilWrite = material.stencilWrite; data.stencilFunc = material.stencilFunc;
- data.stencilFail = material.stencilFail; data.stencilZFail = material.stencilZFail; data.stencilZPass = material.stencilZPass;
- data.stencilFuncMask = material.stencilFuncMask; data.stencilWriteMask = material.stencilWriteMask;
- data.side = material.side; data.alphaToCoverage = material.alphaToCoverage;
- data.sampleCount = sampleCount;
- data.colorSpace = colorSpace;
- data.colorFormat = colorFormat;
- data.depthStencilFormat = depthStencilFormat;
- data.primitiveTopology = primitiveTopology;
- data.clippingContextCacheKey = renderObject.clippingContext.cacheKey;
- needsUpdate = true;
- }
- return needsUpdate;
- }
- getRenderCacheKey( renderObject ) {
- const { object, material } = renderObject;
- const utils = this.utils;
- const renderContext = renderObject.context;
- return [
- material.transparent, material.blending, material.premultipliedAlpha,
- material.blendSrc, material.blendDst, material.blendEquation,
- material.blendSrcAlpha, material.blendDstAlpha, material.blendEquationAlpha,
- material.colorWrite,
- material.depthWrite, material.depthTest, material.depthFunc,
- material.stencilWrite, material.stencilFunc,
- material.stencilFail, material.stencilZFail, material.stencilZPass,
- material.stencilFuncMask, material.stencilWriteMask,
- material.side,
- utils.getSampleCountRenderContext( renderContext ),
- utils.getCurrentColorSpace( renderContext ), utils.getCurrentColorFormat( renderContext ), utils.getCurrentDepthStencilFormat( renderContext ),
- utils.getPrimitiveTopology( object, material ),
- renderObject.clippingContext.cacheKey
- ].join();
- }
- // textures
- createSampler( texture ) {
- this.textureUtils.createSampler( texture );
- }
- destroySampler( texture ) {
- this.textureUtils.destroySampler( texture );
- }
- createDefaultTexture( texture ) {
- this.textureUtils.createDefaultTexture( texture );
- }
- createTexture( texture, options ) {
- this.textureUtils.createTexture( texture, options );
- }
- updateTexture( texture, options ) {
- this.textureUtils.updateTexture( texture, options );
- }
- generateMipmaps( texture ) {
- this.textureUtils.generateMipmaps( texture );
- }
- destroyTexture( texture ) {
- this.textureUtils.destroyTexture( texture );
- }
- copyTextureToBuffer( texture, x, y, width, height, faceIndex ) {
- return this.textureUtils.copyTextureToBuffer( texture, x, y, width, height, faceIndex );
- }
- initTimestampQuery( renderContext, descriptor ) {
- if ( ! this.trackTimestamp ) return;
- const renderContextData = this.get( renderContext );
- if ( ! renderContextData.timeStampQuerySet ) {
- // Create a GPUQuerySet which holds 2 timestamp query results: one for the
- // beginning and one for the end of compute pass execution.
- const timeStampQuerySet = this.device.createQuerySet( { type: 'timestamp', count: 2 } );
- const timestampWrites = {
- querySet: timeStampQuerySet,
- beginningOfPassWriteIndex: 0, // Write timestamp in index 0 when pass begins.
- endOfPassWriteIndex: 1, // Write timestamp in index 1 when pass ends.
- };
- Object.assign( descriptor, {
- timestampWrites,
- } );
- renderContextData.timeStampQuerySet = timeStampQuerySet;
- }
- }
- // timestamp utils
- prepareTimestampBuffer( renderContext, encoder ) {
- if ( ! this.trackTimestamp ) return;
- const renderContextData = this.get( renderContext );
- const size = 2 * BigInt64Array.BYTES_PER_ELEMENT;
- if ( renderContextData.currentTimestampQueryBuffers === undefined ) {
- renderContextData.currentTimestampQueryBuffers = {
- resolveBuffer: this.device.createBuffer( {
- label: 'timestamp resolve buffer',
- size: size,
- usage: GPUBufferUsage.QUERY_RESOLVE | GPUBufferUsage.COPY_SRC,
- } ),
- resultBuffer: this.device.createBuffer( {
- label: 'timestamp result buffer',
- size: size,
- usage: GPUBufferUsage.COPY_DST | GPUBufferUsage.MAP_READ,
- } ),
- isMappingPending: false,
- };
- }
- const { resolveBuffer, resultBuffer, isMappingPending } = renderContextData.currentTimestampQueryBuffers;
- if ( isMappingPending === true ) return;
- encoder.resolveQuerySet( renderContextData.timeStampQuerySet, 0, 2, resolveBuffer, 0 );
- encoder.copyBufferToBuffer( resolveBuffer, 0, resultBuffer, 0, size );
- }
- async resolveTimestampAsync( renderContext, type = 'render' ) {
- if ( ! this.trackTimestamp ) return;
- const renderContextData = this.get( renderContext );
- if ( renderContextData.currentTimestampQueryBuffers === undefined ) return;
- const { resultBuffer, isMappingPending } = renderContextData.currentTimestampQueryBuffers;
- if ( isMappingPending === true ) return;
- renderContextData.currentTimestampQueryBuffers.isMappingPending = true;
- resultBuffer.mapAsync( GPUMapMode.READ ).then( () => {
- const times = new BigUint64Array( resultBuffer.getMappedRange() );
- const duration = Number( times[ 1 ] - times[ 0 ] ) / 1000000;
- this.renderer.info.updateTimestamp( type, duration );
- resultBuffer.unmap();
- renderContextData.currentTimestampQueryBuffers.isMappingPending = false;
- } );
- }
- // node builder
- createNodeBuilder( object, renderer ) {
- return new WGSLNodeBuilder( object, renderer );
- }
- // program
- createProgram( program ) {
- const programGPU = this.get( program );
- programGPU.module = {
- module: this.device.createShaderModule( { code: program.code, label: program.stage } ),
- entryPoint: 'main'
- };
- }
- destroyProgram( program ) {
- this.delete( program );
- }
- // pipelines
- createRenderPipeline( renderObject, promises ) {
- this.pipelineUtils.createRenderPipeline( renderObject, promises );
- }
- createComputePipeline( computePipeline, bindings ) {
- this.pipelineUtils.createComputePipeline( computePipeline, bindings );
- }
- beginBundle( renderContext ) {
- const renderContextData = this.get( renderContext );
- renderContextData._currentPass = renderContextData.currentPass;
- renderContextData._currentSets = renderContextData.currentSets;
- renderContextData.currentSets = { attributes: {}, bindingGroups: [], pipeline: null, index: null };
- renderContextData.currentPass = this.pipelineUtils.createBundleEncoder( renderContext );
- }
- finishBundle( renderContext, bundle ) {
- const renderContextData = this.get( renderContext );
- const bundleEncoder = renderContextData.currentPass;
- const bundleGPU = bundleEncoder.finish();
- this.get( bundle ).bundleGPU = bundleGPU;
- // restore render pass state
- renderContextData.currentSets = renderContextData._currentSets;
- renderContextData.currentPass = renderContextData._currentPass;
- }
- addBundle( renderContext, bundle ) {
- const renderContextData = this.get( renderContext );
- renderContextData.renderBundles.push( this.get( bundle ).bundleGPU );
- }
- // bindings
- createBindings( bindGroup ) {
- this.bindingUtils.createBindings( bindGroup );
- }
- updateBindings( bindGroup ) {
- this.bindingUtils.createBindings( bindGroup );
- }
- updateBinding( binding ) {
- this.bindingUtils.updateBinding( binding );
- }
- // attributes
- createIndexAttribute( attribute ) {
- this.attributeUtils.createAttribute( attribute, GPUBufferUsage.INDEX | GPUBufferUsage.COPY_SRC | GPUBufferUsage.COPY_DST );
- }
- createAttribute( attribute ) {
- this.attributeUtils.createAttribute( attribute, GPUBufferUsage.VERTEX | GPUBufferUsage.COPY_SRC | GPUBufferUsage.COPY_DST );
- }
- createStorageAttribute( attribute ) {
- this.attributeUtils.createAttribute( attribute, GPUBufferUsage.STORAGE | GPUBufferUsage.VERTEX | GPUBufferUsage.COPY_SRC | GPUBufferUsage.COPY_DST );
- }
- updateAttribute( attribute ) {
- this.attributeUtils.updateAttribute( attribute );
- }
- destroyAttribute( attribute ) {
- this.attributeUtils.destroyAttribute( attribute );
- }
- // canvas
- updateSize() {
- this.colorBuffer = this.textureUtils.getColorBuffer();
- this.defaultRenderPassdescriptor = null;
- }
- // utils public
- getMaxAnisotropy() {
- return 16;
- }
- hasFeature( name ) {
- return this.device.features.has( name );
- }
- copyTextureToTexture( srcTexture, dstTexture, srcRegion = null, dstPosition = null, level = 0 ) {
- let dstX = 0;
- let dstY = 0;
- let dstLayer = 0;
- let srcX = 0;
- let srcY = 0;
- let srcLayer = 0;
- let srcWidth = srcTexture.image.width;
- let srcHeight = srcTexture.image.height;
- if ( srcRegion !== null ) {
- srcX = srcRegion.x;
- srcY = srcRegion.y;
- srcLayer = srcRegion.z || 0;
- srcWidth = srcRegion.width;
- srcHeight = srcRegion.height;
- }
- if ( dstPosition !== null ) {
- dstX = dstPosition.x;
- dstY = dstPosition.y;
- dstLayer = dstPosition.z || 0;
- }
- const encoder = this.device.createCommandEncoder( { label: 'copyTextureToTexture_' + srcTexture.id + '_' + dstTexture.id } );
- const sourceGPU = this.get( srcTexture ).texture;
- const destinationGPU = this.get( dstTexture ).texture;
- encoder.copyTextureToTexture(
- {
- texture: sourceGPU,
- mipLevel: level,
- origin: { x: srcX, y: srcY, z: srcLayer }
- },
- {
- texture: destinationGPU,
- mipLevel: level,
- origin: { x: dstX, y: dstY, z: dstLayer }
- },
- [
- srcWidth,
- srcHeight,
- 1
- ]
- );
- this.device.queue.submit( [ encoder.finish() ] );
- }
- copyFramebufferToTexture( texture, renderContext, rectangle ) {
- const renderContextData = this.get( renderContext );
- const { encoder, descriptor } = renderContextData;
- let sourceGPU = null;
- if ( renderContext.renderTarget ) {
- if ( texture.isDepthTexture ) {
- sourceGPU = this.get( renderContext.depthTexture ).texture;
- } else {
- sourceGPU = this.get( renderContext.textures[ 0 ] ).texture;
- }
- } else {
- if ( texture.isDepthTexture ) {
- sourceGPU = this.textureUtils.getDepthBuffer( renderContext.depth, renderContext.stencil );
- } else {
- sourceGPU = this.context.getCurrentTexture();
- }
- }
- const destinationGPU = this.get( texture ).texture;
- if ( sourceGPU.format !== destinationGPU.format ) {
- console.error( 'WebGPUBackend: copyFramebufferToTexture: Source and destination formats do not match.', sourceGPU.format, destinationGPU.format );
- return;
- }
- renderContextData.currentPass.end();
- encoder.copyTextureToTexture(
- {
- texture: sourceGPU,
- origin: { x: rectangle.x, y: rectangle.y, z: 0 }
- },
- {
- texture: destinationGPU
- },
- [
- rectangle.z,
- rectangle.w
- ]
- );
- if ( texture.generateMipmaps ) this.textureUtils.generateMipmaps( texture );
- for ( let i = 0; i < descriptor.colorAttachments.length; i ++ ) {
- descriptor.colorAttachments[ i ].loadOp = GPULoadOp.Load;
- }
- if ( renderContext.depth ) descriptor.depthStencilAttachment.depthLoadOp = GPULoadOp.Load;
- if ( renderContext.stencil ) descriptor.depthStencilAttachment.stencilLoadOp = GPULoadOp.Load;
- renderContextData.currentPass = encoder.beginRenderPass( descriptor );
- renderContextData.currentSets = { attributes: {}, bindingGroups: [], pipeline: null, index: null };
- }
- }
- class IESSpotLight extends SpotLight {
- constructor( color, intensity, distance, angle, penumbra, decay ) {
- super( color, intensity, distance, angle, penumbra, decay );
- this.iesMap = null;
- }
- copy( source, recursive ) {
- super.copy( source, recursive );
- this.iesMap = source.iesMap;
- return this;
- }
- }
- class StandardNodeLibrary extends NodeLibrary {
- constructor() {
- super();
- this.addMaterial( MeshPhongNodeMaterial, MeshPhongMaterial );
- this.addMaterial( MeshStandardNodeMaterial, MeshStandardMaterial );
- this.addMaterial( MeshPhysicalNodeMaterial, MeshPhysicalMaterial );
- this.addMaterial( MeshToonNodeMaterial, MeshToonMaterial );
- this.addMaterial( MeshBasicNodeMaterial, MeshBasicMaterial );
- this.addMaterial( MeshLambertNodeMaterial, MeshLambertMaterial );
- this.addMaterial( MeshNormalNodeMaterial, MeshNormalMaterial );
- this.addMaterial( MeshMatcapNodeMaterial, MeshMatcapMaterial );
- this.addMaterial( LineBasicNodeMaterial, LineBasicMaterial );
- this.addMaterial( LineDashedNodeMaterial, LineDashedMaterial );
- this.addMaterial( PointsNodeMaterial, PointsMaterial );
- this.addMaterial( SpriteNodeMaterial, SpriteMaterial );
- this.addMaterial( ShadowNodeMaterial, ShadowMaterial );
- this.addLight( PointLightNode, PointLight );
- this.addLight( DirectionalLightNode, DirectionalLight );
- this.addLight( RectAreaLightNode, RectAreaLight );
- this.addLight( SpotLightNode, SpotLight );
- this.addLight( AmbientLightNode, AmbientLight );
- this.addLight( HemisphereLightNode, HemisphereLight );
- this.addLight( LightProbeNode, LightProbe );
- this.addLight( IESSpotLightNode, IESSpotLight );
- this.addToneMapping( linearToneMapping, LinearToneMapping );
- this.addToneMapping( reinhardToneMapping, ReinhardToneMapping );
- this.addToneMapping( cineonToneMapping, CineonToneMapping );
- this.addToneMapping( acesFilmicToneMapping, ACESFilmicToneMapping );
- this.addToneMapping( agxToneMapping, AgXToneMapping );
- this.addToneMapping( neutralToneMapping, NeutralToneMapping );
- this.addColorSpace( linearSRGBTosRGB, getColorSpaceMethod( LinearSRGBColorSpace, SRGBColorSpace ) );
- this.addColorSpace( sRGBToLinearSRGB, getColorSpaceMethod( SRGBColorSpace, LinearSRGBColorSpace ) );
- }
- }
- /*
- const debugHandler = {
- get: function ( target, name ) {
- // Add |update
- if ( /^(create|destroy)/.test( name ) ) console.log( 'WebGPUBackend.' + name );
- return target[ name ];
- }
- };
- */
- class WebGPURenderer extends Renderer {
- constructor( parameters = {} ) {
- let BackendClass;
- if ( parameters.forceWebGL ) {
- BackendClass = WebGLBackend;
- } else {
- BackendClass = WebGPUBackend;
- parameters.getFallback = () => {
- console.warn( 'THREE.WebGPURenderer: WebGPU is not available, running under WebGL2 backend.' );
- return new WebGLBackend( parameters );
- };
- }
- const backend = new BackendClass( parameters );
- //super( new Proxy( backend, debugHandler ) );
- super( backend, parameters );
- this.nodes.library = new StandardNodeLibrary();
- this.isWebGPURenderer = true;
- }
- }
- class BundleGroup extends Group {
- constructor() {
- super();
- this.isBundleGroup = true;
- this.type = 'BundleGroup';
- this.static = true;
- this.version = 0;
- }
- set needsUpdate( value ) {
- if ( value === true ) this.version ++;
- }
- }
- const _material = /*@__PURE__*/ new NodeMaterial();
- const _quadMesh = /*@__PURE__*/ new QuadMesh( _material );
- class PostProcessing {
- constructor( renderer, outputNode = vec4( 0, 0, 1, 1 ) ) {
- this.renderer = renderer;
- this.outputNode = outputNode;
- this.outputColorTransform = true;
- this.needsUpdate = true;
- _material.name = 'PostProcessing';
- }
- render() {
- this.update();
- const renderer = this.renderer;
- const toneMapping = renderer.toneMapping;
- const outputColorSpace = renderer.outputColorSpace;
- renderer.toneMapping = NoToneMapping;
- renderer.outputColorSpace = LinearSRGBColorSpace;
- //
- _quadMesh.render( renderer );
- //
- renderer.toneMapping = toneMapping;
- renderer.outputColorSpace = outputColorSpace;
- }
- update() {
- if ( this.needsUpdate === true ) {
- const renderer = this.renderer;
- const toneMapping = renderer.toneMapping;
- const outputColorSpace = renderer.outputColorSpace;
- _quadMesh.material.fragmentNode = this.outputColorTransform === true ? renderOutput( this.outputNode, toneMapping, outputColorSpace ) : this.outputNode.context( { toneMapping, outputColorSpace } );
- _quadMesh.material.needsUpdate = true;
- this.needsUpdate = false;
- }
- }
- async renderAsync() {
- this.update();
- const renderer = this.renderer;
- const toneMapping = renderer.toneMapping;
- const outputColorSpace = renderer.outputColorSpace;
- renderer.toneMapping = NoToneMapping;
- renderer.outputColorSpace = LinearSRGBColorSpace;
- //
- await _quadMesh.renderAsync( renderer );
- //
- renderer.toneMapping = toneMapping;
- renderer.outputColorSpace = outputColorSpace;
- }
- }
- class StorageTexture extends Texture {
- constructor( width = 1, height = 1 ) {
- super();
- this.image = { width, height };
- this.magFilter = LinearFilter;
- this.minFilter = LinearFilter;
- this.isStorageTexture = true;
- }
- }
- class StorageBufferAttribute extends BufferAttribute {
- constructor( array, itemSize, typeClass = Float32Array ) {
- if ( ArrayBuffer.isView( array ) === false ) array = new typeClass( array * itemSize );
- super( array, itemSize );
- this.isStorageBufferAttribute = true;
- }
- }
- class StorageInstancedBufferAttribute extends InstancedBufferAttribute {
- constructor( array, itemSize, typeClass = Float32Array ) {
- if ( ArrayBuffer.isView( array ) === false ) array = new typeClass( array * itemSize );
- super( array, itemSize );
- this.isStorageInstancedBufferAttribute = true;
- }
- }
- class NodeLoader extends Loader {
- constructor( manager ) {
- super( manager );
- this.textures = {};
- this.nodes = {};
- }
- load( url, onLoad, onProgress, onError ) {
- const loader = new FileLoader( this.manager );
- loader.setPath( this.path );
- loader.setRequestHeader( this.requestHeader );
- loader.setWithCredentials( this.withCredentials );
- loader.load( url, ( text ) => {
- try {
- onLoad( this.parse( JSON.parse( text ) ) );
- } catch ( e ) {
- if ( onError ) {
- onError( e );
- } else {
- console.error( e );
- }
- this.manager.itemError( url );
- }
- }, onProgress, onError );
- }
- parseNodes( json ) {
- const nodes = {};
- if ( json !== undefined ) {
- for ( const nodeJSON of json ) {
- const { uuid, type } = nodeJSON;
- nodes[ uuid ] = this.createNodeFromType( type );
- nodes[ uuid ].uuid = uuid;
- }
- const meta = { nodes, textures: this.textures };
- for ( const nodeJSON of json ) {
- nodeJSON.meta = meta;
- const node = nodes[ nodeJSON.uuid ];
- node.deserialize( nodeJSON );
- delete nodeJSON.meta;
- }
- }
- return nodes;
- }
- parse( json ) {
- const node = this.createNodeFromType( json.type );
- node.uuid = json.uuid;
- const nodes = this.parseNodes( json.nodes );
- const meta = { nodes, textures: this.textures };
- json.meta = meta;
- node.deserialize( json );
- delete json.meta;
- return node;
- }
- setTextures( value ) {
- this.textures = value;
- return this;
- }
- setNodes( value ) {
- this.nodes = value;
- return this;
- }
- createNodeFromType( type ) {
- if ( this.nodes[ type ] === undefined ) {
- console.error( 'THREE.NodeLoader: Node type not found:', type );
- return float();
- }
- return nodeObject( new this.nodes[ type ]() );
- }
- }
- class NodeMaterialLoader extends MaterialLoader {
- constructor( manager ) {
- super( manager );
- this.nodes = {};
- this.nodeMaterials = {};
- }
- parse( json ) {
- const material = super.parse( json );
- const nodes = this.nodes;
- const inputNodes = json.inputNodes;
- for ( const property in inputNodes ) {
- const uuid = inputNodes[ property ];
- material[ property ] = nodes[ uuid ];
- }
- return material;
- }
- setNodes( value ) {
- this.nodes = value;
- return this;
- }
- setNodeMaterials( value ) {
- this.nodeMaterials = value;
- return this;
- }
- createMaterialFromType( type ) {
- const materialClass = this.nodeMaterials[ type ];
- if ( materialClass !== undefined ) {
- return new materialClass();
- }
- return super.createMaterialFromType( type );
- }
- }
- class NodeObjectLoader extends ObjectLoader {
- constructor( manager ) {
- super( manager );
- this.nodes = {};
- this.nodeMaterials = {};
- this._nodesJSON = null;
- }
- setNodes( value ) {
- this.nodes = value;
- return this;
- }
- setNodeMaterials( value ) {
- this.nodeMaterials = value;
- return this;
- }
- parse( json, onLoad ) {
- this._nodesJSON = json.nodes;
- const data = super.parse( json, onLoad );
- this._nodesJSON = null; // dispose
- return data;
- }
- parseNodes( json, textures ) {
- if ( json !== undefined ) {
- const loader = new NodeLoader();
- loader.setNodes( this.nodes );
- loader.setTextures( textures );
- return loader.parseNodes( json );
- }
- return {};
- }
- parseMaterials( json, textures ) {
- const materials = {};
- if ( json !== undefined ) {
- const nodes = this.parseNodes( this._nodesJSON, textures );
- const loader = new NodeMaterialLoader();
- loader.setTextures( textures );
- loader.setNodes( nodes );
- loader.setNodeMaterials( this.nodeMaterials );
- for ( let i = 0, l = json.length; i < l; i ++ ) {
- const data = json[ i ];
- materials[ data.uuid ] = loader.parse( data );
- }
- }
- return materials;
- }
- }
- if ( typeof __THREE_DEVTOOLS__ !== 'undefined' ) {
- __THREE_DEVTOOLS__.dispatchEvent( new CustomEvent( 'register', { detail: {
- revision: REVISION,
- } } ) );
- }
- if ( typeof window !== 'undefined' ) {
- if ( window.__THREE__ ) {
- console.warn( 'WARNING: Multiple instances of Three.js being imported.' );
- } else {
- window.__THREE__ = REVISION;
- }
- }
- export { ACESFilmicToneMapping, AONode, AddEquation, AddOperation, AdditiveAnimationBlendMode, AdditiveBlending, AgXToneMapping, AlphaFormat, AlwaysCompare, AlwaysDepth, AlwaysStencilFunc, AmbientLight, AmbientLightNode, AnalyticLightNode, AnimationAction, AnimationClip, AnimationLoader, AnimationMixer, AnimationObjectGroup, AnimationUtils, ArcCurve, ArrayCamera, ArrayElementNode, ArrowHelper, AssignNode, AttachedBindMode, AttributeNode, Audio, AudioAnalyser, AudioContext, AudioListener, AudioLoader, AxesHelper, BRDF_GGX, BRDF_Lambert, BackSide, BasicDepthPacking, BasicEnvironmentNode, BasicShadowMap$1 as BasicShadowMap, BatchNode, BatchedMesh, Bone, BooleanKeyframeTrack, Box2, Box3, Box3Helper, BoxGeometry, BoxHelper, Break, BufferAttribute, BufferAttributeNode, BufferGeometry, BufferGeometryLoader, BufferNode, BumpMapNode, BundleGroup, BypassNode, ByteType, Cache, CacheNode, Camera, CameraHelper, CanvasTexture, CapsuleGeometry, CatmullRomCurve3, CineonToneMapping, CircleGeometry, ClampToEdgeWrapping, Clock, CodeNode, Color, ColorKeyframeTrack, ColorManagement, ColorSpaceNode, CompressedArrayTexture, CompressedCubeTexture, CompressedTexture, CompressedTextureLoader, ComputeNode, ConeGeometry, ConstNode, ConstantAlphaFactor, ConstantColorFactor, ContextNode, Continue, Controls, ConvertNode, CubeCamera, CubeReflectionMapping, CubeRefractionMapping, CubeTexture, CubeTextureLoader, CubeTextureNode, CubeUVReflectionMapping, CubicBezierCurve, CubicBezierCurve3, CubicInterpolant, CullFaceBack, CullFaceFront, CullFaceFrontBack, CullFaceNone, Curve, CurvePath, CustomBlending, CustomToneMapping, CylinderGeometry, Cylindrical, DFGApprox, D_GGX, Data3DTexture, DataArrayTexture, DataTexture, DataTextureLoader, DataUtils, DecrementStencilOp, DecrementWrapStencilOp, DefaultLoadingManager, DepthFormat, DepthStencilFormat, DepthTexture, DetachedBindMode, DirectionalLight, DirectionalLightHelper, DirectionalLightNode, Discard, DiscreteInterpolant, DisplayP3ColorSpace, DodecahedronGeometry, DoubleSide, DstAlphaFactor, DstColorFactor, DynamicCopyUsage, DynamicDrawUsage, DynamicReadUsage, EPSILON, EdgesGeometry, EllipseCurve, EnvironmentNode, EqualCompare, EqualDepth, EqualStencilFunc, EquirectUVNode, EquirectangularReflectionMapping, EquirectangularRefractionMapping, Euler, EventDispatcher, ExpressionNode, ExtrudeGeometry, F_Schlick, FileLoader, Float16BufferAttribute, Float32BufferAttribute, FloatType, Fn, Fog, FogExp2, FogExp2Node, FogNode, FogRangeNode, FramebufferTexture, FrontFacingNode, FrontSide, Frustum, FunctionCallNode, FunctionNode, FunctionOverloadingNode, GLBufferAttribute, GLSL1, GLSL3, GLSLNodeParser, GreaterCompare, GreaterDepth, GreaterEqualCompare, GreaterEqualDepth, GreaterEqualStencilFunc, GreaterStencilFunc, GridHelper, Group, HalfFloatType, HemisphereLight, HemisphereLightHelper, HemisphereLightNode, IESSpotLight, IESSpotLightNode, INFINITY, IcosahedronGeometry, If, ImageBitmapLoader, ImageLoader, ImageUtils, IncrementStencilOp, IncrementWrapStencilOp, IndexNode, InstanceNode, InstancedBufferAttribute, InstancedBufferGeometry, InstancedInterleavedBuffer, InstancedMesh, InstancedPointsNodeMaterial, Int16BufferAttribute, Int32BufferAttribute, Int8BufferAttribute, IntType, InterleavedBuffer, InterleavedBufferAttribute, Interpolant, InterpolateDiscrete, InterpolateLinear, InterpolateSmooth, InvertStencilOp, IrradianceNode, JoinNode, KeepStencilOp, KeyframeTrack, LOD, LatheGeometry, Layers, LessCompare, LessDepth, LessEqualCompare, LessEqualDepth, LessEqualStencilFunc, LessStencilFunc, Light, LightProbe, LightProbeNode, LightingContextNode, LightingModel, LightingNode, LightsNode, Line, Line2NodeMaterial, Line3, LineBasicMaterial, LineBasicNodeMaterial, LineCurve, LineCurve3, LineDashedMaterial, LineDashedNodeMaterial, LineLoop, LineSegments, LinearDisplayP3ColorSpace, LinearFilter, LinearInterpolant, LinearMipMapLinearFilter, LinearMipMapNearestFilter, LinearMipmapLinearFilter, LinearMipmapNearestFilter, LinearSRGBColorSpace, LinearToneMapping, LinearTransfer, Loader, LoaderUtils, LoadingManager, Loop, LoopNode, LoopOnce, LoopPingPong, LoopRepeat, LuminanceAlphaFormat, LuminanceFormat, MOUSE, MRTNode, MatcapUVNode, Material, MaterialLoader, MaterialNode, MaterialReferenceNode, MathUtils, Matrix2, Matrix3, Matrix4, MaxEquation, MaxMipLevelNode, Mesh, MeshBasicMaterial, MeshBasicNodeMaterial, MeshDepthMaterial, MeshDistanceMaterial, MeshLambertMaterial, MeshLambertNodeMaterial, MeshMatcapMaterial, MeshMatcapNodeMaterial, MeshNormalMaterial, MeshNormalNodeMaterial, MeshPhongMaterial, MeshPhongNodeMaterial, MeshPhysicalMaterial, MeshPhysicalNodeMaterial, MeshSSSNodeMaterial, MeshStandardMaterial, MeshStandardNodeMaterial, MeshToonMaterial, MeshToonNodeMaterial, MinEquation, MirroredRepeatWrapping, MixOperation, ModelNode, ModelViewProjectionNode, MorphNode, MultiplyBlending, MultiplyOperation, NearestFilter, NearestMipMapLinearFilter, NearestMipMapNearestFilter, NearestMipmapLinearFilter, NearestMipmapNearestFilter, NeutralToneMapping, NeverCompare, NeverDepth, NeverStencilFunc, NoBlending, NoColorSpace, NoToneMapping, Node, NodeAttribute, NodeBuilder, NodeCache, NodeCode, NodeFrame, NodeFunctionInput, NodeLoader, NodeMaterial, NodeMaterialLoader, NodeMaterialObserver, NodeObjectLoader, NodeShaderStage, NodeType, NodeUniform, NodeUpdateType, NodeUtils, NodeVar, NodeVarying, NormalAnimationBlendMode, NormalBlending, NormalMapNode, NotEqualCompare, NotEqualDepth, NotEqualStencilFunc, NumberKeyframeTrack, Object3D, Object3DNode, ObjectLoader, ObjectSpaceNormalMap, OctahedronGeometry, OneFactor, OneMinusConstantAlphaFactor, OneMinusConstantColorFactor, OneMinusDstAlphaFactor, OneMinusDstColorFactor, OneMinusSrcAlphaFactor, OneMinusSrcColorFactor, OrthographicCamera, OscNode, OutputStructNode, P3Primaries, PCFShadowMap$1 as PCFShadowMap, PCFSoftShadowMap$1 as PCFSoftShadowMap, PI, PI2, PMREMGenerator, PMREMNode, ParameterNode, PassNode, Path, PerspectiveCamera, PhongLightingModel, PhysicalLightingModel, Plane, PlaneGeometry, PlaneHelper, PointLight, PointLightHelper, PointLightNode, PointUVNode, Points, PointsMaterial, PointsNodeMaterial, PolarGridHelper, PolyhedronGeometry, PositionalAudio, PostProcessing, PosterizeNode, PropertyBinding, PropertyMixer, PropertyNode, QuadMesh, QuadraticBezierCurve, QuadraticBezierCurve3, Quaternion, QuaternionKeyframeTrack, QuaternionLinearInterpolant, RED_GREEN_RGTC2_Format, RED_RGTC1_Format, REVISION, RGBADepthPacking, RGBAFormat, RGBAIntegerFormat, RGBA_ASTC_10x10_Format, RGBA_ASTC_10x5_Format, RGBA_ASTC_10x6_Format, RGBA_ASTC_10x8_Format, RGBA_ASTC_12x10_Format, RGBA_ASTC_12x12_Format, RGBA_ASTC_4x4_Format, RGBA_ASTC_5x4_Format, RGBA_ASTC_5x5_Format, RGBA_ASTC_6x5_Format, RGBA_ASTC_6x6_Format, RGBA_ASTC_8x5_Format, RGBA_ASTC_8x6_Format, RGBA_ASTC_8x8_Format, RGBA_BPTC_Format, RGBA_ETC2_EAC_Format, RGBA_PVRTC_2BPPV1_Format, RGBA_PVRTC_4BPPV1_Format, RGBA_S3TC_DXT1_Format, RGBA_S3TC_DXT3_Format, RGBA_S3TC_DXT5_Format, RGBDepthPacking, RGBFormat, RGBIntegerFormat, RGB_BPTC_SIGNED_Format, RGB_BPTC_UNSIGNED_Format, RGB_ETC1_Format, RGB_ETC2_Format, RGB_PVRTC_2BPPV1_Format, RGB_PVRTC_4BPPV1_Format, RGB_S3TC_DXT1_Format, RGDepthPacking, RGFormat, RGIntegerFormat, RTTNode, RangeNode, RawShaderMaterial, Ray, Raycaster, Rec709Primaries, RectAreaLight, RectAreaLightNode, RedFormat, RedIntegerFormat, ReferenceNode, ReflectorNode, ReinhardToneMapping, RemapNode, RenderOutputNode, RenderTarget, RendererReferenceNode, RepeatWrapping, ReplaceStencilOp, Return, ReverseSubtractEquation, RingGeometry, RotateNode, SIGNED_RED_GREEN_RGTC2_Format, SIGNED_RED_RGTC1_Format, SRGBColorSpace, SRGBTransfer, Scene, SceneNode, Schlick_to_F0, ScreenNode, ScriptableNode, ScriptableValueNode, SetNode, ShaderMaterial, ShaderNode, ShadowMaterial, ShadowNodeMaterial, Shape, ShapeGeometry, ShapePath, ShapeUtils, ShortType, Skeleton, SkeletonHelper, SkinnedMesh, SkinningNode, Source, Sphere, SphereGeometry, Spherical, SphericalHarmonics3, SplineCurve, SplitNode, SpotLight, SpotLightHelper, SpotLightNode, Sprite, SpriteMaterial, SpriteNodeMaterial, SpriteSheetUVNode, SrcAlphaFactor, SrcAlphaSaturateFactor, SrcColorFactor, StackNode, StaticCopyUsage, StaticDrawUsage, StaticReadUsage, StereoCamera, StorageArrayElementNode, StorageBufferAttribute, StorageBufferNode, StorageInstancedBufferAttribute, StorageTexture, StorageTextureNode, StreamCopyUsage, StreamDrawUsage, StreamReadUsage, StringKeyframeTrack, SubtractEquation, SubtractiveBlending, TBNViewMatrix, TOUCH, TangentSpaceNormalMap, TempNode, TetrahedronGeometry, Texture, Texture3DNode, TextureLoader, TextureNode, TextureSizeNode, TimerNode, ToneMappingNode, ToonOutlinePassNode, TorusGeometry, TorusKnotGeometry, Triangle, TriangleFanDrawMode, TriangleStripDrawMode, TrianglesDrawMode, TriplanarTexturesNode, TubeGeometry, UVMapping, Uint16BufferAttribute, Uint32BufferAttribute, Uint8BufferAttribute, Uint8ClampedBufferAttribute, Uniform$1 as Uniform, UniformArrayNode, UniformGroupNode, UniformNode, UniformsGroup$1 as UniformsGroup, UnsignedByteType, UnsignedInt248Type, UnsignedInt5999Type, UnsignedIntType, UnsignedShort4444Type, UnsignedShort5551Type, UnsignedShortType, UserDataNode, VSMShadowMap, V_GGX_SmithCorrelated, VarNode, VaryingNode, Vector2, Vector3, Vector4, VectorKeyframeTrack, VertexColorNode, VideoTexture, ViewportDepthNode, ViewportDepthTextureNode, ViewportSharedTextureNode, ViewportTextureNode, VolumeNodeMaterial, WebGL3DRenderTarget, WebGLArrayRenderTarget, WebGLCoordinateSystem, WebGLCubeRenderTarget, WebGLMultipleRenderTargets, WebGLRenderTarget, WebGPUCoordinateSystem, WebGPURenderer, WireframeGeometry, WrapAroundEnding, ZeroCurvatureEnding, ZeroFactor, ZeroSlopeEnding, ZeroStencilOp, abs, acesFilmicToneMapping, acos, add, addMethodChaining, addNodeElement, agxToneMapping, all, alphaT, and, anisotropy, anisotropyB, anisotropyT, any, append, arrayBuffer, asin, assign, atan, atan2, atomicAdd, atomicAnd, atomicFunc, atomicMax, atomicMin, atomicOr, atomicStore, atomicSub, atomicXor, attenuationColor, attenuationDistance, attribute, backgroundBlurriness, backgroundIntensity, batch, billboarding, bitAnd, bitNot, bitOr, bitXor, bitangentGeometry, bitangentLocal, bitangentView, bitangentWorld, bitcast, blur, bool, buffer, bufferAttribute, bumpMap, burn, bvec2, bvec3, bvec4, bypass, cache, call, cameraFar, cameraLogDepth, cameraNear, cameraNormalMatrix, cameraPosition, cameraProjectionMatrix, cameraProjectionMatrixInverse, cameraViewMatrix, cameraWorldMatrix, cbrt, ceil, checker, cineonToneMapping, clamp, clearcoat, clearcoatRoughness, code, color, colorSpaceToWorking, colorToDirection, compute, cond, context, convert, convertToTexture, cos, createCanvasElement, cross, cubeTexture, dFdx, dFdy, dashSize, defaultBuildStages, defaultShaderStages, defined, degrees, densityFog, depth, depthPass, difference, diffuseColor, directionToColor, dispersion, distance, div, dodge, dot, drawIndex, dynamicBufferAttribute, element, emissive, equal, equals, equirectUV, exp, exp2, expression, faceDirection, faceForward, float, floor, fog, fract, frameGroup, frameId, frontFacing, fwidth, gain, gapSize, getColorSpaceMethod, getConstNodeType, getCurrentStack, getDirection, getDistanceAttenuation, getGeometryRoughness, getRoughness, getShIrradianceAt, getTextureIndex, global, glsl, glslFn, grayscale, greaterThan, greaterThanEqual, hash, highPrecisionModelNormalViewMatrix, highPrecisionModelViewMatrix, hue, instance, instanceIndex, instancedBufferAttribute, instancedDynamicBufferAttribute, int, inverseSqrt, invocationLocalIndex, invocationSubgroupIndex, ior, iridescence, iridescenceIOR, iridescenceThickness, ivec2, ivec3, ivec4, js, label, length, lengthSq, lessThan, lessThanEqual, lightPosition, lightTargetDirection, lightTargetPosition, lightViewPosition, lightingContext, lights, linearDepth, linearSRGBTosRGB, linearToneMapping, localId, log, log2, loop, luminance, mat2, mat3, mat4, matcapUV, materialAOMap, materialAlphaTest, materialAnisotropy, materialAnisotropyVector, materialAttenuationColor, materialAttenuationDistance, materialClearcoat, materialClearcoatNormal, materialClearcoatRoughness, materialColor, materialDispersion, materialEmissive, materialIOR, materialIridescence, materialIridescenceIOR, materialIridescenceThickness, materialLightMap, materialLineDashOffset, materialLineDashSize, materialLineGapSize, materialLineScale, materialLineWidth, materialMetalness, materialNormal, materialOpacity, materialPointWidth, materialReference, materialReflectivity, materialRefractionRatio, materialRotation, materialRoughness, materialSheen, materialSheenRoughness, materialShininess, materialSpecular, materialSpecularColor, materialSpecularIntensity, materialSpecularStrength, materialThickness, materialTransmission, max$1 as max, maxMipLevel, metalness, min$1 as min, mix, mixElement, mod, modInt, modelDirection, modelNormalMatrix, modelPosition, modelScale, modelViewMatrix, modelViewPosition, modelViewProjection, modelWorldMatrix, modelWorldMatrixInverse, morphReference, mrt, mul, mx_aastep, mx_cell_noise_float, mx_contrast, mx_fractal_noise_float, mx_fractal_noise_vec2, mx_fractal_noise_vec3, mx_fractal_noise_vec4, mx_hsvtorgb, mx_noise_float, mx_noise_vec3, mx_noise_vec4, mx_ramplr, mx_ramptb, mx_rgbtohsv, mx_safepower, mx_splitlr, mx_splittb, mx_srgb_texture_to_lin_rec709, mx_transform_uv, mx_worley_noise_float, mx_worley_noise_vec2, mx_worley_noise_vec3, negate, neutralToneMapping, nodeArray, nodeImmutable, nodeObject, nodeObjects, nodeProxy, normalFlat, normalGeometry, normalLocal, normalMap, normalView, normalWorld, normalize, not, notEqual, numWorkgroups, objectDirection, objectGroup, objectPosition, objectScale, objectViewPosition, objectWorldMatrix, oneMinus, or, orthographicDepthToViewZ, oscSawtooth, oscSine, oscSquare, oscTriangle, output, outputStruct, overlay, overloadingFn, parabola, parallaxDirection, parallaxUV, parameter, pass, passTexture, pcurve, perspectiveDepthToViewZ, pmremTexture, pointUV, pointWidth, positionGeometry, positionLocal, positionPrevious, positionView, positionViewDirection, positionWorld, positionWorldDirection, posterize, pow, pow2, pow3, pow4, property, radians, rand, range, rangeFog, reciprocal, reference, referenceBuffer, reflect, reflectVector, reflectView, reflector, refract, refractVector, refractView, reinhardToneMapping, remainder, remap, remapClamp, renderGroup, renderOutput, rendererReference, rotate, rotateUV, roughness, round, rtt, sRGBToLinearSRGB, sampler, saturate, saturation, screen, screenCoordinate, screenSize, screenUV, scriptable, scriptableValue, select, setCurrentStack, shaderStages, sharedUniformGroup, sheen, sheenRoughness, shiftLeft, shiftRight, shininess, sign, sin, sinc, skinning, skinningReference, smoothstep, smoothstepElement, specularColor, specularF90, spherizeUV, split, spritesheetUV, sqrt, stack, step, storage, storageBarrier, storageObject, storageTexture, string, sub, subgroupIndex, subgroupSize, tan, tangentGeometry, tangentLocal, tangentView, tangentWorld, temp, texture, texture3D, textureBarrier, textureBicubic, textureCubeUV, textureLoad, textureSize, textureStore, thickness, threshold, timerDelta, timerGlobal, timerLocal, toOutputColorSpace, toWorkingColorSpace, toneMapping, toneMappingExposure, toonOutlinePass, transformDirection, transformNormal, transformNormalToView, transformedBentNormalView, transformedBitangentView, transformedBitangentWorld, transformedClearcoatNormalView, transformedNormalView, transformedNormalWorld, transformedTangentView, transformedTangentWorld, transmission, transpose, tri, tri3, triNoise3D, triplanarTexture, triplanarTextures, trunc, tslFn, uint, uniform, uniformArray, uniformGroup, uniforms, userData, uv, uvec2, uvec3, uvec4, varying, varyingProperty, vec2, vec3, vec4, vectorComponents, velocity, vertexColor, vertexIndex, vibrance, viewZToOrthographicDepth, viewZToPerspectiveDepth, viewport, viewportBottomLeft, viewportCoordinate, viewportDepthTexture, viewportLinearDepth, viewportMipTexture, viewportResolution, viewportSafeUV, viewportSharedTexture, viewportSize, viewportTexture, viewportTopLeft, viewportUV, wgsl, wgslFn, workgroupArray, workgroupBarrier, workgroupId, workingToColorSpace, xor };
|