12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957295829592960296129622963296429652966296729682969297029712972297329742975297629772978297929802981298229832984298529862987298829892990299129922993299429952996299729982999300030013002300330043005300630073008300930103011301230133014301530163017301830193020302130223023302430253026302730283029303030313032303330343035303630373038303930403041304230433044304530463047304830493050305130523053305430553056305730583059306030613062306330643065306630673068306930703071307230733074307530763077307830793080308130823083308430853086308730883089309030913092309330943095309630973098309931003101310231033104310531063107310831093110311131123113311431153116311731183119312031213122312331243125312631273128312931303131313231333134313531363137313831393140314131423143314431453146314731483149315031513152315331543155315631573158315931603161316231633164316531663167316831693170317131723173317431753176317731783179318031813182318331843185318631873188318931903191319231933194319531963197319831993200320132023203320432053206320732083209321032113212321332143215321632173218321932203221322232233224322532263227322832293230323132323233323432353236323732383239324032413242324332443245324632473248324932503251325232533254325532563257325832593260326132623263326432653266326732683269327032713272327332743275327632773278327932803281328232833284328532863287328832893290329132923293329432953296329732983299330033013302330333043305330633073308330933103311331233133314331533163317331833193320332133223323332433253326332733283329333033313332333333343335333633373338333933403341334233433344334533463347334833493350335133523353335433553356335733583359336033613362336333643365336633673368336933703371337233733374337533763377337833793380338133823383338433853386338733883389339033913392339333943395339633973398339934003401340234033404340534063407340834093410341134123413341434153416341734183419342034213422342334243425342634273428342934303431343234333434343534363437343834393440344134423443344434453446344734483449345034513452345334543455345634573458345934603461346234633464346534663467346834693470347134723473347434753476347734783479348034813482348334843485348634873488348934903491349234933494349534963497349834993500350135023503350435053506350735083509351035113512351335143515351635173518351935203521352235233524352535263527352835293530353135323533353435353536353735383539354035413542354335443545354635473548354935503551355235533554355535563557355835593560356135623563356435653566356735683569357035713572357335743575357635773578357935803581358235833584358535863587358835893590359135923593359435953596359735983599360036013602360336043605360636073608360936103611361236133614361536163617361836193620362136223623362436253626362736283629363036313632363336343635363636373638363936403641364236433644364536463647364836493650365136523653365436553656365736583659366036613662366336643665366636673668366936703671367236733674367536763677367836793680368136823683368436853686368736883689369036913692369336943695369636973698369937003701370237033704370537063707370837093710371137123713371437153716371737183719372037213722372337243725372637273728372937303731373237333734373537363737373837393740374137423743374437453746374737483749375037513752375337543755375637573758375937603761376237633764376537663767376837693770377137723773377437753776377737783779378037813782378337843785378637873788378937903791379237933794379537963797379837993800380138023803380438053806380738083809381038113812381338143815381638173818381938203821382238233824382538263827382838293830383138323833383438353836383738383839384038413842384338443845384638473848384938503851385238533854385538563857385838593860386138623863386438653866386738683869387038713872387338743875387638773878387938803881388238833884388538863887388838893890389138923893389438953896389738983899390039013902390339043905390639073908390939103911391239133914391539163917391839193920392139223923392439253926392739283929393039313932393339343935393639373938393939403941394239433944394539463947394839493950395139523953395439553956395739583959396039613962396339643965396639673968396939703971397239733974397539763977397839793980398139823983398439853986398739883989399039913992399339943995399639973998399940004001400240034004400540064007400840094010401140124013401440154016401740184019402040214022402340244025402640274028402940304031403240334034403540364037403840394040404140424043404440454046404740484049405040514052405340544055405640574058405940604061406240634064406540664067406840694070407140724073407440754076407740784079408040814082408340844085408640874088408940904091409240934094409540964097409840994100410141024103410441054106410741084109411041114112411341144115411641174118411941204121412241234124412541264127412841294130413141324133413441354136413741384139414041414142414341444145414641474148414941504151415241534154415541564157415841594160416141624163416441654166416741684169417041714172417341744175417641774178417941804181418241834184418541864187418841894190419141924193419441954196419741984199420042014202420342044205420642074208420942104211421242134214421542164217421842194220422142224223422442254226422742284229423042314232423342344235423642374238423942404241424242434244424542464247424842494250425142524253425442554256425742584259426042614262426342644265426642674268426942704271427242734274427542764277427842794280428142824283428442854286428742884289429042914292429342944295429642974298429943004301430243034304430543064307430843094310431143124313431443154316431743184319432043214322432343244325432643274328432943304331433243334334433543364337433843394340434143424343434443454346434743484349435043514352435343544355435643574358435943604361436243634364436543664367436843694370437143724373437443754376437743784379438043814382438343844385438643874388438943904391439243934394439543964397439843994400440144024403440444054406440744084409441044114412441344144415441644174418441944204421442244234424442544264427442844294430443144324433443444354436443744384439444044414442444344444445444644474448444944504451445244534454445544564457445844594460446144624463446444654466446744684469447044714472447344744475447644774478447944804481448244834484448544864487448844894490449144924493449444954496449744984499450045014502450345044505450645074508450945104511451245134514451545164517451845194520452145224523452445254526452745284529453045314532453345344535453645374538453945404541454245434544454545464547454845494550455145524553455445554556455745584559456045614562456345644565456645674568456945704571457245734574457545764577457845794580458145824583458445854586458745884589459045914592459345944595459645974598459946004601460246034604460546064607460846094610461146124613461446154616461746184619462046214622462346244625462646274628462946304631463246334634463546364637463846394640464146424643464446454646464746484649465046514652465346544655465646574658465946604661466246634664466546664667466846694670467146724673467446754676467746784679468046814682468346844685468646874688468946904691469246934694469546964697469846994700470147024703470447054706470747084709471047114712471347144715471647174718471947204721472247234724472547264727472847294730473147324733473447354736473747384739474047414742474347444745474647474748474947504751475247534754475547564757475847594760476147624763476447654766476747684769477047714772477347744775477647774778477947804781478247834784478547864787478847894790479147924793479447954796479747984799480048014802480348044805480648074808480948104811481248134814481548164817481848194820482148224823482448254826482748284829483048314832483348344835483648374838483948404841484248434844484548464847484848494850485148524853485448554856485748584859486048614862486348644865486648674868486948704871487248734874487548764877487848794880488148824883488448854886488748884889489048914892489348944895489648974898489949004901490249034904490549064907490849094910491149124913491449154916491749184919492049214922492349244925492649274928492949304931493249334934493549364937493849394940494149424943494449454946494749484949495049514952495349544955495649574958495949604961496249634964496549664967496849694970497149724973497449754976497749784979498049814982498349844985498649874988498949904991499249934994499549964997499849995000500150025003500450055006500750085009501050115012501350145015501650175018501950205021502250235024502550265027502850295030503150325033503450355036503750385039504050415042504350445045504650475048504950505051505250535054505550565057505850595060506150625063506450655066506750685069507050715072507350745075507650775078507950805081508250835084508550865087508850895090509150925093509450955096509750985099510051015102510351045105510651075108510951105111511251135114511551165117511851195120512151225123512451255126512751285129513051315132513351345135513651375138513951405141514251435144514551465147514851495150515151525153515451555156515751585159516051615162516351645165516651675168516951705171517251735174517551765177517851795180518151825183518451855186518751885189519051915192519351945195519651975198519952005201520252035204520552065207520852095210521152125213521452155216521752185219522052215222522352245225522652275228522952305231523252335234523552365237523852395240524152425243524452455246524752485249525052515252525352545255525652575258525952605261526252635264526552665267526852695270527152725273527452755276527752785279528052815282528352845285528652875288528952905291529252935294529552965297529852995300530153025303530453055306530753085309531053115312531353145315531653175318531953205321532253235324532553265327532853295330533153325333533453355336533753385339534053415342534353445345534653475348534953505351535253535354535553565357535853595360536153625363536453655366536753685369537053715372537353745375537653775378537953805381538253835384538553865387538853895390539153925393539453955396539753985399540054015402540354045405540654075408540954105411541254135414541554165417541854195420542154225423542454255426542754285429543054315432543354345435543654375438543954405441544254435444544554465447544854495450545154525453545454555456545754585459546054615462546354645465546654675468546954705471547254735474547554765477547854795480548154825483548454855486548754885489549054915492549354945495549654975498549955005501550255035504550555065507550855095510551155125513551455155516551755185519552055215522552355245525552655275528552955305531553255335534553555365537553855395540554155425543554455455546554755485549555055515552555355545555555655575558555955605561556255635564556555665567556855695570557155725573557455755576557755785579558055815582558355845585558655875588558955905591559255935594559555965597559855995600560156025603560456055606560756085609561056115612561356145615561656175618561956205621562256235624562556265627562856295630563156325633563456355636563756385639564056415642564356445645564656475648564956505651565256535654565556565657565856595660566156625663566456655666566756685669567056715672567356745675567656775678567956805681568256835684568556865687568856895690569156925693569456955696569756985699570057015702570357045705570657075708570957105711571257135714571557165717571857195720572157225723572457255726572757285729573057315732573357345735573657375738573957405741574257435744574557465747574857495750575157525753575457555756575757585759576057615762576357645765576657675768576957705771577257735774577557765777577857795780578157825783578457855786578757885789579057915792579357945795579657975798579958005801580258035804580558065807580858095810581158125813581458155816581758185819582058215822582358245825582658275828582958305831583258335834583558365837583858395840584158425843584458455846584758485849585058515852585358545855585658575858585958605861586258635864586558665867586858695870587158725873587458755876587758785879588058815882588358845885588658875888588958905891589258935894589558965897589858995900590159025903590459055906590759085909591059115912591359145915591659175918591959205921592259235924592559265927592859295930593159325933593459355936593759385939594059415942594359445945594659475948594959505951595259535954595559565957595859595960596159625963596459655966596759685969597059715972597359745975597659775978597959805981598259835984598559865987598859895990599159925993599459955996599759985999600060016002600360046005600660076008600960106011601260136014601560166017601860196020602160226023602460256026602760286029603060316032603360346035603660376038603960406041604260436044604560466047604860496050605160526053605460556056605760586059606060616062606360646065606660676068606960706071607260736074607560766077607860796080608160826083608460856086608760886089609060916092609360946095609660976098609961006101610261036104610561066107610861096110611161126113611461156116611761186119612061216122612361246125612661276128612961306131613261336134613561366137613861396140614161426143614461456146614761486149615061516152615361546155615661576158615961606161616261636164616561666167616861696170617161726173617461756176617761786179618061816182618361846185618661876188618961906191619261936194619561966197619861996200620162026203620462056206620762086209621062116212621362146215621662176218621962206221622262236224622562266227622862296230623162326233623462356236623762386239624062416242624362446245624662476248624962506251625262536254625562566257625862596260626162626263626462656266626762686269627062716272627362746275627662776278627962806281628262836284628562866287628862896290629162926293629462956296629762986299630063016302630363046305630663076308630963106311631263136314631563166317631863196320632163226323632463256326632763286329633063316332633363346335633663376338633963406341634263436344634563466347634863496350635163526353635463556356635763586359636063616362636363646365636663676368636963706371637263736374637563766377637863796380638163826383638463856386638763886389639063916392639363946395639663976398639964006401640264036404640564066407640864096410641164126413641464156416641764186419642064216422642364246425642664276428642964306431643264336434643564366437643864396440644164426443644464456446644764486449645064516452645364546455645664576458645964606461646264636464646564666467646864696470647164726473647464756476647764786479648064816482648364846485648664876488648964906491649264936494649564966497649864996500650165026503650465056506650765086509651065116512651365146515651665176518651965206521652265236524652565266527652865296530653165326533653465356536653765386539654065416542654365446545654665476548654965506551655265536554655565566557655865596560656165626563656465656566656765686569657065716572657365746575657665776578657965806581658265836584658565866587658865896590659165926593659465956596659765986599660066016602660366046605660666076608660966106611661266136614661566166617661866196620662166226623662466256626662766286629663066316632663366346635663666376638663966406641664266436644664566466647664866496650665166526653665466556656665766586659666066616662666366646665666666676668666966706671667266736674667566766677667866796680668166826683668466856686668766886689669066916692669366946695669666976698669967006701670267036704670567066707670867096710671167126713671467156716671767186719672067216722672367246725672667276728672967306731673267336734673567366737673867396740674167426743674467456746674767486749675067516752675367546755675667576758675967606761676267636764676567666767676867696770677167726773677467756776677767786779678067816782678367846785678667876788678967906791679267936794679567966797679867996800680168026803680468056806680768086809681068116812681368146815681668176818681968206821682268236824682568266827682868296830683168326833683468356836683768386839684068416842684368446845684668476848684968506851685268536854685568566857685868596860686168626863686468656866686768686869687068716872687368746875687668776878687968806881688268836884688568866887688868896890689168926893689468956896689768986899690069016902690369046905690669076908690969106911691269136914691569166917691869196920692169226923692469256926692769286929693069316932693369346935693669376938693969406941694269436944694569466947694869496950695169526953695469556956695769586959696069616962696369646965696669676968696969706971697269736974697569766977697869796980698169826983698469856986698769886989699069916992699369946995699669976998699970007001700270037004700570067007700870097010701170127013701470157016701770187019702070217022702370247025702670277028702970307031703270337034703570367037703870397040704170427043704470457046704770487049705070517052705370547055705670577058705970607061706270637064706570667067706870697070707170727073707470757076707770787079708070817082708370847085708670877088708970907091709270937094709570967097709870997100710171027103710471057106710771087109711071117112711371147115711671177118711971207121712271237124712571267127712871297130713171327133713471357136713771387139714071417142714371447145714671477148714971507151715271537154715571567157715871597160716171627163716471657166716771687169717071717172717371747175717671777178717971807181718271837184718571867187718871897190719171927193719471957196719771987199720072017202720372047205720672077208720972107211721272137214721572167217721872197220722172227223722472257226722772287229723072317232723372347235723672377238723972407241724272437244724572467247724872497250725172527253725472557256725772587259726072617262726372647265726672677268726972707271727272737274727572767277727872797280728172827283728472857286728772887289729072917292729372947295729672977298729973007301730273037304730573067307730873097310731173127313731473157316731773187319732073217322732373247325732673277328732973307331733273337334733573367337733873397340734173427343734473457346734773487349735073517352735373547355735673577358735973607361736273637364736573667367736873697370737173727373737473757376737773787379738073817382738373847385738673877388738973907391739273937394739573967397739873997400740174027403740474057406740774087409741074117412741374147415741674177418741974207421742274237424742574267427742874297430743174327433743474357436743774387439744074417442744374447445744674477448744974507451745274537454745574567457745874597460746174627463746474657466746774687469747074717472747374747475747674777478747974807481748274837484748574867487748874897490749174927493749474957496749774987499750075017502750375047505750675077508750975107511751275137514751575167517751875197520752175227523752475257526752775287529753075317532753375347535753675377538753975407541754275437544754575467547754875497550755175527553755475557556755775587559756075617562756375647565756675677568756975707571757275737574757575767577757875797580758175827583758475857586758775887589759075917592759375947595759675977598759976007601760276037604760576067607760876097610761176127613761476157616761776187619762076217622762376247625762676277628762976307631763276337634763576367637763876397640764176427643764476457646764776487649765076517652765376547655765676577658765976607661766276637664766576667667766876697670767176727673767476757676767776787679768076817682768376847685768676877688768976907691769276937694769576967697769876997700770177027703770477057706770777087709771077117712771377147715771677177718771977207721772277237724772577267727772877297730773177327733773477357736773777387739774077417742774377447745774677477748774977507751775277537754775577567757775877597760776177627763776477657766776777687769777077717772777377747775777677777778777977807781778277837784778577867787778877897790779177927793779477957796779777987799780078017802780378047805780678077808780978107811781278137814781578167817781878197820782178227823782478257826782778287829783078317832783378347835783678377838783978407841784278437844784578467847784878497850785178527853785478557856785778587859786078617862786378647865786678677868786978707871787278737874787578767877787878797880788178827883788478857886788778887889789078917892789378947895789678977898789979007901790279037904790579067907790879097910791179127913791479157916791779187919792079217922792379247925792679277928792979307931793279337934793579367937793879397940794179427943794479457946794779487949795079517952795379547955795679577958795979607961796279637964796579667967796879697970797179727973797479757976797779787979798079817982798379847985798679877988798979907991799279937994799579967997799879998000800180028003800480058006800780088009801080118012801380148015801680178018801980208021802280238024802580268027802880298030803180328033803480358036803780388039804080418042804380448045804680478048804980508051805280538054805580568057805880598060806180628063806480658066806780688069807080718072807380748075807680778078807980808081808280838084808580868087808880898090809180928093809480958096809780988099810081018102810381048105810681078108810981108111811281138114811581168117811881198120812181228123812481258126812781288129813081318132813381348135813681378138813981408141814281438144814581468147814881498150815181528153815481558156815781588159816081618162816381648165816681678168816981708171817281738174817581768177817881798180818181828183818481858186818781888189819081918192819381948195819681978198819982008201820282038204820582068207820882098210821182128213821482158216821782188219822082218222822382248225822682278228822982308231823282338234823582368237823882398240824182428243824482458246824782488249825082518252825382548255825682578258825982608261826282638264826582668267826882698270827182728273827482758276827782788279828082818282828382848285828682878288828982908291829282938294829582968297829882998300830183028303830483058306830783088309831083118312831383148315831683178318831983208321832283238324832583268327832883298330833183328333833483358336833783388339834083418342834383448345834683478348834983508351835283538354835583568357835883598360836183628363836483658366836783688369837083718372837383748375837683778378837983808381838283838384838583868387838883898390839183928393839483958396839783988399840084018402840384048405840684078408840984108411841284138414841584168417841884198420842184228423842484258426842784288429843084318432843384348435843684378438843984408441844284438444844584468447844884498450845184528453845484558456845784588459846084618462846384648465846684678468846984708471847284738474847584768477847884798480848184828483848484858486848784888489849084918492849384948495849684978498849985008501850285038504850585068507850885098510851185128513851485158516851785188519852085218522852385248525852685278528852985308531853285338534853585368537853885398540854185428543854485458546854785488549855085518552855385548555855685578558855985608561856285638564856585668567856885698570857185728573857485758576857785788579858085818582858385848585858685878588858985908591859285938594859585968597859885998600860186028603860486058606860786088609861086118612861386148615861686178618861986208621862286238624862586268627862886298630863186328633863486358636863786388639864086418642864386448645864686478648864986508651865286538654865586568657865886598660866186628663866486658666866786688669867086718672867386748675867686778678867986808681868286838684868586868687868886898690869186928693869486958696869786988699870087018702870387048705870687078708870987108711871287138714871587168717871887198720872187228723872487258726872787288729873087318732873387348735873687378738873987408741874287438744874587468747874887498750875187528753875487558756875787588759876087618762876387648765876687678768876987708771877287738774877587768777877887798780878187828783878487858786878787888789879087918792879387948795879687978798879988008801880288038804880588068807880888098810881188128813881488158816881788188819882088218822882388248825882688278828882988308831883288338834883588368837883888398840884188428843884488458846884788488849885088518852885388548855885688578858885988608861886288638864886588668867886888698870887188728873887488758876887788788879888088818882888388848885888688878888888988908891889288938894889588968897889888998900890189028903890489058906890789088909891089118912891389148915891689178918891989208921892289238924892589268927892889298930893189328933893489358936893789388939894089418942894389448945894689478948894989508951895289538954895589568957895889598960896189628963896489658966896789688969897089718972897389748975897689778978897989808981898289838984898589868987898889898990899189928993899489958996899789988999900090019002900390049005900690079008900990109011901290139014901590169017901890199020902190229023902490259026902790289029903090319032903390349035903690379038903990409041904290439044904590469047904890499050905190529053905490559056905790589059906090619062906390649065906690679068906990709071907290739074907590769077907890799080908190829083908490859086908790889089909090919092909390949095909690979098909991009101910291039104910591069107910891099110911191129113911491159116911791189119912091219122912391249125912691279128912991309131913291339134913591369137913891399140914191429143914491459146914791489149915091519152915391549155915691579158915991609161916291639164916591669167916891699170917191729173917491759176917791789179918091819182918391849185918691879188918991909191919291939194919591969197919891999200920192029203920492059206920792089209921092119212921392149215921692179218921992209221922292239224922592269227922892299230923192329233923492359236923792389239924092419242924392449245924692479248924992509251925292539254925592569257925892599260926192629263926492659266926792689269927092719272927392749275927692779278927992809281928292839284928592869287928892899290929192929293929492959296929792989299930093019302930393049305930693079308930993109311931293139314931593169317931893199320932193229323932493259326932793289329933093319332933393349335933693379338933993409341934293439344934593469347934893499350935193529353935493559356935793589359936093619362936393649365936693679368936993709371937293739374937593769377937893799380938193829383938493859386938793889389939093919392939393949395939693979398939994009401940294039404940594069407940894099410941194129413941494159416941794189419942094219422942394249425942694279428942994309431943294339434943594369437943894399440944194429443944494459446944794489449945094519452945394549455945694579458945994609461946294639464946594669467946894699470947194729473947494759476947794789479948094819482948394849485948694879488948994909491949294939494949594969497949894999500950195029503950495059506950795089509951095119512951395149515951695179518951995209521952295239524952595269527952895299530953195329533953495359536953795389539954095419542954395449545954695479548954995509551955295539554955595569557955895599560956195629563956495659566956795689569957095719572957395749575957695779578957995809581958295839584958595869587958895899590959195929593959495959596959795989599960096019602960396049605960696079608960996109611961296139614961596169617961896199620962196229623962496259626962796289629963096319632963396349635963696379638963996409641964296439644964596469647964896499650965196529653965496559656965796589659966096619662966396649665966696679668966996709671967296739674967596769677967896799680968196829683968496859686968796889689969096919692969396949695969696979698969997009701970297039704970597069707970897099710971197129713971497159716971797189719972097219722972397249725972697279728972997309731973297339734973597369737973897399740974197429743974497459746974797489749975097519752975397549755975697579758975997609761976297639764976597669767976897699770977197729773977497759776977797789779978097819782978397849785978697879788978997909791979297939794979597969797979897999800980198029803980498059806980798089809981098119812981398149815981698179818981998209821982298239824982598269827982898299830983198329833983498359836983798389839984098419842984398449845984698479848984998509851985298539854985598569857985898599860986198629863986498659866986798689869987098719872987398749875987698779878987998809881988298839884988598869887988898899890989198929893989498959896989798989899990099019902990399049905990699079908990999109911991299139914991599169917991899199920992199229923992499259926992799289929993099319932993399349935993699379938993999409941994299439944994599469947994899499950995199529953995499559956995799589959996099619962996399649965996699679968996999709971997299739974997599769977997899799980998199829983998499859986998799889989999099919992999399949995999699979998999910000100011000210003100041000510006100071000810009100101001110012100131001410015100161001710018100191002010021100221002310024100251002610027100281002910030100311003210033100341003510036100371003810039100401004110042100431004410045100461004710048100491005010051100521005310054100551005610057100581005910060100611006210063100641006510066100671006810069100701007110072100731007410075100761007710078100791008010081100821008310084100851008610087100881008910090100911009210093100941009510096100971009810099101001010110102101031010410105101061010710108101091011010111101121011310114101151011610117101181011910120101211012210123101241012510126101271012810129101301013110132101331013410135101361013710138101391014010141101421014310144101451014610147101481014910150101511015210153101541015510156101571015810159101601016110162101631016410165101661016710168101691017010171101721017310174101751017610177101781017910180101811018210183101841018510186101871018810189101901019110192101931019410195101961019710198101991020010201102021020310204102051020610207102081020910210102111021210213102141021510216102171021810219102201022110222102231022410225102261022710228102291023010231102321023310234102351023610237102381023910240102411024210243102441024510246102471024810249102501025110252102531025410255102561025710258102591026010261102621026310264102651026610267102681026910270102711027210273102741027510276102771027810279102801028110282102831028410285102861028710288102891029010291102921029310294102951029610297102981029910300103011030210303103041030510306103071030810309103101031110312103131031410315103161031710318103191032010321103221032310324103251032610327103281032910330103311033210333103341033510336103371033810339103401034110342103431034410345103461034710348103491035010351103521035310354103551035610357103581035910360103611036210363103641036510366103671036810369103701037110372103731037410375103761037710378103791038010381103821038310384103851038610387103881038910390103911039210393103941039510396103971039810399104001040110402104031040410405104061040710408104091041010411104121041310414104151041610417104181041910420104211042210423104241042510426104271042810429104301043110432104331043410435104361043710438104391044010441104421044310444104451044610447104481044910450104511045210453104541045510456104571045810459104601046110462104631046410465104661046710468104691047010471104721047310474104751047610477104781047910480104811048210483104841048510486104871048810489104901049110492104931049410495104961049710498104991050010501105021050310504105051050610507105081050910510105111051210513105141051510516105171051810519105201052110522105231052410525105261052710528105291053010531105321053310534105351053610537105381053910540105411054210543105441054510546105471054810549105501055110552105531055410555105561055710558105591056010561105621056310564105651056610567105681056910570105711057210573105741057510576105771057810579105801058110582105831058410585105861058710588105891059010591105921059310594105951059610597105981059910600106011060210603106041060510606106071060810609106101061110612106131061410615106161061710618106191062010621106221062310624106251062610627106281062910630106311063210633106341063510636106371063810639106401064110642106431064410645106461064710648106491065010651106521065310654106551065610657106581065910660106611066210663106641066510666106671066810669106701067110672106731067410675106761067710678106791068010681106821068310684106851068610687106881068910690106911069210693106941069510696106971069810699107001070110702107031070410705107061070710708107091071010711107121071310714107151071610717107181071910720107211072210723107241072510726107271072810729107301073110732107331073410735107361073710738107391074010741107421074310744107451074610747107481074910750107511075210753107541075510756107571075810759107601076110762107631076410765107661076710768107691077010771107721077310774107751077610777107781077910780107811078210783107841078510786107871078810789107901079110792107931079410795107961079710798107991080010801108021080310804108051080610807108081080910810108111081210813108141081510816108171081810819108201082110822108231082410825108261082710828108291083010831108321083310834108351083610837108381083910840108411084210843108441084510846108471084810849108501085110852108531085410855108561085710858108591086010861108621086310864108651086610867108681086910870108711087210873108741087510876108771087810879108801088110882108831088410885108861088710888108891089010891108921089310894108951089610897108981089910900109011090210903109041090510906109071090810909109101091110912109131091410915109161091710918109191092010921109221092310924109251092610927109281092910930109311093210933109341093510936109371093810939109401094110942109431094410945109461094710948109491095010951109521095310954109551095610957109581095910960109611096210963109641096510966109671096810969109701097110972109731097410975109761097710978109791098010981109821098310984109851098610987109881098910990109911099210993109941099510996109971099810999110001100111002110031100411005110061100711008110091101011011110121101311014110151101611017110181101911020110211102211023110241102511026110271102811029110301103111032110331103411035110361103711038110391104011041110421104311044110451104611047110481104911050110511105211053110541105511056110571105811059110601106111062110631106411065110661106711068110691107011071110721107311074110751107611077110781107911080110811108211083110841108511086110871108811089110901109111092110931109411095110961109711098110991110011101111021110311104111051110611107111081110911110111111111211113111141111511116111171111811119111201112111122111231112411125111261112711128111291113011131111321113311134111351113611137111381113911140111411114211143111441114511146111471114811149111501115111152111531115411155111561115711158111591116011161111621116311164111651116611167111681116911170111711117211173111741117511176111771117811179111801118111182111831118411185111861118711188111891119011191111921119311194111951119611197111981119911200112011120211203112041120511206112071120811209112101121111212112131121411215112161121711218112191122011221112221122311224112251122611227112281122911230112311123211233112341123511236112371123811239112401124111242112431124411245112461124711248112491125011251112521125311254112551125611257112581125911260112611126211263112641126511266112671126811269112701127111272112731127411275112761127711278112791128011281112821128311284112851128611287112881128911290112911129211293112941129511296112971129811299113001130111302113031130411305113061130711308113091131011311113121131311314113151131611317113181131911320113211132211323113241132511326113271132811329113301133111332113331133411335113361133711338113391134011341113421134311344113451134611347113481134911350113511135211353113541135511356113571135811359113601136111362113631136411365113661136711368113691137011371113721137311374113751137611377113781137911380113811138211383113841138511386113871138811389113901139111392113931139411395113961139711398113991140011401114021140311404114051140611407114081140911410114111141211413114141141511416114171141811419114201142111422114231142411425114261142711428114291143011431114321143311434114351143611437114381143911440114411144211443114441144511446114471144811449114501145111452114531145411455114561145711458114591146011461114621146311464114651146611467114681146911470114711147211473114741147511476114771147811479114801148111482114831148411485114861148711488114891149011491114921149311494114951149611497114981149911500115011150211503115041150511506115071150811509115101151111512115131151411515115161151711518115191152011521115221152311524115251152611527115281152911530115311153211533115341153511536115371153811539115401154111542115431154411545115461154711548115491155011551115521155311554115551155611557115581155911560115611156211563115641156511566115671156811569115701157111572115731157411575115761157711578115791158011581115821158311584115851158611587115881158911590115911159211593115941159511596115971159811599116001160111602116031160411605116061160711608116091161011611116121161311614116151161611617116181161911620116211162211623116241162511626116271162811629116301163111632116331163411635116361163711638116391164011641116421164311644116451164611647116481164911650116511165211653116541165511656116571165811659116601166111662116631166411665116661166711668116691167011671116721167311674116751167611677116781167911680116811168211683116841168511686116871168811689116901169111692116931169411695116961169711698116991170011701117021170311704117051170611707117081170911710117111171211713117141171511716117171171811719117201172111722117231172411725117261172711728117291173011731117321173311734117351173611737117381173911740117411174211743117441174511746117471174811749117501175111752117531175411755117561175711758117591176011761117621176311764117651176611767117681176911770117711177211773117741177511776117771177811779117801178111782117831178411785117861178711788117891179011791117921179311794117951179611797117981179911800118011180211803118041180511806118071180811809118101181111812118131181411815118161181711818118191182011821118221182311824118251182611827118281182911830118311183211833118341183511836118371183811839118401184111842118431184411845118461184711848118491185011851118521185311854118551185611857118581185911860118611186211863118641186511866118671186811869118701187111872118731187411875118761187711878118791188011881118821188311884118851188611887118881188911890118911189211893118941189511896118971189811899119001190111902119031190411905119061190711908119091191011911119121191311914119151191611917119181191911920119211192211923119241192511926119271192811929119301193111932119331193411935119361193711938119391194011941119421194311944119451194611947119481194911950119511195211953119541195511956119571195811959119601196111962119631196411965119661196711968119691197011971119721197311974119751197611977119781197911980119811198211983119841198511986119871198811989119901199111992119931199411995119961199711998119991200012001120021200312004120051200612007120081200912010120111201212013120141201512016120171201812019120201202112022120231202412025120261202712028120291203012031120321203312034120351203612037120381203912040120411204212043120441204512046120471204812049120501205112052120531205412055120561205712058120591206012061120621206312064120651206612067120681206912070120711207212073120741207512076120771207812079120801208112082120831208412085120861208712088120891209012091120921209312094120951209612097120981209912100121011210212103121041210512106121071210812109121101211112112121131211412115121161211712118121191212012121121221212312124121251212612127121281212912130121311213212133121341213512136121371213812139121401214112142121431214412145121461214712148121491215012151121521215312154121551215612157121581215912160121611216212163121641216512166121671216812169121701217112172121731217412175121761217712178121791218012181121821218312184121851218612187121881218912190121911219212193121941219512196121971219812199122001220112202122031220412205122061220712208122091221012211122121221312214122151221612217122181221912220122211222212223122241222512226122271222812229122301223112232122331223412235122361223712238122391224012241122421224312244122451224612247122481224912250122511225212253122541225512256122571225812259122601226112262122631226412265122661226712268122691227012271122721227312274122751227612277122781227912280122811228212283122841228512286122871228812289122901229112292122931229412295122961229712298122991230012301123021230312304123051230612307123081230912310123111231212313123141231512316123171231812319123201232112322123231232412325123261232712328123291233012331123321233312334123351233612337123381233912340123411234212343123441234512346123471234812349123501235112352123531235412355123561235712358123591236012361123621236312364123651236612367123681236912370123711237212373123741237512376123771237812379123801238112382123831238412385123861238712388123891239012391123921239312394123951239612397123981239912400124011240212403124041240512406124071240812409124101241112412124131241412415124161241712418124191242012421124221242312424124251242612427124281242912430124311243212433124341243512436124371243812439124401244112442124431244412445124461244712448124491245012451124521245312454124551245612457124581245912460124611246212463124641246512466124671246812469124701247112472124731247412475124761247712478124791248012481124821248312484124851248612487124881248912490124911249212493124941249512496124971249812499125001250112502125031250412505125061250712508125091251012511125121251312514125151251612517125181251912520125211252212523125241252512526125271252812529125301253112532125331253412535125361253712538125391254012541125421254312544125451254612547125481254912550125511255212553125541255512556125571255812559125601256112562125631256412565125661256712568125691257012571125721257312574125751257612577125781257912580125811258212583125841258512586125871258812589125901259112592125931259412595125961259712598125991260012601126021260312604126051260612607126081260912610126111261212613126141261512616126171261812619126201262112622126231262412625126261262712628126291263012631126321263312634126351263612637126381263912640126411264212643126441264512646126471264812649126501265112652126531265412655126561265712658126591266012661126621266312664126651266612667126681266912670126711267212673126741267512676126771267812679126801268112682126831268412685126861268712688126891269012691126921269312694126951269612697126981269912700127011270212703127041270512706127071270812709127101271112712127131271412715127161271712718127191272012721127221272312724127251272612727127281272912730127311273212733127341273512736127371273812739127401274112742127431274412745127461274712748127491275012751127521275312754127551275612757127581275912760127611276212763127641276512766127671276812769127701277112772127731277412775127761277712778127791278012781127821278312784127851278612787127881278912790127911279212793127941279512796127971279812799128001280112802128031280412805128061280712808128091281012811128121281312814128151281612817128181281912820128211282212823128241282512826128271282812829128301283112832128331283412835128361283712838128391284012841128421284312844128451284612847128481284912850128511285212853128541285512856128571285812859128601286112862128631286412865128661286712868128691287012871128721287312874128751287612877128781287912880128811288212883128841288512886128871288812889128901289112892128931289412895128961289712898128991290012901129021290312904129051290612907129081290912910129111291212913129141291512916129171291812919129201292112922129231292412925129261292712928129291293012931129321293312934129351293612937129381293912940129411294212943129441294512946129471294812949129501295112952129531295412955129561295712958129591296012961129621296312964129651296612967129681296912970129711297212973129741297512976129771297812979129801298112982129831298412985129861298712988129891299012991129921299312994129951299612997129981299913000130011300213003130041300513006130071300813009130101301113012130131301413015130161301713018130191302013021130221302313024130251302613027130281302913030130311303213033130341303513036130371303813039130401304113042130431304413045130461304713048130491305013051130521305313054130551305613057130581305913060130611306213063130641306513066130671306813069130701307113072130731307413075130761307713078130791308013081130821308313084130851308613087130881308913090130911309213093130941309513096130971309813099131001310113102131031310413105131061310713108131091311013111131121311313114131151311613117131181311913120131211312213123131241312513126131271312813129131301313113132131331313413135131361313713138131391314013141131421314313144131451314613147131481314913150131511315213153131541315513156131571315813159131601316113162131631316413165131661316713168131691317013171131721317313174131751317613177131781317913180131811318213183131841318513186131871318813189131901319113192131931319413195131961319713198131991320013201132021320313204132051320613207132081320913210132111321213213132141321513216132171321813219132201322113222132231322413225132261322713228132291323013231132321323313234132351323613237132381323913240132411324213243132441324513246132471324813249132501325113252132531325413255132561325713258132591326013261132621326313264132651326613267132681326913270132711327213273132741327513276132771327813279132801328113282132831328413285132861328713288132891329013291132921329313294132951329613297132981329913300133011330213303133041330513306133071330813309133101331113312133131331413315133161331713318133191332013321133221332313324133251332613327133281332913330133311333213333133341333513336133371333813339133401334113342133431334413345133461334713348133491335013351133521335313354133551335613357133581335913360133611336213363133641336513366133671336813369133701337113372133731337413375133761337713378133791338013381133821338313384133851338613387133881338913390133911339213393133941339513396133971339813399134001340113402134031340413405134061340713408134091341013411134121341313414134151341613417134181341913420134211342213423134241342513426134271342813429134301343113432134331343413435134361343713438134391344013441134421344313444134451344613447134481344913450134511345213453134541345513456134571345813459134601346113462134631346413465134661346713468134691347013471134721347313474134751347613477134781347913480134811348213483134841348513486134871348813489134901349113492134931349413495134961349713498134991350013501135021350313504135051350613507135081350913510135111351213513135141351513516135171351813519135201352113522135231352413525135261352713528135291353013531135321353313534135351353613537135381353913540135411354213543135441354513546135471354813549135501355113552135531355413555135561355713558135591356013561135621356313564135651356613567135681356913570135711357213573135741357513576135771357813579135801358113582135831358413585135861358713588135891359013591135921359313594135951359613597135981359913600136011360213603136041360513606136071360813609136101361113612136131361413615136161361713618136191362013621136221362313624136251362613627136281362913630136311363213633136341363513636136371363813639136401364113642136431364413645136461364713648136491365013651136521365313654136551365613657136581365913660136611366213663136641366513666136671366813669136701367113672136731367413675136761367713678136791368013681136821368313684136851368613687136881368913690136911369213693136941369513696136971369813699137001370113702137031370413705137061370713708137091371013711137121371313714137151371613717137181371913720137211372213723137241372513726137271372813729137301373113732137331373413735137361373713738137391374013741137421374313744137451374613747137481374913750137511375213753137541375513756137571375813759137601376113762137631376413765137661376713768137691377013771137721377313774137751377613777137781377913780137811378213783137841378513786137871378813789137901379113792137931379413795137961379713798137991380013801138021380313804138051380613807138081380913810138111381213813138141381513816138171381813819138201382113822138231382413825138261382713828138291383013831138321383313834138351383613837138381383913840138411384213843138441384513846138471384813849138501385113852138531385413855138561385713858138591386013861138621386313864138651386613867138681386913870138711387213873138741387513876138771387813879138801388113882138831388413885138861388713888138891389013891138921389313894138951389613897138981389913900139011390213903139041390513906139071390813909139101391113912139131391413915139161391713918139191392013921139221392313924139251392613927139281392913930139311393213933139341393513936139371393813939139401394113942139431394413945139461394713948139491395013951139521395313954139551395613957139581395913960139611396213963139641396513966139671396813969139701397113972139731397413975139761397713978139791398013981139821398313984139851398613987139881398913990139911399213993139941399513996139971399813999140001400114002140031400414005140061400714008140091401014011140121401314014140151401614017140181401914020140211402214023140241402514026140271402814029140301403114032140331403414035140361403714038140391404014041140421404314044140451404614047140481404914050140511405214053140541405514056140571405814059140601406114062140631406414065140661406714068140691407014071140721407314074140751407614077140781407914080140811408214083140841408514086140871408814089140901409114092140931409414095140961409714098140991410014101141021410314104141051410614107141081410914110141111411214113141141411514116141171411814119141201412114122141231412414125141261412714128141291413014131141321413314134141351413614137141381413914140141411414214143141441414514146141471414814149141501415114152141531415414155141561415714158141591416014161141621416314164141651416614167141681416914170141711417214173141741417514176141771417814179141801418114182141831418414185141861418714188141891419014191141921419314194141951419614197141981419914200142011420214203142041420514206142071420814209142101421114212142131421414215142161421714218142191422014221142221422314224142251422614227142281422914230142311423214233142341423514236142371423814239142401424114242142431424414245142461424714248142491425014251142521425314254142551425614257142581425914260142611426214263142641426514266142671426814269142701427114272142731427414275142761427714278142791428014281142821428314284142851428614287142881428914290142911429214293142941429514296142971429814299143001430114302143031430414305143061430714308143091431014311143121431314314143151431614317143181431914320143211432214323143241432514326143271432814329143301433114332143331433414335143361433714338143391434014341143421434314344143451434614347143481434914350143511435214353143541435514356143571435814359143601436114362143631436414365143661436714368143691437014371143721437314374143751437614377143781437914380143811438214383143841438514386143871438814389143901439114392143931439414395143961439714398143991440014401144021440314404144051440614407144081440914410144111441214413144141441514416144171441814419144201442114422144231442414425144261442714428144291443014431144321443314434144351443614437144381443914440144411444214443144441444514446144471444814449144501445114452144531445414455144561445714458144591446014461144621446314464144651446614467144681446914470144711447214473144741447514476144771447814479144801448114482144831448414485144861448714488144891449014491144921449314494144951449614497144981449914500145011450214503145041450514506145071450814509145101451114512145131451414515145161451714518145191452014521145221452314524145251452614527145281452914530145311453214533145341453514536145371453814539145401454114542145431454414545145461454714548145491455014551145521455314554145551455614557145581455914560145611456214563145641456514566145671456814569145701457114572145731457414575145761457714578145791458014581145821458314584145851458614587145881458914590145911459214593145941459514596145971459814599146001460114602146031460414605146061460714608146091461014611146121461314614146151461614617146181461914620146211462214623146241462514626146271462814629146301463114632146331463414635146361463714638146391464014641146421464314644146451464614647146481464914650146511465214653146541465514656146571465814659146601466114662146631466414665146661466714668146691467014671146721467314674146751467614677146781467914680146811468214683146841468514686146871468814689146901469114692146931469414695146961469714698146991470014701147021470314704147051470614707147081470914710147111471214713147141471514716147171471814719147201472114722147231472414725147261472714728147291473014731147321473314734147351473614737147381473914740147411474214743147441474514746147471474814749147501475114752147531475414755147561475714758147591476014761147621476314764147651476614767147681476914770147711477214773147741477514776147771477814779147801478114782147831478414785147861478714788147891479014791147921479314794147951479614797147981479914800148011480214803148041480514806148071480814809148101481114812148131481414815148161481714818148191482014821148221482314824148251482614827148281482914830148311483214833148341483514836148371483814839148401484114842148431484414845148461484714848148491485014851148521485314854148551485614857148581485914860148611486214863148641486514866148671486814869148701487114872148731487414875148761487714878148791488014881148821488314884148851488614887148881488914890148911489214893148941489514896148971489814899149001490114902149031490414905149061490714908149091491014911149121491314914149151491614917149181491914920149211492214923149241492514926149271492814929149301493114932149331493414935149361493714938149391494014941149421494314944149451494614947149481494914950149511495214953149541495514956149571495814959149601496114962149631496414965149661496714968149691497014971149721497314974149751497614977149781497914980149811498214983149841498514986149871498814989149901499114992149931499414995149961499714998149991500015001150021500315004150051500615007150081500915010150111501215013150141501515016150171501815019150201502115022150231502415025150261502715028150291503015031150321503315034150351503615037150381503915040150411504215043150441504515046150471504815049150501505115052150531505415055150561505715058150591506015061150621506315064150651506615067150681506915070150711507215073150741507515076150771507815079150801508115082150831508415085150861508715088150891509015091150921509315094150951509615097150981509915100151011510215103151041510515106151071510815109151101511115112151131511415115151161511715118151191512015121151221512315124151251512615127151281512915130151311513215133151341513515136151371513815139151401514115142151431514415145151461514715148151491515015151151521515315154151551515615157151581515915160151611516215163151641516515166151671516815169151701517115172151731517415175151761517715178151791518015181151821518315184151851518615187151881518915190151911519215193151941519515196151971519815199152001520115202152031520415205152061520715208152091521015211152121521315214152151521615217152181521915220152211522215223152241522515226152271522815229152301523115232152331523415235152361523715238152391524015241152421524315244152451524615247152481524915250152511525215253152541525515256152571525815259152601526115262152631526415265152661526715268152691527015271152721527315274152751527615277152781527915280152811528215283152841528515286152871528815289152901529115292152931529415295152961529715298152991530015301153021530315304153051530615307153081530915310153111531215313153141531515316153171531815319153201532115322153231532415325153261532715328153291533015331153321533315334153351533615337153381533915340153411534215343153441534515346153471534815349153501535115352153531535415355153561535715358153591536015361153621536315364153651536615367153681536915370153711537215373153741537515376153771537815379153801538115382153831538415385153861538715388153891539015391153921539315394153951539615397153981539915400154011540215403154041540515406154071540815409154101541115412154131541415415154161541715418154191542015421154221542315424154251542615427154281542915430154311543215433154341543515436154371543815439154401544115442154431544415445154461544715448154491545015451154521545315454154551545615457154581545915460154611546215463154641546515466154671546815469154701547115472154731547415475154761547715478154791548015481154821548315484154851548615487154881548915490154911549215493154941549515496154971549815499155001550115502155031550415505155061550715508155091551015511155121551315514155151551615517155181551915520155211552215523155241552515526155271552815529155301553115532155331553415535155361553715538155391554015541155421554315544155451554615547155481554915550155511555215553155541555515556155571555815559155601556115562155631556415565155661556715568155691557015571155721557315574155751557615577155781557915580155811558215583155841558515586155871558815589155901559115592155931559415595155961559715598155991560015601156021560315604156051560615607156081560915610156111561215613156141561515616156171561815619156201562115622156231562415625156261562715628156291563015631156321563315634156351563615637156381563915640156411564215643156441564515646156471564815649156501565115652156531565415655156561565715658156591566015661156621566315664156651566615667156681566915670156711567215673156741567515676156771567815679156801568115682156831568415685156861568715688156891569015691156921569315694156951569615697156981569915700157011570215703157041570515706157071570815709157101571115712157131571415715157161571715718157191572015721157221572315724157251572615727157281572915730157311573215733157341573515736157371573815739157401574115742157431574415745157461574715748157491575015751157521575315754157551575615757157581575915760157611576215763157641576515766157671576815769157701577115772157731577415775157761577715778157791578015781157821578315784157851578615787157881578915790157911579215793157941579515796157971579815799158001580115802158031580415805158061580715808158091581015811158121581315814158151581615817158181581915820158211582215823158241582515826158271582815829158301583115832158331583415835158361583715838158391584015841158421584315844158451584615847158481584915850158511585215853158541585515856158571585815859158601586115862158631586415865158661586715868158691587015871158721587315874158751587615877158781587915880158811588215883158841588515886158871588815889158901589115892158931589415895158961589715898158991590015901159021590315904159051590615907159081590915910159111591215913159141591515916159171591815919159201592115922159231592415925159261592715928159291593015931159321593315934159351593615937159381593915940159411594215943159441594515946159471594815949159501595115952159531595415955159561595715958159591596015961159621596315964159651596615967159681596915970159711597215973159741597515976159771597815979159801598115982159831598415985159861598715988159891599015991159921599315994159951599615997159981599916000160011600216003160041600516006160071600816009160101601116012160131601416015160161601716018160191602016021160221602316024160251602616027160281602916030160311603216033160341603516036160371603816039160401604116042160431604416045160461604716048160491605016051160521605316054160551605616057160581605916060160611606216063160641606516066160671606816069160701607116072160731607416075160761607716078160791608016081160821608316084160851608616087160881608916090160911609216093160941609516096160971609816099161001610116102161031610416105161061610716108161091611016111161121611316114161151611616117161181611916120161211612216123161241612516126161271612816129161301613116132161331613416135161361613716138161391614016141161421614316144161451614616147161481614916150161511615216153161541615516156161571615816159161601616116162161631616416165161661616716168161691617016171161721617316174161751617616177161781617916180161811618216183161841618516186161871618816189161901619116192161931619416195161961619716198161991620016201162021620316204162051620616207162081620916210162111621216213162141621516216162171621816219162201622116222162231622416225162261622716228162291623016231162321623316234162351623616237162381623916240162411624216243162441624516246162471624816249162501625116252162531625416255162561625716258162591626016261162621626316264162651626616267162681626916270162711627216273162741627516276162771627816279162801628116282162831628416285162861628716288162891629016291162921629316294162951629616297162981629916300163011630216303163041630516306163071630816309163101631116312163131631416315163161631716318163191632016321163221632316324163251632616327163281632916330163311633216333163341633516336163371633816339163401634116342163431634416345163461634716348163491635016351163521635316354163551635616357163581635916360163611636216363163641636516366163671636816369163701637116372163731637416375163761637716378163791638016381163821638316384163851638616387163881638916390163911639216393163941639516396163971639816399164001640116402164031640416405164061640716408164091641016411164121641316414164151641616417164181641916420164211642216423164241642516426164271642816429164301643116432164331643416435164361643716438164391644016441164421644316444164451644616447164481644916450164511645216453164541645516456164571645816459164601646116462164631646416465164661646716468164691647016471164721647316474164751647616477164781647916480164811648216483164841648516486164871648816489164901649116492164931649416495164961649716498164991650016501165021650316504165051650616507165081650916510165111651216513165141651516516165171651816519165201652116522165231652416525165261652716528165291653016531165321653316534165351653616537165381653916540165411654216543165441654516546165471654816549165501655116552165531655416555165561655716558165591656016561165621656316564165651656616567165681656916570165711657216573165741657516576165771657816579165801658116582165831658416585165861658716588165891659016591165921659316594165951659616597165981659916600166011660216603166041660516606166071660816609166101661116612166131661416615166161661716618166191662016621166221662316624166251662616627166281662916630166311663216633166341663516636166371663816639166401664116642166431664416645166461664716648166491665016651166521665316654166551665616657166581665916660166611666216663166641666516666166671666816669166701667116672166731667416675166761667716678166791668016681166821668316684166851668616687166881668916690166911669216693166941669516696166971669816699167001670116702167031670416705167061670716708167091671016711167121671316714167151671616717167181671916720167211672216723167241672516726167271672816729167301673116732167331673416735167361673716738167391674016741167421674316744167451674616747167481674916750167511675216753167541675516756167571675816759167601676116762167631676416765167661676716768167691677016771167721677316774167751677616777167781677916780167811678216783167841678516786167871678816789167901679116792167931679416795167961679716798167991680016801168021680316804168051680616807168081680916810168111681216813168141681516816168171681816819168201682116822168231682416825168261682716828168291683016831168321683316834168351683616837168381683916840168411684216843168441684516846168471684816849168501685116852168531685416855168561685716858168591686016861168621686316864168651686616867168681686916870168711687216873168741687516876168771687816879168801688116882168831688416885168861688716888168891689016891168921689316894168951689616897168981689916900169011690216903169041690516906169071690816909169101691116912169131691416915169161691716918169191692016921169221692316924169251692616927169281692916930169311693216933169341693516936169371693816939169401694116942169431694416945169461694716948169491695016951169521695316954169551695616957169581695916960169611696216963169641696516966169671696816969169701697116972169731697416975169761697716978169791698016981169821698316984169851698616987169881698916990169911699216993169941699516996169971699816999170001700117002170031700417005170061700717008170091701017011170121701317014170151701617017170181701917020170211702217023170241702517026170271702817029170301703117032170331703417035170361703717038170391704017041170421704317044170451704617047170481704917050170511705217053170541705517056170571705817059170601706117062170631706417065170661706717068170691707017071170721707317074170751707617077170781707917080170811708217083170841708517086170871708817089170901709117092170931709417095170961709717098170991710017101171021710317104171051710617107171081710917110171111711217113171141711517116171171711817119171201712117122171231712417125171261712717128171291713017131171321713317134171351713617137171381713917140171411714217143171441714517146171471714817149171501715117152171531715417155171561715717158171591716017161171621716317164171651716617167171681716917170171711717217173171741717517176171771717817179171801718117182171831718417185171861718717188171891719017191171921719317194171951719617197171981719917200172011720217203172041720517206172071720817209172101721117212172131721417215172161721717218172191722017221172221722317224172251722617227172281722917230172311723217233172341723517236172371723817239172401724117242172431724417245172461724717248172491725017251172521725317254172551725617257172581725917260172611726217263172641726517266172671726817269172701727117272172731727417275172761727717278172791728017281172821728317284172851728617287172881728917290172911729217293172941729517296172971729817299173001730117302173031730417305173061730717308173091731017311173121731317314173151731617317173181731917320173211732217323173241732517326173271732817329173301733117332173331733417335173361733717338173391734017341173421734317344173451734617347173481734917350173511735217353173541735517356173571735817359173601736117362173631736417365173661736717368173691737017371173721737317374173751737617377173781737917380173811738217383173841738517386173871738817389173901739117392173931739417395173961739717398173991740017401174021740317404174051740617407174081740917410174111741217413174141741517416174171741817419174201742117422174231742417425174261742717428174291743017431174321743317434174351743617437174381743917440174411744217443174441744517446174471744817449174501745117452174531745417455174561745717458174591746017461174621746317464174651746617467174681746917470174711747217473174741747517476174771747817479174801748117482174831748417485174861748717488174891749017491174921749317494174951749617497174981749917500175011750217503175041750517506175071750817509175101751117512175131751417515175161751717518175191752017521175221752317524175251752617527175281752917530175311753217533175341753517536175371753817539175401754117542175431754417545175461754717548175491755017551175521755317554175551755617557175581755917560175611756217563175641756517566175671756817569175701757117572175731757417575175761757717578175791758017581175821758317584175851758617587175881758917590175911759217593175941759517596175971759817599176001760117602176031760417605176061760717608176091761017611176121761317614176151761617617176181761917620176211762217623176241762517626176271762817629176301763117632176331763417635176361763717638176391764017641176421764317644176451764617647176481764917650176511765217653176541765517656176571765817659176601766117662176631766417665176661766717668176691767017671176721767317674176751767617677176781767917680176811768217683176841768517686176871768817689176901769117692176931769417695176961769717698176991770017701177021770317704177051770617707177081770917710177111771217713177141771517716177171771817719177201772117722177231772417725177261772717728177291773017731177321773317734177351773617737177381773917740177411774217743177441774517746177471774817749177501775117752177531775417755177561775717758177591776017761177621776317764177651776617767177681776917770177711777217773177741777517776177771777817779177801778117782177831778417785177861778717788177891779017791177921779317794177951779617797177981779917800178011780217803178041780517806178071780817809178101781117812178131781417815178161781717818178191782017821178221782317824178251782617827178281782917830178311783217833178341783517836178371783817839178401784117842178431784417845178461784717848178491785017851178521785317854178551785617857178581785917860178611786217863178641786517866178671786817869178701787117872178731787417875178761787717878178791788017881178821788317884178851788617887178881788917890178911789217893178941789517896178971789817899179001790117902179031790417905179061790717908179091791017911179121791317914179151791617917179181791917920179211792217923179241792517926179271792817929179301793117932179331793417935179361793717938179391794017941179421794317944179451794617947179481794917950179511795217953179541795517956179571795817959179601796117962179631796417965179661796717968179691797017971179721797317974179751797617977179781797917980179811798217983179841798517986179871798817989179901799117992179931799417995179961799717998179991800018001180021800318004180051800618007180081800918010180111801218013180141801518016180171801818019180201802118022180231802418025180261802718028180291803018031180321803318034180351803618037180381803918040180411804218043180441804518046180471804818049180501805118052180531805418055180561805718058180591806018061180621806318064180651806618067180681806918070180711807218073180741807518076180771807818079180801808118082180831808418085180861808718088180891809018091180921809318094180951809618097180981809918100181011810218103181041810518106181071810818109181101811118112181131811418115181161811718118181191812018121181221812318124181251812618127181281812918130181311813218133181341813518136181371813818139181401814118142181431814418145181461814718148181491815018151181521815318154181551815618157181581815918160181611816218163181641816518166181671816818169181701817118172181731817418175181761817718178181791818018181181821818318184181851818618187181881818918190181911819218193181941819518196181971819818199182001820118202182031820418205182061820718208182091821018211182121821318214182151821618217182181821918220182211822218223182241822518226182271822818229182301823118232182331823418235182361823718238182391824018241182421824318244182451824618247182481824918250182511825218253182541825518256182571825818259182601826118262182631826418265182661826718268182691827018271182721827318274182751827618277182781827918280182811828218283182841828518286182871828818289182901829118292182931829418295182961829718298182991830018301183021830318304183051830618307183081830918310183111831218313183141831518316183171831818319183201832118322183231832418325183261832718328183291833018331183321833318334183351833618337183381833918340183411834218343183441834518346183471834818349183501835118352183531835418355183561835718358183591836018361183621836318364183651836618367183681836918370183711837218373183741837518376183771837818379183801838118382183831838418385183861838718388183891839018391183921839318394183951839618397183981839918400184011840218403184041840518406184071840818409184101841118412184131841418415184161841718418184191842018421184221842318424184251842618427184281842918430184311843218433184341843518436184371843818439184401844118442184431844418445184461844718448184491845018451184521845318454184551845618457184581845918460184611846218463184641846518466184671846818469184701847118472184731847418475184761847718478184791848018481184821848318484184851848618487184881848918490184911849218493184941849518496184971849818499185001850118502185031850418505185061850718508185091851018511185121851318514185151851618517185181851918520185211852218523185241852518526185271852818529185301853118532185331853418535185361853718538185391854018541185421854318544185451854618547185481854918550185511855218553185541855518556185571855818559185601856118562185631856418565185661856718568185691857018571185721857318574185751857618577185781857918580185811858218583185841858518586185871858818589185901859118592185931859418595185961859718598185991860018601186021860318604186051860618607186081860918610186111861218613186141861518616186171861818619186201862118622186231862418625186261862718628186291863018631186321863318634186351863618637186381863918640186411864218643186441864518646186471864818649186501865118652186531865418655186561865718658186591866018661186621866318664186651866618667186681866918670186711867218673186741867518676186771867818679186801868118682186831868418685186861868718688186891869018691186921869318694186951869618697186981869918700187011870218703187041870518706187071870818709187101871118712187131871418715187161871718718187191872018721187221872318724187251872618727187281872918730187311873218733187341873518736187371873818739187401874118742187431874418745187461874718748187491875018751187521875318754187551875618757187581875918760187611876218763187641876518766187671876818769187701877118772187731877418775187761877718778187791878018781187821878318784187851878618787187881878918790187911879218793187941879518796187971879818799188001880118802188031880418805188061880718808188091881018811188121881318814188151881618817188181881918820188211882218823188241882518826188271882818829188301883118832188331883418835188361883718838188391884018841188421884318844188451884618847188481884918850188511885218853188541885518856188571885818859188601886118862188631886418865188661886718868188691887018871188721887318874188751887618877188781887918880188811888218883188841888518886188871888818889188901889118892188931889418895188961889718898188991890018901189021890318904189051890618907189081890918910189111891218913189141891518916189171891818919189201892118922189231892418925189261892718928189291893018931189321893318934189351893618937189381893918940189411894218943189441894518946189471894818949189501895118952189531895418955189561895718958189591896018961189621896318964189651896618967189681896918970189711897218973189741897518976189771897818979189801898118982189831898418985189861898718988189891899018991189921899318994189951899618997189981899919000190011900219003190041900519006190071900819009190101901119012190131901419015190161901719018190191902019021190221902319024190251902619027190281902919030190311903219033190341903519036190371903819039190401904119042190431904419045190461904719048190491905019051190521905319054190551905619057190581905919060190611906219063190641906519066190671906819069190701907119072190731907419075190761907719078190791908019081190821908319084190851908619087190881908919090190911909219093190941909519096190971909819099191001910119102191031910419105191061910719108191091911019111191121911319114191151911619117191181911919120191211912219123191241912519126191271912819129191301913119132191331913419135191361913719138191391914019141191421914319144191451914619147191481914919150191511915219153191541915519156191571915819159191601916119162191631916419165191661916719168191691917019171191721917319174191751917619177191781917919180191811918219183191841918519186191871918819189191901919119192191931919419195191961919719198191991920019201192021920319204192051920619207192081920919210192111921219213192141921519216192171921819219192201922119222192231922419225192261922719228192291923019231192321923319234192351923619237192381923919240192411924219243192441924519246192471924819249192501925119252192531925419255192561925719258192591926019261192621926319264192651926619267192681926919270192711927219273192741927519276192771927819279192801928119282192831928419285192861928719288192891929019291192921929319294192951929619297192981929919300193011930219303193041930519306193071930819309193101931119312193131931419315193161931719318193191932019321193221932319324193251932619327193281932919330193311933219333193341933519336193371933819339193401934119342193431934419345193461934719348193491935019351193521935319354193551935619357193581935919360193611936219363193641936519366193671936819369193701937119372193731937419375193761937719378193791938019381193821938319384193851938619387193881938919390193911939219393193941939519396193971939819399194001940119402194031940419405194061940719408194091941019411194121941319414194151941619417194181941919420194211942219423194241942519426194271942819429194301943119432194331943419435194361943719438194391944019441194421944319444194451944619447194481944919450194511945219453194541945519456194571945819459194601946119462194631946419465194661946719468194691947019471194721947319474194751947619477194781947919480194811948219483194841948519486194871948819489194901949119492194931949419495194961949719498194991950019501195021950319504195051950619507195081950919510195111951219513195141951519516195171951819519195201952119522195231952419525195261952719528195291953019531195321953319534195351953619537195381953919540195411954219543195441954519546195471954819549195501955119552195531955419555195561955719558195591956019561195621956319564195651956619567195681956919570195711957219573195741957519576195771957819579195801958119582195831958419585195861958719588195891959019591195921959319594195951959619597195981959919600196011960219603196041960519606196071960819609196101961119612196131961419615196161961719618196191962019621196221962319624196251962619627196281962919630196311963219633196341963519636196371963819639196401964119642196431964419645196461964719648196491965019651196521965319654196551965619657196581965919660196611966219663196641966519666196671966819669196701967119672196731967419675196761967719678196791968019681196821968319684196851968619687196881968919690196911969219693196941969519696196971969819699197001970119702197031970419705197061970719708197091971019711197121971319714197151971619717197181971919720197211972219723197241972519726197271972819729197301973119732197331973419735197361973719738197391974019741197421974319744197451974619747197481974919750197511975219753197541975519756197571975819759197601976119762197631976419765197661976719768197691977019771197721977319774197751977619777197781977919780197811978219783197841978519786197871978819789197901979119792197931979419795197961979719798197991980019801198021980319804198051980619807198081980919810198111981219813198141981519816198171981819819198201982119822198231982419825198261982719828198291983019831198321983319834198351983619837198381983919840198411984219843198441984519846198471984819849198501985119852198531985419855198561985719858198591986019861198621986319864198651986619867198681986919870198711987219873198741987519876198771987819879198801988119882198831988419885198861988719888198891989019891198921989319894198951989619897198981989919900199011990219903199041990519906199071990819909199101991119912199131991419915199161991719918199191992019921199221992319924199251992619927199281992919930199311993219933199341993519936199371993819939199401994119942199431994419945199461994719948199491995019951199521995319954199551995619957199581995919960199611996219963199641996519966199671996819969199701997119972199731997419975199761997719978199791998019981199821998319984199851998619987199881998919990199911999219993199941999519996199971999819999200002000120002200032000420005200062000720008200092001020011200122001320014200152001620017200182001920020200212002220023200242002520026200272002820029200302003120032200332003420035200362003720038200392004020041200422004320044200452004620047200482004920050200512005220053200542005520056200572005820059200602006120062200632006420065200662006720068200692007020071200722007320074200752007620077200782007920080200812008220083200842008520086200872008820089200902009120092200932009420095200962009720098200992010020101201022010320104201052010620107201082010920110201112011220113201142011520116201172011820119201202012120122201232012420125201262012720128201292013020131201322013320134201352013620137201382013920140201412014220143201442014520146201472014820149201502015120152201532015420155201562015720158201592016020161201622016320164201652016620167201682016920170201712017220173201742017520176201772017820179201802018120182201832018420185201862018720188201892019020191201922019320194201952019620197201982019920200202012020220203202042020520206202072020820209202102021120212202132021420215202162021720218202192022020221202222022320224202252022620227202282022920230202312023220233202342023520236202372023820239202402024120242202432024420245202462024720248202492025020251202522025320254202552025620257202582025920260202612026220263202642026520266202672026820269202702027120272202732027420275202762027720278202792028020281202822028320284202852028620287202882028920290202912029220293202942029520296202972029820299203002030120302203032030420305203062030720308203092031020311203122031320314203152031620317203182031920320203212032220323203242032520326203272032820329203302033120332203332033420335203362033720338203392034020341203422034320344203452034620347203482034920350203512035220353203542035520356203572035820359203602036120362203632036420365203662036720368203692037020371203722037320374203752037620377203782037920380203812038220383203842038520386203872038820389203902039120392203932039420395203962039720398203992040020401204022040320404204052040620407204082040920410204112041220413204142041520416204172041820419204202042120422204232042420425204262042720428204292043020431204322043320434204352043620437204382043920440204412044220443204442044520446204472044820449204502045120452204532045420455204562045720458204592046020461204622046320464204652046620467204682046920470204712047220473204742047520476204772047820479204802048120482204832048420485204862048720488204892049020491204922049320494204952049620497204982049920500205012050220503205042050520506205072050820509205102051120512205132051420515205162051720518205192052020521205222052320524205252052620527205282052920530205312053220533205342053520536205372053820539205402054120542205432054420545205462054720548205492055020551205522055320554205552055620557205582055920560205612056220563205642056520566205672056820569205702057120572205732057420575205762057720578205792058020581205822058320584205852058620587205882058920590205912059220593205942059520596205972059820599206002060120602206032060420605206062060720608206092061020611206122061320614206152061620617206182061920620206212062220623206242062520626206272062820629206302063120632206332063420635206362063720638206392064020641206422064320644206452064620647206482064920650206512065220653206542065520656206572065820659206602066120662206632066420665206662066720668206692067020671206722067320674206752067620677206782067920680206812068220683206842068520686206872068820689206902069120692206932069420695206962069720698206992070020701207022070320704207052070620707207082070920710207112071220713207142071520716207172071820719207202072120722207232072420725207262072720728207292073020731207322073320734207352073620737207382073920740207412074220743207442074520746207472074820749207502075120752207532075420755207562075720758207592076020761207622076320764207652076620767207682076920770207712077220773207742077520776207772077820779207802078120782207832078420785207862078720788207892079020791207922079320794207952079620797207982079920800208012080220803208042080520806208072080820809208102081120812208132081420815208162081720818208192082020821208222082320824208252082620827208282082920830208312083220833208342083520836208372083820839208402084120842208432084420845208462084720848208492085020851208522085320854208552085620857208582085920860208612086220863208642086520866208672086820869208702087120872208732087420875208762087720878208792088020881208822088320884208852088620887208882088920890208912089220893208942089520896208972089820899209002090120902209032090420905209062090720908209092091020911209122091320914209152091620917209182091920920209212092220923209242092520926209272092820929209302093120932209332093420935209362093720938209392094020941209422094320944209452094620947209482094920950209512095220953209542095520956209572095820959209602096120962209632096420965209662096720968209692097020971209722097320974209752097620977209782097920980209812098220983209842098520986209872098820989209902099120992209932099420995209962099720998209992100021001210022100321004210052100621007210082100921010210112101221013210142101521016210172101821019210202102121022210232102421025210262102721028210292103021031210322103321034210352103621037210382103921040210412104221043210442104521046210472104821049210502105121052210532105421055210562105721058210592106021061210622106321064210652106621067210682106921070210712107221073210742107521076210772107821079210802108121082210832108421085210862108721088210892109021091210922109321094210952109621097210982109921100211012110221103211042110521106211072110821109211102111121112211132111421115211162111721118211192112021121211222112321124211252112621127211282112921130211312113221133211342113521136211372113821139211402114121142211432114421145211462114721148211492115021151211522115321154211552115621157211582115921160211612116221163211642116521166211672116821169211702117121172211732117421175211762117721178211792118021181211822118321184211852118621187211882118921190211912119221193211942119521196211972119821199212002120121202212032120421205212062120721208212092121021211212122121321214212152121621217212182121921220212212122221223212242122521226212272122821229212302123121232212332123421235212362123721238212392124021241212422124321244212452124621247212482124921250212512125221253212542125521256212572125821259212602126121262212632126421265212662126721268212692127021271212722127321274212752127621277212782127921280212812128221283212842128521286212872128821289212902129121292212932129421295212962129721298212992130021301213022130321304213052130621307213082130921310213112131221313213142131521316213172131821319213202132121322213232132421325213262132721328213292133021331213322133321334213352133621337213382133921340213412134221343213442134521346213472134821349213502135121352213532135421355213562135721358213592136021361213622136321364213652136621367213682136921370213712137221373213742137521376213772137821379213802138121382213832138421385213862138721388213892139021391213922139321394213952139621397213982139921400214012140221403214042140521406214072140821409214102141121412214132141421415214162141721418214192142021421214222142321424214252142621427214282142921430214312143221433214342143521436214372143821439214402144121442214432144421445214462144721448214492145021451214522145321454214552145621457214582145921460214612146221463214642146521466214672146821469214702147121472214732147421475214762147721478214792148021481214822148321484214852148621487214882148921490214912149221493214942149521496214972149821499215002150121502215032150421505215062150721508215092151021511215122151321514215152151621517215182151921520215212152221523215242152521526215272152821529215302153121532215332153421535215362153721538215392154021541215422154321544215452154621547215482154921550215512155221553215542155521556215572155821559215602156121562215632156421565215662156721568215692157021571215722157321574215752157621577215782157921580215812158221583215842158521586215872158821589215902159121592215932159421595215962159721598215992160021601216022160321604216052160621607216082160921610216112161221613216142161521616216172161821619216202162121622216232162421625216262162721628216292163021631216322163321634216352163621637216382163921640216412164221643216442164521646216472164821649216502165121652216532165421655216562165721658216592166021661216622166321664216652166621667216682166921670216712167221673216742167521676216772167821679216802168121682216832168421685216862168721688216892169021691216922169321694216952169621697216982169921700217012170221703217042170521706217072170821709217102171121712217132171421715217162171721718217192172021721217222172321724217252172621727217282172921730217312173221733217342173521736217372173821739217402174121742217432174421745217462174721748217492175021751217522175321754217552175621757217582175921760217612176221763217642176521766217672176821769217702177121772217732177421775217762177721778217792178021781217822178321784217852178621787217882178921790217912179221793217942179521796217972179821799218002180121802218032180421805218062180721808218092181021811218122181321814218152181621817218182181921820218212182221823218242182521826218272182821829218302183121832218332183421835218362183721838218392184021841218422184321844218452184621847218482184921850218512185221853218542185521856218572185821859218602186121862218632186421865218662186721868218692187021871218722187321874218752187621877218782187921880218812188221883218842188521886218872188821889218902189121892218932189421895218962189721898218992190021901219022190321904219052190621907219082190921910219112191221913219142191521916219172191821919219202192121922219232192421925219262192721928219292193021931219322193321934219352193621937219382193921940219412194221943219442194521946219472194821949219502195121952219532195421955219562195721958219592196021961219622196321964219652196621967219682196921970219712197221973219742197521976219772197821979219802198121982219832198421985219862198721988219892199021991219922199321994219952199621997219982199922000220012200222003220042200522006220072200822009220102201122012220132201422015220162201722018220192202022021220222202322024220252202622027220282202922030220312203222033220342203522036220372203822039220402204122042220432204422045220462204722048220492205022051220522205322054220552205622057220582205922060220612206222063220642206522066220672206822069220702207122072220732207422075220762207722078220792208022081220822208322084220852208622087220882208922090220912209222093220942209522096220972209822099221002210122102221032210422105221062210722108221092211022111221122211322114221152211622117221182211922120221212212222123221242212522126221272212822129221302213122132221332213422135221362213722138221392214022141221422214322144221452214622147221482214922150221512215222153221542215522156221572215822159221602216122162221632216422165221662216722168221692217022171221722217322174221752217622177221782217922180221812218222183221842218522186221872218822189221902219122192221932219422195221962219722198221992220022201222022220322204222052220622207222082220922210222112221222213222142221522216222172221822219222202222122222222232222422225222262222722228222292223022231222322223322234222352223622237222382223922240222412224222243222442224522246222472224822249222502225122252222532225422255222562225722258222592226022261222622226322264222652226622267222682226922270222712227222273222742227522276222772227822279222802228122282222832228422285222862228722288222892229022291222922229322294222952229622297222982229922300223012230222303223042230522306223072230822309223102231122312223132231422315223162231722318223192232022321223222232322324223252232622327223282232922330223312233222333223342233522336223372233822339223402234122342223432234422345223462234722348223492235022351223522235322354223552235622357223582235922360223612236222363223642236522366223672236822369223702237122372223732237422375223762237722378223792238022381223822238322384223852238622387223882238922390223912239222393223942239522396223972239822399224002240122402224032240422405224062240722408224092241022411224122241322414224152241622417224182241922420224212242222423224242242522426224272242822429224302243122432224332243422435224362243722438224392244022441224422244322444224452244622447224482244922450224512245222453224542245522456224572245822459224602246122462224632246422465224662246722468224692247022471224722247322474224752247622477224782247922480224812248222483224842248522486224872248822489224902249122492224932249422495224962249722498224992250022501225022250322504225052250622507225082250922510225112251222513225142251522516225172251822519225202252122522225232252422525225262252722528225292253022531225322253322534225352253622537225382253922540225412254222543225442254522546225472254822549225502255122552225532255422555225562255722558225592256022561225622256322564225652256622567225682256922570225712257222573225742257522576225772257822579225802258122582225832258422585225862258722588225892259022591225922259322594225952259622597225982259922600226012260222603226042260522606226072260822609226102261122612226132261422615226162261722618226192262022621226222262322624226252262622627226282262922630226312263222633226342263522636226372263822639226402264122642226432264422645226462264722648226492265022651226522265322654226552265622657226582265922660226612266222663226642266522666226672266822669226702267122672226732267422675226762267722678226792268022681226822268322684226852268622687226882268922690226912269222693226942269522696226972269822699227002270122702227032270422705227062270722708227092271022711227122271322714227152271622717227182271922720227212272222723227242272522726227272272822729227302273122732227332273422735227362273722738227392274022741227422274322744227452274622747227482274922750227512275222753227542275522756227572275822759227602276122762227632276422765227662276722768227692277022771227722277322774227752277622777227782277922780227812278222783227842278522786227872278822789227902279122792227932279422795227962279722798227992280022801228022280322804228052280622807228082280922810228112281222813228142281522816228172281822819228202282122822228232282422825228262282722828228292283022831228322283322834228352283622837228382283922840228412284222843228442284522846228472284822849228502285122852228532285422855228562285722858228592286022861228622286322864228652286622867228682286922870228712287222873228742287522876228772287822879228802288122882228832288422885228862288722888228892289022891228922289322894228952289622897228982289922900229012290222903229042290522906229072290822909229102291122912229132291422915229162291722918229192292022921229222292322924229252292622927229282292922930229312293222933229342293522936229372293822939229402294122942229432294422945229462294722948229492295022951229522295322954229552295622957229582295922960229612296222963229642296522966229672296822969229702297122972229732297422975229762297722978229792298022981229822298322984229852298622987229882298922990229912299222993229942299522996229972299822999230002300123002230032300423005230062300723008230092301023011230122301323014230152301623017230182301923020230212302223023230242302523026230272302823029230302303123032230332303423035230362303723038230392304023041230422304323044230452304623047230482304923050230512305223053230542305523056230572305823059230602306123062230632306423065230662306723068230692307023071230722307323074230752307623077230782307923080230812308223083230842308523086230872308823089230902309123092230932309423095230962309723098230992310023101231022310323104231052310623107231082310923110231112311223113231142311523116231172311823119231202312123122231232312423125231262312723128231292313023131231322313323134231352313623137231382313923140231412314223143231442314523146231472314823149231502315123152231532315423155231562315723158231592316023161231622316323164231652316623167231682316923170231712317223173231742317523176231772317823179231802318123182231832318423185231862318723188231892319023191231922319323194231952319623197231982319923200232012320223203232042320523206232072320823209232102321123212232132321423215232162321723218232192322023221232222322323224232252322623227232282322923230232312323223233232342323523236232372323823239232402324123242232432324423245232462324723248232492325023251232522325323254232552325623257232582325923260232612326223263232642326523266232672326823269232702327123272232732327423275232762327723278232792328023281232822328323284232852328623287232882328923290232912329223293232942329523296232972329823299233002330123302233032330423305233062330723308233092331023311233122331323314233152331623317233182331923320233212332223323233242332523326233272332823329233302333123332233332333423335233362333723338233392334023341233422334323344233452334623347233482334923350233512335223353233542335523356233572335823359233602336123362233632336423365233662336723368233692337023371233722337323374233752337623377233782337923380233812338223383233842338523386233872338823389233902339123392233932339423395233962339723398233992340023401234022340323404234052340623407234082340923410234112341223413234142341523416234172341823419234202342123422234232342423425234262342723428234292343023431234322343323434234352343623437234382343923440234412344223443234442344523446234472344823449234502345123452234532345423455234562345723458234592346023461234622346323464234652346623467234682346923470234712347223473234742347523476234772347823479234802348123482234832348423485234862348723488234892349023491234922349323494234952349623497234982349923500235012350223503235042350523506235072350823509235102351123512235132351423515235162351723518235192352023521235222352323524235252352623527235282352923530235312353223533235342353523536235372353823539235402354123542235432354423545235462354723548235492355023551235522355323554235552355623557235582355923560235612356223563235642356523566235672356823569235702357123572235732357423575235762357723578235792358023581235822358323584235852358623587235882358923590235912359223593235942359523596235972359823599236002360123602236032360423605236062360723608236092361023611236122361323614236152361623617236182361923620236212362223623236242362523626236272362823629236302363123632236332363423635236362363723638236392364023641236422364323644236452364623647236482364923650236512365223653236542365523656236572365823659236602366123662236632366423665236662366723668236692367023671236722367323674236752367623677236782367923680236812368223683236842368523686236872368823689236902369123692236932369423695236962369723698236992370023701237022370323704237052370623707237082370923710237112371223713237142371523716237172371823719237202372123722237232372423725237262372723728237292373023731237322373323734237352373623737237382373923740237412374223743237442374523746237472374823749237502375123752237532375423755237562375723758237592376023761237622376323764237652376623767237682376923770237712377223773237742377523776237772377823779237802378123782237832378423785237862378723788237892379023791237922379323794237952379623797237982379923800238012380223803238042380523806238072380823809238102381123812238132381423815238162381723818238192382023821238222382323824238252382623827238282382923830238312383223833238342383523836238372383823839238402384123842238432384423845238462384723848238492385023851238522385323854238552385623857238582385923860238612386223863238642386523866238672386823869238702387123872238732387423875238762387723878238792388023881238822388323884238852388623887238882388923890238912389223893238942389523896238972389823899239002390123902239032390423905239062390723908239092391023911239122391323914239152391623917239182391923920239212392223923239242392523926239272392823929239302393123932239332393423935239362393723938239392394023941239422394323944239452394623947239482394923950239512395223953239542395523956239572395823959239602396123962239632396423965239662396723968239692397023971239722397323974239752397623977239782397923980239812398223983239842398523986239872398823989239902399123992239932399423995239962399723998239992400024001240022400324004240052400624007240082400924010240112401224013240142401524016240172401824019240202402124022240232402424025240262402724028240292403024031240322403324034240352403624037240382403924040240412404224043240442404524046240472404824049240502405124052240532405424055240562405724058240592406024061240622406324064240652406624067240682406924070240712407224073240742407524076240772407824079240802408124082240832408424085240862408724088240892409024091240922409324094240952409624097240982409924100241012410224103241042410524106241072410824109241102411124112241132411424115241162411724118241192412024121241222412324124241252412624127241282412924130241312413224133241342413524136241372413824139241402414124142241432414424145241462414724148241492415024151241522415324154241552415624157241582415924160241612416224163241642416524166241672416824169241702417124172241732417424175241762417724178241792418024181241822418324184241852418624187241882418924190241912419224193241942419524196241972419824199242002420124202242032420424205242062420724208242092421024211242122421324214242152421624217242182421924220242212422224223242242422524226242272422824229242302423124232242332423424235242362423724238242392424024241242422424324244242452424624247242482424924250242512425224253242542425524256242572425824259242602426124262242632426424265242662426724268242692427024271242722427324274242752427624277242782427924280242812428224283242842428524286242872428824289242902429124292242932429424295242962429724298242992430024301243022430324304243052430624307243082430924310243112431224313243142431524316243172431824319243202432124322243232432424325243262432724328243292433024331243322433324334243352433624337243382433924340243412434224343243442434524346243472434824349243502435124352243532435424355243562435724358243592436024361243622436324364243652436624367243682436924370243712437224373243742437524376243772437824379243802438124382243832438424385243862438724388243892439024391243922439324394243952439624397243982439924400244012440224403244042440524406244072440824409244102441124412244132441424415244162441724418244192442024421244222442324424244252442624427244282442924430244312443224433244342443524436244372443824439244402444124442244432444424445244462444724448244492445024451244522445324454244552445624457244582445924460244612446224463244642446524466244672446824469244702447124472244732447424475244762447724478244792448024481244822448324484244852448624487244882448924490244912449224493244942449524496244972449824499245002450124502245032450424505245062450724508245092451024511245122451324514245152451624517245182451924520245212452224523245242452524526245272452824529245302453124532245332453424535245362453724538245392454024541245422454324544245452454624547245482454924550245512455224553245542455524556245572455824559245602456124562245632456424565245662456724568245692457024571245722457324574245752457624577245782457924580245812458224583245842458524586245872458824589245902459124592245932459424595245962459724598245992460024601246022460324604246052460624607246082460924610246112461224613246142461524616246172461824619246202462124622246232462424625246262462724628246292463024631246322463324634246352463624637246382463924640246412464224643246442464524646246472464824649246502465124652246532465424655246562465724658246592466024661246622466324664246652466624667246682466924670246712467224673246742467524676246772467824679246802468124682246832468424685246862468724688246892469024691246922469324694246952469624697246982469924700247012470224703247042470524706247072470824709247102471124712247132471424715247162471724718247192472024721247222472324724247252472624727247282472924730247312473224733247342473524736247372473824739247402474124742247432474424745247462474724748247492475024751247522475324754247552475624757247582475924760247612476224763247642476524766247672476824769247702477124772247732477424775247762477724778247792478024781247822478324784247852478624787247882478924790247912479224793247942479524796247972479824799248002480124802248032480424805248062480724808248092481024811248122481324814248152481624817248182481924820248212482224823248242482524826248272482824829248302483124832248332483424835248362483724838248392484024841248422484324844248452484624847248482484924850248512485224853248542485524856248572485824859248602486124862248632486424865248662486724868248692487024871248722487324874248752487624877248782487924880248812488224883248842488524886248872488824889248902489124892248932489424895248962489724898248992490024901249022490324904249052490624907249082490924910249112491224913249142491524916249172491824919249202492124922249232492424925249262492724928249292493024931249322493324934249352493624937249382493924940249412494224943249442494524946249472494824949249502495124952249532495424955249562495724958249592496024961249622496324964249652496624967249682496924970249712497224973249742497524976249772497824979249802498124982249832498424985249862498724988249892499024991249922499324994249952499624997249982499925000250012500225003250042500525006250072500825009250102501125012250132501425015250162501725018250192502025021250222502325024250252502625027250282502925030250312503225033250342503525036250372503825039250402504125042250432504425045250462504725048250492505025051250522505325054250552505625057250582505925060250612506225063250642506525066250672506825069250702507125072250732507425075250762507725078250792508025081250822508325084250852508625087250882508925090250912509225093250942509525096250972509825099251002510125102251032510425105251062510725108251092511025111251122511325114251152511625117251182511925120251212512225123251242512525126251272512825129251302513125132251332513425135251362513725138251392514025141251422514325144251452514625147251482514925150251512515225153251542515525156251572515825159251602516125162251632516425165251662516725168251692517025171251722517325174251752517625177251782517925180251812518225183251842518525186251872518825189251902519125192251932519425195251962519725198251992520025201252022520325204252052520625207252082520925210252112521225213252142521525216252172521825219252202522125222252232522425225252262522725228252292523025231252322523325234252352523625237252382523925240252412524225243252442524525246252472524825249252502525125252252532525425255252562525725258252592526025261252622526325264252652526625267252682526925270252712527225273252742527525276252772527825279252802528125282252832528425285252862528725288252892529025291252922529325294252952529625297252982529925300253012530225303253042530525306253072530825309253102531125312253132531425315253162531725318253192532025321253222532325324253252532625327253282532925330253312533225333253342533525336253372533825339253402534125342253432534425345253462534725348253492535025351253522535325354253552535625357253582535925360253612536225363253642536525366253672536825369253702537125372253732537425375253762537725378253792538025381253822538325384253852538625387253882538925390253912539225393253942539525396253972539825399254002540125402254032540425405254062540725408254092541025411254122541325414254152541625417254182541925420254212542225423254242542525426254272542825429254302543125432254332543425435254362543725438254392544025441254422544325444254452544625447254482544925450254512545225453254542545525456254572545825459254602546125462254632546425465254662546725468254692547025471254722547325474254752547625477254782547925480254812548225483254842548525486254872548825489254902549125492254932549425495254962549725498254992550025501255022550325504255052550625507255082550925510255112551225513255142551525516255172551825519255202552125522255232552425525255262552725528255292553025531255322553325534255352553625537255382553925540255412554225543255442554525546255472554825549255502555125552255532555425555255562555725558255592556025561255622556325564255652556625567255682556925570255712557225573255742557525576255772557825579255802558125582255832558425585255862558725588255892559025591255922559325594255952559625597255982559925600256012560225603256042560525606256072560825609256102561125612256132561425615256162561725618256192562025621256222562325624256252562625627256282562925630256312563225633256342563525636256372563825639256402564125642256432564425645256462564725648256492565025651256522565325654256552565625657256582565925660256612566225663256642566525666256672566825669256702567125672256732567425675256762567725678256792568025681256822568325684256852568625687256882568925690256912569225693256942569525696256972569825699257002570125702257032570425705257062570725708257092571025711257122571325714257152571625717257182571925720257212572225723257242572525726257272572825729257302573125732257332573425735257362573725738257392574025741257422574325744257452574625747257482574925750257512575225753257542575525756257572575825759257602576125762257632576425765257662576725768257692577025771257722577325774257752577625777257782577925780257812578225783257842578525786257872578825789257902579125792257932579425795257962579725798257992580025801258022580325804258052580625807258082580925810258112581225813258142581525816258172581825819258202582125822258232582425825258262582725828258292583025831258322583325834258352583625837258382583925840258412584225843258442584525846258472584825849258502585125852258532585425855258562585725858258592586025861258622586325864258652586625867258682586925870258712587225873258742587525876258772587825879258802588125882258832588425885258862588725888258892589025891258922589325894258952589625897258982589925900259012590225903259042590525906259072590825909259102591125912259132591425915259162591725918259192592025921259222592325924259252592625927259282592925930259312593225933259342593525936259372593825939259402594125942259432594425945259462594725948259492595025951259522595325954259552595625957259582595925960259612596225963259642596525966259672596825969259702597125972259732597425975259762597725978259792598025981259822598325984259852598625987259882598925990259912599225993259942599525996259972599825999260002600126002260032600426005260062600726008260092601026011260122601326014260152601626017260182601926020260212602226023260242602526026260272602826029260302603126032260332603426035260362603726038260392604026041260422604326044260452604626047260482604926050260512605226053260542605526056260572605826059260602606126062260632606426065260662606726068260692607026071260722607326074260752607626077260782607926080260812608226083260842608526086260872608826089260902609126092260932609426095260962609726098260992610026101261022610326104261052610626107261082610926110261112611226113261142611526116261172611826119261202612126122261232612426125261262612726128261292613026131261322613326134261352613626137261382613926140261412614226143261442614526146261472614826149261502615126152261532615426155261562615726158261592616026161261622616326164261652616626167261682616926170261712617226173261742617526176261772617826179261802618126182261832618426185261862618726188261892619026191261922619326194261952619626197261982619926200262012620226203262042620526206262072620826209262102621126212262132621426215262162621726218262192622026221262222622326224262252622626227262282622926230262312623226233262342623526236262372623826239262402624126242262432624426245262462624726248262492625026251262522625326254262552625626257262582625926260262612626226263262642626526266262672626826269262702627126272262732627426275262762627726278262792628026281262822628326284262852628626287262882628926290262912629226293262942629526296262972629826299263002630126302263032630426305263062630726308263092631026311263122631326314263152631626317263182631926320263212632226323263242632526326263272632826329263302633126332263332633426335263362633726338263392634026341263422634326344263452634626347263482634926350263512635226353263542635526356263572635826359263602636126362263632636426365263662636726368263692637026371263722637326374263752637626377263782637926380263812638226383263842638526386263872638826389263902639126392263932639426395263962639726398263992640026401264022640326404264052640626407264082640926410264112641226413264142641526416264172641826419264202642126422264232642426425264262642726428264292643026431264322643326434264352643626437264382643926440264412644226443264442644526446264472644826449264502645126452264532645426455264562645726458264592646026461264622646326464264652646626467264682646926470264712647226473264742647526476264772647826479264802648126482264832648426485264862648726488264892649026491264922649326494264952649626497264982649926500265012650226503265042650526506265072650826509265102651126512265132651426515265162651726518265192652026521265222652326524265252652626527265282652926530265312653226533265342653526536265372653826539265402654126542265432654426545265462654726548265492655026551265522655326554265552655626557265582655926560265612656226563265642656526566265672656826569265702657126572265732657426575265762657726578265792658026581265822658326584265852658626587265882658926590265912659226593265942659526596265972659826599266002660126602266032660426605266062660726608266092661026611266122661326614266152661626617266182661926620266212662226623266242662526626266272662826629266302663126632266332663426635266362663726638266392664026641266422664326644266452664626647266482664926650266512665226653266542665526656266572665826659266602666126662266632666426665266662666726668266692667026671266722667326674266752667626677266782667926680266812668226683266842668526686266872668826689266902669126692266932669426695266962669726698266992670026701267022670326704267052670626707267082670926710267112671226713267142671526716267172671826719267202672126722267232672426725267262672726728267292673026731267322673326734267352673626737267382673926740267412674226743267442674526746267472674826749267502675126752267532675426755267562675726758267592676026761267622676326764267652676626767267682676926770267712677226773267742677526776267772677826779267802678126782267832678426785267862678726788267892679026791267922679326794267952679626797267982679926800268012680226803268042680526806268072680826809268102681126812268132681426815268162681726818268192682026821268222682326824268252682626827268282682926830268312683226833268342683526836268372683826839268402684126842268432684426845268462684726848268492685026851268522685326854268552685626857268582685926860268612686226863268642686526866268672686826869268702687126872268732687426875268762687726878268792688026881268822688326884268852688626887268882688926890268912689226893268942689526896268972689826899269002690126902269032690426905269062690726908269092691026911269122691326914269152691626917269182691926920269212692226923269242692526926269272692826929269302693126932269332693426935269362693726938269392694026941269422694326944269452694626947269482694926950269512695226953269542695526956269572695826959269602696126962269632696426965269662696726968269692697026971269722697326974269752697626977269782697926980269812698226983269842698526986269872698826989269902699126992269932699426995269962699726998269992700027001270022700327004270052700627007270082700927010270112701227013270142701527016270172701827019270202702127022270232702427025270262702727028270292703027031270322703327034270352703627037270382703927040270412704227043270442704527046270472704827049270502705127052270532705427055270562705727058270592706027061270622706327064270652706627067270682706927070270712707227073270742707527076270772707827079270802708127082270832708427085270862708727088270892709027091270922709327094270952709627097270982709927100271012710227103271042710527106271072710827109271102711127112271132711427115271162711727118271192712027121271222712327124271252712627127271282712927130271312713227133271342713527136271372713827139271402714127142271432714427145271462714727148271492715027151271522715327154271552715627157271582715927160271612716227163271642716527166271672716827169271702717127172271732717427175271762717727178271792718027181271822718327184271852718627187271882718927190271912719227193271942719527196271972719827199272002720127202272032720427205272062720727208272092721027211272122721327214272152721627217272182721927220272212722227223272242722527226272272722827229272302723127232272332723427235272362723727238272392724027241272422724327244272452724627247272482724927250272512725227253272542725527256272572725827259272602726127262272632726427265272662726727268272692727027271272722727327274272752727627277272782727927280272812728227283272842728527286272872728827289272902729127292272932729427295272962729727298272992730027301273022730327304273052730627307273082730927310273112731227313273142731527316273172731827319273202732127322273232732427325273262732727328273292733027331273322733327334273352733627337273382733927340273412734227343273442734527346273472734827349273502735127352273532735427355273562735727358273592736027361273622736327364273652736627367273682736927370273712737227373273742737527376273772737827379273802738127382273832738427385273862738727388273892739027391273922739327394273952739627397273982739927400274012740227403274042740527406274072740827409274102741127412274132741427415274162741727418274192742027421274222742327424274252742627427274282742927430274312743227433274342743527436274372743827439274402744127442274432744427445274462744727448274492745027451274522745327454274552745627457274582745927460274612746227463274642746527466274672746827469274702747127472274732747427475274762747727478274792748027481274822748327484274852748627487274882748927490274912749227493274942749527496274972749827499275002750127502275032750427505275062750727508275092751027511275122751327514275152751627517275182751927520275212752227523275242752527526275272752827529275302753127532275332753427535275362753727538275392754027541275422754327544275452754627547275482754927550275512755227553275542755527556275572755827559275602756127562275632756427565275662756727568275692757027571275722757327574275752757627577275782757927580275812758227583275842758527586275872758827589275902759127592275932759427595275962759727598275992760027601276022760327604276052760627607276082760927610276112761227613276142761527616276172761827619276202762127622276232762427625276262762727628276292763027631276322763327634276352763627637276382763927640276412764227643276442764527646276472764827649276502765127652276532765427655276562765727658276592766027661276622766327664276652766627667276682766927670276712767227673276742767527676276772767827679276802768127682276832768427685276862768727688276892769027691276922769327694276952769627697276982769927700277012770227703277042770527706277072770827709277102771127712277132771427715277162771727718277192772027721277222772327724277252772627727277282772927730277312773227733277342773527736277372773827739277402774127742277432774427745277462774727748277492775027751277522775327754277552775627757277582775927760277612776227763277642776527766277672776827769277702777127772277732777427775277762777727778277792778027781277822778327784277852778627787277882778927790277912779227793277942779527796277972779827799278002780127802278032780427805278062780727808278092781027811278122781327814278152781627817278182781927820278212782227823278242782527826278272782827829278302783127832278332783427835278362783727838278392784027841278422784327844278452784627847278482784927850278512785227853278542785527856278572785827859278602786127862278632786427865278662786727868278692787027871278722787327874278752787627877278782787927880278812788227883278842788527886278872788827889278902789127892278932789427895278962789727898278992790027901279022790327904279052790627907279082790927910279112791227913279142791527916279172791827919279202792127922279232792427925279262792727928279292793027931279322793327934279352793627937279382793927940279412794227943279442794527946279472794827949279502795127952279532795427955279562795727958279592796027961279622796327964279652796627967279682796927970279712797227973279742797527976279772797827979279802798127982279832798427985279862798727988279892799027991279922799327994279952799627997279982799928000280012800228003280042800528006280072800828009280102801128012280132801428015280162801728018280192802028021280222802328024280252802628027280282802928030280312803228033280342803528036280372803828039280402804128042280432804428045280462804728048280492805028051280522805328054280552805628057280582805928060280612806228063280642806528066280672806828069280702807128072280732807428075280762807728078280792808028081280822808328084280852808628087280882808928090280912809228093280942809528096280972809828099281002810128102281032810428105281062810728108281092811028111281122811328114281152811628117281182811928120281212812228123281242812528126281272812828129281302813128132281332813428135281362813728138281392814028141281422814328144281452814628147281482814928150281512815228153281542815528156281572815828159281602816128162281632816428165281662816728168281692817028171281722817328174281752817628177281782817928180281812818228183281842818528186281872818828189281902819128192281932819428195281962819728198281992820028201282022820328204282052820628207282082820928210282112821228213282142821528216282172821828219282202822128222282232822428225282262822728228282292823028231282322823328234282352823628237282382823928240282412824228243282442824528246282472824828249282502825128252282532825428255282562825728258282592826028261282622826328264282652826628267282682826928270282712827228273282742827528276282772827828279282802828128282282832828428285282862828728288282892829028291282922829328294282952829628297282982829928300283012830228303283042830528306283072830828309283102831128312283132831428315283162831728318283192832028321283222832328324283252832628327283282832928330283312833228333283342833528336283372833828339283402834128342283432834428345283462834728348283492835028351283522835328354283552835628357283582835928360283612836228363283642836528366283672836828369283702837128372283732837428375283762837728378283792838028381283822838328384283852838628387283882838928390283912839228393283942839528396283972839828399284002840128402284032840428405284062840728408284092841028411284122841328414284152841628417284182841928420284212842228423284242842528426284272842828429284302843128432284332843428435284362843728438284392844028441284422844328444284452844628447284482844928450284512845228453284542845528456284572845828459284602846128462284632846428465284662846728468284692847028471284722847328474284752847628477284782847928480284812848228483284842848528486284872848828489284902849128492284932849428495284962849728498284992850028501285022850328504285052850628507285082850928510285112851228513285142851528516285172851828519285202852128522285232852428525285262852728528285292853028531285322853328534285352853628537285382853928540285412854228543285442854528546285472854828549285502855128552285532855428555285562855728558285592856028561285622856328564285652856628567285682856928570285712857228573285742857528576285772857828579285802858128582285832858428585285862858728588285892859028591285922859328594285952859628597285982859928600286012860228603286042860528606286072860828609286102861128612286132861428615286162861728618286192862028621286222862328624286252862628627286282862928630286312863228633286342863528636286372863828639286402864128642286432864428645286462864728648286492865028651286522865328654286552865628657286582865928660286612866228663286642866528666286672866828669286702867128672286732867428675286762867728678286792868028681286822868328684286852868628687286882868928690286912869228693286942869528696286972869828699287002870128702287032870428705287062870728708287092871028711287122871328714287152871628717287182871928720287212872228723287242872528726287272872828729287302873128732287332873428735287362873728738287392874028741287422874328744287452874628747287482874928750287512875228753287542875528756287572875828759287602876128762287632876428765287662876728768287692877028771287722877328774287752877628777287782877928780287812878228783287842878528786287872878828789287902879128792287932879428795287962879728798287992880028801288022880328804288052880628807288082880928810288112881228813288142881528816288172881828819288202882128822288232882428825288262882728828288292883028831288322883328834288352883628837288382883928840288412884228843288442884528846288472884828849288502885128852288532885428855288562885728858288592886028861288622886328864288652886628867288682886928870288712887228873288742887528876288772887828879288802888128882288832888428885288862888728888288892889028891288922889328894288952889628897288982889928900289012890228903289042890528906289072890828909289102891128912289132891428915289162891728918289192892028921289222892328924289252892628927289282892928930289312893228933289342893528936289372893828939289402894128942289432894428945289462894728948289492895028951289522895328954289552895628957289582895928960289612896228963289642896528966289672896828969289702897128972289732897428975289762897728978289792898028981289822898328984289852898628987289882898928990289912899228993289942899528996289972899828999290002900129002290032900429005290062900729008290092901029011290122901329014290152901629017290182901929020290212902229023290242902529026290272902829029290302903129032290332903429035290362903729038290392904029041290422904329044290452904629047290482904929050290512905229053290542905529056290572905829059290602906129062290632906429065290662906729068290692907029071290722907329074290752907629077290782907929080290812908229083290842908529086290872908829089290902909129092290932909429095290962909729098290992910029101291022910329104291052910629107291082910929110291112911229113291142911529116291172911829119291202912129122291232912429125291262912729128291292913029131291322913329134291352913629137291382913929140291412914229143291442914529146291472914829149291502915129152291532915429155291562915729158291592916029161291622916329164291652916629167291682916929170291712917229173291742917529176291772917829179291802918129182291832918429185291862918729188291892919029191291922919329194291952919629197291982919929200292012920229203292042920529206292072920829209292102921129212292132921429215292162921729218292192922029221292222922329224292252922629227292282922929230292312923229233292342923529236292372923829239292402924129242292432924429245292462924729248292492925029251292522925329254292552925629257292582925929260292612926229263292642926529266292672926829269292702927129272292732927429275292762927729278292792928029281292822928329284292852928629287292882928929290292912929229293292942929529296292972929829299293002930129302293032930429305293062930729308293092931029311293122931329314293152931629317293182931929320293212932229323293242932529326293272932829329293302933129332293332933429335293362933729338293392934029341293422934329344293452934629347293482934929350293512935229353293542935529356293572935829359293602936129362293632936429365293662936729368293692937029371293722937329374293752937629377293782937929380293812938229383293842938529386293872938829389293902939129392293932939429395293962939729398293992940029401294022940329404294052940629407294082940929410294112941229413294142941529416294172941829419294202942129422294232942429425294262942729428294292943029431294322943329434294352943629437294382943929440294412944229443294442944529446294472944829449294502945129452294532945429455294562945729458294592946029461294622946329464294652946629467294682946929470294712947229473294742947529476294772947829479294802948129482294832948429485294862948729488294892949029491294922949329494294952949629497294982949929500295012950229503295042950529506295072950829509295102951129512295132951429515295162951729518295192952029521295222952329524295252952629527295282952929530295312953229533295342953529536295372953829539295402954129542295432954429545295462954729548295492955029551295522955329554295552955629557295582955929560295612956229563295642956529566295672956829569295702957129572295732957429575295762957729578295792958029581295822958329584295852958629587295882958929590295912959229593295942959529596295972959829599296002960129602296032960429605296062960729608296092961029611296122961329614296152961629617296182961929620296212962229623296242962529626296272962829629296302963129632296332963429635296362963729638296392964029641296422964329644296452964629647296482964929650296512965229653296542965529656296572965829659296602966129662296632966429665296662966729668296692967029671296722967329674296752967629677296782967929680296812968229683296842968529686296872968829689296902969129692296932969429695296962969729698296992970029701297022970329704297052970629707297082970929710297112971229713297142971529716297172971829719297202972129722297232972429725297262972729728297292973029731297322973329734297352973629737297382973929740297412974229743297442974529746297472974829749297502975129752297532975429755297562975729758297592976029761297622976329764297652976629767297682976929770297712977229773297742977529776297772977829779297802978129782297832978429785297862978729788297892979029791297922979329794297952979629797297982979929800298012980229803298042980529806298072980829809298102981129812298132981429815298162981729818298192982029821298222982329824298252982629827298282982929830298312983229833298342983529836298372983829839298402984129842298432984429845298462984729848298492985029851298522985329854298552985629857298582985929860298612986229863298642986529866298672986829869298702987129872298732987429875298762987729878298792988029881298822988329884298852988629887298882988929890298912989229893298942989529896298972989829899299002990129902299032990429905299062990729908299092991029911299122991329914299152991629917299182991929920299212992229923299242992529926299272992829929299302993129932299332993429935299362993729938299392994029941299422994329944299452994629947299482994929950299512995229953299542995529956299572995829959299602996129962299632996429965299662996729968299692997029971299722997329974299752997629977299782997929980299812998229983299842998529986299872998829989299902999129992299932999429995299962999729998299993000030001300023000330004300053000630007300083000930010300113001230013300143001530016300173001830019300203002130022300233002430025300263002730028300293003030031300323003330034300353003630037300383003930040300413004230043300443004530046300473004830049300503005130052300533005430055300563005730058300593006030061300623006330064300653006630067300683006930070300713007230073300743007530076300773007830079300803008130082300833008430085300863008730088300893009030091300923009330094300953009630097300983009930100301013010230103301043010530106301073010830109301103011130112301133011430115301163011730118301193012030121301223012330124301253012630127301283012930130301313013230133301343013530136301373013830139301403014130142301433014430145301463014730148301493015030151301523015330154301553015630157301583015930160301613016230163301643016530166301673016830169301703017130172301733017430175301763017730178301793018030181301823018330184301853018630187301883018930190301913019230193301943019530196301973019830199302003020130202302033020430205302063020730208302093021030211302123021330214302153021630217302183021930220302213022230223302243022530226302273022830229302303023130232302333023430235302363023730238302393024030241302423024330244302453024630247302483024930250302513025230253302543025530256302573025830259302603026130262302633026430265302663026730268302693027030271302723027330274302753027630277302783027930280302813028230283302843028530286302873028830289302903029130292302933029430295302963029730298302993030030301303023030330304303053030630307303083030930310303113031230313303143031530316303173031830319303203032130322303233032430325303263032730328303293033030331303323033330334303353033630337303383033930340303413034230343303443034530346303473034830349303503035130352303533035430355303563035730358303593036030361303623036330364303653036630367303683036930370303713037230373303743037530376303773037830379303803038130382303833038430385303863038730388303893039030391303923039330394303953039630397303983039930400304013040230403304043040530406304073040830409304103041130412304133041430415304163041730418304193042030421304223042330424304253042630427304283042930430304313043230433304343043530436304373043830439304403044130442304433044430445304463044730448304493045030451304523045330454304553045630457304583045930460304613046230463304643046530466304673046830469304703047130472304733047430475304763047730478304793048030481304823048330484304853048630487304883048930490304913049230493304943049530496304973049830499305003050130502305033050430505305063050730508305093051030511305123051330514305153051630517305183051930520305213052230523305243052530526305273052830529305303053130532305333053430535305363053730538305393054030541305423054330544305453054630547305483054930550305513055230553305543055530556305573055830559305603056130562305633056430565305663056730568305693057030571305723057330574305753057630577305783057930580305813058230583305843058530586305873058830589305903059130592305933059430595305963059730598305993060030601306023060330604306053060630607306083060930610306113061230613306143061530616306173061830619306203062130622306233062430625306263062730628306293063030631306323063330634306353063630637306383063930640306413064230643306443064530646306473064830649306503065130652306533065430655306563065730658306593066030661306623066330664306653066630667306683066930670306713067230673306743067530676306773067830679306803068130682306833068430685306863068730688306893069030691306923069330694306953069630697306983069930700307013070230703307043070530706307073070830709307103071130712307133071430715307163071730718307193072030721307223072330724307253072630727307283072930730307313073230733307343073530736307373073830739307403074130742307433074430745307463074730748307493075030751307523075330754307553075630757307583075930760307613076230763307643076530766307673076830769307703077130772307733077430775307763077730778307793078030781307823078330784307853078630787307883078930790307913079230793307943079530796307973079830799308003080130802308033080430805308063080730808308093081030811308123081330814308153081630817308183081930820308213082230823308243082530826308273082830829308303083130832308333083430835308363083730838308393084030841308423084330844308453084630847308483084930850308513085230853308543085530856308573085830859308603086130862308633086430865308663086730868308693087030871308723087330874308753087630877308783087930880308813088230883308843088530886308873088830889308903089130892308933089430895308963089730898308993090030901309023090330904309053090630907309083090930910309113091230913309143091530916309173091830919309203092130922309233092430925309263092730928309293093030931309323093330934309353093630937309383093930940309413094230943309443094530946309473094830949309503095130952309533095430955309563095730958309593096030961309623096330964309653096630967309683096930970309713097230973309743097530976309773097830979309803098130982309833098430985309863098730988309893099030991309923099330994309953099630997309983099931000310013100231003310043100531006310073100831009310103101131012310133101431015310163101731018310193102031021310223102331024310253102631027310283102931030310313103231033310343103531036310373103831039310403104131042310433104431045310463104731048310493105031051310523105331054310553105631057310583105931060310613106231063310643106531066310673106831069310703107131072310733107431075310763107731078310793108031081310823108331084310853108631087310883108931090310913109231093310943109531096310973109831099311003110131102311033110431105311063110731108311093111031111311123111331114311153111631117311183111931120311213112231123311243112531126311273112831129311303113131132311333113431135311363113731138311393114031141311423114331144311453114631147311483114931150311513115231153311543115531156311573115831159311603116131162311633116431165311663116731168311693117031171311723117331174311753117631177311783117931180311813118231183311843118531186311873118831189311903119131192311933119431195311963119731198311993120031201312023120331204312053120631207312083120931210312113121231213312143121531216312173121831219312203122131222312233122431225312263122731228312293123031231312323123331234312353123631237312383123931240312413124231243312443124531246312473124831249312503125131252312533125431255312563125731258312593126031261312623126331264312653126631267312683126931270312713127231273312743127531276312773127831279312803128131282312833128431285312863128731288312893129031291312923129331294312953129631297312983129931300313013130231303313043130531306313073130831309313103131131312313133131431315313163131731318313193132031321313223132331324313253132631327313283132931330313313133231333313343133531336313373133831339313403134131342313433134431345313463134731348313493135031351313523135331354313553135631357313583135931360313613136231363313643136531366313673136831369313703137131372313733137431375313763137731378313793138031381313823138331384313853138631387313883138931390313913139231393313943139531396313973139831399314003140131402314033140431405314063140731408314093141031411314123141331414314153141631417314183141931420314213142231423314243142531426314273142831429314303143131432314333143431435314363143731438314393144031441314423144331444314453144631447314483144931450314513145231453314543145531456314573145831459314603146131462314633146431465314663146731468314693147031471314723147331474314753147631477314783147931480314813148231483314843148531486314873148831489314903149131492314933149431495314963149731498314993150031501315023150331504315053150631507315083150931510315113151231513315143151531516315173151831519315203152131522315233152431525315263152731528315293153031531315323153331534315353153631537315383153931540315413154231543315443154531546315473154831549315503155131552315533155431555315563155731558315593156031561315623156331564315653156631567315683156931570315713157231573315743157531576315773157831579315803158131582315833158431585315863158731588315893159031591315923159331594315953159631597315983159931600316013160231603316043160531606316073160831609316103161131612316133161431615316163161731618316193162031621316223162331624316253162631627316283162931630316313163231633316343163531636316373163831639316403164131642316433164431645316463164731648316493165031651316523165331654316553165631657316583165931660316613166231663316643166531666316673166831669316703167131672316733167431675316763167731678316793168031681316823168331684316853168631687316883168931690316913169231693316943169531696316973169831699317003170131702317033170431705317063170731708317093171031711317123171331714317153171631717317183171931720317213172231723317243172531726317273172831729317303173131732317333173431735317363173731738317393174031741317423174331744317453174631747317483174931750317513175231753317543175531756317573175831759317603176131762317633176431765317663176731768317693177031771317723177331774317753177631777317783177931780317813178231783317843178531786317873178831789317903179131792317933179431795317963179731798317993180031801318023180331804318053180631807318083180931810318113181231813318143181531816318173181831819318203182131822318233182431825318263182731828318293183031831318323183331834318353183631837318383183931840318413184231843318443184531846318473184831849318503185131852318533185431855318563185731858318593186031861318623186331864318653186631867318683186931870318713187231873318743187531876318773187831879318803188131882318833188431885318863188731888318893189031891318923189331894318953189631897318983189931900319013190231903319043190531906319073190831909319103191131912319133191431915319163191731918319193192031921319223192331924319253192631927319283192931930319313193231933319343193531936319373193831939319403194131942319433194431945319463194731948319493195031951319523195331954319553195631957319583195931960319613196231963319643196531966319673196831969319703197131972319733197431975319763197731978319793198031981319823198331984319853198631987319883198931990319913199231993319943199531996319973199831999320003200132002320033200432005320063200732008320093201032011320123201332014320153201632017320183201932020320213202232023320243202532026320273202832029320303203132032320333203432035320363203732038320393204032041320423204332044320453204632047320483204932050320513205232053320543205532056320573205832059320603206132062320633206432065320663206732068320693207032071320723207332074320753207632077320783207932080320813208232083320843208532086320873208832089320903209132092320933209432095320963209732098320993210032101321023210332104321053210632107321083210932110321113211232113321143211532116321173211832119321203212132122321233212432125321263212732128321293213032131321323213332134321353213632137321383213932140321413214232143321443214532146321473214832149321503215132152321533215432155321563215732158321593216032161321623216332164321653216632167321683216932170321713217232173321743217532176321773217832179321803218132182321833218432185321863218732188321893219032191321923219332194321953219632197321983219932200322013220232203322043220532206322073220832209322103221132212322133221432215322163221732218322193222032221322223222332224322253222632227322283222932230322313223232233322343223532236322373223832239322403224132242322433224432245322463224732248322493225032251322523225332254322553225632257322583225932260322613226232263322643226532266322673226832269322703227132272322733227432275322763227732278322793228032281322823228332284322853228632287322883228932290322913229232293322943229532296322973229832299323003230132302323033230432305323063230732308323093231032311323123231332314323153231632317323183231932320323213232232323323243232532326323273232832329323303233132332323333233432335323363233732338323393234032341323423234332344323453234632347323483234932350323513235232353323543235532356323573235832359323603236132362323633236432365323663236732368323693237032371323723237332374323753237632377323783237932380323813238232383323843238532386323873238832389323903239132392323933239432395323963239732398323993240032401324023240332404324053240632407324083240932410324113241232413324143241532416324173241832419324203242132422324233242432425324263242732428324293243032431324323243332434324353243632437324383243932440324413244232443324443244532446324473244832449324503245132452324533245432455324563245732458324593246032461324623246332464324653246632467324683246932470324713247232473324743247532476324773247832479324803248132482324833248432485324863248732488324893249032491324923249332494324953249632497324983249932500325013250232503325043250532506325073250832509325103251132512325133251432515325163251732518325193252032521325223252332524325253252632527325283252932530325313253232533325343253532536325373253832539325403254132542325433254432545325463254732548325493255032551325523255332554325553255632557325583255932560325613256232563325643256532566325673256832569325703257132572325733257432575325763257732578325793258032581325823258332584325853258632587325883258932590325913259232593325943259532596325973259832599326003260132602326033260432605326063260732608326093261032611326123261332614326153261632617326183261932620326213262232623326243262532626326273262832629326303263132632326333263432635326363263732638326393264032641326423264332644326453264632647326483264932650326513265232653326543265532656326573265832659326603266132662326633266432665326663266732668326693267032671326723267332674326753267632677326783267932680326813268232683326843268532686326873268832689326903269132692326933269432695326963269732698326993270032701327023270332704327053270632707327083270932710327113271232713327143271532716327173271832719327203272132722327233272432725327263272732728327293273032731327323273332734327353273632737327383273932740327413274232743327443274532746327473274832749327503275132752327533275432755327563275732758327593276032761327623276332764327653276632767327683276932770327713277232773327743277532776327773277832779327803278132782327833278432785327863278732788327893279032791327923279332794327953279632797327983279932800328013280232803328043280532806328073280832809328103281132812328133281432815328163281732818328193282032821328223282332824328253282632827328283282932830328313283232833328343283532836328373283832839328403284132842328433284432845328463284732848328493285032851328523285332854328553285632857328583285932860328613286232863328643286532866328673286832869328703287132872328733287432875328763287732878328793288032881328823288332884328853288632887328883288932890328913289232893328943289532896328973289832899329003290132902329033290432905329063290732908329093291032911329123291332914329153291632917329183291932920329213292232923329243292532926329273292832929329303293132932329333293432935329363293732938329393294032941329423294332944329453294632947329483294932950329513295232953329543295532956329573295832959329603296132962329633296432965329663296732968329693297032971329723297332974329753297632977329783297932980329813298232983329843298532986329873298832989329903299132992329933299432995329963299732998329993300033001330023300333004330053300633007330083300933010330113301233013330143301533016330173301833019330203302133022330233302433025330263302733028330293303033031330323303333034330353303633037330383303933040330413304233043330443304533046330473304833049330503305133052330533305433055330563305733058330593306033061330623306333064330653306633067330683306933070330713307233073330743307533076330773307833079330803308133082330833308433085330863308733088330893309033091330923309333094330953309633097330983309933100331013310233103331043310533106331073310833109331103311133112331133311433115331163311733118331193312033121331223312333124331253312633127331283312933130331313313233133331343313533136331373313833139331403314133142331433314433145331463314733148331493315033151331523315333154331553315633157331583315933160331613316233163331643316533166331673316833169331703317133172331733317433175331763317733178331793318033181331823318333184331853318633187331883318933190331913319233193331943319533196331973319833199332003320133202332033320433205332063320733208332093321033211332123321333214332153321633217332183321933220332213322233223332243322533226332273322833229332303323133232332333323433235332363323733238332393324033241332423324333244332453324633247332483324933250332513325233253332543325533256332573325833259332603326133262332633326433265332663326733268332693327033271332723327333274332753327633277332783327933280332813328233283332843328533286332873328833289332903329133292332933329433295332963329733298332993330033301333023330333304333053330633307333083330933310333113331233313333143331533316333173331833319333203332133322333233332433325333263332733328333293333033331333323333333334333353333633337333383333933340333413334233343333443334533346333473334833349333503335133352333533335433355333563335733358333593336033361333623336333364333653336633367333683336933370333713337233373333743337533376333773337833379333803338133382333833338433385333863338733388333893339033391333923339333394333953339633397333983339933400334013340233403334043340533406334073340833409334103341133412334133341433415334163341733418334193342033421334223342333424334253342633427334283342933430334313343233433334343343533436334373343833439334403344133442334433344433445334463344733448334493345033451334523345333454334553345633457334583345933460334613346233463334643346533466334673346833469334703347133472334733347433475334763347733478334793348033481334823348333484334853348633487334883348933490334913349233493334943349533496334973349833499335003350133502335033350433505335063350733508335093351033511335123351333514335153351633517335183351933520335213352233523335243352533526335273352833529335303353133532335333353433535335363353733538335393354033541335423354333544335453354633547335483354933550335513355233553335543355533556335573355833559335603356133562335633356433565335663356733568335693357033571335723357333574335753357633577335783357933580335813358233583335843358533586335873358833589335903359133592335933359433595335963359733598335993360033601336023360333604336053360633607336083360933610336113361233613336143361533616336173361833619336203362133622336233362433625336263362733628336293363033631336323363333634336353363633637336383363933640336413364233643336443364533646336473364833649336503365133652336533365433655336563365733658336593366033661336623366333664336653366633667336683366933670336713367233673336743367533676336773367833679336803368133682336833368433685336863368733688336893369033691336923369333694336953369633697336983369933700337013370233703337043370533706337073370833709337103371133712337133371433715337163371733718337193372033721337223372333724337253372633727337283372933730337313373233733337343373533736337373373833739337403374133742337433374433745337463374733748337493375033751337523375333754337553375633757337583375933760337613376233763337643376533766337673376833769337703377133772337733377433775337763377733778337793378033781337823378333784337853378633787337883378933790337913379233793337943379533796337973379833799338003380133802338033380433805338063380733808338093381033811338123381333814338153381633817338183381933820338213382233823338243382533826338273382833829338303383133832338333383433835338363383733838338393384033841338423384333844338453384633847338483384933850338513385233853338543385533856338573385833859338603386133862338633386433865338663386733868338693387033871338723387333874338753387633877338783387933880338813388233883338843388533886338873388833889338903389133892338933389433895338963389733898338993390033901339023390333904339053390633907339083390933910339113391233913339143391533916339173391833919339203392133922339233392433925339263392733928339293393033931339323393333934339353393633937339383393933940339413394233943339443394533946339473394833949339503395133952339533395433955339563395733958339593396033961339623396333964339653396633967339683396933970339713397233973339743397533976339773397833979339803398133982339833398433985339863398733988339893399033991339923399333994339953399633997339983399934000340013400234003340043400534006340073400834009340103401134012340133401434015340163401734018340193402034021340223402334024340253402634027340283402934030340313403234033340343403534036340373403834039340403404134042340433404434045340463404734048340493405034051340523405334054340553405634057340583405934060340613406234063340643406534066340673406834069340703407134072340733407434075340763407734078340793408034081340823408334084340853408634087340883408934090340913409234093340943409534096340973409834099341003410134102341033410434105341063410734108341093411034111341123411334114341153411634117341183411934120341213412234123341243412534126341273412834129341303413134132341333413434135341363413734138341393414034141341423414334144341453414634147341483414934150341513415234153341543415534156341573415834159341603416134162341633416434165341663416734168341693417034171341723417334174341753417634177341783417934180341813418234183341843418534186341873418834189341903419134192341933419434195341963419734198341993420034201342023420334204342053420634207342083420934210342113421234213342143421534216342173421834219342203422134222342233422434225342263422734228342293423034231342323423334234342353423634237342383423934240342413424234243342443424534246342473424834249342503425134252342533425434255342563425734258342593426034261342623426334264342653426634267342683426934270342713427234273342743427534276342773427834279342803428134282342833428434285342863428734288342893429034291342923429334294342953429634297342983429934300343013430234303343043430534306343073430834309343103431134312343133431434315343163431734318343193432034321343223432334324343253432634327343283432934330343313433234333343343433534336343373433834339343403434134342343433434434345343463434734348343493435034351343523435334354343553435634357343583435934360343613436234363343643436534366343673436834369343703437134372343733437434375343763437734378343793438034381343823438334384343853438634387343883438934390343913439234393343943439534396343973439834399344003440134402344033440434405344063440734408344093441034411344123441334414344153441634417344183441934420344213442234423344243442534426344273442834429344303443134432344333443434435344363443734438344393444034441344423444334444344453444634447344483444934450344513445234453344543445534456344573445834459344603446134462344633446434465344663446734468344693447034471344723447334474344753447634477344783447934480344813448234483344843448534486344873448834489344903449134492344933449434495344963449734498344993450034501345023450334504345053450634507345083450934510345113451234513345143451534516345173451834519345203452134522345233452434525345263452734528345293453034531345323453334534345353453634537345383453934540345413454234543345443454534546345473454834549345503455134552345533455434555345563455734558345593456034561345623456334564345653456634567345683456934570345713457234573345743457534576345773457834579345803458134582345833458434585345863458734588345893459034591345923459334594345953459634597345983459934600346013460234603346043460534606346073460834609346103461134612346133461434615346163461734618346193462034621346223462334624346253462634627346283462934630346313463234633346343463534636346373463834639346403464134642346433464434645346463464734648346493465034651346523465334654346553465634657346583465934660346613466234663346643466534666346673466834669346703467134672346733467434675346763467734678346793468034681346823468334684346853468634687346883468934690346913469234693346943469534696346973469834699347003470134702347033470434705347063470734708347093471034711347123471334714347153471634717347183471934720347213472234723347243472534726347273472834729347303473134732347333473434735347363473734738347393474034741347423474334744347453474634747347483474934750347513475234753347543475534756347573475834759347603476134762347633476434765347663476734768347693477034771347723477334774347753477634777347783477934780347813478234783347843478534786347873478834789347903479134792347933479434795347963479734798347993480034801348023480334804348053480634807348083480934810348113481234813348143481534816348173481834819348203482134822348233482434825348263482734828348293483034831348323483334834348353483634837348383483934840348413484234843348443484534846348473484834849348503485134852348533485434855348563485734858348593486034861348623486334864348653486634867348683486934870348713487234873348743487534876348773487834879348803488134882348833488434885348863488734888348893489034891348923489334894348953489634897348983489934900349013490234903349043490534906349073490834909349103491134912349133491434915349163491734918349193492034921349223492334924349253492634927349283492934930349313493234933349343493534936349373493834939349403494134942349433494434945349463494734948349493495034951349523495334954349553495634957349583495934960349613496234963349643496534966349673496834969349703497134972349733497434975349763497734978349793498034981349823498334984349853498634987349883498934990349913499234993349943499534996349973499834999350003500135002350033500435005350063500735008350093501035011350123501335014350153501635017350183501935020350213502235023350243502535026350273502835029350303503135032350333503435035350363503735038350393504035041350423504335044350453504635047350483504935050350513505235053350543505535056350573505835059350603506135062350633506435065350663506735068350693507035071350723507335074350753507635077350783507935080350813508235083350843508535086350873508835089350903509135092350933509435095350963509735098350993510035101351023510335104351053510635107351083510935110351113511235113351143511535116351173511835119351203512135122351233512435125351263512735128351293513035131351323513335134351353513635137351383513935140351413514235143351443514535146351473514835149351503515135152351533515435155351563515735158351593516035161351623516335164351653516635167351683516935170351713517235173351743517535176351773517835179351803518135182351833518435185351863518735188351893519035191351923519335194351953519635197351983519935200352013520235203352043520535206352073520835209352103521135212352133521435215352163521735218352193522035221352223522335224352253522635227352283522935230352313523235233352343523535236352373523835239352403524135242352433524435245352463524735248352493525035251352523525335254352553525635257352583525935260352613526235263352643526535266352673526835269352703527135272352733527435275352763527735278352793528035281352823528335284352853528635287352883528935290352913529235293352943529535296352973529835299353003530135302353033530435305353063530735308353093531035311353123531335314353153531635317353183531935320353213532235323353243532535326353273532835329353303533135332353333533435335353363533735338353393534035341353423534335344353453534635347353483534935350353513535235353353543535535356353573535835359353603536135362353633536435365353663536735368353693537035371353723537335374353753537635377353783537935380353813538235383353843538535386353873538835389353903539135392353933539435395353963539735398353993540035401354023540335404354053540635407354083540935410354113541235413354143541535416354173541835419354203542135422354233542435425354263542735428354293543035431354323543335434354353543635437354383543935440354413544235443354443544535446354473544835449354503545135452354533545435455354563545735458354593546035461354623546335464354653546635467354683546935470354713547235473354743547535476354773547835479354803548135482354833548435485354863548735488354893549035491354923549335494354953549635497354983549935500355013550235503355043550535506355073550835509355103551135512355133551435515355163551735518355193552035521355223552335524355253552635527355283552935530355313553235533355343553535536355373553835539355403554135542355433554435545355463554735548355493555035551355523555335554355553555635557355583555935560355613556235563355643556535566355673556835569355703557135572355733557435575355763557735578355793558035581355823558335584355853558635587355883558935590355913559235593355943559535596355973559835599356003560135602356033560435605356063560735608356093561035611356123561335614356153561635617356183561935620356213562235623356243562535626356273562835629356303563135632356333563435635356363563735638356393564035641356423564335644356453564635647356483564935650356513565235653356543565535656356573565835659356603566135662356633566435665356663566735668356693567035671356723567335674356753567635677356783567935680356813568235683356843568535686356873568835689356903569135692356933569435695356963569735698356993570035701357023570335704357053570635707357083570935710357113571235713357143571535716357173571835719357203572135722357233572435725357263572735728357293573035731357323573335734357353573635737357383573935740357413574235743357443574535746357473574835749357503575135752357533575435755357563575735758357593576035761357623576335764357653576635767357683576935770357713577235773357743577535776357773577835779357803578135782357833578435785357863578735788357893579035791357923579335794357953579635797357983579935800358013580235803358043580535806358073580835809358103581135812358133581435815358163581735818358193582035821358223582335824358253582635827358283582935830358313583235833358343583535836358373583835839358403584135842358433584435845358463584735848358493585035851358523585335854358553585635857358583585935860358613586235863358643586535866358673586835869358703587135872358733587435875358763587735878358793588035881358823588335884358853588635887358883588935890358913589235893358943589535896358973589835899359003590135902359033590435905359063590735908359093591035911359123591335914359153591635917359183591935920359213592235923359243592535926359273592835929359303593135932359333593435935359363593735938359393594035941359423594335944359453594635947359483594935950359513595235953359543595535956359573595835959359603596135962359633596435965359663596735968359693597035971359723597335974359753597635977359783597935980359813598235983359843598535986359873598835989359903599135992359933599435995359963599735998359993600036001360023600336004360053600636007360083600936010360113601236013360143601536016360173601836019360203602136022360233602436025360263602736028360293603036031360323603336034360353603636037360383603936040360413604236043360443604536046360473604836049360503605136052360533605436055360563605736058360593606036061360623606336064360653606636067360683606936070360713607236073360743607536076360773607836079360803608136082360833608436085360863608736088360893609036091360923609336094360953609636097360983609936100361013610236103361043610536106361073610836109361103611136112361133611436115361163611736118361193612036121361223612336124361253612636127361283612936130361313613236133361343613536136361373613836139361403614136142361433614436145361463614736148361493615036151361523615336154361553615636157361583615936160361613616236163361643616536166361673616836169361703617136172361733617436175361763617736178361793618036181361823618336184361853618636187361883618936190361913619236193361943619536196361973619836199362003620136202362033620436205362063620736208362093621036211362123621336214362153621636217362183621936220362213622236223362243622536226362273622836229362303623136232362333623436235362363623736238362393624036241362423624336244362453624636247362483624936250362513625236253362543625536256362573625836259362603626136262362633626436265362663626736268362693627036271362723627336274362753627636277362783627936280362813628236283362843628536286362873628836289362903629136292362933629436295362963629736298362993630036301363023630336304363053630636307363083630936310363113631236313363143631536316363173631836319363203632136322363233632436325363263632736328363293633036331363323633336334363353633636337363383633936340363413634236343363443634536346363473634836349363503635136352363533635436355363563635736358363593636036361363623636336364363653636636367363683636936370363713637236373363743637536376363773637836379363803638136382363833638436385363863638736388363893639036391363923639336394363953639636397363983639936400364013640236403364043640536406364073640836409364103641136412364133641436415364163641736418364193642036421364223642336424364253642636427364283642936430364313643236433364343643536436364373643836439364403644136442364433644436445364463644736448364493645036451364523645336454364553645636457364583645936460364613646236463364643646536466364673646836469364703647136472364733647436475364763647736478364793648036481364823648336484364853648636487364883648936490364913649236493364943649536496364973649836499365003650136502365033650436505365063650736508365093651036511365123651336514365153651636517365183651936520365213652236523365243652536526365273652836529365303653136532365333653436535365363653736538365393654036541365423654336544365453654636547365483654936550365513655236553365543655536556365573655836559365603656136562365633656436565365663656736568365693657036571365723657336574365753657636577365783657936580365813658236583365843658536586365873658836589365903659136592365933659436595365963659736598365993660036601366023660336604366053660636607366083660936610366113661236613366143661536616366173661836619366203662136622366233662436625366263662736628366293663036631366323663336634366353663636637366383663936640366413664236643366443664536646366473664836649366503665136652366533665436655366563665736658366593666036661366623666336664366653666636667366683666936670366713667236673366743667536676366773667836679366803668136682366833668436685366863668736688366893669036691366923669336694366953669636697366983669936700367013670236703367043670536706367073670836709367103671136712367133671436715367163671736718367193672036721367223672336724367253672636727367283672936730367313673236733367343673536736367373673836739367403674136742367433674436745367463674736748367493675036751367523675336754367553675636757367583675936760367613676236763367643676536766367673676836769367703677136772367733677436775367763677736778367793678036781367823678336784367853678636787367883678936790367913679236793367943679536796367973679836799368003680136802368033680436805368063680736808368093681036811368123681336814368153681636817368183681936820368213682236823368243682536826368273682836829368303683136832368333683436835368363683736838368393684036841368423684336844368453684636847368483684936850368513685236853368543685536856368573685836859368603686136862368633686436865368663686736868368693687036871368723687336874368753687636877368783687936880368813688236883368843688536886368873688836889368903689136892368933689436895368963689736898368993690036901369023690336904369053690636907369083690936910369113691236913369143691536916369173691836919369203692136922369233692436925369263692736928369293693036931369323693336934369353693636937369383693936940369413694236943369443694536946369473694836949369503695136952369533695436955369563695736958369593696036961369623696336964369653696636967369683696936970369713697236973369743697536976369773697836979369803698136982369833698436985369863698736988369893699036991369923699336994369953699636997369983699937000370013700237003370043700537006370073700837009370103701137012370133701437015370163701737018370193702037021370223702337024370253702637027370283702937030370313703237033370343703537036370373703837039370403704137042370433704437045370463704737048370493705037051370523705337054370553705637057370583705937060370613706237063370643706537066370673706837069370703707137072370733707437075370763707737078370793708037081370823708337084370853708637087370883708937090370913709237093370943709537096370973709837099371003710137102371033710437105371063710737108371093711037111371123711337114371153711637117371183711937120371213712237123371243712537126371273712837129371303713137132371333713437135371363713737138371393714037141371423714337144371453714637147371483714937150371513715237153371543715537156371573715837159371603716137162371633716437165371663716737168371693717037171371723717337174371753717637177371783717937180371813718237183371843718537186371873718837189371903719137192371933719437195371963719737198371993720037201372023720337204372053720637207372083720937210372113721237213372143721537216372173721837219372203722137222372233722437225372263722737228372293723037231372323723337234372353723637237372383723937240372413724237243372443724537246372473724837249372503725137252372533725437255372563725737258372593726037261372623726337264372653726637267372683726937270372713727237273372743727537276372773727837279372803728137282372833728437285372863728737288372893729037291372923729337294372953729637297372983729937300373013730237303373043730537306373073730837309373103731137312373133731437315373163731737318373193732037321373223732337324373253732637327373283732937330373313733237333373343733537336373373733837339373403734137342373433734437345373463734737348373493735037351373523735337354373553735637357373583735937360373613736237363373643736537366373673736837369373703737137372373733737437375373763737737378373793738037381373823738337384373853738637387373883738937390373913739237393373943739537396373973739837399374003740137402374033740437405374063740737408374093741037411374123741337414374153741637417374183741937420374213742237423374243742537426374273742837429374303743137432374333743437435374363743737438374393744037441374423744337444374453744637447374483744937450374513745237453374543745537456374573745837459374603746137462374633746437465374663746737468374693747037471374723747337474374753747637477374783747937480374813748237483374843748537486374873748837489374903749137492374933749437495374963749737498374993750037501375023750337504375053750637507375083750937510375113751237513375143751537516375173751837519375203752137522375233752437525375263752737528375293753037531375323753337534375353753637537375383753937540375413754237543375443754537546375473754837549375503755137552375533755437555375563755737558375593756037561375623756337564375653756637567375683756937570375713757237573375743757537576375773757837579375803758137582375833758437585375863758737588375893759037591375923759337594375953759637597375983759937600376013760237603376043760537606376073760837609376103761137612376133761437615376163761737618376193762037621376223762337624376253762637627376283762937630376313763237633376343763537636376373763837639376403764137642376433764437645376463764737648376493765037651376523765337654376553765637657376583765937660376613766237663376643766537666376673766837669376703767137672376733767437675376763767737678376793768037681376823768337684376853768637687376883768937690376913769237693376943769537696376973769837699377003770137702377033770437705377063770737708377093771037711377123771337714377153771637717377183771937720377213772237723377243772537726377273772837729377303773137732377333773437735377363773737738377393774037741377423774337744377453774637747377483774937750377513775237753377543775537756377573775837759377603776137762377633776437765377663776737768377693777037771377723777337774377753777637777377783777937780377813778237783377843778537786377873778837789377903779137792377933779437795377963779737798377993780037801378023780337804378053780637807378083780937810378113781237813378143781537816378173781837819378203782137822378233782437825378263782737828378293783037831378323783337834378353783637837378383783937840378413784237843378443784537846378473784837849378503785137852378533785437855378563785737858378593786037861378623786337864378653786637867378683786937870378713787237873378743787537876378773787837879378803788137882378833788437885378863788737888378893789037891378923789337894378953789637897378983789937900379013790237903379043790537906379073790837909379103791137912379133791437915379163791737918379193792037921379223792337924379253792637927379283792937930379313793237933379343793537936379373793837939379403794137942379433794437945379463794737948379493795037951379523795337954379553795637957379583795937960379613796237963379643796537966379673796837969379703797137972379733797437975379763797737978379793798037981379823798337984379853798637987379883798937990379913799237993379943799537996379973799837999380003800138002380033800438005380063800738008380093801038011380123801338014380153801638017380183801938020380213802238023380243802538026380273802838029380303803138032380333803438035380363803738038380393804038041380423804338044380453804638047380483804938050380513805238053380543805538056380573805838059380603806138062380633806438065380663806738068380693807038071380723807338074380753807638077380783807938080380813808238083380843808538086380873808838089380903809138092380933809438095380963809738098380993810038101381023810338104381053810638107381083810938110381113811238113381143811538116381173811838119381203812138122381233812438125381263812738128381293813038131381323813338134381353813638137381383813938140381413814238143381443814538146381473814838149381503815138152381533815438155381563815738158381593816038161381623816338164381653816638167381683816938170381713817238173381743817538176381773817838179381803818138182381833818438185381863818738188381893819038191381923819338194381953819638197381983819938200382013820238203382043820538206382073820838209382103821138212382133821438215382163821738218382193822038221382223822338224382253822638227382283822938230382313823238233382343823538236382373823838239382403824138242382433824438245382463824738248382493825038251382523825338254382553825638257382583825938260382613826238263382643826538266382673826838269382703827138272382733827438275382763827738278382793828038281382823828338284382853828638287382883828938290382913829238293382943829538296382973829838299383003830138302383033830438305383063830738308383093831038311383123831338314383153831638317383183831938320383213832238323383243832538326383273832838329383303833138332383333833438335383363833738338383393834038341383423834338344383453834638347383483834938350383513835238353383543835538356383573835838359383603836138362383633836438365383663836738368383693837038371383723837338374383753837638377383783837938380383813838238383383843838538386383873838838389383903839138392383933839438395383963839738398383993840038401384023840338404384053840638407384083840938410384113841238413384143841538416384173841838419384203842138422384233842438425384263842738428384293843038431384323843338434384353843638437384383843938440384413844238443384443844538446384473844838449384503845138452384533845438455384563845738458384593846038461384623846338464384653846638467384683846938470384713847238473384743847538476384773847838479384803848138482384833848438485384863848738488384893849038491384923849338494384953849638497384983849938500385013850238503385043850538506385073850838509385103851138512385133851438515385163851738518385193852038521385223852338524385253852638527385283852938530385313853238533385343853538536385373853838539385403854138542385433854438545385463854738548385493855038551385523855338554385553855638557385583855938560385613856238563385643856538566385673856838569385703857138572385733857438575385763857738578385793858038581385823858338584385853858638587385883858938590385913859238593385943859538596385973859838599386003860138602386033860438605386063860738608386093861038611386123861338614386153861638617386183861938620386213862238623386243862538626386273862838629386303863138632386333863438635386363863738638386393864038641386423864338644386453864638647386483864938650386513865238653386543865538656386573865838659386603866138662386633866438665386663866738668386693867038671386723867338674386753867638677386783867938680386813868238683386843868538686386873868838689386903869138692386933869438695386963869738698386993870038701387023870338704387053870638707387083870938710387113871238713387143871538716387173871838719387203872138722387233872438725387263872738728387293873038731387323873338734387353873638737387383873938740387413874238743387443874538746387473874838749387503875138752387533875438755387563875738758387593876038761387623876338764387653876638767387683876938770387713877238773387743877538776387773877838779387803878138782387833878438785387863878738788387893879038791387923879338794387953879638797387983879938800388013880238803388043880538806388073880838809388103881138812388133881438815388163881738818388193882038821388223882338824388253882638827388283882938830388313883238833388343883538836388373883838839388403884138842388433884438845388463884738848388493885038851388523885338854388553885638857388583885938860388613886238863388643886538866388673886838869388703887138872388733887438875388763887738878388793888038881388823888338884388853888638887388883888938890388913889238893388943889538896388973889838899389003890138902389033890438905389063890738908389093891038911389123891338914389153891638917389183891938920389213892238923389243892538926389273892838929389303893138932389333893438935389363893738938389393894038941389423894338944389453894638947389483894938950389513895238953389543895538956389573895838959389603896138962389633896438965389663896738968389693897038971389723897338974389753897638977389783897938980389813898238983389843898538986389873898838989389903899138992389933899438995389963899738998389993900039001390023900339004390053900639007390083900939010390113901239013390143901539016390173901839019390203902139022390233902439025390263902739028390293903039031390323903339034390353903639037390383903939040390413904239043390443904539046390473904839049390503905139052390533905439055390563905739058390593906039061390623906339064390653906639067390683906939070390713907239073390743907539076390773907839079390803908139082390833908439085390863908739088390893909039091390923909339094390953909639097390983909939100391013910239103391043910539106391073910839109391103911139112391133911439115391163911739118391193912039121391223912339124391253912639127391283912939130391313913239133391343913539136391373913839139391403914139142391433914439145391463914739148391493915039151391523915339154391553915639157391583915939160391613916239163391643916539166391673916839169391703917139172391733917439175391763917739178391793918039181391823918339184391853918639187391883918939190391913919239193391943919539196391973919839199392003920139202392033920439205392063920739208392093921039211392123921339214392153921639217392183921939220392213922239223392243922539226392273922839229392303923139232392333923439235392363923739238392393924039241392423924339244392453924639247392483924939250392513925239253392543925539256392573925839259392603926139262392633926439265392663926739268392693927039271392723927339274392753927639277392783927939280392813928239283392843928539286392873928839289392903929139292392933929439295392963929739298392993930039301393023930339304393053930639307393083930939310393113931239313393143931539316393173931839319393203932139322393233932439325393263932739328393293933039331393323933339334393353933639337393383933939340393413934239343393443934539346393473934839349393503935139352393533935439355393563935739358393593936039361393623936339364393653936639367393683936939370393713937239373393743937539376393773937839379393803938139382393833938439385393863938739388393893939039391393923939339394393953939639397393983939939400394013940239403394043940539406394073940839409394103941139412394133941439415394163941739418394193942039421394223942339424394253942639427394283942939430394313943239433394343943539436394373943839439394403944139442394433944439445394463944739448394493945039451394523945339454394553945639457394583945939460394613946239463394643946539466394673946839469394703947139472394733947439475394763947739478394793948039481394823948339484394853948639487394883948939490394913949239493394943949539496394973949839499395003950139502395033950439505395063950739508395093951039511395123951339514395153951639517395183951939520395213952239523395243952539526395273952839529395303953139532395333953439535395363953739538395393954039541395423954339544395453954639547395483954939550395513955239553395543955539556395573955839559395603956139562395633956439565395663956739568395693957039571395723957339574395753957639577395783957939580395813958239583395843958539586395873958839589395903959139592395933959439595395963959739598395993960039601396023960339604396053960639607396083960939610396113961239613396143961539616396173961839619396203962139622396233962439625396263962739628396293963039631396323963339634396353963639637396383963939640396413964239643396443964539646396473964839649396503965139652396533965439655396563965739658396593966039661396623966339664396653966639667396683966939670396713967239673396743967539676396773967839679396803968139682396833968439685396863968739688396893969039691396923969339694396953969639697396983969939700397013970239703397043970539706397073970839709397103971139712397133971439715397163971739718397193972039721397223972339724397253972639727397283972939730397313973239733397343973539736397373973839739397403974139742397433974439745397463974739748397493975039751397523975339754397553975639757397583975939760397613976239763397643976539766397673976839769397703977139772397733977439775397763977739778397793978039781397823978339784397853978639787397883978939790397913979239793397943979539796397973979839799398003980139802398033980439805398063980739808398093981039811398123981339814398153981639817398183981939820398213982239823398243982539826398273982839829398303983139832398333983439835398363983739838398393984039841398423984339844398453984639847398483984939850398513985239853398543985539856398573985839859398603986139862398633986439865398663986739868398693987039871398723987339874398753987639877398783987939880398813988239883398843988539886398873988839889398903989139892398933989439895398963989739898398993990039901399023990339904399053990639907399083990939910399113991239913399143991539916399173991839919399203992139922399233992439925399263992739928399293993039931399323993339934399353993639937399383993939940399413994239943399443994539946399473994839949399503995139952399533995439955399563995739958399593996039961399623996339964399653996639967399683996939970399713997239973399743997539976399773997839979399803998139982399833998439985399863998739988399893999039991399923999339994399953999639997399983999940000400014000240003400044000540006400074000840009400104001140012400134001440015400164001740018400194002040021400224002340024400254002640027400284002940030400314003240033400344003540036400374003840039400404004140042400434004440045400464004740048400494005040051400524005340054400554005640057400584005940060400614006240063400644006540066400674006840069400704007140072400734007440075400764007740078400794008040081400824008340084400854008640087400884008940090400914009240093400944009540096400974009840099401004010140102401034010440105401064010740108401094011040111401124011340114401154011640117401184011940120401214012240123401244012540126401274012840129401304013140132401334013440135401364013740138401394014040141401424014340144401454014640147401484014940150401514015240153401544015540156401574015840159401604016140162401634016440165401664016740168401694017040171401724017340174401754017640177401784017940180401814018240183401844018540186401874018840189401904019140192401934019440195401964019740198401994020040201402024020340204402054020640207402084020940210402114021240213402144021540216402174021840219402204022140222402234022440225402264022740228402294023040231402324023340234402354023640237402384023940240402414024240243402444024540246402474024840249402504025140252402534025440255402564025740258402594026040261402624026340264402654026640267402684026940270402714027240273402744027540276402774027840279402804028140282402834028440285402864028740288402894029040291402924029340294402954029640297402984029940300403014030240303403044030540306403074030840309403104031140312403134031440315403164031740318403194032040321403224032340324403254032640327403284032940330403314033240333403344033540336403374033840339403404034140342403434034440345403464034740348403494035040351403524035340354403554035640357403584035940360403614036240363403644036540366403674036840369403704037140372403734037440375403764037740378403794038040381403824038340384403854038640387403884038940390403914039240393403944039540396403974039840399404004040140402404034040440405404064040740408404094041040411404124041340414404154041640417404184041940420404214042240423404244042540426404274042840429404304043140432404334043440435404364043740438404394044040441404424044340444404454044640447404484044940450404514045240453404544045540456404574045840459404604046140462404634046440465404664046740468404694047040471404724047340474404754047640477404784047940480404814048240483404844048540486404874048840489404904049140492404934049440495404964049740498404994050040501405024050340504405054050640507405084050940510405114051240513405144051540516405174051840519405204052140522405234052440525405264052740528405294053040531405324053340534405354053640537405384053940540405414054240543405444054540546405474054840549405504055140552405534055440555405564055740558405594056040561405624056340564405654056640567405684056940570405714057240573405744057540576405774057840579405804058140582405834058440585405864058740588405894059040591405924059340594405954059640597405984059940600406014060240603406044060540606406074060840609406104061140612406134061440615406164061740618406194062040621406224062340624406254062640627406284062940630406314063240633406344063540636406374063840639406404064140642406434064440645406464064740648406494065040651406524065340654406554065640657406584065940660406614066240663406644066540666406674066840669406704067140672406734067440675406764067740678406794068040681406824068340684406854068640687406884068940690406914069240693406944069540696406974069840699407004070140702407034070440705407064070740708407094071040711407124071340714407154071640717407184071940720407214072240723407244072540726407274072840729407304073140732407334073440735407364073740738407394074040741407424074340744407454074640747407484074940750407514075240753407544075540756407574075840759407604076140762407634076440765407664076740768407694077040771407724077340774407754077640777407784077940780407814078240783407844078540786407874078840789407904079140792407934079440795407964079740798407994080040801408024080340804408054080640807408084080940810408114081240813408144081540816408174081840819408204082140822408234082440825408264082740828408294083040831408324083340834408354083640837408384083940840408414084240843408444084540846408474084840849408504085140852408534085440855408564085740858408594086040861408624086340864408654086640867408684086940870408714087240873408744087540876408774087840879408804088140882408834088440885408864088740888408894089040891408924089340894408954089640897408984089940900409014090240903409044090540906409074090840909409104091140912409134091440915409164091740918409194092040921409224092340924409254092640927409284092940930409314093240933409344093540936409374093840939409404094140942409434094440945409464094740948409494095040951409524095340954409554095640957409584095940960409614096240963409644096540966409674096840969409704097140972409734097440975409764097740978409794098040981409824098340984409854098640987409884098940990409914099240993409944099540996409974099840999410004100141002410034100441005410064100741008410094101041011410124101341014410154101641017410184101941020410214102241023410244102541026410274102841029410304103141032410334103441035410364103741038410394104041041410424104341044410454104641047410484104941050410514105241053410544105541056410574105841059410604106141062410634106441065410664106741068410694107041071410724107341074410754107641077410784107941080410814108241083410844108541086410874108841089410904109141092410934109441095410964109741098410994110041101411024110341104411054110641107411084110941110411114111241113411144111541116411174111841119411204112141122411234112441125411264112741128411294113041131411324113341134411354113641137411384113941140411414114241143411444114541146411474114841149411504115141152411534115441155411564115741158411594116041161411624116341164411654116641167411684116941170411714117241173411744117541176411774117841179411804118141182411834118441185411864118741188411894119041191411924119341194411954119641197411984119941200412014120241203412044120541206412074120841209412104121141212412134121441215412164121741218412194122041221412224122341224412254122641227412284122941230412314123241233412344123541236412374123841239412404124141242412434124441245412464124741248412494125041251412524125341254412554125641257412584125941260412614126241263412644126541266412674126841269412704127141272412734127441275412764127741278412794128041281412824128341284412854128641287412884128941290412914129241293412944129541296412974129841299413004130141302413034130441305413064130741308413094131041311413124131341314413154131641317413184131941320413214132241323413244132541326413274132841329413304133141332413334133441335413364133741338413394134041341413424134341344413454134641347413484134941350413514135241353413544135541356413574135841359413604136141362413634136441365413664136741368413694137041371413724137341374413754137641377413784137941380413814138241383413844138541386413874138841389413904139141392413934139441395413964139741398413994140041401414024140341404414054140641407414084140941410414114141241413414144141541416414174141841419414204142141422414234142441425414264142741428414294143041431414324143341434414354143641437414384143941440414414144241443414444144541446414474144841449414504145141452414534145441455414564145741458414594146041461414624146341464414654146641467414684146941470414714147241473414744147541476414774147841479414804148141482414834148441485414864148741488414894149041491414924149341494414954149641497414984149941500415014150241503415044150541506415074150841509415104151141512415134151441515415164151741518415194152041521415224152341524415254152641527415284152941530415314153241533415344153541536415374153841539415404154141542415434154441545415464154741548415494155041551415524155341554415554155641557415584155941560415614156241563415644156541566415674156841569415704157141572415734157441575415764157741578415794158041581415824158341584415854158641587415884158941590415914159241593415944159541596415974159841599416004160141602416034160441605416064160741608416094161041611416124161341614416154161641617416184161941620416214162241623416244162541626416274162841629416304163141632416334163441635416364163741638416394164041641416424164341644416454164641647416484164941650416514165241653416544165541656416574165841659416604166141662416634166441665416664166741668416694167041671416724167341674416754167641677416784167941680416814168241683416844168541686416874168841689416904169141692416934169441695416964169741698416994170041701417024170341704417054170641707417084170941710417114171241713417144171541716417174171841719417204172141722417234172441725417264172741728417294173041731417324173341734417354173641737417384173941740417414174241743417444174541746417474174841749417504175141752417534175441755417564175741758417594176041761417624176341764417654176641767417684176941770417714177241773417744177541776417774177841779417804178141782417834178441785417864178741788417894179041791417924179341794417954179641797417984179941800418014180241803418044180541806418074180841809418104181141812418134181441815418164181741818418194182041821418224182341824418254182641827418284182941830418314183241833418344183541836418374183841839418404184141842418434184441845418464184741848418494185041851418524185341854418554185641857418584185941860418614186241863418644186541866418674186841869418704187141872418734187441875418764187741878418794188041881418824188341884418854188641887418884188941890418914189241893418944189541896418974189841899419004190141902419034190441905419064190741908419094191041911419124191341914419154191641917419184191941920419214192241923419244192541926419274192841929419304193141932419334193441935419364193741938419394194041941419424194341944419454194641947419484194941950419514195241953419544195541956419574195841959419604196141962419634196441965419664196741968419694197041971419724197341974419754197641977419784197941980419814198241983419844198541986419874198841989419904199141992419934199441995419964199741998419994200042001420024200342004420054200642007420084200942010420114201242013420144201542016420174201842019420204202142022420234202442025420264202742028420294203042031420324203342034420354203642037420384203942040420414204242043420444204542046420474204842049420504205142052420534205442055420564205742058420594206042061420624206342064420654206642067420684206942070420714207242073420744207542076420774207842079420804208142082420834208442085420864208742088420894209042091420924209342094420954209642097420984209942100421014210242103421044210542106421074210842109421104211142112421134211442115421164211742118421194212042121421224212342124421254212642127421284212942130421314213242133421344213542136421374213842139421404214142142421434214442145421464214742148421494215042151421524215342154421554215642157421584215942160421614216242163421644216542166421674216842169421704217142172421734217442175421764217742178421794218042181421824218342184421854218642187421884218942190421914219242193421944219542196421974219842199422004220142202422034220442205422064220742208422094221042211422124221342214422154221642217422184221942220422214222242223422244222542226422274222842229422304223142232422334223442235422364223742238422394224042241422424224342244422454224642247422484224942250422514225242253422544225542256422574225842259422604226142262422634226442265422664226742268422694227042271422724227342274422754227642277422784227942280422814228242283422844228542286422874228842289422904229142292422934229442295422964229742298422994230042301423024230342304423054230642307423084230942310423114231242313423144231542316423174231842319423204232142322423234232442325423264232742328423294233042331423324233342334423354233642337423384233942340423414234242343423444234542346423474234842349423504235142352423534235442355423564235742358423594236042361423624236342364423654236642367423684236942370423714237242373423744237542376423774237842379423804238142382423834238442385423864238742388423894239042391423924239342394423954239642397423984239942400424014240242403424044240542406424074240842409424104241142412424134241442415424164241742418424194242042421424224242342424424254242642427424284242942430424314243242433424344243542436424374243842439424404244142442424434244442445424464244742448424494245042451424524245342454424554245642457424584245942460424614246242463424644246542466424674246842469424704247142472424734247442475424764247742478424794248042481424824248342484424854248642487424884248942490424914249242493424944249542496424974249842499425004250142502425034250442505425064250742508425094251042511425124251342514425154251642517425184251942520425214252242523425244252542526425274252842529425304253142532425334253442535425364253742538425394254042541425424254342544425454254642547425484254942550425514255242553425544255542556425574255842559425604256142562425634256442565425664256742568425694257042571425724257342574425754257642577425784257942580425814258242583425844258542586425874258842589425904259142592425934259442595425964259742598425994260042601426024260342604426054260642607426084260942610426114261242613426144261542616426174261842619426204262142622426234262442625426264262742628426294263042631426324263342634426354263642637426384263942640426414264242643426444264542646426474264842649426504265142652426534265442655426564265742658426594266042661426624266342664426654266642667426684266942670426714267242673426744267542676426774267842679426804268142682426834268442685426864268742688426894269042691426924269342694426954269642697426984269942700427014270242703427044270542706427074270842709427104271142712427134271442715427164271742718427194272042721427224272342724427254272642727427284272942730427314273242733427344273542736427374273842739427404274142742427434274442745427464274742748427494275042751427524275342754427554275642757427584275942760427614276242763427644276542766427674276842769427704277142772427734277442775427764277742778427794278042781427824278342784427854278642787427884278942790427914279242793427944279542796427974279842799428004280142802428034280442805428064280742808428094281042811428124281342814428154281642817428184281942820428214282242823428244282542826428274282842829428304283142832428334283442835428364283742838428394284042841428424284342844428454284642847428484284942850428514285242853428544285542856428574285842859428604286142862428634286442865428664286742868428694287042871428724287342874428754287642877428784287942880428814288242883428844288542886428874288842889428904289142892428934289442895428964289742898428994290042901429024290342904429054290642907429084290942910429114291242913429144291542916429174291842919429204292142922429234292442925429264292742928429294293042931429324293342934429354293642937429384293942940429414294242943429444294542946429474294842949429504295142952429534295442955429564295742958429594296042961429624296342964429654296642967429684296942970429714297242973429744297542976429774297842979429804298142982429834298442985429864298742988429894299042991429924299342994429954299642997429984299943000430014300243003430044300543006430074300843009430104301143012430134301443015430164301743018430194302043021430224302343024430254302643027430284302943030430314303243033430344303543036430374303843039430404304143042430434304443045430464304743048430494305043051430524305343054430554305643057430584305943060430614306243063430644306543066430674306843069430704307143072430734307443075430764307743078430794308043081430824308343084430854308643087430884308943090430914309243093430944309543096430974309843099431004310143102431034310443105431064310743108431094311043111431124311343114431154311643117431184311943120431214312243123431244312543126431274312843129431304313143132431334313443135431364313743138431394314043141431424314343144431454314643147431484314943150431514315243153431544315543156431574315843159431604316143162431634316443165431664316743168431694317043171431724317343174431754317643177431784317943180431814318243183431844318543186431874318843189431904319143192431934319443195431964319743198431994320043201432024320343204432054320643207432084320943210432114321243213432144321543216432174321843219432204322143222432234322443225432264322743228432294323043231432324323343234432354323643237432384323943240432414324243243432444324543246432474324843249432504325143252432534325443255432564325743258432594326043261432624326343264432654326643267432684326943270432714327243273432744327543276432774327843279432804328143282432834328443285432864328743288432894329043291432924329343294432954329643297432984329943300433014330243303433044330543306433074330843309433104331143312433134331443315433164331743318433194332043321433224332343324433254332643327433284332943330433314333243333433344333543336433374333843339433404334143342433434334443345433464334743348433494335043351433524335343354433554335643357433584335943360433614336243363433644336543366433674336843369433704337143372433734337443375433764337743378433794338043381433824338343384433854338643387433884338943390433914339243393433944339543396433974339843399434004340143402434034340443405434064340743408434094341043411434124341343414434154341643417434184341943420434214342243423434244342543426434274342843429434304343143432434334343443435434364343743438434394344043441434424344343444434454344643447434484344943450434514345243453434544345543456434574345843459434604346143462434634346443465434664346743468434694347043471434724347343474434754347643477434784347943480434814348243483434844348543486434874348843489434904349143492434934349443495434964349743498434994350043501435024350343504435054350643507435084350943510435114351243513435144351543516435174351843519435204352143522435234352443525435264352743528435294353043531435324353343534435354353643537435384353943540435414354243543435444354543546435474354843549435504355143552435534355443555435564355743558435594356043561435624356343564435654356643567435684356943570435714357243573435744357543576435774357843579435804358143582435834358443585435864358743588435894359043591435924359343594435954359643597435984359943600436014360243603436044360543606436074360843609436104361143612436134361443615436164361743618436194362043621436224362343624436254362643627436284362943630436314363243633436344363543636436374363843639436404364143642436434364443645436464364743648436494365043651436524365343654436554365643657436584365943660436614366243663436644366543666436674366843669436704367143672436734367443675436764367743678436794368043681436824368343684436854368643687436884368943690436914369243693436944369543696436974369843699437004370143702437034370443705437064370743708437094371043711437124371343714437154371643717437184371943720437214372243723437244372543726437274372843729437304373143732437334373443735437364373743738437394374043741437424374343744437454374643747437484374943750437514375243753437544375543756437574375843759437604376143762437634376443765437664376743768437694377043771437724377343774437754377643777437784377943780437814378243783437844378543786437874378843789437904379143792437934379443795437964379743798437994380043801438024380343804438054380643807438084380943810438114381243813438144381543816438174381843819438204382143822438234382443825438264382743828438294383043831438324383343834438354383643837438384383943840438414384243843438444384543846438474384843849438504385143852438534385443855438564385743858438594386043861438624386343864438654386643867438684386943870438714387243873438744387543876438774387843879438804388143882438834388443885438864388743888438894389043891438924389343894438954389643897438984389943900439014390243903439044390543906439074390843909439104391143912439134391443915439164391743918439194392043921439224392343924439254392643927439284392943930439314393243933439344393543936439374393843939439404394143942439434394443945439464394743948439494395043951439524395343954439554395643957439584395943960439614396243963439644396543966439674396843969439704397143972439734397443975439764397743978439794398043981439824398343984439854398643987439884398943990439914399243993439944399543996439974399843999440004400144002440034400444005440064400744008440094401044011440124401344014440154401644017440184401944020440214402244023440244402544026440274402844029440304403144032440334403444035440364403744038440394404044041440424404344044440454404644047440484404944050440514405244053440544405544056440574405844059440604406144062440634406444065440664406744068440694407044071440724407344074440754407644077440784407944080440814408244083440844408544086440874408844089440904409144092440934409444095440964409744098440994410044101441024410344104441054410644107441084410944110441114411244113441144411544116441174411844119441204412144122441234412444125441264412744128441294413044131441324413344134441354413644137441384413944140441414414244143441444414544146441474414844149441504415144152441534415444155441564415744158441594416044161441624416344164441654416644167441684416944170441714417244173441744417544176441774417844179441804418144182441834418444185441864418744188441894419044191441924419344194441954419644197441984419944200442014420244203442044420544206442074420844209442104421144212442134421444215442164421744218442194422044221442224422344224442254422644227442284422944230442314423244233442344423544236442374423844239442404424144242442434424444245442464424744248442494425044251442524425344254442554425644257442584425944260442614426244263442644426544266442674426844269442704427144272442734427444275442764427744278442794428044281442824428344284442854428644287442884428944290442914429244293442944429544296442974429844299443004430144302443034430444305443064430744308443094431044311443124431344314443154431644317443184431944320443214432244323443244432544326443274432844329443304433144332443334433444335443364433744338443394434044341443424434344344443454434644347443484434944350443514435244353443544435544356443574435844359443604436144362443634436444365443664436744368443694437044371443724437344374443754437644377443784437944380443814438244383443844438544386443874438844389443904439144392443934439444395443964439744398443994440044401444024440344404444054440644407444084440944410444114441244413444144441544416444174441844419444204442144422444234442444425444264442744428444294443044431444324443344434444354443644437444384443944440444414444244443444444444544446444474444844449444504445144452444534445444455444564445744458444594446044461444624446344464444654446644467444684446944470444714447244473444744447544476444774447844479444804448144482444834448444485444864448744488444894449044491444924449344494444954449644497444984449944500445014450244503445044450544506445074450844509445104451144512445134451444515445164451744518445194452044521445224452344524445254452644527445284452944530445314453244533445344453544536445374453844539445404454144542445434454444545445464454744548445494455044551445524455344554445554455644557445584455944560445614456244563445644456544566445674456844569445704457144572445734457444575445764457744578445794458044581445824458344584445854458644587445884458944590445914459244593445944459544596445974459844599446004460144602446034460444605446064460744608446094461044611446124461344614446154461644617446184461944620446214462244623446244462544626446274462844629446304463144632446334463444635446364463744638446394464044641446424464344644446454464644647446484464944650446514465244653446544465544656446574465844659446604466144662446634466444665446664466744668446694467044671446724467344674446754467644677446784467944680446814468244683446844468544686446874468844689446904469144692446934469444695446964469744698446994470044701447024470344704447054470644707447084470944710447114471244713447144471544716447174471844719447204472144722447234472444725447264472744728447294473044731447324473344734447354473644737447384473944740447414474244743447444474544746447474474844749447504475144752447534475444755447564475744758447594476044761447624476344764447654476644767447684476944770447714477244773447744477544776447774477844779447804478144782447834478444785447864478744788447894479044791447924479344794447954479644797447984479944800448014480244803448044480544806448074480844809448104481144812448134481444815448164481744818448194482044821448224482344824448254482644827448284482944830448314483244833448344483544836448374483844839448404484144842448434484444845448464484744848448494485044851448524485344854448554485644857448584485944860448614486244863448644486544866448674486844869448704487144872448734487444875448764487744878448794488044881448824488344884448854488644887448884488944890448914489244893448944489544896448974489844899449004490144902449034490444905449064490744908449094491044911449124491344914449154491644917449184491944920449214492244923449244492544926449274492844929449304493144932449334493444935449364493744938449394494044941449424494344944449454494644947449484494944950449514495244953449544495544956449574495844959449604496144962449634496444965449664496744968449694497044971449724497344974449754497644977449784497944980449814498244983449844498544986449874498844989449904499144992449934499444995449964499744998449994500045001450024500345004450054500645007450084500945010450114501245013450144501545016450174501845019450204502145022450234502445025450264502745028450294503045031450324503345034450354503645037450384503945040450414504245043450444504545046450474504845049450504505145052450534505445055450564505745058450594506045061450624506345064450654506645067450684506945070450714507245073450744507545076450774507845079450804508145082450834508445085450864508745088450894509045091450924509345094450954509645097450984509945100451014510245103451044510545106451074510845109451104511145112451134511445115451164511745118451194512045121451224512345124451254512645127451284512945130451314513245133451344513545136451374513845139451404514145142451434514445145451464514745148451494515045151451524515345154451554515645157451584515945160451614516245163451644516545166451674516845169451704517145172451734517445175451764517745178451794518045181451824518345184451854518645187451884518945190451914519245193451944519545196451974519845199452004520145202452034520445205452064520745208452094521045211452124521345214452154521645217452184521945220452214522245223452244522545226452274522845229452304523145232452334523445235452364523745238452394524045241452424524345244452454524645247452484524945250452514525245253452544525545256452574525845259452604526145262452634526445265452664526745268452694527045271452724527345274452754527645277452784527945280452814528245283452844528545286452874528845289452904529145292452934529445295452964529745298452994530045301453024530345304453054530645307453084530945310453114531245313453144531545316453174531845319453204532145322453234532445325453264532745328453294533045331453324533345334453354533645337453384533945340453414534245343453444534545346453474534845349453504535145352453534535445355453564535745358453594536045361453624536345364453654536645367453684536945370453714537245373453744537545376453774537845379453804538145382453834538445385453864538745388453894539045391453924539345394453954539645397453984539945400454014540245403454044540545406454074540845409454104541145412454134541445415454164541745418454194542045421454224542345424454254542645427454284542945430454314543245433454344543545436454374543845439454404544145442454434544445445454464544745448454494545045451454524545345454454554545645457454584545945460454614546245463454644546545466454674546845469454704547145472454734547445475454764547745478454794548045481454824548345484454854548645487454884548945490454914549245493454944549545496454974549845499455004550145502455034550445505455064550745508455094551045511455124551345514455154551645517455184551945520455214552245523455244552545526455274552845529455304553145532455334553445535455364553745538455394554045541455424554345544455454554645547455484554945550455514555245553455544555545556455574555845559455604556145562455634556445565455664556745568455694557045571455724557345574455754557645577455784557945580455814558245583455844558545586455874558845589455904559145592455934559445595455964559745598455994560045601456024560345604456054560645607456084560945610456114561245613456144561545616456174561845619456204562145622456234562445625456264562745628456294563045631456324563345634456354563645637456384563945640456414564245643456444564545646456474564845649456504565145652456534565445655456564565745658456594566045661456624566345664456654566645667456684566945670456714567245673456744567545676456774567845679456804568145682456834568445685456864568745688456894569045691456924569345694456954569645697456984569945700457014570245703457044570545706457074570845709457104571145712457134571445715457164571745718457194572045721457224572345724457254572645727457284572945730457314573245733457344573545736457374573845739457404574145742457434574445745457464574745748457494575045751457524575345754457554575645757457584575945760457614576245763457644576545766457674576845769457704577145772457734577445775457764577745778457794578045781457824578345784457854578645787457884578945790457914579245793457944579545796457974579845799458004580145802458034580445805458064580745808458094581045811458124581345814458154581645817458184581945820458214582245823458244582545826458274582845829458304583145832458334583445835458364583745838458394584045841458424584345844458454584645847458484584945850458514585245853458544585545856458574585845859458604586145862458634586445865458664586745868458694587045871458724587345874458754587645877458784587945880458814588245883458844588545886458874588845889458904589145892458934589445895458964589745898458994590045901459024590345904459054590645907459084590945910459114591245913459144591545916459174591845919459204592145922459234592445925459264592745928459294593045931459324593345934459354593645937459384593945940459414594245943459444594545946459474594845949459504595145952459534595445955459564595745958459594596045961459624596345964459654596645967459684596945970459714597245973459744597545976459774597845979459804598145982459834598445985459864598745988459894599045991459924599345994459954599645997459984599946000460014600246003460044600546006460074600846009460104601146012460134601446015460164601746018460194602046021460224602346024460254602646027460284602946030460314603246033460344603546036460374603846039460404604146042460434604446045460464604746048460494605046051460524605346054460554605646057460584605946060460614606246063460644606546066460674606846069460704607146072460734607446075460764607746078460794608046081460824608346084460854608646087460884608946090460914609246093460944609546096460974609846099461004610146102461034610446105461064610746108461094611046111461124611346114461154611646117461184611946120461214612246123461244612546126461274612846129461304613146132461334613446135461364613746138461394614046141461424614346144461454614646147461484614946150461514615246153461544615546156461574615846159461604616146162461634616446165461664616746168461694617046171461724617346174461754617646177461784617946180461814618246183461844618546186461874618846189461904619146192461934619446195461964619746198461994620046201462024620346204462054620646207462084620946210462114621246213462144621546216462174621846219462204622146222462234622446225462264622746228462294623046231462324623346234462354623646237462384623946240462414624246243462444624546246462474624846249462504625146252462534625446255462564625746258462594626046261462624626346264462654626646267462684626946270462714627246273462744627546276462774627846279462804628146282462834628446285462864628746288462894629046291462924629346294462954629646297462984629946300463014630246303463044630546306463074630846309463104631146312463134631446315463164631746318463194632046321463224632346324463254632646327463284632946330463314633246333463344633546336463374633846339463404634146342463434634446345463464634746348463494635046351463524635346354463554635646357463584635946360463614636246363463644636546366463674636846369463704637146372463734637446375463764637746378463794638046381463824638346384463854638646387463884638946390463914639246393463944639546396463974639846399464004640146402464034640446405464064640746408464094641046411464124641346414464154641646417464184641946420464214642246423464244642546426464274642846429464304643146432464334643446435464364643746438464394644046441464424644346444464454644646447464484644946450464514645246453464544645546456464574645846459464604646146462464634646446465464664646746468464694647046471464724647346474464754647646477464784647946480464814648246483464844648546486464874648846489464904649146492464934649446495464964649746498464994650046501465024650346504465054650646507465084650946510465114651246513465144651546516465174651846519465204652146522465234652446525465264652746528465294653046531465324653346534465354653646537465384653946540465414654246543465444654546546465474654846549465504655146552465534655446555465564655746558465594656046561465624656346564465654656646567465684656946570465714657246573465744657546576465774657846579465804658146582465834658446585465864658746588465894659046591465924659346594465954659646597465984659946600466014660246603466044660546606466074660846609466104661146612466134661446615466164661746618466194662046621466224662346624466254662646627466284662946630466314663246633466344663546636466374663846639466404664146642466434664446645466464664746648466494665046651466524665346654466554665646657466584665946660466614666246663466644666546666466674666846669466704667146672466734667446675466764667746678466794668046681466824668346684466854668646687466884668946690466914669246693466944669546696466974669846699467004670146702467034670446705467064670746708467094671046711467124671346714467154671646717467184671946720467214672246723467244672546726467274672846729467304673146732467334673446735467364673746738467394674046741467424674346744467454674646747467484674946750467514675246753467544675546756467574675846759467604676146762467634676446765467664676746768467694677046771467724677346774467754677646777467784677946780467814678246783467844678546786467874678846789467904679146792467934679446795467964679746798467994680046801468024680346804468054680646807468084680946810468114681246813468144681546816468174681846819468204682146822468234682446825468264682746828468294683046831468324683346834468354683646837468384683946840468414684246843468444684546846468474684846849468504685146852468534685446855468564685746858468594686046861468624686346864468654686646867468684686946870468714687246873468744687546876468774687846879468804688146882468834688446885468864688746888468894689046891468924689346894468954689646897468984689946900469014690246903469044690546906469074690846909469104691146912469134691446915469164691746918469194692046921469224692346924469254692646927469284692946930469314693246933469344693546936469374693846939469404694146942469434694446945469464694746948469494695046951469524695346954469554695646957469584695946960469614696246963469644696546966469674696846969469704697146972469734697446975469764697746978469794698046981469824698346984469854698646987469884698946990469914699246993469944699546996469974699846999470004700147002470034700447005470064700747008470094701047011470124701347014470154701647017470184701947020470214702247023470244702547026470274702847029470304703147032470334703447035470364703747038470394704047041470424704347044470454704647047470484704947050470514705247053470544705547056470574705847059470604706147062470634706447065470664706747068470694707047071470724707347074470754707647077470784707947080470814708247083470844708547086470874708847089470904709147092470934709447095470964709747098470994710047101471024710347104471054710647107471084710947110471114711247113471144711547116471174711847119471204712147122471234712447125471264712747128471294713047131471324713347134471354713647137471384713947140471414714247143471444714547146471474714847149471504715147152471534715447155471564715747158471594716047161471624716347164471654716647167471684716947170471714717247173471744717547176471774717847179471804718147182471834718447185471864718747188471894719047191471924719347194471954719647197471984719947200472014720247203472044720547206472074720847209472104721147212472134721447215472164721747218472194722047221472224722347224472254722647227472284722947230472314723247233472344723547236472374723847239472404724147242472434724447245472464724747248472494725047251472524725347254472554725647257472584725947260472614726247263472644726547266472674726847269472704727147272472734727447275472764727747278472794728047281472824728347284472854728647287472884728947290472914729247293472944729547296472974729847299473004730147302473034730447305473064730747308473094731047311473124731347314473154731647317473184731947320473214732247323473244732547326473274732847329473304733147332473334733447335473364733747338473394734047341473424734347344473454734647347473484734947350473514735247353473544735547356473574735847359473604736147362473634736447365473664736747368473694737047371473724737347374473754737647377473784737947380473814738247383473844738547386473874738847389473904739147392473934739447395473964739747398473994740047401474024740347404474054740647407474084740947410474114741247413474144741547416474174741847419474204742147422474234742447425474264742747428474294743047431474324743347434474354743647437474384743947440474414744247443474444744547446474474744847449474504745147452474534745447455474564745747458474594746047461474624746347464474654746647467474684746947470474714747247473474744747547476474774747847479474804748147482474834748447485474864748747488474894749047491474924749347494474954749647497474984749947500475014750247503475044750547506475074750847509475104751147512475134751447515475164751747518475194752047521475224752347524475254752647527475284752947530475314753247533475344753547536475374753847539475404754147542475434754447545475464754747548475494755047551475524755347554475554755647557475584755947560475614756247563475644756547566475674756847569475704757147572475734757447575475764757747578475794758047581475824758347584475854758647587475884758947590475914759247593475944759547596475974759847599476004760147602476034760447605476064760747608476094761047611476124761347614476154761647617476184761947620476214762247623476244762547626476274762847629476304763147632476334763447635476364763747638476394764047641476424764347644476454764647647476484764947650476514765247653476544765547656476574765847659476604766147662476634766447665476664766747668476694767047671476724767347674476754767647677476784767947680476814768247683476844768547686476874768847689476904769147692476934769447695476964769747698476994770047701477024770347704477054770647707477084770947710477114771247713477144771547716477174771847719477204772147722477234772447725477264772747728477294773047731477324773347734477354773647737477384773947740477414774247743477444774547746477474774847749477504775147752477534775447755477564775747758477594776047761477624776347764477654776647767477684776947770477714777247773477744777547776477774777847779477804778147782477834778447785477864778747788477894779047791477924779347794477954779647797477984779947800478014780247803478044780547806478074780847809478104781147812478134781447815478164781747818478194782047821478224782347824478254782647827478284782947830478314783247833478344783547836478374783847839478404784147842478434784447845478464784747848478494785047851478524785347854478554785647857478584785947860478614786247863478644786547866478674786847869478704787147872478734787447875478764787747878478794788047881478824788347884478854788647887478884788947890478914789247893478944789547896478974789847899479004790147902479034790447905479064790747908479094791047911479124791347914479154791647917479184791947920479214792247923479244792547926479274792847929479304793147932479334793447935479364793747938479394794047941479424794347944479454794647947479484794947950479514795247953479544795547956479574795847959479604796147962479634796447965479664796747968479694797047971479724797347974479754797647977479784797947980479814798247983479844798547986479874798847989479904799147992479934799447995479964799747998479994800048001480024800348004480054800648007480084800948010480114801248013480144801548016480174801848019480204802148022480234802448025480264802748028480294803048031480324803348034480354803648037480384803948040480414804248043480444804548046480474804848049480504805148052480534805448055480564805748058480594806048061480624806348064480654806648067480684806948070480714807248073480744807548076480774807848079480804808148082480834808448085480864808748088480894809048091480924809348094480954809648097480984809948100481014810248103481044810548106481074810848109481104811148112481134811448115481164811748118481194812048121481224812348124481254812648127481284812948130481314813248133481344813548136481374813848139481404814148142481434814448145481464814748148481494815048151481524815348154481554815648157481584815948160481614816248163481644816548166481674816848169481704817148172481734817448175481764817748178481794818048181481824818348184481854818648187481884818948190481914819248193481944819548196481974819848199482004820148202482034820448205482064820748208482094821048211482124821348214482154821648217482184821948220482214822248223482244822548226482274822848229482304823148232482334823448235482364823748238482394824048241482424824348244482454824648247482484824948250482514825248253482544825548256482574825848259482604826148262482634826448265482664826748268482694827048271482724827348274482754827648277482784827948280482814828248283482844828548286482874828848289482904829148292482934829448295482964829748298482994830048301483024830348304483054830648307483084830948310483114831248313483144831548316483174831848319483204832148322483234832448325483264832748328483294833048331483324833348334483354833648337483384833948340483414834248343483444834548346483474834848349483504835148352483534835448355483564835748358483594836048361483624836348364483654836648367483684836948370483714837248373483744837548376483774837848379483804838148382483834838448385483864838748388483894839048391483924839348394483954839648397483984839948400484014840248403484044840548406484074840848409484104841148412484134841448415484164841748418484194842048421484224842348424484254842648427484284842948430484314843248433484344843548436484374843848439484404844148442484434844448445484464844748448484494845048451484524845348454484554845648457484584845948460484614846248463484644846548466484674846848469484704847148472484734847448475484764847748478484794848048481484824848348484484854848648487484884848948490484914849248493484944849548496484974849848499485004850148502485034850448505485064850748508485094851048511485124851348514485154851648517485184851948520485214852248523485244852548526485274852848529485304853148532485334853448535485364853748538485394854048541485424854348544485454854648547485484854948550485514855248553485544855548556485574855848559485604856148562485634856448565485664856748568485694857048571485724857348574485754857648577485784857948580485814858248583485844858548586485874858848589485904859148592485934859448595485964859748598485994860048601486024860348604486054860648607486084860948610486114861248613486144861548616486174861848619486204862148622486234862448625486264862748628486294863048631486324863348634486354863648637486384863948640486414864248643486444864548646486474864848649486504865148652486534865448655486564865748658486594866048661486624866348664486654866648667486684866948670486714867248673486744867548676486774867848679486804868148682486834868448685486864868748688486894869048691486924869348694486954869648697486984869948700487014870248703487044870548706487074870848709487104871148712487134871448715487164871748718487194872048721487224872348724487254872648727487284872948730487314873248733487344873548736487374873848739487404874148742487434874448745487464874748748487494875048751487524875348754487554875648757487584875948760487614876248763487644876548766487674876848769487704877148772487734877448775487764877748778487794878048781487824878348784487854878648787487884878948790487914879248793487944879548796487974879848799488004880148802488034880448805488064880748808488094881048811488124881348814488154881648817488184881948820488214882248823488244882548826488274882848829488304883148832488334883448835488364883748838488394884048841488424884348844488454884648847488484884948850488514885248853488544885548856488574885848859488604886148862488634886448865488664886748868488694887048871488724887348874488754887648877488784887948880488814888248883488844888548886488874888848889488904889148892488934889448895488964889748898488994890048901489024890348904489054890648907489084890948910489114891248913489144891548916489174891848919489204892148922489234892448925489264892748928489294893048931489324893348934489354893648937489384893948940489414894248943489444894548946489474894848949489504895148952489534895448955489564895748958489594896048961489624896348964489654896648967489684896948970489714897248973489744897548976489774897848979489804898148982489834898448985489864898748988489894899048991489924899348994489954899648997489984899949000490014900249003490044900549006490074900849009490104901149012490134901449015490164901749018490194902049021490224902349024490254902649027490284902949030490314903249033490344903549036490374903849039490404904149042490434904449045490464904749048490494905049051490524905349054490554905649057490584905949060490614906249063490644906549066490674906849069490704907149072490734907449075490764907749078490794908049081490824908349084490854908649087490884908949090490914909249093490944909549096490974909849099491004910149102491034910449105491064910749108491094911049111491124911349114491154911649117491184911949120491214912249123491244912549126491274912849129491304913149132491334913449135491364913749138491394914049141491424914349144491454914649147491484914949150491514915249153491544915549156491574915849159491604916149162491634916449165491664916749168491694917049171491724917349174491754917649177491784917949180491814918249183491844918549186491874918849189491904919149192491934919449195491964919749198491994920049201492024920349204492054920649207492084920949210492114921249213492144921549216492174921849219492204922149222492234922449225492264922749228492294923049231492324923349234492354923649237492384923949240492414924249243492444924549246492474924849249492504925149252492534925449255492564925749258492594926049261492624926349264492654926649267492684926949270492714927249273492744927549276492774927849279492804928149282492834928449285492864928749288492894929049291492924929349294492954929649297492984929949300493014930249303493044930549306493074930849309493104931149312493134931449315493164931749318493194932049321493224932349324493254932649327493284932949330493314933249333493344933549336493374933849339493404934149342493434934449345493464934749348493494935049351493524935349354493554935649357493584935949360493614936249363493644936549366493674936849369493704937149372493734937449375493764937749378493794938049381493824938349384493854938649387493884938949390493914939249393493944939549396493974939849399494004940149402494034940449405494064940749408494094941049411494124941349414494154941649417494184941949420494214942249423494244942549426494274942849429494304943149432494334943449435494364943749438494394944049441494424944349444494454944649447494484944949450494514945249453494544945549456494574945849459494604946149462494634946449465494664946749468494694947049471494724947349474494754947649477494784947949480494814948249483494844948549486494874948849489494904949149492494934949449495494964949749498494994950049501495024950349504495054950649507495084950949510495114951249513495144951549516495174951849519495204952149522495234952449525495264952749528495294953049531495324953349534495354953649537495384953949540495414954249543495444954549546495474954849549495504955149552495534955449555495564955749558495594956049561495624956349564495654956649567495684956949570495714957249573495744957549576495774957849579495804958149582495834958449585495864958749588495894959049591495924959349594495954959649597495984959949600496014960249603496044960549606496074960849609496104961149612496134961449615496164961749618496194962049621496224962349624496254962649627496284962949630496314963249633496344963549636496374963849639496404964149642496434964449645496464964749648496494965049651496524965349654496554965649657496584965949660496614966249663496644966549666496674966849669496704967149672496734967449675496764967749678496794968049681496824968349684496854968649687496884968949690496914969249693496944969549696496974969849699497004970149702497034970449705497064970749708497094971049711497124971349714497154971649717497184971949720497214972249723497244972549726497274972849729497304973149732497334973449735497364973749738497394974049741497424974349744497454974649747497484974949750497514975249753497544975549756497574975849759497604976149762497634976449765497664976749768497694977049771497724977349774497754977649777497784977949780497814978249783497844978549786497874978849789497904979149792497934979449795497964979749798497994980049801498024980349804498054980649807498084980949810498114981249813498144981549816498174981849819498204982149822498234982449825498264982749828498294983049831498324983349834498354983649837498384983949840498414984249843498444984549846498474984849849498504985149852498534985449855498564985749858498594986049861498624986349864498654986649867498684986949870498714987249873498744987549876498774987849879498804988149882498834988449885498864988749888498894989049891498924989349894498954989649897498984989949900499014990249903499044990549906499074990849909499104991149912499134991449915499164991749918499194992049921499224992349924499254992649927499284992949930499314993249933499344993549936499374993849939499404994149942499434994449945499464994749948499494995049951499524995349954499554995649957499584995949960499614996249963499644996549966499674996849969499704997149972499734997449975499764997749978499794998049981499824998349984499854998649987499884998949990499914999249993499944999549996499974999849999500005000150002500035000450005500065000750008500095001050011500125001350014500155001650017500185001950020500215002250023500245002550026500275002850029500305003150032500335003450035500365003750038500395004050041500425004350044500455004650047500485004950050500515005250053500545005550056500575005850059500605006150062500635006450065500665006750068500695007050071500725007350074500755007650077500785007950080500815008250083500845008550086500875008850089500905009150092500935009450095500965009750098500995010050101501025010350104501055010650107501085010950110501115011250113501145011550116501175011850119501205012150122501235012450125501265012750128501295013050131501325013350134501355013650137501385013950140501415014250143501445014550146501475014850149501505015150152501535015450155501565015750158501595016050161501625016350164501655016650167501685016950170501715017250173501745017550176501775017850179501805018150182501835018450185501865018750188501895019050191501925019350194501955019650197501985019950200502015020250203502045020550206502075020850209502105021150212502135021450215502165021750218502195022050221502225022350224502255022650227502285022950230502315023250233502345023550236502375023850239502405024150242502435024450245502465024750248502495025050251502525025350254502555025650257502585025950260502615026250263502645026550266502675026850269502705027150272502735027450275502765027750278502795028050281502825028350284502855028650287502885028950290502915029250293502945029550296502975029850299503005030150302503035030450305503065030750308503095031050311503125031350314503155031650317503185031950320503215032250323503245032550326503275032850329503305033150332503335033450335503365033750338503395034050341503425034350344503455034650347503485034950350503515035250353503545035550356503575035850359503605036150362503635036450365503665036750368503695037050371503725037350374503755037650377503785037950380503815038250383503845038550386503875038850389503905039150392503935039450395503965039750398503995040050401504025040350404504055040650407504085040950410504115041250413504145041550416504175041850419504205042150422504235042450425504265042750428504295043050431504325043350434504355043650437504385043950440504415044250443504445044550446504475044850449504505045150452504535045450455504565045750458504595046050461504625046350464504655046650467504685046950470504715047250473504745047550476504775047850479504805048150482504835048450485504865048750488504895049050491504925049350494504955049650497504985049950500505015050250503505045050550506505075050850509505105051150512505135051450515505165051750518505195052050521505225052350524505255052650527505285052950530505315053250533505345053550536505375053850539505405054150542505435054450545505465054750548505495055050551505525055350554505555055650557505585055950560505615056250563505645056550566505675056850569505705057150572505735057450575505765057750578505795058050581505825058350584505855058650587505885058950590505915059250593505945059550596505975059850599506005060150602506035060450605506065060750608506095061050611506125061350614506155061650617506185061950620506215062250623506245062550626506275062850629506305063150632506335063450635506365063750638506395064050641506425064350644506455064650647506485064950650506515065250653506545065550656506575065850659506605066150662506635066450665506665066750668506695067050671506725067350674506755067650677506785067950680506815068250683506845068550686506875068850689506905069150692506935069450695506965069750698506995070050701507025070350704507055070650707507085070950710507115071250713507145071550716507175071850719507205072150722507235072450725507265072750728507295073050731507325073350734507355073650737507385073950740507415074250743507445074550746507475074850749507505075150752507535075450755507565075750758507595076050761507625076350764507655076650767507685076950770507715077250773507745077550776507775077850779507805078150782507835078450785507865078750788507895079050791507925079350794507955079650797507985079950800508015080250803508045080550806508075080850809508105081150812508135081450815508165081750818508195082050821508225082350824508255082650827508285082950830508315083250833508345083550836508375083850839508405084150842508435084450845508465084750848508495085050851508525085350854508555085650857508585085950860508615086250863508645086550866508675086850869508705087150872508735087450875508765087750878508795088050881508825088350884508855088650887508885088950890508915089250893508945089550896508975089850899509005090150902509035090450905509065090750908509095091050911509125091350914509155091650917509185091950920509215092250923509245092550926509275092850929509305093150932509335093450935509365093750938509395094050941509425094350944509455094650947509485094950950509515095250953509545095550956509575095850959509605096150962509635096450965509665096750968509695097050971509725097350974509755097650977509785097950980509815098250983509845098550986509875098850989509905099150992509935099450995509965099750998509995100051001510025100351004510055100651007510085100951010510115101251013510145101551016510175101851019510205102151022510235102451025510265102751028510295103051031510325103351034510355103651037510385103951040510415104251043510445104551046510475104851049510505105151052510535105451055510565105751058510595106051061510625106351064510655106651067510685106951070510715107251073510745107551076510775107851079510805108151082510835108451085510865108751088510895109051091510925109351094510955109651097510985109951100511015110251103511045110551106511075110851109511105111151112511135111451115511165111751118511195112051121511225112351124511255112651127511285112951130511315113251133511345113551136511375113851139511405114151142511435114451145511465114751148511495115051151511525115351154511555115651157511585115951160511615116251163511645116551166511675116851169511705117151172511735117451175511765117751178511795118051181511825118351184511855118651187511885118951190511915119251193511945119551196511975119851199512005120151202512035120451205512065120751208512095121051211512125121351214512155121651217512185121951220512215122251223512245122551226512275122851229512305123151232512335123451235512365123751238512395124051241512425124351244512455124651247512485124951250512515125251253512545125551256512575125851259512605126151262512635126451265512665126751268512695127051271512725127351274512755127651277512785127951280512815128251283512845128551286512875128851289512905129151292512935129451295512965129751298512995130051301513025130351304513055130651307513085130951310513115131251313513145131551316513175131851319513205132151322513235132451325513265132751328513295133051331513325133351334513355133651337513385133951340513415134251343513445134551346513475134851349513505135151352513535135451355513565135751358513595136051361513625136351364513655136651367513685136951370513715137251373513745137551376513775137851379513805138151382513835138451385513865138751388513895139051391513925139351394513955139651397513985139951400514015140251403514045140551406514075140851409514105141151412514135141451415514165141751418514195142051421514225142351424514255142651427514285142951430514315143251433514345143551436514375143851439514405144151442514435144451445514465144751448514495145051451514525145351454514555145651457514585145951460514615146251463514645146551466514675146851469514705147151472514735147451475514765147751478514795148051481514825148351484514855148651487514885148951490514915149251493514945149551496514975149851499515005150151502515035150451505515065150751508515095151051511515125151351514515155151651517515185151951520515215152251523515245152551526515275152851529515305153151532515335153451535515365153751538515395154051541515425154351544515455154651547515485154951550515515155251553515545155551556515575155851559515605156151562515635156451565515665156751568515695157051571515725157351574515755157651577515785157951580515815158251583515845158551586515875158851589515905159151592515935159451595515965159751598515995160051601516025160351604516055160651607516085160951610516115161251613516145161551616516175161851619516205162151622516235162451625516265162751628516295163051631516325163351634516355163651637516385163951640516415164251643516445164551646516475164851649516505165151652516535165451655516565165751658516595166051661516625166351664516655166651667516685166951670516715167251673516745167551676516775167851679516805168151682516835168451685516865168751688516895169051691516925169351694516955169651697516985169951700517015170251703517045170551706517075170851709517105171151712517135171451715517165171751718517195172051721517225172351724517255172651727517285172951730517315173251733517345173551736517375173851739517405174151742517435174451745517465174751748517495175051751517525175351754517555175651757517585175951760517615176251763517645176551766517675176851769517705177151772517735177451775517765177751778517795178051781517825178351784517855178651787517885178951790517915179251793517945179551796517975179851799518005180151802518035180451805518065180751808518095181051811518125181351814518155181651817518185181951820518215182251823518245182551826518275182851829518305183151832518335183451835518365183751838518395184051841518425184351844518455184651847518485184951850518515185251853518545185551856518575185851859518605186151862518635186451865518665186751868518695187051871518725187351874518755187651877518785187951880518815188251883518845188551886518875188851889518905189151892518935189451895518965189751898518995190051901519025190351904519055190651907519085190951910519115191251913519145191551916519175191851919519205192151922519235192451925519265192751928519295193051931519325193351934519355193651937519385193951940519415194251943519445194551946519475194851949519505195151952519535195451955519565195751958519595196051961519625196351964519655196651967519685196951970519715197251973519745197551976519775197851979519805198151982519835198451985519865198751988519895199051991519925199351994519955199651997519985199952000520015200252003520045200552006520075200852009520105201152012520135201452015520165201752018520195202052021520225202352024520255202652027520285202952030520315203252033520345203552036520375203852039520405204152042520435204452045520465204752048520495205052051520525205352054520555205652057520585205952060520615206252063520645206552066520675206852069520705207152072520735207452075520765207752078520795208052081520825208352084520855208652087520885208952090520915209252093520945209552096520975209852099521005210152102521035210452105521065210752108521095211052111521125211352114521155211652117521185211952120521215212252123521245212552126521275212852129521305213152132521335213452135521365213752138521395214052141521425214352144521455214652147521485214952150521515215252153521545215552156521575215852159521605216152162521635216452165521665216752168521695217052171521725217352174521755217652177521785217952180521815218252183521845218552186521875218852189521905219152192521935219452195521965219752198521995220052201522025220352204522055220652207522085220952210522115221252213522145221552216522175221852219522205222152222522235222452225522265222752228522295223052231522325223352234522355223652237522385223952240522415224252243522445224552246522475224852249522505225152252522535225452255522565225752258522595226052261522625226352264522655226652267522685226952270522715227252273522745227552276522775227852279522805228152282522835228452285522865228752288522895229052291522925229352294522955229652297522985229952300523015230252303523045230552306523075230852309523105231152312523135231452315523165231752318523195232052321523225232352324523255232652327523285232952330523315233252333523345233552336523375233852339523405234152342523435234452345523465234752348523495235052351523525235352354523555235652357523585235952360523615236252363523645236552366523675236852369523705237152372523735237452375523765237752378523795238052381523825238352384523855238652387523885238952390523915239252393523945239552396523975239852399524005240152402524035240452405524065240752408524095241052411524125241352414524155241652417524185241952420524215242252423524245242552426524275242852429524305243152432524335243452435524365243752438524395244052441524425244352444524455244652447524485244952450524515245252453524545245552456524575245852459524605246152462524635246452465524665246752468524695247052471524725247352474524755247652477524785247952480524815248252483524845248552486524875248852489524905249152492524935249452495524965249752498524995250052501525025250352504525055250652507525085250952510525115251252513525145251552516525175251852519525205252152522525235252452525525265252752528525295253052531525325253352534525355253652537525385253952540525415254252543525445254552546525475254852549525505255152552525535255452555525565255752558525595256052561525625256352564525655256652567525685256952570525715257252573525745257552576525775257852579525805258152582525835258452585525865258752588525895259052591525925259352594525955259652597525985259952600526015260252603526045260552606526075260852609526105261152612526135261452615526165261752618526195262052621526225262352624526255262652627526285262952630526315263252633526345263552636526375263852639526405264152642526435264452645526465264752648526495265052651526525265352654526555265652657526585265952660526615266252663526645266552666526675266852669526705267152672526735267452675526765267752678526795268052681526825268352684526855268652687526885268952690526915269252693526945269552696526975269852699527005270152702527035270452705527065270752708527095271052711527125271352714527155271652717527185271952720527215272252723527245272552726527275272852729527305273152732527335273452735527365273752738527395274052741527425274352744527455274652747527485274952750527515275252753527545275552756527575275852759527605276152762527635276452765527665276752768527695277052771527725277352774527755277652777527785277952780527815278252783527845278552786527875278852789527905279152792527935279452795527965279752798527995280052801528025280352804528055280652807528085280952810528115281252813528145281552816528175281852819528205282152822528235282452825528265282752828528295283052831528325283352834528355283652837528385283952840528415284252843528445284552846528475284852849528505285152852528535285452855528565285752858528595286052861528625286352864528655286652867528685286952870528715287252873528745287552876528775287852879528805288152882528835288452885528865288752888528895289052891528925289352894528955289652897528985289952900529015290252903529045290552906529075290852909529105291152912529135291452915529165291752918529195292052921529225292352924529255292652927529285292952930529315293252933529345293552936529375293852939529405294152942529435294452945529465294752948529495295052951529525295352954529555295652957529585295952960529615296252963529645296552966529675296852969529705297152972529735297452975529765297752978529795298052981529825298352984529855298652987529885298952990529915299252993529945299552996529975299852999530005300153002530035300453005530065300753008530095301053011530125301353014530155301653017530185301953020530215302253023530245302553026530275302853029530305303153032530335303453035530365303753038530395304053041530425304353044530455304653047530485304953050530515305253053530545305553056530575305853059530605306153062530635306453065530665306753068530695307053071530725307353074530755307653077530785307953080530815308253083530845308553086530875308853089530905309153092530935309453095530965309753098530995310053101531025310353104531055310653107531085310953110531115311253113531145311553116531175311853119531205312153122531235312453125531265312753128531295313053131531325313353134531355313653137531385313953140531415314253143531445314553146531475314853149531505315153152531535315453155531565315753158531595316053161531625316353164531655316653167531685316953170531715317253173531745317553176531775317853179531805318153182531835318453185531865318753188531895319053191531925319353194531955319653197531985319953200532015320253203532045320553206532075320853209532105321153212532135321453215532165321753218532195322053221532225322353224532255322653227532285322953230532315323253233532345323553236532375323853239532405324153242532435324453245532465324753248532495325053251532525325353254532555325653257532585325953260532615326253263532645326553266532675326853269532705327153272532735327453275532765327753278532795328053281532825328353284532855328653287532885328953290532915329253293532945329553296532975329853299533005330153302533035330453305533065330753308533095331053311533125331353314533155331653317533185331953320533215332253323533245332553326533275332853329533305333153332533335333453335533365333753338533395334053341533425334353344533455334653347533485334953350533515335253353533545335553356533575335853359533605336153362533635336453365533665336753368533695337053371533725337353374533755337653377533785337953380533815338253383533845338553386533875338853389533905339153392533935339453395533965339753398533995340053401534025340353404534055340653407534085340953410534115341253413534145341553416534175341853419534205342153422534235342453425534265342753428534295343053431534325343353434534355343653437534385343953440534415344253443534445344553446534475344853449534505345153452534535345453455534565345753458534595346053461534625346353464534655346653467534685346953470534715347253473534745347553476534775347853479534805348153482534835348453485534865348753488534895349053491534925349353494534955349653497534985349953500535015350253503535045350553506535075350853509535105351153512535135351453515535165351753518535195352053521535225352353524535255352653527535285352953530535315353253533535345353553536535375353853539535405354153542535435354453545535465354753548535495355053551535525355353554535555355653557535585355953560535615356253563535645356553566535675356853569535705357153572535735357453575535765357753578535795358053581535825358353584535855358653587535885358953590535915359253593535945359553596535975359853599536005360153602536035360453605536065360753608536095361053611536125361353614536155361653617536185361953620536215362253623536245362553626536275362853629536305363153632536335363453635536365363753638536395364053641536425364353644536455364653647536485364953650536515365253653536545365553656536575365853659536605366153662536635366453665536665366753668536695367053671536725367353674536755367653677536785367953680536815368253683536845368553686536875368853689536905369153692536935369453695536965369753698536995370053701537025370353704537055370653707537085370953710537115371253713537145371553716537175371853719537205372153722537235372453725537265372753728537295373053731537325373353734537355373653737537385373953740537415374253743537445374553746537475374853749537505375153752537535375453755537565375753758537595376053761537625376353764537655376653767537685376953770537715377253773537745377553776537775377853779537805378153782537835378453785537865378753788537895379053791537925379353794537955379653797537985379953800538015380253803538045380553806538075380853809538105381153812538135381453815538165381753818538195382053821538225382353824538255382653827538285382953830538315383253833538345383553836538375383853839538405384153842538435384453845538465384753848538495385053851538525385353854538555385653857538585385953860538615386253863538645386553866538675386853869538705387153872538735387453875538765387753878538795388053881538825388353884538855388653887538885388953890538915389253893538945389553896538975389853899539005390153902539035390453905539065390753908539095391053911539125391353914539155391653917539185391953920539215392253923539245392553926539275392853929539305393153932539335393453935539365393753938539395394053941539425394353944539455394653947539485394953950539515395253953539545395553956539575395853959539605396153962539635396453965539665396753968539695397053971539725397353974539755397653977539785397953980539815398253983539845398553986539875398853989539905399153992539935399453995539965399753998539995400054001540025400354004540055400654007540085400954010540115401254013540145401554016540175401854019540205402154022540235402454025540265402754028540295403054031540325403354034540355403654037540385403954040540415404254043540445404554046540475404854049540505405154052540535405454055540565405754058540595406054061540625406354064540655406654067540685406954070540715407254073540745407554076540775407854079540805408154082540835408454085540865408754088540895409054091540925409354094540955409654097540985409954100541015410254103541045410554106541075410854109541105411154112541135411454115541165411754118541195412054121541225412354124541255412654127541285412954130541315413254133541345413554136541375413854139541405414154142541435414454145541465414754148541495415054151541525415354154541555415654157541585415954160541615416254163541645416554166541675416854169541705417154172541735417454175541765417754178541795418054181541825418354184541855418654187541885418954190541915419254193541945419554196541975419854199542005420154202542035420454205542065420754208542095421054211542125421354214542155421654217542185421954220542215422254223542245422554226542275422854229542305423154232542335423454235542365423754238542395424054241542425424354244542455424654247542485424954250542515425254253542545425554256542575425854259542605426154262542635426454265542665426754268542695427054271542725427354274542755427654277542785427954280542815428254283542845428554286542875428854289542905429154292542935429454295542965429754298542995430054301543025430354304543055430654307543085430954310543115431254313543145431554316543175431854319543205432154322543235432454325543265432754328543295433054331543325433354334543355433654337543385433954340543415434254343543445434554346543475434854349543505435154352543535435454355543565435754358543595436054361543625436354364543655436654367543685436954370543715437254373543745437554376543775437854379543805438154382543835438454385543865438754388543895439054391543925439354394543955439654397543985439954400544015440254403544045440554406544075440854409544105441154412544135441454415544165441754418544195442054421544225442354424544255442654427544285442954430544315443254433544345443554436544375443854439544405444154442544435444454445544465444754448544495445054451544525445354454544555445654457544585445954460544615446254463544645446554466544675446854469544705447154472544735447454475544765447754478544795448054481544825448354484544855448654487544885448954490544915449254493544945449554496544975449854499545005450154502545035450454505545065450754508545095451054511545125451354514545155451654517545185451954520545215452254523545245452554526545275452854529545305453154532545335453454535545365453754538545395454054541545425454354544545455454654547545485454954550545515455254553545545455554556545575455854559545605456154562545635456454565545665456754568545695457054571545725457354574545755457654577545785457954580545815458254583545845458554586545875458854589545905459154592545935459454595545965459754598545995460054601546025460354604546055460654607546085460954610546115461254613546145461554616546175461854619546205462154622546235462454625546265462754628546295463054631546325463354634546355463654637546385463954640546415464254643546445464554646546475464854649546505465154652546535465454655546565465754658546595466054661546625466354664546655466654667546685466954670546715467254673546745467554676546775467854679546805468154682546835468454685546865468754688546895469054691546925469354694546955469654697546985469954700547015470254703547045470554706547075470854709547105471154712547135471454715547165471754718547195472054721547225472354724547255472654727547285472954730547315473254733547345473554736547375473854739547405474154742547435474454745547465474754748547495475054751547525475354754547555475654757547585475954760547615476254763547645476554766547675476854769547705477154772547735477454775547765477754778547795478054781547825478354784547855478654787547885478954790547915479254793547945479554796547975479854799548005480154802548035480454805548065480754808548095481054811548125481354814548155481654817548185481954820548215482254823548245482554826548275482854829548305483154832548335483454835548365483754838548395484054841548425484354844548455484654847548485484954850548515485254853548545485554856548575485854859548605486154862548635486454865548665486754868548695487054871548725487354874548755487654877548785487954880548815488254883548845488554886548875488854889548905489154892548935489454895548965489754898548995490054901549025490354904549055490654907549085490954910549115491254913549145491554916549175491854919549205492154922549235492454925549265492754928549295493054931549325493354934549355493654937549385493954940549415494254943549445494554946549475494854949549505495154952549535495454955549565495754958549595496054961549625496354964549655496654967549685496954970549715497254973549745497554976549775497854979549805498154982549835498454985549865498754988549895499054991549925499354994549955499654997549985499955000550015500255003550045500555006550075500855009550105501155012550135501455015550165501755018550195502055021550225502355024550255502655027550285502955030550315503255033550345503555036550375503855039550405504155042550435504455045550465504755048550495505055051550525505355054550555505655057550585505955060550615506255063550645506555066550675506855069550705507155072550735507455075550765507755078550795508055081550825508355084550855508655087550885508955090550915509255093550945509555096550975509855099551005510155102551035510455105551065510755108551095511055111551125511355114551155511655117551185511955120551215512255123551245512555126551275512855129551305513155132551335513455135551365513755138551395514055141551425514355144551455514655147551485514955150551515515255153551545515555156551575515855159551605516155162551635516455165551665516755168551695517055171551725517355174551755517655177551785517955180551815518255183551845518555186551875518855189551905519155192551935519455195551965519755198551995520055201552025520355204552055520655207552085520955210552115521255213552145521555216552175521855219552205522155222552235522455225552265522755228552295523055231552325523355234552355523655237552385523955240552415524255243552445524555246552475524855249552505525155252552535525455255552565525755258552595526055261552625526355264552655526655267552685526955270552715527255273552745527555276552775527855279552805528155282552835528455285552865528755288552895529055291552925529355294552955529655297552985529955300553015530255303553045530555306553075530855309553105531155312553135531455315553165531755318553195532055321553225532355324553255532655327553285532955330553315533255333553345533555336553375533855339553405534155342553435534455345553465534755348553495535055351553525535355354553555535655357553585535955360553615536255363553645536555366553675536855369553705537155372553735537455375553765537755378553795538055381553825538355384553855538655387553885538955390553915539255393553945539555396553975539855399554005540155402554035540455405554065540755408554095541055411554125541355414554155541655417554185541955420554215542255423554245542555426554275542855429554305543155432554335543455435554365543755438554395544055441554425544355444554455544655447554485544955450554515545255453554545545555456554575545855459554605546155462554635546455465554665546755468554695547055471554725547355474554755547655477554785547955480554815548255483554845548555486554875548855489554905549155492554935549455495554965549755498554995550055501555025550355504555055550655507555085550955510555115551255513555145551555516555175551855519555205552155522555235552455525555265552755528555295553055531555325553355534555355553655537555385553955540555415554255543555445554555546555475554855549555505555155552555535555455555555565555755558555595556055561555625556355564555655556655567555685556955570555715557255573555745557555576555775557855579555805558155582555835558455585555865558755588555895559055591555925559355594555955559655597555985559955600556015560255603556045560555606556075560855609556105561155612556135561455615556165561755618556195562055621556225562355624556255562655627556285562955630556315563255633556345563555636556375563855639556405564155642556435564455645556465564755648556495565055651556525565355654556555565655657556585565955660556615566255663556645566555666556675566855669556705567155672556735567455675556765567755678556795568055681556825568355684556855568655687556885568955690556915569255693556945569555696556975569855699557005570155702557035570455705557065570755708557095571055711557125571355714557155571655717557185571955720557215572255723557245572555726557275572855729557305573155732557335573455735557365573755738557395574055741557425574355744557455574655747557485574955750557515575255753557545575555756557575575855759557605576155762557635576455765557665576755768557695577055771557725577355774557755577655777557785577955780557815578255783557845578555786557875578855789557905579155792557935579455795557965579755798557995580055801558025580355804558055580655807558085580955810558115581255813558145581555816558175581855819558205582155822558235582455825558265582755828558295583055831558325583355834558355583655837558385583955840558415584255843558445584555846558475584855849558505585155852558535585455855558565585755858558595586055861558625586355864558655586655867558685586955870558715587255873558745587555876558775587855879558805588155882558835588455885558865588755888558895589055891558925589355894558955589655897558985589955900559015590255903559045590555906559075590855909559105591155912559135591455915559165591755918559195592055921559225592355924559255592655927559285592955930559315593255933559345593555936559375593855939559405594155942559435594455945559465594755948559495595055951559525595355954559555595655957559585595955960559615596255963559645596555966559675596855969559705597155972559735597455975559765597755978559795598055981559825598355984559855598655987559885598955990559915599255993559945599555996559975599855999560005600156002560035600456005560065600756008560095601056011560125601356014560155601656017560185601956020560215602256023560245602556026560275602856029560305603156032560335603456035560365603756038560395604056041560425604356044560455604656047560485604956050560515605256053560545605556056560575605856059560605606156062560635606456065560665606756068560695607056071560725607356074560755607656077560785607956080560815608256083560845608556086560875608856089560905609156092560935609456095560965609756098560995610056101561025610356104561055610656107561085610956110561115611256113561145611556116561175611856119561205612156122561235612456125561265612756128561295613056131561325613356134561355613656137561385613956140561415614256143561445614556146561475614856149561505615156152561535615456155561565615756158561595616056161561625616356164561655616656167561685616956170561715617256173561745617556176561775617856179561805618156182561835618456185561865618756188561895619056191561925619356194561955619656197561985619956200562015620256203562045620556206562075620856209562105621156212562135621456215562165621756218562195622056221562225622356224562255622656227562285622956230562315623256233562345623556236562375623856239562405624156242562435624456245562465624756248562495625056251562525625356254562555625656257562585625956260562615626256263562645626556266562675626856269562705627156272562735627456275562765627756278562795628056281562825628356284562855628656287562885628956290562915629256293562945629556296562975629856299563005630156302563035630456305563065630756308563095631056311563125631356314563155631656317563185631956320563215632256323563245632556326563275632856329563305633156332563335633456335563365633756338563395634056341563425634356344563455634656347563485634956350563515635256353563545635556356563575635856359563605636156362563635636456365563665636756368563695637056371563725637356374563755637656377563785637956380563815638256383563845638556386563875638856389563905639156392563935639456395563965639756398563995640056401564025640356404564055640656407564085640956410564115641256413564145641556416564175641856419564205642156422564235642456425564265642756428564295643056431564325643356434564355643656437564385643956440564415644256443564445644556446564475644856449564505645156452564535645456455564565645756458564595646056461564625646356464564655646656467564685646956470564715647256473564745647556476564775647856479564805648156482564835648456485564865648756488564895649056491564925649356494564955649656497564985649956500565015650256503565045650556506565075650856509565105651156512565135651456515565165651756518565195652056521565225652356524565255652656527565285652956530565315653256533565345653556536565375653856539565405654156542565435654456545565465654756548565495655056551565525655356554565555655656557565585655956560565615656256563565645656556566565675656856569565705657156572565735657456575565765657756578565795658056581565825658356584565855658656587565885658956590565915659256593565945659556596565975659856599566005660156602566035660456605566065660756608566095661056611566125661356614566155661656617566185661956620566215662256623566245662556626566275662856629566305663156632566335663456635566365663756638566395664056641566425664356644566455664656647566485664956650566515665256653566545665556656566575665856659566605666156662566635666456665566665666756668566695667056671566725667356674566755667656677566785667956680566815668256683566845668556686566875668856689566905669156692566935669456695566965669756698566995670056701567025670356704567055670656707567085670956710567115671256713567145671556716567175671856719567205672156722567235672456725567265672756728567295673056731567325673356734567355673656737567385673956740567415674256743567445674556746567475674856749567505675156752567535675456755567565675756758567595676056761567625676356764567655676656767567685676956770567715677256773567745677556776567775677856779567805678156782567835678456785567865678756788567895679056791567925679356794567955679656797567985679956800568015680256803568045680556806568075680856809568105681156812568135681456815568165681756818568195682056821568225682356824568255682656827568285682956830568315683256833568345683556836568375683856839568405684156842568435684456845568465684756848568495685056851568525685356854568555685656857568585685956860568615686256863568645686556866568675686856869568705687156872568735687456875568765687756878568795688056881568825688356884568855688656887568885688956890568915689256893568945689556896568975689856899569005690156902569035690456905569065690756908569095691056911569125691356914569155691656917569185691956920569215692256923569245692556926569275692856929569305693156932569335693456935569365693756938569395694056941569425694356944569455694656947569485694956950569515695256953569545695556956569575695856959569605696156962569635696456965569665696756968569695697056971569725697356974569755697656977569785697956980569815698256983569845698556986569875698856989569905699156992569935699456995569965699756998569995700057001570025700357004570055700657007570085700957010570115701257013570145701557016570175701857019570205702157022570235702457025570265702757028570295703057031570325703357034570355703657037570385703957040570415704257043570445704557046570475704857049570505705157052570535705457055570565705757058570595706057061570625706357064570655706657067570685706957070570715707257073570745707557076570775707857079570805708157082570835708457085570865708757088570895709057091570925709357094570955709657097570985709957100571015710257103571045710557106571075710857109571105711157112571135711457115571165711757118571195712057121571225712357124571255712657127571285712957130571315713257133571345713557136571375713857139571405714157142571435714457145571465714757148571495715057151571525715357154571555715657157571585715957160571615716257163571645716557166571675716857169571705717157172571735717457175571765717757178571795718057181571825718357184571855718657187571885718957190571915719257193571945719557196571975719857199572005720157202572035720457205572065720757208572095721057211572125721357214572155721657217572185721957220572215722257223572245722557226572275722857229572305723157232572335723457235572365723757238572395724057241572425724357244572455724657247572485724957250572515725257253572545725557256572575725857259572605726157262572635726457265572665726757268572695727057271572725727357274572755727657277572785727957280572815728257283572845728557286572875728857289572905729157292572935729457295572965729757298572995730057301573025730357304573055730657307573085730957310573115731257313573145731557316573175731857319573205732157322573235732457325573265732757328573295733057331573325733357334573355733657337573385733957340573415734257343573445734557346573475734857349573505735157352573535735457355573565735757358573595736057361573625736357364573655736657367573685736957370573715737257373573745737557376573775737857379573805738157382573835738457385573865738757388573895739057391573925739357394573955739657397573985739957400574015740257403574045740557406574075740857409574105741157412574135741457415574165741757418574195742057421574225742357424574255742657427574285742957430574315743257433574345743557436574375743857439574405744157442574435744457445574465744757448574495745057451574525745357454574555745657457574585745957460574615746257463574645746557466574675746857469574705747157472574735747457475574765747757478574795748057481574825748357484574855748657487574885748957490574915749257493574945749557496574975749857499575005750157502575035750457505575065750757508575095751057511575125751357514575155751657517575185751957520575215752257523575245752557526575275752857529575305753157532575335753457535575365753757538575395754057541575425754357544575455754657547575485754957550575515755257553575545755557556575575755857559575605756157562575635756457565575665756757568575695757057571575725757357574575755757657577575785757957580575815758257583575845758557586575875758857589575905759157592575935759457595575965759757598575995760057601576025760357604576055760657607576085760957610576115761257613576145761557616576175761857619576205762157622576235762457625576265762757628576295763057631576325763357634576355763657637576385763957640576415764257643576445764557646576475764857649576505765157652576535765457655576565765757658576595766057661576625766357664576655766657667576685766957670576715767257673576745767557676576775767857679576805768157682576835768457685576865768757688576895769057691576925769357694576955769657697576985769957700577015770257703577045770557706577075770857709577105771157712577135771457715577165771757718577195772057721577225772357724577255772657727577285772957730577315773257733577345773557736577375773857739577405774157742577435774457745577465774757748577495775057751577525775357754577555775657757577585775957760577615776257763577645776557766577675776857769577705777157772577735777457775577765777757778577795778057781577825778357784577855778657787577885778957790577915779257793577945779557796577975779857799578005780157802578035780457805578065780757808578095781057811578125781357814578155781657817578185781957820578215782257823578245782557826578275782857829578305783157832578335783457835578365783757838578395784057841578425784357844578455784657847578485784957850578515785257853578545785557856578575785857859578605786157862578635786457865578665786757868578695787057871578725787357874578755787657877578785787957880578815788257883578845788557886578875788857889578905789157892578935789457895578965789757898578995790057901579025790357904579055790657907579085790957910579115791257913579145791557916579175791857919579205792157922579235792457925579265792757928579295793057931579325793357934579355793657937579385793957940579415794257943579445794557946579475794857949579505795157952579535795457955579565795757958579595796057961579625796357964579655796657967579685796957970579715797257973579745797557976579775797857979579805798157982579835798457985579865798757988579895799057991579925799357994579955799657997579985799958000580015800258003580045800558006580075800858009580105801158012580135801458015580165801758018580195802058021580225802358024580255802658027580285802958030580315803258033580345803558036580375803858039580405804158042580435804458045580465804758048580495805058051580525805358054580555805658057580585805958060580615806258063580645806558066580675806858069580705807158072580735807458075580765807758078580795808058081580825808358084580855808658087580885808958090580915809258093580945809558096580975809858099581005810158102581035810458105581065810758108581095811058111581125811358114581155811658117581185811958120581215812258123581245812558126581275812858129581305813158132581335813458135581365813758138581395814058141581425814358144581455814658147581485814958150581515815258153581545815558156581575815858159581605816158162581635816458165581665816758168581695817058171581725817358174581755817658177581785817958180581815818258183581845818558186581875818858189581905819158192581935819458195581965819758198581995820058201582025820358204582055820658207582085820958210582115821258213582145821558216582175821858219582205822158222582235822458225582265822758228582295823058231582325823358234582355823658237582385823958240582415824258243582445824558246582475824858249582505825158252582535825458255582565825758258582595826058261582625826358264582655826658267582685826958270582715827258273582745827558276582775827858279582805828158282582835828458285582865828758288582895829058291582925829358294582955829658297582985829958300583015830258303583045830558306583075830858309583105831158312583135831458315583165831758318583195832058321583225832358324583255832658327583285832958330583315833258333583345833558336583375833858339583405834158342583435834458345583465834758348583495835058351583525835358354583555835658357583585835958360583615836258363583645836558366583675836858369583705837158372583735837458375583765837758378583795838058381583825838358384583855838658387583885838958390583915839258393583945839558396583975839858399584005840158402584035840458405584065840758408584095841058411584125841358414584155841658417584185841958420584215842258423584245842558426584275842858429584305843158432584335843458435584365843758438584395844058441584425844358444584455844658447584485844958450584515845258453584545845558456584575845858459584605846158462584635846458465584665846758468584695847058471584725847358474584755847658477584785847958480584815848258483584845848558486584875848858489584905849158492584935849458495584965849758498584995850058501585025850358504585055850658507585085850958510585115851258513585145851558516585175851858519585205852158522585235852458525585265852758528585295853058531585325853358534585355853658537585385853958540585415854258543585445854558546585475854858549585505855158552585535855458555585565855758558585595856058561585625856358564585655856658567585685856958570585715857258573585745857558576585775857858579585805858158582585835858458585585865858758588585895859058591585925859358594585955859658597585985859958600586015860258603586045860558606586075860858609586105861158612586135861458615586165861758618586195862058621586225862358624586255862658627586285862958630586315863258633586345863558636586375863858639586405864158642586435864458645586465864758648586495865058651586525865358654586555865658657586585865958660586615866258663586645866558666586675866858669586705867158672586735867458675586765867758678586795868058681586825868358684586855868658687586885868958690586915869258693586945869558696586975869858699587005870158702587035870458705587065870758708587095871058711587125871358714587155871658717587185871958720587215872258723587245872558726587275872858729587305873158732587335873458735587365873758738587395874058741587425874358744587455874658747587485874958750587515875258753587545875558756587575875858759587605876158762587635876458765587665876758768587695877058771587725877358774587755877658777587785877958780587815878258783587845878558786587875878858789587905879158792587935879458795587965879758798587995880058801588025880358804588055880658807588085880958810588115881258813588145881558816588175881858819588205882158822588235882458825588265882758828588295883058831588325883358834588355883658837588385883958840588415884258843588445884558846588475884858849588505885158852588535885458855588565885758858588595886058861588625886358864588655886658867588685886958870588715887258873588745887558876588775887858879588805888158882588835888458885588865888758888588895889058891588925889358894588955889658897588985889958900589015890258903589045890558906589075890858909589105891158912589135891458915589165891758918589195892058921589225892358924589255892658927589285892958930589315893258933589345893558936589375893858939589405894158942589435894458945589465894758948589495895058951589525895358954589555895658957589585895958960589615896258963589645896558966589675896858969589705897158972589735897458975589765897758978589795898058981589825898358984589855898658987589885898958990589915899258993589945899558996589975899858999590005900159002590035900459005590065900759008590095901059011590125901359014590155901659017590185901959020590215902259023590245902559026590275902859029590305903159032590335903459035590365903759038590395904059041590425904359044590455904659047590485904959050590515905259053590545905559056590575905859059590605906159062590635906459065590665906759068590695907059071590725907359074590755907659077590785907959080590815908259083590845908559086590875908859089590905909159092590935909459095590965909759098590995910059101591025910359104591055910659107591085910959110591115911259113591145911559116591175911859119591205912159122591235912459125591265912759128591295913059131591325913359134591355913659137591385913959140591415914259143591445914559146591475914859149591505915159152591535915459155591565915759158591595916059161591625916359164591655916659167591685916959170591715917259173591745917559176591775917859179591805918159182591835918459185591865918759188591895919059191591925919359194591955919659197591985919959200592015920259203592045920559206592075920859209592105921159212592135921459215592165921759218592195922059221592225922359224592255922659227592285922959230592315923259233592345923559236592375923859239592405924159242592435924459245592465924759248592495925059251592525925359254592555925659257592585925959260592615926259263592645926559266592675926859269592705927159272592735927459275592765927759278592795928059281592825928359284592855928659287592885928959290592915929259293592945929559296592975929859299593005930159302593035930459305593065930759308593095931059311593125931359314593155931659317593185931959320593215932259323593245932559326593275932859329593305933159332593335933459335593365933759338593395934059341593425934359344593455934659347593485934959350593515935259353593545935559356593575935859359593605936159362593635936459365593665936759368593695937059371593725937359374593755937659377593785937959380593815938259383593845938559386593875938859389593905939159392593935939459395593965939759398593995940059401594025940359404594055940659407594085940959410594115941259413594145941559416594175941859419594205942159422594235942459425594265942759428594295943059431594325943359434594355943659437594385943959440594415944259443594445944559446594475944859449594505945159452594535945459455594565945759458594595946059461594625946359464594655946659467594685946959470594715947259473594745947559476594775947859479594805948159482594835948459485594865948759488594895949059491594925949359494594955949659497594985949959500595015950259503595045950559506595075950859509595105951159512595135951459515595165951759518595195952059521595225952359524595255952659527595285952959530595315953259533595345953559536595375953859539595405954159542595435954459545595465954759548595495955059551595525955359554595555955659557595585955959560595615956259563595645956559566595675956859569595705957159572595735957459575595765957759578595795958059581595825958359584595855958659587595885958959590595915959259593595945959559596595975959859599596005960159602596035960459605596065960759608596095961059611596125961359614596155961659617596185961959620596215962259623596245962559626596275962859629596305963159632596335963459635596365963759638596395964059641596425964359644596455964659647596485964959650596515965259653596545965559656596575965859659596605966159662596635966459665596665966759668596695967059671596725967359674596755967659677596785967959680596815968259683596845968559686596875968859689596905969159692596935969459695596965969759698596995970059701597025970359704597055970659707597085970959710597115971259713597145971559716597175971859719597205972159722597235972459725597265972759728597295973059731597325973359734597355973659737597385973959740597415974259743597445974559746597475974859749597505975159752597535975459755597565975759758597595976059761597625976359764597655976659767597685976959770597715977259773597745977559776597775977859779597805978159782597835978459785597865978759788597895979059791597925979359794597955979659797597985979959800598015980259803598045980559806598075980859809598105981159812598135981459815598165981759818598195982059821598225982359824598255982659827598285982959830598315983259833598345983559836598375983859839598405984159842598435984459845598465984759848598495985059851598525985359854598555985659857598585985959860598615986259863598645986559866598675986859869598705987159872598735987459875598765987759878598795988059881598825988359884598855988659887598885988959890598915989259893598945989559896598975989859899599005990159902599035990459905599065990759908599095991059911599125991359914599155991659917599185991959920599215992259923599245992559926599275992859929599305993159932599335993459935599365993759938599395994059941599425994359944599455994659947599485994959950599515995259953599545995559956599575995859959599605996159962599635996459965599665996759968599695997059971599725997359974599755997659977599785997959980599815998259983599845998559986599875998859989599905999159992599935999459995599965999759998599996000060001600026000360004600056000660007600086000960010600116001260013600146001560016600176001860019600206002160022600236002460025600266002760028600296003060031600326003360034600356003660037600386003960040600416004260043600446004560046600476004860049600506005160052600536005460055600566005760058600596006060061600626006360064600656006660067600686006960070600716007260073600746007560076600776007860079600806008160082600836008460085600866008760088600896009060091600926009360094600956009660097600986009960100601016010260103601046010560106601076010860109601106011160112601136011460115601166011760118601196012060121601226012360124601256012660127601286012960130601316013260133601346013560136601376013860139601406014160142601436014460145601466014760148601496015060151601526015360154601556015660157601586015960160601616016260163601646016560166601676016860169601706017160172601736017460175601766017760178601796018060181601826018360184601856018660187601886018960190601916019260193601946019560196601976019860199602006020160202602036020460205602066020760208602096021060211602126021360214602156021660217602186021960220602216022260223602246022560226602276022860229602306023160232602336023460235602366023760238602396024060241602426024360244602456024660247602486024960250602516025260253602546025560256602576025860259602606026160262602636026460265602666026760268602696027060271602726027360274602756027660277602786027960280602816028260283602846028560286602876028860289602906029160292602936029460295602966029760298602996030060301603026030360304603056030660307603086030960310603116031260313603146031560316603176031860319603206032160322603236032460325603266032760328603296033060331603326033360334603356033660337603386033960340603416034260343603446034560346603476034860349603506035160352603536035460355603566035760358603596036060361603626036360364603656036660367603686036960370603716037260373603746037560376603776037860379603806038160382603836038460385603866038760388603896039060391603926039360394603956039660397603986039960400604016040260403604046040560406604076040860409604106041160412604136041460415604166041760418604196042060421604226042360424604256042660427604286042960430604316043260433604346043560436604376043860439604406044160442604436044460445604466044760448604496045060451604526045360454604556045660457604586045960460604616046260463604646046560466604676046860469604706047160472604736047460475604766047760478604796048060481604826048360484604856048660487604886048960490604916049260493604946049560496604976049860499605006050160502605036050460505605066050760508605096051060511605126051360514605156051660517605186051960520605216052260523605246052560526605276052860529605306053160532605336053460535605366053760538605396054060541605426054360544605456054660547605486054960550605516055260553605546055560556605576055860559605606056160562605636056460565605666056760568605696057060571605726057360574605756057660577605786057960580605816058260583605846058560586605876058860589605906059160592605936059460595605966059760598605996060060601606026060360604606056060660607606086060960610606116061260613606146061560616606176061860619606206062160622606236062460625606266062760628606296063060631606326063360634606356063660637606386063960640606416064260643606446064560646606476064860649606506065160652606536065460655606566065760658606596066060661606626066360664606656066660667606686066960670606716067260673606746067560676606776067860679606806068160682606836068460685606866068760688606896069060691606926069360694606956069660697606986069960700607016070260703607046070560706607076070860709607106071160712607136071460715607166071760718607196072060721607226072360724607256072660727607286072960730607316073260733607346073560736607376073860739607406074160742607436074460745607466074760748607496075060751607526075360754607556075660757607586075960760607616076260763607646076560766607676076860769607706077160772607736077460775607766077760778607796078060781607826078360784607856078660787607886078960790607916079260793607946079560796607976079860799608006080160802608036080460805608066080760808608096081060811608126081360814608156081660817608186081960820608216082260823608246082560826608276082860829608306083160832608336083460835608366083760838608396084060841608426084360844608456084660847608486084960850608516085260853608546085560856608576085860859608606086160862608636086460865608666086760868608696087060871608726087360874608756087660877608786087960880608816088260883608846088560886608876088860889608906089160892608936089460895608966089760898608996090060901609026090360904609056090660907609086090960910609116091260913609146091560916609176091860919609206092160922609236092460925609266092760928609296093060931609326093360934609356093660937609386093960940609416094260943609446094560946609476094860949609506095160952609536095460955609566095760958609596096060961609626096360964609656096660967609686096960970609716097260973609746097560976609776097860979609806098160982609836098460985609866098760988609896099060991609926099360994609956099660997609986099961000610016100261003610046100561006610076100861009610106101161012610136101461015610166101761018610196102061021610226102361024610256102661027610286102961030610316103261033610346103561036610376103861039610406104161042610436104461045610466104761048610496105061051610526105361054610556105661057610586105961060610616106261063610646106561066610676106861069610706107161072610736107461075610766107761078610796108061081610826108361084610856108661087610886108961090610916109261093610946109561096610976109861099611006110161102611036110461105611066110761108611096111061111611126111361114611156111661117611186111961120611216112261123611246112561126611276112861129611306113161132611336113461135611366113761138611396114061141611426114361144611456114661147611486114961150611516115261153611546115561156611576115861159611606116161162611636116461165611666116761168611696117061171611726117361174611756117661177611786117961180611816118261183611846118561186611876118861189611906119161192611936119461195611966119761198611996120061201612026120361204612056120661207612086120961210612116121261213612146121561216612176121861219612206122161222612236122461225612266122761228612296123061231612326123361234612356123661237612386123961240612416124261243612446124561246612476124861249612506125161252612536125461255612566125761258612596126061261612626126361264612656126661267612686126961270612716127261273612746127561276612776127861279612806128161282612836128461285612866128761288612896129061291612926129361294612956129661297612986129961300613016130261303613046130561306613076130861309613106131161312613136131461315613166131761318613196132061321613226132361324613256132661327613286132961330613316133261333613346133561336613376133861339613406134161342613436134461345613466134761348613496135061351613526135361354613556135661357613586135961360613616136261363613646136561366613676136861369613706137161372613736137461375613766137761378613796138061381613826138361384613856138661387613886138961390613916139261393613946139561396613976139861399614006140161402614036140461405614066140761408614096141061411614126141361414614156141661417614186141961420614216142261423614246142561426614276142861429614306143161432614336143461435614366143761438614396144061441614426144361444614456144661447614486144961450614516145261453614546145561456614576145861459614606146161462614636146461465614666146761468614696147061471614726147361474614756147661477614786147961480614816148261483614846148561486614876148861489614906149161492614936149461495614966149761498614996150061501615026150361504615056150661507615086150961510615116151261513615146151561516615176151861519615206152161522615236152461525615266152761528615296153061531615326153361534615356153661537615386153961540615416154261543615446154561546615476154861549615506155161552615536155461555615566155761558615596156061561615626156361564615656156661567615686156961570615716157261573615746157561576615776157861579615806158161582615836158461585615866158761588615896159061591615926159361594615956159661597615986159961600616016160261603616046160561606616076160861609616106161161612616136161461615616166161761618616196162061621616226162361624616256162661627616286162961630616316163261633616346163561636616376163861639616406164161642616436164461645616466164761648616496165061651616526165361654616556165661657616586165961660616616166261663616646166561666616676166861669616706167161672616736167461675616766167761678616796168061681616826168361684616856168661687616886168961690616916169261693616946169561696616976169861699617006170161702617036170461705617066170761708617096171061711617126171361714617156171661717617186171961720617216172261723617246172561726617276172861729617306173161732617336173461735617366173761738617396174061741617426174361744617456174661747617486174961750617516175261753617546175561756617576175861759617606176161762617636176461765617666176761768617696177061771617726177361774617756177661777617786177961780617816178261783617846178561786617876178861789617906179161792617936179461795617966179761798617996180061801618026180361804618056180661807618086180961810618116181261813618146181561816618176181861819618206182161822618236182461825618266182761828618296183061831618326183361834618356183661837618386183961840618416184261843618446184561846618476184861849618506185161852618536185461855618566185761858618596186061861618626186361864618656186661867618686186961870618716187261873618746187561876618776187861879618806188161882618836188461885618866188761888618896189061891618926189361894618956189661897618986189961900619016190261903619046190561906619076190861909619106191161912619136191461915619166191761918619196192061921619226192361924619256192661927619286192961930619316193261933619346193561936619376193861939619406194161942619436194461945619466194761948619496195061951619526195361954619556195661957619586195961960619616196261963619646196561966619676196861969619706197161972619736197461975619766197761978619796198061981619826198361984619856198661987619886198961990619916199261993619946199561996619976199861999620006200162002620036200462005620066200762008620096201062011620126201362014620156201662017620186201962020620216202262023620246202562026620276202862029620306203162032620336203462035620366203762038620396204062041620426204362044620456204662047620486204962050620516205262053620546205562056620576205862059620606206162062620636206462065620666206762068620696207062071620726207362074620756207662077620786207962080620816208262083620846208562086620876208862089620906209162092620936209462095620966209762098620996210062101621026210362104621056210662107621086210962110621116211262113621146211562116621176211862119621206212162122621236212462125621266212762128621296213062131621326213362134621356213662137621386213962140621416214262143621446214562146621476214862149621506215162152621536215462155621566215762158621596216062161621626216362164621656216662167621686216962170621716217262173621746217562176621776217862179621806218162182621836218462185621866218762188621896219062191621926219362194621956219662197621986219962200622016220262203622046220562206622076220862209622106221162212622136221462215622166221762218622196222062221622226222362224622256222662227622286222962230622316223262233622346223562236622376223862239622406224162242622436224462245622466224762248622496225062251622526225362254622556225662257622586225962260622616226262263622646226562266622676226862269622706227162272622736227462275622766227762278622796228062281622826228362284622856228662287622886228962290622916229262293622946229562296622976229862299623006230162302623036230462305623066230762308623096231062311623126231362314623156231662317623186231962320623216232262323623246232562326623276232862329623306233162332623336233462335623366233762338623396234062341623426234362344623456234662347623486234962350623516235262353623546235562356623576235862359623606236162362623636236462365623666236762368623696237062371623726237362374623756237662377623786237962380623816238262383623846238562386623876238862389623906239162392623936239462395623966239762398623996240062401624026240362404624056240662407624086240962410624116241262413624146241562416624176241862419624206242162422624236242462425624266242762428624296243062431624326243362434624356243662437624386243962440624416244262443624446244562446624476244862449624506245162452624536245462455624566245762458624596246062461624626246362464624656246662467624686246962470624716247262473624746247562476624776247862479624806248162482624836248462485624866248762488624896249062491624926249362494624956249662497624986249962500625016250262503625046250562506625076250862509625106251162512625136251462515625166251762518625196252062521625226252362524625256252662527625286252962530625316253262533625346253562536625376253862539625406254162542625436254462545625466254762548625496255062551625526255362554625556255662557625586255962560625616256262563625646256562566625676256862569625706257162572625736257462575625766257762578625796258062581625826258362584625856258662587625886258962590625916259262593625946259562596625976259862599626006260162602626036260462605626066260762608626096261062611626126261362614626156261662617626186261962620626216262262623626246262562626626276262862629626306263162632626336263462635626366263762638626396264062641626426264362644626456264662647626486264962650626516265262653626546265562656626576265862659626606266162662626636266462665626666266762668626696267062671626726267362674626756267662677626786267962680626816268262683626846268562686626876268862689626906269162692626936269462695626966269762698626996270062701627026270362704627056270662707627086270962710627116271262713627146271562716627176271862719627206272162722627236272462725627266272762728627296273062731627326273362734627356273662737627386273962740627416274262743627446274562746627476274862749627506275162752627536275462755627566275762758627596276062761627626276362764627656276662767627686276962770627716277262773627746277562776627776277862779627806278162782627836278462785627866278762788627896279062791627926279362794627956279662797627986279962800628016280262803628046280562806628076280862809628106281162812628136281462815628166281762818628196282062821628226282362824628256282662827628286282962830628316283262833628346283562836628376283862839628406284162842628436284462845628466284762848628496285062851628526285362854628556285662857628586285962860628616286262863628646286562866628676286862869628706287162872628736287462875628766287762878628796288062881628826288362884628856288662887628886288962890628916289262893628946289562896628976289862899629006290162902629036290462905629066290762908629096291062911629126291362914629156291662917629186291962920629216292262923629246292562926629276292862929629306293162932629336293462935629366293762938629396294062941629426294362944629456294662947629486294962950629516295262953629546295562956629576295862959629606296162962629636296462965629666296762968629696297062971629726297362974629756297662977629786297962980629816298262983629846298562986629876298862989629906299162992629936299462995629966299762998629996300063001630026300363004630056300663007630086300963010630116301263013630146301563016630176301863019630206302163022630236302463025630266302763028630296303063031630326303363034630356303663037630386303963040630416304263043630446304563046630476304863049630506305163052630536305463055630566305763058630596306063061630626306363064630656306663067630686306963070630716307263073630746307563076630776307863079630806308163082630836308463085630866308763088630896309063091630926309363094630956309663097630986309963100631016310263103631046310563106631076310863109631106311163112631136311463115631166311763118631196312063121631226312363124631256312663127631286312963130631316313263133631346313563136631376313863139631406314163142631436314463145631466314763148631496315063151631526315363154631556315663157631586315963160631616316263163631646316563166631676316863169631706317163172631736317463175631766317763178631796318063181631826318363184631856318663187631886318963190631916319263193631946319563196631976319863199632006320163202632036320463205632066320763208632096321063211632126321363214632156321663217632186321963220632216322263223632246322563226632276322863229632306323163232632336323463235632366323763238632396324063241632426324363244632456324663247632486324963250632516325263253632546325563256632576325863259632606326163262632636326463265632666326763268632696327063271632726327363274632756327663277632786327963280632816328263283632846328563286632876328863289632906329163292632936329463295632966329763298632996330063301633026330363304633056330663307633086330963310633116331263313633146331563316633176331863319633206332163322633236332463325633266332763328633296333063331633326333363334633356333663337633386333963340633416334263343633446334563346633476334863349633506335163352633536335463355633566335763358633596336063361633626336363364633656336663367633686336963370633716337263373633746337563376633776337863379633806338163382633836338463385633866338763388633896339063391633926339363394633956339663397633986339963400634016340263403634046340563406634076340863409634106341163412634136341463415634166341763418634196342063421634226342363424634256342663427634286342963430634316343263433634346343563436634376343863439634406344163442634436344463445634466344763448634496345063451634526345363454634556345663457634586345963460634616346263463634646346563466634676346863469634706347163472634736347463475634766347763478634796348063481634826348363484634856348663487634886348963490634916349263493634946349563496634976349863499635006350163502635036350463505635066350763508635096351063511635126351363514635156351663517635186351963520635216352263523635246352563526635276352863529635306353163532635336353463535635366353763538635396354063541635426354363544635456354663547635486354963550635516355263553635546355563556635576355863559635606356163562635636356463565635666356763568635696357063571635726357363574635756357663577635786357963580635816358263583635846358563586635876358863589635906359163592635936359463595635966359763598635996360063601636026360363604636056360663607636086360963610636116361263613636146361563616636176361863619636206362163622636236362463625636266362763628636296363063631636326363363634636356363663637636386363963640636416364263643636446364563646636476364863649636506365163652636536365463655636566365763658636596366063661636626366363664636656366663667636686366963670636716367263673636746367563676636776367863679636806368163682636836368463685636866368763688636896369063691636926369363694636956369663697636986369963700637016370263703637046370563706637076370863709637106371163712637136371463715637166371763718637196372063721637226372363724637256372663727637286372963730637316373263733637346373563736637376373863739637406374163742637436374463745637466374763748637496375063751637526375363754637556375663757637586375963760637616376263763637646376563766637676376863769637706377163772637736377463775637766377763778637796378063781637826378363784637856378663787637886378963790637916379263793637946379563796637976379863799638006380163802638036380463805638066380763808638096381063811638126381363814638156381663817638186381963820638216382263823638246382563826638276382863829638306383163832638336383463835638366383763838638396384063841638426384363844638456384663847638486384963850638516385263853638546385563856638576385863859638606386163862638636386463865638666386763868638696387063871638726387363874638756387663877638786387963880638816388263883638846388563886638876388863889638906389163892638936389463895638966389763898638996390063901639026390363904639056390663907639086390963910639116391263913639146391563916639176391863919639206392163922639236392463925639266392763928639296393063931639326393363934639356393663937639386393963940639416394263943639446394563946639476394863949639506395163952639536395463955639566395763958639596396063961639626396363964639656396663967639686396963970639716397263973639746397563976639776397863979639806398163982639836398463985639866398763988639896399063991639926399363994639956399663997639986399964000640016400264003640046400564006640076400864009640106401164012640136401464015640166401764018640196402064021640226402364024640256402664027640286402964030640316403264033640346403564036640376403864039640406404164042640436404464045640466404764048640496405064051640526405364054640556405664057640586405964060640616406264063640646406564066640676406864069640706407164072640736407464075640766407764078640796408064081640826408364084640856408664087640886408964090640916409264093640946409564096640976409864099641006410164102641036410464105641066410764108641096411064111641126411364114641156411664117641186411964120641216412264123641246412564126641276412864129641306413164132641336413464135641366413764138641396414064141641426414364144641456414664147641486414964150641516415264153641546415564156641576415864159641606416164162641636416464165641666416764168641696417064171641726417364174641756417664177641786417964180641816418264183641846418564186641876418864189641906419164192641936419464195641966419764198641996420064201642026420364204642056420664207642086420964210642116421264213642146421564216642176421864219642206422164222642236422464225642266422764228642296423064231642326423364234642356423664237642386423964240642416424264243642446424564246642476424864249642506425164252642536425464255642566425764258642596426064261642626426364264642656426664267642686426964270642716427264273642746427564276642776427864279642806428164282642836428464285642866428764288642896429064291642926429364294642956429664297642986429964300643016430264303643046430564306643076430864309643106431164312643136431464315643166431764318643196432064321643226432364324643256432664327643286432964330643316433264333643346433564336643376433864339643406434164342643436434464345643466434764348643496435064351643526435364354643556435664357643586435964360643616436264363643646436564366643676436864369643706437164372643736437464375643766437764378643796438064381643826438364384643856438664387643886438964390643916439264393643946439564396643976439864399644006440164402644036440464405644066440764408644096441064411644126441364414644156441664417644186441964420644216442264423644246442564426644276442864429644306443164432644336443464435644366443764438644396444064441644426444364444644456444664447644486444964450644516445264453644546445564456644576445864459644606446164462644636446464465644666446764468644696447064471644726447364474644756447664477644786447964480644816448264483644846448564486644876448864489644906449164492644936449464495644966449764498644996450064501645026450364504645056450664507645086450964510645116451264513645146451564516645176451864519645206452164522645236452464525645266452764528645296453064531645326453364534645356453664537645386453964540645416454264543645446454564546645476454864549645506455164552645536455464555645566455764558645596456064561645626456364564645656456664567645686456964570645716457264573645746457564576645776457864579645806458164582645836458464585645866458764588645896459064591645926459364594645956459664597645986459964600646016460264603646046460564606646076460864609646106461164612646136461464615646166461764618646196462064621646226462364624646256462664627646286462964630646316463264633646346463564636646376463864639646406464164642646436464464645646466464764648646496465064651646526465364654646556465664657646586465964660646616466264663646646466564666646676466864669646706467164672646736467464675646766467764678646796468064681646826468364684646856468664687646886468964690646916469264693646946469564696646976469864699647006470164702647036470464705647066470764708647096471064711647126471364714647156471664717647186471964720647216472264723647246472564726647276472864729647306473164732647336473464735647366473764738647396474064741647426474364744647456474664747647486474964750647516475264753647546475564756647576475864759647606476164762647636476464765647666476764768647696477064771647726477364774647756477664777647786477964780647816478264783647846478564786647876478864789647906479164792647936479464795647966479764798647996480064801648026480364804648056480664807648086480964810648116481264813648146481564816648176481864819648206482164822648236482464825648266482764828648296483064831648326483364834648356483664837648386483964840648416484264843648446484564846648476484864849648506485164852648536485464855648566485764858648596486064861648626486364864648656486664867648686486964870648716487264873648746487564876648776487864879648806488164882648836488464885648866488764888648896489064891648926489364894648956489664897648986489964900649016490264903649046490564906649076490864909649106491164912649136491464915649166491764918649196492064921649226492364924649256492664927649286492964930649316493264933649346493564936649376493864939649406494164942649436494464945649466494764948649496495064951649526495364954649556495664957649586495964960649616496264963649646496564966649676496864969649706497164972649736497464975649766497764978649796498064981649826498364984649856498664987649886498964990649916499264993649946499564996649976499864999650006500165002650036500465005650066500765008650096501065011650126501365014650156501665017650186501965020650216502265023650246502565026650276502865029650306503165032650336503465035650366503765038650396504065041650426504365044650456504665047650486504965050650516505265053650546505565056650576505865059650606506165062650636506465065650666506765068650696507065071650726507365074650756507665077650786507965080650816508265083650846508565086650876508865089650906509165092650936509465095650966509765098650996510065101651026510365104651056510665107651086510965110651116511265113651146511565116651176511865119651206512165122651236512465125651266512765128651296513065131651326513365134651356513665137651386513965140651416514265143651446514565146651476514865149651506515165152651536515465155651566515765158651596516065161651626516365164651656516665167651686516965170651716517265173651746517565176651776517865179651806518165182651836518465185651866518765188651896519065191651926519365194651956519665197651986519965200652016520265203652046520565206652076520865209652106521165212652136521465215652166521765218652196522065221652226522365224652256522665227652286522965230652316523265233652346523565236652376523865239652406524165242652436524465245652466524765248652496525065251652526525365254652556525665257652586525965260652616526265263652646526565266652676526865269652706527165272652736527465275652766527765278652796528065281652826528365284652856528665287652886528965290652916529265293652946529565296652976529865299653006530165302653036530465305653066530765308653096531065311653126531365314653156531665317653186531965320653216532265323653246532565326653276532865329653306533165332653336533465335653366533765338653396534065341653426534365344653456534665347653486534965350653516535265353653546535565356653576535865359653606536165362653636536465365653666536765368653696537065371653726537365374653756537665377653786537965380653816538265383653846538565386653876538865389653906539165392653936539465395653966539765398653996540065401654026540365404654056540665407654086540965410654116541265413654146541565416654176541865419654206542165422654236542465425654266542765428654296543065431654326543365434654356543665437654386543965440654416544265443654446544565446654476544865449654506545165452654536545465455654566545765458654596546065461654626546365464654656546665467654686546965470654716547265473654746547565476654776547865479654806548165482654836548465485654866548765488654896549065491654926549365494654956549665497654986549965500655016550265503655046550565506655076550865509655106551165512655136551465515655166551765518655196552065521655226552365524655256552665527655286552965530655316553265533655346553565536655376553865539655406554165542655436554465545655466554765548655496555065551655526555365554655556555665557655586555965560655616556265563655646556565566655676556865569655706557165572655736557465575655766557765578655796558065581655826558365584655856558665587655886558965590655916559265593655946559565596655976559865599656006560165602656036560465605656066560765608656096561065611656126561365614656156561665617656186561965620656216562265623656246562565626656276562865629656306563165632656336563465635656366563765638656396564065641656426564365644656456564665647656486564965650656516565265653656546565565656656576565865659656606566165662656636566465665656666566765668656696567065671656726567365674656756567665677656786567965680656816568265683656846568565686656876568865689656906569165692656936569465695656966569765698656996570065701657026570365704657056570665707657086570965710657116571265713657146571565716657176571865719657206572165722657236572465725657266572765728657296573065731657326573365734657356573665737657386573965740657416574265743657446574565746657476574865749657506575165752657536575465755657566575765758657596576065761657626576365764657656576665767657686576965770657716577265773657746577565776657776577865779657806578165782657836578465785657866578765788657896579065791657926579365794657956579665797657986579965800658016580265803658046580565806658076580865809658106581165812658136581465815658166581765818658196582065821658226582365824658256582665827658286582965830658316583265833658346583565836658376583865839658406584165842658436584465845658466584765848658496585065851658526585365854658556585665857658586585965860658616586265863658646586565866658676586865869658706587165872658736587465875658766587765878658796588065881658826588365884658856588665887658886588965890658916589265893658946589565896658976589865899659006590165902659036590465905659066590765908659096591065911659126591365914659156591665917659186591965920659216592265923659246592565926659276592865929659306593165932659336593465935659366593765938659396594065941659426594365944659456594665947659486594965950659516595265953659546595565956659576595865959659606596165962659636596465965659666596765968659696597065971659726597365974659756597665977659786597965980659816598265983659846598565986659876598865989659906599165992659936599465995659966599765998659996600066001660026600366004660056600666007660086600966010660116601266013660146601566016660176601866019660206602166022660236602466025660266602766028660296603066031660326603366034660356603666037660386603966040660416604266043660446604566046660476604866049660506605166052660536605466055660566605766058660596606066061660626606366064660656606666067660686606966070660716607266073660746607566076660776607866079660806608166082660836608466085660866608766088660896609066091660926609366094660956609666097660986609966100661016610266103661046610566106661076610866109661106611166112661136611466115661166611766118661196612066121661226612366124661256612666127661286612966130661316613266133661346613566136661376613866139661406614166142661436614466145661466614766148661496615066151661526615366154661556615666157661586615966160661616616266163661646616566166661676616866169661706617166172661736617466175661766617766178661796618066181661826618366184661856618666187661886618966190661916619266193661946619566196661976619866199662006620166202662036620466205662066620766208662096621066211662126621366214662156621666217662186621966220662216622266223662246622566226662276622866229662306623166232662336623466235662366623766238662396624066241662426624366244662456624666247662486624966250662516625266253662546625566256662576625866259662606626166262662636626466265662666626766268662696627066271662726627366274662756627666277662786627966280662816628266283662846628566286662876628866289662906629166292662936629466295662966629766298662996630066301663026630366304663056630666307663086630966310663116631266313663146631566316663176631866319663206632166322663236632466325663266632766328663296633066331663326633366334663356633666337663386633966340663416634266343663446634566346663476634866349663506635166352663536635466355663566635766358663596636066361663626636366364663656636666367663686636966370663716637266373663746637566376663776637866379663806638166382663836638466385663866638766388663896639066391663926639366394663956639666397663986639966400664016640266403664046640566406664076640866409664106641166412664136641466415664166641766418664196642066421664226642366424664256642666427664286642966430664316643266433664346643566436664376643866439664406644166442664436644466445664466644766448664496645066451664526645366454664556645666457664586645966460664616646266463664646646566466664676646866469664706647166472664736647466475664766647766478664796648066481664826648366484664856648666487664886648966490664916649266493664946649566496664976649866499665006650166502665036650466505665066650766508665096651066511665126651366514665156651666517665186651966520665216652266523665246652566526665276652866529665306653166532665336653466535665366653766538665396654066541665426654366544665456654666547665486654966550665516655266553665546655566556665576655866559665606656166562665636656466565665666656766568665696657066571665726657366574665756657666577665786657966580665816658266583665846658566586665876658866589665906659166592665936659466595665966659766598665996660066601666026660366604666056660666607666086660966610666116661266613666146661566616666176661866619666206662166622666236662466625666266662766628666296663066631666326663366634666356663666637666386663966640666416664266643666446664566646666476664866649666506665166652666536665466655666566665766658666596666066661666626666366664666656666666667666686666966670666716667266673666746667566676666776667866679666806668166682666836668466685666866668766688666896669066691666926669366694666956669666697666986669966700667016670266703667046670566706667076670866709667106671166712667136671466715667166671766718667196672066721667226672366724667256672666727667286672966730667316673266733667346673566736667376673866739667406674166742667436674466745667466674766748667496675066751667526675366754667556675666757667586675966760667616676266763667646676566766667676676866769667706677166772667736677466775667766677766778667796678066781667826678366784667856678666787667886678966790667916679266793667946679566796667976679866799668006680166802668036680466805668066680766808668096681066811668126681366814668156681666817668186681966820668216682266823668246682566826668276682866829668306683166832668336683466835668366683766838668396684066841668426684366844668456684666847668486684966850668516685266853668546685566856668576685866859668606686166862668636686466865668666686766868668696687066871668726687366874668756687666877668786687966880668816688266883668846688566886668876688866889668906689166892668936689466895668966689766898668996690066901669026690366904669056690666907669086690966910669116691266913669146691566916669176691866919669206692166922669236692466925669266692766928669296693066931669326693366934669356693666937669386693966940669416694266943669446694566946669476694866949669506695166952669536695466955669566695766958669596696066961669626696366964669656696666967669686696966970669716697266973669746697566976669776697866979669806698166982669836698466985669866698766988669896699066991669926699366994669956699666997669986699967000670016700267003670046700567006670076700867009670106701167012670136701467015670166701767018670196702067021670226702367024670256702667027670286702967030670316703267033670346703567036670376703867039670406704167042670436704467045670466704767048670496705067051670526705367054670556705667057670586705967060670616706267063670646706567066670676706867069670706707167072670736707467075670766707767078670796708067081670826708367084670856708667087670886708967090670916709267093670946709567096670976709867099671006710167102671036710467105671066710767108671096711067111671126711367114671156711667117671186711967120671216712267123671246712567126671276712867129671306713167132671336713467135671366713767138671396714067141671426714367144671456714667147671486714967150671516715267153671546715567156671576715867159671606716167162671636716467165671666716767168671696717067171671726717367174671756717667177671786717967180671816718267183671846718567186671876718867189671906719167192671936719467195671966719767198671996720067201672026720367204672056720667207672086720967210672116721267213672146721567216672176721867219672206722167222672236722467225672266722767228672296723067231672326723367234672356723667237672386723967240672416724267243672446724567246672476724867249672506725167252672536725467255672566725767258672596726067261672626726367264672656726667267672686726967270672716727267273672746727567276672776727867279672806728167282672836728467285672866728767288672896729067291672926729367294672956729667297672986729967300673016730267303673046730567306673076730867309673106731167312673136731467315673166731767318673196732067321673226732367324673256732667327673286732967330673316733267333673346733567336673376733867339673406734167342673436734467345673466734767348673496735067351673526735367354673556735667357673586735967360673616736267363673646736567366673676736867369673706737167372673736737467375673766737767378673796738067381673826738367384673856738667387673886738967390673916739267393673946739567396673976739867399674006740167402674036740467405674066740767408674096741067411674126741367414674156741667417674186741967420674216742267423674246742567426674276742867429674306743167432674336743467435674366743767438674396744067441674426744367444674456744667447674486744967450674516745267453674546745567456674576745867459674606746167462674636746467465674666746767468674696747067471674726747367474674756747667477674786747967480674816748267483674846748567486674876748867489674906749167492674936749467495674966749767498674996750067501675026750367504675056750667507675086750967510675116751267513675146751567516675176751867519675206752167522675236752467525675266752767528675296753067531675326753367534675356753667537675386753967540675416754267543675446754567546675476754867549675506755167552675536755467555675566755767558675596756067561675626756367564675656756667567675686756967570675716757267573675746757567576675776757867579675806758167582675836758467585675866758767588675896759067591675926759367594675956759667597675986759967600676016760267603676046760567606676076760867609676106761167612676136761467615676166761767618676196762067621676226762367624676256762667627676286762967630676316763267633676346763567636676376763867639676406764167642676436764467645676466764767648676496765067651676526765367654676556765667657676586765967660676616766267663676646766567666676676766867669676706767167672676736767467675676766767767678676796768067681676826768367684676856768667687676886768967690676916769267693676946769567696676976769867699677006770167702677036770467705677066770767708677096771067711677126771367714677156771667717677186771967720677216772267723677246772567726677276772867729677306773167732677336773467735677366773767738677396774067741677426774367744677456774667747677486774967750677516775267753677546775567756677576775867759677606776167762677636776467765677666776767768677696777067771677726777367774677756777667777677786777967780677816778267783677846778567786677876778867789677906779167792677936779467795677966779767798677996780067801678026780367804678056780667807678086780967810678116781267813678146781567816678176781867819678206782167822678236782467825678266782767828678296783067831678326783367834678356783667837678386783967840678416784267843678446784567846678476784867849678506785167852678536785467855678566785767858678596786067861678626786367864678656786667867678686786967870678716787267873678746787567876678776787867879678806788167882678836788467885678866788767888678896789067891678926789367894678956789667897678986789967900679016790267903679046790567906679076790867909679106791167912679136791467915679166791767918679196792067921679226792367924679256792667927679286792967930679316793267933679346793567936679376793867939679406794167942679436794467945679466794767948679496795067951679526795367954679556795667957679586795967960679616796267963679646796567966679676796867969679706797167972679736797467975679766797767978679796798067981679826798367984679856798667987679886798967990679916799267993679946799567996679976799867999680006800168002680036800468005680066800768008680096801068011680126801368014680156801668017680186801968020680216802268023680246802568026680276802868029680306803168032680336803468035680366803768038680396804068041680426804368044680456804668047680486804968050680516805268053680546805568056680576805868059680606806168062680636806468065680666806768068680696807068071680726807368074680756807668077680786807968080680816808268083680846808568086680876808868089680906809168092680936809468095680966809768098680996810068101681026810368104681056810668107681086810968110681116811268113681146811568116681176811868119681206812168122681236812468125681266812768128681296813068131681326813368134681356813668137681386813968140681416814268143681446814568146681476814868149681506815168152681536815468155681566815768158681596816068161681626816368164681656816668167681686816968170681716817268173681746817568176681776817868179681806818168182681836818468185681866818768188681896819068191681926819368194681956819668197681986819968200682016820268203682046820568206682076820868209682106821168212682136821468215682166821768218682196822068221682226822368224682256822668227682286822968230682316823268233682346823568236682376823868239682406824168242682436824468245682466824768248682496825068251682526825368254682556825668257682586825968260682616826268263682646826568266682676826868269682706827168272682736827468275682766827768278682796828068281682826828368284682856828668287682886828968290682916829268293682946829568296682976829868299683006830168302683036830468305683066830768308683096831068311683126831368314683156831668317683186831968320683216832268323683246832568326683276832868329683306833168332683336833468335683366833768338683396834068341683426834368344683456834668347683486834968350683516835268353683546835568356683576835868359683606836168362683636836468365683666836768368683696837068371683726837368374683756837668377683786837968380683816838268383683846838568386683876838868389683906839168392683936839468395683966839768398683996840068401684026840368404684056840668407684086840968410684116841268413684146841568416684176841868419684206842168422684236842468425684266842768428684296843068431684326843368434684356843668437684386843968440684416844268443684446844568446684476844868449684506845168452684536845468455684566845768458684596846068461684626846368464684656846668467684686846968470684716847268473684746847568476684776847868479684806848168482684836848468485684866848768488684896849068491684926849368494684956849668497684986849968500685016850268503685046850568506685076850868509685106851168512685136851468515685166851768518685196852068521685226852368524685256852668527685286852968530685316853268533685346853568536685376853868539685406854168542685436854468545685466854768548685496855068551685526855368554685556855668557685586855968560685616856268563685646856568566685676856868569685706857168572685736857468575685766857768578685796858068581685826858368584685856858668587685886858968590685916859268593685946859568596685976859868599686006860168602686036860468605686066860768608686096861068611686126861368614686156861668617686186861968620686216862268623686246862568626686276862868629686306863168632686336863468635686366863768638686396864068641686426864368644686456864668647686486864968650686516865268653686546865568656686576865868659686606866168662686636866468665686666866768668686696867068671686726867368674686756867668677686786867968680686816868268683686846868568686686876868868689686906869168692686936869468695686966869768698686996870068701687026870368704687056870668707687086870968710687116871268713687146871568716687176871868719687206872168722687236872468725687266872768728687296873068731687326873368734687356873668737687386873968740687416874268743687446874568746687476874868749687506875168752687536875468755687566875768758687596876068761687626876368764687656876668767687686876968770687716877268773687746877568776687776877868779687806878168782687836878468785687866878768788687896879068791687926879368794687956879668797687986879968800688016880268803688046880568806688076880868809688106881168812688136881468815688166881768818688196882068821688226882368824688256882668827688286882968830688316883268833688346883568836688376883868839688406884168842688436884468845688466884768848688496885068851688526885368854688556885668857688586885968860688616886268863688646886568866688676886868869688706887168872688736887468875688766887768878688796888068881688826888368884688856888668887688886888968890688916889268893688946889568896688976889868899689006890168902689036890468905689066890768908689096891068911689126891368914689156891668917689186891968920689216892268923689246892568926689276892868929689306893168932689336893468935689366893768938689396894068941689426894368944689456894668947689486894968950689516895268953689546895568956689576895868959689606896168962689636896468965689666896768968689696897068971689726897368974689756897668977689786897968980689816898268983689846898568986689876898868989689906899168992689936899468995689966899768998689996900069001690026900369004690056900669007690086900969010690116901269013690146901569016690176901869019690206902169022690236902469025690266902769028690296903069031690326903369034690356903669037690386903969040690416904269043690446904569046690476904869049690506905169052690536905469055690566905769058690596906069061690626906369064690656906669067690686906969070690716907269073690746907569076690776907869079690806908169082690836908469085690866908769088690896909069091690926909369094690956909669097690986909969100691016910269103691046910569106691076910869109691106911169112691136911469115691166911769118691196912069121691226912369124691256912669127691286912969130691316913269133691346913569136691376913869139691406914169142691436914469145691466914769148691496915069151691526915369154691556915669157691586915969160691616916269163691646916569166691676916869169691706917169172691736917469175691766917769178691796918069181691826918369184691856918669187691886918969190691916919269193691946919569196691976919869199692006920169202692036920469205692066920769208692096921069211692126921369214692156921669217692186921969220692216922269223692246922569226692276922869229692306923169232692336923469235692366923769238692396924069241692426924369244692456924669247692486924969250692516925269253692546925569256692576925869259692606926169262692636926469265692666926769268692696927069271692726927369274692756927669277692786927969280692816928269283692846928569286692876928869289692906929169292692936929469295692966929769298692996930069301693026930369304693056930669307693086930969310693116931269313693146931569316693176931869319693206932169322693236932469325693266932769328693296933069331693326933369334693356933669337693386933969340693416934269343693446934569346693476934869349693506935169352693536935469355693566935769358693596936069361693626936369364693656936669367693686936969370693716937269373693746937569376693776937869379693806938169382693836938469385693866938769388693896939069391693926939369394693956939669397693986939969400694016940269403694046940569406694076940869409694106941169412694136941469415694166941769418694196942069421694226942369424694256942669427694286942969430694316943269433694346943569436694376943869439694406944169442694436944469445694466944769448694496945069451694526945369454694556945669457694586945969460694616946269463694646946569466694676946869469694706947169472694736947469475694766947769478694796948069481694826948369484694856948669487694886948969490694916949269493694946949569496694976949869499695006950169502695036950469505695066950769508695096951069511695126951369514695156951669517695186951969520695216952269523695246952569526695276952869529695306953169532695336953469535695366953769538695396954069541695426954369544695456954669547695486954969550695516955269553695546955569556695576955869559695606956169562695636956469565695666956769568695696957069571695726957369574695756957669577695786957969580695816958269583695846958569586695876958869589695906959169592695936959469595695966959769598695996960069601696026960369604696056960669607696086960969610696116961269613696146961569616696176961869619696206962169622696236962469625696266962769628696296963069631696326963369634696356963669637696386963969640696416964269643696446964569646696476964869649696506965169652696536965469655696566965769658696596966069661696626966369664696656966669667696686966969670696716967269673696746967569676696776967869679696806968169682696836968469685696866968769688696896969069691696926969369694696956969669697696986969969700697016970269703697046970569706697076970869709697106971169712697136971469715697166971769718697196972069721697226972369724697256972669727697286972969730697316973269733697346973569736697376973869739697406974169742697436974469745697466974769748697496975069751697526975369754697556975669757697586975969760697616976269763697646976569766697676976869769697706977169772697736977469775697766977769778697796978069781697826978369784697856978669787697886978969790697916979269793697946979569796697976979869799698006980169802698036980469805698066980769808698096981069811698126981369814698156981669817698186981969820698216982269823698246982569826698276982869829698306983169832698336983469835698366983769838698396984069841698426984369844698456984669847698486984969850698516985269853698546985569856698576985869859698606986169862698636986469865698666986769868698696987069871698726987369874698756987669877698786987969880698816988269883698846988569886698876988869889698906989169892698936989469895698966989769898698996990069901699026990369904699056990669907699086990969910699116991269913699146991569916699176991869919699206992169922699236992469925699266992769928699296993069931699326993369934699356993669937699386993969940699416994269943699446994569946699476994869949699506995169952699536995469955699566995769958699596996069961699626996369964699656996669967699686996969970699716997269973699746997569976699776997869979699806998169982699836998469985699866998769988699896999069991699926999369994699956999669997699986999970000700017000270003700047000570006700077000870009700107001170012700137001470015700167001770018700197002070021700227002370024700257002670027700287002970030700317003270033700347003570036700377003870039700407004170042700437004470045700467004770048700497005070051700527005370054700557005670057700587005970060700617006270063700647006570066700677006870069700707007170072700737007470075700767007770078700797008070081700827008370084700857008670087700887008970090700917009270093700947009570096700977009870099701007010170102701037010470105701067010770108701097011070111701127011370114701157011670117701187011970120701217012270123701247012570126701277012870129701307013170132701337013470135701367013770138701397014070141701427014370144701457014670147701487014970150701517015270153701547015570156701577015870159701607016170162701637016470165701667016770168701697017070171701727017370174701757017670177701787017970180701817018270183701847018570186701877018870189701907019170192701937019470195701967019770198701997020070201702027020370204702057020670207702087020970210702117021270213702147021570216702177021870219702207022170222702237022470225702267022770228702297023070231702327023370234702357023670237702387023970240702417024270243702447024570246702477024870249702507025170252702537025470255702567025770258702597026070261702627026370264702657026670267702687026970270702717027270273702747027570276702777027870279702807028170282702837028470285702867028770288702897029070291702927029370294702957029670297702987029970300703017030270303703047030570306703077030870309703107031170312703137031470315703167031770318703197032070321703227032370324703257032670327703287032970330703317033270333703347033570336703377033870339703407034170342703437034470345703467034770348703497035070351703527035370354703557035670357703587035970360703617036270363703647036570366703677036870369703707037170372703737037470375703767037770378703797038070381703827038370384703857038670387703887038970390703917039270393703947039570396703977039870399704007040170402704037040470405704067040770408704097041070411704127041370414704157041670417704187041970420704217042270423704247042570426704277042870429704307043170432704337043470435704367043770438704397044070441704427044370444704457044670447704487044970450704517045270453704547045570456704577045870459704607046170462704637046470465704667046770468704697047070471704727047370474704757047670477704787047970480704817048270483704847048570486704877048870489704907049170492704937049470495704967049770498704997050070501705027050370504705057050670507705087050970510705117051270513705147051570516705177051870519705207052170522705237052470525705267052770528705297053070531705327053370534705357053670537705387053970540705417054270543705447054570546705477054870549705507055170552705537055470555705567055770558705597056070561705627056370564705657056670567705687056970570705717057270573705747057570576705777057870579705807058170582705837058470585705867058770588705897059070591705927059370594705957059670597705987059970600706017060270603706047060570606706077060870609706107061170612706137061470615706167061770618706197062070621706227062370624706257062670627706287062970630706317063270633706347063570636706377063870639706407064170642706437064470645706467064770648706497065070651706527065370654706557065670657706587065970660706617066270663706647066570666706677066870669706707067170672706737067470675706767067770678706797068070681706827068370684706857068670687706887068970690706917069270693706947069570696706977069870699707007070170702707037070470705707067070770708707097071070711707127071370714707157071670717707187071970720707217072270723707247072570726707277072870729707307073170732707337073470735707367073770738707397074070741707427074370744707457074670747707487074970750707517075270753707547075570756707577075870759707607076170762707637076470765707667076770768707697077070771707727077370774707757077670777707787077970780707817078270783707847078570786707877078870789707907079170792707937079470795707967079770798707997080070801708027080370804708057080670807708087080970810708117081270813708147081570816708177081870819708207082170822708237082470825708267082770828708297083070831708327083370834708357083670837708387083970840708417084270843708447084570846708477084870849708507085170852708537085470855708567085770858708597086070861708627086370864708657086670867708687086970870708717087270873708747087570876708777087870879708807088170882708837088470885708867088770888708897089070891708927089370894708957089670897708987089970900709017090270903709047090570906709077090870909709107091170912709137091470915709167091770918709197092070921709227092370924709257092670927709287092970930709317093270933709347093570936709377093870939709407094170942709437094470945709467094770948709497095070951709527095370954709557095670957709587095970960709617096270963709647096570966709677096870969709707097170972709737097470975709767097770978709797098070981709827098370984709857098670987709887098970990709917099270993709947099570996709977099870999710007100171002710037100471005710067100771008710097101071011710127101371014710157101671017710187101971020710217102271023710247102571026710277102871029710307103171032710337103471035710367103771038710397104071041710427104371044710457104671047710487104971050710517105271053710547105571056710577105871059710607106171062710637106471065710667106771068710697107071071710727107371074710757107671077710787107971080710817108271083710847108571086710877108871089710907109171092710937109471095710967109771098710997110071101711027110371104711057110671107711087110971110711117111271113711147111571116711177111871119711207112171122711237112471125711267112771128711297113071131711327113371134711357113671137711387113971140711417114271143711447114571146711477114871149711507115171152711537115471155711567115771158711597116071161711627116371164711657116671167711687116971170711717117271173711747117571176711777117871179711807118171182711837118471185711867118771188711897119071191711927119371194711957119671197711987119971200712017120271203712047120571206712077120871209712107121171212712137121471215712167121771218712197122071221712227122371224712257122671227712287122971230712317123271233712347123571236712377123871239712407124171242712437124471245712467124771248712497125071251712527125371254712557125671257712587125971260712617126271263712647126571266712677126871269712707127171272712737127471275712767127771278712797128071281712827128371284712857128671287712887128971290712917129271293712947129571296712977129871299713007130171302713037130471305713067130771308713097131071311713127131371314713157131671317713187131971320713217132271323713247132571326713277132871329713307133171332713337133471335713367133771338713397134071341713427134371344713457134671347713487134971350713517135271353713547135571356713577135871359713607136171362713637136471365713667136771368713697137071371713727137371374713757137671377713787137971380713817138271383713847138571386713877138871389713907139171392713937139471395713967139771398713997140071401714027140371404714057140671407714087140971410714117141271413714147141571416714177141871419714207142171422714237142471425714267142771428714297143071431714327143371434714357143671437714387143971440714417144271443714447144571446714477144871449714507145171452714537145471455714567145771458714597146071461714627146371464714657146671467714687146971470714717147271473714747147571476714777147871479714807148171482714837148471485714867148771488714897149071491714927149371494714957149671497714987149971500715017150271503715047150571506715077150871509715107151171512715137151471515715167151771518715197152071521715227152371524715257152671527715287152971530715317153271533715347153571536715377153871539715407154171542715437154471545715467154771548715497155071551715527155371554715557155671557715587155971560715617156271563715647156571566715677156871569715707157171572715737157471575715767157771578715797158071581715827158371584715857158671587715887158971590715917159271593715947159571596715977159871599716007160171602716037160471605716067160771608716097161071611716127161371614716157161671617716187161971620716217162271623716247162571626716277162871629716307163171632716337163471635716367163771638716397164071641716427164371644716457164671647716487164971650716517165271653716547165571656716577165871659716607166171662716637166471665716667166771668716697167071671716727167371674716757167671677716787167971680716817168271683716847168571686716877168871689716907169171692716937169471695716967169771698716997170071701717027170371704717057170671707717087170971710717117171271713717147171571716717177171871719717207172171722717237172471725717267172771728717297173071731717327173371734717357173671737717387173971740717417174271743717447174571746717477174871749717507175171752717537175471755717567175771758717597176071761717627176371764717657176671767717687176971770717717177271773717747177571776717777177871779717807178171782717837178471785717867178771788717897179071791717927179371794717957179671797717987179971800718017180271803718047180571806718077180871809718107181171812718137181471815718167181771818718197182071821718227182371824718257182671827718287182971830718317183271833718347183571836718377183871839718407184171842718437184471845718467184771848718497185071851718527185371854718557185671857718587185971860718617186271863718647186571866718677186871869718707187171872718737187471875718767187771878718797188071881718827188371884718857188671887718887188971890718917189271893718947189571896718977189871899719007190171902719037190471905719067190771908719097191071911719127191371914719157191671917719187191971920719217192271923719247192571926719277192871929719307193171932719337193471935719367193771938719397194071941719427194371944719457194671947719487194971950719517195271953719547195571956719577195871959719607196171962719637196471965719667196771968719697197071971719727197371974719757197671977719787197971980719817198271983719847198571986719877198871989719907199171992719937199471995719967199771998719997200072001720027200372004720057200672007720087200972010720117201272013720147201572016720177201872019720207202172022720237202472025720267202772028720297203072031720327203372034720357203672037720387203972040720417204272043720447204572046720477204872049720507205172052720537205472055720567205772058720597206072061720627206372064720657206672067720687206972070720717207272073720747207572076720777207872079720807208172082720837208472085720867208772088720897209072091720927209372094720957209672097720987209972100721017210272103721047210572106721077210872109721107211172112721137211472115721167211772118721197212072121721227212372124721257212672127721287212972130721317213272133721347213572136721377213872139721407214172142721437214472145721467214772148721497215072151721527215372154721557215672157721587215972160721617216272163721647216572166721677216872169721707217172172721737217472175721767217772178721797218072181721827218372184721857218672187721887218972190721917219272193721947219572196721977219872199722007220172202722037220472205722067220772208722097221072211722127221372214722157221672217722187221972220722217222272223722247222572226722277222872229722307223172232722337223472235722367223772238722397224072241722427224372244722457224672247722487224972250722517225272253722547225572256722577225872259722607226172262722637226472265722667226772268722697227072271722727227372274722757227672277722787227972280722817228272283722847228572286722877228872289722907229172292722937229472295722967229772298722997230072301723027230372304723057230672307723087230972310723117231272313723147231572316723177231872319723207232172322723237232472325723267232772328723297233072331723327233372334723357233672337723387233972340723417234272343723447234572346723477234872349723507235172352723537235472355723567235772358723597236072361723627236372364723657236672367723687236972370723717237272373723747237572376723777237872379723807238172382723837238472385723867238772388723897239072391723927239372394723957239672397723987239972400724017240272403724047240572406724077240872409724107241172412724137241472415724167241772418724197242072421724227242372424724257242672427724287242972430724317243272433724347243572436724377243872439724407244172442724437244472445724467244772448724497245072451724527245372454724557245672457724587245972460724617246272463724647246572466724677246872469724707247172472724737247472475724767247772478724797248072481724827248372484724857248672487724887248972490724917249272493724947249572496724977249872499725007250172502725037250472505725067250772508725097251072511725127251372514725157251672517725187251972520725217252272523725247252572526725277252872529725307253172532725337253472535725367253772538725397254072541725427254372544725457254672547725487254972550725517255272553725547255572556725577255872559725607256172562725637256472565725667256772568725697257072571725727257372574725757257672577725787257972580725817258272583725847258572586725877258872589725907259172592725937259472595725967259772598725997260072601726027260372604726057260672607726087260972610726117261272613726147261572616726177261872619726207262172622726237262472625726267262772628726297263072631726327263372634726357263672637726387263972640726417264272643726447264572646726477264872649726507265172652726537265472655726567265772658726597266072661726627266372664726657266672667726687266972670726717267272673726747267572676726777267872679726807268172682726837268472685726867268772688726897269072691726927269372694726957269672697726987269972700727017270272703727047270572706727077270872709727107271172712727137271472715727167271772718727197272072721727227272372724727257272672727727287272972730727317273272733727347273572736727377273872739727407274172742727437274472745727467274772748727497275072751727527275372754727557275672757727587275972760727617276272763727647276572766727677276872769727707277172772727737277472775727767277772778727797278072781727827278372784727857278672787727887278972790727917279272793727947279572796727977279872799728007280172802728037280472805728067280772808728097281072811728127281372814728157281672817728187281972820728217282272823728247282572826728277282872829728307283172832728337283472835728367283772838728397284072841728427284372844728457284672847728487284972850728517285272853728547285572856728577285872859728607286172862728637286472865728667286772868728697287072871728727287372874728757287672877728787287972880728817288272883728847288572886728877288872889728907289172892728937289472895728967289772898728997290072901729027290372904729057290672907729087290972910729117291272913729147291572916729177291872919729207292172922729237292472925729267292772928729297293072931729327293372934729357293672937729387293972940729417294272943729447294572946729477294872949729507295172952729537295472955729567295772958729597296072961729627296372964729657296672967729687296972970729717297272973729747297572976729777297872979729807298172982729837298472985729867298772988729897299072991729927299372994729957299672997729987299973000730017300273003730047300573006730077300873009730107301173012730137301473015730167301773018730197302073021730227302373024730257302673027730287302973030730317303273033730347303573036730377303873039730407304173042730437304473045730467304773048730497305073051730527305373054730557305673057730587305973060730617306273063730647306573066730677306873069730707307173072730737307473075730767307773078730797308073081730827308373084730857308673087730887308973090730917309273093730947309573096730977309873099731007310173102731037310473105731067310773108731097311073111731127311373114731157311673117731187311973120731217312273123731247312573126731277312873129731307313173132731337313473135731367313773138731397314073141731427314373144731457314673147731487314973150731517315273153731547315573156731577315873159731607316173162731637316473165731667316773168731697317073171731727317373174731757317673177731787317973180731817318273183731847318573186731877318873189731907319173192731937319473195731967319773198731997320073201732027320373204732057320673207732087320973210732117321273213732147321573216732177321873219732207322173222732237322473225732267322773228732297323073231732327323373234732357323673237732387323973240732417324273243732447324573246732477324873249732507325173252732537325473255732567325773258732597326073261732627326373264732657326673267732687326973270732717327273273732747327573276732777327873279732807328173282732837328473285732867328773288732897329073291732927329373294732957329673297732987329973300733017330273303733047330573306733077330873309733107331173312733137331473315733167331773318733197332073321733227332373324733257332673327733287332973330733317333273333733347333573336733377333873339733407334173342733437334473345733467334773348733497335073351733527335373354733557335673357733587335973360733617336273363733647336573366733677336873369733707337173372733737337473375733767337773378733797338073381733827338373384733857338673387733887338973390733917339273393733947339573396733977339873399734007340173402734037340473405734067340773408734097341073411734127341373414734157341673417734187341973420734217342273423734247342573426734277342873429734307343173432734337343473435734367343773438734397344073441734427344373444734457344673447734487344973450734517345273453734547345573456734577345873459734607346173462734637346473465734667346773468734697347073471734727347373474734757347673477734787347973480734817348273483734847348573486734877348873489734907349173492734937349473495734967349773498734997350073501735027350373504735057350673507735087350973510735117351273513735147351573516735177351873519735207352173522735237352473525735267352773528735297353073531735327353373534735357353673537735387353973540735417354273543735447354573546735477354873549735507355173552735537355473555735567355773558735597356073561735627356373564735657356673567735687356973570735717357273573735747357573576735777357873579735807358173582735837358473585735867358773588735897359073591735927359373594735957359673597735987359973600736017360273603736047360573606736077360873609736107361173612736137361473615736167361773618736197362073621736227362373624736257362673627736287362973630736317363273633736347363573636736377363873639736407364173642736437364473645736467364773648736497365073651736527365373654736557365673657736587365973660736617366273663736647366573666736677366873669736707367173672736737367473675736767367773678736797368073681736827368373684736857368673687736887368973690736917369273693736947369573696736977369873699737007370173702737037370473705737067370773708737097371073711737127371373714737157371673717737187371973720737217372273723737247372573726737277372873729737307373173732737337373473735737367373773738737397374073741737427374373744737457374673747737487374973750737517375273753737547375573756737577375873759737607376173762737637376473765737667376773768737697377073771737727377373774737757377673777737787377973780737817378273783737847378573786737877378873789737907379173792737937379473795737967379773798737997380073801738027380373804738057380673807738087380973810738117381273813738147381573816738177381873819738207382173822738237382473825738267382773828738297383073831738327383373834738357383673837738387383973840738417384273843738447384573846738477384873849738507385173852738537385473855738567385773858738597386073861738627386373864738657386673867738687386973870738717387273873738747387573876738777387873879738807388173882738837388473885738867388773888738897389073891738927389373894738957389673897738987389973900739017390273903739047390573906739077390873909739107391173912739137391473915739167391773918739197392073921739227392373924739257392673927739287392973930739317393273933739347393573936739377393873939739407394173942739437394473945739467394773948739497395073951739527395373954739557395673957739587395973960739617396273963739647396573966739677396873969739707397173972739737397473975739767397773978739797398073981739827398373984739857398673987739887398973990739917399273993739947399573996739977399873999740007400174002740037400474005740067400774008740097401074011740127401374014740157401674017740187401974020740217402274023740247402574026740277402874029740307403174032740337403474035740367403774038740397404074041740427404374044740457404674047740487404974050740517405274053740547405574056740577405874059740607406174062740637406474065740667406774068740697407074071740727407374074740757407674077740787407974080740817408274083740847408574086740877408874089740907409174092740937409474095740967409774098740997410074101741027410374104741057410674107741087410974110741117411274113741147411574116741177411874119741207412174122741237412474125741267412774128741297413074131741327413374134741357413674137741387413974140741417414274143741447414574146741477414874149741507415174152741537415474155741567415774158741597416074161741627416374164741657416674167741687416974170741717417274173741747417574176741777417874179741807418174182741837418474185741867418774188741897419074191741927419374194741957419674197741987419974200742017420274203742047420574206742077420874209742107421174212742137421474215742167421774218742197422074221742227422374224742257422674227742287422974230742317423274233742347423574236742377423874239742407424174242742437424474245742467424774248742497425074251742527425374254742557425674257742587425974260742617426274263742647426574266742677426874269742707427174272742737427474275742767427774278742797428074281742827428374284742857428674287742887428974290742917429274293742947429574296742977429874299743007430174302743037430474305743067430774308743097431074311743127431374314743157431674317743187431974320743217432274323743247432574326743277432874329743307433174332743337433474335743367433774338743397434074341743427434374344743457434674347743487434974350743517435274353743547435574356743577435874359743607436174362743637436474365743667436774368743697437074371743727437374374743757437674377743787437974380743817438274383743847438574386743877438874389743907439174392743937439474395743967439774398743997440074401744027440374404744057440674407744087440974410744117441274413744147441574416744177441874419744207442174422744237442474425744267442774428744297443074431744327443374434744357443674437744387443974440744417444274443744447444574446744477444874449744507445174452744537445474455744567445774458744597446074461744627446374464744657446674467744687446974470744717447274473744747447574476744777447874479744807448174482744837448474485744867448774488744897449074491744927449374494744957449674497744987449974500745017450274503745047450574506745077450874509745107451174512745137451474515745167451774518745197452074521745227452374524745257452674527745287452974530745317453274533745347453574536745377453874539745407454174542745437454474545745467454774548745497455074551745527455374554745557455674557745587455974560745617456274563745647456574566745677456874569745707457174572745737457474575745767457774578745797458074581745827458374584745857458674587745887458974590745917459274593745947459574596745977459874599746007460174602746037460474605746067460774608746097461074611746127461374614746157461674617746187461974620746217462274623746247462574626746277462874629746307463174632746337463474635746367463774638746397464074641746427464374644746457464674647746487464974650746517465274653746547465574656746577465874659746607466174662746637466474665746667466774668746697467074671746727467374674746757467674677746787467974680746817468274683746847468574686746877468874689746907469174692746937469474695746967469774698746997470074701747027470374704747057470674707747087470974710747117471274713747147471574716747177471874719747207472174722747237472474725747267472774728747297473074731747327473374734747357473674737747387473974740747417474274743747447474574746747477474874749747507475174752747537475474755747567475774758747597476074761747627476374764747657476674767747687476974770747717477274773747747477574776747777477874779747807478174782747837478474785747867478774788747897479074791747927479374794747957479674797747987479974800748017480274803748047480574806748077480874809748107481174812748137481474815748167481774818748197482074821748227482374824748257482674827748287482974830748317483274833748347483574836748377483874839748407484174842748437484474845748467484774848748497485074851748527485374854748557485674857748587485974860748617486274863748647486574866748677486874869748707487174872748737487474875748767487774878748797488074881748827488374884748857488674887748887488974890748917489274893748947489574896748977489874899749007490174902749037490474905749067490774908749097491074911749127491374914749157491674917749187491974920749217492274923749247492574926749277492874929749307493174932749337493474935749367493774938749397494074941749427494374944749457494674947749487494974950749517495274953749547495574956749577495874959749607496174962749637496474965749667496774968749697497074971749727497374974749757497674977749787497974980749817498274983749847498574986749877498874989749907499174992749937499474995749967499774998749997500075001750027500375004750057500675007750087500975010750117501275013750147501575016750177501875019750207502175022750237502475025750267502775028750297503075031750327503375034750357503675037750387503975040750417504275043750447504575046750477504875049750507505175052750537505475055750567505775058750597506075061750627506375064750657506675067750687506975070750717507275073750747507575076750777507875079750807508175082750837508475085750867508775088750897509075091750927509375094750957509675097750987509975100751017510275103751047510575106751077510875109751107511175112751137511475115751167511775118751197512075121751227512375124751257512675127751287512975130751317513275133751347513575136751377513875139751407514175142751437514475145751467514775148751497515075151751527515375154751557515675157751587515975160751617516275163751647516575166751677516875169751707517175172751737517475175751767517775178751797518075181751827518375184751857518675187751887518975190751917519275193751947519575196751977519875199752007520175202752037520475205752067520775208752097521075211752127521375214752157521675217752187521975220752217522275223752247522575226752277522875229752307523175232752337523475235752367523775238752397524075241752427524375244752457524675247752487524975250752517525275253752547525575256752577525875259752607526175262752637526475265752667526775268752697527075271752727527375274752757527675277752787527975280752817528275283752847528575286752877528875289752907529175292752937529475295752967529775298752997530075301753027530375304753057530675307753087530975310753117531275313753147531575316753177531875319753207532175322753237532475325753267532775328753297533075331753327533375334753357533675337753387533975340753417534275343753447534575346753477534875349753507535175352753537535475355753567535775358753597536075361753627536375364753657536675367753687536975370753717537275373753747537575376753777537875379753807538175382753837538475385753867538775388753897539075391753927539375394753957539675397753987539975400754017540275403754047540575406754077540875409754107541175412754137541475415754167541775418754197542075421754227542375424754257542675427754287542975430754317543275433754347543575436754377543875439754407544175442754437544475445754467544775448754497545075451754527545375454754557545675457754587545975460754617546275463754647546575466754677546875469754707547175472754737547475475754767547775478754797548075481754827548375484754857548675487754887548975490754917549275493754947549575496754977549875499755007550175502755037550475505755067550775508755097551075511755127551375514755157551675517755187551975520755217552275523755247552575526755277552875529755307553175532755337553475535755367553775538755397554075541755427554375544755457554675547755487554975550755517555275553755547555575556755577555875559755607556175562755637556475565755667556775568755697557075571755727557375574755757557675577755787557975580755817558275583755847558575586755877558875589755907559175592755937559475595755967559775598755997560075601756027560375604756057560675607756087560975610756117561275613756147561575616756177561875619756207562175622756237562475625756267562775628756297563075631756327563375634756357563675637756387563975640756417564275643756447564575646756477564875649756507565175652756537565475655756567565775658756597566075661756627566375664756657566675667756687566975670756717567275673756747567575676756777567875679756807568175682756837568475685756867568775688756897569075691756927569375694756957569675697756987569975700757017570275703757047570575706757077570875709757107571175712757137571475715757167571775718757197572075721757227572375724757257572675727757287572975730757317573275733757347573575736757377573875739757407574175742757437574475745757467574775748757497575075751757527575375754757557575675757757587575975760757617576275763757647576575766757677576875769757707577175772757737577475775757767577775778757797578075781757827578375784757857578675787757887578975790757917579275793757947579575796757977579875799758007580175802758037580475805758067580775808758097581075811758127581375814758157581675817758187581975820758217582275823758247582575826758277582875829758307583175832758337583475835758367583775838758397584075841758427584375844758457584675847758487584975850758517585275853758547585575856758577585875859758607586175862758637586475865758667586775868758697587075871758727587375874758757587675877758787587975880758817588275883758847588575886758877588875889758907589175892758937589475895758967589775898758997590075901759027590375904759057590675907759087590975910759117591275913759147591575916759177591875919759207592175922759237592475925759267592775928759297593075931759327593375934759357593675937759387593975940759417594275943759447594575946759477594875949759507595175952759537595475955759567595775958759597596075961759627596375964759657596675967759687596975970759717597275973759747597575976759777597875979759807598175982759837598475985759867598775988759897599075991759927599375994759957599675997759987599976000760017600276003760047600576006760077600876009760107601176012760137601476015760167601776018760197602076021760227602376024760257602676027760287602976030760317603276033760347603576036760377603876039760407604176042760437604476045760467604776048760497605076051760527605376054760557605676057760587605976060760617606276063760647606576066760677606876069760707607176072760737607476075760767607776078760797608076081760827608376084760857608676087760887608976090760917609276093760947609576096760977609876099761007610176102761037610476105761067610776108761097611076111761127611376114761157611676117761187611976120761217612276123761247612576126761277612876129761307613176132761337613476135761367613776138761397614076141761427614376144761457614676147761487614976150761517615276153761547615576156761577615876159761607616176162761637616476165761667616776168761697617076171761727617376174761757617676177761787617976180761817618276183761847618576186761877618876189761907619176192761937619476195761967619776198761997620076201762027620376204762057620676207762087620976210762117621276213762147621576216762177621876219762207622176222762237622476225762267622776228762297623076231762327623376234762357623676237762387623976240762417624276243762447624576246762477624876249762507625176252762537625476255762567625776258762597626076261762627626376264762657626676267762687626976270762717627276273762747627576276762777627876279762807628176282762837628476285762867628776288762897629076291762927629376294762957629676297762987629976300763017630276303763047630576306763077630876309763107631176312763137631476315763167631776318763197632076321763227632376324763257632676327763287632976330763317633276333763347633576336763377633876339763407634176342763437634476345763467634776348763497635076351763527635376354763557635676357763587635976360763617636276363763647636576366763677636876369763707637176372763737637476375763767637776378763797638076381763827638376384763857638676387763887638976390763917639276393763947639576396763977639876399764007640176402764037640476405764067640776408764097641076411764127641376414764157641676417764187641976420764217642276423764247642576426764277642876429764307643176432764337643476435764367643776438764397644076441764427644376444764457644676447764487644976450764517645276453764547645576456764577645876459764607646176462764637646476465764667646776468764697647076471764727647376474764757647676477764787647976480764817648276483764847648576486764877648876489764907649176492764937649476495764967649776498764997650076501765027650376504765057650676507765087650976510765117651276513765147651576516765177651876519765207652176522765237652476525765267652776528765297653076531765327653376534765357653676537765387653976540765417654276543765447654576546765477654876549765507655176552765537655476555765567655776558765597656076561765627656376564765657656676567765687656976570765717657276573765747657576576765777657876579765807658176582765837658476585765867658776588765897659076591765927659376594765957659676597765987659976600766017660276603766047660576606766077660876609766107661176612766137661476615766167661776618766197662076621766227662376624766257662676627766287662976630766317663276633766347663576636766377663876639766407664176642766437664476645766467664776648766497665076651766527665376654766557665676657766587665976660766617666276663766647666576666766677666876669766707667176672766737667476675766767667776678766797668076681766827668376684766857668676687766887668976690766917669276693766947669576696766977669876699767007670176702767037670476705767067670776708767097671076711767127671376714767157671676717767187671976720767217672276723767247672576726767277672876729767307673176732767337673476735767367673776738767397674076741767427674376744767457674676747767487674976750767517675276753767547675576756767577675876759767607676176762767637676476765767667676776768767697677076771767727677376774767757677676777767787677976780767817678276783767847678576786767877678876789767907679176792767937679476795767967679776798767997680076801768027680376804768057680676807768087680976810768117681276813768147681576816768177681876819768207682176822768237682476825768267682776828768297683076831768327683376834768357683676837768387683976840768417684276843768447684576846768477684876849768507685176852768537685476855768567685776858768597686076861768627686376864768657686676867768687686976870768717687276873768747687576876768777687876879768807688176882768837688476885768867688776888768897689076891768927689376894768957689676897768987689976900769017690276903769047690576906769077690876909769107691176912769137691476915769167691776918769197692076921769227692376924769257692676927769287692976930769317693276933769347693576936769377693876939769407694176942769437694476945769467694776948769497695076951769527695376954769557695676957769587695976960769617696276963769647696576966769677696876969769707697176972769737697476975769767697776978769797698076981769827698376984769857698676987769887698976990769917699276993769947699576996769977699876999770007700177002770037700477005770067700777008770097701077011770127701377014770157701677017770187701977020770217702277023770247702577026770277702877029770307703177032770337703477035770367703777038770397704077041770427704377044770457704677047770487704977050770517705277053770547705577056770577705877059770607706177062770637706477065770667706777068770697707077071770727707377074770757707677077770787707977080770817708277083770847708577086770877708877089770907709177092770937709477095770967709777098770997710077101771027710377104771057710677107771087710977110771117711277113771147711577116771177711877119771207712177122771237712477125771267712777128771297713077131771327713377134771357713677137771387713977140771417714277143771447714577146771477714877149771507715177152771537715477155771567715777158771597716077161771627716377164771657716677167771687716977170771717717277173771747717577176771777717877179771807718177182771837718477185771867718777188771897719077191771927719377194771957719677197771987719977200772017720277203772047720577206772077720877209772107721177212772137721477215772167721777218772197722077221772227722377224772257722677227772287722977230772317723277233772347723577236772377723877239772407724177242772437724477245772467724777248772497725077251772527725377254772557725677257772587725977260772617726277263772647726577266772677726877269772707727177272772737727477275772767727777278772797728077281772827728377284772857728677287772887728977290772917729277293772947729577296772977729877299773007730177302773037730477305773067730777308773097731077311773127731377314773157731677317773187731977320773217732277323773247732577326773277732877329773307733177332773337733477335773367733777338773397734077341773427734377344773457734677347773487734977350773517735277353773547735577356773577735877359773607736177362773637736477365773667736777368773697737077371773727737377374773757737677377773787737977380773817738277383773847738577386773877738877389773907739177392773937739477395773967739777398773997740077401774027740377404774057740677407774087740977410774117741277413774147741577416774177741877419774207742177422774237742477425774267742777428774297743077431774327743377434774357743677437774387743977440774417744277443774447744577446774477744877449774507745177452774537745477455774567745777458774597746077461774627746377464774657746677467774687746977470774717747277473774747747577476774777747877479774807748177482774837748477485774867748777488774897749077491774927749377494774957749677497774987749977500775017750277503775047750577506775077750877509775107751177512775137751477515775167751777518775197752077521775227752377524775257752677527775287752977530775317753277533775347753577536775377753877539775407754177542775437754477545775467754777548775497755077551775527755377554775557755677557775587755977560775617756277563775647756577566775677756877569775707757177572775737757477575775767757777578775797758077581775827758377584775857758677587775887758977590775917759277593775947759577596775977759877599776007760177602776037760477605776067760777608776097761077611776127761377614776157761677617776187761977620776217762277623776247762577626776277762877629776307763177632776337763477635776367763777638776397764077641776427764377644776457764677647776487764977650776517765277653776547765577656776577765877659776607766177662776637766477665776667766777668776697767077671776727767377674776757767677677776787767977680776817768277683776847768577686776877768877689776907769177692776937769477695776967769777698776997770077701777027770377704777057770677707777087770977710777117771277713777147771577716777177771877719777207772177722777237772477725777267772777728777297773077731777327773377734777357773677737777387773977740777417774277743777447774577746777477774877749777507775177752777537775477755777567775777758777597776077761777627776377764777657776677767777687776977770777717777277773777747777577776777777777877779777807778177782777837778477785777867778777788777897779077791777927779377794777957779677797777987779977800778017780277803778047780577806778077780877809778107781177812778137781477815778167781777818778197782077821778227782377824778257782677827778287782977830778317783277833778347783577836778377783877839778407784177842778437784477845778467784777848778497785077851778527785377854778557785677857778587785977860778617786277863778647786577866778677786877869778707787177872778737787477875778767787777878778797788077881778827788377884778857788677887778887788977890778917789277893778947789577896778977789877899779007790177902779037790477905779067790777908779097791077911779127791377914779157791677917779187791977920779217792277923779247792577926779277792877929779307793177932779337793477935779367793777938779397794077941779427794377944779457794677947779487794977950779517795277953779547795577956779577795877959779607796177962779637796477965779667796777968779697797077971779727797377974779757797677977779787797977980779817798277983779847798577986779877798877989779907799177992779937799477995779967799777998779997800078001780027800378004780057800678007780087800978010780117801278013780147801578016780177801878019780207802178022780237802478025780267802778028780297803078031780327803378034780357803678037780387803978040780417804278043780447804578046780477804878049780507805178052780537805478055780567805778058780597806078061780627806378064780657806678067780687806978070780717807278073780747807578076780777807878079780807808178082780837808478085780867808778088780897809078091780927809378094780957809678097780987809978100781017810278103781047810578106781077810878109781107811178112781137811478115781167811778118781197812078121781227812378124781257812678127781287812978130781317813278133781347813578136781377813878139781407814178142781437814478145781467814778148781497815078151781527815378154781557815678157781587815978160781617816278163781647816578166781677816878169781707817178172781737817478175781767817778178781797818078181781827818378184781857818678187781887818978190781917819278193781947819578196781977819878199782007820178202782037820478205782067820778208782097821078211782127821378214782157821678217782187821978220782217822278223782247822578226782277822878229782307823178232782337823478235782367823778238782397824078241782427824378244782457824678247782487824978250782517825278253782547825578256782577825878259782607826178262782637826478265782667826778268782697827078271782727827378274782757827678277782787827978280782817828278283782847828578286782877828878289782907829178292782937829478295782967829778298782997830078301783027830378304783057830678307783087830978310783117831278313783147831578316783177831878319783207832178322783237832478325783267832778328783297833078331783327833378334783357833678337783387833978340783417834278343783447834578346783477834878349783507835178352783537835478355783567835778358783597836078361783627836378364783657836678367783687836978370783717837278373783747837578376783777837878379783807838178382783837838478385783867838778388783897839078391783927839378394783957839678397783987839978400784017840278403784047840578406784077840878409784107841178412784137841478415784167841778418784197842078421784227842378424784257842678427784287842978430784317843278433784347843578436784377843878439784407844178442784437844478445784467844778448784497845078451784527845378454784557845678457784587845978460784617846278463784647846578466784677846878469784707847178472784737847478475784767847778478784797848078481784827848378484784857848678487784887848978490784917849278493784947849578496784977849878499785007850178502785037850478505785067850778508 |
- /**
- * @license
- * Copyright 2010-2024 Three.js Authors
- * SPDX-License-Identifier: MIT
- */
- const REVISION = '169dev';
- 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();
- 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 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 _uvA$1 = /*@__PURE__*/ new Vector2();
- const _uvB$1 = /*@__PURE__*/ new Vector2();
- const _uvC$1 = /*@__PURE__*/ new Vector2();
- const _normalA = /*@__PURE__*/ new Vector3();
- const _normalB = /*@__PURE__*/ new Vector3();
- const _normalC = /*@__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 ) {
- if ( uv ) {
- _uvA$1.fromBufferAttribute( uv, a );
- _uvB$1.fromBufferAttribute( uv, b );
- _uvC$1.fromBufferAttribute( uv, c );
- intersection.uv = Triangle.getInterpolation( _intersectionPoint, _vA$1, _vB$1, _vC$1, _uvA$1, _uvB$1, _uvC$1, new Vector2() );
- }
- if ( uv1 ) {
- _uvA$1.fromBufferAttribute( uv1, a );
- _uvB$1.fromBufferAttribute( uv1, b );
- _uvC$1.fromBufferAttribute( uv1, c );
- intersection.uv1 = Triangle.getInterpolation( _intersectionPoint, _vA$1, _vB$1, _vC$1, _uvA$1, _uvB$1, _uvC$1, new Vector2() );
- }
- if ( normal ) {
- _normalA.fromBufferAttribute( normal, a );
- _normalB.fromBufferAttribute( normal, b );
- _normalC.fromBufferAttribute( normal, c );
- intersection.normal = Triangle.getInterpolation( _intersectionPoint, _vA$1, _vB$1, _vC$1, _normalA, _normalB, _normalC, 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;
- }
- 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;
- }
- 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 = [];
- // 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 ) {
- // ensure we're not over geometry
- if ( this._drawInfo.length >= this._maxInstanceCount ) {
- throw new Error( 'BatchedMesh: Maximum item count reached.' );
- }
- this._drawInfo.push( {
- visible: true,
- active: true,
- geometryIndex: geometryId,
- } );
- // initialize the matrix
- const drawId = this._drawInfo.length - 1;
- 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 ) {
- // Note: User needs to call optimize() afterward to pack the data.
- const drawInfo = this._drawInfo;
- if ( instanceId >= drawInfo.length || drawInfo[ instanceId ].active === false ) {
- return this;
- }
- drawInfo[ instanceId ].active = false;
- 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;
- }
- 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,
- 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,
- 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
- indices.push( a, b, d );
- indices.push( b, c, d );
- // update group counter
- groupCount += 6;
- }
- }
- // 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() {
- 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.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 ) {
- 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;
- }
- }
- function getCacheKey$1( object, force = false ) {
- let cacheKey = '{';
- if ( object.isNode === true ) {
- cacheKey += object.id;
- object = object.getSelf();
- }
- for ( const { property, childNode } of getNodeChildren( object ) ) {
- cacheKey += ',' + property.slice( 0, - 4 ) + ':' + childNode.getCacheKey( force );
- }
- cacheKey += '}';
- return cacheKey;
- }
- 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
- });
- 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;
- }
- 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}` );
- 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 );
- 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 );
- 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 }` );
- 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 } ]` );
- }
- if ( output !== 'void' ) {
- snippet = target;
- }
- } else {
- snippet = `${ target } = ${ source }`;
- if ( output === 'void' || sourceType === 'void' ) {
- builder.addLineFlowCode( snippet );
- 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 properties = builder.getNodeProperties( this );
- properties.condNode = this.condNode.cache();
- properties.ifNode = this.ifNode.cache();
- properties.elseNode = this.elseNode ? this.elseNode.cache() : 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}` );
- 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 getColorSpaceName = ( colorSpace ) => {
- let method = null;
- if ( colorSpace === LinearSRGBColorSpace ) {
- method = 'Linear';
- } else if ( colorSpace === SRGBColorSpace ) {
- method = 'sRGB';
- }
- return method;
- };
- const getColorSpaceMethod = ( source, target ) => {
- return getColorSpaceName( source ) + 'To' + getColorSpaceName( target );
- };
- class ColorSpaceNode extends TempNode {
- static get type() {
- return 'ColorSpaceNode';
- }
- constructor( colorNode, target = null, source = null ) {
- super( 'vec4' );
- this.colorNode = colorNode;
- this.target = target;
- this.source = source;
- }
- setup( builder ) {
- const { renderer, context } = builder;
- const source = this.source || context.outputColorSpace || renderer.outputColorSpace;
- const target = this.target || context.outputColorSpace || renderer.outputColorSpace;
- const colorNode = this.colorNode;
- 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, colorSpace = null ) => nodeObject( new ColorSpaceNode( nodeObject( node ), colorSpace, LinearSRGBColorSpace ) );
- const toWorkingColorSpace = ( node, colorSpace = null ) => nodeObject( new ColorSpaceNode( nodeObject( node ), LinearSRGBColorSpace, colorSpace ) );
- addMethodChaining( 'toOutputColorSpace', toOutputColorSpace );
- addMethodChaining( 'toWorkingColorSpace', toWorkingColorSpace );
- 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.updateType = NodeUpdateType.OBJECT;
- }
- element( indexNode ) {
- return nodeObject( new ReferenceElementNode$1( this, nodeObject( indexNode ) ) );
- }
- setNodeType( uniformType ) {
- this.node = uniform( null, uniformType ).getSelf();
- }
- getNodeType( builder ) {
- if ( this.node === null ) {
- 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;
- }
- }
- }
- class RendererReferenceNode extends ReferenceBaseNode {
- static get type() {
- return 'RendererReferenceNode';
- }
- constructor( property, inputType, renderer = null ) {
- super( property, inputType, renderer );
- this.renderer = renderer;
- }
- 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() {
- let cacheKey = super.getCacheKey();
- cacheKey = '{toneMapping:' + this.toneMapping + ',nodes:' + cacheKey + '}';
- return cacheKey;
- }
- 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 );
- }
- }
- }
- }
- 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, 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 );
- }
- 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 );
- } 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 ) || LinearSRGBColorSpace;
- if ( toneMapping !== NoToneMapping ) {
- outputNode = outputNode.toneMapping( toneMapping );
- }
- // output color space
- if ( outputColorSpace === SRGBColorSpace ) {
- outputNode = outputNode.toOutputColorSpace( 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 levelNode = this.levelNode.build( builder, 'int' );
- return builder.format( `${ builder.getMethod( 'textureDimensions' ) }( ${ textureProperty }, ${ levelNode } )`, 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 ) ) {
- uvNode = uvNode.setY( uvNode.y.oneMinus() );
- }
- 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}` );
- nodeData.snippet = snippet;
- nodeData.propertyName = propertyName;
- }
- let snippet = propertyName;
- const nodeType = this.getNodeType( builder );
- if ( builder.needsToWorkingColorSpace( texture ) ) {
- snippet = toWorkingColorSpace( 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 cameraGroup = /*@__PURE__*/ sharedUniformGroup( 'camera' ).onRenderUpdate( () => {
- cameraGroup.needsUpdate = true;
- } );
- const cameraNear = /*@__PURE__*/ uniform( 'float' ).label( 'cameraNear' ).setGroup( cameraGroup ).onRenderUpdate( ( { camera } ) => camera.near );
- const cameraFar = /*@__PURE__*/ uniform( 'float' ).label( 'cameraFar' ).setGroup( cameraGroup ).onRenderUpdate( ( { camera } ) => camera.far );
- const cameraLogDepth = /*@__PURE__*/ uniform( 'float' ).label( 'cameraLogDepth' ).setGroup( cameraGroup ).onRenderUpdate( ( { camera } ) => 2.0 / ( Math.log( camera.far + 1.0 ) / Math.LN2 ) );
- const cameraProjectionMatrix = /*@__PURE__*/ uniform( 'mat4' ).label( 'cameraProjectionMatrix' ).setGroup( cameraGroup ).onRenderUpdate( ( { camera } ) => camera.projectionMatrix );
- const cameraProjectionMatrixInverse = /*@__PURE__*/ uniform( 'mat4' ).label( 'cameraProjectionMatrixInverse' ).setGroup( cameraGroup ).onRenderUpdate( ( { camera } ) => camera.projectionMatrixInverse );
- const cameraViewMatrix = /*@__PURE__*/ uniform( 'mat4' ).label( 'cameraViewMatrix' ).setGroup( cameraGroup ).onRenderUpdate( ( { camera } ) => camera.matrixWorldInverse );
- const cameraWorldMatrix = /*@__PURE__*/ uniform( 'mat4' ).label( 'cameraWorldMatrix' ).setGroup( cameraGroup ).onRenderUpdate( ( { camera } ) => camera.matrixWorld );
- const cameraNormalMatrix = /*@__PURE__*/ uniform( 'mat3' ).label( 'cameraNormalMatrix' ).setGroup( cameraGroup ).onRenderUpdate( ( { camera } ) => camera.normalMatrix );
- const cameraPosition = /*@__PURE__*/ uniform( new Vector3() ).label( 'cameraPosition' ).setGroup( cameraGroup ).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;
- }
- getNodeType( builder ) {
- return this.node.getElementType( builder );
- }
- 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.updateType = NodeUpdateType.OBJECT;
- }
- element( indexNode ) {
- return nodeObject( new ReferenceElementNode( this, nodeObject( indexNode ) ) );
- }
- 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 );
- }
- this.node = node.getSelf();
- }
- getNodeType( builder ) {
- if ( this.node === null ) {
- 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 ) {
- propertyName = builder.getVertexIndex();
- } else if ( scope === IndexNode.INSTANCE ) {
- propertyName = builder.getInstanceIndex();
- } else if ( scope === IndexNode.DRAW ) {
- propertyName = builder.getDrawIndex();
- } else if ( scope === IndexNode.INVOCATION_LOCAL ) {
- propertyName = builder.getInvocationLocalIndex();
- } 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.INVOCATION_LOCAL = 'invocationLocal';
- IndexNode.DRAW = 'draw';
- const vertexIndex = /*@__PURE__*/ nodeImmutable( IndexNode, IndexNode.VERTEX );
- const instanceIndex = /*@__PURE__*/ nodeImmutable( IndexNode, IndexNode.INSTANCE );
- 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', instanceMesh.count ).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;
- };
- 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;
- }
- lightNodes.push( nodeObject( new lightNodeClass( light ) ) );
- }
- }
- }
- 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 resolution, viewportResult;
- class ViewportNode extends Node {
- static get type() {
- return 'ViewportNode';
- }
- constructor( scope ) {
- super();
- this.scope = scope;
- this.isViewportNode = true;
- }
- getNodeType() {
- if ( this.scope === ViewportNode.VIEWPORT ) return 'vec4';
- else return 'vec2';
- }
- getUpdateType() {
- let updateType = NodeUpdateType.NONE;
- if ( this.scope === ViewportNode.RESOLUTION || this.scope === ViewportNode.VIEWPORT ) {
- updateType = NodeUpdateType.RENDER;
- }
- this.updateType = updateType;
- return updateType;
- }
- update( { renderer } ) {
- if ( this.scope === ViewportNode.VIEWPORT ) {
- renderer.getViewport( viewportResult );
- } else {
- const renderTarget = renderer.getRenderTarget();
- if ( renderTarget !== null ) {
- resolution.width = renderTarget.width;
- resolution.height = renderTarget.height;
- } else {
- renderer.getDrawingBufferSize( resolution );
- }
- }
- }
- setup( /*builder*/ ) {
- const scope = this.scope;
- let output = null;
- if ( scope === ViewportNode.RESOLUTION ) {
- output = uniform( resolution || ( resolution = new Vector2() ) );
- } else if ( scope === ViewportNode.VIEWPORT ) {
- output = uniform( viewportResult || ( viewportResult = new Vector4() ) );
- } else {
- output = vec2( viewportCoordinate.div( viewportResolution ) );
- }
- return output;
- }
- generate( builder ) {
- if ( this.scope === ViewportNode.COORDINATE ) {
- let coord = builder.getFragCoord();
- if ( builder.isFlipY() ) {
- // follow webgpu standards
- const resolution = builder.getNodeProperties( viewportResolution ).outputNode.build( builder );
- coord = `${ builder.getType( 'vec2' ) }( ${ coord }.x, ${ resolution }.y - ${ coord }.y )`;
- }
- return coord;
- }
- return super.generate( builder );
- }
- }
- ViewportNode.COORDINATE = 'coordinate';
- ViewportNode.RESOLUTION = 'resolution';
- ViewportNode.VIEWPORT = 'viewport';
- ViewportNode.UV = 'uv';
- const viewportCoordinate = /*@__PURE__*/ nodeImmutable( ViewportNode, ViewportNode.COORDINATE );
- const viewportResolution = /*@__PURE__*/ nodeImmutable( ViewportNode, ViewportNode.RESOLUTION );
- const viewport = /*@__PURE__*/ nodeImmutable( ViewportNode, ViewportNode.VIEWPORT );
- const viewportUV = /*@__PURE__*/ nodeImmutable( ViewportNode, ViewportNode.UV );
- const viewportTopLeft = /*@__PURE__*/ ( Fn( () => { // @deprecated, r168
- console.warn( 'TSL.ViewportNode: "viewportTopLeft" is deprecated. Use "viewportUV" instead.' );
- return viewportUV;
- }, 'vec2' ).once() )();
- const viewportBottomLeft = /*@__PURE__*/ ( Fn( () => { // @deprecated, r168
- console.warn( 'TSL.ViewportNode: "viewportBottomLeft" is deprecated. Use "viewportUV.flipY()" instead.' );
- return viewportUV.flipY();
- }, 'vec2' ).once() )();
- const _size$a = /*@__PURE__*/ new Vector2();
- class ViewportTextureNode extends TextureNode {
- static get type() {
- return 'ViewportTextureNode';
- }
- constructor( uvNode = viewportUV, 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$a );
- //
- const framebufferTexture = this.value;
- if ( framebufferTexture.image.width !== _size$a.width || framebufferTexture.image.height !== _size$a.height ) {
- framebufferTexture.image.width = _size$a.width;
- framebufferTexture.image.height = _size$a.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 = viewportUV, 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 );
- }
- 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() );
- }
- setupClipping( builder ) {
- if ( builder.clippingContext === null ) return null;
- const { globalClippingCount, localClippingCount } = builder.clippingContext;
- let result = null;
- if ( globalClippingCount || localClippingCount ) {
- if ( this.alphaToCoverage ) {
- // 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.setupShaders();
- this.setValues( params );
- }
- setup( builder ) {
- this.setupShaders();
- super.setup( builder );
- }
- setupShaders() {
- 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() );
- if ( useAlphaToCoverage ) {
- 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();
- super.setup( builder );
- }
- setupShaders() {
- 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 ) {
- 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 ) {
- 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( viewportResolution.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.positionNode = null;
- this.rotationNode = null;
- this.scaleNode = null;
- this.setDefaultValues( _defaultValues$1 );
- this.setValues( parameters );
- }
- setupPosition( { object, context } ) {
- // < 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 );
- }
- let alignedPosition = vertex.xy;
- if ( object.center && object.center.isVector2 === true ) {
- alignedPosition = alignedPosition.sub( uniform( object.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 );
- }
- }
- 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().temp();
- 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 = property( 'vec2', 'bounds' ).assign( hitBox( { orig: vOrigin, dir: rayDir } ) );
- bounds.x.greaterThan( bounds.y ).discard();
- bounds.assign( vec2( max$1( bounds.x, 0.0 ), bounds.y ) );
- const p = property( 'vec3', 'p' ).assign( vOrigin.add( bounds.x.mul( rayDir ) ) );
- const inc = property( 'vec3', 'inc' ).assign( vec3( rayDir.abs().reciprocal() ) );
- const delta = property( 'float', 'delta' ).assign( min$1( inc.x, min$1( inc.y, inc.z ) ) );
- delta.divAssign( materialReference( 'steps', 'float' ) );
- const ac = property( 'vec4', 'ac' ).assign( vec4( materialReference( 'base', 'color' ), 0.0 ) );
- 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 = '';
- }
- 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 = `${ this.globalClippingCount }:${ this.localClippingEnabled === undefined ? false : this.localClippingEnabled }:`;
- }
- }
- 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 = parent.cacheKey + `:${ this.localClippingCount }:${ this.localClipIntersection === undefined ? false : this.localClipIntersection }`;
- }
- }
- }
- 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.updateClipping( renderContext.clippingContext );
- this.clippingContextVersion = this.clippingContext.version;
- this.initialNodesCacheKey = this.getDynamicCacheKey();
- this.initialCacheKey = this.getCacheKey();
- this._nodeBuilderState = null;
- this._bindings = 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 ) );
- }
- 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;
- }
- 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.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 ) {
- cacheKey += object.count + ',' + object.uuid + ',';
- }
- return cacheKey;
- }
- get needsUpdate() {
- return this.initialNodesCacheKey !== this.getDynamicCacheKey() || this.clippingNeedsUpdate;
- }
- getDynamicCacheKey() {
- // Environment Nodes Cache Key
- return this.object.receiveShadow + ',' + this._nodes.getCacheKey( this.scene, this.lightsNode );
- }
- getCacheKey() {
- return this.getMaterialCacheKey() + ',' + this.getDynamicCacheKey();
- }
- dispose() {
- this.material.removeEventListener( 'dispose', this.onMaterialDispose );
- this.onDispose();
- }
- }
- 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 );
- const chainArray = [ object, material, renderContext, 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$2 = /*@__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$2 );
- 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$2 );
- 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.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.instanceBindGroups = true;
- 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 );
- }
- if ( updateAfterType !== NodeUpdateType.NONE ) {
- this.updateAfterNodes.push( node );
- }
- }
- }
- 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;
- }
- addLineFlowCode( code ) {
- if ( code === '' ) return this;
- 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 }` );
- }
- 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.instanceIndex && 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 ) {
- const { node } = this;
- if ( ! node.instanceIndex && this.node.bufferObject === true && isAssignContext !== true ) {
- snippet = builder.generatePBO( this );
- } else {
- snippet = 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$9 = new Vector2();
- const _defaultRT = new RenderTarget();
- const _defaultUV = viewportUV.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$9 );
- renderTarget.setSize( Math.round( _size$9.width * resolution ), Math.round( _size$9.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$9 );
- 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$8 = /*@__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$8 );
- 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.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 );
- }
- 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 );
- }
- }
- 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;
- }
- update( frame ) {
- this.reference = this.userData !== null ? this.userData : frame.object.userData;
- super.update( frame );
- }
- }
- 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 = viewportUV, levelNode = null ) {
- if ( _sharedFramebuffer === null ) {
- _sharedFramebuffer = new FramebufferTexture();
- }
- super( uvNode, levelNode, _sharedFramebuffer );
- }
- updateReference() {
- return this;
- }
- }
- const viewportSharedTexture = /*@__PURE__*/ nodeProxy( ViewportSharedTextureNode );
- const _size$7 = /*@__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$7 );
- 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 ) );
- // WebGPU: The use of a single QuadMesh for both gaussian blur passes results in a single RenderObject with a SampledTexture binding that
- // alternates between source textures and triggers creation of new BindGroups and BindGroupLayouts every frame.
- const _quadMesh1 = /*@__PURE__*/ new QuadMesh();
- const _quadMesh2 = /*@__PURE__*/ new QuadMesh();
- class GaussianBlurNode extends TempNode {
- static get type() {
- return 'GaussianBlurNode';
- }
- constructor( textureNode, directionNode = null, sigma = 2 ) {
- super( 'vec4' );
- this.textureNode = textureNode;
- this.directionNode = directionNode;
- this.sigma = sigma;
- this._invSize = uniform( new Vector2() );
- this._passDirection = uniform( new Vector2() );
- this._horizontalRT = new RenderTarget();
- this._horizontalRT.texture.name = 'GaussianBlurNode.horizontal';
- this._verticalRT = new RenderTarget();
- this._verticalRT.texture.name = 'GaussianBlurNode.vertical';
- this._textureNode = passTexture( this, this._verticalRT.texture );
- this.updateBeforeType = NodeUpdateType.RENDER;
- this.resolution = new Vector2( 1, 1 );
- }
- setSize( width, height ) {
- width = Math.max( Math.round( width * this.resolution.x ), 1 );
- height = Math.max( Math.round( height * this.resolution.y ), 1 );
- this._invSize.value.set( 1 / width, 1 / height );
- this._horizontalRT.setSize( width, height );
- this._verticalRT.setSize( width, height );
- }
- updateBefore( frame ) {
- const { renderer } = frame;
- const textureNode = this.textureNode;
- const map = textureNode.value;
- const currentRenderTarget = renderer.getRenderTarget();
- const currentMRT = renderer.getMRT();
- const currentTexture = textureNode.value;
- _quadMesh1.material = this._material;
- _quadMesh2.material = this._material;
- this.setSize( map.image.width, map.image.height );
- const textureType = map.type;
- this._horizontalRT.texture.type = textureType;
- this._verticalRT.texture.type = textureType;
- // clear
- renderer.setMRT( null );
- // horizontal
- renderer.setRenderTarget( this._horizontalRT );
- this._passDirection.value.set( 1, 0 );
- _quadMesh1.render( renderer );
- // vertical
- textureNode.value = this._horizontalRT.texture;
- renderer.setRenderTarget( this._verticalRT );
- this._passDirection.value.set( 0, 1 );
- _quadMesh2.render( renderer );
- // restore
- renderer.setRenderTarget( currentRenderTarget );
- renderer.setMRT( currentMRT );
- textureNode.value = currentTexture;
- }
- getTextureNode() {
- return this._textureNode;
- }
- setup( builder ) {
- const textureNode = this.textureNode;
- if ( textureNode.isTextureNode !== true ) {
- console.error( 'GaussianBlurNode requires a TextureNode.' );
- return vec4();
- }
- //
- const uvNode = textureNode.uvNode || uv();
- const directionNode = vec2( this.directionNode || 1 );
- const sampleTexture = ( uv ) => textureNode.uv( uv );
- const blur = Fn( () => {
- const kernelSize = 3 + ( 2 * this.sigma );
- const gaussianCoefficients = this._getCoefficients( kernelSize );
- const invSize = this._invSize;
- const direction = directionNode.mul( this._passDirection );
- const weightSum = float( gaussianCoefficients[ 0 ] ).toVar();
- const diffuseSum = vec4( sampleTexture( uvNode ).mul( weightSum ) ).toVar();
- for ( let i = 1; i < kernelSize; i ++ ) {
- const x = float( i );
- const w = float( gaussianCoefficients[ i ] );
- const uvOffset = vec2( direction.mul( invSize.mul( x ) ) ).toVar();
- const sample1 = vec4( sampleTexture( uvNode.add( uvOffset ) ) );
- const sample2 = vec4( sampleTexture( uvNode.sub( uvOffset ) ) );
- diffuseSum.addAssign( sample1.add( sample2 ).mul( w ) );
- weightSum.addAssign( mul( 2.0, w ) );
- }
- return diffuseSum.div( weightSum );
- } );
- //
- const material = this._material || ( this._material = new NodeMaterial() );
- material.fragmentNode = blur().context( builder.getSharedContext() );
- material.name = 'Gaussian_blur';
- material.needsUpdate = true;
- //
- const properties = builder.getNodeProperties( this );
- properties.textureNode = textureNode;
- //
- return this._textureNode;
- }
- dispose() {
- this._horizontalRT.dispose();
- this._verticalRT.dispose();
- }
- _getCoefficients( kernelRadius ) {
- const coefficients = [];
- for ( let i = 0; i < kernelRadius; i ++ ) {
- coefficients.push( 0.39894 * Math.exp( - 0.5 * i * i / ( kernelRadius * kernelRadius ) ) / kernelRadius );
- }
- return coefficients;
- }
- }
- const gaussianBlur = ( node, directionNode, sigma ) => nodeObject( new GaussianBlurNode( convertToTexture( node ), directionNode, sigma ) );
- const _size$6 = /*@__PURE__*/ new Vector2();
- const _quadMeshComp = /*@__PURE__*/ new QuadMesh();
- class AfterImageNode extends TempNode {
- static get type() {
- return 'AfterImageNode';
- }
- constructor( textureNode, damp = 0.96 ) {
- super( textureNode );
- this.textureNode = textureNode;
- this.textureNodeOld = texture();
- this.damp = uniform( damp );
- this._compRT = new RenderTarget();
- this._compRT.texture.name = 'AfterImageNode.comp';
- this._oldRT = new RenderTarget();
- this._oldRT.texture.name = 'AfterImageNode.old';
- this._textureNode = passTexture( this, this._compRT.texture );
- this.updateBeforeType = NodeUpdateType.RENDER;
- }
- getTextureNode() {
- return this._textureNode;
- }
- setSize( width, height ) {
- this._compRT.setSize( width, height );
- this._oldRT.setSize( width, height );
- }
- updateBefore( frame ) {
- const { renderer } = frame;
- const textureNode = this.textureNode;
- const map = textureNode.value;
- const textureType = map.type;
- this._compRT.texture.type = textureType;
- this._oldRT.texture.type = textureType;
- renderer.getDrawingBufferSize( _size$6 );
- this.setSize( _size$6.x, _size$6.y );
- const currentRenderTarget = renderer.getRenderTarget();
- const currentTexture = textureNode.value;
- this.textureNodeOld.value = this._oldRT.texture;
- // comp
- renderer.setRenderTarget( this._compRT );
- _quadMeshComp.render( renderer );
- // Swap the textures
- const temp = this._oldRT;
- this._oldRT = this._compRT;
- this._compRT = temp;
- renderer.setRenderTarget( currentRenderTarget );
- textureNode.value = currentTexture;
- }
- setup( builder ) {
- const textureNode = this.textureNode;
- const textureNodeOld = this.textureNodeOld;
- //
- const uvNode = textureNode.uvNode || uv();
- textureNodeOld.uvNode = uvNode;
- const sampleTexture = ( uv ) => textureNode.uv( uv );
- const when_gt = Fn( ( [ x_immutable, y_immutable ] ) => {
- const y = float( y_immutable ).toVar();
- const x = vec4( x_immutable ).toVar();
- return max$1( sign( x.sub( y ) ), 0.0 );
- } );
- const afterImg = Fn( () => {
- const texelOld = vec4( textureNodeOld );
- const texelNew = vec4( sampleTexture( uvNode ) );
- texelOld.mulAssign( this.damp.mul( when_gt( texelOld, 0.1 ) ) );
- return max$1( texelNew, texelOld );
- } );
- //
- const materialComposed = this._materialComposed || ( this._materialComposed = new NodeMaterial() );
- materialComposed.name = 'AfterImage';
- materialComposed.fragmentNode = afterImg();
- _quadMeshComp.material = materialComposed;
- //
- const properties = builder.getNodeProperties( this );
- properties.textureNode = textureNode;
- //
- return this._textureNode;
- }
- dispose() {
- this._compRT.dispose();
- this._oldRT.dispose();
- }
- }
- const afterImage = ( node, damp ) => nodeObject( new AfterImageNode( convertToTexture( node ), damp ) );
- 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 _quadMesh$4 = /*@__PURE__*/ new QuadMesh();
- class AnamorphicNode extends TempNode {
- static get type() {
- return 'AnamorphicNode';
- }
- constructor( textureNode, tresholdNode, scaleNode, samples ) {
- super( 'vec4' );
- this.textureNode = textureNode;
- this.tresholdNode = tresholdNode;
- this.scaleNode = scaleNode;
- this.colorNode = vec3( 0.1, 0.0, 1.0 );
- this.samples = samples;
- this.resolution = new Vector2( 1, 1 );
- this._renderTarget = new RenderTarget();
- this._renderTarget.texture.name = 'anamorphic';
- this._invSize = uniform( new Vector2() );
- this._textureNode = passTexture( this, this._renderTarget.texture );
- this.updateBeforeType = NodeUpdateType.RENDER;
- }
- getTextureNode() {
- return this._textureNode;
- }
- setSize( width, height ) {
- this._invSize.value.set( 1 / width, 1 / height );
- width = Math.max( Math.round( width * this.resolution.x ), 1 );
- height = Math.max( Math.round( height * this.resolution.y ), 1 );
- this._renderTarget.setSize( width, height );
- }
- updateBefore( frame ) {
- const { renderer } = frame;
- const textureNode = this.textureNode;
- const map = textureNode.value;
- this._renderTarget.texture.type = map.type;
- const currentRenderTarget = renderer.getRenderTarget();
- const currentTexture = textureNode.value;
- _quadMesh$4.material = this._material;
- this.setSize( map.image.width, map.image.height );
- // render
- renderer.setRenderTarget( this._renderTarget );
- _quadMesh$4.render( renderer );
- // restore
- renderer.setRenderTarget( currentRenderTarget );
- textureNode.value = currentTexture;
- }
- setup( builder ) {
- const textureNode = this.textureNode;
- const uvNode = textureNode.uvNode || uv();
- const sampleTexture = ( uv ) => textureNode.uv( uv );
- const anamorph = Fn( () => {
- const samples = this.samples;
- const halfSamples = Math.floor( samples / 2 );
- const total = vec3( 0 ).toVar();
- Loop( { start: - halfSamples, end: halfSamples }, ( { i } ) => {
- const softness = float( i ).abs().div( halfSamples ).oneMinus();
- const uv = vec2( uvNode.x.add( this._invSize.x.mul( i ).mul( this.scaleNode ) ), uvNode.y );
- const color = sampleTexture( uv );
- const pass = threshold( color, this.tresholdNode ).mul( softness );
- total.addAssign( pass );
- } );
- return total.mul( this.colorNode );
- } );
- //
- const material = this._material || ( this._material = new NodeMaterial() );
- material.name = 'Anamorphic';
- material.fragmentNode = anamorph();
- //
- const properties = builder.getNodeProperties( this );
- properties.textureNode = textureNode;
- //
- return this._textureNode;
- }
- dispose() {
- this._renderTarget.dispose();
- }
- }
- const anamorphic = ( node, threshold = .9, scale = 3, samples = 32 ) => nodeObject( new AnamorphicNode( convertToTexture( node ), nodeObject( threshold ), nodeObject( scale ), samples ) );
- class SobelOperatorNode extends TempNode {
- static get type() {
- return 'SobelOperatorNode';
- }
- constructor( textureNode ) {
- super();
- this.textureNode = textureNode;
- this.updateBeforeType = NodeUpdateType.RENDER;
- this._invSize = uniform( new Vector2() );
- }
- updateBefore() {
- const map = this.textureNode.value;
- this._invSize.value.set( 1 / map.image.width, 1 / map.image.height );
- }
- setup() {
- const { textureNode } = this;
- const uvNode = textureNode.uvNode || uv();
- const sampleTexture = ( uv ) => textureNode.uv( uv );
- const sobel = Fn( () => {
- // Sobel Edge Detection (see https://youtu.be/uihBwtPIBxM)
- const texel = this._invSize;
- // kernel definition (in glsl matrices are filled in column-major order)
- const Gx = mat3( - 1, - 2, - 1, 0, 0, 0, 1, 2, 1 ); // x direction kernel
- const Gy = mat3( - 1, 0, 1, - 2, 0, 2, - 1, 0, 1 ); // y direction kernel
- // fetch the 3x3 neighbourhood of a fragment
- // first column
- const tx0y0 = luminance( sampleTexture( uvNode.add( texel.mul( vec2( - 1, - 1 ) ) ) ).xyz );
- const tx0y1 = luminance( sampleTexture( uvNode.add( texel.mul( vec2( - 1, 0 ) ) ) ).xyz );
- const tx0y2 = luminance( sampleTexture( uvNode.add( texel.mul( vec2( - 1, 1 ) ) ) ).xyz );
- // second column
- const tx1y0 = luminance( sampleTexture( uvNode.add( texel.mul( vec2( 0, - 1 ) ) ) ).xyz );
- const tx1y1 = luminance( sampleTexture( uvNode.add( texel.mul( vec2( 0, 0 ) ) ) ).xyz );
- const tx1y2 = luminance( sampleTexture( uvNode.add( texel.mul( vec2( 0, 1 ) ) ) ).xyz );
- // third column
- const tx2y0 = luminance( sampleTexture( uvNode.add( texel.mul( vec2( 1, - 1 ) ) ) ).xyz );
- const tx2y1 = luminance( sampleTexture( uvNode.add( texel.mul( vec2( 1, 0 ) ) ) ).xyz );
- const tx2y2 = luminance( sampleTexture( uvNode.add( texel.mul( vec2( 1, 1 ) ) ) ).xyz );
- // gradient value in x direction
- const valueGx = add(
- Gx[ 0 ][ 0 ].mul( tx0y0 ),
- Gx[ 1 ][ 0 ].mul( tx1y0 ),
- Gx[ 2 ][ 0 ].mul( tx2y0 ),
- Gx[ 0 ][ 1 ].mul( tx0y1 ),
- Gx[ 1 ][ 1 ].mul( tx1y1 ),
- Gx[ 2 ][ 1 ].mul( tx2y1 ),
- Gx[ 0 ][ 2 ].mul( tx0y2 ),
- Gx[ 1 ][ 2 ].mul( tx1y2 ),
- Gx[ 2 ][ 2 ].mul( tx2y2 )
- );
- // gradient value in y direction
- const valueGy = add(
- Gy[ 0 ][ 0 ].mul( tx0y0 ),
- Gy[ 1 ][ 0 ].mul( tx1y0 ),
- Gy[ 2 ][ 0 ].mul( tx2y0 ),
- Gy[ 0 ][ 1 ].mul( tx0y1 ),
- Gy[ 1 ][ 1 ].mul( tx1y1 ),
- Gy[ 2 ][ 1 ].mul( tx2y1 ),
- Gy[ 0 ][ 2 ].mul( tx0y2 ),
- Gy[ 1 ][ 2 ].mul( tx1y2 ),
- Gy[ 2 ][ 2 ].mul( tx2y2 )
- );
- // magnitute of the total gradient
- const G = valueGx.mul( valueGx ).add( valueGy.mul( valueGy ) ).sqrt();
- return vec4( vec3( G ), 1 );
- } );
- const outputNode = sobel();
- return outputNode;
- }
- }
- const sobel = ( node ) => nodeObject( new SobelOperatorNode( convertToTexture( node ) ) );
- class DepthOfFieldNode extends TempNode {
- static get type() {
- return 'DepthOfFieldNode';
- }
- constructor( textureNode, viewZNode, focusNode, apertureNode, maxblurNode ) {
- super();
- this.textureNode = textureNode;
- this.viewZNode = viewZNode;
- this.focusNode = focusNode;
- this.apertureNode = apertureNode;
- this.maxblurNode = maxblurNode;
- this._aspect = uniform( 0 );
- this.updateBeforeType = NodeUpdateType.RENDER;
- }
- updateBefore() {
- const map = this.textureNode.value;
- this._aspect.value = map.image.width / map.image.height;
- }
- setup() {
- const textureNode = this.textureNode;
- const uvNode = textureNode.uvNode || uv();
- const sampleTexture = ( uv ) => textureNode.uv( uv );
- const dof = Fn( () => {
- const aspectcorrect = vec2( 1.0, this._aspect );
- const factor = this.focusNode.add( this.viewZNode );
- const dofblur = vec2( clamp( factor.mul( this.apertureNode ), this.maxblurNode.negate(), this.maxblurNode ) );
- const dofblur9 = dofblur.mul( 0.9 );
- const dofblur7 = dofblur.mul( 0.7 );
- const dofblur4 = dofblur.mul( 0.4 );
- let col = vec4( 0.0 );
- col = col.add( sampleTexture( uvNode ) );
- col = col.add( sampleTexture( uvNode.add( vec2( 0.0, 0.4 ).mul( aspectcorrect ).mul( dofblur ) ) ) );
- col = col.add( sampleTexture( uvNode.add( vec2( 0.15, 0.37 ).mul( aspectcorrect ).mul( dofblur ) ) ) );
- col = col.add( sampleTexture( uvNode.add( vec2( 0.29, 0.29 ).mul( aspectcorrect ).mul( dofblur ) ) ) );
- col = col.add( sampleTexture( uvNode.add( vec2( - 0.37, 0.15 ).mul( aspectcorrect ).mul( dofblur ) ) ) );
- col = col.add( sampleTexture( uvNode.add( vec2( 0.40, 0.0 ).mul( aspectcorrect ).mul( dofblur ) ) ) );
- col = col.add( sampleTexture( uvNode.add( vec2( 0.37, - 0.15 ).mul( aspectcorrect ).mul( dofblur ) ) ) );
- col = col.add( sampleTexture( uvNode.add( vec2( 0.29, - 0.29 ).mul( aspectcorrect ).mul( dofblur ) ) ) );
- col = col.add( sampleTexture( uvNode.add( vec2( - 0.15, - 0.37 ).mul( aspectcorrect ).mul( dofblur ) ) ) );
- col = col.add( sampleTexture( uvNode.add( vec2( 0.0, - 0.4 ).mul( aspectcorrect ).mul( dofblur ) ) ) );
- col = col.add( sampleTexture( uvNode.add( vec2( - 0.15, 0.37 ).mul( aspectcorrect ).mul( dofblur ) ) ) );
- col = col.add( sampleTexture( uvNode.add( vec2( - 0.29, 0.29 ).mul( aspectcorrect ).mul( dofblur ) ) ) );
- col = col.add( sampleTexture( uvNode.add( vec2( 0.37, 0.15 ).mul( aspectcorrect ).mul( dofblur ) ) ) );
- col = col.add( sampleTexture( uvNode.add( vec2( - 0.4, 0.0 ).mul( aspectcorrect ).mul( dofblur ) ) ) );
- col = col.add( sampleTexture( uvNode.add( vec2( - 0.37, - 0.15 ).mul( aspectcorrect ).mul( dofblur ) ) ) );
- col = col.add( sampleTexture( uvNode.add( vec2( - 0.29, - 0.29 ).mul( aspectcorrect ).mul( dofblur ) ) ) );
- col = col.add( sampleTexture( uvNode.add( vec2( 0.15, - 0.37 ).mul( aspectcorrect ).mul( dofblur ) ) ) );
- col = col.add( sampleTexture( uvNode.add( vec2( 0.15, 0.37 ).mul( aspectcorrect ).mul( dofblur9 ) ) ) );
- col = col.add( sampleTexture( uvNode.add( vec2( - 0.37, 0.15 ).mul( aspectcorrect ).mul( dofblur9 ) ) ) );
- col = col.add( sampleTexture( uvNode.add( vec2( 0.37, - 0.15 ).mul( aspectcorrect ).mul( dofblur9 ) ) ) );
- col = col.add( sampleTexture( uvNode.add( vec2( - 0.15, - 0.37 ).mul( aspectcorrect ).mul( dofblur9 ) ) ) );
- col = col.add( sampleTexture( uvNode.add( vec2( - 0.15, 0.37 ).mul( aspectcorrect ).mul( dofblur9 ) ) ) );
- col = col.add( sampleTexture( uvNode.add( vec2( 0.37, 0.15 ).mul( aspectcorrect ).mul( dofblur9 ) ) ) );
- col = col.add( sampleTexture( uvNode.add( vec2( - 0.37, - 0.15 ).mul( aspectcorrect ).mul( dofblur9 ) ) ) );
- col = col.add( sampleTexture( uvNode.add( vec2( 0.15, - 0.37 ).mul( aspectcorrect ).mul( dofblur9 ) ) ) );
- col = col.add( sampleTexture( uvNode.add( vec2( 0.29, 0.29 ).mul( aspectcorrect ).mul( dofblur7 ) ) ) );
- col = col.add( sampleTexture( uvNode.add( vec2( 0.40, 0.0 ).mul( aspectcorrect ).mul( dofblur7 ) ) ) );
- col = col.add( sampleTexture( uvNode.add( vec2( 0.29, - 0.29 ).mul( aspectcorrect ).mul( dofblur7 ) ) ) );
- col = col.add( sampleTexture( uvNode.add( vec2( 0.0, - 0.4 ).mul( aspectcorrect ).mul( dofblur7 ) ) ) );
- col = col.add( sampleTexture( uvNode.add( vec2( - 0.29, 0.29 ).mul( aspectcorrect ).mul( dofblur7 ) ) ) );
- col = col.add( sampleTexture( uvNode.add( vec2( - 0.4, 0.0 ).mul( aspectcorrect ).mul( dofblur7 ) ) ) );
- col = col.add( sampleTexture( uvNode.add( vec2( - 0.29, - 0.29 ).mul( aspectcorrect ).mul( dofblur7 ) ) ) );
- col = col.add( sampleTexture( uvNode.add( vec2( 0.0, 0.4 ).mul( aspectcorrect ).mul( dofblur7 ) ) ) );
- col = col.add( sampleTexture( uvNode.add( vec2( 0.29, 0.29 ).mul( aspectcorrect ).mul( dofblur4 ) ) ) );
- col = col.add( sampleTexture( uvNode.add( vec2( 0.4, 0.0 ).mul( aspectcorrect ).mul( dofblur4 ) ) ) );
- col = col.add( sampleTexture( uvNode.add( vec2( 0.29, - 0.29 ).mul( aspectcorrect ).mul( dofblur4 ) ) ) );
- col = col.add( sampleTexture( uvNode.add( vec2( 0.0, - 0.4 ).mul( aspectcorrect ).mul( dofblur4 ) ) ) );
- col = col.add( sampleTexture( uvNode.add( vec2( - 0.29, 0.29 ).mul( aspectcorrect ).mul( dofblur4 ) ) ) );
- col = col.add( sampleTexture( uvNode.add( vec2( - 0.4, 0.0 ).mul( aspectcorrect ).mul( dofblur4 ) ) ) );
- col = col.add( sampleTexture( uvNode.add( vec2( - 0.29, - 0.29 ).mul( aspectcorrect ).mul( dofblur4 ) ) ) );
- col = col.add( sampleTexture( uvNode.add( vec2( 0.0, 0.4 ).mul( aspectcorrect ).mul( dofblur4 ) ) ) );
- col = col.div( 41 );
- col.a = 1;
- return vec4( col );
- } );
- const outputNode = dof();
- return outputNode;
- }
- }
- const dof = ( node, viewZNode, focus = 1, aperture = 0.025, maxblur = 1 ) => nodeObject( new DepthOfFieldNode( convertToTexture( node ), nodeObject( viewZNode ), nodeObject( focus ), nodeObject( aperture ), nodeObject( maxblur ) ) );
- class DotScreenNode extends TempNode {
- static get type() {
- return 'DotScreenNode';
- }
- constructor( inputNode, center = new Vector2( 0.5, 0.5 ), angle = 1.57, scale = 1 ) {
- super( 'vec4' );
- this.inputNode = inputNode;
- this.center = uniform( center );
- this.angle = uniform( angle );
- this.scale = uniform( scale );
- }
- setup() {
- const inputNode = this.inputNode;
- const pattern = Fn( () => {
- const s = sin( this.angle );
- const c = cos( this.angle );
- const tex = uv().mul( viewportResolution ).sub( this.center );
- const point = vec2( c.mul( tex.x ).sub( s.mul( tex.y ) ), s.mul( tex.x ).add( c.mul( tex.y ) ) ).mul( this.scale );
- return sin( point.x ).mul( sin( point.y ) ).mul( 4 );
- } );
- const dotScreen = Fn( () => {
- const color = inputNode;
- const average = add( color.r, color.g, color.b ).div( 3 );
- return vec4( vec3( average.mul( 10 ).sub( 5 ).add( pattern() ) ), color.a );
- } );
- const outputNode = dotScreen();
- return outputNode;
- }
- }
- const dotScreen = ( node, center, angle, scale ) => nodeObject( new DotScreenNode( nodeObject( node ), center, angle, scale ) );
- class RGBShiftNode extends TempNode {
- static get type() {
- return 'RGBShiftNode';
- }
- constructor( textureNode, amount = 0.005, angle = 0 ) {
- super( 'vec4' );
- this.textureNode = textureNode;
- this.amount = uniform( amount );
- this.angle = uniform( angle );
- }
- setup() {
- const { textureNode } = this;
- const uvNode = textureNode.uvNode || uv();
- const sampleTexture = ( uv ) => textureNode.uv( uv );
- const rgbShift = Fn( () => {
- const offset = vec2( cos( this.angle ), sin( this.angle ) ).mul( this.amount );
- const cr = sampleTexture( uvNode.add( offset ) );
- const cga = sampleTexture( uvNode );
- const cb = sampleTexture( uvNode.sub( offset ) );
- return vec4( cr.r, cga.g, cb.b, cga.a );
- } );
- return rgbShift();
- }
- }
- const rgbShift = ( node, amount, angle ) => nodeObject( new RGBShiftNode( convertToTexture( node ), amount, angle ) );
- class FilmNode extends TempNode {
- static get type() {
- return 'FilmNode';
- }
- constructor( inputNode, intensityNode = null, uvNode = null ) {
- super();
- this.inputNode = inputNode;
- this.intensityNode = intensityNode;
- this.uvNode = uvNode;
- }
- setup() {
- const uvNode = this.uvNode || uv();
- const film = Fn( () => {
- const base = this.inputNode.rgb;
- const noise = rand( fract( uvNode.add( timerLocal() ) ) );
- let color = base.add( base.mul( clamp( noise.add( 0.1 ), 0, 1 ) ) );
- if ( this.intensityNode !== null ) {
- color = mix( base, color, this.intensityNode );
- }
- return vec4( color, this.inputNode.a );
- } );
- const outputNode = film();
- return outputNode;
- }
- }
- const film = /*@__PURE__*/ nodeProxy( FilmNode );
- class Lut3DNode extends TempNode {
- static get type() {
- return 'Lut3DNode';
- }
- constructor( inputNode, lutNode, size, intensityNode ) {
- super();
- this.inputNode = inputNode;
- this.lutNode = lutNode;
- this.size = uniform( size );
- this.intensityNode = intensityNode;
- }
- setup() {
- const { inputNode, lutNode } = this;
- const sampleLut = ( uv ) => lutNode.uv( uv );
- const lut3D = Fn( () => {
- const base = inputNode;
- // pull the sample in by half a pixel so the sample begins at the center of the edge pixels.
- const pixelWidth = float( 1.0 ).div( this.size );
- const halfPixelWidth = float( 0.5 ).div( this.size );
- const uvw = vec3( halfPixelWidth ).add( base.rgb.mul( float( 1.0 ).sub( pixelWidth ) ) );
- const lutValue = vec4( sampleLut( uvw ).rgb, base.a );
- return vec4( mix( base, lutValue, this.intensityNode ) );
- } );
- const outputNode = lut3D();
- return outputNode;
- }
- }
- const lut3D = ( node, lut, size, intensity ) => nodeObject( new Lut3DNode( nodeObject( node ), nodeObject( lut ), size, nodeObject( intensity ) ) );
- const _quadMesh$3 = /*@__PURE__*/ new QuadMesh();
- const _currentClearColor$1 = /*@__PURE__*/ new Color();
- const _size$5 = /*@__PURE__*/ new Vector2();
- class GTAONode extends TempNode {
- static get type() {
- return 'GTAONode';
- }
- constructor( depthNode, normalNode, camera ) {
- super();
- this.depthNode = depthNode;
- this.normalNode = normalNode;
- this.radius = uniform( 0.25 );
- this.resolution = uniform( new Vector2() );
- this.thickness = uniform( 1 );
- this.distanceExponent = uniform( 1 );
- this.distanceFallOff = uniform( 1 );
- this.scale = uniform( 1 );
- this.noiseNode = texture( generateMagicSquareNoise() );
- this.cameraProjectionMatrix = uniform( camera.projectionMatrix );
- this.cameraProjectionMatrixInverse = uniform( camera.projectionMatrixInverse );
- this.SAMPLES = uniform( 16 );
- this._aoRenderTarget = new RenderTarget();
- this._aoRenderTarget.texture.name = 'GTAONode.AO';
- this._material = null;
- this._textureNode = passTexture( this, this._aoRenderTarget.texture );
- this.updateBeforeType = NodeUpdateType.FRAME;
- }
- getTextureNode() {
- return this._textureNode;
- }
- setSize( width, height ) {
- this.resolution.value.set( width, height );
- this._aoRenderTarget.setSize( width, height );
- }
- updateBefore( frame ) {
- const { renderer } = frame;
- const size = renderer.getDrawingBufferSize( _size$5 );
- const currentRenderTarget = renderer.getRenderTarget();
- const currentMRT = renderer.getMRT();
- renderer.getClearColor( _currentClearColor$1 );
- const currentClearAlpha = renderer.getClearAlpha();
- _quadMesh$3.material = this._material;
- this.setSize( size.width, size.height );
- // clear
- renderer.setMRT( null );
- renderer.setClearColor( 0xffffff, 1 );
- // ao
- renderer.setRenderTarget( this._aoRenderTarget );
- _quadMesh$3.render( renderer );
- // restore
- renderer.setRenderTarget( currentRenderTarget );
- renderer.setMRT( currentMRT );
- renderer.setClearColor( _currentClearColor$1, currentClearAlpha );
- }
- setup( builder ) {
- const uvNode = uv();
- const sampleDepth = ( uv ) => this.depthNode.uv( uv ).x;
- const sampleNoise = ( uv ) => this.noiseNode.uv( uv );
- const getSceneUvAndDepth = Fn( ( [ sampleViewPos ] )=> {
- const sampleClipPos = this.cameraProjectionMatrix.mul( vec4( sampleViewPos, 1.0 ) );
- let sampleUv = sampleClipPos.xy.div( sampleClipPos.w ).mul( 0.5 ).add( 0.5 ).toVar();
- sampleUv = vec2( sampleUv.x, sampleUv.y.oneMinus() );
- const sampleSceneDepth = sampleDepth( sampleUv );
- return vec3( sampleUv, sampleSceneDepth );
- } );
- const getViewPosition = Fn( ( [ screenPosition, depth ] ) => {
- screenPosition = vec2( screenPosition.x, screenPosition.y.oneMinus() ).mul( 2.0 ).sub( 1.0 );
- const clipSpacePosition = vec4( vec3( screenPosition, depth ), 1.0 );
- const viewSpacePosition = vec4( this.cameraProjectionMatrixInverse.mul( clipSpacePosition ) );
- return viewSpacePosition.xyz.div( viewSpacePosition.w );
- } );
- const ao = Fn( () => {
- const depth = sampleDepth( uvNode );
- depth.greaterThanEqual( 1.0 ).discard();
- const viewPosition = getViewPosition( uvNode, depth );
- const viewNormal = this.normalNode.rgb.normalize();
- const radiusToUse = this.radius;
- const noiseResolution = textureSize( this.noiseNode, 0 );
- let noiseUv = vec2( uvNode.x, uvNode.y.oneMinus() );
- noiseUv = noiseUv.mul( this.resolution.div( noiseResolution ) );
- const noiseTexel = sampleNoise( noiseUv );
- const randomVec = noiseTexel.xyz.mul( 2.0 ).sub( 1.0 );
- const tangent = vec3( randomVec.xy, 0.0 ).normalize();
- const bitangent = vec3( tangent.y.mul( - 1.0 ), tangent.x, 0.0 );
- const kernelMatrix = mat3( tangent, bitangent, vec3( 0.0, 0.0, 1.0 ) );
- const DIRECTIONS = this.SAMPLES.lessThan( 30 ).select( 3, 5 );
- const STEPS = add( this.SAMPLES, DIRECTIONS.sub( 1 ) ).div( DIRECTIONS );
- const ao = float( 0 ).toVar();
- Loop( { start: int( 0 ), end: DIRECTIONS, type: 'int', condition: '<' }, ( { i } ) => {
- const angle = float( i ).div( float( DIRECTIONS ) ).mul( PI );
- const sampleDir = vec4( cos( angle ), sin( angle ), 0., add( 0.5, mul( 0.5, noiseTexel.w ) ) );
- sampleDir.xyz = normalize( kernelMatrix.mul( sampleDir.xyz ) );
- const viewDir = normalize( viewPosition.xyz.negate() );
- const sliceBitangent = normalize( cross( sampleDir.xyz, viewDir ) );
- const sliceTangent = cross( sliceBitangent, viewDir );
- const normalInSlice = normalize( viewNormal.sub( sliceBitangent.mul( dot( viewNormal, sliceBitangent ) ) ) );
- const tangentToNormalInSlice = cross( normalInSlice, sliceBitangent );
- const cosHorizons = vec2( dot( viewDir, tangentToNormalInSlice ), dot( viewDir, tangentToNormalInSlice.negate() ) ).toVar();
- Loop( { end: STEPS, type: 'int', name: 'j', condition: '<' }, ( { j } ) => {
- const sampleViewOffset = sampleDir.xyz.mul( radiusToUse ).mul( sampleDir.w ).mul( pow( div( float( j ).add( 1.0 ), float( STEPS ) ), this.distanceExponent ) );
- // x
- const sampleSceneUvDepthX = getSceneUvAndDepth( viewPosition.add( sampleViewOffset ) );
- const sampleSceneViewPositionX = getViewPosition( sampleSceneUvDepthX.xy, sampleSceneUvDepthX.z );
- const viewDeltaX = sampleSceneViewPositionX.sub( viewPosition );
- If( abs( viewDeltaX.z ).lessThan( this.thickness ), () => {
- const sampleCosHorizon = dot( viewDir, normalize( viewDeltaX ) );
- cosHorizons.x.addAssign( max$1( 0, mul( sampleCosHorizon.sub( cosHorizons.x ), mix( 1.0, float( 2.0 ).div( float( j ).add( 2 ) ), this.distanceFallOff ) ) ) );
- } );
- // y
- const sampleSceneUvDepthY = getSceneUvAndDepth( viewPosition.sub( sampleViewOffset ) );
- const sampleSceneViewPositionY = getViewPosition( sampleSceneUvDepthY.xy, sampleSceneUvDepthY.z );
- const viewDeltaY = sampleSceneViewPositionY.sub( viewPosition );
- If( abs( viewDeltaY.z ).lessThan( this.thickness ), () => {
- const sampleCosHorizon = dot( viewDir, normalize( viewDeltaY ) );
- cosHorizons.y.addAssign( max$1( 0, mul( sampleCosHorizon.sub( cosHorizons.y ), mix( 1.0, float( 2.0 ).div( float( j ).add( 2 ) ), this.distanceFallOff ) ) ) );
- } );
- } );
- const sinHorizons = sqrt( sub( 1.0, cosHorizons.mul( cosHorizons ) ) );
- const nx = dot( normalInSlice, sliceTangent );
- const ny = dot( normalInSlice, viewDir );
- const nxb = mul( 0.5, acos( cosHorizons.y ).sub( acos( cosHorizons.x ) ).add( sinHorizons.x.mul( cosHorizons.x ).sub( sinHorizons.y.mul( cosHorizons.y ) ) ) );
- const nyb = mul( 0.5, sub( 2.0, cosHorizons.x.mul( cosHorizons.x ) ).sub( cosHorizons.y.mul( cosHorizons.y ) ) );
- const occlusion = nx.mul( nxb ).add( ny.mul( nyb ) );
- ao.addAssign( occlusion );
- } );
- ao.assign( clamp( ao.div( DIRECTIONS ), 0, 1 ) );
- ao.assign( pow( ao, this.scale ) );
- return vec4( vec3( ao ), 1.0 );
- } );
- const material = this._material || ( this._material = new NodeMaterial() );
- material.fragmentNode = ao().context( builder.getSharedContext() );
- material.name = 'GTAO';
- material.needsUpdate = true;
- //
- return this._textureNode;
- }
- dispose() {
- this._aoRenderTarget.dispose();
- }
- }
- function generateMagicSquareNoise( size = 5 ) {
- const noiseSize = Math.floor( size ) % 2 === 0 ? Math.floor( size ) + 1 : Math.floor( size );
- const magicSquare = generateMagicSquare( noiseSize );
- const noiseSquareSize = magicSquare.length;
- const data = new Uint8Array( noiseSquareSize * 4 );
- for ( let inx = 0; inx < noiseSquareSize; ++ inx ) {
- const iAng = magicSquare[ inx ];
- const angle = ( 2 * Math.PI * iAng ) / noiseSquareSize;
- const randomVec = new Vector3(
- Math.cos( angle ),
- Math.sin( angle ),
- 0
- ).normalize();
- data[ inx * 4 ] = ( randomVec.x * 0.5 + 0.5 ) * 255;
- data[ inx * 4 + 1 ] = ( randomVec.y * 0.5 + 0.5 ) * 255;
- data[ inx * 4 + 2 ] = 127;
- data[ inx * 4 + 3 ] = 255;
- }
- const noiseTexture = new DataTexture( data, noiseSize, noiseSize );
- noiseTexture.wrapS = RepeatWrapping;
- noiseTexture.wrapT = RepeatWrapping;
- noiseTexture.needsUpdate = true;
- return noiseTexture;
- }
- function generateMagicSquare( size ) {
- const noiseSize = Math.floor( size ) % 2 === 0 ? Math.floor( size ) + 1 : Math.floor( size );
- const noiseSquareSize = noiseSize * noiseSize;
- const magicSquare = Array( noiseSquareSize ).fill( 0 );
- let i = Math.floor( noiseSize / 2 );
- let j = noiseSize - 1;
- for ( let num = 1; num <= noiseSquareSize; ) {
- if ( i === - 1 && j === noiseSize ) {
- j = noiseSize - 2;
- i = 0;
- } else {
- if ( j === noiseSize ) {
- j = 0;
- }
- if ( i < 0 ) {
- i = noiseSize - 1;
- }
- }
- if ( magicSquare[ i * noiseSize + j ] !== 0 ) {
- j -= 2;
- i ++;
- continue;
- } else {
- magicSquare[ i * noiseSize + j ] = num ++;
- }
- j ++;
- i --;
- }
- return magicSquare;
- }
- const ao = ( depthNode, normalNode, camera ) => nodeObject( new GTAONode( nodeObject( depthNode ), nodeObject( normalNode ), camera ) );
- class DenoiseNode extends TempNode {
- static get type() {
- return 'DenoiseNode';
- }
- constructor( textureNode, depthNode, normalNode, noiseNode, camera ) {
- super();
- this.textureNode = textureNode;
- this.depthNode = depthNode;
- this.normalNode = normalNode;
- this.noiseNode = noiseNode;
- this.cameraProjectionMatrixInverse = uniform( camera.projectionMatrixInverse );
- this.lumaPhi = uniform( 5 );
- this.depthPhi = uniform( 5 );
- this.normalPhi = uniform( 5 );
- this.radius = uniform( 5 );
- this.index = uniform( 0 );
- this._resolution = uniform( new Vector2() );
- this._sampleVectors = uniformArray( generatePdSamplePointInitializer( 16, 2, 1 ) );
- this.updateBeforeType = NodeUpdateType.RENDER;
- }
- updateBefore() {
- const map = this.textureNode.value;
- this._resolution.value.set( map.image.width, map.image.height );
- }
- setup() {
- const uvNode = uv();
- const sampleTexture = ( uv ) => this.textureNode.uv( uv );
- const sampleDepth = ( uv ) => this.depthNode.uv( uv ).x;
- const sampleNormal = ( uv ) => this.normalNode.uv( uv );
- const sampleNoise = ( uv ) => this.noiseNode.uv( uv );
- const getViewPosition = Fn( ( [ screenPosition, depth ] ) => {
- screenPosition = vec2( screenPosition.x, screenPosition.y.oneMinus() ).mul( 2.0 ).sub( 1.0 );
- const clipSpacePosition = vec4( vec3( screenPosition, depth ), 1.0 );
- const viewSpacePosition = vec4( this.cameraProjectionMatrixInverse.mul( clipSpacePosition ) );
- return viewSpacePosition.xyz.div( viewSpacePosition.w );
- } );
- const denoiseSample = Fn( ( [ center, viewNormal, viewPosition, sampleUv ] ) => {
- const texel = sampleTexture( sampleUv );
- const depth = sampleDepth( sampleUv );
- const normal = sampleNormal( sampleUv ).rgb.normalize();
- const neighborColor = texel.rgb;
- const viewPos = getViewPosition( sampleUv, depth );
- const normalDiff = dot( viewNormal, normal ).toVar();
- const normalSimilarity = pow( max$1( normalDiff, 0 ), this.normalPhi ).toVar();
- const lumaDiff = abs( luminance( neighborColor ).sub( luminance( center ) ) ).toVar();
- const lumaSimilarity = max$1( float( 1.0 ).sub( lumaDiff.div( this.lumaPhi ) ), 0 ).toVar();
- const depthDiff = abs( dot( viewPosition.sub( viewPos ), viewNormal ) ).toVar();
- const depthSimilarity = max$1( float( 1.0 ).sub( depthDiff.div( this.depthPhi ) ), 0 );
- const w = lumaSimilarity.mul( depthSimilarity ).mul( normalSimilarity );
- return vec4( neighborColor.mul( w ), w );
- } );
- const denoise = Fn( ( [ uvNode ] ) => {
- const depth = sampleDepth( uvNode );
- const viewNormal = sampleNormal( uvNode ).rgb.normalize();
- const texel = sampleTexture( uvNode );
- If( depth.greaterThanEqual( 1.0 ).or( dot( viewNormal, viewNormal ).equal( 0.0 ) ), () => {
- return texel;
- } );
- const center = vec3( texel.rgb );
- const viewPosition = getViewPosition( uvNode, depth );
- const noiseResolution = textureSize( this.noiseNode, 0 );
- let noiseUv = vec2( uvNode.x, uvNode.y.oneMinus() );
- noiseUv = noiseUv.mul( this._resolution.div( noiseResolution ) );
- const noiseTexel = sampleNoise( noiseUv );
- const x = sin( noiseTexel.element( this.index.mod( 4 ).mul( 2 ).mul( PI ) ) );
- const y = cos( noiseTexel.element( this.index.mod( 4 ).mul( 2 ).mul( PI ) ) );
- const noiseVec = vec2( x, y );
- const rotationMatrix = mat2( noiseVec.x, noiseVec.y.negate(), noiseVec.x, noiseVec.y );
- const totalWeight = float( 1.0 ).toVar();
- const denoised = vec3( texel.rgb ).toVar();
- Loop( { start: int( 0 ), end: int( 16 ), type: 'int', condition: '<' }, ( { i } ) => {
- const sampleDir = this._sampleVectors.element( i ).toVar();
- const offset = rotationMatrix.mul( sampleDir.xy.mul( float( 1.0 ).add( sampleDir.z.mul( this.radius.sub( 1 ) ) ) ) ).div( this._resolution ).toVar();
- const sampleUv = uvNode.add( offset ).toVar();
- const result = denoiseSample( center, viewNormal, viewPosition, sampleUv );
- denoised.addAssign( result.xyz );
- totalWeight.addAssign( result.w );
- } );
- If( totalWeight.greaterThan( float( 0 ) ), () => {
- denoised.divAssign( totalWeight );
- } );
- return vec4( denoised, texel.a );
- } ).setLayout( {
- name: 'denoise',
- type: 'vec4',
- inputs: [
- { name: 'uv', type: 'vec2' }
- ]
- } );
- const output = Fn( () => {
- return denoise( uvNode );
- } );
- const outputNode = output();
- return outputNode;
- }
- }
- function generatePdSamplePointInitializer( samples, rings, radiusExponent ) {
- const poissonDisk = generateDenoiseSamples( samples, rings, radiusExponent );
- const array = [];
- for ( let i = 0; i < samples; i ++ ) {
- const sample = poissonDisk[ i ];
- array.push( sample );
- }
- return array;
- }
- function generateDenoiseSamples( numSamples, numRings, radiusExponent ) {
- const samples = [];
- for ( let i = 0; i < numSamples; i ++ ) {
- const angle = 2 * Math.PI * numRings * i / numSamples;
- const radius = Math.pow( i / ( numSamples - 1 ), radiusExponent );
- samples.push( new Vector3( Math.cos( angle ), Math.sin( angle ), radius ) );
- }
- return samples;
- }
- const denoise = ( node, depthNode, normalNode, noiseNode, camera ) => nodeObject( new DenoiseNode( convertToTexture( node ), nodeObject( depthNode ), nodeObject( normalNode ), nodeObject( noiseNode ), camera ) );
- class FXAANode extends TempNode {
- static get type() {
- return 'FXAANode';
- }
- constructor( textureNode ) {
- super();
- this.textureNode = textureNode;
- this.updateBeforeType = NodeUpdateType.RENDER;
- this._invSize = uniform( new Vector2() );
- }
- updateBefore() {
- const map = this.textureNode.value;
- this._invSize.value.set( 1 / map.image.width, 1 / map.image.height );
- }
- setup() {
- const textureNode = this.textureNode.bias( - 100 );
- const uvNode = textureNode.uvNode || uv();
- // FXAA 3.11 implementation by NVIDIA, ported to WebGL by Agost Biro (biro@archilogic.com)
- //----------------------------------------------------------------------------------
- // File: es3-kepler\FXAA\assets\shaders/FXAA_DefaultES.frag
- // SDK Version: v3.00
- // Email: gameworks@nvidia.com
- // Site: http://developer.nvidia.com/
- //
- // Copyright (c) 2014-2015, NVIDIA CORPORATION. All rights reserved.
- //
- // Redistribution and use in source and binary forms, with or without
- // modification, are permitted provided that the following conditions
- // are met:
- // * Redistributions of source code must retain the above copyright
- // notice, this list of conditions and the following disclaimer.
- // * Redistributions in binary form must reproduce the above copyright
- // notice, this list of conditions and the following disclaimer in the
- // documentation and/or other materials provided with the distribution.
- // * Neither the name of NVIDIA CORPORATION nor the names of its
- // contributors may be used to endorse or promote products derived
- // from this software without specific prior written permission.
- //
- // THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS ''AS IS'' AND ANY
- // EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
- // IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
- // PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR
- // CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
- // EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
- // PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
- // PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY
- // OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
- // (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
- // OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
- //
- //----------------------------------------------------------------------------------
- const FxaaTexTop = ( p ) => textureNode.uv( p );
- const FxaaTexOff = ( p, o, r ) => textureNode.uv( p.add( o.mul( r ) ) );
- const NUM_SAMPLES = int( 5 );
- const contrast = Fn( ( [ a_immutable, b_immutable ] ) => {
- // assumes colors have premultipliedAlpha, so that the calculated color contrast is scaled by alpha
- const b = vec4( b_immutable ).toVar();
- const a = vec4( a_immutable ).toVar();
- const diff = vec4( abs( a.sub( b ) ) ).toVar();
- return max$1( max$1( max$1( diff.r, diff.g ), diff.b ), diff.a );
- } );
- // FXAA3 QUALITY - PC
- const FxaaPixelShader = Fn( ( [ uv, fxaaQualityRcpFrame, fxaaQualityEdgeThreshold, fxaaQualityinvEdgeThreshold ] ) => {
- const rgbaM = FxaaTexTop( uv ).toVar();
- const rgbaS = FxaaTexOff( uv, vec2( 0.0, - 1.0 ), fxaaQualityRcpFrame.xy ).toVar();
- const rgbaE = FxaaTexOff( uv, vec2( 1.0, 0.0 ), fxaaQualityRcpFrame.xy ).toVar();
- const rgbaN = FxaaTexOff( uv, vec2( 0.0, 1.0 ), fxaaQualityRcpFrame.xy ).toVar();
- const rgbaW = FxaaTexOff( uv, vec2( - 1.0, 0.0 ), fxaaQualityRcpFrame.xy ).toVar();
- // . S .
- // W M E
- // . N .
- const contrastN = contrast( rgbaM, rgbaN ).toVar();
- const contrastS = contrast( rgbaM, rgbaS ).toVar();
- const contrastE = contrast( rgbaM, rgbaE ).toVar();
- const contrastW = contrast( rgbaM, rgbaW ).toVar();
- const maxValue = max$1( contrastN, max$1( contrastS, max$1( contrastE, contrastW ) ) ).toVar();
- // . 0 .
- // 0 0 0
- // . 0 .
- If( maxValue.lessThan( fxaaQualityEdgeThreshold ), () => {
- return rgbaM; // assuming define FXAA_DISCARD is always 0
- } );
- //
- const relativeVContrast = sub( contrastN.add( contrastS ), ( contrastE.add( contrastW ) ) ).toVar();
- relativeVContrast.mulAssign( fxaaQualityinvEdgeThreshold );
- // 45 deg edge detection and corners of objects, aka V/H contrast is too similar
- If( abs( relativeVContrast ).lessThan( 0.3 ), () => {
- // locate the edge
- const x = contrastE.greaterThan( contrastW ).select( 1, - 1 ).toVar();
- const y = contrastS.greaterThan( contrastN ).select( 1, - 1 ).toVar();
- const dirToEdge = vec2( x, y ).toVar();
- // . 2 . . 1 .
- // 1 0 2 ~= 0 0 1
- // . 1 . . 0 .
- // tap 2 pixels and see which ones are "outside" the edge, to
- // determine if the edge is vertical or horizontal
- const rgbaAlongH = FxaaTexOff( uv, vec2( dirToEdge.x, dirToEdge.y ), fxaaQualityRcpFrame.xy );
- const matchAlongH = contrast( rgbaM, rgbaAlongH ).toVar();
- // . 1 .
- // 0 0 1
- // . 0 H
- const rgbaAlongV = FxaaTexOff( uv, vec2( dirToEdge.x.negate(), dirToEdge.y.negate() ), fxaaQualityRcpFrame.xy );
- const matchAlongV = contrast( rgbaM, rgbaAlongV ).toVar();
- // V 1 .
- // 0 0 1
- // . 0 .
- relativeVContrast.assign( matchAlongV.sub( matchAlongH ) );
- relativeVContrast.mulAssign( fxaaQualityinvEdgeThreshold );
- If( abs( relativeVContrast ).lessThan( 0.3 ), () => { // 45 deg edge
- // 1 1 .
- // 0 0 1
- // . 0 1
- // do a simple blur
- const sum = rgbaN.add( rgbaS ).add( rgbaE ).add( rgbaW );
- return mix( rgbaM, sum.mul( 0.25 ), 0.4 );
- } );
- } );
- const offNP = vec2().toVar();
- If( relativeVContrast.lessThanEqual( 0 ), () => {
- rgbaN.assign( rgbaW );
- rgbaS.assign( rgbaE );
- // . 0 . 1
- // 1 0 1 -> 0
- // . 0 . 1
- offNP.x.assign( 0 );
- offNP.y.assign( fxaaQualityRcpFrame.y );
- } ).Else( () => {
- offNP.x.assign( fxaaQualityRcpFrame.x );
- offNP.y.assign( 0 );
- } );
- const mn = contrast( rgbaM, rgbaN ).toVar();
- const ms = contrast( rgbaM, rgbaS ).toVar();
- If( mn.lessThanEqual( ms ), () => {
- rgbaN.assign( rgbaS );
- } );
- const doneN = int( 0 ).toVar();
- const doneP = int( 0 ).toVar();
- const nDist = float( 0 ).toVar();
- const pDist = float( 0 ).toVar();
- const posN = vec2( uv ).toVar();
- const posP = vec2( uv ).toVar();
- const iterationsUsedN = int( 0 ).toVar();
- const iterationsUsedP = int( 0 ).toVar();
- Loop( NUM_SAMPLES, ( { i } ) => {
- const increment = i.add( 1 ).toVar();
- If( doneN.equal( 0 ), () => {
- nDist.addAssign( increment );
- posN.assign( uv.add( offNP.mul( nDist ) ) );
- const rgbaEndN = FxaaTexTop( posN.xy );
- const nm = contrast( rgbaEndN, rgbaM ).toVar();
- const nn = contrast( rgbaEndN, rgbaN ).toVar();
- If( nm.greaterThan( nn ), () => {
- doneN.assign( 1 );
- } );
- iterationsUsedN.assign( i );
- } );
- If( doneP.equal( 0 ), () => {
- pDist.addAssign( increment );
- posP.assign( uv.sub( offNP.mul( pDist ) ) );
- const rgbaEndP = FxaaTexTop( posP.xy );
- const pm = contrast( rgbaEndP, rgbaM ).toVar();
- const pn = contrast( rgbaEndP, rgbaN ).toVar();
- If( pm.greaterThan( pn ), () => {
- doneP.assign( 1 );
- } );
- iterationsUsedP.assign( i );
- } );
- If( doneN.equal( 1 ).or( doneP.equal( 1 ) ), () => {
- Break();
- } );
- } );
- If( doneN.equal( 0 ).and( doneP.equal( 0 ) ), () => {
- return rgbaM; // failed to find end of edge
- } );
- const distN = float( 1 ).toVar();
- const distP = float( 1 ).toVar();
- If( doneN.equal( 1 ), () => {
- distN.assign( float( iterationsUsedN ).div( float( NUM_SAMPLES.sub( 1 ) ) ) );
- } );
- If( doneP.equal( 1 ), () => {
- distP.assign( float( iterationsUsedP ).div( float( NUM_SAMPLES.sub( 1 ) ) ) );
- } );
- const dist = min$1( distN, distP );
- // hacky way of reduces blurriness of mostly diagonal edges
- // but reduces AA quality
- dist.assign( pow( dist, 0.5 ) );
- dist.assign( float( 1 ).sub( dist ) );
- return mix( rgbaM, rgbaN, dist.mul( 0.5 ) );
- } ).setLayout( {
- name: 'FxaaPixelShader',
- type: 'vec4',
- inputs: [
- { name: 'uv', type: 'vec2' },
- { name: 'fxaaQualityRcpFrame', type: 'vec2' },
- { name: 'fxaaQualityEdgeThreshold', type: 'float' },
- { name: 'fxaaQualityinvEdgeThreshold', type: 'float' },
- ]
- } );
- const fxaa = Fn( () => {
- const edgeDetectionQuality = float( 0.2 );
- const invEdgeDetectionQuality = float( 1 ).div( edgeDetectionQuality );
- return FxaaPixelShader( uvNode, this._invSize, edgeDetectionQuality, invEdgeDetectionQuality );
- } );
- const outputNode = fxaa();
- return outputNode;
- }
- }
- const fxaa = ( node ) => nodeObject( new FXAANode( convertToTexture( node ) ) );
- const _quadMesh$2 = /*@__PURE__*/ new QuadMesh();
- const _clearColor$1 = /*@__PURE__*/ new Color( 0, 0, 0 );
- const _currentClearColor = /*@__PURE__*/ new Color();
- const _size$4 = /*@__PURE__*/ new Vector2();
- const _BlurDirectionX = /*@__PURE__*/ new Vector2( 1.0, 0.0 );
- const _BlurDirectionY = /*@__PURE__*/ new Vector2( 0.0, 1.0 );
- class BloomNode extends TempNode {
- static get type() {
- return 'BloomNode';
- }
- constructor( inputNode, strength = 1, radius = 0, threshold = 0 ) {
- super();
- this.inputNode = inputNode;
- this.strength = uniform( strength );
- this.radius = uniform( radius );
- this.threshold = uniform( threshold );
- this.smoothWidth = uniform( 0.01 );
- //
- this._renderTargetsHorizontal = [];
- this._renderTargetsVertical = [];
- this._nMips = 5;
- // render targets
- this._renderTargetBright = new RenderTarget( 1, 1, { type: HalfFloatType } );
- this._renderTargetBright.texture.name = 'UnrealBloomPass.bright';
- this._renderTargetBright.texture.generateMipmaps = false;
- for ( let i = 0; i < this._nMips; i ++ ) {
- const renderTargetHorizontal = new RenderTarget( 1, 1, { type: HalfFloatType } );
- renderTargetHorizontal.texture.name = 'UnrealBloomPass.h' + i;
- renderTargetHorizontal.texture.generateMipmaps = false;
- this._renderTargetsHorizontal.push( renderTargetHorizontal );
- const renderTargetVertical = new RenderTarget( 1, 1, { type: HalfFloatType } );
- renderTargetVertical.texture.name = 'UnrealBloomPass.v' + i;
- renderTargetVertical.texture.generateMipmaps = false;
- this._renderTargetsVertical.push( renderTargetVertical );
- }
- // materials
- this._compositeMaterial = null;
- this._highPassFilterMaterial = null;
- this._separableBlurMaterials = [];
- // pass and texture nodes
- this._textureNodeBright = texture( this._renderTargetBright.texture );
- this._textureNodeBlur0 = texture( this._renderTargetsVertical[ 0 ].texture );
- this._textureNodeBlur1 = texture( this._renderTargetsVertical[ 1 ].texture );
- this._textureNodeBlur2 = texture( this._renderTargetsVertical[ 2 ].texture );
- this._textureNodeBlur3 = texture( this._renderTargetsVertical[ 3 ].texture );
- this._textureNodeBlur4 = texture( this._renderTargetsVertical[ 4 ].texture );
- this._textureOutput = passTexture( this, this._renderTargetsHorizontal[ 0 ].texture );
- this.updateBeforeType = NodeUpdateType.FRAME;
- }
- getTextureNode() {
- return this._textureOutput;
- }
- setSize( width, height ) {
- let resx = Math.round( width / 2 );
- let resy = Math.round( height / 2 );
- this._renderTargetBright.setSize( resx, resy );
- for ( let i = 0; i < this._nMips; i ++ ) {
- this._renderTargetsHorizontal[ i ].setSize( resx, resy );
- this._renderTargetsVertical[ i ].setSize( resx, resy );
- this._separableBlurMaterials[ i ].invSize.value.set( 1 / resx, 1 / resy );
- resx = Math.round( resx / 2 );
- resy = Math.round( resy / 2 );
- }
- }
- updateBefore( frame ) {
- const { renderer } = frame;
- const size = renderer.getDrawingBufferSize( _size$4 );
- this.setSize( size.width, size.height );
- const currentRenderTarget = renderer.getRenderTarget();
- const currentMRT = renderer.getMRT();
- renderer.getClearColor( _currentClearColor );
- const currentClearAlpha = renderer.getClearAlpha();
- this.setSize( size.width, size.height );
- renderer.setMRT( null );
- renderer.setClearColor( _clearColor$1, 0 );
- // 1. Extract Bright Areas
- renderer.setRenderTarget( this._renderTargetBright );
- _quadMesh$2.material = this._highPassFilterMaterial;
- _quadMesh$2.render( renderer );
- // 2. Blur All the mips progressively
- let inputRenderTarget = this._renderTargetBright;
- for ( let i = 0; i < this._nMips; i ++ ) {
- _quadMesh$2.material = this._separableBlurMaterials[ i ];
- this._separableBlurMaterials[ i ].colorTexture.value = inputRenderTarget.texture;
- this._separableBlurMaterials[ i ].direction.value = _BlurDirectionX;
- renderer.setRenderTarget( this._renderTargetsHorizontal[ i ] );
- renderer.clear();
- _quadMesh$2.render( renderer );
- this._separableBlurMaterials[ i ].colorTexture.value = this._renderTargetsHorizontal[ i ].texture;
- this._separableBlurMaterials[ i ].direction.value = _BlurDirectionY;
- renderer.setRenderTarget( this._renderTargetsVertical[ i ] );
- renderer.clear();
- _quadMesh$2.render( renderer );
- inputRenderTarget = this._renderTargetsVertical[ i ];
- }
- // 3. Composite All the mips
- renderer.setRenderTarget( this._renderTargetsHorizontal[ 0 ] );
- renderer.clear();
- _quadMesh$2.material = this._compositeMaterial;
- _quadMesh$2.render( renderer );
- // restore
- renderer.setRenderTarget( currentRenderTarget );
- renderer.setMRT( currentMRT );
- renderer.setClearColor( _currentClearColor, currentClearAlpha );
- }
- setup( builder ) {
- // luminosity high pass material
- const luminosityHighPass = Fn( () => {
- const texel = this.inputNode;
- const v = luminance( texel.rgb );
- const alpha = smoothstep( this.threshold, this.threshold.add( this.smoothWidth ), v );
- return mix( vec4( 0 ), texel, alpha );
- } );
- this._highPassFilterMaterial = this._highPassFilterMaterial || new NodeMaterial();
- this._highPassFilterMaterial.fragmentNode = luminosityHighPass().context( builder.getSharedContext() );
- this._highPassFilterMaterial.name = 'Bloom_highPass';
- this._highPassFilterMaterial.needsUpdate = true;
- // gaussian blur materials
- const kernelSizeArray = [ 3, 5, 7, 9, 11 ];
- for ( let i = 0; i < this._nMips; i ++ ) {
- this._separableBlurMaterials.push( this._getSeperableBlurMaterial( builder, kernelSizeArray[ i ] ) );
- }
- // composite material
- const bloomFactors = uniformArray( [ 1.0, 0.8, 0.6, 0.4, 0.2 ] );
- const bloomTintColors = uniformArray( [ new Vector3( 1, 1, 1 ), new Vector3( 1, 1, 1 ), new Vector3( 1, 1, 1 ), new Vector3( 1, 1, 1 ), new Vector3( 1, 1, 1 ) ] );
- const lerpBloomFactor = Fn( ( [ factor, radius ] ) => {
- const mirrorFactor = float( 1.2 ).sub( factor );
- return mix( factor, mirrorFactor, radius );
- } ).setLayout( {
- name: 'lerpBloomFactor',
- type: 'float',
- inputs: [
- { name: 'factor', type: 'float' },
- { name: 'radius', type: 'float' },
- ]
- } );
- const compositePass = Fn( () => {
- const color0 = lerpBloomFactor( bloomFactors.element( 0 ), this.radius ).mul( vec4( bloomTintColors.element( 0 ), 1.0 ) ).mul( this._textureNodeBlur0 );
- const color1 = lerpBloomFactor( bloomFactors.element( 1 ), this.radius ).mul( vec4( bloomTintColors.element( 1 ), 1.0 ) ).mul( this._textureNodeBlur1 );
- const color2 = lerpBloomFactor( bloomFactors.element( 2 ), this.radius ).mul( vec4( bloomTintColors.element( 2 ), 1.0 ) ).mul( this._textureNodeBlur2 );
- const color3 = lerpBloomFactor( bloomFactors.element( 3 ), this.radius ).mul( vec4( bloomTintColors.element( 3 ), 1.0 ) ).mul( this._textureNodeBlur3 );
- const color4 = lerpBloomFactor( bloomFactors.element( 4 ), this.radius ).mul( vec4( bloomTintColors.element( 4 ), 1.0 ) ).mul( this._textureNodeBlur4 );
- const sum = color0.add( color1 ).add( color2 ).add( color3 ).add( color4 );
- return sum.mul( this.strength );
- } );
- this._compositeMaterial = this._compositeMaterial || new NodeMaterial();
- this._compositeMaterial.fragmentNode = compositePass().context( builder.getSharedContext() );
- this._compositeMaterial.name = 'Bloom_comp';
- this._compositeMaterial.needsUpdate = true;
- //
- return this._textureOutput;
- }
- dispose() {
- for ( let i = 0; i < this._renderTargetsHorizontal.length; i ++ ) {
- this._renderTargetsHorizontal[ i ].dispose();
- }
- for ( let i = 0; i < this._renderTargetsVertical.length; i ++ ) {
- this._renderTargetsVertical[ i ].dispose();
- }
- this._renderTargetBright.dispose();
- }
- _getSeperableBlurMaterial( builder, kernelRadius ) {
- const coefficients = [];
- for ( let i = 0; i < kernelRadius; i ++ ) {
- coefficients.push( 0.39894 * Math.exp( - 0.5 * i * i / ( kernelRadius * kernelRadius ) ) / kernelRadius );
- }
- //
- const colorTexture = texture();
- const gaussianCoefficients = uniformArray( coefficients );
- const invSize = uniform( new Vector2() );
- const direction = uniform( new Vector2( 0.5, 0.5 ) );
- const uvNode = uv();
- const sampleTexel = ( uv ) => colorTexture.uv( uv );
- const seperableBlurPass = Fn( () => {
- const weightSum = gaussianCoefficients.element( 0 ).toVar();
- const diffuseSum = sampleTexel( uvNode ).rgb.mul( weightSum ).toVar();
- Loop( { start: int( 1 ), end: int( kernelRadius ), type: 'int', condition: '<' }, ( { i } ) => {
- const x = float( i );
- const w = gaussianCoefficients.element( i );
- const uvOffset = direction.mul( invSize ).mul( x );
- const sample1 = sampleTexel( uvNode.add( uvOffset ) ).rgb;
- const sample2 = sampleTexel( uvNode.sub( uvOffset ) ).rgb;
- diffuseSum.addAssign( add( sample1, sample2 ).mul( w ) );
- weightSum.addAssign( float( 2.0 ).mul( w ) );
- } );
- return vec4( diffuseSum.div( weightSum ), 1.0 );
- } );
- const seperableBlurMaterial = new NodeMaterial();
- seperableBlurMaterial.fragmentNode = seperableBlurPass().context( builder.getSharedContext() );
- seperableBlurMaterial.name = 'Bloom_seperable';
- seperableBlurMaterial.needsUpdate = true;
- // uniforms
- seperableBlurMaterial.colorTexture = colorTexture;
- seperableBlurMaterial.direction = direction;
- seperableBlurMaterial.invSize = invSize;
- return seperableBlurMaterial;
- }
- }
- const bloom = ( node, strength, radius, threshold ) => nodeObject( new BloomNode( nodeObject( node ), strength, radius, threshold ) );
- class TransitionNode extends TempNode {
- static get type() {
- return 'TransitionNode';
- }
- constructor( textureNodeA, textureNodeB, mixTextureNode, mixRatioNode, thresholdNode, useTextureNode ) {
- super();
- // Input textures
- this.textureNodeA = textureNodeA;
- this.textureNodeB = textureNodeB;
- this.mixTextureNode = mixTextureNode;
- // Uniforms
- this.mixRatioNode = mixRatioNode;
- this.thresholdNode = thresholdNode;
- this.useTextureNode = useTextureNode;
- }
- setup() {
- const { textureNodeA, textureNodeB, mixTextureNode, mixRatioNode, thresholdNode, useTextureNode } = this;
- const sampleTexture = ( textureNode ) => {
- const uvNodeTexture = textureNode.uvNode || uv();
- return textureNode.uv( uvNodeTexture );
- };
- const transition = Fn( () => {
- const texelOne = sampleTexture( textureNodeA );
- const texelTwo = sampleTexture( textureNodeB );
- const color = vec4().toVar();
- If( useTextureNode.equal( int( 1 ) ), () => {
- const transitionTexel = sampleTexture( mixTextureNode );
- const r = mixRatioNode.mul( thresholdNode.mul( 2.0 ).add( 1.0 ) ).sub( thresholdNode );
- const mixf = clamp( sub( transitionTexel.r, r ).mul( float( 1.0 ).div( thresholdNode ) ), 0.0, 1.0 );
- color.assign( mix( texelOne, texelTwo, mixf ) );
- } ).Else( () => {
- color.assign( mix( texelTwo, texelOne, mixRatioNode ) );
- } );
- return color;
- } );
- const outputNode = transition();
- return outputNode;
- }
- }
- const transition = ( nodeA, nodeB, mixTexture, mixRatio = 0.0, threshold = 0.1, useTexture = 0 ) => nodeObject( new TransitionNode( convertToTexture( nodeA ), convertToTexture( nodeB ), convertToTexture( mixTexture ), nodeObject( mixRatio ), nodeObject( threshold ), nodeObject( useTexture ) ) );
- class PixelationNode extends TempNode {
- static get type() {
- return 'PixelationNode';
- }
- constructor( textureNode, depthNode, normalNode, pixelSize, normalEdgeStrength, depthEdgeStrength ) {
- super();
- // Input textures
- this.textureNode = textureNode;
- this.depthNode = depthNode;
- this.normalNode = normalNode;
- // Input uniforms
- this.pixelSize = pixelSize;
- this.normalEdgeStrength = normalEdgeStrength;
- this.depthEdgeStrength = depthEdgeStrength;
- // Private uniforms
- this._resolution = uniform( new Vector4() );
- this.updateBeforeType = NodeUpdateType.RENDER;
- }
- updateBefore() {
- const map = this.textureNode.value;
- const width = map.image.width;
- const height = map.image.height;
- this._resolution.value.set( width, height, 1 / width, 1 / height );
- }
- setup() {
- const { textureNode, depthNode, normalNode } = this;
- const uvNodeTexture = textureNode.uvNode || uv();
- const uvNodeDepth = depthNode.uvNode || uv();
- const uvNodeNormal = normalNode.uvNode || uv();
- const sampleTexture = () => textureNode.uv( uvNodeTexture );
- const sampleDepth = ( x, y ) => depthNode.uv( uvNodeDepth.add( vec2( x, y ).mul( this._resolution.zw ) ) ).r;
- const sampleNormal = ( x, y ) => normalNode.uv( uvNodeNormal.add( vec2( x, y ).mul( this._resolution.zw ) ) ).rgb.normalize();
- const depthEdgeIndicator = ( depth ) => {
- const diff = property( 'float', 'diff' );
- diff.addAssign( clamp( sampleDepth( 1, 0 ).sub( depth ) ) );
- diff.addAssign( clamp( sampleDepth( - 1, 0 ).sub( depth ) ) );
- diff.addAssign( clamp( sampleDepth( 0, 1 ).sub( depth ) ) );
- diff.addAssign( clamp( sampleDepth( 0, - 1 ).sub( depth ) ) );
- return floor( smoothstep( 0.01, 0.02, diff ).mul( 2 ) ).div( 2 );
- };
- const neighborNormalEdgeIndicator = ( x, y, depth, normal ) => {
- const depthDiff = sampleDepth( x, y ).sub( depth );
- const neighborNormal = sampleNormal( x, y );
- // Edge pixels should yield to faces who's normals are closer to the bias normal.
- const normalEdgeBias = vec3( 1, 1, 1 ); // This should probably be a parameter.
- const normalDiff = dot( normal.sub( neighborNormal ), normalEdgeBias );
- const normalIndicator = clamp( smoothstep( - 0.01, 0.01, normalDiff ), 0.0, 1.0 );
- // Only the shallower pixel should detect the normal edge.
- const depthIndicator = clamp( sign( depthDiff.mul( .25 ).add( .0025 ) ), 0.0, 1.0 );
- return float( 1.0 ).sub( dot( normal, neighborNormal ) ).mul( depthIndicator ).mul( normalIndicator );
- };
- const normalEdgeIndicator = ( depth, normal ) => {
- const indicator = property( 'float', 'indicator' );
- indicator.addAssign( neighborNormalEdgeIndicator( 0, - 1, depth, normal ) );
- indicator.addAssign( neighborNormalEdgeIndicator( 0, 1, depth, normal ) );
- indicator.addAssign( neighborNormalEdgeIndicator( - 1, 0, depth, normal ) );
- indicator.addAssign( neighborNormalEdgeIndicator( 1, 0, depth, normal ) );
- return step( 0.1, indicator );
- };
- const pixelation = Fn( () => {
- const texel = sampleTexture();
- const depth = property( 'float', 'depth' );
- const normal = property( 'vec3', 'normal' );
- If( this.depthEdgeStrength.greaterThan( 0.0 ).or( this.normalEdgeStrength.greaterThan( 0.0 ) ), () => {
- depth.assign( sampleDepth( 0, 0 ) );
- normal.assign( sampleNormal( 0, 0 ) );
- } );
- const dei = property( 'float', 'dei' );
- If( this.depthEdgeStrength.greaterThan( 0.0 ), () => {
- dei.assign( depthEdgeIndicator( depth ) );
- } );
- const nei = property( 'float', 'nei' );
- If( this.normalEdgeStrength.greaterThan( 0.0 ), () => {
- nei.assign( normalEdgeIndicator( depth, normal ) );
- } );
- const strength = dei.greaterThan( 0 ).select( float( 1.0 ).sub( dei.mul( this.depthEdgeStrength ) ), nei.mul( this.normalEdgeStrength ).add( 1 ) );
- return texel.mul( strength );
- } );
- const outputNode = pixelation();
- return outputNode;
- }
- }
- const pixelation = ( node, depthNode, normalNode, pixelSize = 6, normalEdgeStrength = 0.3, depthEdgeStrength = 0.4 ) => nodeObject( new PixelationNode( convertToTexture( node ), convertToTexture( depthNode ), convertToTexture( normalNode ), nodeObject( pixelSize ), nodeObject( normalEdgeStrength ), nodeObject( depthEdgeStrength ) ) );
- class PixelationPassNode extends PassNode {
- static get type() {
- return 'PixelationPassNode';
- }
- constructor( scene, camera, pixelSize = 6, normalEdgeStrength = 0.3, depthEdgeStrength = 0.4 ) {
- super( 'color', scene, camera, { minFilter: NearestFilter, magFilter: NearestFilter } );
- this.pixelSize = pixelSize;
- this.normalEdgeStrength = normalEdgeStrength;
- this.depthEdgeStrength = depthEdgeStrength;
- this.isPixelationPassNode = true;
- this._mrt = mrt( {
- output: output,
- normal: normalView
- } );
- }
- setSize( width, height ) {
- const pixelSize = this.pixelSize.value ? this.pixelSize.value : this.pixelSize;
- const adjustedWidth = Math.floor( width / pixelSize );
- const adjustedHeight = Math.floor( height / pixelSize );
- super.setSize( adjustedWidth, adjustedHeight );
- }
- setup() {
- const color = super.getTextureNode( 'output' );
- const depth = super.getTextureNode( 'depth' );
- const normal = super.getTextureNode( 'normal' );
- return pixelation( color, depth, normal, this.pixelSize, this.normalEdgeStrength, this.depthEdgeStrength );
- }
- }
- const pixelationPass = ( scene, camera, pixelSize, normalEdgeStrength, depthEdgeStrength ) => nodeObject( new PixelationPassNode( scene, camera, pixelSize, normalEdgeStrength, depthEdgeStrength ) );
- const _size$3 = /*@__PURE__*/ new Vector2();
- /**
- *
- * Supersample Anti-Aliasing Render Pass
- *
- * This manual approach to SSAA re-renders the scene ones for each sample with camera jitter and accumulates the results.
- *
- * References: https://en.wikipedia.org/wiki/Supersampling
- *
- */
- class SSAAPassNode extends PassNode {
- static get type() {
- return 'SSAAPassNode';
- }
- constructor( scene, camera ) {
- super( PassNode.COLOR, scene, camera );
- this.isSSAAPassNode = true;
- this.sampleLevel = 4; // specified as n, where the number of samples is 2^n, so sampleLevel = 4, is 2^4 samples, 16.
- this.unbiased = true;
- this.clearColor = new Color( 0x000000 );
- this.clearAlpha = 0;
- this._currentClearColor = new Color();
- this.sampleWeight = uniform( 1 );
- this.sampleRenderTarget = null;
- this._quadMesh = new QuadMesh();
- }
- updateBefore( frame ) {
- const { renderer } = frame;
- const { scene, camera } = this;
- this._pixelRatio = renderer.getPixelRatio();
- const size = renderer.getSize( _size$3 );
- this.setSize( size.width, size.height );
- this.sampleRenderTarget.setSize( this.renderTarget.width, this.renderTarget.height );
- // save current renderer settings
- renderer.getClearColor( this._currentClearColor );
- const currentClearAlpha = renderer.getClearAlpha();
- const currentRenderTarget = renderer.getRenderTarget();
- const currentMRT = renderer.getMRT();
- const currentAutoClear = renderer.autoClear;
- //
- this._cameraNear.value = camera.near;
- this._cameraFar.value = camera.far;
- renderer.setMRT( this.getMRT() );
- renderer.autoClear = false;
- const jitterOffsets = _JitterVectors[ Math.max( 0, Math.min( this.sampleLevel, 5 ) ) ];
- const baseSampleWeight = 1.0 / jitterOffsets.length;
- const roundingRange = 1 / 32;
- const viewOffset = {
- fullWidth: this.renderTarget.width,
- fullHeight: this.renderTarget.height,
- offsetX: 0,
- offsetY: 0,
- width: this.renderTarget.width,
- height: this.renderTarget.height
- };
- const originalViewOffset = Object.assign( {}, camera.view );
- if ( originalViewOffset.enabled ) Object.assign( viewOffset, originalViewOffset );
- // render the scene multiple times, each slightly jitter offset from the last and accumulate the results.
- for ( let i = 0; i < jitterOffsets.length; i ++ ) {
- const jitterOffset = jitterOffsets[ i ];
- if ( camera.setViewOffset ) {
- camera.setViewOffset(
- viewOffset.fullWidth, viewOffset.fullHeight,
- viewOffset.offsetX + jitterOffset[ 0 ] * 0.0625, viewOffset.offsetY + jitterOffset[ 1 ] * 0.0625, // 0.0625 = 1 / 16
- viewOffset.width, viewOffset.height
- );
- }
- this.sampleWeight.value = baseSampleWeight;
- if ( this.unbiased ) {
- // the theory is that equal weights for each sample lead to an accumulation of rounding errors.
- // The following equation varies the sampleWeight per sample so that it is uniformly distributed
- // across a range of values whose rounding errors cancel each other out.
- const uniformCenteredDistribution = ( - 0.5 + ( i + 0.5 ) / jitterOffsets.length );
- this.sampleWeight.value += roundingRange * uniformCenteredDistribution;
- }
- renderer.setClearColor( this.clearColor, this.clearAlpha );
- renderer.setRenderTarget( this.sampleRenderTarget );
- renderer.clear();
- renderer.render( scene, camera );
- // accumulation
- renderer.setRenderTarget( this.renderTarget );
- if ( i === 0 ) {
- renderer.setClearColor( 0x000000, 0.0 );
- renderer.clear();
- }
- this._quadMesh.render( renderer );
- }
- renderer.copyTextureToTexture( this.sampleRenderTarget.depthTexture, this.renderTarget.depthTexture );
- // restore
- if ( camera.setViewOffset && originalViewOffset.enabled ) {
- camera.setViewOffset(
- originalViewOffset.fullWidth, originalViewOffset.fullHeight,
- originalViewOffset.offsetX, originalViewOffset.offsetY,
- originalViewOffset.width, originalViewOffset.height
- );
- } else if ( camera.clearViewOffset ) {
- camera.clearViewOffset();
- }
- renderer.setRenderTarget( currentRenderTarget );
- renderer.setMRT( currentMRT );
- renderer.autoClear = currentAutoClear;
- renderer.setClearColor( this._currentClearColor, currentClearAlpha );
- }
- setup( builder ) {
- if ( this.sampleRenderTarget === null ) {
- this.sampleRenderTarget = this.renderTarget.clone();
- }
- let sampleTexture;
- const passMRT = this.getMRT();
- if ( passMRT !== null ) {
- const outputs = {};
- for ( const name in passMRT.outputNodes ) {
- const index = getTextureIndex( this.sampleRenderTarget.textures, name );
- if ( index >= 0 ) {
- outputs[ name ] = texture( this.sampleRenderTarget.textures[ index ] ).mul( this.sampleWeight );
- }
- }
- sampleTexture = mrt( outputs );
- } else {
- sampleTexture = texture( this.sampleRenderTarget.texture ).mul( this.sampleWeight );
- }
- this._quadMesh.material = new NodeMaterial();
- this._quadMesh.material.fragmentNode = sampleTexture;
- this._quadMesh.material.transparent = true;
- this._quadMesh.material.depthTest = false;
- this._quadMesh.material.depthWrite = false;
- this._quadMesh.material.premultipliedAlpha = true;
- this._quadMesh.material.blending = AdditiveBlending;
- this._quadMesh.material.normals = false;
- this._quadMesh.material.name = 'SSAA';
- return super.setup( builder );
- }
- dispose() {
- super.dispose();
- if ( this.sampleRenderTarget !== null ) {
- this.sampleRenderTarget.dispose();
- }
- }
- }
- // These jitter vectors are specified in integers because it is easier.
- // I am assuming a [-8,8) integer grid, but it needs to be mapped onto [-0.5,0.5)
- // before being used, thus these integers need to be scaled by 1/16.
- //
- // Sample patterns reference: https://msdn.microsoft.com/en-us/library/windows/desktop/ff476218%28v=vs.85%29.aspx?f=255&MSPPError=-2147217396
- const _JitterVectors = [
- [
- [ 0, 0 ]
- ],
- [
- [ 4, 4 ], [ - 4, - 4 ]
- ],
- [
- [ - 2, - 6 ], [ 6, - 2 ], [ - 6, 2 ], [ 2, 6 ]
- ],
- [
- [ 1, - 3 ], [ - 1, 3 ], [ 5, 1 ], [ - 3, - 5 ],
- [ - 5, 5 ], [ - 7, - 1 ], [ 3, 7 ], [ 7, - 7 ]
- ],
- [
- [ 1, 1 ], [ - 1, - 3 ], [ - 3, 2 ], [ 4, - 1 ],
- [ - 5, - 2 ], [ 2, 5 ], [ 5, 3 ], [ 3, - 5 ],
- [ - 2, 6 ], [ 0, - 7 ], [ - 4, - 6 ], [ - 6, 4 ],
- [ - 8, 0 ], [ 7, - 4 ], [ 6, 7 ], [ - 7, - 8 ]
- ],
- [
- [ - 4, - 7 ], [ - 7, - 5 ], [ - 3, - 5 ], [ - 5, - 4 ],
- [ - 1, - 4 ], [ - 2, - 2 ], [ - 6, - 1 ], [ - 4, 0 ],
- [ - 7, 1 ], [ - 1, 2 ], [ - 6, 3 ], [ - 3, 3 ],
- [ - 7, 6 ], [ - 3, 6 ], [ - 5, 7 ], [ - 1, 7 ],
- [ 5, - 7 ], [ 1, - 6 ], [ 6, - 5 ], [ 4, - 4 ],
- [ 2, - 3 ], [ 7, - 2 ], [ 1, - 1 ], [ 4, - 1 ],
- [ 2, 1 ], [ 6, 2 ], [ 0, 4 ], [ 4, 4 ],
- [ 2, 5 ], [ 7, 5 ], [ 5, 6 ], [ 3, 7 ]
- ]
- ];
- const ssaaPass = ( scene, camera ) => nodeObject( new SSAAPassNode( scene, camera ) );
- const _size$2 = /*@__PURE__*/ new Vector2();
- class StereoPassNode extends PassNode {
- static get type() {
- return 'StereoPassNode';
- }
- constructor( scene, camera ) {
- super( PassNode.COLOR, scene, camera );
- this.isStereoPassNode = true;
- this.stereo = new StereoCamera();
- this.stereo.aspect = 0.5;
- }
- updateBefore( frame ) {
- const { renderer } = frame;
- const { scene, camera, stereo, renderTarget } = this;
- this._pixelRatio = renderer.getPixelRatio();
- stereo.cameraL.coordinateSystem = renderer.coordinateSystem;
- stereo.cameraR.coordinateSystem = renderer.coordinateSystem;
- stereo.update( camera );
- const size = renderer.getSize( _size$2 );
- this.setSize( size.width, size.height );
- const currentAutoClear = renderer.autoClear;
- renderer.autoClear = false;
- 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( renderTarget );
- renderer.setMRT( this._mrt );
- renderer.clear();
- renderTarget.scissorTest = true;
- renderTarget.scissor.set( 0, 0, renderTarget.width / 2, renderTarget.height );
- renderTarget.viewport.set( 0, 0, renderTarget.width / 2, renderTarget.height );
- renderer.render( scene, stereo.cameraL );
- renderTarget.scissor.set( renderTarget.width / 2, 0, renderTarget.width / 2, renderTarget.height );
- renderTarget.viewport.set( renderTarget.width / 2, 0, renderTarget.width / 2, renderTarget.height );
- renderer.render( scene, stereo.cameraR );
- renderTarget.scissorTest = false;
- renderer.setRenderTarget( currentRenderTarget );
- renderer.setMRT( currentMRT );
- renderer.autoClear = currentAutoClear;
- }
- }
- const stereoPass = ( scene, camera ) => nodeObject( new StereoPassNode( scene, camera ) );
- const _size$1 = /*@__PURE__*/ new Vector2();
- const _quadMesh$1 = /*@__PURE__*/ new QuadMesh();
- class StereoCompositePassNode extends PassNode {
- static get type() {
- return 'StereoCompositePassNode';
- }
- constructor( scene, camera ) {
- super( PassNode.COLOR, scene, camera );
- this.isStereoCompositePassNode = true;
- this.stereo = new StereoCamera();
- const _params = { minFilter: LinearFilter, magFilter: NearestFilter, type: HalfFloatType };
- this._renderTargetL = new RenderTarget( 1, 1, _params );
- this._renderTargetR = new RenderTarget( 1, 1, _params );
- this._mapLeft = texture( this._renderTargetL.texture );
- this._mapRight = texture( this._renderTargetR.texture );
- this._material = null;
- }
- updateStereoCamera( coordinateSystem ) {
- this.stereo.cameraL.coordinateSystem = coordinateSystem;
- this.stereo.cameraR.coordinateSystem = coordinateSystem;
- this.stereo.update( this.camera );
- }
- setSize( width, height ) {
- super.setSize( width, height );
- this._renderTargetL.setSize( this.renderTarget.width, this.renderTarget.height );
- this._renderTargetR.setSize( this.renderTarget.width, this.renderTarget.height );
- }
- updateBefore( frame ) {
- const { renderer } = frame;
- const { scene, stereo, renderTarget } = this;
- this._pixelRatio = renderer.getPixelRatio();
- this.updateStereoCamera( renderer.coordinateSystem );
- const size = renderer.getSize( _size$1 );
- this.setSize( size.width, size.height );
- const currentRenderTarget = renderer.getRenderTarget();
- // left
- renderer.setRenderTarget( this._renderTargetL );
- renderer.render( scene, stereo.cameraL );
- // right
- renderer.setRenderTarget( this._renderTargetR );
- renderer.render( scene, stereo.cameraR );
- // composite
- renderer.setRenderTarget( renderTarget );
- _quadMesh$1.material = this._material;
- _quadMesh$1.render( renderer );
- // restore
- renderer.setRenderTarget( currentRenderTarget );
- }
- dispose() {
- super.dispose();
- this._renderTargetL.dispose();
- this._renderTargetR.dispose();
- if ( this._material !== null ) {
- this._material.dispose();
- }
- }
- }
- class AnaglyphPassNode extends StereoCompositePassNode {
- static get type() {
- return 'AnaglyphPassNode';
- }
- constructor( scene, camera ) {
- super( scene, camera );
- this.isAnaglyphPassNode = true;
- // Dubois matrices from https://citeseerx.ist.psu.edu/viewdoc/download?doi=10.1.1.7.6968&rep=rep1&type=pdf#page=4
- this._colorMatrixLeft = uniform( new Matrix3().fromArray( [
- 0.456100, - 0.0400822, - 0.0152161,
- 0.500484, - 0.0378246, - 0.0205971,
- 0.176381, - 0.0157589, - 0.00546856
- ] ) );
- this._colorMatrixRight = uniform( new Matrix3().fromArray( [
- - 0.0434706, 0.378476, - 0.0721527,
- - 0.0879388, 0.73364, - 0.112961,
- - 0.00155529, - 0.0184503, 1.2264
- ] ) );
- }
- setup( builder ) {
- const uvNode = uv();
- const anaglyph = Fn( () => {
- const colorL = this._mapLeft.uv( uvNode );
- const colorR = this._mapRight.uv( uvNode );
- const color = clamp( this._colorMatrixLeft.mul( colorL.rgb ).add( this._colorMatrixRight.mul( colorR.rgb ) ) );
- return vec4( color.rgb, max$1( colorL.a, colorR.a ) );
- } );
- const material = this._material || ( this._material = new NodeMaterial() );
- material.fragmentNode = anaglyph().context( builder.getSharedContext() );
- material.name = 'Anaglyph';
- material.needsUpdate = true;
- return super.setup( builder );
- }
- }
- const anaglyphPass = ( scene, camera ) => nodeObject( new AnaglyphPassNode( scene, camera ) );
- class ParallaxBarrierPassNode extends StereoCompositePassNode {
- static get type() {
- return 'ParallaxBarrierPassNode';
- }
- constructor( scene, camera ) {
- super( scene, camera );
- this.isParallaxBarrierPassNode = true;
- }
- setup( builder ) {
- const uvNode = uv();
- const parallaxBarrier = Fn( () => {
- const color = vec4().toVar();
- If( mod( viewportCoordinate.y, 2 ).greaterThan( 1 ), () => {
- color.assign( this._mapLeft.uv( uvNode ) );
- } ).Else( () => {
- color.assign( this._mapRight.uv( uvNode ) );
- } );
- return color;
- } );
- const material = this._material || ( this._material = new NodeMaterial() );
- material.fragmentNode = parallaxBarrier().context( builder.getSharedContext() );
- material.needsUpdate = true;
- return super.setup( builder );
- }
- }
- const parallaxBarrierPass = ( scene, camera ) => nodeObject( new ParallaxBarrierPassNode( scene, camera ) );
- 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 cacheKey = [ this.source, this.getDefaultOutputNode().getCacheKey( force ) ];
- for ( const param in this.parameters ) {
- cacheKey.push( this.parameters[ param ].getCacheKey( force ) );
- }
- return cacheKey.join( ',' );
- }
- 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 );
- class LightNode extends Node {
- static get type() {
- return 'LightNode';
- }
- constructor( scope = LightNode.TARGET_DIRECTION, light = null ) {
- super();
- this.scope = scope;
- this.light = light;
- }
- setup() {
- const { scope, light } = this;
- let output = null;
- if ( scope === LightNode.TARGET_DIRECTION ) {
- output = cameraViewMatrix.transformDirection( objectPosition( light ).sub( objectPosition( light.target ) ) );
- }
- return output;
- }
- serialize( data ) {
- super.serialize( data );
- data.scope = this.scope;
- }
- deserialize( data ) {
- super.deserialize( data );
- this.scope = data.scope;
- }
- }
- LightNode.TARGET_DIRECTION = 'targetDirection';
- const lightTargetDirection = /*@__PURE__*/ nodeProxy( LightNode, LightNode.TARGET_DIRECTION );
- 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 );
- const radius = reference( 'radius', 'float', shadow );
- 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 );
- 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 );
- } );
- const shadowFilterLib = [ BasicShadowMap, PCFShadowMap, PCFSoftShadowMap ];
- //
- let overrideMaterial = null;
- 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 );
- this.baseColorNode = null;
- this.shadowMap = null;
- this.shadowNode = null;
- this.shadowColorNode = null;
- this.isAnalyticLightNode = true;
- }
- getCacheKey() {
- return super.getCacheKey() + '-' + ( this.light.id + '-' + ( this.light.castShadow ? '1' : '0' ) );
- }
- getHash() {
- return this.light.uuid;
- }
- setupShadow( builder ) {
- const { object, renderer } = builder;
- 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 depthTexture = new DepthTexture();
- depthTexture.compareFunction = LessCompare;
- const shadow = this.light.shadow;
- const shadowMap = builder.createRenderTarget( shadow.mapSize.width, shadow.mapSize.height );
- shadowMap.depthTexture = depthTexture;
- shadow.camera.updateProjectionMatrix();
- //
- const shadowIntensity = reference( 'intensity', 'float', shadow );
- const bias = reference( 'bias', 'float', shadow );
- const normalBias = reference( 'normalBias', 'float', shadow );
- const position = object.material.shadowPositionNode || positionWorld;
- let shadowCoord = uniform( shadow.matrix ).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, shadowCoord, shadow } ), float( 1 ) );
- this.shadowMap = 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 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 ) {
- renderer.renderObject( object, ...params );
- }
- } );
- renderer.setRenderTarget( shadowMap );
- renderer.render( scene, light.shadow.camera );
- renderer.setRenderTarget( currentRenderTarget );
- renderer.setRenderObjectFunction( currentRenderObjectFunction );
- scene.overrideMaterial = currentOverrideMaterial;
- }
- disposeShadow() {
- this.shadowMap.dispose();
- this.shadowMap = 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
- class PointLightNode extends AnalyticLightNode {
- static get type() {
- return 'PointLightNode';
- }
- constructor( light = null ) {
- super( light );
- this.cutoffDistanceNode = uniform( 0 );
- this.decayExponentNode = uniform( 0 );
- }
- 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 = objectViewPosition( 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() );
- this.halfWidth = uniform( new Vector3() );
- }
- 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 = objectViewPosition( 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 );
- this.penumbraCosNode = uniform( 0 );
- this.cutoffDistanceNode = uniform( 0 );
- this.decayExponentNode = uniform( 0 );
- }
- 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 = objectViewPosition( 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 = objectPosition( light );
- this.lightDirectionNode = this.lightPositionNode.normalize();
- this.groundColorNode = uniform( new Color() );
- }
- 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 );
- }
- }
- 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 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;
- let key = '';
- for ( const texture of textures ) {
- key += texture.id + ',';
- }
- key += activeCubeFace;
- return key;
- }
- 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 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( viewportUV, 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() );
- 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 motionBlur = /*@__PURE__*/ Fn( ( [ inputNode, velocity, numSamples = int( 16 ) ] ) => {
- const sampleColor = ( uv ) => inputNode.uv( uv );
- const uvs = uv();
- const colorResult = sampleColor( uvs ).toVar();
- const fSamples = float( numSamples );
- Loop( { start: int( 1 ), end: numSamples, type: 'int', condition: '<=' }, ( { i } ) => {
- const offset = velocity.mul( float( i ).div( fSamples.sub( 1 ) ).sub( 0.5 ) );
- colorResult.addAssign( sampleColor( uvs.add( offset ) ) );
- } );
- colorResult.divAssign( fSamples );
- return colorResult;
- } );
- const bleach = /*@__PURE__*/ Fn( ( [ color, opacity = 1 ] ) => {
- const base = color;
- const lum = luminance( base.rgb );
- const blend = vec3( lum );
- const L = min$1( 1.0, max$1( 0.0, float( 10.0 ).mul( lum.sub( 0.45 ) ) ) );
- const result1 = blend.mul( base.rgb ).mul( 2.0 );
- const result2 = float( 2.0 ).mul( blend.oneMinus() ).mul( base.rgb.oneMinus() ).oneMinus();
- const newColor = mix( result1, result2, L );
- const A2 = base.a.mul( opacity );
- const mixRGB = A2.mul( newColor.rgb );
- mixRGB.addAssign( base.rgb.mul( A2.oneMinus() ) );
- return vec4( mixRGB, base.a );
- } );
- const sepia = /*@__PURE__*/ Fn( ( [ color ] ) => {
- const c = vec3( color );
- // https://github.com/evanw/glfx.js/blob/master/src/filters/adjust/sepia.js
- return vec4(
- dot( c, vec3( 0.393, 0.769, 0.189 ) ),
- dot( c, vec3( 0.349, 0.686, 0.168 ) ),
- dot( c, vec3( 0.272, 0.534, 0.131 ) ),
- color.a
- );
- } );
- 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' }
- ]
- } );
- 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 _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, instanceBindGroups = true, 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.instanceBindGroups = instanceBindGroups;
- this.usedTimes = 0;
- }
- createBindings() {
- const bindings = [];
- for ( const instanceGroup of this.bindings ) {
- const shared = this.instanceBindGroups && 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.instanceBindGroups,
- 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 cacheKey = [];
- if ( lightsNode ) cacheKey.push( lightsNode.getCacheKey( true ) );
- if ( environmentNode ) cacheKey.push( environmentNode.getCacheKey() );
- if ( fogNode ) cacheKey.push( fogNode.getCacheKey() );
- cacheKeyData = {
- callId,
- cacheKey: cacheKey.join( ',' )
- };
- 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, viewportUV.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 ) {
- fogNode = densityFog( reference( 'color', 'color', fog ), reference( 'density', 'float', fog ) );
- } else if ( fog.isFog ) {
- fogNode = rangeFog( reference( 'color', 'color', fog ), reference( 'near', 'float', fog ), reference( 'far', 'float', fog ) );
- } 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, viewportUV ).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 );
- }
- }
- 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,
- 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 = true;
- this.stencil = false;
- 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 renderBundleNeedsUpdate = renderBundleData.renderContexts.has( renderContext ) === false || bundleGroup.needsUpdate === true;
- renderBundleData.renderContexts.add( renderContext );
- if ( renderBundleNeedsUpdate ) {
- this.backend.beginBundle( renderContext );
- if ( renderBundleData.renderObjects === undefined || bundleGroup.needsUpdate === true ) {
- 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 );
- bundleGroup.needsUpdate = false;
- } else {
- const renderObjects = renderBundleData.renderObjects;
- for ( let i = 0, l = renderObjects.length; i < l; i ++ ) {
- const renderObject = renderObjects[ i ];
- 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 opaqueObjects = renderList.opaque;
- const transparentObjects = renderList.transparent;
- const bundles = renderList.bundles;
- const lightsNode = renderList.lightsNode;
- 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 ) {
- const renderContext = this._currentRenderContext;
- this._textures.updateTexture( framebufferTexture );
- this.backend.copyFramebufferToTexture( framebufferTexture, renderContext );
- }
- 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 = object.geometry;
- const material = object.material;
- 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 = object.geometry;
- const material = object.material;
- 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;
- //
- this._nodes.updateBefore( renderObject );
- this._nodes.updateForRender( renderObject );
- this._geometries.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 );
- }
- this.backend.draw( renderObject, this.info );
- 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._nodes.updateForRender( renderObject );
- this._geometries.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.instanceBindGroups = false;
- 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 )` );
- 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}` );
- 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: {} };
- 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.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 ) {
- const { gl } = this;
- const { state } = this.backend;
- const { textureGPU } = this.backend.get( texture );
- const width = texture.image.width;
- const height = texture.image.height;
- const requireDrawFrameBuffer = texture.isDepthTexture === true || ( renderContext.renderTarget && renderContext.renderTarget.samples > 0 );
- if ( requireDrawFrameBuffer ) {
- 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;
- }
- 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, 0, 0, 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 );
- //
- 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 geometry = renderObject.geometry;
- const drawRange = renderObject.drawRange;
- //
- 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;
- }
- //
- let rangeFactor = 1;
- 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;
- rangeFactor = 2;
- } else {
- renderer.mode = gl.TRIANGLES;
- }
- }
- //
- const group = renderObject.group;
- renderer.object = object;
- 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 );
- }
- if ( index !== null ) {
- const indexData = this.get( index );
- const indexCount = index.count;
- renderer.index = index.count;
- renderer.type = indexData.type;
- firstVertex = Math.max( firstVertex, 0 );
- lastVertex = Math.min( lastVertex, indexCount );
- } else {
- renderer.index = 0;
- const vertexCount = geometry.attributes.position.count;
- firstVertex = Math.max( firstVertex, 0 );
- lastVertex = Math.min( lastVertex, vertexCount );
- }
- const count = lastVertex - firstVertex;
- if ( count < 0 || count === Infinity ) return;
- if ( index !== null ) {
- firstVertex *= index.array.BYTES_PER_ELEMENT;
- }
- const instanceCount = this.getInstanceCount( renderObject );
- 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, count, instanceCount );
- } else {
- renderer.render( firstVertex, count );
- }
- //
- 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 ) {
- const { state, gl } = this;
- let groupIndex = 0;
- let textureIndex = 0;
- for ( const bindGroup of bindings ) {
- for ( const binding of bindGroup.bindings ) {
- if ( binding.isUniformsGroup || binding.isUniformBuffer ) {
- const bufferGPU = gl.createBuffer();
- const data = binding.buffer;
- gl.bindBuffer( gl.UNIFORM_BUFFER, bufferGPU );
- gl.bufferData( gl.UNIFORM_BUFFER, data, gl.DYNAMIC_DRAW );
- state.bindBufferBase( gl.UNIFORM_BUFFER, groupIndex, bufferGPU );
- this.set( binding, {
- index: groupIndex ++,
- bufferGPU
- } );
- } else if ( binding.isSampledTexture ) {
- const { textureGPU, glTextureType } = this.get( binding.texture );
- this.set( binding, {
- index: 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 ) {
- this.textureUtils.copyFramebufferToTexture( texture, renderContext );
- }
- _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 );
- 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 res = vec2f( textureDimensions( map, level ) );
- 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 ) ), level );
- let rg2 = textureLoad( map, vec2i( iuv + vec2( 1.5, 0.5 ) ), level );
- let rg3 = textureLoad( map, vec2i( iuv + vec2( 0.5, 1.5 ) ), level );
- let rg4 = textureLoad( map, vec2i( iuv + vec2( 1.5, 1.5 ) ), 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 = {};
- }
- 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;
- }
- 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' );
- }
- getSubgroupIndex() {
- this.enableSubGroups();
- return this.getBuiltin( 'subgroup_invocation_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' );
- }
- 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 ( 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 groundName = uniform.groupNode.name;
- const uniformIndexes = this.bindingsIndexes[ groundName ];
- 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 bufferSnippet = `\t${ uniform.name } : array< ${ bufferType }${ 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 );
- //
- 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;
- // 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 ).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
- },
- 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, material, geometry, context, pipeline, group } = renderObject;
- const bindings = renderObject.getBindings();
- const renderContextData = this.get( context );
- const pipelineGPU = this.get( pipeline ).pipeline;
- const currentSets = renderContextData.currentSets;
- const passEncoderGPU = renderContextData.currentPass;
- // 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
- const drawRange = renderObject.drawRange;
- 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 instanceCount = this.getInstanceCount( renderObject );
- if ( instanceCount === 0 ) return;
- 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 indexCount = index.count;
- firstVertex = Math.max( firstVertex, 0 );
- lastVertex = Math.min( lastVertex, indexCount );
- const count = lastVertex - firstVertex;
- if ( count < 0 || count === Infinity ) return;
- passEncoderGPU.drawIndexed( count, instanceCount, firstVertex, 0, 0 );
- info.update( object, indexCount, instanceCount );
- } else {
- const positionAttribute = geometry.attributes.position;
- const vertexCount = positionAttribute.count;
- firstVertex = Math.max( firstVertex, 0 );
- lastVertex = Math.min( lastVertex, vertexCount );
- const count = lastVertex - firstVertex;
- if ( count < 0 || count === Infinity ) return;
- passEncoderGPU.draw( count, 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 srcX = 0;
- let srcY = 0;
- let srcWidth = srcTexture.image.width;
- let srcHeight = srcTexture.image.height;
- if ( srcRegion !== null ) {
- srcX = srcRegion.x;
- srcY = srcRegion.y;
- srcWidth = srcRegion.width;
- srcHeight = srcRegion.height;
- }
- if ( dstPosition !== null ) {
- dstX = dstPosition.x;
- dstY = dstPosition.y;
- }
- 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: 0 }
- },
- {
- texture: destinationGPU,
- mipLevel: level,
- origin: { x: dstX, y: dstY, z: 0 }
- },
- [
- srcWidth,
- srcHeight
- ]
- );
- this.device.queue.submit( [ encoder.finish() ] );
- }
- copyFramebufferToTexture( texture, renderContext ) {
- 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: 0, y: 0, z: 0 }
- },
- {
- texture: destinationGPU
- },
- [
- texture.image.width,
- texture.image.height
- ]
- );
- 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';
- }
- }
- 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, AfterImageNode, AgXToneMapping, AlphaFormat, AlwaysCompare, AlwaysDepth, AlwaysStencilFunc, AmbientLight, AmbientLightNode, AnaglyphPassNode, AnalyticLightNode, AnamorphicNode, 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, BloomNode, 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, DenoiseNode, DepthFormat, DepthOfFieldNode, DepthStencilFormat, DepthTexture, DetachedBindMode, DirectionalLight, DirectionalLightHelper, DirectionalLightNode, Discard, DiscreteInterpolant, DisplayP3ColorSpace, DodecahedronGeometry, DotScreenNode, DoubleSide, DstAlphaFactor, DstColorFactor, DynamicCopyUsage, DynamicDrawUsage, DynamicReadUsage, EPSILON, EdgesGeometry, EllipseCurve, EnvironmentNode, EqualCompare, EqualDepth, EqualStencilFunc, EquirectUVNode, EquirectangularReflectionMapping, EquirectangularRefractionMapping, Euler, EventDispatcher, ExpressionNode, ExtrudeGeometry, FXAANode, F_Schlick, FileLoader, FilmNode, Float16BufferAttribute, Float32BufferAttribute, FloatType, Fn, Fog, FogExp2, FogExp2Node, FogNode, FogRangeNode, FramebufferTexture, FrontFacingNode, FrontSide, Frustum, FunctionCallNode, FunctionNode, FunctionOverloadingNode, GLBufferAttribute, GLSL1, GLSL3, GLSLNodeParser, GTAONode, GaussianBlurNode, 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, LightNode, 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, Lut3DNode, 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, 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, ParallaxBarrierPassNode, ParameterNode, PassNode, Path, PerspectiveCamera, PhongLightingModel, PhysicalLightingModel, PixelationPassNode, 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, RGBShiftNode, 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, SSAAPassNode, Scene, SceneNode, Schlick_to_F0, ScriptableNode, ScriptableValueNode, SetNode, ShaderMaterial, ShaderNode, ShadowMaterial, ShadowNodeMaterial, Shape, ShapeGeometry, ShapePath, ShapeUtils, ShortType, Skeleton, SkeletonHelper, SkinnedMesh, SkinningNode, SobelOperatorNode, Source, Sphere, SphereGeometry, Spherical, SphericalHarmonics3, SplineCurve, SplitNode, SpotLight, SpotLightHelper, SpotLightNode, Sprite, SpriteMaterial, SpriteNodeMaterial, SpriteSheetUVNode, SrcAlphaFactor, SrcAlphaSaturateFactor, SrcColorFactor, StackNode, StaticCopyUsage, StaticDrawUsage, StaticReadUsage, StereoCamera, StereoPassNode, StorageArrayElementNode, StorageBufferAttribute, StorageBufferNode, StorageInstancedBufferAttribute, StorageTexture, StorageTextureNode, StreamCopyUsage, StreamDrawUsage, StreamReadUsage, StringKeyframeTrack, SubtractEquation, SubtractiveBlending, TBNViewMatrix, TOUCH, TangentSpaceNormalMap, TempNode, TetrahedronGeometry, Texture, Texture3DNode, TextureLoader, TextureNode, TextureSizeNode, TimerNode, ToneMappingNode, TorusGeometry, TorusKnotGeometry, TransitionNode, 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, ViewportNode, ViewportSharedTextureNode, ViewportTextureNode, VolumeNodeMaterial, WebGL3DRenderTarget, WebGLArrayRenderTarget, WebGLCoordinateSystem, WebGLCubeRenderTarget, WebGLMultipleRenderTargets, WebGLRenderTarget, WebGPUCoordinateSystem, WebGPURenderer, WireframeGeometry, WrapAroundEnding, ZeroCurvatureEnding, ZeroFactor, ZeroSlopeEnding, ZeroStencilOp, abs, acesFilmicToneMapping, acos, add, addMethodChaining, addNodeElement, afterImage, agxToneMapping, all, alphaT, anaglyphPass, anamorphic, and, anisotropy, anisotropyB, anisotropyT, any, ao, append, arrayBuffer, asin, assign, atan, atan2, attenuationColor, attenuationDistance, attribute, backgroundBlurriness, backgroundIntensity, batch, billboarding, bitAnd, bitNot, bitOr, bitXor, bitangentGeometry, bitangentLocal, bitangentView, bitangentWorld, bitcast, bleach, bloom, 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, colorToDirection, compute, cond, context, convert, convertToTexture, cos, createCanvasElement, cross, cubeTexture, dFdx, dFdy, dashSize, defaultBuildStages, defaultShaderStages, defined, degrees, denoise, densityFog, depth, depthPass, difference, diffuseColor, directionToColor, dispersion, distance, div, dodge, dof, dot, dotScreen, drawIndex, dynamicBufferAttribute, element, emissive, equal, equals, equirectUV, exp, exp2, expression, faceDirection, faceForward, film, float, floor, fog, fract, frameGroup, frameId, frontFacing, fwidth, fxaa, gain, gapSize, gaussianBlur, 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, ior, iridescence, iridescenceIOR, iridescenceThickness, ivec2, ivec3, ivec4, js, label, length, lengthSq, lessThan, lessThanEqual, lightTargetDirection, lightingContext, lights, linearDepth, linearSRGBTosRGB, linearToneMapping, log, log2, loop, luminance, lut3D, 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, motionBlur, 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, objectDirection, objectGroup, objectPosition, objectScale, objectViewPosition, objectWorldMatrix, oneMinus, or, orthographicDepthToViewZ, oscSawtooth, oscSine, oscSquare, oscTriangle, output, outputStruct, overlay, overloadingFn, parabola, parallaxBarrierPass, parallaxDirection, parallaxUV, parameter, pass, passTexture, pcurve, perspectiveDepthToViewZ, pixelationPass, 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, rgbShift, rotate, rotateUV, roughness, round, rtt, sRGBToLinearSRGB, sampler, saturate, saturation, screen, scriptable, scriptableValue, select, sepia, setCurrentStack, shaderStages, sharedUniformGroup, sheen, sheenRoughness, shiftLeft, shiftRight, shininess, sign, sin, sinc, skinning, skinningReference, smoothstep, smoothstepElement, sobel, specularColor, specularF90, spherizeUV, split, spritesheetUV, sqrt, ssaaPass, stack, step, stereoPass, storage, storageObject, storageTexture, string, sub, tan, tangentGeometry, tangentLocal, tangentView, tangentWorld, temp, texture, texture3D, textureBicubic, textureCubeUV, textureLoad, textureSize, textureStore, thickness, threshold, timerDelta, timerGlobal, timerLocal, toOutputColorSpace, toWorkingColorSpace, toneMapping, toneMappingExposure, transformDirection, transformNormal, transformNormalToView, transformedBentNormalView, transformedBitangentView, transformedBitangentWorld, transformedClearcoatNormalView, transformedNormalView, transformedNormalWorld, transformedTangentView, transformedTangentWorld, transition, 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, viewportTexture, viewportTopLeft, viewportUV, wgsl, wgslFn, xor };
|