12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957295829592960296129622963296429652966296729682969297029712972297329742975297629772978297929802981298229832984298529862987298829892990299129922993299429952996299729982999300030013002300330043005300630073008300930103011301230133014301530163017301830193020302130223023302430253026302730283029303030313032303330343035303630373038303930403041304230433044304530463047304830493050305130523053305430553056305730583059306030613062306330643065306630673068306930703071307230733074307530763077307830793080308130823083308430853086308730883089309030913092309330943095309630973098309931003101310231033104310531063107310831093110311131123113311431153116311731183119312031213122312331243125312631273128312931303131313231333134313531363137313831393140314131423143314431453146314731483149315031513152315331543155315631573158315931603161316231633164316531663167316831693170317131723173317431753176317731783179318031813182318331843185318631873188318931903191319231933194319531963197319831993200320132023203320432053206320732083209321032113212321332143215321632173218321932203221322232233224322532263227322832293230323132323233323432353236323732383239324032413242324332443245324632473248324932503251325232533254325532563257325832593260326132623263326432653266326732683269327032713272327332743275327632773278327932803281328232833284328532863287328832893290329132923293329432953296329732983299330033013302330333043305330633073308330933103311331233133314331533163317331833193320332133223323332433253326332733283329333033313332333333343335333633373338333933403341334233433344334533463347334833493350335133523353335433553356335733583359336033613362336333643365336633673368336933703371337233733374337533763377337833793380338133823383338433853386338733883389339033913392339333943395339633973398339934003401340234033404340534063407340834093410341134123413341434153416341734183419342034213422342334243425342634273428342934303431343234333434343534363437343834393440344134423443344434453446344734483449345034513452345334543455345634573458345934603461346234633464346534663467346834693470347134723473347434753476347734783479348034813482348334843485348634873488348934903491349234933494349534963497349834993500350135023503350435053506350735083509351035113512351335143515351635173518351935203521352235233524352535263527352835293530353135323533353435353536353735383539354035413542354335443545354635473548354935503551355235533554355535563557355835593560356135623563356435653566356735683569357035713572357335743575357635773578357935803581358235833584358535863587358835893590359135923593359435953596359735983599360036013602360336043605360636073608360936103611361236133614361536163617361836193620362136223623362436253626362736283629363036313632363336343635363636373638363936403641364236433644364536463647364836493650365136523653365436553656365736583659366036613662366336643665366636673668366936703671367236733674367536763677367836793680368136823683368436853686368736883689369036913692369336943695369636973698369937003701370237033704370537063707370837093710371137123713371437153716371737183719372037213722372337243725372637273728372937303731373237333734373537363737373837393740374137423743374437453746374737483749375037513752375337543755375637573758375937603761376237633764376537663767376837693770377137723773377437753776377737783779378037813782378337843785378637873788378937903791379237933794379537963797379837993800380138023803380438053806380738083809381038113812381338143815381638173818381938203821382238233824382538263827382838293830383138323833383438353836383738383839384038413842384338443845384638473848384938503851385238533854385538563857385838593860386138623863386438653866386738683869387038713872387338743875387638773878387938803881388238833884388538863887388838893890389138923893389438953896389738983899390039013902390339043905390639073908390939103911391239133914391539163917391839193920392139223923392439253926392739283929393039313932393339343935393639373938393939403941394239433944394539463947394839493950395139523953395439553956395739583959396039613962396339643965396639673968396939703971397239733974397539763977397839793980398139823983398439853986398739883989399039913992399339943995399639973998399940004001400240034004400540064007400840094010401140124013401440154016401740184019402040214022402340244025402640274028402940304031403240334034403540364037403840394040404140424043404440454046404740484049405040514052405340544055405640574058405940604061406240634064406540664067406840694070407140724073407440754076407740784079408040814082408340844085408640874088408940904091409240934094409540964097409840994100410141024103410441054106410741084109411041114112411341144115411641174118411941204121412241234124412541264127412841294130413141324133413441354136413741384139414041414142414341444145414641474148414941504151415241534154415541564157415841594160416141624163416441654166416741684169417041714172417341744175417641774178417941804181418241834184418541864187418841894190419141924193419441954196419741984199420042014202420342044205420642074208420942104211421242134214421542164217421842194220422142224223422442254226422742284229423042314232423342344235423642374238423942404241424242434244424542464247424842494250425142524253425442554256425742584259426042614262426342644265426642674268426942704271427242734274427542764277427842794280428142824283428442854286428742884289429042914292429342944295429642974298429943004301430243034304430543064307430843094310431143124313431443154316431743184319432043214322432343244325432643274328432943304331433243334334433543364337433843394340434143424343434443454346434743484349435043514352435343544355435643574358435943604361436243634364436543664367436843694370437143724373437443754376437743784379438043814382438343844385438643874388438943904391439243934394439543964397439843994400440144024403440444054406440744084409441044114412441344144415441644174418441944204421442244234424442544264427442844294430443144324433443444354436443744384439444044414442444344444445444644474448444944504451445244534454445544564457445844594460446144624463446444654466446744684469447044714472447344744475447644774478447944804481448244834484448544864487448844894490449144924493449444954496449744984499450045014502450345044505450645074508450945104511451245134514451545164517451845194520452145224523452445254526452745284529453045314532453345344535453645374538453945404541454245434544454545464547454845494550455145524553455445554556455745584559456045614562456345644565456645674568456945704571457245734574457545764577457845794580458145824583458445854586458745884589459045914592459345944595459645974598459946004601460246034604460546064607460846094610461146124613461446154616461746184619462046214622462346244625462646274628462946304631463246334634463546364637463846394640464146424643464446454646464746484649465046514652465346544655465646574658465946604661466246634664466546664667466846694670467146724673467446754676467746784679468046814682468346844685468646874688468946904691469246934694469546964697469846994700470147024703470447054706470747084709471047114712471347144715471647174718471947204721472247234724472547264727472847294730473147324733473447354736473747384739474047414742474347444745474647474748474947504751475247534754475547564757475847594760476147624763476447654766476747684769477047714772477347744775477647774778477947804781478247834784478547864787478847894790479147924793479447954796479747984799480048014802480348044805480648074808480948104811481248134814481548164817481848194820482148224823482448254826482748284829483048314832483348344835483648374838483948404841484248434844484548464847484848494850485148524853485448554856485748584859486048614862486348644865486648674868486948704871487248734874487548764877487848794880488148824883488448854886488748884889489048914892489348944895489648974898489949004901490249034904490549064907490849094910491149124913491449154916491749184919492049214922492349244925492649274928492949304931493249334934493549364937493849394940494149424943494449454946494749484949495049514952495349544955495649574958495949604961496249634964496549664967496849694970497149724973497449754976497749784979498049814982498349844985498649874988498949904991499249934994499549964997499849995000500150025003500450055006500750085009501050115012501350145015501650175018501950205021502250235024502550265027502850295030503150325033503450355036503750385039504050415042504350445045504650475048504950505051505250535054505550565057505850595060506150625063506450655066506750685069507050715072507350745075507650775078507950805081508250835084508550865087508850895090509150925093509450955096509750985099510051015102510351045105510651075108510951105111511251135114511551165117511851195120512151225123512451255126512751285129513051315132513351345135513651375138513951405141514251435144514551465147514851495150515151525153515451555156515751585159516051615162516351645165516651675168516951705171517251735174517551765177517851795180518151825183518451855186518751885189519051915192519351945195519651975198519952005201520252035204520552065207520852095210521152125213521452155216521752185219522052215222522352245225522652275228522952305231523252335234523552365237523852395240524152425243524452455246524752485249525052515252525352545255525652575258525952605261526252635264526552665267526852695270527152725273527452755276527752785279528052815282528352845285528652875288528952905291529252935294529552965297529852995300530153025303530453055306530753085309531053115312531353145315531653175318531953205321532253235324532553265327532853295330533153325333533453355336533753385339534053415342534353445345534653475348534953505351535253535354535553565357535853595360536153625363536453655366536753685369537053715372537353745375537653775378537953805381538253835384538553865387538853895390539153925393539453955396539753985399540054015402540354045405540654075408540954105411541254135414541554165417541854195420542154225423542454255426542754285429543054315432543354345435543654375438543954405441544254435444544554465447544854495450545154525453545454555456545754585459546054615462546354645465546654675468546954705471547254735474547554765477547854795480548154825483548454855486548754885489549054915492549354945495549654975498549955005501550255035504550555065507550855095510551155125513551455155516551755185519552055215522552355245525552655275528552955305531553255335534553555365537553855395540554155425543554455455546554755485549555055515552555355545555555655575558555955605561556255635564556555665567556855695570557155725573557455755576557755785579558055815582558355845585558655875588558955905591559255935594559555965597559855995600560156025603560456055606560756085609561056115612561356145615561656175618561956205621562256235624562556265627562856295630563156325633563456355636563756385639564056415642564356445645564656475648564956505651565256535654565556565657565856595660566156625663566456655666566756685669567056715672567356745675567656775678567956805681568256835684568556865687568856895690569156925693569456955696569756985699570057015702570357045705570657075708570957105711571257135714571557165717571857195720572157225723572457255726572757285729573057315732573357345735573657375738573957405741574257435744574557465747574857495750575157525753575457555756575757585759576057615762576357645765576657675768576957705771577257735774577557765777577857795780578157825783578457855786578757885789579057915792579357945795579657975798579958005801580258035804580558065807580858095810581158125813581458155816581758185819582058215822582358245825582658275828582958305831583258335834583558365837583858395840584158425843584458455846584758485849585058515852585358545855585658575858585958605861586258635864586558665867586858695870587158725873587458755876587758785879588058815882588358845885588658875888588958905891589258935894589558965897589858995900590159025903590459055906590759085909591059115912591359145915591659175918591959205921592259235924592559265927592859295930593159325933593459355936593759385939594059415942594359445945594659475948594959505951595259535954595559565957595859595960596159625963596459655966596759685969597059715972597359745975597659775978597959805981598259835984598559865987598859895990599159925993599459955996599759985999600060016002600360046005600660076008600960106011601260136014601560166017601860196020602160226023602460256026602760286029603060316032603360346035603660376038603960406041604260436044604560466047604860496050605160526053605460556056605760586059606060616062606360646065606660676068606960706071607260736074607560766077607860796080608160826083608460856086608760886089609060916092609360946095609660976098609961006101610261036104610561066107610861096110611161126113611461156116611761186119612061216122612361246125612661276128612961306131613261336134613561366137613861396140614161426143614461456146614761486149615061516152615361546155615661576158615961606161616261636164616561666167616861696170617161726173617461756176617761786179618061816182618361846185618661876188618961906191619261936194619561966197619861996200620162026203620462056206620762086209621062116212621362146215621662176218621962206221622262236224622562266227622862296230623162326233623462356236623762386239624062416242624362446245624662476248624962506251625262536254625562566257625862596260626162626263626462656266626762686269627062716272627362746275627662776278627962806281628262836284628562866287628862896290629162926293629462956296629762986299630063016302630363046305630663076308630963106311631263136314631563166317631863196320632163226323632463256326632763286329633063316332633363346335633663376338633963406341634263436344634563466347634863496350635163526353635463556356635763586359636063616362636363646365636663676368636963706371637263736374637563766377637863796380638163826383638463856386638763886389639063916392639363946395639663976398639964006401640264036404640564066407640864096410641164126413641464156416641764186419642064216422642364246425642664276428642964306431643264336434643564366437643864396440644164426443644464456446644764486449645064516452645364546455645664576458645964606461646264636464646564666467646864696470647164726473647464756476647764786479648064816482648364846485648664876488648964906491649264936494649564966497649864996500650165026503650465056506650765086509651065116512651365146515651665176518651965206521652265236524652565266527652865296530653165326533653465356536653765386539654065416542654365446545654665476548654965506551655265536554655565566557655865596560656165626563656465656566656765686569657065716572657365746575657665776578657965806581658265836584658565866587658865896590659165926593659465956596659765986599660066016602660366046605660666076608660966106611661266136614661566166617661866196620662166226623662466256626662766286629663066316632663366346635663666376638663966406641664266436644664566466647664866496650665166526653665466556656665766586659666066616662666366646665666666676668666966706671667266736674667566766677667866796680668166826683668466856686668766886689669066916692669366946695669666976698669967006701670267036704670567066707670867096710671167126713671467156716671767186719672067216722672367246725672667276728672967306731673267336734673567366737673867396740674167426743674467456746674767486749675067516752675367546755675667576758675967606761676267636764676567666767676867696770677167726773677467756776677767786779678067816782678367846785678667876788678967906791679267936794679567966797679867996800680168026803680468056806680768086809681068116812681368146815681668176818681968206821682268236824682568266827682868296830683168326833683468356836683768386839684068416842684368446845684668476848684968506851685268536854685568566857685868596860686168626863686468656866686768686869687068716872687368746875687668776878687968806881688268836884688568866887688868896890689168926893689468956896689768986899690069016902690369046905690669076908690969106911691269136914691569166917691869196920692169226923692469256926692769286929693069316932693369346935693669376938693969406941694269436944694569466947694869496950695169526953695469556956695769586959696069616962696369646965696669676968696969706971697269736974697569766977697869796980698169826983698469856986698769886989699069916992699369946995699669976998699970007001700270037004700570067007700870097010701170127013701470157016701770187019702070217022702370247025702670277028702970307031703270337034703570367037703870397040704170427043704470457046704770487049705070517052705370547055705670577058705970607061706270637064706570667067706870697070707170727073707470757076707770787079708070817082708370847085708670877088708970907091709270937094709570967097709870997100710171027103710471057106710771087109711071117112711371147115711671177118711971207121712271237124712571267127712871297130713171327133713471357136713771387139714071417142714371447145714671477148714971507151715271537154715571567157715871597160716171627163716471657166716771687169717071717172717371747175717671777178717971807181718271837184718571867187718871897190719171927193719471957196719771987199720072017202720372047205720672077208720972107211721272137214721572167217721872197220722172227223722472257226722772287229723072317232723372347235723672377238723972407241724272437244724572467247724872497250725172527253725472557256725772587259726072617262726372647265726672677268726972707271727272737274727572767277727872797280728172827283728472857286728772887289729072917292729372947295729672977298729973007301730273037304730573067307730873097310731173127313731473157316731773187319732073217322732373247325732673277328732973307331733273337334733573367337733873397340734173427343734473457346734773487349735073517352735373547355735673577358735973607361736273637364736573667367736873697370737173727373737473757376737773787379738073817382738373847385738673877388738973907391739273937394739573967397739873997400740174027403740474057406740774087409741074117412741374147415741674177418741974207421742274237424742574267427742874297430743174327433743474357436743774387439744074417442744374447445744674477448744974507451745274537454745574567457745874597460746174627463746474657466746774687469747074717472747374747475747674777478747974807481748274837484748574867487748874897490749174927493749474957496749774987499750075017502750375047505750675077508750975107511751275137514751575167517751875197520752175227523752475257526752775287529753075317532753375347535753675377538753975407541754275437544754575467547754875497550755175527553755475557556755775587559756075617562756375647565756675677568756975707571757275737574757575767577757875797580758175827583758475857586758775887589759075917592759375947595759675977598759976007601760276037604760576067607760876097610761176127613761476157616761776187619762076217622762376247625762676277628762976307631763276337634763576367637763876397640764176427643764476457646764776487649765076517652765376547655765676577658765976607661766276637664766576667667766876697670767176727673767476757676767776787679768076817682768376847685768676877688768976907691769276937694769576967697769876997700770177027703770477057706770777087709771077117712771377147715771677177718771977207721772277237724772577267727772877297730773177327733773477357736773777387739774077417742774377447745774677477748774977507751775277537754775577567757775877597760776177627763776477657766776777687769777077717772777377747775777677777778777977807781778277837784778577867787778877897790779177927793779477957796779777987799780078017802780378047805780678077808780978107811781278137814781578167817781878197820782178227823782478257826782778287829783078317832783378347835783678377838783978407841784278437844784578467847784878497850785178527853785478557856785778587859786078617862786378647865786678677868786978707871787278737874787578767877787878797880788178827883788478857886788778887889789078917892789378947895789678977898789979007901790279037904790579067907790879097910791179127913791479157916791779187919792079217922792379247925792679277928792979307931793279337934793579367937793879397940794179427943794479457946794779487949795079517952795379547955795679577958795979607961796279637964796579667967796879697970797179727973797479757976797779787979798079817982798379847985798679877988798979907991799279937994799579967997799879998000800180028003800480058006800780088009801080118012801380148015801680178018801980208021802280238024802580268027802880298030803180328033803480358036803780388039804080418042804380448045804680478048804980508051805280538054805580568057805880598060806180628063806480658066806780688069807080718072807380748075807680778078807980808081808280838084808580868087808880898090809180928093809480958096809780988099810081018102810381048105810681078108810981108111811281138114811581168117811881198120812181228123812481258126812781288129813081318132813381348135813681378138813981408141814281438144814581468147814881498150815181528153815481558156815781588159816081618162816381648165816681678168816981708171817281738174817581768177817881798180818181828183818481858186818781888189819081918192819381948195819681978198819982008201820282038204820582068207820882098210821182128213821482158216821782188219822082218222822382248225822682278228822982308231823282338234823582368237823882398240824182428243824482458246824782488249825082518252825382548255825682578258825982608261826282638264826582668267826882698270827182728273827482758276827782788279828082818282828382848285828682878288828982908291829282938294829582968297829882998300830183028303830483058306830783088309831083118312831383148315831683178318831983208321832283238324832583268327832883298330833183328333833483358336833783388339834083418342834383448345834683478348834983508351835283538354835583568357835883598360836183628363836483658366836783688369837083718372837383748375837683778378837983808381838283838384838583868387838883898390839183928393839483958396839783988399840084018402840384048405840684078408840984108411841284138414841584168417841884198420842184228423842484258426842784288429843084318432843384348435843684378438843984408441844284438444844584468447844884498450845184528453845484558456845784588459846084618462846384648465846684678468846984708471847284738474847584768477847884798480848184828483848484858486848784888489849084918492849384948495849684978498849985008501850285038504850585068507850885098510851185128513851485158516851785188519852085218522852385248525852685278528852985308531853285338534853585368537853885398540854185428543854485458546854785488549855085518552855385548555855685578558855985608561856285638564856585668567856885698570857185728573857485758576857785788579858085818582858385848585858685878588858985908591859285938594859585968597859885998600860186028603860486058606860786088609861086118612861386148615861686178618861986208621862286238624862586268627862886298630863186328633863486358636863786388639864086418642864386448645864686478648864986508651865286538654865586568657865886598660866186628663866486658666866786688669867086718672867386748675867686778678867986808681868286838684868586868687868886898690869186928693869486958696869786988699870087018702870387048705870687078708870987108711871287138714871587168717871887198720872187228723872487258726872787288729873087318732873387348735873687378738873987408741874287438744874587468747874887498750875187528753875487558756875787588759876087618762876387648765876687678768876987708771877287738774877587768777877887798780878187828783878487858786878787888789879087918792879387948795879687978798879988008801880288038804880588068807880888098810881188128813881488158816881788188819882088218822882388248825882688278828882988308831883288338834883588368837883888398840884188428843884488458846884788488849885088518852885388548855885688578858885988608861886288638864886588668867886888698870887188728873887488758876887788788879888088818882888388848885888688878888888988908891889288938894889588968897889888998900890189028903890489058906890789088909891089118912891389148915891689178918891989208921892289238924892589268927892889298930893189328933893489358936893789388939894089418942894389448945894689478948894989508951895289538954895589568957895889598960896189628963896489658966896789688969897089718972897389748975897689778978897989808981898289838984898589868987898889898990899189928993899489958996899789988999900090019002900390049005900690079008900990109011901290139014901590169017901890199020902190229023902490259026902790289029903090319032903390349035903690379038903990409041904290439044904590469047904890499050905190529053905490559056905790589059906090619062906390649065906690679068906990709071907290739074907590769077907890799080908190829083908490859086908790889089909090919092909390949095909690979098909991009101910291039104910591069107910891099110911191129113911491159116911791189119912091219122912391249125912691279128912991309131913291339134913591369137913891399140914191429143914491459146914791489149915091519152915391549155915691579158915991609161916291639164916591669167916891699170917191729173917491759176917791789179918091819182918391849185918691879188918991909191919291939194919591969197919891999200920192029203920492059206920792089209921092119212921392149215921692179218921992209221922292239224922592269227922892299230923192329233923492359236923792389239924092419242924392449245924692479248924992509251925292539254925592569257925892599260926192629263926492659266926792689269927092719272927392749275927692779278927992809281928292839284928592869287928892899290929192929293929492959296929792989299930093019302930393049305930693079308930993109311931293139314931593169317931893199320932193229323932493259326932793289329933093319332933393349335933693379338933993409341934293439344934593469347934893499350935193529353935493559356935793589359936093619362936393649365936693679368936993709371937293739374937593769377937893799380938193829383938493859386938793889389939093919392939393949395939693979398939994009401940294039404940594069407940894099410941194129413941494159416941794189419942094219422942394249425942694279428942994309431943294339434943594369437943894399440944194429443944494459446944794489449945094519452945394549455945694579458945994609461946294639464946594669467946894699470947194729473947494759476947794789479948094819482948394849485948694879488948994909491949294939494949594969497949894999500950195029503950495059506950795089509951095119512951395149515951695179518951995209521952295239524952595269527952895299530953195329533953495359536953795389539954095419542954395449545954695479548954995509551955295539554955595569557955895599560956195629563956495659566956795689569957095719572957395749575957695779578957995809581958295839584958595869587958895899590959195929593959495959596959795989599960096019602960396049605960696079608960996109611961296139614961596169617961896199620962196229623962496259626962796289629963096319632963396349635963696379638963996409641964296439644964596469647964896499650965196529653965496559656965796589659966096619662966396649665966696679668966996709671967296739674967596769677967896799680968196829683968496859686968796889689969096919692969396949695969696979698969997009701970297039704970597069707970897099710971197129713971497159716971797189719972097219722972397249725972697279728972997309731973297339734973597369737973897399740974197429743974497459746974797489749975097519752975397549755975697579758975997609761976297639764976597669767976897699770977197729773977497759776977797789779978097819782978397849785978697879788978997909791979297939794979597969797979897999800980198029803980498059806980798089809981098119812981398149815981698179818981998209821982298239824982598269827982898299830983198329833983498359836983798389839984098419842984398449845984698479848984998509851985298539854985598569857985898599860986198629863986498659866986798689869987098719872987398749875987698779878987998809881988298839884988598869887988898899890989198929893989498959896989798989899990099019902990399049905990699079908990999109911991299139914991599169917991899199920992199229923992499259926992799289929993099319932993399349935993699379938993999409941994299439944994599469947994899499950995199529953995499559956995799589959996099619962996399649965996699679968996999709971997299739974997599769977997899799980998199829983998499859986998799889989999099919992999399949995999699979998999910000100011000210003100041000510006100071000810009100101001110012100131001410015100161001710018100191002010021100221002310024100251002610027100281002910030100311003210033100341003510036100371003810039100401004110042100431004410045100461004710048100491005010051100521005310054100551005610057100581005910060100611006210063100641006510066100671006810069100701007110072100731007410075100761007710078100791008010081100821008310084100851008610087100881008910090100911009210093100941009510096100971009810099101001010110102101031010410105101061010710108101091011010111101121011310114101151011610117101181011910120101211012210123101241012510126101271012810129101301013110132101331013410135101361013710138101391014010141101421014310144101451014610147101481014910150101511015210153101541015510156101571015810159101601016110162101631016410165101661016710168101691017010171101721017310174101751017610177101781017910180101811018210183101841018510186101871018810189101901019110192101931019410195101961019710198101991020010201102021020310204102051020610207102081020910210102111021210213102141021510216102171021810219102201022110222102231022410225102261022710228102291023010231102321023310234102351023610237102381023910240102411024210243102441024510246102471024810249102501025110252102531025410255102561025710258102591026010261102621026310264102651026610267102681026910270102711027210273102741027510276102771027810279102801028110282102831028410285102861028710288102891029010291102921029310294102951029610297102981029910300103011030210303103041030510306103071030810309103101031110312103131031410315103161031710318103191032010321103221032310324103251032610327103281032910330103311033210333103341033510336103371033810339103401034110342103431034410345103461034710348103491035010351103521035310354103551035610357103581035910360103611036210363103641036510366103671036810369103701037110372103731037410375103761037710378103791038010381103821038310384103851038610387103881038910390103911039210393103941039510396103971039810399104001040110402104031040410405104061040710408104091041010411104121041310414104151041610417104181041910420104211042210423104241042510426104271042810429104301043110432104331043410435104361043710438104391044010441104421044310444104451044610447104481044910450104511045210453104541045510456104571045810459104601046110462104631046410465104661046710468104691047010471104721047310474104751047610477104781047910480104811048210483104841048510486104871048810489104901049110492104931049410495104961049710498104991050010501105021050310504105051050610507105081050910510105111051210513105141051510516105171051810519105201052110522105231052410525105261052710528105291053010531105321053310534105351053610537105381053910540105411054210543105441054510546105471054810549105501055110552105531055410555105561055710558105591056010561105621056310564105651056610567105681056910570105711057210573105741057510576105771057810579105801058110582105831058410585105861058710588105891059010591105921059310594105951059610597105981059910600106011060210603106041060510606106071060810609106101061110612106131061410615106161061710618106191062010621106221062310624106251062610627106281062910630106311063210633106341063510636106371063810639106401064110642106431064410645106461064710648106491065010651106521065310654106551065610657106581065910660106611066210663106641066510666106671066810669106701067110672106731067410675106761067710678106791068010681106821068310684106851068610687106881068910690106911069210693106941069510696106971069810699107001070110702107031070410705107061070710708107091071010711107121071310714107151071610717107181071910720107211072210723107241072510726107271072810729107301073110732107331073410735107361073710738107391074010741107421074310744107451074610747107481074910750107511075210753107541075510756107571075810759107601076110762107631076410765107661076710768107691077010771107721077310774107751077610777107781077910780107811078210783107841078510786107871078810789107901079110792107931079410795107961079710798107991080010801108021080310804108051080610807108081080910810108111081210813108141081510816108171081810819108201082110822108231082410825108261082710828108291083010831108321083310834108351083610837108381083910840108411084210843108441084510846108471084810849108501085110852108531085410855108561085710858108591086010861108621086310864108651086610867108681086910870108711087210873108741087510876108771087810879108801088110882108831088410885108861088710888108891089010891108921089310894108951089610897108981089910900109011090210903109041090510906109071090810909109101091110912109131091410915109161091710918109191092010921109221092310924109251092610927109281092910930109311093210933109341093510936109371093810939109401094110942109431094410945109461094710948109491095010951109521095310954109551095610957109581095910960109611096210963109641096510966109671096810969109701097110972109731097410975109761097710978109791098010981109821098310984109851098610987109881098910990109911099210993109941099510996109971099810999110001100111002110031100411005110061100711008110091101011011110121101311014110151101611017110181101911020110211102211023110241102511026110271102811029110301103111032110331103411035110361103711038110391104011041110421104311044110451104611047110481104911050110511105211053110541105511056110571105811059110601106111062110631106411065110661106711068110691107011071110721107311074110751107611077110781107911080110811108211083110841108511086110871108811089110901109111092110931109411095110961109711098110991110011101111021110311104111051110611107111081110911110111111111211113111141111511116111171111811119111201112111122111231112411125111261112711128111291113011131111321113311134111351113611137111381113911140111411114211143111441114511146111471114811149111501115111152111531115411155111561115711158111591116011161111621116311164111651116611167111681116911170111711117211173111741117511176111771117811179111801118111182111831118411185111861118711188111891119011191111921119311194111951119611197111981119911200112011120211203112041120511206112071120811209112101121111212112131121411215112161121711218112191122011221112221122311224112251122611227112281122911230112311123211233112341123511236112371123811239112401124111242112431124411245112461124711248112491125011251112521125311254112551125611257112581125911260112611126211263112641126511266112671126811269112701127111272112731127411275112761127711278112791128011281112821128311284112851128611287112881128911290112911129211293112941129511296112971129811299113001130111302113031130411305113061130711308113091131011311113121131311314113151131611317113181131911320113211132211323113241132511326113271132811329113301133111332113331133411335113361133711338113391134011341113421134311344113451134611347113481134911350113511135211353113541135511356113571135811359113601136111362113631136411365113661136711368113691137011371113721137311374113751137611377113781137911380113811138211383113841138511386113871138811389113901139111392113931139411395113961139711398113991140011401114021140311404114051140611407114081140911410114111141211413114141141511416114171141811419114201142111422114231142411425114261142711428114291143011431114321143311434114351143611437114381143911440114411144211443114441144511446114471144811449114501145111452114531145411455114561145711458114591146011461114621146311464114651146611467114681146911470114711147211473114741147511476114771147811479114801148111482114831148411485114861148711488114891149011491114921149311494114951149611497114981149911500115011150211503115041150511506115071150811509115101151111512115131151411515115161151711518115191152011521115221152311524115251152611527115281152911530115311153211533115341153511536115371153811539115401154111542115431154411545115461154711548115491155011551115521155311554115551155611557115581155911560115611156211563115641156511566115671156811569115701157111572115731157411575115761157711578115791158011581115821158311584115851158611587115881158911590115911159211593115941159511596115971159811599116001160111602116031160411605116061160711608116091161011611116121161311614116151161611617116181161911620116211162211623116241162511626116271162811629116301163111632116331163411635116361163711638116391164011641116421164311644116451164611647116481164911650116511165211653116541165511656116571165811659116601166111662116631166411665116661166711668116691167011671116721167311674116751167611677116781167911680116811168211683116841168511686116871168811689116901169111692116931169411695116961169711698116991170011701117021170311704117051170611707117081170911710117111171211713117141171511716117171171811719117201172111722117231172411725117261172711728117291173011731117321173311734117351173611737117381173911740117411174211743117441174511746117471174811749117501175111752117531175411755117561175711758117591176011761117621176311764117651176611767117681176911770117711177211773117741177511776117771177811779117801178111782117831178411785117861178711788117891179011791117921179311794117951179611797117981179911800118011180211803118041180511806118071180811809118101181111812118131181411815118161181711818118191182011821118221182311824118251182611827118281182911830118311183211833118341183511836118371183811839118401184111842118431184411845118461184711848118491185011851118521185311854118551185611857118581185911860118611186211863118641186511866118671186811869118701187111872118731187411875118761187711878118791188011881118821188311884118851188611887118881188911890118911189211893118941189511896118971189811899119001190111902119031190411905119061190711908119091191011911119121191311914119151191611917119181191911920119211192211923119241192511926119271192811929119301193111932119331193411935119361193711938119391194011941119421194311944119451194611947119481194911950119511195211953119541195511956119571195811959119601196111962119631196411965119661196711968119691197011971119721197311974119751197611977119781197911980119811198211983119841198511986119871198811989119901199111992119931199411995119961199711998119991200012001120021200312004120051200612007120081200912010120111201212013120141201512016120171201812019120201202112022120231202412025120261202712028120291203012031120321203312034120351203612037120381203912040120411204212043120441204512046120471204812049120501205112052120531205412055120561205712058120591206012061120621206312064120651206612067120681206912070120711207212073120741207512076120771207812079120801208112082120831208412085120861208712088120891209012091120921209312094120951209612097120981209912100121011210212103121041210512106121071210812109121101211112112121131211412115121161211712118121191212012121121221212312124121251212612127121281212912130121311213212133121341213512136121371213812139121401214112142121431214412145121461214712148121491215012151121521215312154121551215612157121581215912160121611216212163121641216512166121671216812169121701217112172121731217412175121761217712178121791218012181121821218312184121851218612187121881218912190121911219212193121941219512196121971219812199122001220112202122031220412205122061220712208122091221012211122121221312214122151221612217122181221912220122211222212223122241222512226122271222812229122301223112232122331223412235122361223712238122391224012241122421224312244122451224612247122481224912250122511225212253122541225512256122571225812259122601226112262122631226412265122661226712268122691227012271122721227312274122751227612277122781227912280122811228212283122841228512286122871228812289122901229112292122931229412295122961229712298122991230012301123021230312304123051230612307123081230912310123111231212313123141231512316123171231812319123201232112322123231232412325123261232712328123291233012331123321233312334123351233612337123381233912340123411234212343123441234512346123471234812349123501235112352123531235412355123561235712358123591236012361123621236312364123651236612367123681236912370123711237212373123741237512376123771237812379123801238112382123831238412385123861238712388123891239012391123921239312394123951239612397123981239912400124011240212403124041240512406124071240812409124101241112412124131241412415124161241712418124191242012421124221242312424124251242612427124281242912430124311243212433124341243512436124371243812439124401244112442124431244412445124461244712448124491245012451124521245312454124551245612457124581245912460124611246212463124641246512466124671246812469124701247112472124731247412475124761247712478124791248012481124821248312484124851248612487124881248912490124911249212493124941249512496124971249812499125001250112502125031250412505125061250712508125091251012511125121251312514125151251612517125181251912520125211252212523125241252512526125271252812529125301253112532125331253412535125361253712538125391254012541125421254312544125451254612547125481254912550125511255212553125541255512556125571255812559125601256112562125631256412565125661256712568125691257012571125721257312574125751257612577125781257912580125811258212583125841258512586125871258812589125901259112592125931259412595125961259712598125991260012601126021260312604126051260612607126081260912610126111261212613126141261512616126171261812619126201262112622126231262412625126261262712628126291263012631126321263312634126351263612637126381263912640126411264212643126441264512646126471264812649126501265112652126531265412655126561265712658126591266012661126621266312664126651266612667126681266912670126711267212673126741267512676126771267812679126801268112682126831268412685126861268712688126891269012691126921269312694126951269612697126981269912700127011270212703127041270512706127071270812709127101271112712127131271412715127161271712718127191272012721127221272312724127251272612727127281272912730127311273212733127341273512736127371273812739127401274112742127431274412745127461274712748127491275012751127521275312754127551275612757127581275912760127611276212763127641276512766127671276812769127701277112772127731277412775127761277712778127791278012781127821278312784127851278612787127881278912790127911279212793127941279512796127971279812799128001280112802128031280412805128061280712808128091281012811128121281312814128151281612817128181281912820128211282212823128241282512826128271282812829128301283112832128331283412835128361283712838128391284012841128421284312844128451284612847128481284912850128511285212853128541285512856128571285812859128601286112862128631286412865128661286712868128691287012871128721287312874128751287612877128781287912880128811288212883128841288512886128871288812889128901289112892128931289412895128961289712898128991290012901129021290312904129051290612907129081290912910129111291212913129141291512916129171291812919129201292112922129231292412925129261292712928129291293012931129321293312934129351293612937129381293912940129411294212943129441294512946129471294812949129501295112952129531295412955129561295712958129591296012961129621296312964129651296612967129681296912970129711297212973129741297512976129771297812979129801298112982129831298412985129861298712988129891299012991129921299312994129951299612997129981299913000130011300213003130041300513006130071300813009130101301113012130131301413015130161301713018130191302013021130221302313024130251302613027130281302913030130311303213033130341303513036130371303813039130401304113042130431304413045130461304713048130491305013051130521305313054130551305613057130581305913060130611306213063130641306513066130671306813069130701307113072130731307413075130761307713078130791308013081130821308313084130851308613087130881308913090130911309213093130941309513096130971309813099131001310113102131031310413105131061310713108131091311013111131121311313114131151311613117131181311913120131211312213123131241312513126131271312813129131301313113132131331313413135131361313713138131391314013141131421314313144131451314613147131481314913150131511315213153131541315513156131571315813159131601316113162131631316413165131661316713168131691317013171131721317313174131751317613177131781317913180131811318213183131841318513186131871318813189131901319113192131931319413195131961319713198131991320013201132021320313204132051320613207132081320913210132111321213213132141321513216132171321813219132201322113222132231322413225132261322713228132291323013231132321323313234132351323613237132381323913240132411324213243132441324513246132471324813249132501325113252132531325413255132561325713258132591326013261132621326313264132651326613267132681326913270132711327213273132741327513276132771327813279132801328113282132831328413285132861328713288132891329013291132921329313294132951329613297132981329913300133011330213303133041330513306133071330813309133101331113312133131331413315133161331713318133191332013321133221332313324133251332613327133281332913330133311333213333133341333513336133371333813339133401334113342133431334413345133461334713348133491335013351133521335313354133551335613357133581335913360133611336213363133641336513366133671336813369133701337113372133731337413375133761337713378133791338013381133821338313384133851338613387133881338913390133911339213393133941339513396133971339813399134001340113402134031340413405134061340713408134091341013411134121341313414134151341613417134181341913420134211342213423134241342513426134271342813429134301343113432134331343413435134361343713438134391344013441134421344313444134451344613447134481344913450134511345213453134541345513456134571345813459134601346113462134631346413465134661346713468134691347013471134721347313474134751347613477134781347913480134811348213483134841348513486134871348813489134901349113492134931349413495134961349713498134991350013501135021350313504135051350613507135081350913510135111351213513135141351513516135171351813519135201352113522135231352413525135261352713528135291353013531135321353313534135351353613537135381353913540135411354213543135441354513546135471354813549135501355113552135531355413555135561355713558135591356013561135621356313564135651356613567135681356913570135711357213573135741357513576135771357813579135801358113582135831358413585135861358713588135891359013591135921359313594135951359613597135981359913600136011360213603136041360513606136071360813609136101361113612136131361413615136161361713618136191362013621136221362313624136251362613627136281362913630136311363213633136341363513636136371363813639136401364113642136431364413645136461364713648136491365013651136521365313654136551365613657136581365913660136611366213663136641366513666136671366813669136701367113672136731367413675136761367713678136791368013681136821368313684136851368613687136881368913690136911369213693136941369513696136971369813699137001370113702137031370413705137061370713708137091371013711137121371313714137151371613717137181371913720137211372213723137241372513726137271372813729137301373113732137331373413735137361373713738137391374013741137421374313744137451374613747137481374913750137511375213753137541375513756137571375813759137601376113762137631376413765137661376713768137691377013771137721377313774137751377613777137781377913780137811378213783137841378513786137871378813789137901379113792137931379413795137961379713798137991380013801138021380313804138051380613807138081380913810138111381213813138141381513816138171381813819138201382113822138231382413825138261382713828138291383013831138321383313834138351383613837138381383913840138411384213843138441384513846138471384813849138501385113852138531385413855138561385713858138591386013861138621386313864138651386613867138681386913870138711387213873138741387513876138771387813879138801388113882138831388413885138861388713888138891389013891138921389313894138951389613897138981389913900139011390213903139041390513906139071390813909139101391113912139131391413915139161391713918139191392013921139221392313924139251392613927139281392913930139311393213933139341393513936139371393813939139401394113942139431394413945139461394713948139491395013951139521395313954139551395613957139581395913960139611396213963139641396513966139671396813969139701397113972139731397413975139761397713978139791398013981139821398313984139851398613987139881398913990139911399213993139941399513996139971399813999140001400114002140031400414005140061400714008140091401014011140121401314014140151401614017140181401914020140211402214023140241402514026140271402814029140301403114032140331403414035140361403714038140391404014041140421404314044140451404614047140481404914050140511405214053140541405514056140571405814059140601406114062140631406414065140661406714068140691407014071140721407314074140751407614077140781407914080140811408214083140841408514086140871408814089140901409114092140931409414095140961409714098140991410014101141021410314104141051410614107141081410914110141111411214113141141411514116141171411814119141201412114122141231412414125141261412714128141291413014131141321413314134141351413614137141381413914140141411414214143141441414514146141471414814149141501415114152141531415414155141561415714158141591416014161141621416314164141651416614167141681416914170141711417214173141741417514176141771417814179141801418114182141831418414185141861418714188141891419014191141921419314194141951419614197141981419914200142011420214203142041420514206142071420814209142101421114212142131421414215142161421714218142191422014221142221422314224142251422614227142281422914230142311423214233142341423514236142371423814239142401424114242142431424414245142461424714248142491425014251142521425314254142551425614257142581425914260142611426214263142641426514266142671426814269142701427114272142731427414275142761427714278142791428014281142821428314284142851428614287142881428914290142911429214293142941429514296142971429814299143001430114302143031430414305143061430714308143091431014311143121431314314143151431614317143181431914320143211432214323143241432514326143271432814329143301433114332143331433414335143361433714338143391434014341143421434314344143451434614347143481434914350143511435214353143541435514356143571435814359143601436114362143631436414365143661436714368143691437014371143721437314374143751437614377143781437914380143811438214383143841438514386143871438814389143901439114392143931439414395143961439714398143991440014401144021440314404144051440614407144081440914410144111441214413144141441514416144171441814419144201442114422144231442414425144261442714428144291443014431144321443314434144351443614437144381443914440144411444214443144441444514446144471444814449144501445114452144531445414455144561445714458144591446014461144621446314464144651446614467144681446914470144711447214473144741447514476144771447814479144801448114482144831448414485144861448714488144891449014491144921449314494144951449614497144981449914500145011450214503145041450514506145071450814509145101451114512145131451414515145161451714518145191452014521145221452314524145251452614527145281452914530145311453214533145341453514536145371453814539145401454114542145431454414545145461454714548145491455014551145521455314554145551455614557145581455914560145611456214563145641456514566145671456814569145701457114572145731457414575145761457714578145791458014581145821458314584145851458614587145881458914590145911459214593145941459514596145971459814599146001460114602146031460414605146061460714608146091461014611146121461314614146151461614617146181461914620146211462214623146241462514626146271462814629146301463114632146331463414635146361463714638146391464014641146421464314644146451464614647146481464914650146511465214653146541465514656146571465814659146601466114662146631466414665146661466714668146691467014671146721467314674146751467614677146781467914680146811468214683146841468514686146871468814689146901469114692146931469414695146961469714698146991470014701147021470314704147051470614707147081470914710147111471214713147141471514716147171471814719147201472114722147231472414725147261472714728147291473014731147321473314734147351473614737147381473914740147411474214743147441474514746147471474814749147501475114752147531475414755147561475714758147591476014761147621476314764147651476614767147681476914770147711477214773147741477514776147771477814779147801478114782147831478414785147861478714788147891479014791147921479314794147951479614797147981479914800148011480214803148041480514806148071480814809148101481114812148131481414815148161481714818148191482014821148221482314824148251482614827148281482914830148311483214833148341483514836148371483814839148401484114842148431484414845148461484714848148491485014851148521485314854148551485614857148581485914860148611486214863148641486514866148671486814869148701487114872148731487414875148761487714878148791488014881148821488314884148851488614887148881488914890148911489214893148941489514896148971489814899149001490114902149031490414905149061490714908149091491014911149121491314914149151491614917149181491914920149211492214923149241492514926149271492814929149301493114932149331493414935149361493714938149391494014941149421494314944149451494614947149481494914950149511495214953149541495514956149571495814959149601496114962149631496414965149661496714968149691497014971149721497314974149751497614977149781497914980149811498214983149841498514986149871498814989149901499114992149931499414995149961499714998149991500015001150021500315004150051500615007150081500915010150111501215013150141501515016150171501815019150201502115022150231502415025150261502715028150291503015031150321503315034150351503615037150381503915040150411504215043150441504515046150471504815049150501505115052150531505415055150561505715058150591506015061150621506315064150651506615067150681506915070150711507215073150741507515076150771507815079150801508115082150831508415085150861508715088150891509015091150921509315094150951509615097150981509915100151011510215103151041510515106151071510815109151101511115112151131511415115151161511715118151191512015121151221512315124151251512615127151281512915130151311513215133151341513515136151371513815139151401514115142151431514415145151461514715148151491515015151151521515315154151551515615157151581515915160151611516215163151641516515166151671516815169151701517115172151731517415175151761517715178151791518015181151821518315184151851518615187151881518915190151911519215193151941519515196151971519815199152001520115202152031520415205152061520715208152091521015211152121521315214152151521615217152181521915220152211522215223152241522515226152271522815229152301523115232152331523415235152361523715238152391524015241152421524315244152451524615247152481524915250152511525215253152541525515256152571525815259152601526115262152631526415265152661526715268152691527015271152721527315274152751527615277152781527915280152811528215283152841528515286152871528815289152901529115292152931529415295152961529715298152991530015301153021530315304153051530615307153081530915310153111531215313153141531515316153171531815319153201532115322153231532415325153261532715328153291533015331153321533315334153351533615337153381533915340153411534215343153441534515346153471534815349153501535115352153531535415355153561535715358153591536015361153621536315364153651536615367153681536915370153711537215373153741537515376153771537815379153801538115382153831538415385153861538715388153891539015391153921539315394153951539615397153981539915400154011540215403154041540515406154071540815409154101541115412154131541415415154161541715418154191542015421154221542315424154251542615427154281542915430154311543215433154341543515436154371543815439154401544115442154431544415445154461544715448154491545015451154521545315454154551545615457154581545915460154611546215463154641546515466154671546815469154701547115472154731547415475154761547715478154791548015481154821548315484154851548615487154881548915490154911549215493154941549515496154971549815499155001550115502155031550415505155061550715508155091551015511155121551315514155151551615517155181551915520155211552215523155241552515526155271552815529155301553115532155331553415535155361553715538155391554015541155421554315544155451554615547155481554915550155511555215553155541555515556155571555815559155601556115562155631556415565155661556715568155691557015571155721557315574155751557615577155781557915580155811558215583155841558515586155871558815589155901559115592155931559415595155961559715598155991560015601156021560315604156051560615607156081560915610156111561215613156141561515616156171561815619156201562115622156231562415625156261562715628156291563015631156321563315634156351563615637156381563915640156411564215643156441564515646156471564815649156501565115652156531565415655156561565715658156591566015661156621566315664156651566615667156681566915670156711567215673156741567515676156771567815679156801568115682156831568415685156861568715688156891569015691156921569315694156951569615697156981569915700157011570215703157041570515706157071570815709157101571115712157131571415715157161571715718157191572015721157221572315724157251572615727157281572915730157311573215733157341573515736157371573815739157401574115742157431574415745157461574715748157491575015751157521575315754157551575615757157581575915760157611576215763157641576515766157671576815769157701577115772157731577415775157761577715778157791578015781157821578315784157851578615787157881578915790157911579215793157941579515796157971579815799158001580115802158031580415805158061580715808158091581015811158121581315814158151581615817158181581915820158211582215823158241582515826158271582815829158301583115832158331583415835158361583715838158391584015841158421584315844158451584615847158481584915850158511585215853158541585515856158571585815859158601586115862158631586415865158661586715868158691587015871158721587315874158751587615877158781587915880158811588215883158841588515886158871588815889158901589115892158931589415895158961589715898158991590015901159021590315904159051590615907159081590915910159111591215913159141591515916159171591815919159201592115922159231592415925159261592715928159291593015931159321593315934159351593615937159381593915940159411594215943159441594515946159471594815949159501595115952159531595415955159561595715958159591596015961159621596315964159651596615967159681596915970159711597215973159741597515976159771597815979159801598115982159831598415985159861598715988159891599015991159921599315994159951599615997159981599916000160011600216003160041600516006160071600816009160101601116012160131601416015160161601716018160191602016021160221602316024160251602616027160281602916030160311603216033160341603516036160371603816039160401604116042160431604416045160461604716048160491605016051160521605316054160551605616057160581605916060160611606216063160641606516066160671606816069160701607116072160731607416075160761607716078160791608016081160821608316084160851608616087160881608916090160911609216093160941609516096160971609816099161001610116102161031610416105161061610716108161091611016111161121611316114161151611616117161181611916120161211612216123161241612516126161271612816129161301613116132161331613416135161361613716138161391614016141161421614316144161451614616147161481614916150161511615216153161541615516156161571615816159161601616116162161631616416165161661616716168161691617016171161721617316174161751617616177161781617916180161811618216183161841618516186161871618816189161901619116192161931619416195161961619716198161991620016201162021620316204162051620616207162081620916210162111621216213162141621516216162171621816219162201622116222162231622416225162261622716228162291623016231162321623316234162351623616237162381623916240162411624216243162441624516246162471624816249162501625116252162531625416255162561625716258162591626016261162621626316264162651626616267162681626916270162711627216273162741627516276162771627816279162801628116282162831628416285162861628716288162891629016291162921629316294162951629616297162981629916300163011630216303163041630516306163071630816309163101631116312163131631416315163161631716318163191632016321163221632316324163251632616327163281632916330163311633216333163341633516336163371633816339163401634116342163431634416345163461634716348163491635016351163521635316354163551635616357163581635916360163611636216363163641636516366163671636816369163701637116372163731637416375163761637716378163791638016381163821638316384163851638616387163881638916390163911639216393163941639516396163971639816399164001640116402164031640416405164061640716408164091641016411164121641316414164151641616417164181641916420164211642216423164241642516426164271642816429164301643116432164331643416435164361643716438164391644016441164421644316444164451644616447164481644916450164511645216453164541645516456164571645816459164601646116462164631646416465164661646716468164691647016471164721647316474164751647616477164781647916480164811648216483164841648516486164871648816489164901649116492164931649416495164961649716498164991650016501165021650316504165051650616507165081650916510165111651216513165141651516516165171651816519165201652116522165231652416525165261652716528165291653016531165321653316534165351653616537165381653916540165411654216543165441654516546165471654816549165501655116552165531655416555165561655716558165591656016561165621656316564165651656616567165681656916570165711657216573165741657516576165771657816579165801658116582165831658416585165861658716588165891659016591165921659316594165951659616597165981659916600166011660216603166041660516606166071660816609166101661116612166131661416615166161661716618166191662016621166221662316624166251662616627166281662916630166311663216633166341663516636166371663816639166401664116642166431664416645166461664716648166491665016651166521665316654166551665616657166581665916660166611666216663166641666516666166671666816669166701667116672166731667416675166761667716678166791668016681166821668316684166851668616687166881668916690166911669216693166941669516696166971669816699167001670116702167031670416705167061670716708167091671016711167121671316714167151671616717167181671916720167211672216723167241672516726167271672816729167301673116732167331673416735167361673716738167391674016741167421674316744167451674616747167481674916750167511675216753167541675516756167571675816759167601676116762167631676416765167661676716768167691677016771167721677316774167751677616777167781677916780167811678216783167841678516786167871678816789167901679116792167931679416795167961679716798167991680016801168021680316804168051680616807168081680916810168111681216813168141681516816168171681816819168201682116822168231682416825168261682716828168291683016831168321683316834168351683616837168381683916840168411684216843168441684516846168471684816849168501685116852168531685416855168561685716858168591686016861168621686316864168651686616867168681686916870168711687216873168741687516876168771687816879168801688116882168831688416885168861688716888168891689016891168921689316894168951689616897168981689916900169011690216903169041690516906169071690816909169101691116912169131691416915169161691716918169191692016921169221692316924169251692616927169281692916930169311693216933169341693516936169371693816939169401694116942169431694416945169461694716948169491695016951169521695316954169551695616957169581695916960169611696216963169641696516966169671696816969169701697116972169731697416975169761697716978169791698016981169821698316984169851698616987169881698916990169911699216993169941699516996169971699816999170001700117002170031700417005170061700717008170091701017011170121701317014170151701617017170181701917020170211702217023170241702517026170271702817029170301703117032170331703417035170361703717038170391704017041170421704317044170451704617047170481704917050170511705217053170541705517056170571705817059170601706117062170631706417065170661706717068170691707017071170721707317074170751707617077170781707917080170811708217083170841708517086170871708817089170901709117092170931709417095170961709717098170991710017101171021710317104171051710617107171081710917110171111711217113171141711517116171171711817119171201712117122171231712417125171261712717128171291713017131171321713317134171351713617137171381713917140171411714217143171441714517146171471714817149171501715117152171531715417155171561715717158171591716017161171621716317164171651716617167171681716917170171711717217173171741717517176171771717817179171801718117182171831718417185171861718717188171891719017191171921719317194171951719617197171981719917200172011720217203172041720517206172071720817209172101721117212172131721417215172161721717218172191722017221172221722317224172251722617227172281722917230172311723217233172341723517236172371723817239172401724117242172431724417245172461724717248172491725017251172521725317254172551725617257172581725917260172611726217263172641726517266172671726817269172701727117272172731727417275172761727717278172791728017281172821728317284172851728617287172881728917290172911729217293172941729517296172971729817299173001730117302173031730417305173061730717308173091731017311173121731317314173151731617317173181731917320173211732217323173241732517326173271732817329173301733117332173331733417335173361733717338173391734017341173421734317344173451734617347173481734917350173511735217353173541735517356173571735817359173601736117362173631736417365173661736717368173691737017371173721737317374173751737617377173781737917380173811738217383173841738517386173871738817389173901739117392173931739417395173961739717398173991740017401174021740317404174051740617407174081740917410174111741217413174141741517416174171741817419174201742117422174231742417425174261742717428174291743017431174321743317434174351743617437174381743917440174411744217443174441744517446174471744817449174501745117452174531745417455174561745717458174591746017461174621746317464174651746617467174681746917470174711747217473174741747517476174771747817479174801748117482174831748417485174861748717488174891749017491174921749317494174951749617497174981749917500175011750217503175041750517506175071750817509175101751117512175131751417515175161751717518175191752017521175221752317524175251752617527175281752917530175311753217533175341753517536175371753817539175401754117542175431754417545175461754717548175491755017551175521755317554175551755617557175581755917560175611756217563175641756517566175671756817569175701757117572175731757417575175761757717578175791758017581175821758317584175851758617587175881758917590175911759217593175941759517596175971759817599176001760117602176031760417605176061760717608176091761017611176121761317614176151761617617176181761917620176211762217623176241762517626176271762817629176301763117632176331763417635176361763717638176391764017641176421764317644176451764617647176481764917650176511765217653176541765517656176571765817659176601766117662176631766417665176661766717668176691767017671176721767317674176751767617677176781767917680176811768217683176841768517686176871768817689176901769117692176931769417695176961769717698176991770017701177021770317704177051770617707177081770917710177111771217713177141771517716177171771817719177201772117722177231772417725177261772717728177291773017731177321773317734177351773617737177381773917740177411774217743177441774517746177471774817749177501775117752177531775417755177561775717758177591776017761177621776317764177651776617767177681776917770177711777217773177741777517776177771777817779177801778117782177831778417785177861778717788177891779017791177921779317794177951779617797177981779917800178011780217803178041780517806178071780817809178101781117812178131781417815178161781717818178191782017821178221782317824178251782617827178281782917830178311783217833178341783517836178371783817839178401784117842178431784417845178461784717848178491785017851178521785317854178551785617857178581785917860178611786217863178641786517866178671786817869178701787117872178731787417875178761787717878178791788017881178821788317884178851788617887178881788917890178911789217893178941789517896178971789817899179001790117902179031790417905179061790717908179091791017911179121791317914179151791617917179181791917920179211792217923179241792517926179271792817929179301793117932179331793417935179361793717938179391794017941179421794317944179451794617947179481794917950179511795217953179541795517956179571795817959179601796117962179631796417965179661796717968179691797017971179721797317974179751797617977179781797917980179811798217983179841798517986179871798817989179901799117992179931799417995179961799717998179991800018001180021800318004180051800618007180081800918010180111801218013180141801518016180171801818019180201802118022180231802418025180261802718028180291803018031180321803318034180351803618037180381803918040180411804218043180441804518046180471804818049180501805118052180531805418055180561805718058180591806018061180621806318064180651806618067180681806918070180711807218073180741807518076180771807818079180801808118082180831808418085180861808718088180891809018091180921809318094180951809618097180981809918100181011810218103181041810518106181071810818109181101811118112181131811418115181161811718118181191812018121181221812318124181251812618127181281812918130181311813218133181341813518136181371813818139181401814118142181431814418145181461814718148181491815018151181521815318154181551815618157181581815918160181611816218163181641816518166181671816818169181701817118172181731817418175181761817718178181791818018181181821818318184181851818618187181881818918190181911819218193181941819518196181971819818199182001820118202182031820418205182061820718208182091821018211182121821318214182151821618217182181821918220182211822218223182241822518226182271822818229182301823118232182331823418235182361823718238182391824018241182421824318244182451824618247182481824918250182511825218253182541825518256182571825818259182601826118262182631826418265182661826718268182691827018271182721827318274182751827618277182781827918280182811828218283182841828518286182871828818289182901829118292182931829418295182961829718298182991830018301183021830318304183051830618307183081830918310183111831218313183141831518316183171831818319183201832118322183231832418325183261832718328183291833018331183321833318334183351833618337183381833918340183411834218343183441834518346183471834818349183501835118352183531835418355183561835718358183591836018361183621836318364183651836618367183681836918370183711837218373183741837518376183771837818379183801838118382183831838418385183861838718388183891839018391183921839318394183951839618397183981839918400184011840218403184041840518406184071840818409184101841118412184131841418415184161841718418184191842018421184221842318424184251842618427184281842918430184311843218433184341843518436184371843818439184401844118442184431844418445184461844718448184491845018451184521845318454184551845618457184581845918460184611846218463184641846518466184671846818469184701847118472184731847418475184761847718478184791848018481184821848318484184851848618487184881848918490184911849218493184941849518496184971849818499185001850118502185031850418505185061850718508185091851018511185121851318514185151851618517185181851918520185211852218523185241852518526185271852818529185301853118532185331853418535185361853718538185391854018541185421854318544185451854618547185481854918550185511855218553185541855518556185571855818559185601856118562185631856418565185661856718568185691857018571185721857318574185751857618577185781857918580185811858218583185841858518586185871858818589185901859118592185931859418595185961859718598185991860018601186021860318604186051860618607186081860918610186111861218613186141861518616186171861818619186201862118622186231862418625186261862718628186291863018631186321863318634186351863618637186381863918640186411864218643186441864518646186471864818649186501865118652186531865418655186561865718658186591866018661186621866318664186651866618667186681866918670186711867218673186741867518676186771867818679186801868118682186831868418685186861868718688186891869018691186921869318694186951869618697186981869918700187011870218703187041870518706187071870818709187101871118712187131871418715187161871718718187191872018721187221872318724187251872618727187281872918730187311873218733187341873518736187371873818739187401874118742187431874418745187461874718748187491875018751187521875318754187551875618757187581875918760187611876218763187641876518766187671876818769187701877118772187731877418775187761877718778187791878018781187821878318784187851878618787187881878918790187911879218793187941879518796187971879818799188001880118802188031880418805188061880718808188091881018811188121881318814188151881618817188181881918820188211882218823188241882518826188271882818829188301883118832188331883418835188361883718838188391884018841188421884318844188451884618847188481884918850188511885218853188541885518856188571885818859188601886118862188631886418865188661886718868188691887018871188721887318874188751887618877188781887918880188811888218883188841888518886188871888818889188901889118892188931889418895188961889718898188991890018901189021890318904189051890618907189081890918910189111891218913189141891518916189171891818919189201892118922189231892418925189261892718928189291893018931189321893318934189351893618937189381893918940189411894218943189441894518946189471894818949189501895118952189531895418955189561895718958189591896018961189621896318964189651896618967189681896918970189711897218973189741897518976189771897818979189801898118982189831898418985189861898718988189891899018991189921899318994189951899618997189981899919000190011900219003190041900519006190071900819009190101901119012190131901419015190161901719018190191902019021190221902319024190251902619027190281902919030190311903219033190341903519036190371903819039190401904119042190431904419045190461904719048190491905019051190521905319054190551905619057190581905919060190611906219063190641906519066190671906819069190701907119072190731907419075190761907719078190791908019081190821908319084190851908619087190881908919090190911909219093190941909519096190971909819099191001910119102191031910419105191061910719108191091911019111191121911319114191151911619117191181911919120191211912219123191241912519126191271912819129191301913119132191331913419135191361913719138191391914019141191421914319144191451914619147191481914919150191511915219153191541915519156191571915819159191601916119162191631916419165191661916719168191691917019171191721917319174191751917619177191781917919180191811918219183191841918519186191871918819189191901919119192191931919419195191961919719198191991920019201192021920319204192051920619207192081920919210192111921219213192141921519216192171921819219192201922119222192231922419225192261922719228192291923019231192321923319234192351923619237192381923919240192411924219243192441924519246192471924819249192501925119252192531925419255192561925719258192591926019261192621926319264192651926619267192681926919270192711927219273192741927519276192771927819279192801928119282192831928419285192861928719288192891929019291192921929319294192951929619297192981929919300193011930219303193041930519306193071930819309193101931119312193131931419315193161931719318193191932019321193221932319324193251932619327193281932919330193311933219333193341933519336193371933819339193401934119342193431934419345193461934719348193491935019351193521935319354193551935619357193581935919360193611936219363193641936519366193671936819369193701937119372193731937419375193761937719378193791938019381193821938319384193851938619387193881938919390193911939219393193941939519396193971939819399194001940119402194031940419405194061940719408194091941019411194121941319414194151941619417194181941919420194211942219423194241942519426194271942819429194301943119432194331943419435194361943719438194391944019441194421944319444194451944619447194481944919450194511945219453194541945519456194571945819459194601946119462194631946419465194661946719468194691947019471194721947319474194751947619477194781947919480194811948219483194841948519486194871948819489194901949119492194931949419495194961949719498194991950019501195021950319504195051950619507195081950919510195111951219513195141951519516195171951819519195201952119522195231952419525195261952719528195291953019531195321953319534195351953619537195381953919540195411954219543195441954519546195471954819549195501955119552195531955419555195561955719558195591956019561195621956319564195651956619567195681956919570195711957219573195741957519576195771957819579195801958119582195831958419585195861958719588195891959019591195921959319594195951959619597195981959919600196011960219603196041960519606196071960819609196101961119612196131961419615196161961719618196191962019621196221962319624196251962619627196281962919630196311963219633196341963519636196371963819639196401964119642196431964419645196461964719648196491965019651196521965319654196551965619657196581965919660196611966219663196641966519666196671966819669196701967119672196731967419675196761967719678196791968019681196821968319684196851968619687196881968919690196911969219693196941969519696196971969819699197001970119702197031970419705197061970719708197091971019711197121971319714197151971619717197181971919720197211972219723197241972519726197271972819729197301973119732197331973419735197361973719738197391974019741197421974319744197451974619747197481974919750197511975219753197541975519756197571975819759197601976119762197631976419765197661976719768197691977019771197721977319774197751977619777197781977919780197811978219783197841978519786197871978819789197901979119792197931979419795197961979719798197991980019801198021980319804198051980619807198081980919810198111981219813198141981519816198171981819819 |
- /**
- * @author alteredq / http://alteredqualia.com/
- */
- THREE.ColorUtils = {
- adjustHSV : function ( color, h, s, v ) {
- var hsv = THREE.ColorUtils.__hsv;
- THREE.ColorUtils.rgbToHsv( color, hsv );
- hsv.h = THREE.Math.clamp( hsv.h + h, 0, 1 );
- hsv.s = THREE.Math.clamp( hsv.s + s, 0, 1 );
- hsv.v = THREE.Math.clamp( hsv.v + v, 0, 1 );
- color.setHSV( hsv.h, hsv.s, hsv.v );
- },
- // based on MochiKit implementation by Bob Ippolito
- rgbToHsv : function ( color, hsv ) {
- var r = color.r;
- var g = color.g;
- var b = color.b;
- var max = Math.max( Math.max( r, g ), b );
- var min = Math.min( Math.min( r, g ), b );
- var hue;
- var saturation;
- var value = max;
- if ( min === max ) {
- hue = 0;
- saturation = 0;
- } else {
- var delta = ( max - min );
- saturation = delta / max;
- if ( r === max ) {
- hue = ( g - b ) / delta;
- } else if ( g === max ) {
- hue = 2 + ( ( b - r ) / delta );
- } else {
- hue = 4 + ( ( r - g ) / delta );
- }
- hue /= 6;
- if ( hue < 0 ) {
- hue += 1;
- }
- if ( hue > 1 ) {
- hue -= 1;
- }
- }
- if ( hsv === undefined ) {
- hsv = { h: 0, s: 0, v: 0 };
- }
- hsv.h = hue;
- hsv.s = saturation;
- hsv.v = value;
- return hsv;
- }
- };
- THREE.ColorUtils.__hsv = { h: 0, s: 0, v: 0 };/**
- * @author mrdoob / http://mrdoob.com/
- * @author alteredq / http://alteredqualia.com/
- */
- THREE.GeometryUtils = {
- // Merge two geometries or geometry and geometry from object (using object's transform)
- merge: function ( geometry1, object2 /* mesh | geometry */ ) {
- var matrix, matrixRotation,
- vertexOffset = geometry1.vertices.length,
- uvPosition = geometry1.faceVertexUvs[ 0 ].length,
- geometry2 = object2 instanceof THREE.Mesh ? object2.geometry : object2,
- vertices1 = geometry1.vertices,
- vertices2 = geometry2.vertices,
- faces1 = geometry1.faces,
- faces2 = geometry2.faces,
- uvs1 = geometry1.faceVertexUvs[ 0 ],
- uvs2 = geometry2.faceVertexUvs[ 0 ];
- var geo1MaterialsMap = {};
- for ( var i = 0; i < geometry1.materials.length; i ++ ) {
- var id = geometry1.materials[ i ].id;
- geo1MaterialsMap[ id ] = i;
- }
- if ( object2 instanceof THREE.Mesh ) {
- object2.matrixAutoUpdate && object2.updateMatrix();
- matrix = object2.matrix;
- matrixRotation = new THREE.Matrix4();
- matrixRotation.extractRotation( matrix, object2.scale );
- }
- // vertices
- for ( var i = 0, il = vertices2.length; i < il; i ++ ) {
- var vertex = vertices2[ i ];
- var vertexCopy = vertex.clone();
- if ( matrix ) matrix.multiplyVector3( vertexCopy.position );
- vertices1.push( vertexCopy );
- }
- // faces
- for ( i = 0, il = faces2.length; i < il; i ++ ) {
- var face = faces2[ i ], faceCopy, normal, color,
- faceVertexNormals = face.vertexNormals,
- faceVertexColors = face.vertexColors;
- if ( face instanceof THREE.Face3 ) {
- faceCopy = new THREE.Face3( face.a + vertexOffset, face.b + vertexOffset, face.c + vertexOffset );
- } else if ( face instanceof THREE.Face4 ) {
- faceCopy = new THREE.Face4( face.a + vertexOffset, face.b + vertexOffset, face.c + vertexOffset, face.d + vertexOffset );
- }
- faceCopy.normal.copy( face.normal );
- if ( matrixRotation ) matrixRotation.multiplyVector3( faceCopy.normal );
- for ( var j = 0, jl = faceVertexNormals.length; j < jl; j ++ ) {
- normal = faceVertexNormals[ j ].clone();
- if ( matrixRotation ) matrixRotation.multiplyVector3( normal );
- faceCopy.vertexNormals.push( normal );
- }
- faceCopy.color.copy( face.color );
- for ( var j = 0, jl = faceVertexColors.length; j < jl; j ++ ) {
- color = faceVertexColors[ j ];
- faceCopy.vertexColors.push( color.clone() );
- }
- if ( face.materialIndex !== undefined ) {
- var material2 = geometry2.materials[ face.materialIndex ];
- var materialId2 = material2.id;
- var materialIndex = geo1MaterialsMap[ materialId2 ];
- if ( materialIndex === undefined ) {
- materialIndex = geometry1.materials.length;
- geo1MaterialsMap[ materialId2 ] = materialIndex;
- geometry1.materials.push( material2 );
- }
- faceCopy.materialIndex = materialIndex;
- }
- faceCopy.centroid.copy( face.centroid );
- if ( matrix ) matrix.multiplyVector3( faceCopy.centroid );
- faces1.push( faceCopy );
- }
- // uvs
- for ( i = 0, il = uvs2.length; i < il; i ++ ) {
- var uv = uvs2[ i ], uvCopy = [];
- for ( var j = 0, jl = uv.length; j < jl; j ++ ) {
- uvCopy.push( new THREE.UV( uv[ j ].u, uv[ j ].v ) );
- }
- uvs1.push( uvCopy );
- }
- },
- clone: function ( geometry ) {
- var cloneGeo = new THREE.Geometry();
- var i, il;
- var vertices = geometry.vertices,
- faces = geometry.faces,
- uvs = geometry.faceVertexUvs[ 0 ];
- // materials
- if ( geometry.materials ) {
- cloneGeo.materials = geometry.materials.slice();
- }
- // vertices
- for ( i = 0, il = vertices.length; i < il; i ++ ) {
- var vertex = vertices[ i ];
- cloneGeo.vertices.push( vertex.clone() );
- }
- // faces
- for ( i = 0, il = faces.length; i < il; i ++ ) {
- var face = faces[ i ];
- cloneGeo.faces.push( face.clone() );
- }
- // uvs
- for ( i = 0, il = uvs.length; i < il; i ++ ) {
- var uv = uvs[ i ], uvCopy = [];
- for ( var j = 0, jl = uv.length; j < jl; j ++ ) {
- uvCopy.push( new THREE.UV( uv[ j ].u, uv[ j ].v ) );
- }
- cloneGeo.faceVertexUvs[ 0 ].push( uvCopy );
- }
- return cloneGeo;
- },
- // Get random point in triangle (via barycentric coordinates)
- // (uniform distribution)
- // http://www.cgafaq.info/wiki/Random_Point_In_Triangle
- randomPointInTriangle: function ( vectorA, vectorB, vectorC ) {
- var a, b, c,
- point = new THREE.Vector3(),
- tmp = THREE.GeometryUtils.__v1;
- a = THREE.GeometryUtils.random();
- b = THREE.GeometryUtils.random();
- if ( ( a + b ) > 1 ) {
- a = 1 - a;
- b = 1 - b;
- }
- c = 1 - a - b;
- point.copy( vectorA );
- point.multiplyScalar( a );
- tmp.copy( vectorB );
- tmp.multiplyScalar( b );
- point.addSelf( tmp );
- tmp.copy( vectorC );
- tmp.multiplyScalar( c );
- point.addSelf( tmp );
- return point;
- },
- // Get random point in face (triangle / quad)
- // (uniform distribution)
- randomPointInFace: function ( face, geometry, useCachedAreas ) {
- var vA, vB, vC, vD;
- if ( face instanceof THREE.Face3 ) {
- vA = geometry.vertices[ face.a ].position;
- vB = geometry.vertices[ face.b ].position;
- vC = geometry.vertices[ face.c ].position;
- return THREE.GeometryUtils.randomPointInTriangle( vA, vB, vC );
- } else if ( face instanceof THREE.Face4 ) {
- vA = geometry.vertices[ face.a ].position;
- vB = geometry.vertices[ face.b ].position;
- vC = geometry.vertices[ face.c ].position;
- vD = geometry.vertices[ face.d ].position;
- var area1, area2;
- if ( useCachedAreas ) {
- if ( face._area1 && face._area2 ) {
- area1 = face._area1;
- area2 = face._area2;
- } else {
- area1 = THREE.GeometryUtils.triangleArea( vA, vB, vD );
- area2 = THREE.GeometryUtils.triangleArea( vB, vC, vD );
- face._area1 = area1;
- face._area2 = area2;
- }
- } else {
- area1 = THREE.GeometryUtils.triangleArea( vA, vB, vD ),
- area2 = THREE.GeometryUtils.triangleArea( vB, vC, vD );
- }
- var r = THREE.GeometryUtils.random() * ( area1 + area2 );
- if ( r < area1 ) {
- return THREE.GeometryUtils.randomPointInTriangle( vA, vB, vD );
- } else {
- return THREE.GeometryUtils.randomPointInTriangle( vB, vC, vD );
- }
- }
- },
- // Get uniformly distributed random points in mesh
- // - create array with cumulative sums of face areas
- // - pick random number from 0 to total area
- // - find corresponding place in area array by binary search
- // - get random point in face
- randomPointsInGeometry: function ( geometry, n ) {
- var face, i,
- faces = geometry.faces,
- vertices = geometry.vertices,
- il = faces.length,
- totalArea = 0,
- cumulativeAreas = [],
- vA, vB, vC, vD;
- // precompute face areas
- for ( i = 0; i < il; i ++ ) {
- face = faces[ i ];
- if ( face instanceof THREE.Face3 ) {
- vA = vertices[ face.a ].position;
- vB = vertices[ face.b ].position;
- vC = vertices[ face.c ].position;
- face._area = THREE.GeometryUtils.triangleArea( vA, vB, vC );
- } else if ( face instanceof THREE.Face4 ) {
- vA = vertices[ face.a ].position;
- vB = vertices[ face.b ].position;
- vC = vertices[ face.c ].position;
- vD = vertices[ face.d ].position;
- face._area1 = THREE.GeometryUtils.triangleArea( vA, vB, vD );
- face._area2 = THREE.GeometryUtils.triangleArea( vB, vC, vD );
- face._area = face._area1 + face._area2;
- }
- totalArea += face._area;
- cumulativeAreas[ i ] = totalArea;
- }
- // binary search cumulative areas array
- function binarySearchIndices( value ) {
- function binarySearch( start, end ) {
- // return closest larger index
- // if exact number is not found
- if ( end < start )
- return start;
- var mid = start + Math.floor( ( end - start ) / 2 );
- if ( cumulativeAreas[ mid ] > value ) {
- return binarySearch( start, mid - 1 );
- } else if ( cumulativeAreas[ mid ] < value ) {
- return binarySearch( mid + 1, end );
- } else {
- return mid;
- }
- }
- var result = binarySearch( 0, cumulativeAreas.length - 1 )
- return result;
- }
- // pick random face weighted by face area
- var r, index,
- result = [];
- var stats = {};
- for ( i = 0; i < n; i ++ ) {
- r = THREE.GeometryUtils.random() * totalArea;
- index = binarySearchIndices( r );
- result[ i ] = THREE.GeometryUtils.randomPointInFace( faces[ index ], geometry, true );
- if ( ! stats[ index ] ) {
- stats[ index ] = 1;
- } else {
- stats[ index ] += 1;
- }
- }
- return result;
- },
- // Get triangle area (by Heron's formula)
- // http://en.wikipedia.org/wiki/Heron%27s_formula
- triangleArea: function ( vectorA, vectorB, vectorC ) {
- var s, a, b, c,
- tmp = THREE.GeometryUtils.__v1;
- tmp.sub( vectorA, vectorB );
- a = tmp.length();
- tmp.sub( vectorA, vectorC );
- b = tmp.length();
- tmp.sub( vectorB, vectorC );
- c = tmp.length();
- s = 0.5 * ( a + b + c );
- return Math.sqrt( s * ( s - a ) * ( s - b ) * ( s - c ) );
- },
- // Center geometry so that 0,0,0 is in center of bounding box
- center: function ( geometry ) {
- geometry.computeBoundingBox();
- var bb = geometry.boundingBox;
- var offset = new THREE.Vector3();
- offset.add( bb.min, bb.max );
- offset.multiplyScalar( -0.5 );
- geometry.applyMatrix( new THREE.Matrix4().makeTranslation( offset.x, offset.y, offset.z ) );
- geometry.computeBoundingBox();
- return offset;
- },
- // Normalize UVs to be from <0,1>
- // (for now just the first set of UVs)
- normalizeUVs: function ( geometry ) {
- var uvSet = geometry.faceVertexUvs[ 0 ];
- for ( var i = 0, il = uvSet.length; i < il; i ++ ) {
- var uvs = uvSet[ i ];
- for ( var j = 0, jl = uvs.length; j < jl; j ++ ) {
- // texture repeat
- if( uvs[ j ].u !== 1.0 ) uvs[ j ].u = uvs[ j ].u - Math.floor( uvs[ j ].u );
- if( uvs[ j ].v !== 1.0 ) uvs[ j ].v = uvs[ j ].v - Math.floor( uvs[ j ].v );
- }
- }
- },
- triangulateQuads: function ( geometry ) {
- var i, il, j, jl;
- var faces = [];
- var faceUvs = [];
- var faceVertexUvs = [];
- for ( i = 0, il = geometry.faceUvs.length; i < il; i ++ ) {
- faceUvs[ i ] = [];
- }
- for ( i = 0, il = geometry.faceVertexUvs.length; i < il; i ++ ) {
- faceVertexUvs[ i ] = [];
- }
- for ( i = 0, il = geometry.faces.length; i < il; i ++ ) {
- var face = geometry.faces[ i ];
- if ( face instanceof THREE.Face4 ) {
- var a = face.a;
- var b = face.b;
- var c = face.c;
- var d = face.d;
- var triA = new THREE.Face3();
- var triB = new THREE.Face3();
- triA.color.copy( face.color );
- triB.color.copy( face.color );
- triA.materialIndex = face.materialIndex;
- triB.materialIndex = face.materialIndex;
- triA.a = a;
- triA.b = b;
- triA.c = d;
- triB.a = b;
- triB.b = c;
- triB.c = d;
- if ( face.vertexColors.length === 4 ) {
- triA.vertexColors[ 0 ] = face.vertexColors[ 0 ].clone();
- triA.vertexColors[ 1 ] = face.vertexColors[ 1 ].clone();
- triA.vertexColors[ 2 ] = face.vertexColors[ 3 ].clone();
- triB.vertexColors[ 0 ] = face.vertexColors[ 1 ].clone();
- triB.vertexColors[ 1 ] = face.vertexColors[ 2 ].clone();
- triB.vertexColors[ 2 ] = face.vertexColors[ 3 ].clone();
- }
- faces.push( triA, triB );
- for ( j = 0, jl = geometry.faceVertexUvs.length; j < jl; j ++ ) {
- if ( geometry.faceVertexUvs[ j ].length ) {
- var uvs = geometry.faceVertexUvs[ j ][ i ];
- var uvA = uvs[ 0 ];
- var uvB = uvs[ 1 ];
- var uvC = uvs[ 2 ];
- var uvD = uvs[ 3 ];
- var uvsTriA = [ uvA.clone(), uvB.clone(), uvD.clone() ];
- var uvsTriB = [ uvB.clone(), uvC.clone(), uvD.clone() ];
- faceVertexUvs[ j ].push( uvsTriA, uvsTriB );
- }
- }
- for ( j = 0, jl = geometry.faceUvs.length; j < jl; j ++ ) {
- if ( geometry.faceUvs[ j ].length ) {
- var faceUv = geometry.faceUvs[ j ][ i ];
- faceUvs[ j ].push( faceUv, faceUv );
- }
- }
- } else {
- faces.push( face );
- for ( j = 0, jl = geometry.faceUvs.length; j < jl; j ++ ) {
- faceUvs[ j ].push( geometry.faceUvs[ j ] );
- }
- for ( j = 0, jl = geometry.faceVertexUvs.length; j < jl; j ++ ) {
- faceVertexUvs[ j ].push( geometry.faceVertexUvs[ j ] );
- }
- }
- }
- geometry.faces = faces;
- geometry.faceUvs = faceUvs;
- geometry.faceVertexUvs = faceVertexUvs;
- geometry.computeCentroids();
- geometry.computeFaceNormals();
- geometry.computeVertexNormals();
- if ( geometry.hasTangents ) geometry.computeTangents();
- },
- // Make all faces use unique vertices
- // so that each face can be separated from others
- explode: function( geometry ) {
- var vertices = [];
- for ( var i = 0, il = geometry.faces.length; i < il; i ++ ) {
- var n = vertices.length;
- var face = geometry.faces[ i ];
- if ( face instanceof THREE.Face4 ) {
- var a = face.a;
- var b = face.b;
- var c = face.c;
- var d = face.d;
- var va = geometry.vertices[ a ];
- var vb = geometry.vertices[ b ];
- var vc = geometry.vertices[ c ];
- var vd = geometry.vertices[ d ];
- vertices.push( va.clone() );
- vertices.push( vb.clone() );
- vertices.push( vc.clone() );
- vertices.push( vd.clone() );
- face.a = n;
- face.b = n + 1;
- face.c = n + 2;
- face.d = n + 3;
- } else {
- var a = face.a;
- var b = face.b;
- var c = face.c;
- var va = geometry.vertices[ a ];
- var vb = geometry.vertices[ b ];
- var vc = geometry.vertices[ c ];
- vertices.push( va.clone() );
- vertices.push( vb.clone() );
- vertices.push( vc.clone() );
- face.a = n;
- face.b = n + 1;
- face.c = n + 2;
- }
- }
- geometry.vertices = vertices;
- delete geometry.__tmpVertices;
- },
- // Break faces with edges longer than maxEdgeLength
- // - not recursive
- tessellate: function ( geometry, maxEdgeLength ) {
- var i, il, face,
- a, b, c, d,
- va, vb, vc, vd,
- dab, dbc, dac, dcd, dad,
- m, m1, m2,
- vm, vm1, vm2,
- vnm, vnm1, vnm2,
- vcm, vcm1, vcm2,
- triA, triB,
- quadA, quadB,
- edge;
- var faces = [];
- var faceVertexUvs = [];
- for ( i = 0, il = geometry.faceVertexUvs.length; i < il; i ++ ) {
- faceVertexUvs[ i ] = [];
- }
- for ( i = 0, il = geometry.faces.length; i < il; i ++ ) {
- face = geometry.faces[ i ];
- if ( face instanceof THREE.Face3 ) {
- a = face.a;
- b = face.b;
- c = face.c;
- va = geometry.vertices[ a ];
- vb = geometry.vertices[ b ];
- vc = geometry.vertices[ c ];
- dab = va.position.distanceTo( vb.position );
- dbc = vb.position.distanceTo( vc.position );
- dac = va.position.distanceTo( vc.position );
- if ( dab > maxEdgeLength || dbc > maxEdgeLength || dac > maxEdgeLength ) {
- m = geometry.vertices.length;
- triA = face.clone();
- triB = face.clone();
- if ( dab >= dbc && dab >= dac ) {
- vm = va.clone();
- vm.position.lerpSelf( vb.position, 0.5 );
- triA.a = a;
- triA.b = m;
- triA.c = c;
- triB.a = m;
- triB.b = b;
- triB.c = c;
- if ( face.vertexNormals.length === 3 ) {
- vnm = face.vertexNormals[ 0 ].clone();
- vnm.lerpSelf( face.vertexNormals[ 1 ], 0.5 );
- triA.vertexNormals[ 1 ].copy( vnm );
- triB.vertexNormals[ 0 ].copy( vnm );
- }
- if ( face.vertexColors.length === 3 ) {
- vcm = face.vertexColors[ 0 ].clone();
- vcm.lerpSelf( face.vertexColors[ 1 ], 0.5 );
- triA.vertexColors[ 1 ].copy( vcm );
- triB.vertexColors[ 0 ].copy( vcm );
- }
- edge = 0;
- } else if ( dbc >= dab && dbc >= dac ) {
- vm = vb.clone();
- vm.position.lerpSelf( vc.position, 0.5 );
- triA.a = a;
- triA.b = b;
- triA.c = m;
- triB.a = m;
- triB.b = c;
- triB.c = a;
- if ( face.vertexNormals.length === 3 ) {
- vnm = face.vertexNormals[ 1 ].clone();
- vnm.lerpSelf( face.vertexNormals[ 2 ], 0.5 );
- triA.vertexNormals[ 2 ].copy( vnm );
- triB.vertexNormals[ 0 ].copy( vnm );
- triB.vertexNormals[ 1 ].copy( face.vertexNormals[ 2 ] );
- triB.vertexNormals[ 2 ].copy( face.vertexNormals[ 0 ] );
- }
- if ( face.vertexColors.length === 3 ) {
- vcm = face.vertexColors[ 1 ].clone();
- vcm.lerpSelf( face.vertexColors[ 2 ], 0.5 );
- triA.vertexColors[ 2 ].copy( vcm );
- triB.vertexColors[ 0 ].copy( vcm );
- triB.vertexColors[ 1 ].copy( face.vertexColors[ 2 ] );
- triB.vertexColors[ 2 ].copy( face.vertexColors[ 0 ] );
- }
- edge = 1;
- } else {
- vm = va.clone();
- vm.position.lerpSelf( vc.position, 0.5 );
- triA.a = a;
- triA.b = b;
- triA.c = m;
- triB.a = m;
- triB.b = b;
- triB.c = c;
- if ( face.vertexNormals.length === 3 ) {
- vnm = face.vertexNormals[ 0 ].clone();
- vnm.lerpSelf( face.vertexNormals[ 2 ], 0.5 );
- triA.vertexNormals[ 2 ].copy( vnm );
- triB.vertexNormals[ 0 ].copy( vnm );
- }
- if ( face.vertexColors.length === 3 ) {
- vcm = face.vertexColors[ 0 ].clone();
- vcm.lerpSelf( face.vertexColors[ 2 ], 0.5 );
- triA.vertexColors[ 2 ].copy( vcm );
- triB.vertexColors[ 0 ].copy( vcm );
- }
- edge = 2;
- }
- faces.push( triA, triB );
- geometry.vertices.push( vm );
- var j, jl, uvs, uvA, uvB, uvC, uvM, uvsTriA, uvsTriB;
- for ( j = 0, jl = geometry.faceVertexUvs.length; j < jl; j ++ ) {
- if ( geometry.faceVertexUvs[ j ].length ) {
- uvs = geometry.faceVertexUvs[ j ][ i ];
- uvA = uvs[ 0 ];
- uvB = uvs[ 1 ];
- uvC = uvs[ 2 ];
- // AB
- if ( edge === 0 ) {
- uvM = uvA.clone();
- uvM.lerpSelf( uvB, 0.5 );
- uvsTriA = [ uvA.clone(), uvM.clone(), uvC.clone() ];
- uvsTriB = [ uvM.clone(), uvB.clone(), uvC.clone() ];
- // BC
- } else if ( edge === 1 ) {
- uvM = uvB.clone();
- uvM.lerpSelf( uvC, 0.5 );
- uvsTriA = [ uvA.clone(), uvB.clone(), uvM.clone() ];
- uvsTriB = [ uvM.clone(), uvC.clone(), uvA.clone() ];
- // AC
- } else {
- uvM = uvA.clone();
- uvM.lerpSelf( uvC, 0.5 );
- uvsTriA = [ uvA.clone(), uvB.clone(), uvM.clone() ];
- uvsTriB = [ uvM.clone(), uvB.clone(), uvC.clone() ];
- }
- faceVertexUvs[ j ].push( uvsTriA, uvsTriB );
- }
- }
- } else {
- faces.push( face );
- for ( j = 0, jl = geometry.faceVertexUvs.length; j < jl; j ++ ) {
- faceVertexUvs[ j ].push( geometry.faceVertexUvs[ j ] );
- }
- }
- } else {
- a = face.a;
- b = face.b;
- c = face.c;
- d = face.d;
- va = geometry.vertices[ a ];
- vb = geometry.vertices[ b ];
- vc = geometry.vertices[ c ];
- vd = geometry.vertices[ d ];
- dab = va.position.distanceTo( vb.position );
- dbc = vb.position.distanceTo( vc.position );
- dcd = vc.position.distanceTo( vd.position );
- dad = va.position.distanceTo( vd.position );
- if ( dab > maxEdgeLength || dbc > maxEdgeLength || dcd > maxEdgeLength || dad > maxEdgeLength ) {
- m1 = geometry.vertices.length;
- m2 = geometry.vertices.length + 1;
- quadA = face.clone();
- quadB = face.clone();
- if ( ( dab >= dbc && dab >= dcd && dab >= dad ) || ( dcd >= dbc && dcd >= dab && dcd >= dad ) ) {
- vm1 = va.clone();
- vm1.position.lerpSelf( vb.position, 0.5 );
- vm2 = vc.clone();
- vm2.position.lerpSelf( vd.position, 0.5 );
- quadA.a = a;
- quadA.b = m1;
- quadA.c = m2;
- quadA.d = d;
- quadB.a = m1;
- quadB.b = b;
- quadB.c = c;
- quadB.d = m2;
- if ( face.vertexNormals.length === 4 ) {
- vnm1 = face.vertexNormals[ 0 ].clone();
- vnm1.lerpSelf( face.vertexNormals[ 1 ], 0.5 );
- vnm2 = face.vertexNormals[ 2 ].clone();
- vnm2.lerpSelf( face.vertexNormals[ 3 ], 0.5 );
- quadA.vertexNormals[ 1 ].copy( vnm1 );
- quadA.vertexNormals[ 2 ].copy( vnm2 );
- quadB.vertexNormals[ 0 ].copy( vnm1 );
- quadB.vertexNormals[ 3 ].copy( vnm2 );
- }
- if ( face.vertexColors.length === 4 ) {
- vcm1 = face.vertexColors[ 0 ].clone();
- vcm1.lerpSelf( face.vertexColors[ 1 ], 0.5 );
- vcm2 = face.vertexColors[ 2 ].clone();
- vcm2.lerpSelf( face.vertexColors[ 3 ], 0.5 );
- quadA.vertexColors[ 1 ].copy( vcm1 );
- quadA.vertexColors[ 2 ].copy( vcm2 );
- quadB.vertexColors[ 0 ].copy( vcm1 );
- quadB.vertexColors[ 3 ].copy( vcm2 );
- }
- edge = 0;
- } else {
- vm1 = vb.clone();
- vm1.position.lerpSelf( vc.position, 0.5 );
- vm2 = vd.clone();
- vm2.position.lerpSelf( va.position, 0.5 );
- quadA.a = a;
- quadA.b = b;
- quadA.c = m1;
- quadA.d = m2;
- quadB.a = m2;
- quadB.b = m1;
- quadB.c = c;
- quadB.d = d;
- if ( face.vertexNormals.length === 4 ) {
- vnm1 = face.vertexNormals[ 1 ].clone();
- vnm1.lerpSelf( face.vertexNormals[ 2 ], 0.5 );
- vnm2 = face.vertexNormals[ 3 ].clone();
- vnm2.lerpSelf( face.vertexNormals[ 0 ], 0.5 );
- quadA.vertexNormals[ 2 ].copy( vnm1 );
- quadA.vertexNormals[ 3 ].copy( vnm2 );
- quadB.vertexNormals[ 0 ].copy( vnm2 );
- quadB.vertexNormals[ 1 ].copy( vnm1 );
- }
- if ( face.vertexColors.length === 4 ) {
- vcm1 = face.vertexColors[ 1 ].clone();
- vcm1.lerpSelf( face.vertexColors[ 2 ], 0.5 );
- vcm2 = face.vertexColors[ 3 ].clone();
- vcm2.lerpSelf( face.vertexColors[ 0 ], 0.5 );
- quadA.vertexColors[ 2 ].copy( vcm1 );
- quadA.vertexColors[ 3 ].copy( vcm2 );
- quadB.vertexColors[ 0 ].copy( vcm2 );
- quadB.vertexColors[ 1 ].copy( vcm1 );
- }
- edge = 1;
- }
- faces.push( quadA, quadB );
- geometry.vertices.push( vm1, vm2 );
- var j, jl, uvs, uvA, uvB, uvC, uvD, uvM1, uvM2, uvsQuadA, uvsQuadB;
- for ( j = 0, jl = geometry.faceVertexUvs.length; j < jl; j ++ ) {
- if ( geometry.faceVertexUvs[ j ].length ) {
- uvs = geometry.faceVertexUvs[ j ][ i ];
- uvA = uvs[ 0 ];
- uvB = uvs[ 1 ];
- uvC = uvs[ 2 ];
- uvD = uvs[ 3 ];
- // AB + CD
- if ( edge === 0 ) {
- uvM1 = uvA.clone();
- uvM1.lerpSelf( uvB, 0.5 );
- uvM2 = uvC.clone();
- uvM2.lerpSelf( uvD, 0.5 );
- uvsQuadA = [ uvA.clone(), uvM1.clone(), uvM2.clone(), uvD.clone() ];
- uvsQuadB = [ uvM1.clone(), uvB.clone(), uvC.clone(), uvM2.clone() ];
- // BC + AD
- } else {
- uvM1 = uvB.clone();
- uvM1.lerpSelf( uvC, 0.5 );
- uvM2 = uvD.clone();
- uvM2.lerpSelf( uvA, 0.5 );
- uvsQuadA = [ uvA.clone(), uvB.clone(), uvM1.clone(), uvM2.clone() ];
- uvsQuadB = [ uvM2.clone(), uvM1.clone(), uvC.clone(), uvD.clone() ];
- }
- faceVertexUvs[ j ].push( uvsQuadA, uvsQuadB );
- }
- }
- } else {
- faces.push( face );
- for ( j = 0, jl = geometry.faceVertexUvs.length; j < jl; j ++ ) {
- faceVertexUvs[ j ].push( geometry.faceVertexUvs[ j ] );
- }
- }
- }
- }
- geometry.faces = faces;
- geometry.faceVertexUvs = faceVertexUvs;
- }
- };
- THREE.GeometryUtils.random = THREE.Math.random16;
- THREE.GeometryUtils.__v1 = new THREE.Vector3();
- /**
- * @author alteredq / http://alteredqualia.com/
- * @author mrdoob / http://mrdoob.com/
- */
- THREE.ImageUtils = {
- crossOrigin: 'anonymous',
- loadTexture: function ( path, mapping, callback ) {
- var image = new Image(), texture = new THREE.Texture( image, mapping );
- image.onload = function () { texture.needsUpdate = true; if ( callback ) callback( this ); };
- image.crossOrigin = this.crossOrigin;
- image.src = path;
- return texture;
- },
- loadTextureCube: function ( array, mapping, callback ) {
- var i, l, images = [], texture = new THREE.Texture( images, mapping );
- images.loadCount = 0;
- for ( i = 0, l = array.length; i < l; ++ i ) {
- images[ i ] = new Image();
- images[ i ].onload = function () {
- images.loadCount += 1;
- if ( images.loadCount === 6 ) texture.needsUpdate = true;
- if ( callback ) callback( this );
- };
- images[ i ].crossOrigin = this.crossOrigin;
- images[ i ].src = array[ i ];
- }
- return texture;
- },
- getNormalMap: function ( image, depth ) {
- // Adapted from http://www.paulbrunt.co.uk/lab/heightnormal/
- var cross = function ( a, b ) {
- return [ a[ 1 ] * b[ 2 ] - a[ 2 ] * b[ 1 ], a[ 2 ] * b[ 0 ] - a[ 0 ] * b[ 2 ], a[ 0 ] * b[ 1 ] - a[ 1 ] * b[ 0 ] ];
- }
- var subtract = function ( a, b ) {
- return [ a[ 0 ] - b[ 0 ], a[ 1 ] - b[ 1 ], a[ 2 ] - b[ 2 ] ];
- }
- var normalize = function ( a ) {
- var l = Math.sqrt( a[ 0 ] * a[ 0 ] + a[ 1 ] * a[ 1 ] + a[ 2 ] * a[ 2 ] );
- return [ a[ 0 ] / l, a[ 1 ] / l, a[ 2 ] / l ];
- }
- depth = depth | 1;
- var width = image.width;
- var height = image.height;
- var canvas = document.createElement( 'canvas' );
- canvas.width = width;
- canvas.height = height;
- var context = canvas.getContext( '2d' );
- context.drawImage( image, 0, 0 );
- var data = context.getImageData( 0, 0, width, height ).data;
- var imageData = context.createImageData( width, height );
- var output = imageData.data;
- for ( var x = 0; x < width; x ++ ) {
- for ( var y = 1; y < height; y ++ ) {
- var ly = y - 1 < 0 ? height - 1 : y - 1;
- var uy = ( y + 1 ) % height;
- var lx = x - 1 < 0 ? width - 1 : x - 1;
- var ux = ( x + 1 ) % width;
- var points = [];
- var origin = [ 0, 0, data[ ( y * width + x ) * 4 ] / 255 * depth ];
- points.push( [ - 1, 0, data[ ( y * width + lx ) * 4 ] / 255 * depth ] );
- points.push( [ - 1, - 1, data[ ( ly * width + lx ) * 4 ] / 255 * depth ] );
- points.push( [ 0, - 1, data[ ( ly * width + x ) * 4 ] / 255 * depth ] );
- points.push( [ 1, - 1, data[ ( ly * width + ux ) * 4 ] / 255 * depth ] );
- points.push( [ 1, 0, data[ ( y * width + ux ) * 4 ] / 255 * depth ] );
- points.push( [ 1, 1, data[ ( uy * width + ux ) * 4 ] / 255 * depth ] );
- points.push( [ 0, 1, data[ ( uy * width + x ) * 4 ] / 255 * depth ] );
- points.push( [ - 1, 1, data[ ( uy * width + lx ) * 4 ] / 255 * depth ] );
- var normals = [];
- var num_points = points.length;
- for ( var i = 0; i < num_points; i ++ ) {
- var v1 = points[ i ];
- var v2 = points[ ( i + 1 ) % num_points ];
- v1 = subtract( v1, origin );
- v2 = subtract( v2, origin );
- normals.push( normalize( cross( v1, v2 ) ) );
- }
- var normal = [ 0, 0, 0 ];
- for ( var i = 0; i < normals.length; i ++ ) {
- normal[ 0 ] += normals[ i ][ 0 ];
- normal[ 1 ] += normals[ i ][ 1 ];
- normal[ 2 ] += normals[ i ][ 2 ];
- }
- normal[ 0 ] /= normals.length;
- normal[ 1 ] /= normals.length;
- normal[ 2 ] /= normals.length;
- var idx = ( y * width + x ) * 4;
- output[ idx ] = ( ( normal[ 0 ] + 1.0 ) / 2.0 * 255 ) | 0;
- output[ idx + 1 ] = ( ( normal[ 1 ] + 1.0 / 2.0 ) * 255 ) | 0;
- output[ idx + 2 ] = ( normal[ 2 ] * 255 ) | 0;
- output[ idx + 3 ] = 255;
- }
- }
- context.putImageData( imageData, 0, 0 );
- return canvas;
- },
- generateDataTexture: function ( width, height, color ) {
- var size = width * height;
- var data = new Uint8Array( 3 * size );
- var r = Math.floor( color.r * 255 );
- var g = Math.floor( color.g * 255 );
- var b = Math.floor( color.b * 255 );
- for ( var i = 0; i < size; i ++ ) {
- data[ i * 3 ] = r;
- data[ i * 3 + 1 ] = g;
- data[ i * 3 + 2 ] = b;
- }
- var texture = new THREE.DataTexture( data, width, height, THREE.RGBFormat );
- texture.needsUpdate = true;
- return texture;
- }
- };
- /**
- * @author alteredq / http://alteredqualia.com/
- */
- THREE.SceneUtils = {
- showHierarchy : function ( root, visible ) {
- THREE.SceneUtils.traverseHierarchy( root, function( node ) { node.visible = visible; } );
- },
- traverseHierarchy : function ( root, callback ) {
- var n, i, l = root.children.length;
- for ( i = 0; i < l; i ++ ) {
- n = root.children[ i ];
- callback( n );
- THREE.SceneUtils.traverseHierarchy( n, callback );
- }
- },
- createMultiMaterialObject : function ( geometry, materials ) {
- var i, il = materials.length,
- group = new THREE.Object3D();
- for ( i = 0; i < il; i ++ ) {
- var object = new THREE.Mesh( geometry, materials[ i ] );
- group.add( object );
- }
- return group;
- },
- cloneObject: function ( source ) {
- var object;
- // subclass specific properties
- // (must process in order from more specific subclasses to more abstract classes)
- if ( source instanceof THREE.MorphAnimMesh ) {
- object = new THREE.MorphAnimMesh( source.geometry, source.material );
- object.duration = source.duration;
- object.mirroredLoop = source.mirroredLoop;
- object.time = source.time;
- object.lastKeyframe = source.lastKeyframe;
- object.currentKeyframe = source.currentKeyframe;
- object.direction = source.direction;
- object.directionBackwards = source.directionBackwards;
- } else if ( source instanceof THREE.SkinnedMesh ) {
- object = new THREE.SkinnedMesh( source.geometry, source.material );
- } else if ( source instanceof THREE.Mesh ) {
- object = new THREE.Mesh( source.geometry, source.material );
- } else if ( source instanceof THREE.Line ) {
- object = new THREE.Line( source.geometry, source.material, source.type );
- } else if ( source instanceof THREE.Ribbon ) {
- object = new THREE.Ribbon( source.geometry, source.material );
- } else if ( source instanceof THREE.ParticleSystem ) {
- object = new THREE.ParticleSystem( source.geometry, source.material );
- object.sortParticles = source.sortParticles;
- } else if ( source instanceof THREE.Particle ) {
- object = new THREE.Particle( source.material );
- } else if ( source instanceof THREE.Sprite ) {
- object = new THREE.Sprite( {} );
- object.color.copy( source.color );
- object.map = source.map;
- object.blending = source.blending;
- object.useScreenCoordinates = source.useScreenCoordinates;
- object.mergeWith3D = source.mergeWith3D;
- object.affectedByDistance = source.affectedByDistance;
- object.scaleByViewport = source.scaleByViewport;
- object.alignment = source.alignment;
- object.rotation3d.copy( source.rotation3d );
- object.rotation = source.rotation;
- object.opacity = source.opacity;
- object.uvOffset.copy( source.uvOffset );
- object.uvScale.copy( source.uvScale);
- } else if ( source instanceof THREE.LOD ) {
- object = new THREE.LOD();
- } else if ( source instanceof THREE.MarchingCubes ) {
- object = new THREE.MarchingCubes( source.resolution, source.material );
- object.field.set( source.field );
- object.isolation = source.isolation;
- } else if ( source instanceof THREE.Object3D ) {
- object = new THREE.Object3D();
- }
- // base class properties
- object.name = source.name;
- object.parent = source.parent;
- object.up.copy( source.up );
- object.position.copy( source.position );
- // because of Sprite madness
- if ( object.rotation instanceof THREE.Vector3 )
- object.rotation.copy( source.rotation );
- object.eulerOrder = source.eulerOrder;
- object.scale.copy( source.scale );
- object.dynamic = source.dynamic;
- object.doubleSided = source.doubleSided;
- object.flipSided = source.flipSided;
- object.renderDepth = source.renderDepth;
- object.rotationAutoUpdate = source.rotationAutoUpdate;
- object.matrix.copy( source.matrix );
- object.matrixWorld.copy( source.matrixWorld );
- object.matrixRotationWorld.copy( source.matrixRotationWorld );
- object.matrixAutoUpdate = source.matrixAutoUpdate;
- object.matrixWorldNeedsUpdate = source.matrixWorldNeedsUpdate;
- object.quaternion.copy( source.quaternion );
- object.useQuaternion = source.useQuaternion;
- object.boundRadius = source.boundRadius;
- object.boundRadiusScale = source.boundRadiusScale;
- object.visible = source.visible;
- object.castShadow = source.castShadow;
- object.receiveShadow = source.receiveShadow;
- object.frustumCulled = source.frustumCulled;
- // children
- for ( var i = 0; i < source.children.length; i ++ ) {
- var child = THREE.SceneUtils.cloneObject( source.children[ i ] );
- object.children[ i ] = child;
- child.parent = object;
- }
- // LODs need to be patched separately to use cloned children
- if ( source instanceof THREE.LOD ) {
- for ( var i = 0; i < source.LODs.length; i ++ ) {
- var lod = source.LODs[ i ];
- object.LODs[ i ] = { visibleAtDistance: lod.visibleAtDistance, object3D: object.children[ i ] };
- }
- }
- return object;
- },
- detach : function ( child, parent, scene ) {
- child.applyMatrix( parent.matrixWorld );
- parent.remove( child );
- scene.add( child );
- },
- attach: function ( child, scene, parent ) {
- var matrixWorldInverse = new THREE.Matrix4();
- matrixWorldInverse.getInverse( parent.matrixWorld );
- child.applyMatrix( matrixWorldInverse );
- scene.remove( child );
- parent.add( child );
- }
- };
- /**
- * @author alteredq / http://alteredqualia.com/
- * @author mr.doob / http://mrdoob.com/
- *
- * ShaderUtils currently contains:
- *
- * fresnel
- * normal
- * cube
- *
- */
- if ( THREE.WebGLRenderer ) {
- THREE.ShaderUtils = {
- lib: {
- /* -------------------------------------------------------------------------
- // Fresnel shader
- // - based on Nvidia Cg tutorial
- ------------------------------------------------------------------------- */
- 'fresnel': {
- uniforms: {
- "mRefractionRatio": { type: "f", value: 1.02 },
- "mFresnelBias": { type: "f", value: 0.1 },
- "mFresnelPower": { type: "f", value: 2.0 },
- "mFresnelScale": { type: "f", value: 1.0 },
- "tCube": { type: "t", value: 1, texture: null }
- },
- fragmentShader: [
- "uniform samplerCube tCube;",
- "varying vec3 vReflect;",
- "varying vec3 vRefract[3];",
- "varying float vReflectionFactor;",
- "void main() {",
- "vec4 reflectedColor = textureCube( tCube, vec3( -vReflect.x, vReflect.yz ) );",
- "vec4 refractedColor = vec4( 1.0, 1.0, 1.0, 1.0 );",
- "refractedColor.r = textureCube( tCube, vec3( -vRefract[0].x, vRefract[0].yz ) ).r;",
- "refractedColor.g = textureCube( tCube, vec3( -vRefract[1].x, vRefract[1].yz ) ).g;",
- "refractedColor.b = textureCube( tCube, vec3( -vRefract[2].x, vRefract[2].yz ) ).b;",
- "refractedColor.a = 1.0;",
- "gl_FragColor = mix( refractedColor, reflectedColor, clamp( vReflectionFactor, 0.0, 1.0 ) );",
- "}"
- ].join("\n"),
- vertexShader: [
- "uniform float mRefractionRatio;",
- "uniform float mFresnelBias;",
- "uniform float mFresnelScale;",
- "uniform float mFresnelPower;",
- "varying vec3 vReflect;",
- "varying vec3 vRefract[3];",
- "varying float vReflectionFactor;",
- "void main() {",
- "vec4 mvPosition = modelViewMatrix * vec4( position, 1.0 );",
- "vec4 mPosition = objectMatrix * vec4( position, 1.0 );",
- "vec3 nWorld = normalize ( mat3( objectMatrix[0].xyz, objectMatrix[1].xyz, objectMatrix[2].xyz ) * normal );",
- "vec3 I = mPosition.xyz - cameraPosition;",
- "vReflect = reflect( I, nWorld );",
- "vRefract[0] = refract( normalize( I ), nWorld, mRefractionRatio );",
- "vRefract[1] = refract( normalize( I ), nWorld, mRefractionRatio * 0.99 );",
- "vRefract[2] = refract( normalize( I ), nWorld, mRefractionRatio * 0.98 );",
- "vReflectionFactor = mFresnelBias + mFresnelScale * pow( 1.0 + dot( normalize( I ), nWorld ), mFresnelPower );",
- "gl_Position = projectionMatrix * mvPosition;",
- "}"
- ].join("\n")
- },
- /* -------------------------------------------------------------------------
- // Normal map shader
- // - Blinn-Phong
- // - normal + diffuse + specular + AO + displacement + reflection + shadow maps
- // - point and directional lights (use with "lights: true" material option)
- ------------------------------------------------------------------------- */
- 'normal' : {
- uniforms: THREE.UniformsUtils.merge( [
- THREE.UniformsLib[ "fog" ],
- THREE.UniformsLib[ "lights" ],
- THREE.UniformsLib[ "shadowmap" ],
- {
- "enableAO" : { type: "i", value: 0 },
- "enableDiffuse" : { type: "i", value: 0 },
- "enableSpecular" : { type: "i", value: 0 },
- "enableReflection": { type: "i", value: 0 },
- "tDiffuse" : { type: "t", value: 0, texture: null },
- "tCube" : { type: "t", value: 1, texture: null },
- "tNormal" : { type: "t", value: 2, texture: null },
- "tSpecular" : { type: "t", value: 3, texture: null },
- "tAO" : { type: "t", value: 4, texture: null },
- "tDisplacement": { type: "t", value: 5, texture: null },
- "uNormalScale": { type: "f", value: 1.0 },
- "uDisplacementBias": { type: "f", value: 0.0 },
- "uDisplacementScale": { type: "f", value: 1.0 },
- "uDiffuseColor": { type: "c", value: new THREE.Color( 0xffffff ) },
- "uSpecularColor": { type: "c", value: new THREE.Color( 0x111111 ) },
- "uAmbientColor": { type: "c", value: new THREE.Color( 0xffffff ) },
- "uShininess": { type: "f", value: 30 },
- "uOpacity": { type: "f", value: 1 },
- "uReflectivity": { type: "f", value: 0.5 },
- "uOffset" : { type: "v2", value: new THREE.Vector2( 0, 0 ) },
- "uRepeat" : { type: "v2", value: new THREE.Vector2( 1, 1 ) },
- "wrapRGB" : { type: "v3", value: new THREE.Vector3( 1, 1, 1 ) }
- }
- ] ),
- fragmentShader: [
- "uniform vec3 uAmbientColor;",
- "uniform vec3 uDiffuseColor;",
- "uniform vec3 uSpecularColor;",
- "uniform float uShininess;",
- "uniform float uOpacity;",
- "uniform bool enableDiffuse;",
- "uniform bool enableSpecular;",
- "uniform bool enableAO;",
- "uniform bool enableReflection;",
- "uniform sampler2D tDiffuse;",
- "uniform sampler2D tNormal;",
- "uniform sampler2D tSpecular;",
- "uniform sampler2D tAO;",
- "uniform samplerCube tCube;",
- "uniform float uNormalScale;",
- "uniform float uReflectivity;",
- "varying vec3 vTangent;",
- "varying vec3 vBinormal;",
- "varying vec3 vNormal;",
- "varying vec2 vUv;",
- "uniform vec3 ambientLightColor;",
- "#if MAX_DIR_LIGHTS > 0",
- "uniform vec3 directionalLightColor[ MAX_DIR_LIGHTS ];",
- "uniform vec3 directionalLightDirection[ MAX_DIR_LIGHTS ];",
- "#endif",
- "#if MAX_POINT_LIGHTS > 0",
- "uniform vec3 pointLightColor[ MAX_POINT_LIGHTS ];",
- "varying vec4 vPointLight[ MAX_POINT_LIGHTS ];",
- "#endif",
- "#ifdef WRAP_AROUND",
- "uniform vec3 wrapRGB;",
- "#endif",
- "varying vec3 vViewPosition;",
- THREE.ShaderChunk[ "shadowmap_pars_fragment" ],
- THREE.ShaderChunk[ "fog_pars_fragment" ],
- "void main() {",
- "gl_FragColor = vec4( vec3( 1.0 ), uOpacity );",
- "vec3 specularTex = vec3( 1.0 );",
- "vec3 normalTex = texture2D( tNormal, vUv ).xyz * 2.0 - 1.0;",
- "normalTex.xy *= uNormalScale;",
- "normalTex = normalize( normalTex );",
- "if( enableDiffuse ) {",
- "#ifdef GAMMA_INPUT",
- "vec4 texelColor = texture2D( tDiffuse, vUv );",
- "texelColor.xyz *= texelColor.xyz;",
- "gl_FragColor = gl_FragColor * texelColor;",
- "#else",
- "gl_FragColor = gl_FragColor * texture2D( tDiffuse, vUv );",
- "#endif",
- "}",
- "if( enableAO ) {",
- "#ifdef GAMMA_INPUT",
- "vec4 aoColor = texture2D( tAO, vUv );",
- "aoColor.xyz *= aoColor.xyz;",
- "gl_FragColor.xyz = gl_FragColor.xyz * aoColor.xyz;",
- "#else",
- "gl_FragColor.xyz = gl_FragColor.xyz * texture2D( tAO, vUv ).xyz;",
- "#endif",
- "}",
- "if( enableSpecular )",
- "specularTex = texture2D( tSpecular, vUv ).xyz;",
- "mat3 tsb = mat3( normalize( vTangent ), normalize( vBinormal ), normalize( vNormal ) );",
- "vec3 finalNormal = tsb * normalTex;",
- "vec3 normal = normalize( finalNormal );",
- "vec3 viewPosition = normalize( vViewPosition );",
- // point lights
- "#if MAX_POINT_LIGHTS > 0",
- "vec3 pointDiffuse = vec3( 0.0 );",
- "vec3 pointSpecular = vec3( 0.0 );",
- "for ( int i = 0; i < MAX_POINT_LIGHTS; i ++ ) {",
- "vec3 pointVector = normalize( vPointLight[ i ].xyz );",
- "float pointDistance = vPointLight[ i ].w;",
- // diffuse
- "#ifdef WRAP_AROUND",
- "float pointDiffuseWeightFull = max( dot( normal, pointVector ), 0.0 );",
- "float pointDiffuseWeightHalf = max( 0.5 * dot( normal, pointVector ) + 0.5, 0.0 );",
- "vec3 pointDiffuseWeight = mix( vec3 ( pointDiffuseWeightFull ), vec3( pointDiffuseWeightHalf ), wrapRGB );",
- "#else",
- "float pointDiffuseWeight = max( dot( normal, pointVector ), 0.0 );",
- "#endif",
- "pointDiffuse += pointDistance * pointLightColor[ i ] * uDiffuseColor * pointDiffuseWeight;",
- // specular
- "vec3 pointHalfVector = normalize( pointVector + viewPosition );",
- "float pointDotNormalHalf = max( dot( normal, pointHalfVector ), 0.0 );",
- "float pointSpecularWeight = specularTex.r * max( pow( pointDotNormalHalf, uShininess ), 0.0 );",
- "#ifdef PHYSICALLY_BASED_SHADING",
- // 2.0 => 2.0001 is hack to work around ANGLE bug
- "float specularNormalization = ( uShininess + 2.0001 ) / 8.0;",
- "vec3 schlick = uSpecularColor + vec3( 1.0 - uSpecularColor ) * pow( 1.0 - dot( pointVector, pointHalfVector ), 5.0 );",
- "pointSpecular += schlick * pointLightColor[ i ] * pointSpecularWeight * pointDiffuseWeight * pointDistance * specularNormalization;",
- "#else",
- "pointSpecular += pointDistance * pointLightColor[ i ] * uSpecularColor * pointSpecularWeight * pointDiffuseWeight;",
- "#endif",
- "}",
- "#endif",
- // directional lights
- "#if MAX_DIR_LIGHTS > 0",
- "vec3 dirDiffuse = vec3( 0.0 );",
- "vec3 dirSpecular = vec3( 0.0 );",
- "for( int i = 0; i < MAX_DIR_LIGHTS; i++ ) {",
- "vec4 lDirection = viewMatrix * vec4( directionalLightDirection[ i ], 0.0 );",
- "vec3 dirVector = normalize( lDirection.xyz );",
- // diffuse
- "#ifdef WRAP_AROUND",
- "float directionalLightWeightingFull = max( dot( normal, dirVector ), 0.0 );",
- "float directionalLightWeightingHalf = max( 0.5 * dot( normal, dirVector ) + 0.5, 0.0 );",
- "vec3 dirDiffuseWeight = mix( vec3( directionalLightWeightingFull ), vec3( directionalLightWeightingHalf ), wrapRGB );",
- "#else",
- "float dirDiffuseWeight = max( dot( normal, dirVector ), 0.0 );",
- "#endif",
- "dirDiffuse += directionalLightColor[ i ] * uDiffuseColor * dirDiffuseWeight;",
- // specular
- "vec3 dirHalfVector = normalize( dirVector + viewPosition );",
- "float dirDotNormalHalf = max( dot( normal, dirHalfVector ), 0.0 );",
- "float dirSpecularWeight = specularTex.r * max( pow( dirDotNormalHalf, uShininess ), 0.0 );",
- "#ifdef PHYSICALLY_BASED_SHADING",
- // 2.0 => 2.0001 is hack to work around ANGLE bug
- "float specularNormalization = ( uShininess + 2.0001 ) / 8.0;",
- "vec3 schlick = uSpecularColor + vec3( 1.0 - uSpecularColor ) * pow( 1.0 - dot( dirVector, dirHalfVector ), 5.0 );",
- "dirSpecular += schlick * directionalLightColor[ i ] * dirSpecularWeight * dirDiffuseWeight * specularNormalization;",
- "#else",
- "dirSpecular += directionalLightColor[ i ] * uSpecularColor * dirSpecularWeight * dirDiffuseWeight;",
- "#endif",
- "}",
- "#endif",
- // all lights contribution summation
- "vec3 totalDiffuse = vec3( 0.0 );",
- "vec3 totalSpecular = vec3( 0.0 );",
- "#if MAX_DIR_LIGHTS > 0",
- "totalDiffuse += dirDiffuse;",
- "totalSpecular += dirSpecular;",
- "#endif",
- "#if MAX_POINT_LIGHTS > 0",
- "totalDiffuse += pointDiffuse;",
- "totalSpecular += pointSpecular;",
- "#endif",
- "gl_FragColor.xyz = gl_FragColor.xyz * ( totalDiffuse + ambientLightColor * uAmbientColor) + totalSpecular;",
- "if ( enableReflection ) {",
- "vec3 wPos = cameraPosition - vViewPosition;",
- "vec3 vReflect = reflect( normalize( wPos ), normal );",
- "vec4 cubeColor = textureCube( tCube, vec3( -vReflect.x, vReflect.yz ) );",
- "#ifdef GAMMA_INPUT",
- "cubeColor.xyz *= cubeColor.xyz;",
- "#endif",
- "gl_FragColor.xyz = mix( gl_FragColor.xyz, cubeColor.xyz, specularTex.r * uReflectivity );",
- "}",
- THREE.ShaderChunk[ "shadowmap_fragment" ],
- THREE.ShaderChunk[ "linear_to_gamma_fragment" ],
- THREE.ShaderChunk[ "fog_fragment" ],
- "}"
- ].join("\n"),
- vertexShader: [
- "attribute vec4 tangent;",
- "uniform vec2 uOffset;",
- "uniform vec2 uRepeat;",
- "#ifdef VERTEX_TEXTURES",
- "uniform sampler2D tDisplacement;",
- "uniform float uDisplacementScale;",
- "uniform float uDisplacementBias;",
- "#endif",
- "varying vec3 vTangent;",
- "varying vec3 vBinormal;",
- "varying vec3 vNormal;",
- "varying vec2 vUv;",
- "#if MAX_POINT_LIGHTS > 0",
- "uniform vec3 pointLightPosition[ MAX_POINT_LIGHTS ];",
- "uniform float pointLightDistance[ MAX_POINT_LIGHTS ];",
- "varying vec4 vPointLight[ MAX_POINT_LIGHTS ];",
- "#endif",
- "varying vec3 vViewPosition;",
- THREE.ShaderChunk[ "shadowmap_pars_vertex" ],
- "void main() {",
- "vec4 mvPosition = modelViewMatrix * vec4( position, 1.0 );",
- "vViewPosition = -mvPosition.xyz;",
- // normal, tangent and binormal vectors
- "vNormal = normalMatrix * normal;",
- "vTangent = normalMatrix * tangent.xyz;",
- "vBinormal = cross( vNormal, vTangent ) * tangent.w;",
- "vUv = uv * uRepeat + uOffset;",
- // point lights
- "#if MAX_POINT_LIGHTS > 0",
- "for( int i = 0; i < MAX_POINT_LIGHTS; i++ ) {",
- "vec4 lPosition = viewMatrix * vec4( pointLightPosition[ i ], 1.0 );",
- "vec3 lVector = lPosition.xyz - mvPosition.xyz;",
- "float lDistance = 1.0;",
- "if ( pointLightDistance[ i ] > 0.0 )",
- "lDistance = 1.0 - min( ( length( lVector ) / pointLightDistance[ i ] ), 1.0 );",
- "lVector = normalize( lVector );",
- "vPointLight[ i ] = vec4( lVector, lDistance );",
- "}",
- "#endif",
- // displacement mapping
- "#ifdef VERTEX_TEXTURES",
- "vec3 dv = texture2D( tDisplacement, uv ).xyz;",
- "float df = uDisplacementScale * dv.x + uDisplacementBias;",
- "vec4 displacedPosition = vec4( normalize( vNormal.xyz ) * df, 0.0 ) + mvPosition;",
- "gl_Position = projectionMatrix * displacedPosition;",
- "#else",
- "gl_Position = projectionMatrix * mvPosition;",
- "#endif",
- THREE.ShaderChunk[ "shadowmap_vertex" ],
- "}"
- ].join("\n")
- },
- /* -------------------------------------------------------------------------
- // Cube map shader
- ------------------------------------------------------------------------- */
- 'cube': {
- uniforms: { "tCube": { type: "t", value: 1, texture: null },
- "tFlip": { type: "f", value: -1 } },
- vertexShader: [
- "varying vec3 vViewPosition;",
- "void main() {",
- "vec4 mPosition = objectMatrix * vec4( position, 1.0 );",
- "vViewPosition = cameraPosition - mPosition.xyz;",
- "gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );",
- "}"
- ].join("\n"),
- fragmentShader: [
- "uniform samplerCube tCube;",
- "uniform float tFlip;",
- "varying vec3 vViewPosition;",
- "void main() {",
- "vec3 wPos = cameraPosition - vViewPosition;",
- "gl_FragColor = textureCube( tCube, vec3( tFlip * wPos.x, wPos.yz ) );",
- "}"
- ].join("\n")
- }
- }
- };
- };/**
- * @author alteredq / http://alteredqualia.com/
- */
- THREE.BufferGeometry = function () {
- this.id = THREE.GeometryCount ++;
- // GL buffers
- this.vertexIndexBuffer = null;
- this.vertexPositionBuffer = null;
- this.vertexNormalBuffer = null;
- this.vertexUvBuffer = null;
- this.vertexColorBuffer = null;
- // typed arrays (kept only if dynamic flag is set)
- this.vertexIndexArray = null;
- this.vertexPositionArray = null;
- this.vertexNormalArray = null;
- this.vertexUvArray = null;
- this.vertexColorArray = null;
- this.dynamic = false;
- // boundings
- this.boundingBox = null;
- this.boundingSphere = null;
- // for compatibility
- this.morphTargets = [];
- };
- THREE.BufferGeometry.prototype = {
- constructor : THREE.BufferGeometry,
- // for compatibility
- computeBoundingBox: function () {
- },
- // for compatibility
- computeBoundingSphere: function () {
- }
- };
- /**
- * @author zz85 / http://www.lab4games.net/zz85/blog
- * Extensible curve object
- *
- * Some common of Curve methods
- * .getPoint(t), getTangent(t)
- * .getPointAt(u), getTagentAt(u)
- * .getPoints(), .getSpacedPoints()
- * .getLength()
- *
- * This file contains following classes:
- *
- * -- 2d classes --
- * THREE.Curve
- * THREE.LineCurve
- * THREE.QuadraticBezierCurve
- * THREE.CubicBezierCurve
- * THREE.SplineCurve
- * THREE.ArcCurve
- *
- * -- 3d classes --
- * THREE.LineCurve3
- * THREE.QuadraticBezierCurve3
- * THREE.CubicBezierCurve3
- * THREE.SplineCurve3
- * THREE.ClosedSplineCurve3
- *
- **/
- /**************************************************************
- * Abstract Curve base class
- **************************************************************/
- THREE.Curve = function () {
- };
- // Virtual base class method to overwrite and implement in subclasses
- // - t [0 .. 1]
- THREE.Curve.prototype.getPoint = function ( t ) {
- console.log( "Warning, getPoint() not implemented!" );
- return null;
- };
- // Get point at relative position in curve according to arc length
- // - u [0 .. 1]
- THREE.Curve.prototype.getPointAt = function ( u ) {
- var t = this.getUtoTmapping( u );
- return this.getPoint( t );
- };
- // Get sequence of points using getPoint( t )
- THREE.Curve.prototype.getPoints = function ( divisions ) {
- if ( !divisions ) divisions = 5;
- var d, pts = [];
- for ( d = 0; d <= divisions; d ++ ) {
- pts.push( this.getPoint( d / divisions ) );
- };
- return pts;
- };
- // Get sequence of points using getPointAt( u )
- THREE.Curve.prototype.getSpacedPoints = function ( divisions ) {
- if ( !divisions ) divisions = 5;
- var d, pts = [];
- for ( d = 0; d <= divisions; d ++ ) {
- pts.push( this.getPointAt( d / divisions ) );
- };
- return pts;
- };
- // Get total curve length
- THREE.Curve.prototype.getLength = function () {
- var lengths = this.getLengths();
- return lengths[ lengths.length - 1 ];
- };
- // Get list of cumulative segment lengths
- THREE.Curve.prototype.getLengths = function ( divisions ) {
- if ( !divisions ) divisions = (this.__arcLengthDivisions) ? (this.__arcLengthDivisions): 200;
- if ( this.cacheArcLengths
- && ( this.cacheArcLengths.length == divisions + 1 )
- && !this.needsUpdate) {
- //console.log( "cached", this.cacheArcLengths );
- return this.cacheArcLengths;
- }
- this.needsUpdate = false;
- var cache = [];
- var current, last = this.getPoint( 0 );
- var p, sum = 0;
- cache.push( 0 );
- for ( 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.
- };
- THREE.Curve.prototype.updateArcLengths = function() {
- this.needsUpdate = true;
- this.getLengths();
- };
- // Given u ( 0 .. 1 ), get a t to find p. This gives you points which are equi distance
- THREE.Curve.prototype.getUtoTmapping = function ( u, distance ) {
- var arcLengths = this.getLengths();
- var i = 0, il = arcLengths.length;
- var targetArcLength; // The targeted u distance value to get
- if ( distance ) {
- targetArcLength = distance;
- } else {
- targetArcLength = u * arcLengths[ il - 1 ];
- }
- //var time = Date.now();
- // binary search for the index with largest value smaller than target u distance
- var 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;
- continue;
- } else if ( comparison > 0 ) {
- high = i - 1;
- continue;
- } else {
- high = i;
- break;
- // DONE
- }
- }
- i = high;
- //console.log('b' , i, low, high, Date.now()- time);
- if ( arcLengths[ i ] == targetArcLength ) {
- var t = i / ( il - 1 );
- return t;
- }
- // we could get finer grain at lengths, or use simple interpolatation between two points
- var lengthBefore = arcLengths[ i ];
- var lengthAfter = arcLengths[ i + 1 ];
- var segmentLength = lengthAfter - lengthBefore;
- // determine where we are between the 'before' and 'after' points
- var segmentFraction = ( targetArcLength - lengthBefore ) / segmentLength;
- // add that fractional amount to t
- t = ( i + segmentFraction ) / ( il -1 );
- return t;
- };
- // In case any sub curve does not implement its tangent / normal finding,
- // we get 2 points with a small delta and find a gradient of the 2 points
- // which seems to make a reasonable approximation
- THREE.Curve.prototype.getNormalVector = function( t ) {
- var vec = this.getTangent( t );
- return new THREE.Vector2( -vec.y , vec.x );
- };
- // Returns a unit vector tangent at t
- THREE.Curve.prototype.getTangent = function( t ) {
- var delta = 0.0001;
- var t1 = t - delta;
- var t2 = t + delta;
- // Capping in case of danger
- if ( t1 < 0 ) t1 = 0;
- if ( t2 > 1 ) t2 = 1;
- var pt1 = this.getPoint( t1 );
- var pt2 = this.getPoint( t2 );
-
- var vec = pt2.clone().subSelf(pt1);
- return vec.normalize();
- };
- THREE.Curve.prototype.getTangentAt = function ( u ) {
- var t = this.getUtoTmapping( u );
- return this.getTangent( t );
- };
- /**************************************************************
- * Line
- **************************************************************/
- THREE.LineCurve = function ( v1, v2 ) {
- if ( ! ( v1 instanceof THREE.Vector2 ) ) {
- // Fall back for old constuctor signature - should be removed over time
- THREE.LineCurve.oldConstructor.apply( this, arguments );
- return;
- }
- this.v1 = v1;
- this.v2 = v2;
- };
- THREE.LineCurve.oldConstructor = function ( x1, y1, x2, y2 ) {
- this.constructor( new THREE.Vector2( x1, y1 ), new THREE.Vector2( x2, y2 ) );
- };
- THREE.LineCurve.prototype = new THREE.Curve();
- THREE.LineCurve.prototype.constructor = THREE.LineCurve;
- THREE.LineCurve.prototype.getPoint = function ( t ) {
- var point = new THREE.Vector2();
- point.sub( this.v2, this.v1 );
- point.multiplyScalar( t ).addSelf( this.v1 );
- return point;
- };
- // Line curve is linear, so we can overwrite default getPointAt
- THREE.LineCurve.prototype.getPointAt = function ( u ) {
- return this.getPoint( u );
- };
- THREE.LineCurve.prototype.getTangent = function( t ) {
- var tangent = new THREE.Vector2();
- tangent.sub( this.v2, this.v1 );
- tangent.normalize();
- return tangent;
- };
- /**************************************************************
- * Quadratic Bezier curve
- **************************************************************/
- THREE.QuadraticBezierCurve = function ( v0, v1, v2 ) {
- if ( !( v1 instanceof THREE.Vector2 ) ) {
- var args = Array.prototype.slice.call( arguments );
- v0 = new THREE.Vector2( args[ 0 ], args[ 1 ] );
- v1 = new THREE.Vector2( args[ 2 ], args[ 3 ] );
- v2 = new THREE.Vector2( args[ 4 ], args[ 5 ] );
- }
- this.v0 = v0;
- this.v1 = v1;
- this.v2 = v2;
- };
- THREE.QuadraticBezierCurve.prototype = new THREE.Curve();
- THREE.QuadraticBezierCurve.prototype.constructor = THREE.QuadraticBezierCurve;
- THREE.QuadraticBezierCurve.prototype.getPoint = function ( t ) {
- var tx, ty;
- tx = THREE.Shape.Utils.b2( t, this.v0.x, this.v1.x, this.v2.x );
- ty = THREE.Shape.Utils.b2( t, this.v0.y, this.v1.y, this.v2.y );
- return new THREE.Vector2( tx, ty );
- };
- THREE.QuadraticBezierCurve.prototype.getTangent = function( t ) {
- // iterate sub segments
- // get lengths for sub segments
- // if segment is bezier
- // perform subdivisions
- var tx, ty;
- tx = THREE.Curve.Utils.tangentQuadraticBezier( t, this.v0.x, this.v1.x, this.v2.x );
- ty = THREE.Curve.Utils.tangentQuadraticBezier( t, this.v0.y, this.v1.y, this.v2.y );
- // returns unit vector
- var tangent = new THREE.Vector2( tx, ty );
- tangent.normalize();
- return tangent;
- };
- /**************************************************************
- * Cubic Bezier curve
- **************************************************************/
- THREE.CubicBezierCurve = function ( v0, v1, v2, v3 ) {
- if ( ! ( v1 instanceof THREE.Vector2 ) ) {
- var args = Array.prototype.slice.call( arguments );
- v0 = new THREE.Vector2( args[ 0 ], args[ 1 ] );
- v1 = new THREE.Vector2( args[ 2 ], args[ 3 ] );
- v2 = new THREE.Vector2( args[ 4 ], args[ 5 ] );
- v3 = new THREE.Vector2( args[ 6 ], args[ 7 ] );
- }
- this.v0 = v0;
- this.v1 = v1;
- this.v2 = v2;
- this.v3 = v3;
- };
- THREE.CubicBezierCurve.prototype = new THREE.Curve();
- THREE.CubicBezierCurve.prototype.constructor = THREE.CubicBezierCurve;
- THREE.CubicBezierCurve.prototype.getPoint = function ( t ) {
- var tx, ty;
- tx = THREE.Shape.Utils.b3( t, this.v0.x, this.v1.x, this.v2.x, this.v3.x );
- ty = THREE.Shape.Utils.b3( t, this.v0.y, this.v1.y, this.v2.y, this.v3.y );
- return new THREE.Vector2( tx, ty );
- };
- THREE.CubicBezierCurve.prototype.getTangent = function( t ) {
- var tx, ty;
- tx = THREE.Curve.Utils.tangentCubicBezier( t, this.v0.x, this.v1.x, this.v2.x, this.v3.x );
- ty = THREE.Curve.Utils.tangentCubicBezier( t, this.v0.y, this.v1.y, this.v2.y, this.v3.y );
- // return normal unit vector
- var tangent = new THREE.Vector2( tx, ty );
- tangent.normalize();
- return tangent;
- };
- /**************************************************************
- * Spline curve
- **************************************************************/
- THREE.SplineCurve = function ( points /* array of Vector2 */ ) {
- this.points = (points == undefined) ? [] : points;
- };
- THREE.SplineCurve.prototype = new THREE.Curve();
- THREE.SplineCurve.prototype.constructor = THREE.SplineCurve;
- THREE.SplineCurve.prototype.getPoint = function ( t ) {
- var v = new THREE.Vector2();
- var c = [];
- var points = this.points, point, intPoint, weight;
- point = ( points.length - 1 ) * t;
- intPoint = Math.floor( point );
- weight = point - intPoint;
- c[ 0 ] = intPoint == 0 ? intPoint : intPoint - 1;
- c[ 1 ] = intPoint;
- c[ 2 ] = intPoint > points.length - 2 ? points.length -1 : intPoint + 1;
- c[ 3 ] = intPoint > points.length - 3 ? points.length -1 : intPoint + 2;
- v.x = THREE.Curve.Utils.interpolate( points[ c[ 0 ] ].x, points[ c[ 1 ] ].x, points[ c[ 2 ] ].x, points[ c[ 3 ] ].x, weight );
- v.y = THREE.Curve.Utils.interpolate( points[ c[ 0 ] ].y, points[ c[ 1 ] ].y, points[ c[ 2 ] ].y, points[ c[ 3 ] ].y, weight );
- return v;
- };
- /**************************************************************
- * Arc curve
- **************************************************************/
- THREE.ArcCurve = function ( aX, aY, aRadius,
- aStartAngle, aEndAngle,
- aClockwise ) {
- this.aX = aX;
- this.aY = aY;
- this.aRadius = aRadius;
- this.aStartAngle = aStartAngle;
- this.aEndAngle = aEndAngle;
- this.aClockwise = aClockwise;
- };
- THREE.ArcCurve.prototype = new THREE.Curve();
- THREE.ArcCurve.prototype.constructor = THREE.ArcCurve;
- THREE.ArcCurve.prototype.getPoint = function ( t ) {
- var deltaAngle = this.aEndAngle - this.aStartAngle;
- if ( !this.aClockwise ) {
- t = 1 - t;
- }
- var angle = this.aStartAngle + t * deltaAngle;
- var tx = this.aX + this.aRadius * Math.cos( angle );
- var ty = this.aY + this.aRadius * Math.sin( angle );
- return new THREE.Vector2( tx, ty );
- };
- /**************************************************************
- * Utils
- **************************************************************/
- THREE.Curve.Utils = {
- tangentQuadraticBezier: function ( t, p0, p1, p2 ) {
- return 2 * ( 1 - t ) * ( p1 - p0 ) + 2 * t * ( p2 - p1 );
- },
- // Puay Bing, thanks for helping with this derivative!
- tangentCubicBezier: function (t, p0, p1, p2, p3 ) {
- return -3 * p0 * (1 - t) * (1 - t) +
- 3 * p1 * (1 - t) * (1-t) - 6 *t *p1 * (1-t) +
- 6 * t * p2 * (1-t) - 3 * t * t * p2 +
- 3 * t * t * p3;
- },
- tangentSpline: function ( t, p0, p1, p2, p3 ) {
- // To check if my formulas are correct
- var h00 = 6 * t * t - 6 * t; // derived from 2t^3 − 3t^2 + 1
- var h10 = 3 * t * t - 4 * t + 1; // t^3 − 2t^2 + t
- var h01 = -6 * t * t + 6 * t; // − 2t3 + 3t2
- var h11 = 3 * t * t - 2 * t; // t3 − t2
- return h00 + h10 + h01 + h11;
- },
- // Catmull-Rom
- interpolate: function( p0, p1, p2, p3, t ) {
- var v0 = ( p2 - p0 ) * 0.5;
- var v1 = ( p3 - p1 ) * 0.5;
- var t2 = t * t;
- var t3 = t * t2;
- return ( 2 * p1 - 2 * p2 + v0 + v1 ) * t3 + ( - 3 * p1 + 3 * p2 - 2 * v0 - v1 ) * t2 + v0 * t + p1;
- }
- };
- /*
- getPoint DONE
- getLength DONE
- getLengths DONE
- curve.getPoints(); DONE
- curve.getPointAtArcLength(t); DONE
- curve.transform(params);
- curve.getTangentAt(t); DONE
- */
- /**************************************************************
- * 3D Curves
- **************************************************************/
- // A Factory method for creating new curve subclasses
- THREE.Curve.create = function( constructor, getPointFunc ) {
- var subClass = constructor;
- subClass.prototype = new THREE.Curve();
- subClass.prototype.constructor = constructor;
- subClass.prototype.getPoint = getPointFunc;
- return subClass;
- };
- /**************************************************************
- * Line3D
- **************************************************************/
- THREE.LineCurve3 = THREE.Curve.create(
- function ( v1, v2 ) {
- this.v1 = v1;
- this.v2 = v2;
- },
- function ( t ) {
- var r = new THREE.Vector3();
- r.sub( this.v2, this.v1 ); // diff
- r.multiplyScalar( t );
- r.addSelf( this.v1 );
- return r;
- }
- );
- /**************************************************************
- * Quadratic Bezier 3D curve
- **************************************************************/
- THREE.QuadraticBezierCurve3 = THREE.Curve.create(
- function ( v0, v1, v2 ) {
- this.v0 = v0;
- this.v1 = v1;
- this.v2 = v2;
- },
- function ( t ) {
- var tx, ty, tz;
- tx = THREE.Shape.Utils.b2( t, this.v0.x, this.v1.x, this.v2.x );
- ty = THREE.Shape.Utils.b2( t, this.v0.y, this.v1.y, this.v2.y );
- tz = THREE.Shape.Utils.b2( t, this.v0.z, this.v1.z, this.v2.z );
- return new THREE.Vector3( tx, ty, tz );
- }
- );
- /**************************************************************
- * Cubic Bezier 3D curve
- **************************************************************/
- THREE.CubicBezierCurve3 = THREE.Curve.create(
- function ( v0, v1, v2, v3 ) {
- this.v0 = v0;
- this.v1 = v1;
- this.v2 = v2;
- this.v3 = v3;
- },
- function ( t ) {
- var tx, ty, tz;
- tx = THREE.Shape.Utils.b3( t, this.v0.x, this.v1.x, this.v2.x, this.v3.x );
- ty = THREE.Shape.Utils.b3( t, this.v0.y, this.v1.y, this.v2.y, this.v3.y );
- tz = THREE.Shape.Utils.b3( t, this.v0.z, this.v1.z, this.v2.z, this.v3.z );
- return new THREE.Vector3( tx, ty, tz );
- }
- );
- /**************************************************************
- * Spline 3D curve
- **************************************************************/
- THREE.SplineCurve3 = THREE.Curve.create(
- function ( points /* array of Vector3 */) {
- this.points = (points == undefined) ? [] : points;
- },
- function ( t ) {
- var v = new THREE.Vector3();
- var c = [];
- var points = this.points, point, intPoint, weight;
- point = ( points.length - 1 ) * t;
- intPoint = Math.floor( point );
- weight = point - intPoint;
- c[ 0 ] = intPoint == 0 ? intPoint : intPoint - 1;
- c[ 1 ] = intPoint;
- c[ 2 ] = intPoint > points.length - 2 ? points.length - 1 : intPoint + 1;
- c[ 3 ] = intPoint > points.length - 3 ? points.length - 1 : intPoint + 2;
- var pt0 = points[ c[0] ],
- pt1 = points[ c[1] ],
- pt2 = points[ c[2] ],
- pt3 = points[ c[3] ];
- v.x = THREE.Curve.Utils.interpolate(pt0.x, pt1.x, pt2.x, pt3.x, weight);
- v.y = THREE.Curve.Utils.interpolate(pt0.y, pt1.y, pt2.y, pt3.y, weight);
- v.z = THREE.Curve.Utils.interpolate(pt0.z, pt1.z, pt2.z, pt3.z, weight);
- return v;
- }
- );
- // THREE.SplineCurve3.prototype.getTangent = function(t) {
- // var v = new THREE.Vector3();
- // var c = [];
- // var points = this.points, point, intPoint, weight;
- // point = ( points.length - 1 ) * t;
- // intPoint = Math.floor( point );
- // weight = point - intPoint;
- // c[ 0 ] = intPoint == 0 ? intPoint : intPoint - 1;
- // c[ 1 ] = intPoint;
- // c[ 2 ] = intPoint > points.length - 2 ? points.length - 1 : intPoint + 1;
- // c[ 3 ] = intPoint > points.length - 3 ? points.length - 1 : intPoint + 2;
- // var pt0 = points[ c[0] ],
- // pt1 = points[ c[1] ],
- // pt2 = points[ c[2] ],
- // pt3 = points[ c[3] ];
- // // t = weight;
- // v.x = THREE.Curve.Utils.tangentSpline( t, pt0.x, pt1.x, pt2.x, pt3.x );
- // v.y = THREE.Curve.Utils.tangentSpline( t, pt0.y, pt1.y, pt2.y, pt3.y );
- // v.z = THREE.Curve.Utils.tangentSpline( t, pt0.z, pt1.z, pt2.z, pt3.z );
- // return v;
-
- // }
- /**************************************************************
- * Closed Spline 3D curve
- **************************************************************/
- THREE.ClosedSplineCurve3 = THREE.Curve.create(
- function ( points /* array of Vector3 */) {
- this.points = (points == undefined) ? [] : points;
- },
- function ( t ) {
- var v = new THREE.Vector3();
- var c = [];
- var points = this.points, point, intPoint, weight;
- point = ( points.length - 0 ) * t;
- // This needs to be from 0-length +1
- intPoint = Math.floor( point );
- weight = point - intPoint;
-
- intPoint += intPoint > 0 ? 0 : ( Math.floor( Math.abs( intPoint ) / points.length ) + 1 ) * points.length;
- c[ 0 ] = ( intPoint - 1 ) % points.length;
- c[ 1 ] = ( intPoint ) % points.length;
- c[ 2 ] = ( intPoint + 1 ) % points.length;
- c[ 3 ] = ( intPoint + 2 ) % points.length;
- v.x = THREE.Curve.Utils.interpolate( points[ c[ 0 ] ].x, points[ c[ 1 ] ].x, points[ c[ 2 ] ].x, points[ c[ 3 ] ].x, weight );
- v.y = THREE.Curve.Utils.interpolate( points[ c[ 0 ] ].y, points[ c[ 1 ] ].y, points[ c[ 2 ] ].y, points[ c[ 3 ] ].y, weight );
- v.z = THREE.Curve.Utils.interpolate( points[ c[ 0 ] ].z, points[ c[ 1 ] ].z, points[ c[ 2 ] ].z, points[ c[ 3 ] ].z, weight );
-
- return v;
- }
- );/**
- * @author zz85 / http://www.lab4games.net/zz85/blog
- *
- **/
- /**************************************************************
- * Curved Path - a curve path is simply a array of connected
- * curves, but retains the api of a curve
- **************************************************************/
- THREE.CurvePath = function () {
- this.curves = [];
- this.bends = [];
-
- this.autoClose = false; // Automatically closes the path
- };
- THREE.CurvePath.prototype = new THREE.Curve();
- THREE.CurvePath.prototype.constructor = THREE.CurvePath;
- THREE.CurvePath.prototype.add = function ( curve ) {
- this.curves.push( curve );
- };
- THREE.CurvePath.prototype.checkConnection = function() {
- // TODO
- // If the ending of curve is not connected to the starting
- // or the next curve, then, this is not a real path
- };
- THREE.CurvePath.prototype.closePath = function() {
- // TODO Test
- // and verify for vector3 (needs to implement equals)
- // Add a line curve if start and end of lines are not connected
- var startPoint = this.curves[0].getPoint(0);
- var endPoint = this.curves[this.curves.length-1].getPoint(1);
-
- if (!startPoint.equals(endPoint)) {
- this.curves.push( new THREE.LineCurve(endPoint, startPoint) );
- }
-
- };
- // 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')
- THREE.CurvePath.prototype.getPoint = function( t ) {
- var d = t * this.getLength();
- var curveLengths = this.getCurveLengths();
- var i = 0, diff, curve;
- // To think about boundaries points.
- while ( i < curveLengths.length ) {
- if ( curveLengths[ i ] >= d ) {
- diff = curveLengths[ i ] - d;
- curve = this.curves[ i ];
- var u = 1 - diff / curve.getLength();
- return curve.getPointAt( u );
- break;
- }
- i ++;
- }
- return null;
- // loop where sum != 0, sum > d , sum+1 <d
- };
- /*
- THREE.CurvePath.prototype.getTangent = function( t ) {
- };*/
- // 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
- THREE.CurvePath.prototype.getLength = function() {
- var lens = this.getCurveLengths();
- return lens[ lens.length - 1 ];
- };
- // Compute lengths and cache them
- // We cannot overwrite getLengths() because UtoT mapping uses it.
- THREE.CurvePath.prototype.getCurveLengths = function() {
- // 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 subsurve
- // Push sums into cached array
- var lengths = [], sums = 0;
- var i, il = this.curves.length;
- for ( i = 0; i < il; i ++ ) {
- sums += this.curves[ i ].getLength();
- lengths.push( sums );
- }
- this.cacheLengths = lengths;
- return lengths;
- };
- // Returns min and max coordinates, as well as centroid
- THREE.CurvePath.prototype.getBoundingBox = function () {
- var points = this.getPoints();
- var maxX, maxY;
- var minX, minY;
- maxX = maxY = Number.NEGATIVE_INFINITY;
- minX = minY = Number.POSITIVE_INFINITY;
- var p, i, il, sum;
- sum = new THREE.Vector2();
- for ( i = 0, il = points.length; i < il; i ++ ) {
- p = points[ i ];
- if ( p.x > maxX ) maxX = p.x;
- else if ( p.x < minX ) minX = p.x;
- if ( p.y > maxY ) maxY = p.y;
- else if ( p.y < maxY ) minY = p.y;
- sum.addSelf( p.x, p.y );
- }
- return {
- minX: minX,
- minY: minY,
- maxX: maxX,
- maxY: maxY,
- centroid: sum.divideScalar( il )
- };
- };
- /**************************************************************
- * Create Geometries Helpers
- **************************************************************/
- /// Generate geometry from path points (for Line or ParticleSystem objects)
- THREE.CurvePath.prototype.createPointsGeometry = function( divisions ) {
- var pts = this.getPoints( divisions, true );
- return this.createGeometry( pts );
- };
- // Generate geometry from equidistance sampling along the path
- THREE.CurvePath.prototype.createSpacedPointsGeometry = function( divisions ) {
- var pts = this.getSpacedPoints( divisions, true );
- return this.createGeometry( pts );
- };
- THREE.CurvePath.prototype.createGeometry = function( points ) {
- var geometry = new THREE.Geometry();
- for( var i = 0; i < points.length; i ++ ) {
- geometry.vertices.push( new THREE.Vertex( new THREE.Vector3( points[ i ].x, points[ i ].y, 0 ) ) );
- }
- return geometry;
- };
- /**************************************************************
- * Bend / Wrap Helper Methods
- **************************************************************/
- // Wrap path / Bend modifiers?
- THREE.CurvePath.prototype.addWrapPath = function ( bendpath ) {
- this.bends.push( bendpath );
- };
- THREE.CurvePath.prototype.getTransformedPoints = function( segments, bends ) {
- var oldPts = this.getPoints( segments ); // getPoints getSpacedPoints
- var i, il;
- if ( !bends ) {
- bends = this.bends;
- }
- for ( i = 0, il = bends.length; i < il; i ++ ) {
- oldPts = this.getWrapPoints( oldPts, bends[ i ] );
- }
- return oldPts;
- };
- THREE.CurvePath.prototype.getTransformedSpacedPoints = function( segments, bends ) {
- var oldPts = this.getSpacedPoints( segments );
- var i, il;
- if ( !bends ) {
- bends = this.bends;
- }
- for ( i = 0, il = bends.length; i < il; i ++ ) {
- oldPts = this.getWrapPoints( oldPts, bends[ i ] );
- }
- return oldPts;
- };
- // This returns getPoints() bend/wrapped around the contour of a path.
- // Read http://www.planetclegg.com/projects/WarpingTextToSplines.html
- THREE.CurvePath.prototype.getWrapPoints = function ( oldPts, path ) {
- var bounds = this.getBoundingBox();
- var i, il, p, oldX, oldY, xNorm;
- for ( i = 0, il = oldPts.length; i < il; i ++ ) {
- p = oldPts[ i ];
- oldX = p.x;
- oldY = p.y;
- xNorm = oldX / bounds.maxX;
- // If using actual distance, for length > path, requires line extrusions
- //xNorm = path.getUtoTmapping(xNorm, oldX); // 3 styles. 1) wrap stretched. 2) wrap stretch by arc length 3) warp by actual distance
- xNorm = path.getUtoTmapping( xNorm, oldX );
- // check for out of bounds?
- var pathPt = path.getPoint( xNorm );
- var normal = path.getNormalVector( xNorm ).multiplyScalar( oldY );
- p.x = pathPt.x + normal.x;
- p.y = pathPt.y + normal.y;
- }
- return oldPts;
- };
- /**
- * https://github.com/mrdoob/eventtarget.js/
- */
- THREE.EventTarget = function () {
- var listeners = {};
- this.addEventListener = function ( type, listener ) {
- if ( listeners[ type ] == undefined ) {
- listeners[ type ] = [];
- }
- if ( listeners[ type ].indexOf( listener ) === - 1 ) {
- listeners[ type ].push( listener );
- }
- };
- this.dispatchEvent = function ( event ) {
- for ( var listener in listeners[ event.type ] ) {
- listeners[ event.type ][ listener ]( event );
- }
- };
- this.removeEventListener = function ( type, listener ) {
- var index = listeners[ type ].indexOf( listener );
- if ( index !== - 1 ) {
- listeners[ type ].splice( index, 1 );
- }
- };
- };
- /**
- * @author alteredq / http://alteredqualia.com/
- */
- THREE.Gyroscope = function () {
- THREE.Object3D.call( this );
- };
- THREE.Gyroscope.prototype = new THREE.Object3D();
- THREE.Gyroscope.prototype.constructor = THREE.Gyroscope;
- THREE.Gyroscope.prototype.updateMatrixWorld = function ( force ) {
- this.matrixAutoUpdate && this.updateMatrix();
- // update matrixWorld
- if ( this.matrixWorldNeedsUpdate || force ) {
- if ( this.parent ) {
- this.matrixWorld.multiply( this.parent.matrixWorld, this.matrix );
- this.matrixWorld.decompose( this.translationWorld, this.rotationWorld, this.scaleWorld );
- this.matrix.decompose( this.translationObject, this.rotationObject, this.scaleObject );
- this.matrixWorld.compose( this.translationWorld, this.rotationObject, this.scaleWorld );
- } else {
- this.matrixWorld.copy( this.matrix );
- }
- this.matrixWorldNeedsUpdate = false;
- force = true;
- }
- // update children
- for ( var i = 0, l = this.children.length; i < l; i ++ ) {
- this.children[ i ].updateMatrixWorld( force );
- }
- };
- THREE.Gyroscope.prototype.translationWorld = new THREE.Vector3();
- THREE.Gyroscope.prototype.translationObject = new THREE.Vector3();
- THREE.Gyroscope.prototype.rotationWorld = new THREE.Quaternion();
- THREE.Gyroscope.prototype.rotationObject = new THREE.Quaternion();
- THREE.Gyroscope.prototype.scaleWorld = new THREE.Vector3();
- THREE.Gyroscope.prototype.scaleObject = new THREE.Vector3();
- /**
- * @author zz85 / http://www.lab4games.net/zz85/blog
- * Creates free form 2d path using series of points, lines or curves.
- *
- **/
- THREE.Path = function ( points ) {
- THREE.CurvePath.call(this);
- this.actions = [];
- if ( points ) {
- this.fromPoints( points );
- }
- };
- THREE.Path.prototype = new THREE.CurvePath();
- THREE.Path.prototype.constructor = THREE.Path;
- THREE.PathActions = {
- MOVE_TO: 'moveTo',
- LINE_TO: 'lineTo',
- QUADRATIC_CURVE_TO: 'quadraticCurveTo', // Bezier quadratic curve
- BEZIER_CURVE_TO: 'bezierCurveTo', // Bezier cubic curve
- CSPLINE_THRU: 'splineThru', // Catmull-rom spline
- ARC: 'arc' // Circle
- };
- // TODO Clean up PATH API
- // Create path using straight lines to connect all points
- // - vectors: array of Vector2
- THREE.Path.prototype.fromPoints = function ( vectors ) {
- this.moveTo( vectors[ 0 ].x, vectors[ 0 ].y );
- for ( var v = 1, vlen = vectors.length; v < vlen; v ++ ) {
- this.lineTo( vectors[ v ].x, vectors[ v ].y );
- };
- };
- // startPath() endPath()?
- THREE.Path.prototype.moveTo = function ( x, y ) {
- var args = Array.prototype.slice.call( arguments );
- this.actions.push( { action: THREE.PathActions.MOVE_TO, args: args } );
- };
- THREE.Path.prototype.lineTo = function ( x, y ) {
- var args = Array.prototype.slice.call( arguments );
- var lastargs = this.actions[ this.actions.length - 1 ].args;
- var x0 = lastargs[ lastargs.length - 2 ];
- var y0 = lastargs[ lastargs.length - 1 ];
- var curve = new THREE.LineCurve( new THREE.Vector2( x0, y0 ), new THREE.Vector2( x, y ) );
- this.curves.push( curve );
- this.actions.push( { action: THREE.PathActions.LINE_TO, args: args } );
- };
- THREE.Path.prototype.quadraticCurveTo = function( aCPx, aCPy, aX, aY ) {
- var args = Array.prototype.slice.call( arguments );
- var lastargs = this.actions[ this.actions.length - 1 ].args;
- var x0 = lastargs[ lastargs.length - 2 ];
- var y0 = lastargs[ lastargs.length - 1 ];
- var curve = new THREE.QuadraticBezierCurve( new THREE.Vector2( x0, y0 ),
- new THREE.Vector2( aCPx, aCPy ),
- new THREE.Vector2( aX, aY ) );
- this.curves.push( curve );
- this.actions.push( { action: THREE.PathActions.QUADRATIC_CURVE_TO, args: args } );
- };
- THREE.Path.prototype.bezierCurveTo = function( aCP1x, aCP1y,
- aCP2x, aCP2y,
- aX, aY ) {
- var args = Array.prototype.slice.call( arguments );
- var lastargs = this.actions[ this.actions.length - 1 ].args;
- var x0 = lastargs[ lastargs.length - 2 ];
- var y0 = lastargs[ lastargs.length - 1 ];
- var curve = new THREE.CubicBezierCurve( new THREE.Vector2( x0, y0 ),
- new THREE.Vector2( aCP1x, aCP1y ),
- new THREE.Vector2( aCP2x, aCP2y ),
- new THREE.Vector2( aX, aY ) );
- this.curves.push( curve );
- this.actions.push( { action: THREE.PathActions.BEZIER_CURVE_TO, args: args } );
- };
- THREE.Path.prototype.splineThru = function( pts /*Array of Vector*/ ) {
- var args = Array.prototype.slice.call( arguments );
- var lastargs = this.actions[ this.actions.length - 1 ].args;
- var x0 = lastargs[ lastargs.length - 2 ];
- var y0 = lastargs[ lastargs.length - 1 ];
- //---
- var npts = [ new THREE.Vector2( x0, y0 ) ];
- Array.prototype.push.apply( npts, pts );
- var curve = new THREE.SplineCurve( npts );
- this.curves.push( curve );
- this.actions.push( { action: THREE.PathActions.CSPLINE_THRU, args: args } );
- };
- // FUTURE: Change the API or follow canvas API?
- // TODO ARC ( x, y, x - radius, y - radius, startAngle, endAngle )
- THREE.Path.prototype.arc = function ( aX, aY, aRadius,
- aStartAngle, aEndAngle, aClockwise ) {
- var args = Array.prototype.slice.call( arguments );
- var laste = this.actions[ this.actions.length - 1];
- var curve = new THREE.ArcCurve( laste.x + aX, laste.y + aY, aRadius,
- aStartAngle, aEndAngle, aClockwise );
- this.curves.push( curve );
- // All of the other actions look to the last two elements in the list to
- // find the ending point, so we need to append them.
- var lastPoint = curve.getPoint(aClockwise ? 1 : 0);
- args.push(lastPoint.x);
- args.push(lastPoint.y);
- this.actions.push( { action: THREE.PathActions.ARC, args: args } );
- };
- THREE.Path.prototype.absarc = function ( aX, aY, aRadius,
- aStartAngle, aEndAngle, aClockwise ) {
- var args = Array.prototype.slice.call( arguments );
- var curve = new THREE.ArcCurve( aX, aY, aRadius,
- aStartAngle, aEndAngle, aClockwise );
- this.curves.push( curve );
- // console.log( 'arc', args );
- // All of the other actions look to the last two elements in the list to
- // find the ending point, so we need to append them.
- var lastPoint = curve.getPoint(aClockwise ? 1 : 0);
- args.push(lastPoint.x);
- args.push(lastPoint.y);
- this.actions.push( { action: THREE.PathActions.ARC, args: args } );
- };
- THREE.Path.prototype.getSpacedPoints = function ( divisions, closedPath ) {
- if ( ! divisions ) divisions = 40;
- var points = [];
- for ( var i = 0; i < divisions; i ++ ) {
- points.push( this.getPoint( i / divisions ) );
- //if( !this.getPoint( i / divisions ) ) throw "DIE";
- }
- // if ( closedPath ) {
- //
- // points.push( points[ 0 ] );
- //
- // }
- return points;
- };
- /* Return an array of vectors based on contour of the path */
- THREE.Path.prototype.getPoints = function( divisions, closedPath ) {
- if (this.useSpacedPoints) {
- console.log('tata');
- return this.getSpacedPoints( divisions, closedPath );
- }
- divisions = divisions || 12;
- var points = [];
- var i, il, item, action, args;
- var cpx, cpy, cpx2, cpy2, cpx1, cpy1, cpx0, cpy0,
- laste, j,
- t, tx, ty;
- for ( i = 0, il = this.actions.length; i < il; i ++ ) {
- item = this.actions[ i ];
- action = item.action;
- args = item.args;
- switch( action ) {
- case THREE.PathActions.MOVE_TO:
- points.push( new THREE.Vector2( args[ 0 ], args[ 1 ] ) );
- break;
- case THREE.PathActions.LINE_TO:
- points.push( new THREE.Vector2( args[ 0 ], args[ 1 ] ) );
- break;
- case THREE.PathActions.QUADRATIC_CURVE_TO:
- cpx = args[ 2 ];
- cpy = args[ 3 ];
- cpx1 = args[ 0 ];
- cpy1 = args[ 1 ];
- if ( points.length > 0 ) {
- laste = points[ points.length - 1 ];
- cpx0 = laste.x;
- cpy0 = laste.y;
- } else {
- laste = this.actions[ i - 1 ].args;
- cpx0 = laste[ laste.length - 2 ];
- cpy0 = laste[ laste.length - 1 ];
- }
- for ( j = 1; j <= divisions; j ++ ) {
- t = j / divisions;
- tx = THREE.Shape.Utils.b2( t, cpx0, cpx1, cpx );
- ty = THREE.Shape.Utils.b2( t, cpy0, cpy1, cpy );
- points.push( new THREE.Vector2( tx, ty ) );
- }
- break;
- case THREE.PathActions.BEZIER_CURVE_TO:
- cpx = args[ 4 ];
- cpy = args[ 5 ];
- cpx1 = args[ 0 ];
- cpy1 = args[ 1 ];
- cpx2 = args[ 2 ];
- cpy2 = args[ 3 ];
- if ( points.length > 0 ) {
- laste = points[ points.length - 1 ];
- cpx0 = laste.x;
- cpy0 = laste.y;
- } else {
- laste = this.actions[ i - 1 ].args;
- cpx0 = laste[ laste.length - 2 ];
- cpy0 = laste[ laste.length - 1 ];
- }
- for ( j = 1; j <= divisions; j ++ ) {
- t = j / divisions;
- tx = THREE.Shape.Utils.b3( t, cpx0, cpx1, cpx2, cpx );
- ty = THREE.Shape.Utils.b3( t, cpy0, cpy1, cpy2, cpy );
- points.push( new THREE.Vector2( tx, ty ) );
- }
- break;
- case THREE.PathActions.CSPLINE_THRU:
- laste = this.actions[ i - 1 ].args;
- var last = new THREE.Vector2( laste[ laste.length - 2 ], laste[ laste.length - 1 ] );
- var spts = [ last ];
- var n = divisions * args[ 0 ].length;
- spts = spts.concat( args[ 0 ] );
- var spline = new THREE.SplineCurve( spts );
- for ( j = 1; j <= n; j ++ ) {
- points.push( spline.getPointAt( j / n ) ) ;
- }
- break;
- case THREE.PathActions.ARC:
- laste = this.actions[ i - 1 ].args;
- var aX = args[ 0 ], aY = args[ 1 ],
- aRadius = args[ 2 ],
- aStartAngle = args[ 3 ], aEndAngle = args[ 4 ],
- aClockwise = !!args[ 5 ];
- var deltaAngle = aEndAngle - aStartAngle;
- var angle;
- var tdivisions = divisions * 2;
- for ( j = 1; j <= tdivisions; j ++ ) {
- t = j / tdivisions;
- if ( ! aClockwise ) {
- t = 1 - t;
- }
- angle = aStartAngle + t * deltaAngle;
- tx = aX + aRadius * Math.cos( angle );
- ty = aY + aRadius * Math.sin( angle );
- //console.log('t', t, 'angle', angle, 'tx', tx, 'ty', ty);
- points.push( new THREE.Vector2( tx, ty ) );
- }
- //console.log(points);
- break;
- } // end switch
- }
- // Normalize to remove the closing point by default.
- var lastPoint = points[ points.length - 1];
- var EPSILON = 0.0000000001;
- if ( Math.abs(lastPoint.x - points[ 0 ].x) < EPSILON &&
- Math.abs(lastPoint.y - points[ 0 ].y) < EPSILON)
- points.splice( points.length - 1, 1);
- if ( closedPath ) {
- points.push( points[ 0 ] );
- }
- return points;
- };
- // This was used for testing purposes. Should be removed soon.
- THREE.Path.prototype.transform = function( path, segments ) {
- var bounds = this.getBoundingBox();
- var oldPts = this.getPoints( segments ); // getPoints getSpacedPoints
- //console.log( path.cacheArcLengths() );
- //path.getLengths(400);
- //segments = 40;
- return this.getWrapPoints( oldPts, path );
- };
- // Read http://www.tinaja.com/glib/nonlingr.pdf
- // nonlinear transforms
- THREE.Path.prototype.nltransform = function( a, b, c, d, e, f ) {
- // a - horizontal size
- // b - lean
- // c - x offset
- // d - vertical size
- // e - climb
- // f - y offset
- var oldPts = this.getPoints();
- var i, il, p, oldX, oldY;
- for ( i = 0, il = oldPts.length; i < il; i ++ ) {
- p = oldPts[i];
- oldX = p.x;
- oldY = p.y;
- p.x = a * oldX + b * oldY + c;
- p.y = d * oldY + e * oldX + f;
- }
- return oldPts;
- };
- // FUTURE Export JSON Format
- /* Draws this path onto a 2d canvas easily */
- THREE.Path.prototype.debug = function( canvas ) {
- var bounds = this.getBoundingBox();
- if ( !canvas ) {
- canvas = document.createElement( "canvas" );
- canvas.setAttribute( 'width', bounds.maxX + 100 );
- canvas.setAttribute( 'height', bounds.maxY + 100 );
- document.body.appendChild( canvas );
- }
- var ctx = canvas.getContext( "2d" );
- ctx.fillStyle = "white";
- ctx.fillRect( 0, 0, canvas.width, canvas.height );
- ctx.strokeStyle = "black";
- ctx.beginPath();
- var i, il, item, action, args;
- // Debug Path
- for ( i = 0, il = this.actions.length; i < il; i ++ ) {
- item = this.actions[ i ];
- args = item.args;
- action = item.action;
- // Short hand for now
- if ( action != THREE.PathActions.CSPLINE_THRU ) {
- ctx[ action ].apply( ctx, args );
- }
- /*
- switch ( action ) {
- case THREE.PathActions.MOVE_TO:
- ctx[ action ]( args[ 0 ], args[ 1 ] );
- break;
- case THREE.PathActions.LINE_TO:
- ctx[ action ]( args[ 0 ], args[ 1 ] );
- break;
- case THREE.PathActions.QUADRATIC_CURVE_TO:
- ctx[ action ]( args[ 0 ], args[ 1 ], args[ 2 ], args[ 3 ] );
- break;
- case THREE.PathActions.CUBIC_CURVE_TO:
- ctx[ action ]( args[ 0 ], args[ 1 ], args[ 2 ], args[ 3 ], args[ 4 ], args[ 5 ] );
- break;
- }
- */
- }
- ctx.stroke();
- ctx.closePath();
- // Debug Points
- ctx.strokeStyle = "red";
- /* TO CLEAN UP */
- var p, points = this.getPoints();
- for ( i = 0, il = points.length; i < il; i ++ ) {
- p = points[ i ];
- ctx.beginPath();
- ctx.arc( p.x, p.y, 1.5, 0, Math.PI * 2, false );
- ctx.stroke();
- ctx.closePath();
- }
- };
- // Breaks path into shapes
- THREE.Path.prototype.toShapes = function() {
- var i, il, item, action, args;
- var subPaths = [], lastPath = new THREE.Path();
- for ( i = 0, il = this.actions.length; i < il; i ++ ) {
- item = this.actions[ i ];
- args = item.args;
- action = item.action;
- if ( action == THREE.PathActions.MOVE_TO ) {
- if ( lastPath.actions.length != 0 ) {
- subPaths.push( lastPath );
- lastPath = new THREE.Path();
- }
- }
- lastPath[ action ].apply( lastPath, args );
- }
- if ( lastPath.actions.length != 0 ) {
- subPaths.push( lastPath );
- }
- // console.log(subPaths);
- if ( subPaths.length == 0 ) return [];
- var tmpPath, tmpShape, shapes = [];
- var holesFirst = !THREE.Shape.Utils.isClockWise( subPaths[ 0 ].getPoints() );
- // console.log("Holes first", holesFirst);
- if ( subPaths.length == 1) {
- tmpPath = subPaths[0];
- tmpShape = new THREE.Shape();
- tmpShape.actions = tmpPath.actions;
- tmpShape.curves = tmpPath.curves;
- shapes.push( tmpShape );
- return shapes;
- };
- if ( holesFirst ) {
- tmpShape = new THREE.Shape();
- for ( i = 0, il = subPaths.length; i < il; i ++ ) {
- tmpPath = subPaths[ i ];
- if ( THREE.Shape.Utils.isClockWise( tmpPath.getPoints() ) ) {
- tmpShape.actions = tmpPath.actions;
- tmpShape.curves = tmpPath.curves;
- shapes.push( tmpShape );
- tmpShape = new THREE.Shape();
- //console.log('cw', i);
- } else {
- tmpShape.holes.push( tmpPath );
- //console.log('ccw', i);
- }
- }
- } else {
- // Shapes first
- for ( i = 0, il = subPaths.length; i < il; i ++ ) {
- tmpPath = subPaths[ i ];
- if ( THREE.Shape.Utils.isClockWise( tmpPath.getPoints() ) ) {
- if ( tmpShape ) shapes.push( tmpShape );
- tmpShape = new THREE.Shape();
- tmpShape.actions = tmpPath.actions;
- tmpShape.curves = tmpPath.curves;
- } else {
- tmpShape.holes.push( tmpPath );
- }
- }
- shapes.push( tmpShape );
- }
- //console.log("shape", shapes);
- return shapes;
- };
- /**
- * @author zz85 / http://www.lab4games.net/zz85/blog
- * Defines a 2d shape plane using paths.
- **/
- // STEP 1 Create a path.
- // STEP 2 Turn path into shape.
- // STEP 3 ExtrudeGeometry takes in Shape/Shapes
- // STEP 3a - Extract points from each shape, turn to vertices
- // STEP 3b - Triangulate each shape, add faces.
- THREE.Shape = function ( ) {
- THREE.Path.apply( this, arguments );
- this.holes = [];
- };
- THREE.Shape.prototype = new THREE.Path();
- THREE.Shape.prototype.constructor = THREE.Path;
- // Convenience method to return ExtrudeGeometry
- THREE.Shape.prototype.extrude = function ( options ) {
- var extruded = new THREE.ExtrudeGeometry( this, options );
- return extruded;
- };
- // Get points of holes
- THREE.Shape.prototype.getPointsHoles = function ( divisions ) {
- var i, il = this.holes.length, holesPts = [];
- for ( i = 0; i < il; i ++ ) {
- holesPts[ i ] = this.holes[ i ].getTransformedPoints( divisions, this.bends );
- }
- return holesPts;
- };
- // Get points of holes (spaced by regular distance)
- THREE.Shape.prototype.getSpacedPointsHoles = function ( divisions ) {
- var i, il = this.holes.length, holesPts = [];
- for ( i = 0; i < il; i ++ ) {
- holesPts[ i ] = this.holes[ i ].getTransformedSpacedPoints( divisions, this.bends );
- }
- return holesPts;
- };
- // Get points of shape and holes (keypoints based on segments parameter)
- THREE.Shape.prototype.extractAllPoints = function ( divisions ) {
- return {
- shape: this.getTransformedPoints( divisions ),
- holes: this.getPointsHoles( divisions )
- };
- };
- THREE.Shape.prototype.extractPoints = function ( divisions ) {
- if (this.useSpacedPoints) {
- return this.extractAllSpacedPoints(divisions);
- }
- return this.extractAllPoints(divisions);
- };
- //
- // THREE.Shape.prototype.extractAllPointsWithBend = function ( divisions, bend ) {
- //
- // return {
- //
- // shape: this.transform( bend, divisions ),
- // holes: this.getPointsHoles( divisions, bend )
- //
- // };
- //
- // };
- // Get points of shape and holes (spaced by regular distance)
- THREE.Shape.prototype.extractAllSpacedPoints = function ( divisions ) {
- return {
- shape: this.getTransformedSpacedPoints( divisions ),
- holes: this.getSpacedPointsHoles( divisions )
- };
- };
- /**************************************************************
- * Utils
- **************************************************************/
- THREE.Shape.Utils = {
- /*
- contour - array of vector2 for contour
- holes - array of array of vector2
- */
- removeHoles: function ( contour, holes ) {
- var shape = contour.concat(); // work on this shape
- var allpoints = shape.concat();
- /* For each isolated shape, find the closest points and break to the hole to allow triangulation */
- var prevShapeVert, nextShapeVert,
- prevHoleVert, nextHoleVert,
- holeIndex, shapeIndex,
- shapeId, shapeGroup,
- h, h2,
- hole, shortest, d,
- p, pts1, pts2,
- tmpShape1, tmpShape2,
- tmpHole1, tmpHole2,
- verts = [];
- for ( h = 0; h < holes.length; h ++ ) {
- hole = holes[ h ];
- /*
- shapeholes[ h ].concat(); // preserves original
- holes.push( hole );
- */
- Array.prototype.push.apply( allpoints, hole );
- shortest = Number.POSITIVE_INFINITY;
- // Find the shortest pair of pts between shape and hole
- // Note: Actually, I'm not sure now if we could optimize this to be faster than O(m*n)
- // Using distanceToSquared() intead of distanceTo() should speed a little
- // since running square roots operations are reduced.
- for ( h2 = 0; h2 < hole.length; h2 ++ ) {
- pts1 = hole[ h2 ];
- var dist = [];
- for ( p = 0; p < shape.length; p++ ) {
- pts2 = shape[ p ];
- d = pts1.distanceToSquared( pts2 );
- dist.push( d );
- if ( d < shortest ) {
- shortest = d;
- holeIndex = h2;
- shapeIndex = p;
- }
- }
- }
- //console.log("shortest", shortest, dist);
- prevShapeVert = ( shapeIndex - 1 ) >= 0 ? shapeIndex - 1 : shape.length - 1;
- prevHoleVert = ( holeIndex - 1 ) >= 0 ? holeIndex - 1 : hole.length - 1;
- var areaapts = [
- hole[ holeIndex ],
- shape[ shapeIndex ],
- shape[ prevShapeVert ]
- ];
- var areaa = THREE.FontUtils.Triangulate.area( areaapts );
- var areabpts = [
- hole[ holeIndex ],
- hole[ prevHoleVert ],
- shape[ shapeIndex ]
- ];
- var areab = THREE.FontUtils.Triangulate.area( areabpts );
- var shapeOffset = 1;
- var holeOffset = -1;
- var oldShapeIndex = shapeIndex, oldHoleIndex = holeIndex;
- shapeIndex += shapeOffset;
- holeIndex += holeOffset;
- if ( shapeIndex < 0 ) { shapeIndex += shape.length; }
- shapeIndex %= shape.length;
- if ( holeIndex < 0 ) { holeIndex += hole.length; }
- holeIndex %= hole.length;
- prevShapeVert = ( shapeIndex - 1 ) >= 0 ? shapeIndex - 1 : shape.length - 1;
- prevHoleVert = ( holeIndex - 1 ) >= 0 ? holeIndex - 1 : hole.length - 1;
- areaapts = [
- hole[ holeIndex ],
- shape[ shapeIndex ],
- shape[ prevShapeVert ]
- ];
- var areaa2 = THREE.FontUtils.Triangulate.area( areaapts );
- areabpts = [
- hole[ holeIndex ],
- hole[ prevHoleVert ],
- shape[ shapeIndex ]
- ];
- var areab2 = THREE.FontUtils.Triangulate.area( areabpts );
- //console.log(areaa,areab ,areaa2,areab2, ( areaa + areab ), ( areaa2 + areab2 ));
- if ( ( areaa + areab ) > ( areaa2 + areab2 ) ) {
- // In case areas are not correct.
- //console.log("USE THIS");
- shapeIndex = oldShapeIndex;
- holeIndex = oldHoleIndex ;
- if ( shapeIndex < 0 ) { shapeIndex += shape.length; }
- shapeIndex %= shape.length;
- if ( holeIndex < 0 ) { holeIndex += hole.length; }
- holeIndex %= hole.length;
- prevShapeVert = ( shapeIndex - 1 ) >= 0 ? shapeIndex - 1 : shape.length - 1;
- prevHoleVert = ( holeIndex - 1 ) >= 0 ? holeIndex - 1 : hole.length - 1;
- } else {
- //console.log("USE THAT ")
- }
- tmpShape1 = shape.slice( 0, shapeIndex );
- tmpShape2 = shape.slice( shapeIndex );
- tmpHole1 = hole.slice( holeIndex );
- tmpHole2 = hole.slice( 0, holeIndex );
- // Should check orders here again?
- var trianglea = [
- hole[ holeIndex ],
- shape[ shapeIndex ],
- shape[ prevShapeVert ]
- ];
- var triangleb = [
- hole[ holeIndex ] ,
- hole[ prevHoleVert ],
- shape[ shapeIndex ]
- ];
- verts.push( trianglea );
- verts.push( triangleb );
- shape = tmpShape1.concat( tmpHole1 ).concat( tmpHole2 ).concat( tmpShape2 );
- }
- return {
- shape:shape, /* shape with no holes */
- isolatedPts: verts, /* isolated faces */
- allpoints: allpoints
- }
- },
- triangulateShape: function ( contour, holes ) {
- var shapeWithoutHoles = THREE.Shape.Utils.removeHoles( contour, holes );
- var shape = shapeWithoutHoles.shape,
- allpoints = shapeWithoutHoles.allpoints,
- isolatedPts = shapeWithoutHoles.isolatedPts;
- var triangles = THREE.FontUtils.Triangulate( shape, false ); // True returns indices for points of spooled shape
- // To maintain reference to old shape, one must match coordinates, or offset the indices from original arrays. It's probably easier to do the first.
- //console.log( "triangles",triangles, triangles.length );
- //console.log( "allpoints",allpoints, allpoints.length );
- var i, il, f, face,
- key, index,
- allPointsMap = {},
- isolatedPointsMap = {};
- // prepare all points map
- for ( i = 0, il = allpoints.length; i < il; i ++ ) {
- key = allpoints[ i ].x + ":" + allpoints[ i ].y;
- if ( allPointsMap[ key ] !== undefined ) {
- console.log( "Duplicate point", key );
- }
- allPointsMap[ key ] = i;
- }
- // check all face vertices against all points map
- for ( i = 0, il = triangles.length; i < il; i ++ ) {
- face = triangles[ i ];
- for ( f = 0; f < 3; f ++ ) {
- key = face[ f ].x + ":" + face[ f ].y;
- index = allPointsMap[ key ];
- if ( index !== undefined ) {
- face[ f ] = index;
- }
- }
- }
- // check isolated points vertices against all points map
- for ( i = 0, il = isolatedPts.length; i < il; i ++ ) {
- face = isolatedPts[ i ];
- for ( f = 0; f < 3; f ++ ) {
- key = face[ f ].x + ":" + face[ f ].y;
- index = allPointsMap[ key ];
- if ( index !== undefined ) {
- face[ f ] = index;
- }
- }
- }
- return triangles.concat( isolatedPts );
- }, // end triangulate shapes
- /*
- triangulate2 : function( pts, holes ) {
- // For use with Poly2Tri.js
- var allpts = pts.concat();
- var shape = [];
- for (var p in pts) {
- shape.push(new js.poly2tri.Point(pts[p].x, pts[p].y));
- }
- var swctx = new js.poly2tri.SweepContext(shape);
- for (var h in holes) {
- var aHole = holes[h];
- var newHole = []
- for (i in aHole) {
- newHole.push(new js.poly2tri.Point(aHole[i].x, aHole[i].y));
- allpts.push(aHole[i]);
- }
- swctx.AddHole(newHole);
- }
- var find;
- var findIndexForPt = function (pt) {
- find = new THREE.Vector2(pt.x, pt.y);
- var p;
- for (p=0, pl = allpts.length; p<pl; p++) {
- if (allpts[p].equals(find)) return p;
- }
- return -1;
- };
- // triangulate
- js.poly2tri.sweep.Triangulate(swctx);
- var triangles = swctx.GetTriangles();
- var tr ;
- var facesPts = [];
- for (var t in triangles) {
- tr = triangles[t];
- facesPts.push([
- findIndexForPt(tr.GetPoint(0)),
- findIndexForPt(tr.GetPoint(1)),
- findIndexForPt(tr.GetPoint(2))
- ]);
- }
- // console.log(facesPts);
- // console.log("triangles", triangles.length, triangles);
- // Returns array of faces with 3 element each
- return facesPts;
- },
- */
- isClockWise: function ( pts ) {
- return THREE.FontUtils.Triangulate.area( pts ) < 0;
- },
- // Bezier Curves formulas obtained from
- // http://en.wikipedia.org/wiki/B%C3%A9zier_curve
- // Quad Bezier Functions
- b2p0: function ( t, p ) {
- var k = 1 - t;
- return k * k * p;
- },
- b2p1: function ( t, p ) {
- return 2 * ( 1 - t ) * t * p;
- },
- b2p2: function ( t, p ) {
- return t * t * p;
- },
- b2: function ( t, p0, p1, p2 ) {
- return this.b2p0( t, p0 ) + this.b2p1( t, p1 ) + this.b2p2( t, p2 );
- },
- // Cubic Bezier Functions
- b3p0: function ( t, p ) {
- var k = 1 - t;
- return k * k * k * p;
- },
- b3p1: function ( t, p ) {
- var k = 1 - t;
- return 3 * k * k * t * p;
- },
- b3p2: function ( t, p ) {
- var k = 1 - t;
- return 3 * k * t * t * p;
- },
- b3p3: function ( t, p ) {
- return t * t * t * p;
- },
- b3: function ( t, p0, p1, p2, p3 ) {
- return this.b3p0( t, p0 ) + this.b3p1( t, p1 ) + this.b3p2( t, p2 ) + this.b3p3( t, p3 );
- }
- };
- /**
- * @author zz85 / http://www.lab4games.net/zz85/blog
- *
- * TextPath
- *
- **/
- THREE.TextPath = function ( text, parameters ) {
- THREE.Path.call( this );
- this.parameters = parameters || {};
- this.set( text );
- };
- THREE.TextPath.prototype.set = function ( text, parameters ) {
- parameters = parameters || this.parameters;
- this.text = text;
- var size = parameters.size !== undefined ? parameters.size : 100;
- var curveSegments = parameters.curveSegments !== undefined ? parameters.curveSegments: 4;
- var font = parameters.font !== undefined ? parameters.font : "helvetiker";
- var weight = parameters.weight !== undefined ? parameters.weight : "normal";
- var style = parameters.style !== undefined ? parameters.style : "normal";
- THREE.FontUtils.size = size;
- THREE.FontUtils.divisions = curveSegments;
- THREE.FontUtils.face = font;
- THREE.FontUtils.weight = weight;
- THREE.FontUtils.style = style;
- };
- THREE.TextPath.prototype.toShapes = function () {
- // Get a Font data json object
- var data = THREE.FontUtils.drawText( this.text );
- var paths = data.paths;
- var shapes = [];
- for ( var p = 0, pl = paths.length; p < pl; p ++ ) {
- Array.prototype.push.apply( shapes, paths[ p ].toShapes() );
- }
- return shapes;
- //console.log(path);
- //console.log(fontShapes);
- // Either find actions or curves.
- //var text3d = new THREE.ExtrudeGeometry( shapes , { amount: 20, bevelEnabled:true, bevelThickness:3 } );
- //return text3d;
- };
- /**
- * @author mikael emtinger / http://gomo.se/
- */
- THREE.AnimationHandler = (function() {
- var playing = [];
- var library = {};
- var that = {};
- //--- update ---
- that.update = function( deltaTimeMS ) {
- for( var i = 0; i < playing.length; i++ )
- playing[ i ].update( deltaTimeMS );
- };
- //--- add ---
- that.addToUpdate = function( animation ) {
- if( playing.indexOf( animation ) === -1 )
- playing.push( animation );
- };
- //--- remove ---
- that.removeFromUpdate = function( animation ) {
- var index = playing.indexOf( animation );
- if( index !== -1 )
- playing.splice( index, 1 );
- };
- //--- add ---
- that.add = function( data ) {
- if( library[ data.name ] !== undefined )
- console.log( "THREE.AnimationHandler.add: Warning! " + data.name + " already exists in library. Overwriting." );
- library[ data.name ] = data;
- initData( data );
- };
- //--- get ---
- that.get = function( name ) {
- if( typeof name === "string" ) {
- if( library[ name ] ) {
- return library[ name ];
- } else {
- console.log( "THREE.AnimationHandler.get: Couldn't find animation " + name );
- return null;
- }
- } else {
- // todo: add simple tween library
- }
- };
- //--- parse ---
- that.parse = function( root ) {
- // setup hierarchy
- var hierarchy = [];
- if ( root instanceof THREE.SkinnedMesh ) {
- for( var b = 0; b < root.bones.length; b++ ) {
- hierarchy.push( root.bones[ b ] );
- }
- } else {
- parseRecurseHierarchy( root, hierarchy );
- }
- return hierarchy;
- };
- var parseRecurseHierarchy = function( root, hierarchy ) {
- hierarchy.push( root );
- for( var c = 0; c < root.children.length; c++ )
- parseRecurseHierarchy( root.children[ c ], hierarchy );
- }
- //--- init data ---
- var initData = function( data ) {
- if( data.initialized === true )
- return;
- // loop through all keys
- for( var h = 0; h < data.hierarchy.length; h ++ ) {
- for( var k = 0; k < data.hierarchy[ h ].keys.length; k ++ ) {
- // remove minus times
- if( data.hierarchy[ h ].keys[ k ].time < 0 )
- data.hierarchy[ h ].keys[ k ].time = 0;
- // create quaternions
- if( data.hierarchy[ h ].keys[ k ].rot !== undefined &&
- !( data.hierarchy[ h ].keys[ k ].rot instanceof THREE.Quaternion ) ) {
- var quat = data.hierarchy[ h ].keys[ k ].rot;
- data.hierarchy[ h ].keys[ k ].rot = new THREE.Quaternion( quat[0], quat[1], quat[2], quat[3] );
- }
- }
- // prepare morph target keys
- if( data.hierarchy[h].keys.length && data.hierarchy[ h ].keys[ 0 ].morphTargets !== undefined ) {
- // get all used
- var usedMorphTargets = {};
- for( var k = 0; k < data.hierarchy[ h ].keys.length; k ++ ) {
- for( var m = 0; m < data.hierarchy[ h ].keys[ k ].morphTargets.length; m ++ ) {
- var morphTargetName = data.hierarchy[ h ].keys[ k ].morphTargets[ m ];
- usedMorphTargets[ morphTargetName ] = -1;
- }
- }
- data.hierarchy[ h ].usedMorphTargets = usedMorphTargets;
- // set all used on all frames
- for( var k = 0; k < data.hierarchy[ h ].keys.length; k ++ ) {
- var influences = {};
- for( var morphTargetName in usedMorphTargets ) {
- for( var m = 0; m < data.hierarchy[ h ].keys[ k ].morphTargets.length; m ++ ) {
- if( data.hierarchy[ h ].keys[ k ].morphTargets[ m ] === morphTargetName ) {
- influences[ morphTargetName ] = data.hierarchy[ h ].keys[ k ].morphTargetsInfluences[ m ];
- break;
- }
- }
- if( m === data.hierarchy[ h ].keys[ k ].morphTargets.length ) {
- influences[ morphTargetName ] = 0;
- }
- }
- data.hierarchy[ h ].keys[ k ].morphTargetsInfluences = influences;
- }
- }
- // remove all keys that are on the same time
- for( var k = 1; k < data.hierarchy[ h ].keys.length; k ++ ) {
- if( data.hierarchy[ h ].keys[ k ].time === data.hierarchy[ h ].keys[ k - 1 ].time ) {
- data.hierarchy[ h ].keys.splice( k, 1 );
- k --;
- }
- }
- // set index
- for( var k = 0; k < data.hierarchy[ h ].keys.length; k ++ ) {
- data.hierarchy[ h ].keys[ k ].index = k;
- }
- }
- // JIT
- var lengthInFrames = parseInt( data.length * data.fps, 10 );
- data.JIT = {};
- data.JIT.hierarchy = [];
- for( var h = 0; h < data.hierarchy.length; h ++ )
- data.JIT.hierarchy.push( new Array( lengthInFrames ) );
- // done
- data.initialized = true;
- };
- // interpolation types
- that.LINEAR = 0;
- that.CATMULLROM = 1;
- that.CATMULLROM_FORWARD = 2;
- return that;
- }());
- /**
- * @author mikael emtinger / http://gomo.se/
- * @author mrdoob / http://mrdoob.com/
- * @author alteredq / http://alteredqualia.com/
- */
- THREE.Animation = function( root, data, interpolationType, JITCompile ) {
- this.root = root;
- this.data = THREE.AnimationHandler.get( data );
- this.hierarchy = THREE.AnimationHandler.parse( root );
- this.currentTime = 0;
- this.timeScale = 1;
- this.isPlaying = false;
- this.isPaused = true;
- this.loop = true;
- this.interpolationType = interpolationType !== undefined ? interpolationType : THREE.AnimationHandler.LINEAR;
- this.JITCompile = JITCompile !== undefined ? JITCompile : true;
- this.points = [];
- this.target = new THREE.Vector3();
- };
- // Play
- THREE.Animation.prototype.play = function( loop, startTimeMS ) {
- if( !this.isPlaying ) {
- this.isPlaying = true;
- this.loop = loop !== undefined ? loop : true;
- this.currentTime = startTimeMS !== undefined ? startTimeMS : 0;
- // reset key cache
- var h, hl = this.hierarchy.length,
- object;
- for ( h = 0; h < hl; h++ ) {
- object = this.hierarchy[ h ];
- if ( this.interpolationType !== THREE.AnimationHandler.CATMULLROM_FORWARD ) {
- object.useQuaternion = true;
- }
- object.matrixAutoUpdate = true;
- if ( object.animationCache === undefined ) {
- object.animationCache = {};
- object.animationCache.prevKey = { pos: 0, rot: 0, scl: 0 };
- object.animationCache.nextKey = { pos: 0, rot: 0, scl: 0 };
- object.animationCache.originalMatrix = object instanceof THREE.Bone ? object.skinMatrix : object.matrix;
- }
- var prevKey = object.animationCache.prevKey;
- var nextKey = object.animationCache.nextKey;
- prevKey.pos = this.data.hierarchy[ h ].keys[ 0 ];
- prevKey.rot = this.data.hierarchy[ h ].keys[ 0 ];
- prevKey.scl = this.data.hierarchy[ h ].keys[ 0 ];
- nextKey.pos = this.getNextKeyWith( "pos", h, 1 );
- nextKey.rot = this.getNextKeyWith( "rot", h, 1 );
- nextKey.scl = this.getNextKeyWith( "scl", h, 1 );
- }
- this.update( 0 );
- }
- this.isPaused = false;
- THREE.AnimationHandler.addToUpdate( this );
- };
- // Pause
- THREE.Animation.prototype.pause = function() {
- if( this.isPaused ) {
- THREE.AnimationHandler.addToUpdate( this );
- } else {
- THREE.AnimationHandler.removeFromUpdate( this );
- }
- this.isPaused = !this.isPaused;
- };
- // Stop
- THREE.Animation.prototype.stop = function() {
- this.isPlaying = false;
- this.isPaused = false;
- THREE.AnimationHandler.removeFromUpdate( this );
- // reset JIT matrix and remove cache
- for ( var h = 0; h < this.hierarchy.length; h++ ) {
- if ( this.hierarchy[ h ].animationCache !== undefined ) {
- if( this.hierarchy[ h ] instanceof THREE.Bone ) {
- this.hierarchy[ h ].skinMatrix = this.hierarchy[ h ].animationCache.originalMatrix;
- } else {
- this.hierarchy[ h ].matrix = this.hierarchy[ h ].animationCache.originalMatrix;
- }
- delete this.hierarchy[ h ].animationCache;
- }
- }
- };
- // Update
- THREE.Animation.prototype.update = function( deltaTimeMS ) {
- // early out
- if( !this.isPlaying ) return;
- // vars
- var types = [ "pos", "rot", "scl" ];
- var type;
- var scale;
- var vector;
- var prevXYZ, nextXYZ;
- var prevKey, nextKey;
- var object;
- var animationCache;
- var frame;
- var JIThierarchy = this.data.JIT.hierarchy;
- var currentTime, unloopedCurrentTime;
- var currentPoint, forwardPoint, angle;
- // update
- this.currentTime += deltaTimeMS * this.timeScale;
- unloopedCurrentTime = this.currentTime;
- currentTime = this.currentTime = this.currentTime % this.data.length;
- frame = parseInt( Math.min( currentTime * this.data.fps, this.data.length * this.data.fps ), 10 );
- // update
- for ( var h = 0, hl = this.hierarchy.length; h < hl; h++ ) {
- object = this.hierarchy[ h ];
- animationCache = object.animationCache;
- // use JIT?
- if ( this.JITCompile && JIThierarchy[ h ][ frame ] !== undefined ) {
- if( object instanceof THREE.Bone ) {
- object.skinMatrix = JIThierarchy[ h ][ frame ];
- object.matrixAutoUpdate = false;
- object.matrixWorldNeedsUpdate = false;
- } else {
- object.matrix = JIThierarchy[ h ][ frame ];
- object.matrixAutoUpdate = false;
- object.matrixWorldNeedsUpdate = true;
- }
- // use interpolation
- } else {
- // make sure so original matrix and not JIT matrix is set
- if ( this.JITCompile ) {
- if( object instanceof THREE.Bone ) {
- object.skinMatrix = object.animationCache.originalMatrix;
- } else {
- object.matrix = object.animationCache.originalMatrix;
- }
- }
- // loop through pos/rot/scl
- for ( var t = 0; t < 3; t++ ) {
- // get keys
- type = types[ t ];
- prevKey = animationCache.prevKey[ type ];
- nextKey = animationCache.nextKey[ type ];
- // switch keys?
- if ( nextKey.time <= unloopedCurrentTime ) {
- // did we loop?
- if ( currentTime < unloopedCurrentTime ) {
- if ( this.loop ) {
- prevKey = this.data.hierarchy[ h ].keys[ 0 ];
- nextKey = this.getNextKeyWith( type, h, 1 );
- while( nextKey.time < currentTime ) {
- prevKey = nextKey;
- nextKey = this.getNextKeyWith( type, h, nextKey.index + 1 );
- }
- } else {
- this.stop();
- return;
- }
- } else {
- do {
- prevKey = nextKey;
- nextKey = this.getNextKeyWith( type, h, nextKey.index + 1 );
- } while( nextKey.time < currentTime )
- }
- animationCache.prevKey[ type ] = prevKey;
- animationCache.nextKey[ type ] = nextKey;
- }
- object.matrixAutoUpdate = true;
- object.matrixWorldNeedsUpdate = true;
- scale = ( currentTime - prevKey.time ) / ( nextKey.time - prevKey.time );
- prevXYZ = prevKey[ type ];
- nextXYZ = nextKey[ type ];
- // check scale error
- if ( scale < 0 || scale > 1 ) {
- console.log( "THREE.Animation.update: Warning! Scale out of bounds:" + scale + " on bone " + h );
- scale = scale < 0 ? 0 : 1;
- }
- // interpolate
- if ( type === "pos" ) {
- vector = object.position;
- if( this.interpolationType === THREE.AnimationHandler.LINEAR ) {
- vector.x = prevXYZ[ 0 ] + ( nextXYZ[ 0 ] - prevXYZ[ 0 ] ) * scale;
- vector.y = prevXYZ[ 1 ] + ( nextXYZ[ 1 ] - prevXYZ[ 1 ] ) * scale;
- vector.z = prevXYZ[ 2 ] + ( nextXYZ[ 2 ] - prevXYZ[ 2 ] ) * scale;
- } else if ( this.interpolationType === THREE.AnimationHandler.CATMULLROM ||
- this.interpolationType === THREE.AnimationHandler.CATMULLROM_FORWARD ) {
- this.points[ 0 ] = this.getPrevKeyWith( "pos", h, prevKey.index - 1 )[ "pos" ];
- this.points[ 1 ] = prevXYZ;
- this.points[ 2 ] = nextXYZ;
- this.points[ 3 ] = this.getNextKeyWith( "pos", h, nextKey.index + 1 )[ "pos" ];
- scale = scale * 0.33 + 0.33;
- currentPoint = this.interpolateCatmullRom( this.points, scale );
- vector.x = currentPoint[ 0 ];
- vector.y = currentPoint[ 1 ];
- vector.z = currentPoint[ 2 ];
- if( this.interpolationType === THREE.AnimationHandler.CATMULLROM_FORWARD ) {
- forwardPoint = this.interpolateCatmullRom( this.points, scale * 1.01 );
- this.target.set( forwardPoint[ 0 ], forwardPoint[ 1 ], forwardPoint[ 2 ] );
- this.target.subSelf( vector );
- this.target.y = 0;
- this.target.normalize();
- angle = Math.atan2( this.target.x, this.target.z );
- object.rotation.set( 0, angle, 0 );
- }
- }
- } else if ( type === "rot" ) {
- THREE.Quaternion.slerp( prevXYZ, nextXYZ, object.quaternion, scale );
- } else if( type === "scl" ) {
- vector = object.scale;
- vector.x = prevXYZ[ 0 ] + ( nextXYZ[ 0 ] - prevXYZ[ 0 ] ) * scale;
- vector.y = prevXYZ[ 1 ] + ( nextXYZ[ 1 ] - prevXYZ[ 1 ] ) * scale;
- vector.z = prevXYZ[ 2 ] + ( nextXYZ[ 2 ] - prevXYZ[ 2 ] ) * scale;
- }
- }
- }
- }
- // update JIT?
- if ( this.JITCompile ) {
- if ( JIThierarchy[ 0 ][ frame ] === undefined ) {
- this.hierarchy[ 0 ].updateMatrixWorld( true );
- for ( var h = 0; h < this.hierarchy.length; h++ ) {
- if( this.hierarchy[ h ] instanceof THREE.Bone ) {
- JIThierarchy[ h ][ frame ] = this.hierarchy[ h ].skinMatrix.clone();
- } else {
- JIThierarchy[ h ][ frame ] = this.hierarchy[ h ].matrix.clone();
- }
- }
- }
- }
- };
- // Catmull-Rom spline
- THREE.Animation.prototype.interpolateCatmullRom = function ( points, scale ) {
- var c = [], v3 = [],
- point, intPoint, weight, w2, w3,
- pa, pb, pc, pd;
- point = ( points.length - 1 ) * scale;
- intPoint = Math.floor( point );
- weight = point - intPoint;
- c[ 0 ] = intPoint === 0 ? intPoint : intPoint - 1;
- c[ 1 ] = intPoint;
- c[ 2 ] = intPoint > points.length - 2 ? intPoint : intPoint + 1;
- c[ 3 ] = intPoint > points.length - 3 ? intPoint : intPoint + 2;
- pa = points[ c[ 0 ] ];
- pb = points[ c[ 1 ] ];
- pc = points[ c[ 2 ] ];
- pd = points[ c[ 3 ] ];
- w2 = weight * weight;
- w3 = weight * w2;
- v3[ 0 ] = this.interpolate( pa[ 0 ], pb[ 0 ], pc[ 0 ], pd[ 0 ], weight, w2, w3 );
- v3[ 1 ] = this.interpolate( pa[ 1 ], pb[ 1 ], pc[ 1 ], pd[ 1 ], weight, w2, w3 );
- v3[ 2 ] = this.interpolate( pa[ 2 ], pb[ 2 ], pc[ 2 ], pd[ 2 ], weight, w2, w3 );
- return v3;
- };
- THREE.Animation.prototype.interpolate = function( p0, p1, p2, p3, t, t2, t3 ) {
- var v0 = ( p2 - p0 ) * 0.5,
- v1 = ( p3 - p1 ) * 0.5;
- return ( 2 * ( p1 - p2 ) + v0 + v1 ) * t3 + ( - 3 * ( p1 - p2 ) - 2 * v0 - v1 ) * t2 + v0 * t + p1;
- };
- // Get next key with
- THREE.Animation.prototype.getNextKeyWith = function( type, h, key ) {
- var keys = this.data.hierarchy[ h ].keys;
- if ( this.interpolationType === THREE.AnimationHandler.CATMULLROM ||
- this.interpolationType === THREE.AnimationHandler.CATMULLROM_FORWARD ) {
- key = key < keys.length - 1 ? key : keys.length - 1;
- } else {
- key = key % keys.length;
- }
- for ( ; key < keys.length; key++ ) {
- if ( keys[ key ][ type ] !== undefined ) {
- return keys[ key ];
- }
- }
- return this.data.hierarchy[ h ].keys[ 0 ];
- };
- // Get previous key with
- THREE.Animation.prototype.getPrevKeyWith = function( type, h, key ) {
- var keys = this.data.hierarchy[ h ].keys;
- if ( this.interpolationType === THREE.AnimationHandler.CATMULLROM ||
- this.interpolationType === THREE.AnimationHandler.CATMULLROM_FORWARD ) {
- key = key > 0 ? key : 0;
- } else {
- key = key >= 0 ? key : key + keys.length;
- }
- for ( ; key >= 0; key-- ) {
- if ( keys[ key ][ type ] !== undefined ) {
- return keys[ key ];
- }
- }
- return this.data.hierarchy[ h ].keys[ keys.length - 1 ];
- };/**
- * @author mikael emtinger / http://gomo.se/
- * @author mrdoob / http://mrdoob.com/
- * @author alteredq / http://alteredqualia.com/
- * @author khang duong
- * @author erik kitson
- */
- THREE.KeyFrameAnimation = function( root, data, JITCompile ) {
- this.root = root;
- this.data = THREE.AnimationHandler.get( data );
- this.hierarchy = THREE.AnimationHandler.parse( root );
- this.currentTime = 0;
- this.timeScale = 0.001;
- this.isPlaying = false;
- this.isPaused = true;
- this.loop = true;
- this.JITCompile = JITCompile !== undefined ? JITCompile : true;
- // initialize to first keyframes
- for ( var h = 0, hl = this.hierarchy.length; h < hl; h++ ) {
- var keys = this.data.hierarchy[h].keys,
- sids = this.data.hierarchy[h].sids,
- obj = this.hierarchy[h];
- if ( keys.length && sids ) {
- for ( var s = 0; s < sids.length; s++ ) {
- var sid = sids[ s ],
- next = this.getNextKeyWith( sid, h, 0 );
- if ( next ) {
- next.apply( sid );
- }
- }
- obj.matrixAutoUpdate = false;
- this.data.hierarchy[h].node.updateMatrix();
- obj.matrixWorldNeedsUpdate = true;
- }
- }
- };
- // Play
- THREE.KeyFrameAnimation.prototype.play = function( loop, startTimeMS ) {
- if( !this.isPlaying ) {
- this.isPlaying = true;
- this.loop = loop !== undefined ? loop : true;
- this.currentTime = startTimeMS !== undefined ? startTimeMS : 0;
- this.startTimeMs = startTimeMS;
- this.startTime = 10000000;
- this.endTime = -this.startTime;
- // reset key cache
- var h, hl = this.hierarchy.length,
- object,
- node;
- for ( h = 0; h < hl; h++ ) {
- object = this.hierarchy[ h ];
- node = this.data.hierarchy[ h ];
- object.useQuaternion = true;
- if ( node.animationCache === undefined ) {
- node.animationCache = {};
- node.animationCache.prevKey = null;
- node.animationCache.nextKey = null;
- node.animationCache.originalMatrix = object instanceof THREE.Bone ? object.skinMatrix : object.matrix;
- }
- var keys = this.data.hierarchy[h].keys;
- if (keys.length) {
- node.animationCache.prevKey = keys[ 0 ];
- node.animationCache.nextKey = keys[ 1 ];
- this.startTime = Math.min( keys[0].time, this.startTime );
- this.endTime = Math.max( keys[keys.length - 1].time, this.endTime );
- }
- }
- this.update( 0 );
- }
- this.isPaused = false;
- THREE.AnimationHandler.addToUpdate( this );
- };
- // Pause
- THREE.KeyFrameAnimation.prototype.pause = function() {
- if( this.isPaused ) {
- THREE.AnimationHandler.addToUpdate( this );
- } else {
- THREE.AnimationHandler.removeFromUpdate( this );
- }
- this.isPaused = !this.isPaused;
- };
- // Stop
- THREE.KeyFrameAnimation.prototype.stop = function() {
- this.isPlaying = false;
- this.isPaused = false;
- THREE.AnimationHandler.removeFromUpdate( this );
- // reset JIT matrix and remove cache
- for ( var h = 0; h < this.data.hierarchy.length; h++ ) {
-
- var obj = this.hierarchy[ h ];
- var node = this.data.hierarchy[ h ];
- if ( node.animationCache !== undefined ) {
- var original = node.animationCache.originalMatrix;
- if( obj instanceof THREE.Bone ) {
- original.copy( obj.skinMatrix );
- obj.skinMatrix = original;
- } else {
- original.copy( obj.matrix );
- obj.matrix = original;
- }
- delete node.animationCache;
- }
- }
- };
- // Update
- THREE.KeyFrameAnimation.prototype.update = function( deltaTimeMS ) {
- // early out
- if( !this.isPlaying ) return;
- // vars
- var prevKey, nextKey;
- var object;
- var node;
- var frame;
- var JIThierarchy = this.data.JIT.hierarchy;
- var currentTime, unloopedCurrentTime;
- var looped;
- // update
- this.currentTime += deltaTimeMS * this.timeScale;
- unloopedCurrentTime = this.currentTime;
- currentTime = this.currentTime = this.currentTime % this.data.length;
- // if looped around, the current time should be based on the startTime
- if ( currentTime < this.startTimeMs ) {
- currentTime = this.currentTime = this.startTimeMs + currentTime;
- }
- frame = parseInt( Math.min( currentTime * this.data.fps, this.data.length * this.data.fps ), 10 );
- looped = currentTime < unloopedCurrentTime;
- if ( looped && !this.loop ) {
- // Set the animation to the last keyframes and stop
- for ( var h = 0, hl = this.hierarchy.length; h < hl; h++ ) {
- var keys = this.data.hierarchy[h].keys,
- sids = this.data.hierarchy[h].sids,
- end = keys.length-1,
- obj = this.hierarchy[h];
- if ( keys.length ) {
- for ( var s = 0; s < sids.length; s++ ) {
- var sid = sids[ s ],
- prev = this.getPrevKeyWith( sid, h, end );
- if ( prev ) {
- prev.apply( sid );
- }
- }
- this.data.hierarchy[h].node.updateMatrix();
- obj.matrixWorldNeedsUpdate = true;
- }
- }
- this.stop();
- return;
- }
- // check pre-infinity
- if ( currentTime < this.startTime ) {
- return;
- }
- // update
- for ( var h = 0, hl = this.hierarchy.length; h < hl; h++ ) {
- object = this.hierarchy[ h ];
- node = this.data.hierarchy[ h ];
- var keys = node.keys,
- animationCache = node.animationCache;
- // use JIT?
- if ( this.JITCompile && JIThierarchy[ h ][ frame ] !== undefined ) {
- if( object instanceof THREE.Bone ) {
- object.skinMatrix = JIThierarchy[ h ][ frame ];
- object.matrixWorldNeedsUpdate = false;
- } else {
- object.matrix = JIThierarchy[ h ][ frame ];
- object.matrixWorldNeedsUpdate = true;
- }
- // use interpolation
- } else if ( keys.length ) {
- // make sure so original matrix and not JIT matrix is set
- if ( this.JITCompile && animationCache ) {
- if( object instanceof THREE.Bone ) {
- object.skinMatrix = animationCache.originalMatrix;
- } else {
- object.matrix = animationCache.originalMatrix;
- }
- }
- prevKey = animationCache.prevKey;
- nextKey = animationCache.nextKey;
- if ( prevKey && nextKey ) {
- // switch keys?
- if ( nextKey.time <= unloopedCurrentTime ) {
- // did we loop?
- if ( looped && this.loop ) {
- prevKey = keys[ 0 ];
- nextKey = keys[ 1 ];
- while ( nextKey.time < currentTime ) {
- prevKey = nextKey;
- nextKey = keys[ prevKey.index + 1 ];
- }
- } else if ( !looped ) {
- var lastIndex = keys.length - 1;
- while ( nextKey.time < currentTime && nextKey.index !== lastIndex ) {
- prevKey = nextKey;
- nextKey = keys[ prevKey.index + 1 ];
- }
- }
- animationCache.prevKey = prevKey;
- animationCache.nextKey = nextKey;
- }
- if(nextKey.time >= currentTime)
- prevKey.interpolate( nextKey, currentTime );
- else
- prevKey.interpolate( nextKey, nextKey.time);
- }
- this.data.hierarchy[h].node.updateMatrix();
- object.matrixWorldNeedsUpdate = true;
- }
- }
- // update JIT?
- if ( this.JITCompile ) {
- if ( JIThierarchy[ 0 ][ frame ] === undefined ) {
- this.hierarchy[ 0 ].updateMatrixWorld( true );
- for ( var h = 0; h < this.hierarchy.length; h++ ) {
- if( this.hierarchy[ h ] instanceof THREE.Bone ) {
- JIThierarchy[ h ][ frame ] = this.hierarchy[ h ].skinMatrix.clone();
- } else {
- JIThierarchy[ h ][ frame ] = this.hierarchy[ h ].matrix.clone();
- }
- }
- }
- }
- };
- // Get next key with
- THREE.KeyFrameAnimation.prototype.getNextKeyWith = function( sid, h, key ) {
- var keys = this.data.hierarchy[ h ].keys;
- key = key % keys.length;
- for ( ; key < keys.length; key++ ) {
- if ( keys[ key ].hasTarget( sid ) ) {
- return keys[ key ];
- }
- }
- return keys[ 0 ];
- };
- // Get previous key with
- THREE.KeyFrameAnimation.prototype.getPrevKeyWith = function( sid, h, key ) {
- var keys = this.data.hierarchy[ h ].keys;
- key = key >= 0 ? key : key + keys.length;
- for ( ; key >= 0; key-- ) {
- if ( keys[ key ].hasTarget( sid ) ) {
- return keys[ key ];
- }
- }
- return keys[ keys.length - 1 ];
- };
- /**
- * Camera for rendering cube maps
- * - renders scene into axis-aligned cube
- *
- * @author alteredq / http://alteredqualia.com/
- */
- THREE.CubeCamera = function ( near, far, cubeResolution ) {
- this.position = new THREE.Vector3();
- var fov = 90, aspect = 1;
- var cameraPX = new THREE.PerspectiveCamera( fov, aspect, near, far );
- var cameraNX = new THREE.PerspectiveCamera( fov, aspect, near, far );
- var cameraPY = new THREE.PerspectiveCamera( fov, aspect, near, far );
- var cameraNY = new THREE.PerspectiveCamera( fov, aspect, near, far );
- var cameraPZ = new THREE.PerspectiveCamera( fov, aspect, near, far );
- var cameraNZ = new THREE.PerspectiveCamera( fov, aspect, near, far );
- cameraPX.position = this.position;
- cameraPX.up.set( 0, -1, 0 );
- cameraPX.lookAt( new THREE.Vector3( 1, 0, 0 ) );
- cameraNX.position = this.position;
- cameraNX.up.set( 0, -1, 0 );
- cameraNX.lookAt( new THREE.Vector3( -1, 0, 0 ) );
- cameraPY.position = this.position;
- cameraPY.up.set( 0, 0, 1 );
- cameraPY.lookAt( new THREE.Vector3( 0, 1, 0 ) );
- cameraNY.position = this.position;
- cameraNY.up.set( 0, 0, -1 );
- cameraNY.lookAt( new THREE.Vector3( 0, -1, 0 ) );
- cameraPZ.position = this.position;
- cameraPZ.up.set( 0, -1, 0 );
- cameraPZ.lookAt( new THREE.Vector3( 0, 0, 1 ) );
- cameraNZ.position = this.position;
- cameraNZ.up.set( 0, -1, 0 );
- cameraNZ.lookAt( new THREE.Vector3( 0, 0, -1 ) );
- // cube render target
- this.renderTarget = new THREE.WebGLRenderTargetCube( cubeResolution, cubeResolution, { format: THREE.RGBFormat, magFilter: THREE.LinearFilter, minFilter: THREE.LinearFilter } );
- this.updateCubeMap = function ( renderer, scene ) {
- var cubeTarget = this.renderTarget;
- var oldGenerateMipmaps = cubeTarget.generateMipmaps;
- cubeTarget.generateMipmaps = false;
- cubeTarget.activeCubeFace = 0;
- renderer.render( scene, cameraPX, cubeTarget );
- cubeTarget.activeCubeFace = 1;
- renderer.render( scene, cameraNX, cubeTarget );
- cubeTarget.activeCubeFace = 2;
- renderer.render( scene, cameraPY, cubeTarget );
- cubeTarget.activeCubeFace = 3;
- renderer.render( scene, cameraNY, cubeTarget );
- cubeTarget.activeCubeFace = 4;
- renderer.render( scene, cameraPZ, cubeTarget );
- cubeTarget.generateMipmaps = oldGenerateMipmaps;
- cubeTarget.activeCubeFace = 5;
- renderer.render( scene, cameraNZ, cubeTarget );
- };
- };
- /*
- * @author zz85 / http://twitter.com/blurspline / http://www.lab4games.net/zz85/blog
- *
- * A handy general perpose camera, for setting FOV, Lens Focal Length,
- * and switching between perspective and orthographic views easily.
- *
- */
- THREE.CombinedCamera = function ( width, height, fov, near, far, orthonear, orthofar ) {
- THREE.Camera.call( this );
- this.fov = fov;
-
- this.left = -width / 2;
- this.right = width / 2
- this.top = height / 2;
- this.bottom = -height / 2;
-
- // We could also handle the projectionMatrix internally, but just wanted to test nested camera objects
- this.cameraO = new THREE.OrthographicCamera( width / - 2, width / 2, height / 2, height / - 2, orthonear, orthofar );
- this.cameraP = new THREE.PerspectiveCamera( fov, width/height, near, far );
- this.zoom = 1;
-
- this.toPerspective();
-
-
- var aspect = width/height;
-
-
- };
- THREE.CombinedCamera.prototype = new THREE.Camera();
- THREE.CombinedCamera.prototype.constructor = THREE.CoolCamera;
- THREE.CombinedCamera.prototype.toPerspective = function () {
- this.near = this.cameraP.near;
- this.far = this.cameraP.far;
- this.cameraP.fov = this.fov / this.zoom ;
- this.cameraP.updateProjectionMatrix();
- this.projectionMatrix = this.cameraP.projectionMatrix;
-
- this.inPersepectiveMode = true;
- this.inOrthographicMode = false;
- };
- THREE.CombinedCamera.prototype.toOrthographic = function () {
- // Orthographic from Perspective
- var fov = this.fov;
- var aspect = this.cameraP.aspect;
- var near = this.cameraP.near;
- var far = this.cameraP.far;
-
-
- // Just pretend we want the mid plane of the viewing frustum
- var hyperfocus = ( near + far ) / 2;
-
- var halfHeight = Math.tan( fov / 2 ) * hyperfocus;
- var planeHeight = 2 * halfHeight;
- var planeWidth = planeHeight * aspect;
- var halfWidth = planeWidth / 2;
-
- halfHeight /= this.zoom;
- halfWidth /= this.zoom;
-
- this.cameraO.left = -halfWidth;
- this.cameraO.right = halfWidth;
- this.cameraO.top = halfHeight;
- this.cameraO.bottom = -halfHeight;
-
- // this.cameraO.left = -farHalfWidth;
- // this.cameraO.right = farHalfWidth;
- // this.cameraO.top = farHalfHeight;
- // this.cameraO.bottom = -farHalfHeight;
- // this.cameraO.left = this.left / this.zoom;
- // this.cameraO.right = this.right / this.zoom;
- // this.cameraO.top = this.top / this.zoom;
- // this.cameraO.bottom = this.bottom / this.zoom;
-
- this.cameraO.updateProjectionMatrix();
- this.near = this.cameraO.near;
- this.far = this.cameraO.far;
- this.projectionMatrix = this.cameraO.projectionMatrix;
-
- this.inPersepectiveMode = false;
- this.inOrthographicMode = true;
- };
- THREE.CombinedCamera.prototype.setFov = function(fov) {
- this.fov = fov;
-
- if (this.inPersepectiveMode) {
- this.toPerspective();
- } else {
- this.toOrthographic();
- }
- };
- /*
- * Uses Focal Length (in mm) to estimate and set FOV
- * 35mm (fullframe) camera is used if frame size is not specified;
- * Formula based on http://www.bobatkins.com/photography/technical/field_of_view.html
- */
- THREE.CombinedCamera.prototype.setLens = function ( focalLength, frameHeight ) {
- frameHeight = frameHeight !== undefined ? frameHeight : 24;
- var fov = 2 * Math.atan( frameHeight / ( focalLength * 2 ) ) * ( 180 / Math.PI );
- this.setFov( fov );
- return fov;
- };
- THREE.CombinedCamera.prototype.setZoom = function(zoom) {
- this.zoom = zoom;
-
- if (this.inPersepectiveMode) {
- this.toPerspective();
- } else {
- this.toOrthographic();
- }
-
- };
- THREE.CombinedCamera.prototype.toFrontView = function() {
- this.rotation.x = 0;
- this.rotation.y = 0;
- this.rotation.z = 0;
-
- //TODO: Better way to disable camera.lookAt()?
- this.rotationAutoUpdate = false;
- };
- THREE.CombinedCamera.prototype.toBackView = function() {
- this.rotation.x = 0;
- this.rotation.y = Math.PI;
- this.rotation.z = 0;
- this.rotationAutoUpdate = false;
- };
-
- THREE.CombinedCamera.prototype.toLeftView = function() {
- this.rotation.x = 0;
- this.rotation.y = - Math.PI / 2;
- this.rotation.z = 0;
- this.rotationAutoUpdate = false;
- };
- THREE.CombinedCamera.prototype.toRightView = function() {
- this.rotation.x = 0;
- this.rotation.y = Math.PI / 2;
- this.rotation.z = 0;
- this.rotationAutoUpdate = false;
- };
- THREE.CombinedCamera.prototype.toTopView = function() {
- this.rotation.x = - Math.PI / 2;
- this.rotation.y = 0;
- this.rotation.z = 0;
- this.rotationAutoUpdate = false;
- };
- THREE.CombinedCamera.prototype.toBottomView = function() {
- this.rotation.x = Math.PI / 2;
- this.rotation.y = 0;
- this.rotation.z = 0;
- this.rotationAutoUpdate = false;
- };
- /**
- * @author mrdoob / http://mrdoob.com/
- * @author alteredq / http://alteredqualia.com/
- * @author paulirish / http://paulirish.com/
- */
- THREE.FirstPersonControls = function ( object, domElement ) {
- this.object = object;
- this.target = new THREE.Vector3( 0, 0, 0 );
- this.domElement = ( domElement !== undefined ) ? domElement : document;
- this.movementSpeed = 1.0;
- this.lookSpeed = 0.005;
- this.noFly = false;
- this.lookVertical = true;
- this.autoForward = false;
- this.activeLook = true;
- this.heightSpeed = false;
- this.heightCoef = 1.0;
- this.heightMin = 0.0;
- this.constrainVertical = false;
- this.verticalMin = 0;
- this.verticalMax = Math.PI;
- this.autoSpeedFactor = 0.0;
- this.mouseX = 0;
- this.mouseY = 0;
- this.lat = 0;
- this.lon = 0;
- this.phi = 0;
- this.theta = 0;
- this.moveForward = false;
- this.moveBackward = false;
- this.moveLeft = false;
- this.moveRight = false;
- this.freeze = false;
- this.mouseDragOn = false;
- if ( this.domElement === document ) {
- this.viewHalfX = window.innerWidth / 2;
- this.viewHalfY = window.innerHeight / 2;
- } else {
- this.viewHalfX = this.domElement.offsetWidth / 2;
- this.viewHalfY = this.domElement.offsetHeight / 2;
- this.domElement.setAttribute( 'tabindex', -1 );
- }
- this.onMouseDown = function ( event ) {
- if ( this.domElement !== document ) {
- this.domElement.focus();
- }
- event.preventDefault();
- event.stopPropagation();
- if ( this.activeLook ) {
- switch ( event.button ) {
- case 0: this.moveForward = true; break;
- case 2: this.moveBackward = true; break;
- }
- }
- this.mouseDragOn = true;
- };
- this.onMouseUp = function ( event ) {
- event.preventDefault();
- event.stopPropagation();
- if ( this.activeLook ) {
- switch ( event.button ) {
- case 0: this.moveForward = false; break;
- case 2: this.moveBackward = false; break;
- }
- }
- this.mouseDragOn = false;
- };
- this.onMouseMove = function ( event ) {
- if ( this.domElement === document ) {
- this.mouseX = event.pageX - this.viewHalfX;
- this.mouseY = event.pageY - this.viewHalfY;
- } else {
- this.mouseX = event.pageX - this.domElement.offsetLeft - this.viewHalfX;
- this.mouseY = event.pageY - this.domElement.offsetTop - this.viewHalfY;
- }
- };
- this.onKeyDown = function ( event ) {
- switch( event.keyCode ) {
- case 38: /*up*/
- case 87: /*W*/ this.moveForward = true; break;
- case 37: /*left*/
- case 65: /*A*/ this.moveLeft = true; break;
- case 40: /*down*/
- case 83: /*S*/ this.moveBackward = true; break;
- case 39: /*right*/
- case 68: /*D*/ this.moveRight = true; break;
- case 82: /*R*/ this.moveUp = true; break;
- case 70: /*F*/ this.moveDown = true; break;
- case 81: /*Q*/ this.freeze = !this.freeze; break;
- }
- };
- this.onKeyUp = function ( event ) {
- switch( event.keyCode ) {
- case 38: /*up*/
- case 87: /*W*/ this.moveForward = false; break;
- case 37: /*left*/
- case 65: /*A*/ this.moveLeft = false; break;
- case 40: /*down*/
- case 83: /*S*/ this.moveBackward = false; break;
- case 39: /*right*/
- case 68: /*D*/ this.moveRight = false; break;
- case 82: /*R*/ this.moveUp = false; break;
- case 70: /*F*/ this.moveDown = false; break;
- }
- };
- this.update = function( delta ) {
- var actualMoveSpeed = 0;
-
- if ( this.freeze ) {
-
- return;
-
- } else {
- if ( this.heightSpeed ) {
- var y = THREE.Math.clamp( this.object.position.y, this.heightMin, this.heightMax );
- var heightDelta = y - this.heightMin;
- this.autoSpeedFactor = delta * ( heightDelta * this.heightCoef );
- } else {
- this.autoSpeedFactor = 0.0;
- }
- actualMoveSpeed = delta * this.movementSpeed;
- if ( this.moveForward || ( this.autoForward && !this.moveBackward ) ) this.object.translateZ( - ( actualMoveSpeed + this.autoSpeedFactor ) );
- if ( this.moveBackward ) this.object.translateZ( actualMoveSpeed );
- if ( this.moveLeft ) this.object.translateX( - actualMoveSpeed );
- if ( this.moveRight ) this.object.translateX( actualMoveSpeed );
- if ( this.moveUp ) this.object.translateY( actualMoveSpeed );
- if ( this.moveDown ) this.object.translateY( - actualMoveSpeed );
- var actualLookSpeed = delta * this.lookSpeed;
- if ( !this.activeLook ) {
- actualLookSpeed = 0;
- }
- this.lon += this.mouseX * actualLookSpeed;
- if( this.lookVertical ) this.lat -= this.mouseY * actualLookSpeed;
- this.lat = Math.max( - 85, Math.min( 85, this.lat ) );
- this.phi = ( 90 - this.lat ) * Math.PI / 180;
- this.theta = this.lon * Math.PI / 180;
- var targetPosition = this.target,
- position = this.object.position;
- targetPosition.x = position.x + 100 * Math.sin( this.phi ) * Math.cos( this.theta );
- targetPosition.y = position.y + 100 * Math.cos( this.phi );
- targetPosition.z = position.z + 100 * Math.sin( this.phi ) * Math.sin( this.theta );
- }
- var verticalLookRatio = 1;
- if ( this.constrainVertical ) {
- verticalLookRatio = Math.PI / ( this.verticalMax - this.verticalMin );
- }
- this.lon += this.mouseX * actualLookSpeed;
- if( this.lookVertical ) this.lat -= this.mouseY * actualLookSpeed * verticalLookRatio;
- this.lat = Math.max( - 85, Math.min( 85, this.lat ) );
- this.phi = ( 90 - this.lat ) * Math.PI / 180;
- this.theta = this.lon * Math.PI / 180;
- if ( this.constrainVertical ) {
- this.phi = THREE.Math.mapLinear( this.phi, 0, Math.PI, this.verticalMin, this.verticalMax );
- }
- var targetPosition = this.target,
- position = this.object.position;
- targetPosition.x = position.x + 100 * Math.sin( this.phi ) * Math.cos( this.theta );
- targetPosition.y = position.y + 100 * Math.cos( this.phi );
- targetPosition.z = position.z + 100 * Math.sin( this.phi ) * Math.sin( this.theta );
- this.object.lookAt( targetPosition );
- };
- this.domElement.addEventListener( 'contextmenu', function ( event ) { event.preventDefault(); }, false );
- this.domElement.addEventListener( 'mousemove', bind( this, this.onMouseMove ), false );
- this.domElement.addEventListener( 'mousedown', bind( this, this.onMouseDown ), false );
- this.domElement.addEventListener( 'mouseup', bind( this, this.onMouseUp ), false );
- this.domElement.addEventListener( 'keydown', bind( this, this.onKeyDown ), false );
- this.domElement.addEventListener( 'keyup', bind( this, this.onKeyUp ), false );
- function bind( scope, fn ) {
- return function () {
- fn.apply( scope, arguments );
- };
- };
- };
- /**
- * @author alteredq / http://alteredqualia.com/
- */
- THREE.PathControls = function ( object, domElement ) {
- this.object = object;
- this.domElement = ( domElement !== undefined ) ? domElement : document;
- this.id = "PathControls" + THREE.PathControlsIdCounter ++;
- // API
- this.duration = 10 * 1000; // milliseconds
- this.waypoints = [];
- this.useConstantSpeed = true;
- this.resamplingCoef = 50;
- this.debugPath = new THREE.Object3D();
- this.debugDummy = new THREE.Object3D();
- this.animationParent = new THREE.Object3D();
- this.lookSpeed = 0.005;
- this.lookVertical = true;
- this.lookHorizontal = true;
- this.verticalAngleMap = { srcRange: [ 0, 2 * Math.PI ], dstRange: [ 0, 2 * Math.PI ] };
- this.horizontalAngleMap = { srcRange: [ 0, 2 * Math.PI ], dstRange: [ 0, 2 * Math.PI ] };
- // internals
- this.target = new THREE.Object3D();
- this.mouseX = 0;
- this.mouseY = 0;
- this.lat = 0;
- this.lon = 0;
- this.phi = 0;
- this.theta = 0;
- if ( this.domElement === document ) {
- this.viewHalfX = window.innerWidth / 2;
- this.viewHalfY = window.innerHeight / 2;
- } else {
- this.viewHalfX = this.domElement.offsetWidth / 2;
- this.viewHalfY = this.domElement.offsetHeight / 2;
- this.domElement.setAttribute( 'tabindex', -1 );
- }
- var PI2 = Math.PI * 2,
- PI180 = Math.PI / 180;
- // methods
- this.update = function ( delta ) {
- var srcRange, dstRange;
- if( this.lookHorizontal ) this.lon += this.mouseX * this.lookSpeed * delta;
- if( this.lookVertical ) this.lat -= this.mouseY * this.lookSpeed * delta;
- this.lon = Math.max( 0, Math.min( 360, this.lon ) );
- this.lat = Math.max( - 85, Math.min( 85, this.lat ) );
- this.phi = ( 90 - this.lat ) * PI180;
- this.theta = this.lon * PI180;
- this.phi = normalize_angle_rad( this.phi );
- // constrain vertical look angle
- srcRange = this.verticalAngleMap.srcRange;
- dstRange = this.verticalAngleMap.dstRange;
- var tmpPhi = THREE.Math.mapLinear( this.phi, srcRange[ 0 ], srcRange[ 1 ], dstRange[ 0 ], dstRange[ 1 ] );
- var tmpPhiFullRange = dstRange[ 1 ] - dstRange[ 0 ];
- var tmpPhiNormalized = ( tmpPhi - dstRange[ 0 ] ) / tmpPhiFullRange;
- this.phi = QuadraticEaseInOut( tmpPhiNormalized ) * tmpPhiFullRange + dstRange[ 0 ];
- // constrain horizontal look angle
- srcRange = this.horizontalAngleMap.srcRange;
- dstRange = this.horizontalAngleMap.dstRange;
- var tmpTheta = THREE.Math.mapLinear( this.theta, srcRange[ 0 ], srcRange[ 1 ], dstRange[ 0 ], dstRange[ 1 ] );
- var tmpThetaFullRange = dstRange[ 1 ] - dstRange[ 0 ];
- var tmpThetaNormalized = ( tmpTheta - dstRange[ 0 ] ) / tmpThetaFullRange;
- this.theta = QuadraticEaseInOut( tmpThetaNormalized ) * tmpThetaFullRange + dstRange[ 0 ];
- var targetPosition = this.target.position,
- position = this.object.position;
- targetPosition.x = 100 * Math.sin( this.phi ) * Math.cos( this.theta );
- targetPosition.y = 100 * Math.cos( this.phi );
- targetPosition.z = 100 * Math.sin( this.phi ) * Math.sin( this.theta );
- this.object.lookAt( this.target.position );
- };
- this.onMouseMove = function ( event ) {
- if ( this.domElement === document ) {
- this.mouseX = event.pageX - this.viewHalfX;
- this.mouseY = event.pageY - this.viewHalfY;
- } else {
- this.mouseX = event.pageX - this.domElement.offsetLeft - this.viewHalfX;
- this.mouseY = event.pageY - this.domElement.offsetTop - this.viewHalfY;
- }
- };
- // utils
- function normalize_angle_rad( a ) {
- var b = a % PI2;
- return b >= 0 ? b : b + PI2;
- };
- function distance( a, b ) {
- var dx = a[ 0 ] - b[ 0 ],
- dy = a[ 1 ] - b[ 1 ],
- dz = a[ 2 ] - b[ 2 ];
- return Math.sqrt( dx * dx + dy * dy + dz * dz );
- };
- function QuadraticEaseInOut ( k ) {
- if ( ( k *= 2 ) < 1 ) return 0.5 * k * k;
- return - 0.5 * ( --k * ( k - 2 ) - 1 );
- };
- function bind( scope, fn ) {
- return function () {
- fn.apply( scope, arguments );
- };
- };
- function initAnimationPath( parent, spline, name, duration ) {
- var animationData = {
- name: name,
- fps: 0.6,
- length: duration,
- hierarchy: []
- };
- var i,
- parentAnimation, childAnimation,
- path = spline.getControlPointsArray(),
- sl = spline.getLength(),
- pl = path.length,
- t = 0,
- first = 0,
- last = pl - 1;
- parentAnimation = { parent: -1, keys: [] };
- parentAnimation.keys[ first ] = { time: 0, pos: path[ first ], rot: [ 0, 0, 0, 1 ], scl: [ 1, 1, 1 ] };
- parentAnimation.keys[ last ] = { time: duration, pos: path[ last ], rot: [ 0, 0, 0, 1 ], scl: [ 1, 1, 1 ] };
- for ( i = 1; i < pl - 1; i++ ) {
- // real distance (approximation via linear segments)
- t = duration * sl.chunks[ i ] / sl.total;
- // equal distance
- //t = duration * ( i / pl );
- // linear distance
- //t += duration * distance( path[ i ], path[ i - 1 ] ) / sl.total;
- parentAnimation.keys[ i ] = { time: t, pos: path[ i ] };
- }
- animationData.hierarchy[ 0 ] = parentAnimation;
- THREE.AnimationHandler.add( animationData );
- return new THREE.Animation( parent, name, THREE.AnimationHandler.CATMULLROM_FORWARD, false );
- };
- function createSplineGeometry( spline, n_sub ) {
- var i, index, position,
- geometry = new THREE.Geometry();
- for ( i = 0; i < spline.points.length * n_sub; i ++ ) {
- index = i / ( spline.points.length * n_sub );
- position = spline.getPoint( index );
- geometry.vertices[ i ] = new THREE.Vertex( new THREE.Vector3( position.x, position.y, position.z ) );
- }
- return geometry;
- };
- function createPath( parent, spline ) {
- var lineGeo = createSplineGeometry( spline, 10 ),
- particleGeo = createSplineGeometry( spline, 10 ),
- lineMat = new THREE.LineBasicMaterial( { color: 0xff0000, linewidth: 3 } ),
- lineObj = new THREE.Line( lineGeo, lineMat ),
- particleObj = new THREE.ParticleSystem( particleGeo, new THREE.ParticleBasicMaterial( { color: 0xffaa00, size: 3 } ) );
- lineObj.scale.set( 1, 1, 1 );
- parent.add( lineObj );
- particleObj.scale.set( 1, 1, 1 );
- parent.add( particleObj );
- var waypoint,
- geo = new THREE.SphereGeometry( 1, 16, 8 ),
- mat = new THREE.MeshBasicMaterial( { color: 0x00ff00 } );
- for ( var i = 0; i < spline.points.length; i ++ ) {
- waypoint = new THREE.Mesh( geo, mat );
- waypoint.position.copy( spline.points[ i ] );
- parent.add( waypoint );
- }
- };
- this.init = function ( ) {
- // constructor
- this.spline = new THREE.Spline();
- this.spline.initFromArray( this.waypoints );
- if ( this.useConstantSpeed ) {
- this.spline.reparametrizeByArcLength( this.resamplingCoef );
- }
- if ( this.createDebugDummy ) {
- var dummyParentMaterial = new THREE.MeshLambertMaterial( { color: 0x0077ff } ),
- dummyChildMaterial = new THREE.MeshLambertMaterial( { color: 0x00ff00 } ),
- dummyParentGeo = new THREE.CubeGeometry( 10, 10, 20 ),
- dummyChildGeo = new THREE.CubeGeometry( 2, 2, 10 );
- this.animationParent = new THREE.Mesh( dummyParentGeo, dummyParentMaterial );
- var dummyChild = new THREE.Mesh( dummyChildGeo, dummyChildMaterial );
- dummyChild.position.set( 0, 10, 0 );
- this.animation = initAnimationPath( this.animationParent, this.spline, this.id, this.duration );
- this.animationParent.add( this.object );
- this.animationParent.add( this.target );
- this.animationParent.add( dummyChild );
- } else {
- this.animation = initAnimationPath( this.animationParent, this.spline, this.id, this.duration );
- this.animationParent.add( this.target );
- this.animationParent.add( this.object );
- }
- if ( this.createDebugPath ) {
- createPath( this.debugPath, this.spline );
- }
- this.domElement.addEventListener( 'mousemove', bind( this, this.onMouseMove ), false );
- };
- };
- THREE.PathControlsIdCounter = 0;
- /**
- * @author James Baicoianu / http://www.baicoianu.com/
- */
- THREE.FlyControls = function ( object, domElement ) {
- this.object = object;
- this.domElement = ( domElement !== undefined ) ? domElement : document;
- if ( domElement ) this.domElement.setAttribute( 'tabindex', -1 );
- // API
- this.movementSpeed = 1.0;
- this.rollSpeed = 0.005;
- this.dragToLook = false;
- this.autoForward = false;
- // disable default target object behavior
- this.object.useQuaternion = true;
- // internals
- this.tmpQuaternion = new THREE.Quaternion();
- this.mouseStatus = 0;
- this.moveState = { up: 0, down: 0, left: 0, right: 0, forward: 0, back: 0, pitchUp: 0, pitchDown: 0, yawLeft: 0, yawRight: 0, rollLeft: 0, rollRight: 0 };
- this.moveVector = new THREE.Vector3( 0, 0, 0 );
- this.rotationVector = new THREE.Vector3( 0, 0, 0 );
- this.handleEvent = function ( event ) {
- if ( typeof this[ event.type ] == 'function' ) {
- this[ event.type ]( event );
- }
- };
- this.keydown = function( event ) {
- if ( event.altKey ) {
- return;
- }
- switch( event.keyCode ) {
- case 16: /* shift */ this.movementSpeedMultiplier = .1; break;
- case 87: /*W*/ this.moveState.forward = 1; break;
- case 83: /*S*/ this.moveState.back = 1; break;
- case 65: /*A*/ this.moveState.left = 1; break;
- case 68: /*D*/ this.moveState.right = 1; break;
- case 82: /*R*/ this.moveState.up = 1; break;
- case 70: /*F*/ this.moveState.down = 1; break;
- case 38: /*up*/ this.moveState.pitchUp = 1; break;
- case 40: /*down*/ this.moveState.pitchDown = 1; break;
- case 37: /*left*/ this.moveState.yawLeft = 1; break;
- case 39: /*right*/ this.moveState.yawRight = 1; break;
- case 81: /*Q*/ this.moveState.rollLeft = 1; break;
- case 69: /*E*/ this.moveState.rollRight = 1; break;
- }
- this.updateMovementVector();
- this.updateRotationVector();
- };
- this.keyup = function( event ) {
- switch( event.keyCode ) {
- case 16: /* shift */ this.movementSpeedMultiplier = 1; break;
- case 87: /*W*/ this.moveState.forward = 0; break;
- case 83: /*S*/ this.moveState.back = 0; break;
- case 65: /*A*/ this.moveState.left = 0; break;
- case 68: /*D*/ this.moveState.right = 0; break;
- case 82: /*R*/ this.moveState.up = 0; break;
- case 70: /*F*/ this.moveState.down = 0; break;
- case 38: /*up*/ this.moveState.pitchUp = 0; break;
- case 40: /*down*/ this.moveState.pitchDown = 0; break;
- case 37: /*left*/ this.moveState.yawLeft = 0; break;
- case 39: /*right*/ this.moveState.yawRight = 0; break;
- case 81: /*Q*/ this.moveState.rollLeft = 0; break;
- case 69: /*E*/ this.moveState.rollRight = 0; break;
- }
- this.updateMovementVector();
- this.updateRotationVector();
- };
- this.mousedown = function( event ) {
- if ( this.domElement !== document ) {
- this.domElement.focus();
- }
- event.preventDefault();
- event.stopPropagation();
- if ( this.dragToLook ) {
- this.mouseStatus ++;
- } else {
- switch ( event.button ) {
- case 0: this.object.moveForward = true; break;
- case 2: this.object.moveBackward = true; break;
- }
- }
- };
- this.mousemove = function( event ) {
- if ( !this.dragToLook || this.mouseStatus > 0 ) {
- var container = this.getContainerDimensions();
- var halfWidth = container.size[ 0 ] / 2;
- var halfHeight = container.size[ 1 ] / 2;
- this.moveState.yawLeft = - ( ( event.pageX - container.offset[ 0 ] ) - halfWidth ) / halfWidth;
- this.moveState.pitchDown = ( ( event.pageY - container.offset[ 1 ] ) - halfHeight ) / halfHeight;
- this.updateRotationVector();
- }
- };
- this.mouseup = function( event ) {
- event.preventDefault();
- event.stopPropagation();
- if ( this.dragToLook ) {
- this.mouseStatus --;
- this.moveState.yawLeft = this.moveState.pitchDown = 0;
- } else {
- switch ( event.button ) {
- case 0: this.moveForward = false; break;
- case 2: this.moveBackward = false; break;
- }
- }
- this.updateRotationVector();
- };
- this.update = function( delta ) {
- var moveMult = delta * this.movementSpeed;
- var rotMult = delta * this.rollSpeed;
- this.object.translateX( this.moveVector.x * moveMult );
- this.object.translateY( this.moveVector.y * moveMult );
- this.object.translateZ( this.moveVector.z * moveMult );
- this.tmpQuaternion.set( this.rotationVector.x * rotMult, this.rotationVector.y * rotMult, this.rotationVector.z * rotMult, 1 ).normalize();
- this.object.quaternion.multiplySelf( this.tmpQuaternion );
- this.object.matrix.setPosition( this.object.position );
- this.object.matrix.setRotationFromQuaternion( this.object.quaternion );
- this.object.matrixWorldNeedsUpdate = true;
- };
- this.updateMovementVector = function() {
- var forward = ( this.moveState.forward || ( this.autoForward && !this.moveState.back ) ) ? 1 : 0;
- this.moveVector.x = ( -this.moveState.left + this.moveState.right );
- this.moveVector.y = ( -this.moveState.down + this.moveState.up );
- this.moveVector.z = ( -forward + this.moveState.back );
- //console.log( 'move:', [ this.moveVector.x, this.moveVector.y, this.moveVector.z ] );
- };
- this.updateRotationVector = function() {
- this.rotationVector.x = ( -this.moveState.pitchDown + this.moveState.pitchUp );
- this.rotationVector.y = ( -this.moveState.yawRight + this.moveState.yawLeft );
- this.rotationVector.z = ( -this.moveState.rollRight + this.moveState.rollLeft );
- //console.log( 'rotate:', [ this.rotationVector.x, this.rotationVector.y, this.rotationVector.z ] );
- };
- this.getContainerDimensions = function() {
- if ( this.domElement != document ) {
- return {
- size : [ this.domElement.offsetWidth, this.domElement.offsetHeight ],
- offset : [ this.domElement.offsetLeft, this.domElement.offsetTop ]
- };
- } else {
- return {
- size : [ window.innerWidth, window.innerHeight ],
- offset : [ 0, 0 ]
- };
- }
- };
- function bind( scope, fn ) {
- return function () {
- fn.apply( scope, arguments );
- };
- };
- this.domElement.addEventListener( 'mousemove', bind( this, this.mousemove ), false );
- this.domElement.addEventListener( 'mousedown', bind( this, this.mousedown ), false );
- this.domElement.addEventListener( 'mouseup', bind( this, this.mouseup ), false );
- this.domElement.addEventListener( 'keydown', bind( this, this.keydown ), false );
- this.domElement.addEventListener( 'keyup', bind( this, this.keyup ), false );
- this.updateMovementVector();
- this.updateRotationVector();
- };
- /**
- * @author mikael emtinger / http://gomo.se/
- * @author alteredq / http://alteredqualia.com/
- */
- THREE.RollControls = function ( object, domElement ) {
- this.object = object;
- this.domElement = ( domElement !== undefined ) ? domElement : document;
- // API
- this.mouseLook = true;
- this.autoForward = false;
- this.lookSpeed = 1;
- this.movementSpeed = 1;
- this.rollSpeed = 1;
- this.constrainVertical = [ -0.9, 0.9 ];
- // disable default target object behavior
- this.object.matrixAutoUpdate = false;
- // internals
- this.forward = new THREE.Vector3( 0, 0, 1 );
- this.roll = 0;
- var xTemp = new THREE.Vector3();
- var yTemp = new THREE.Vector3();
- var zTemp = new THREE.Vector3();
- var rollMatrix = new THREE.Matrix4();
- var doRoll = false, rollDirection = 1, forwardSpeed = 0, sideSpeed = 0, upSpeed = 0;
- var mouseX = 0, mouseY = 0;
- var windowHalfX = window.innerWidth / 2;
- var windowHalfY = window.innerHeight / 2;
- // custom update
- this.update = function ( delta ) {
- if ( this.mouseLook ) {
- var actualLookSpeed = delta * this.lookSpeed;
- this.rotateHorizontally( actualLookSpeed * mouseX );
- this.rotateVertically( actualLookSpeed * mouseY );
- }
- var actualSpeed = delta * this.movementSpeed;
- var forwardOrAuto = ( forwardSpeed > 0 || ( this.autoForward && ! ( forwardSpeed < 0 ) ) ) ? 1 : forwardSpeed;
- this.object.translateZ( -actualSpeed * forwardOrAuto );
- this.object.translateX( actualSpeed * sideSpeed );
- this.object.translateY( actualSpeed * upSpeed );
- if( doRoll ) {
- this.roll += this.rollSpeed * delta * rollDirection;
- }
- // cap forward up / down
- if( this.forward.y > this.constrainVertical[ 1 ] ) {
- this.forward.y = this.constrainVertical[ 1 ];
- this.forward.normalize();
- } else if( this.forward.y < this.constrainVertical[ 0 ] ) {
- this.forward.y = this.constrainVertical[ 0 ];
- this.forward.normalize();
- }
- // construct unrolled camera matrix
- zTemp.copy( this.forward );
- yTemp.set( 0, 1, 0 );
- xTemp.cross( yTemp, zTemp ).normalize();
- yTemp.cross( zTemp, xTemp ).normalize();
- this.object.matrix.elements[0] = xTemp.x; this.object.matrix.elements[4] = yTemp.x; this.object.matrix.elements[8] = zTemp.x;
- this.object.matrix.elements[1] = xTemp.y; this.object.matrix.elements[5] = yTemp.y; this.object.matrix.elements[9] = zTemp.y;
- this.object.matrix.elements[2] = xTemp.z; this.object.matrix.elements[6] = yTemp.z; this.object.matrix.elements[10] = zTemp.z;
- // calculate roll matrix
- rollMatrix.identity();
- rollMatrix.elements[0] = Math.cos( this.roll ); rollMatrix.elements[4] = -Math.sin( this.roll );
- rollMatrix.elements[1] = Math.sin( this.roll ); rollMatrix.elements[5] = Math.cos( this.roll );
- // multiply camera with roll
- this.object.matrix.multiplySelf( rollMatrix );
- this.object.matrixWorldNeedsUpdate = true;
- // set position
- this.object.matrix.elements[12] = this.object.position.x;
- this.object.matrix.elements[13] = this.object.position.y;
- this.object.matrix.elements[14] = this.object.position.z;
- };
- this.translateX = function ( distance ) {
- this.object.position.x += this.object.matrix.elements[0] * distance;
- this.object.position.y += this.object.matrix.elements[1] * distance;
- this.object.position.z += this.object.matrix.elements[2] * distance;
- };
- this.translateY = function ( distance ) {
- this.object.position.x += this.object.matrix.elements[4] * distance;
- this.object.position.y += this.object.matrix.elements[5] * distance;
- this.object.position.z += this.object.matrix.elements[6] * distance;
- };
- this.translateZ = function ( distance ) {
- this.object.position.x -= this.object.matrix.elements[8] * distance;
- this.object.position.y -= this.object.matrix.elements[9] * distance;
- this.object.position.z -= this.object.matrix.elements[10] * distance;
- };
- this.rotateHorizontally = function ( amount ) {
- // please note that the amount is NOT degrees, but a scale value
- xTemp.set( this.object.matrix.elements[0], this.object.matrix.elements[1], this.object.matrix.elements[2] );
- xTemp.multiplyScalar( amount );
- this.forward.subSelf( xTemp );
- this.forward.normalize();
- };
- this.rotateVertically = function ( amount ) {
- // please note that the amount is NOT degrees, but a scale value
- yTemp.set( this.object.matrix.elements[4], this.object.matrix.elements[5], this.object.matrix.elements[6] );
- yTemp.multiplyScalar( amount );
- this.forward.addSelf( yTemp );
- this.forward.normalize();
- };
- function onKeyDown( event ) {
- switch( event.keyCode ) {
- case 38: /*up*/
- case 87: /*W*/ forwardSpeed = 1; break;
- case 37: /*left*/
- case 65: /*A*/ sideSpeed = -1; break;
- case 40: /*down*/
- case 83: /*S*/ forwardSpeed = -1; break;
- case 39: /*right*/
- case 68: /*D*/ sideSpeed = 1; break;
- case 81: /*Q*/ doRoll = true; rollDirection = 1; break;
- case 69: /*E*/ doRoll = true; rollDirection = -1; break;
- case 82: /*R*/ upSpeed = 1; break;
- case 70: /*F*/ upSpeed = -1; break;
- }
- };
- function onKeyUp( event ) {
- switch( event.keyCode ) {
- case 38: /*up*/
- case 87: /*W*/ forwardSpeed = 0; break;
- case 37: /*left*/
- case 65: /*A*/ sideSpeed = 0; break;
- case 40: /*down*/
- case 83: /*S*/ forwardSpeed = 0; break;
- case 39: /*right*/
- case 68: /*D*/ sideSpeed = 0; break;
- case 81: /*Q*/ doRoll = false; break;
- case 69: /*E*/ doRoll = false; break;
- case 82: /*R*/ upSpeed = 0; break;
- case 70: /*F*/ upSpeed = 0; break;
- }
- };
- function onMouseMove( event ) {
- mouseX = ( event.clientX - windowHalfX ) / window.innerWidth;
- mouseY = ( event.clientY - windowHalfY ) / window.innerHeight;
- };
- function onMouseDown ( event ) {
- event.preventDefault();
- event.stopPropagation();
- switch ( event.button ) {
- case 0: forwardSpeed = 1; break;
- case 2: forwardSpeed = -1; break;
- }
- };
- function onMouseUp ( event ) {
- event.preventDefault();
- event.stopPropagation();
- switch ( event.button ) {
- case 0: forwardSpeed = 0; break;
- case 2: forwardSpeed = 0; break;
- }
- };
- this.domElement.addEventListener( 'contextmenu', function ( event ) { event.preventDefault(); }, false );
- this.domElement.addEventListener( 'mousemove', onMouseMove, false );
- this.domElement.addEventListener( 'mousedown', onMouseDown, false );
- this.domElement.addEventListener( 'mouseup', onMouseUp, false );
- this.domElement.addEventListener( 'keydown', onKeyDown, false );
- this.domElement.addEventListener( 'keyup', onKeyUp, false );
- };
- /**
- * @author Eberhard Graether / http://egraether.com/
- */
- THREE.TrackballControls = function ( object, domElement ) {
- THREE.EventTarget.call( this );
- var _this = this,
- STATE = { NONE : -1, ROTATE : 0, ZOOM : 1, PAN : 2 };
- this.object = object;
- this.domElement = ( domElement !== undefined ) ? domElement : document;
- // API
- this.enabled = true;
- this.screen = { width: window.innerWidth, height: window.innerHeight, offsetLeft: 0, offsetTop: 0 };
- this.radius = ( this.screen.width + this.screen.height ) / 4;
- this.rotateSpeed = 1.0;
- this.zoomSpeed = 1.2;
- this.panSpeed = 0.3;
- this.noRotate = false;
- this.noZoom = false;
- this.noPan = false;
- this.staticMoving = false;
- this.dynamicDampingFactor = 0.2;
- this.minDistance = 0;
- this.maxDistance = Infinity;
- this.keys = [ 65 /*A*/, 83 /*S*/, 68 /*D*/ ];
- // internals
- this.target = new THREE.Vector3();
- var lastPosition = new THREE.Vector3();
- var _keyPressed = false,
- _state = STATE.NONE,
- _eye = new THREE.Vector3(),
- _rotateStart = new THREE.Vector3(),
- _rotateEnd = new THREE.Vector3(),
- _zoomStart = new THREE.Vector2(),
- _zoomEnd = new THREE.Vector2(),
- _panStart = new THREE.Vector2(),
- _panEnd = new THREE.Vector2();
- // events
- var changeEvent = { type: 'change' };
- // methods
- this.handleEvent = function ( event ) {
- if ( typeof this[ event.type ] == 'function' ) {
- this[ event.type ]( event );
- }
- };
- this.getMouseOnScreen = function ( clientX, clientY ) {
- return new THREE.Vector2(
- ( clientX - _this.screen.offsetLeft ) / _this.radius * 0.5,
- ( clientY - _this.screen.offsetTop ) / _this.radius * 0.5
- );
- };
- this.getMouseProjectionOnBall = function ( clientX, clientY ) {
- var mouseOnBall = new THREE.Vector3(
- ( clientX - _this.screen.width * 0.5 - _this.screen.offsetLeft ) / _this.radius,
- ( _this.screen.height * 0.5 + _this.screen.offsetTop - clientY ) / _this.radius,
- 0.0
- );
- var length = mouseOnBall.length();
- if ( length > 1.0 ) {
- mouseOnBall.normalize();
- } else {
- mouseOnBall.z = Math.sqrt( 1.0 - length * length );
- }
- _eye.copy( _this.object.position ).subSelf( _this.target );
- var projection = _this.object.up.clone().setLength( mouseOnBall.y );
- projection.addSelf( _this.object.up.clone().crossSelf( _eye ).setLength( mouseOnBall.x ) );
- projection.addSelf( _eye.setLength( mouseOnBall.z ) );
- return projection;
- };
- this.rotateCamera = function () {
- var angle = Math.acos( _rotateStart.dot( _rotateEnd ) / _rotateStart.length() / _rotateEnd.length() );
- if ( angle ) {
- var axis = ( new THREE.Vector3() ).cross( _rotateStart, _rotateEnd ).normalize(),
- quaternion = new THREE.Quaternion();
- angle *= _this.rotateSpeed;
- quaternion.setFromAxisAngle( axis, -angle );
- quaternion.multiplyVector3( _eye );
- quaternion.multiplyVector3( _this.object.up );
- quaternion.multiplyVector3( _rotateEnd );
- if ( _this.staticMoving ) {
- _rotateStart = _rotateEnd;
- } else {
- quaternion.setFromAxisAngle( axis, angle * ( _this.dynamicDampingFactor - 1.0 ) );
- quaternion.multiplyVector3( _rotateStart );
- }
- }
- };
- this.zoomCamera = function () {
- var factor = 1.0 + ( _zoomEnd.y - _zoomStart.y ) * _this.zoomSpeed;
- if ( factor !== 1.0 && factor > 0.0 ) {
- _eye.multiplyScalar( factor );
- if ( _this.staticMoving ) {
- _zoomStart = _zoomEnd;
- } else {
- _zoomStart.y += ( _zoomEnd.y - _zoomStart.y ) * this.dynamicDampingFactor;
- }
- }
- };
- this.panCamera = function () {
- var mouseChange = _panEnd.clone().subSelf( _panStart );
- if ( mouseChange.lengthSq() ) {
- mouseChange.multiplyScalar( _eye.length() * _this.panSpeed );
- var pan = _eye.clone().crossSelf( _this.object.up ).setLength( mouseChange.x );
- pan.addSelf( _this.object.up.clone().setLength( mouseChange.y ) );
- _this.object.position.addSelf( pan );
- _this.target.addSelf( pan );
- if ( _this.staticMoving ) {
- _panStart = _panEnd;
- } else {
- _panStart.addSelf( mouseChange.sub( _panEnd, _panStart ).multiplyScalar( _this.dynamicDampingFactor ) );
- }
- }
- };
- this.checkDistances = function () {
- if ( !_this.noZoom || !_this.noPan ) {
- if ( _this.object.position.lengthSq() > _this.maxDistance * _this.maxDistance ) {
- _this.object.position.setLength( _this.maxDistance );
- }
- if ( _eye.lengthSq() < _this.minDistance * _this.minDistance ) {
- _this.object.position.add( _this.target, _eye.setLength( _this.minDistance ) );
- }
- }
- };
- this.update = function () {
- _eye.copy( _this.object.position ).subSelf( _this.target );
- if ( !_this.noRotate ) {
- _this.rotateCamera();
- }
-
- if ( !_this.noZoom ) {
- _this.zoomCamera();
- }
- if ( !_this.noPan ) {
- _this.panCamera();
- }
- _this.object.position.add( _this.target, _eye );
- _this.checkDistances();
- _this.object.lookAt( _this.target );
- if ( lastPosition.distanceTo( _this.object.position ) > 0 ) {
-
- _this.dispatchEvent( changeEvent );
- lastPosition.copy( _this.object.position );
- }
- };
- // listeners
- function keydown( event ) {
- if ( ! _this.enabled ) return;
- if ( _state !== STATE.NONE ) {
- return;
- } else if ( event.keyCode === _this.keys[ STATE.ROTATE ] && !_this.noRotate ) {
- _state = STATE.ROTATE;
- } else if ( event.keyCode === _this.keys[ STATE.ZOOM ] && !_this.noZoom ) {
- _state = STATE.ZOOM;
- } else if ( event.keyCode === _this.keys[ STATE.PAN ] && !_this.noPan ) {
- _state = STATE.PAN;
- }
- if ( _state !== STATE.NONE ) {
- _keyPressed = true;
- }
- };
- function keyup( event ) {
- if ( ! _this.enabled ) return;
- if ( _state !== STATE.NONE ) {
- _state = STATE.NONE;
- }
- };
- function mousedown( event ) {
- if ( ! _this.enabled ) return;
- event.preventDefault();
- event.stopPropagation();
- if ( _state === STATE.NONE ) {
- _state = event.button;
- if ( _state === STATE.ROTATE && !_this.noRotate ) {
- _rotateStart = _rotateEnd = _this.getMouseProjectionOnBall( event.clientX, event.clientY );
- } else if ( _state === STATE.ZOOM && !_this.noZoom ) {
- _zoomStart = _zoomEnd = _this.getMouseOnScreen( event.clientX, event.clientY );
- } else if ( !this.noPan ) {
- _panStart = _panEnd = _this.getMouseOnScreen( event.clientX, event.clientY );
- }
- }
- };
- function mousemove( event ) {
- if ( ! _this.enabled ) return;
- if ( _keyPressed ) {
- _rotateStart = _rotateEnd = _this.getMouseProjectionOnBall( event.clientX, event.clientY );
- _zoomStart = _zoomEnd = _this.getMouseOnScreen( event.clientX, event.clientY );
- _panStart = _panEnd = _this.getMouseOnScreen( event.clientX, event.clientY );
- _keyPressed = false;
- }
- if ( _state === STATE.NONE ) {
- return;
- } else if ( _state === STATE.ROTATE && !_this.noRotate ) {
- _rotateEnd = _this.getMouseProjectionOnBall( event.clientX, event.clientY );
- } else if ( _state === STATE.ZOOM && !_this.noZoom ) {
- _zoomEnd = _this.getMouseOnScreen( event.clientX, event.clientY );
- } else if ( _state === STATE.PAN && !_this.noPan ) {
- _panEnd = _this.getMouseOnScreen( event.clientX, event.clientY );
- }
- };
- function mouseup( event ) {
- if ( ! _this.enabled ) return;
- event.preventDefault();
- event.stopPropagation();
- _state = STATE.NONE;
- };
- this.domElement.addEventListener( 'contextmenu', function ( event ) { event.preventDefault(); }, false );
- this.domElement.addEventListener( 'mousemove', mousemove, false );
- this.domElement.addEventListener( 'mousedown', mousedown, false );
- this.domElement.addEventListener( 'mouseup', mouseup, false );
- window.addEventListener( 'keydown', keydown, false );
- window.addEventListener( 'keyup', keyup, false );
- };
- /**
- * @author mr.doob / http://mrdoob.com/
- * based on http://papervision3d.googlecode.com/svn/trunk/as3/trunk/src/org/papervision3d/objects/primitives/Cube.as
- */
- THREE.CubeGeometry = function ( width, height, depth, segmentsWidth, segmentsHeight, segmentsDepth, materials, sides ) {
- THREE.Geometry.call( this );
- var scope = this,
- width_half = width / 2,
- height_half = height / 2,
- depth_half = depth / 2;
- var mpx, mpy, mpz, mnx, mny, mnz;
- if ( materials !== undefined ) {
- if ( materials instanceof Array ) {
- this.materials = materials;
- } else {
- this.materials = [];
- for ( var i = 0; i < 6; i ++ ) {
- this.materials.push( materials );
- }
- }
- mpx = 0; mnx = 1; mpy = 2; mny = 3; mpz = 4; mnz = 5;
- } else {
- this.materials = [];
- }
- this.sides = { px: true, nx: true, py: true, ny: true, pz: true, nz: true };
- if ( sides != undefined ) {
- for ( var s in sides ) {
- if ( this.sides[ s ] !== undefined ) {
- this.sides[ s ] = sides[ s ];
- }
- }
- }
- this.sides.px && buildPlane( 'z', 'y', - 1, - 1, depth, height, width_half, mpx ); // px
- this.sides.nx && buildPlane( 'z', 'y', 1, - 1, depth, height, - width_half, mnx ); // nx
- this.sides.py && buildPlane( 'x', 'z', 1, 1, width, depth, height_half, mpy ); // py
- this.sides.ny && buildPlane( 'x', 'z', 1, - 1, width, depth, - height_half, mny ); // ny
- this.sides.pz && buildPlane( 'x', 'y', 1, - 1, width, height, depth_half, mpz ); // pz
- this.sides.nz && buildPlane( 'x', 'y', - 1, - 1, width, height, - depth_half, mnz ); // nz
- function buildPlane( u, v, udir, vdir, width, height, depth, material ) {
- var w, ix, iy,
- gridX = segmentsWidth || 1,
- gridY = segmentsHeight || 1,
- width_half = width / 2,
- height_half = height / 2,
- offset = scope.vertices.length;
- if ( ( u === 'x' && v === 'y' ) || ( u === 'y' && v === 'x' ) ) {
- w = 'z';
- } else if ( ( u === 'x' && v === 'z' ) || ( u === 'z' && v === 'x' ) ) {
- w = 'y';
- gridY = segmentsDepth || 1;
- } else if ( ( u === 'z' && v === 'y' ) || ( u === 'y' && v === 'z' ) ) {
- w = 'x';
- gridX = segmentsDepth || 1;
- }
- var gridX1 = gridX + 1,
- gridY1 = gridY + 1,
- segment_width = width / gridX,
- segment_height = height / gridY,
- normal = new THREE.Vector3();
- normal[ w ] = depth > 0 ? 1 : - 1;
- for ( iy = 0; iy < gridY1; iy ++ ) {
- for ( ix = 0; ix < gridX1; ix ++ ) {
- var vector = new THREE.Vector3();
- vector[ u ] = ( ix * segment_width - width_half ) * udir;
- vector[ v ] = ( iy * segment_height - height_half ) * vdir;
- vector[ w ] = depth;
- scope.vertices.push( new THREE.Vertex( vector ) );
- }
- }
- for ( iy = 0; iy < gridY; iy++ ) {
- for ( ix = 0; ix < gridX; ix++ ) {
- var a = ix + gridX1 * iy;
- var b = ix + gridX1 * ( iy + 1 );
- var c = ( ix + 1 ) + gridX1 * ( iy + 1 );
- var d = ( ix + 1 ) + gridX1 * iy;
- var face = new THREE.Face4( a + offset, b + offset, c + offset, d + offset );
- face.normal.copy( normal );
- face.vertexNormals.push( normal.clone(), normal.clone(), normal.clone(), normal.clone() );
- face.materialIndex = material;
- scope.faces.push( face );
- scope.faceVertexUvs[ 0 ].push( [
- new THREE.UV( ix / gridX, iy / gridY ),
- new THREE.UV( ix / gridX, ( iy + 1 ) / gridY ),
- new THREE.UV( ( ix + 1 ) / gridX, ( iy + 1 ) / gridY ),
- new THREE.UV( ( ix + 1 ) / gridX, iy / gridY )
- ] );
- }
- }
- }
- this.computeCentroids();
- this.mergeVertices();
- };
- THREE.CubeGeometry.prototype = new THREE.Geometry();
- THREE.CubeGeometry.prototype.constructor = THREE.CubeGeometry;
- /**
- * @author mr.doob / http://mrdoob.com/
- */
- THREE.CylinderGeometry = function ( radiusTop, radiusBottom, height, segmentsRadius, segmentsHeight, openEnded ) {
- THREE.Geometry.call( this );
- radiusTop = radiusTop !== undefined ? radiusTop : 20;
- radiusBottom = radiusBottom !== undefined ? radiusBottom : 20;
- height = height !== undefined ? height : 100;
- var heightHalf = height / 2;
- var segmentsX = segmentsRadius || 8;
- var segmentsY = segmentsHeight || 1;
- var x, y, vertices = [], uvs = [];
- for ( y = 0; y <= segmentsY; y ++ ) {
- var verticesRow = [];
- var uvsRow = [];
- var v = y / segmentsY;
- var radius = v * ( radiusBottom - radiusTop ) + radiusTop;
- for ( x = 0; x <= segmentsX; x ++ ) {
- var u = x / segmentsX;
- var xpos = radius * Math.sin( u * Math.PI * 2 );
- var ypos = - v * height + heightHalf;
- var zpos = radius * Math.cos( u * Math.PI * 2 );
- this.vertices.push( new THREE.Vertex( new THREE.Vector3( xpos, ypos, zpos ) ) );
- verticesRow.push( this.vertices.length - 1 );
- uvsRow.push( new THREE.UV( u, v ) );
- }
- vertices.push( verticesRow );
- uvs.push( uvsRow );
- }
- for ( y = 0; y < segmentsY; y ++ ) {
- for ( x = 0; x < segmentsX; x ++ ) {
- var v1 = vertices[ y ][ x ];
- var v2 = vertices[ y + 1 ][ x ];
- var v3 = vertices[ y + 1 ][ x + 1 ];
- var v4 = vertices[ y ][ x + 1 ];
- // FIXME: These normals aren't right for cones.
- var n1 = this.vertices[ v1 ].position.clone().setY( 0 ).normalize();
- var n2 = this.vertices[ v2 ].position.clone().setY( 0 ).normalize();
- var n3 = this.vertices[ v3 ].position.clone().setY( 0 ).normalize();
- var n4 = this.vertices[ v4 ].position.clone().setY( 0 ).normalize();
- var uv1 = uvs[ y ][ x ].clone();
- var uv2 = uvs[ y + 1 ][ x ].clone();
- var uv3 = uvs[ y + 1 ][ x + 1 ].clone();
- var uv4 = uvs[ y ][ x + 1 ].clone();
- this.faces.push( new THREE.Face4( v1, v2, v3, v4, [ n1, n2, n3, n4 ] ) );
- this.faceVertexUvs[ 0 ].push( [ uv1, uv2, uv3, uv4 ] );
- }
- }
- // top cap
- if ( !openEnded && radiusTop > 0 ) {
- this.vertices.push( new THREE.Vertex( new THREE.Vector3( 0, heightHalf, 0 ) ) );
- for ( x = 0; x < segmentsX; x ++ ) {
- var v1 = vertices[ 0 ][ x ];
- var v2 = vertices[ 0 ][ x + 1 ];
- var v3 = this.vertices.length - 1;
- var n1 = new THREE.Vector3( 0, 1, 0 );
- var n2 = new THREE.Vector3( 0, 1, 0 );
- var n3 = new THREE.Vector3( 0, 1, 0 );
- var uv1 = uvs[ 0 ][ x ].clone();
- var uv2 = uvs[ 0 ][ x + 1 ].clone();
- var uv3 = new THREE.UV( uv2.u, 0 );
- this.faces.push( new THREE.Face3( v1, v2, v3, [ n1, n2, n3 ] ) );
- this.faceVertexUvs[ 0 ].push( [ uv1, uv2, uv3 ] );
- }
- }
- // bottom cap
- if ( !openEnded && radiusBottom > 0 ) {
- this.vertices.push( new THREE.Vertex( new THREE.Vector3( 0, - heightHalf, 0 ) ) );
- for ( x = 0; x < segmentsX; x ++ ) {
- var v1 = vertices[ y ][ x + 1 ];
- var v2 = vertices[ y ][ x ];
- var v3 = this.vertices.length - 1;
- var n1 = new THREE.Vector3( 0, - 1, 0 );
- var n2 = new THREE.Vector3( 0, - 1, 0 );
- var n3 = new THREE.Vector3( 0, - 1, 0 );
- var uv1 = uvs[ y ][ x + 1 ].clone();
- var uv2 = uvs[ y ][ x ].clone();
- var uv3 = new THREE.UV( uv2.u, 1 );
- this.faces.push( new THREE.Face3( v1, v2, v3, [ n1, n2, n3 ] ) );
- this.faceVertexUvs[ 0 ].push( [ uv1, uv2, uv3 ] );
- }
- }
- this.computeCentroids();
- this.computeFaceNormals();
- }
- THREE.CylinderGeometry.prototype = new THREE.Geometry();
- THREE.CylinderGeometry.prototype.constructor = THREE.CylinderGeometry;
- /**
- * @author zz85 / http://www.lab4games.net/zz85/blog
- *
- * Creates extruded geometry from a path shape.
- *
- * parameters = {
- *
- * size: <float>, // size of the text
- * height: <float>, // thickness to extrude text
- * curveSegments: <int>, // number of points on the curves
- * steps: <int>, // number of points for z-side extrusions / used for subdividing segements of extrude spline too
- amount: <int>, // Amount
- *
- * bevelEnabled: <bool>, // turn on bevel
- * bevelThickness: <float>, // how deep into text bevel goes
- * bevelSize: <float>, // how far from text outline is bevel
- * bevelSegments: <int>, // number of bevel layers
- *
- * extrudePath: <THREE.CurvePath> // 2d/3d spline path to extrude shape orthogonality to
- * bendPath: <THREE.CurvePath> // 2d path for bend the shape around x/y plane
- *
- * material: <int> // material index for front and back faces
- * extrudeMaterial: <int> // material index for extrusion and beveled faces
- *
- * }
- **/
- THREE.ExtrudeGeometry = function( shapes, options ) {
- if ( typeof( shapes ) === "undefined" ) {
- shapes = [];
- return;
- }
- THREE.Geometry.call( this );
- shapes = shapes instanceof Array ? shapes : [ shapes ];
- this.shapebb = shapes[ shapes.length - 1 ].getBoundingBox();
- this.addShapeList( shapes, options );
- this.computeCentroids();
- this.computeFaceNormals();
- // can't really use automatic vertex normals
- // as then front and back sides get smoothed too
- // should do separate smoothing just for sides
- //this.computeVertexNormals();
- //console.log( "took", ( Date.now() - startTime ) );
- };
- THREE.ExtrudeGeometry.prototype = new THREE.Geometry();
- THREE.ExtrudeGeometry.prototype.constructor = THREE.ExtrudeGeometry;
- THREE.ExtrudeGeometry.prototype.addShapeList = function(shapes, options) {
- var sl = shapes.length;
-
- for ( var s = 0; s < sl; s ++ ) {
- var shape = shapes[ s ];
- this.addShape( shape, options );
- }
- };
- THREE.ExtrudeGeometry.prototype.addShape = function( shape, options ) {
- var amount = options.amount !== undefined ? options.amount : 100;
- var bevelThickness = options.bevelThickness !== undefined ? options.bevelThickness : 6; // 10
- var bevelSize = options.bevelSize !== undefined ? options.bevelSize : bevelThickness - 2; // 8
- var bevelSegments = options.bevelSegments !== undefined ? options.bevelSegments : 3;
- var bevelEnabled = options.bevelEnabled !== undefined ? options.bevelEnabled : true; // false
- var curveSegments = options.curveSegments !== undefined ? options.curveSegments : 12;
- var steps = options.steps !== undefined ? options.steps : 1;
- var bendPath = options.bendPath;
- var extrudePath = options.extrudePath;
- var extrudePts, extrudeByPath = false;
- var material = options.material;
- var extrudeMaterial = options.extrudeMaterial;
- var shapebb = this.shapebb;
- //shapebb = shape.getBoundingBox();
- var splineTube, binormal, normal, position2;
- if ( extrudePath ) {
- extrudePts = extrudePath.getSpacedPoints( steps );
- extrudeByPath = true;
- bevelEnabled = false; // bevels not supported for path extrusion
- // SETUP TNB variables
- // Reuse TNB from TubeGeomtry for now.
- // TODO1 - have a .isClosed in spline?
- // TODO2 - have have TNBs calculation refactored from TubeGeometry?
- splineTube = new THREE.TubeGeometry(extrudePath, steps, 1, 1, false, false);
-
- // console.log(splineTube, 'splineTube', splineTube.normals.length, 'steps', steps, 'extrudePts', extrudePts.length);
- binormal = new THREE.Vector3();
- normal = new THREE.Vector3();
- position2 = new THREE.Vector3();
- }
- // Safeguards if bevels are not enabled
- if ( ! bevelEnabled ) {
- bevelSegments = 0;
- bevelThickness = 0;
- bevelSize = 0;
- }
- // Variables initalization
- var ahole, h, hl; // looping of holes
- var scope = this;
- var bevelPoints = [];
- var shapesOffset = this.vertices.length;
- if ( bendPath ) {
- shape.addWrapPath( bendPath );
- }
- var shapePoints = shape.extractPoints();
- var vertices = shapePoints.shape;
- var holes = shapePoints.holes;
- var reverse = !THREE.Shape.Utils.isClockWise( vertices ) ;
- if ( reverse ) {
- vertices = vertices.reverse();
- // Maybe we should also check if holes are in the opposite direction, just to be safe ...
- for ( h = 0, hl = holes.length; h < hl; h ++ ) {
- ahole = holes[ h ];
- if ( THREE.Shape.Utils.isClockWise( ahole ) ) {
- holes[ h ] = ahole.reverse();
- }
- }
- reverse = false; // If vertices are in order now, we shouldn't need to worry about them again (hopefully)!
- }
- var faces = THREE.Shape.Utils.triangulateShape ( vertices, holes );
- //var faces = THREE.Shape.Utils.triangulate2( vertices, holes );
- // Would it be better to move points after triangulation?
- // shapePoints = shape.extractAllPointsWithBend( curveSegments, bendPath );
- // vertices = shapePoints.shape;
- // holes = shapePoints.holes;
- //console.log(faces);
- ////
- /// Handle Vertices
- ////
- var contour = vertices; // vertices has all points but contour has only points of circumference
- for ( h = 0, hl = holes.length; h < hl; h ++ ) {
- ahole = holes[ h ];
- vertices = vertices.concat( ahole );
- }
- function scalePt2 ( pt, vec, size ) {
- if ( !vec ) console.log( "die" );
- return vec.clone().multiplyScalar( size ).addSelf( pt );
- }
- var b, bs, t, z,
- vert, vlen = vertices.length,
- face, flen = faces.length,
- cont, clen = contour.length;
- //------
- // Find directions for point movement
- //
- var RAD_TO_DEGREES = 180 / Math.PI;
- function getBevelVec( pt_i, pt_j, pt_k ) {
- // Algorithm 2
- return getBevelVec2( pt_i, pt_j, pt_k );
- }
- function getBevelVec1( pt_i, pt_j, pt_k ) {
- var anglea = Math.atan2( pt_j.y - pt_i.y, pt_j.x - pt_i.x );
- var angleb = Math.atan2( pt_k.y - pt_i.y, pt_k.x - pt_i.x );
- if ( anglea > angleb ) {
- angleb += Math.PI * 2;
- }
- var anglec = ( anglea + angleb ) / 2;
- //console.log('angle1', anglea * RAD_TO_DEGREES,'angle2', angleb * RAD_TO_DEGREES, 'anglec', anglec *RAD_TO_DEGREES);
- var x = - Math.cos( anglec );
- var y = - Math.sin( anglec );
- var vec = new THREE.Vector2( x, y ); //.normalize();
- return vec;
- }
- function getBevelVec2( pt_i, pt_j, pt_k ) {
- var a = THREE.ExtrudeGeometry.__v1,
- b = THREE.ExtrudeGeometry.__v2,
- v_hat = THREE.ExtrudeGeometry.__v3,
- w_hat = THREE.ExtrudeGeometry.__v4,
- p = THREE.ExtrudeGeometry.__v5,
- q = THREE.ExtrudeGeometry.__v6,
- v, w,
- v_dot_w_hat, q_sub_p_dot_w_hat,
- s, intersection;
- // good reading for line-line intersection
- // http://sputsoft.com/blog/2010/03/line-line-intersection.html
- // define a as vector j->i
- // define b as vectot k->i
- a.set( pt_i.x - pt_j.x, pt_i.y - pt_j.y );
- b.set( pt_i.x - pt_k.x, pt_i.y - pt_k.y );
- // get unit vectors
- v = a.normalize();
- w = b.normalize();
- // normals from pt i
- v_hat.set( -v.y, v.x );
- w_hat.set( w.y, -w.x );
- // pts from i
- p.copy( pt_i ).addSelf( v_hat );
- q.copy( pt_i ).addSelf( w_hat );
- if ( p.equals( q ) ) {
- //console.log("Warning: lines are straight");
- return w_hat.clone();
- }
- // Points from j, k. helps prevents points cross overover most of the time
- p.copy( pt_j ).addSelf( v_hat );
- q.copy( pt_k ).addSelf( w_hat );
- v_dot_w_hat = v.dot( w_hat );
- q_sub_p_dot_w_hat = q.subSelf( p ).dot( w_hat );
- // We should not reach these conditions
- if ( v_dot_w_hat === 0 ) {
- console.log( "Either infinite or no solutions!" );
- if ( q_sub_p_dot_w_hat === 0 ) {
- console.log( "Its finite solutions." );
- } else {
- console.log( "Too bad, no solutions." );
- }
- }
- s = q_sub_p_dot_w_hat / v_dot_w_hat;
- if ( s < 0 ) {
- // in case of emergecy, revert to algorithm 1.
- return getBevelVec1( pt_i, pt_j, pt_k );
- }
- intersection = v.multiplyScalar( s ).addSelf( p );
- return intersection.subSelf( pt_i ).clone(); // Don't normalize!, otherwise sharp corners become ugly
- }
- var contourMovements = [];
- for ( var 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)
- var pt_i = contour[ i ];
- var pt_j = contour[ j ];
- var pt_k = contour[ k ];
- contourMovements[ i ]= getBevelVec( contour[ i ], contour[ j ], contour[ k ] );
- }
- var holesMovements = [], oneHoleMovements, verticesMovements = contourMovements.concat();
- for ( h = 0, hl = holes.length; h < hl; h ++ ) {
- ahole = holes[ h ];
- oneHoleMovements = [];
- for ( 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 ( b = 0; b < bevelSegments; b ++ ) {
- //for ( b = bevelSegments; b > 0; b -- ) {
- t = b / bevelSegments;
- z = bevelThickness * ( 1 - t );
- //z = bevelThickness * t;
- bs = bevelSize * ( Math.sin ( t * Math.PI/2 ) ) ; // curved
- //bs = bevelSize * t ; // linear
- // contract shape
- for ( i = 0, il = contour.length; i < il; i ++ ) {
- vert = scalePt2( contour[ i ], contourMovements[ i ], bs );
- //vert = scalePt( contour[ i ], contourCentroid, bs, false );
- v( vert.x, vert.y, - z );
- }
- // expand holes
- for ( h = 0, hl = holes.length; h < hl; h++ ) {
- ahole = holes[ h ];
- oneHoleMovements = holesMovements[ h ];
- for ( i = 0, il = ahole.length; i < il; i++ ) {
- vert = scalePt2( ahole[ i ], oneHoleMovements[ i ], bs );
- //vert = scalePt( ahole[ i ], holesCentroids[ h ], bs, true );
- v( vert.x, vert.y, -z );
- }
- }
- }
- bs = bevelSize;
- // Back facing vertices
- for ( i = 0; i < vlen; i ++ ) {
- 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]).addSelf(normal).addSelf(binormal);
-
- v(position2.x, position2.y, position2.z);
- }
- }
- // Add stepped vertices...
- // Including front facing vertices
- var s;
- for ( s = 1; s <= steps; s ++ ) {
- for ( i = 0; i < vlen; i ++ ) {
- vert = bevelEnabled ? scalePt2( vertices[ i ], verticesMovements[ i ], bs ) : vertices[ i ];
- if ( !extrudeByPath ) {
- v( vert.x, vert.y, amount / 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]).addSelf(normal).addSelf(binormal);
- v(position2.x, position2.y, position2.z );
- }
- }
- }
- // Add bevel segments planes
- //for ( b = 1; b <= bevelSegments; b ++ ) {
- for ( b = bevelSegments - 1; b >= 0; b -- ) {
- t = b / bevelSegments;
- z = bevelThickness * ( 1 - t );
- //bs = bevelSize * ( 1-Math.sin ( ( 1 - t ) * Math.PI/2 ) );
- bs = bevelSize * Math.sin ( t * Math.PI/2 ) ;
- // contract shape
- for ( i = 0, il = contour.length; i < il; i ++ ) {
- vert = scalePt2( contour[ i ], contourMovements[ i ], bs );
- v( vert.x, vert.y, amount + z );
- }
- // expand holes
- for ( h = 0, hl = holes.length; h < hl; h ++ ) {
- ahole = holes[ h ];
- oneHoleMovements = holesMovements[ h ];
- for ( i = 0, il = ahole.length; i < il; i++ ) {
- vert = scalePt2( ahole[ i ], oneHoleMovements[ i ], bs );
- if ( !extrudeByPath ) {
- v( vert.x, vert.y, amount + z );
- } else {
- v( vert.x, vert.y + extrudePts[ steps - 1 ].y, extrudePts[ steps - 1 ].x + z );
- }
- }
- }
- }
- // set UV generator
- var uvgen = THREE.ExtrudeGeometry.WorldUVGenerator;
- ////
- /// Handle Faces
- ////
- // Top and bottom faces
- buildLidFaces();
- // Sides faces
- buildSideFaces();
- ///// Internal functions
- function buildLidFaces() {
- if ( bevelEnabled ) {
- var layer = 0 ; // steps + 1
- var offset = vlen * layer;
- // Bottom faces
-
- for ( i = 0; i < flen; i ++ ) {
- face = faces[ i ];
- f3( face[ 2 ]+ offset, face[ 1 ]+ offset, face[ 0 ] + offset, true );
- }
- layer = steps + bevelSegments * 2;
- offset = vlen * layer;
- // Top faces
- for ( i = 0; i < flen; i ++ ) {
- face = faces[ i ];
- f3( face[ 0 ] + offset, face[ 1 ] + offset, face[ 2 ] + offset, false );
- }
- } else {
-
- // Bottom faces
- for ( i = 0; i < flen; i++ ) {
- face = faces[ i ];
- f3( face[ 2 ], face[ 1 ], face[ 0 ], true );
- }
- // Top faces
- for ( i = 0; i < flen; i ++ ) {
- face = faces[ i ];
- f3( face[ 0 ] + vlen * steps, face[ 1 ] + vlen * steps, face[ 2 ] + vlen * steps, false );
- }
- }
- }
- // Create faces for the z-sides of the shape
- function buildSideFaces() {
- var layeroffset = 0;
- sidewalls( contour, layeroffset );
- layeroffset += contour.length;
- for ( h = 0, hl = holes.length; h < hl; h ++ ) {
- ahole = holes[ h ];
- sidewalls( ahole, layeroffset );
- //, true
- layeroffset += ahole.length;
- }
- }
- function sidewalls( contour, layeroffset ) {
- var j, k;
- i = contour.length;
- while ( --i >= 0 ) {
- j = i;
- k = i - 1;
- if ( k < 0 ) k = contour.length - 1;
- //console.log('b', i,j, i-1, k,vertices.length);
- var s = 0, sl = steps + bevelSegments * 2;
- for ( s = 0; s < sl; s ++ ) {
- var slen1 = vlen * s;
- var slen2 = vlen * ( s + 1 );
- var a = layeroffset + j + slen1,
- b = layeroffset + k + slen1,
- c = layeroffset + k + slen2,
- d = layeroffset + j + slen2;
- f4( a, b, c, d, contour, s, sl );
- }
- }
- }
- function v( x, y, z ) {
- scope.vertices.push( new THREE.Vertex( new THREE.Vector3( x, y, z ) ) );
- }
- function f3( a, b, c, isBottom ) {
- a += shapesOffset;
- b += shapesOffset;
- c += shapesOffset;
- // normal, color, material
- scope.faces.push( new THREE.Face3( a, b, c, null, null, material ) );
- var uvs = isBottom ? uvgen.generateBottomUV( scope, shape, options, a, b, c)
- : uvgen.generateTopUV( scope, shape, options, a, b, c);
- scope.faceVertexUvs[ 0 ].push(uvs);
- }
- function f4( a, b, c, d, wallContour, stepIndex, stepsLength ) {
- a += shapesOffset;
- b += shapesOffset;
- c += shapesOffset;
- d += shapesOffset;
- scope.faces.push( new THREE.Face4( a, b, c, d, null, null, extrudeMaterial ) );
-
- var uvs = uvgen.generateSideWallUV( scope, shape, wallContour, options, a, b, c, d, stepIndex, stepsLength);
- scope.faceVertexUvs[ 0 ].push(uvs);
- }
- };
- THREE.ExtrudeGeometry.WorldUVGenerator = {
- generateTopUV: function( geometry, extrudedShape, extrudeOptions, indexA, indexB, indexC) {
- var ax = geometry.vertices[ indexA ].position.x,
- ay = geometry.vertices[ indexA ].position.y,
- bx = geometry.vertices[ indexB ].position.x,
- by = geometry.vertices[ indexB ].position.y,
- cx = geometry.vertices[ indexC ].position.x,
- cy = geometry.vertices[ indexC ].position.y;
-
- return [
- new THREE.UV( ax, 1 - ay ),
- new THREE.UV( bx, 1 - by ),
- new THREE.UV( cx, 1 - cy )
- ];
- },
- generateBottomUV: function( geometry, extrudedShape, extrudeOptions, indexA, indexB, indexC) {
- return this.generateTopUV( geometry, extrudedShape, extrudeOptions, indexA, indexB, indexC );
- },
- generateSideWallUV: function( geometry, extrudedShape, wallContour, extrudeOptions,
- indexA, indexB, indexC, indexD, stepIndex, stepsLength) {
- var ax = geometry.vertices[ indexA ].position.x,
- ay = geometry.vertices[ indexA ].position.y,
- az = geometry.vertices[ indexA ].position.z,
- bx = geometry.vertices[ indexB ].position.x,
- by = geometry.vertices[ indexB ].position.y,
- bz = geometry.vertices[ indexB ].position.z,
- cx = geometry.vertices[ indexC ].position.x,
- cy = geometry.vertices[ indexC ].position.y,
- cz = geometry.vertices[ indexC ].position.z,
- dx = geometry.vertices[ indexD ].position.x,
- dy = geometry.vertices[ indexD ].position.y,
- dz = geometry.vertices[ indexD ].position.z;
-
- if ( Math.abs( ay - by ) < 0.01 ) {
- return [
- new THREE.UV( ax, az ),
- new THREE.UV( bx, bz ),
- new THREE.UV( cx, cz ),
- new THREE.UV( dx, dz )
- ];
- } else {
- return [
- new THREE.UV( ay, az ),
- new THREE.UV( by, bz ),
- new THREE.UV( cy, cz ),
- new THREE.UV( dy, dz )
- ];
- }
- }
- };
- THREE.ExtrudeGeometry.__v1 = new THREE.Vector2();
- THREE.ExtrudeGeometry.__v2 = new THREE.Vector2();
- THREE.ExtrudeGeometry.__v3 = new THREE.Vector2();
- THREE.ExtrudeGeometry.__v4 = new THREE.Vector2();
- THREE.ExtrudeGeometry.__v5 = new THREE.Vector2();
- THREE.ExtrudeGeometry.__v6 = new THREE.Vector2();
- /**
- * @author astrodud / http://astrodud.isgreat.org/
- */
- THREE.LatheGeometry = function ( points, steps, angle ) {
- THREE.Geometry.call( this );
- this.steps = steps || 12;
- this.angle = angle || 2 * Math.PI;
- var stepSize = this.angle / this.steps,
- newV = [], oldInds = [], newInds = [], startInds = [],
- matrix = new THREE.Matrix4().makeRotationZ( stepSize );
- for ( var j = 0; j < points.length; j ++ ) {
- this.vertices.push( new THREE.Vertex( points[ j ] ) );
- newV[ j ] = points[ j ].clone();
- oldInds[ j ] = this.vertices.length - 1;
- }
- for ( var r = 0; r <= this.angle + 0.001; r += stepSize ) { // need the +0.001 for it go up to angle
- for ( var j = 0; j < newV.length; j ++ ) {
- if ( r < this.angle ) {
- newV[ j ] = matrix.multiplyVector3( newV[ j ].clone() );
- this.vertices.push( new THREE.Vertex( newV[ j ] ) );
- newInds[ j ] = this.vertices.length - 1;
- } else {
- newInds = startInds; // wrap it up!
- }
- }
- if ( r == 0 ) startInds = oldInds;
- for ( var j = 0; j < oldInds.length - 1; j ++ ) {
- this.faces.push( new THREE.Face4( newInds[ j ], newInds[ j + 1 ], oldInds[ j + 1 ], oldInds[ j ] ) );
- this.faceVertexUvs[ 0 ].push( [
- new THREE.UV( 1 - r / this.angle, j / points.length ),
- new THREE.UV( 1 - r / this.angle, ( j + 1 ) / points.length ),
- new THREE.UV( 1 - ( r - stepSize ) / this.angle, ( j + 1 ) / points.length ),
- new THREE.UV( 1 - ( r - stepSize ) / this.angle, j / points.length )
- ] );
- }
- oldInds = newInds;
- newInds = [];
- }
- this.computeCentroids();
- this.computeFaceNormals();
- this.computeVertexNormals();
- };
- THREE.LatheGeometry.prototype = new THREE.Geometry();
- THREE.LatheGeometry.prototype.constructor = THREE.LatheGeometry;
- /**
- * @author mr.doob / http://mrdoob.com/
- * based on http://papervision3d.googlecode.com/svn/trunk/as3/trunk/src/org/papervision3d/objects/primitives/Plane.as
- */
- THREE.PlaneGeometry = function ( width, depth, segmentsWidth, segmentsDepth ) {
- THREE.Geometry.call( this );
- var ix, iz,
- width_half = width / 2,
- depth_half = depth / 2,
- gridX = segmentsWidth || 1,
- gridZ = segmentsDepth || 1,
- gridX1 = gridX + 1,
- gridZ1 = gridZ + 1,
- segment_width = width / gridX,
- segment_depth = depth / gridZ,
- normal = new THREE.Vector3( 0, 1, 0 );
- for ( iz = 0; iz < gridZ1; iz ++ ) {
- for ( ix = 0; ix < gridX1; ix ++ ) {
- var x = ix * segment_width - width_half;
- var z = iz * segment_depth - depth_half;
- this.vertices.push( new THREE.Vertex( new THREE.Vector3( x, 0, z ) ) );
- }
- }
- for ( iz = 0; iz < gridZ; iz ++ ) {
- for ( ix = 0; ix < gridX; ix ++ ) {
- var a = ix + gridX1 * iz;
- var b = ix + gridX1 * ( iz + 1 );
- var c = ( ix + 1 ) + gridX1 * ( iz + 1 );
- var d = ( ix + 1 ) + gridX1 * iz;
- var face = new THREE.Face4( a, b, c, d );
- face.normal.copy( normal );
- face.vertexNormals.push( normal.clone(), normal.clone(), normal.clone(), normal.clone() );
- this.faces.push( face );
- this.faceVertexUvs[ 0 ].push( [
- new THREE.UV( ix / gridX, iz / gridZ ),
- new THREE.UV( ix / gridX, ( iz + 1 ) / gridZ ),
- new THREE.UV( ( ix + 1 ) / gridX, ( iz + 1 ) / gridZ ),
- new THREE.UV( ( ix + 1 ) / gridX, iz / gridZ )
- ] );
- }
- }
- this.computeCentroids();
- };
- THREE.PlaneGeometry.prototype = new THREE.Geometry();
- THREE.PlaneGeometry.prototype.constructor = THREE.PlaneGeometry;
- /**
- * @author mr.doob / http://mrdoob.com/
- */
- THREE.SphereGeometry = function ( radius, segmentsWidth, segmentsHeight, phiStart, phiLength, thetaStart, thetaLength ) {
- THREE.Geometry.call( this );
- radius = radius || 50;
- phiStart = phiStart !== undefined ? phiStart : 0;
- phiLength = phiLength !== undefined ? phiLength : Math.PI * 2;
- thetaStart = thetaStart !== undefined ? thetaStart : 0;
- thetaLength = thetaLength !== undefined ? thetaLength : Math.PI;
- var segmentsX = Math.max( 3, Math.floor( segmentsWidth ) || 8 );
- var segmentsY = Math.max( 2, Math.floor( segmentsHeight ) || 6 );
- var x, y, vertices = [], uvs = [];
- for ( y = 0; y <= segmentsY; y ++ ) {
- var verticesRow = [];
- var uvsRow = [];
- for ( x = 0; x <= segmentsX; x ++ ) {
- var u = x / segmentsX;
- var v = y / segmentsY;
- var xpos = - radius * Math.cos( phiStart + u * phiLength ) * Math.sin( thetaStart + v * thetaLength );
- var ypos = radius * Math.cos( thetaStart + v * thetaLength );
- var zpos = radius * Math.sin( phiStart + u * phiLength ) * Math.sin( thetaStart + v * thetaLength );
- this.vertices.push( new THREE.Vertex( new THREE.Vector3( xpos, ypos, zpos ) ) );
- verticesRow.push( this.vertices.length - 1 );
- uvsRow.push( new THREE.UV( u, v ) );
- }
- vertices.push( verticesRow );
- uvs.push( uvsRow );
- }
- for ( y = 0; y < segmentsY; y ++ ) {
- for ( x = 0; x < segmentsX; x ++ ) {
- var v1 = vertices[ y ][ x + 1 ];
- var v2 = vertices[ y ][ x ];
- var v3 = vertices[ y + 1 ][ x ];
- var v4 = vertices[ y + 1 ][ x + 1 ];
- var n1 = this.vertices[ v1 ].position.clone().normalize();
- var n2 = this.vertices[ v2 ].position.clone().normalize();
- var n3 = this.vertices[ v3 ].position.clone().normalize();
- var n4 = this.vertices[ v4 ].position.clone().normalize();
- var uv1 = uvs[ y ][ x + 1 ].clone();
- var uv2 = uvs[ y ][ x ].clone();
- var uv3 = uvs[ y + 1 ][ x ].clone();
- var uv4 = uvs[ y + 1 ][ x + 1 ].clone();
- if ( Math.abs( this.vertices[ v1 ].position.y ) == radius ) {
- this.faces.push( new THREE.Face3( v1, v3, v4, [ n1, n3, n4 ] ) );
- this.faceVertexUvs[ 0 ].push( [ uv1, uv3, uv4 ] );
- } else if ( Math.abs( this.vertices[ v3 ].position.y ) == radius ) {
- this.faces.push( new THREE.Face3( v1, v2, v3, [ n1, n2, n3 ] ) );
- this.faceVertexUvs[ 0 ].push( [ uv1, uv2, uv3 ] );
- } else {
- this.faces.push( new THREE.Face4( v1, v2, v3, v4, [ n1, n2, n3, n4 ] ) );
- this.faceVertexUvs[ 0 ].push( [ uv1, uv2, uv3, uv4 ] );
- }
- }
- }
- this.computeCentroids();
- this.computeFaceNormals();
- this.boundingSphere = { radius: radius };
- };
- THREE.SphereGeometry.prototype = new THREE.Geometry();
- THREE.SphereGeometry.prototype.constructor = THREE.SphereGeometry;
- /**
- * @author zz85 / http://www.lab4games.net/zz85/blog
- * @author alteredq / http://alteredqualia.com/
- *
- * For creating 3D text geometry in three.js
- *
- * Text = 3D Text
- *
- * parameters = {
- * size: <float>, // size of the text
- * height: <float>, // thickness to extrude text
- * curveSegments: <int>, // number of points on the curves
- *
- * font: <string>, // font name
- * weight: <string>, // font weight (normal, bold)
- * style: <string>, // font style (normal, italics)
- *
- * bevelEnabled: <bool>, // turn on bevel
- * bevelThickness: <float>, // how deep into text bevel goes
- * bevelSize: <float>, // how far from text outline is bevel
- *
- * bend: <bool> // bend according to hardcoded curve (generates bendPath)
- * bendPath: <curve> // wraps text according to bend Path
- * }
- *
- * It uses techniques used in:
- *
- * typeface.js and canvastext
- * For converting fonts and rendering with javascript
- * http://typeface.neocracy.org
- *
- * Triangulation ported from AS3
- * Simple Polygon Triangulation
- * http://actionsnippet.com/?p=1462
- *
- * A Method to triangulate shapes with holes
- * http://www.sakri.net/blog/2009/06/12/an-approach-to-triangulating-polygons-with-holes/
- *
- */
- /* Usage Examples
-
- // TextGeometry wrapper
- var text3d = new TextGeometry( text, options );
- // Complete manner
- var textPath = new THREE.TextPath( text, options );
- var textShapes = textPath.toShapes();
- var text3d = new ExtrudeGeometry( textShapes, options );
-
- */
- THREE.TextGeometry = function ( text, parameters ) {
- var textPath = new THREE.TextPath( text, parameters );
- var textShapes = textPath.toShapes();
- // translate parameters to ExtrudeGeometry API
- parameters.amount = parameters.height !== undefined ? parameters.height : 50;
- // defaults
- if ( parameters.bevelThickness === undefined ) parameters.bevelThickness = 10;
- if ( parameters.bevelSize === undefined ) parameters.bevelSize = 8;
- if ( parameters.bevelEnabled === undefined ) parameters.bevelEnabled = false;
- if ( parameters.bend ) {
- var b = textShapes[ textShapes.length - 1 ].getBoundingBox();
- var max = b.maxX;
- parameters.bendPath = new THREE.QuadraticBezierCurve( new THREE.Vector2( 0, 0 ),
- new THREE.Vector2( max / 2, 120 ),
- new THREE.Vector2( max, 0 ) );
- }
- THREE.ExtrudeGeometry.call( this, textShapes, parameters );
- };
- THREE.TextGeometry.prototype = new THREE.ExtrudeGeometry();
- THREE.TextGeometry.prototype.constructor = THREE.TextGeometry;
- THREE.FontUtils = {
- faces : {},
- // Just for now. face[weight][style]
- face : "helvetiker",
- weight: "normal",
- style : "normal",
- size : 150,
- divisions : 10,
- getFace : function() {
- return this.faces[ this.face ][ this.weight ][ this.style ];
- },
- loadFace : function( data ) {
- var family = data.familyName.toLowerCase();
- var ThreeFont = this;
- ThreeFont.faces[ family ] = ThreeFont.faces[ family ] || {};
- ThreeFont.faces[ family ][ data.cssFontWeight ] = ThreeFont.faces[ family ][ data.cssFontWeight ] || {};
- ThreeFont.faces[ family ][ data.cssFontWeight ][ data.cssFontStyle ] = data;
- var face = ThreeFont.faces[ family ][ data.cssFontWeight ][ data.cssFontStyle ] = data;
- return data;
- },
- drawText : function( text ) {
- var characterPts = [], allPts = [];
- // RenderText
- var i, p,
- face = this.getFace(),
- scale = this.size / face.resolution,
- offset = 0,
- chars = String( text ).split( '' ),
- length = chars.length;
- var fontPaths = [];
- for ( i = 0; i < length; i ++ ) {
- var path = new THREE.Path();
- var ret = this.extractGlyphPoints( chars[ i ], face, scale, offset, path );
- offset += ret.offset;
- //characterPts.push( ret.points );
- //allPts = allPts.concat( ret.points );
- fontPaths.push( ret.path );
- }
- // get the width
- var width = offset / 2;
- //
- // for ( p = 0; p < allPts.length; p++ ) {
- //
- // allPts[ p ].x -= width;
- //
- // }
- //var extract = this.extractPoints( allPts, characterPts );
- //extract.contour = allPts;
- //extract.paths = fontPaths;
- //extract.offset = width;
- return { paths : fontPaths, offset : width };
- },
- extractGlyphPoints : function( c, face, scale, offset, path ) {
- var pts = [];
- var i, i2, divisions,
- outline, action, length,
- scaleX, scaleY,
- x, y, cpx, cpy, cpx0, cpy0, cpx1, cpy1, cpx2, cpy2,
- laste,
- glyph = face.glyphs[ c ] || face.glyphs[ '?' ];
- if ( !glyph ) return;
- if ( glyph.o ) {
- outline = glyph._cachedOutline || ( glyph._cachedOutline = glyph.o.split( ' ' ) );
- length = outline.length;
- scaleX = scale;
- scaleY = scale;
- for ( i = 0; i < length; ) {
- action = outline[ i ++ ];
- //console.log( action );
- switch( action ) {
- case 'm':
- // Move To
- x = outline[ i++ ] * scaleX + offset;
- y = outline[ i++ ] * scaleY;
- pts.push( new THREE.Vector2( x, y ) );
- path.moveTo( x, y );
- break;
- case 'l':
- // Line To
- x = outline[ i++ ] * scaleX + offset;
- y = outline[ i++ ] * scaleY;
- pts.push( new THREE.Vector2( x, y ) );
- path.lineTo(x,y);
- break;
- case 'q':
- // QuadraticCurveTo
- cpx = outline[ i++ ] * scaleX + offset;
- cpy = outline[ i++ ] * scaleY;
- cpx1 = outline[ i++ ] * scaleX + offset;
- cpy1 = outline[ i++ ] * scaleY;
- path.quadraticCurveTo(cpx1, cpy1, cpx, cpy);
- laste = pts[ pts.length - 1 ];
- if ( laste ) {
- cpx0 = laste.x;
- cpy0 = laste.y;
- for ( i2 = 1, divisions = this.divisions; i2 <= divisions; i2 ++ ) {
- var t = i2 / divisions;
- var tx = THREE.Shape.Utils.b2( t, cpx0, cpx1, cpx );
- var ty = THREE.Shape.Utils.b2( t, cpy0, cpy1, cpy );
- pts.push( new THREE.Vector2( tx, ty ) );
- }
- }
- break;
- case 'b':
- // Cubic Bezier Curve
- cpx = outline[ i++ ] * scaleX + offset;
- cpy = outline[ i++ ] * scaleY;
- cpx1 = outline[ i++ ] * scaleX + offset;
- cpy1 = outline[ i++ ] * -scaleY;
- cpx2 = outline[ i++ ] * scaleX + offset;
- cpy2 = outline[ i++ ] * -scaleY;
- path.bezierCurveTo( cpx, cpy, cpx1, cpy1, cpx2, cpy2 );
- laste = pts[ pts.length - 1 ];
- if ( laste ) {
- cpx0 = laste.x;
- cpy0 = laste.y;
- for ( i2 = 1, divisions = this.divisions; i2 <= divisions; i2 ++ ) {
- var t = i2 / divisions;
- var tx = THREE.Shape.Utils.b3( t, cpx0, cpx1, cpx2, cpx );
- var ty = THREE.Shape.Utils.b3( t, cpy0, cpy1, cpy2, cpy );
- pts.push( new THREE.Vector2( tx, ty ) );
- }
- }
- break;
- }
- }
- }
- return { offset: glyph.ha*scale, points:pts, path:path};
- }
- };
- /**
- * This code is a quick port of code written in C++ which was submitted to
- * flipcode.com by John W. Ratcliff // July 22, 2000
- * See original code and more information here:
- * http://www.flipcode.com/archives/Efficient_Polygon_Triangulation.shtml
- *
- * ported to actionscript by Zevan Rosser
- * www.actionsnippet.com
- *
- * ported to javascript by Joshua Koo
- * http://www.lab4games.net/zz85/blog
- *
- */
- ( function( namespace ) {
- var EPSILON = 0.0000000001;
- // takes in an contour array and returns
- var process = function( contour, indices ) {
- var n = contour.length;
- if ( n < 3 ) return null;
- var result = [],
- verts = [],
- vertIndices = [];
- /* we want a counter-clockwise polygon in verts */
- var u, v, w;
- if ( area( contour ) > 0.0 ) {
- for ( v = 0; v < n; v++ ) verts[ v ] = v;
- } else {
- for ( v = 0; v < n; v++ ) verts[ v ] = ( n - 1 ) - v;
- }
- var nv = n;
- /* remove nv - 2 vertices, creating 1 triangle every time */
- var count = 2 * nv; /* error detection */
- for( v = nv - 1; nv > 2; ) {
- /* if we loop, it is probably a non-simple polygon */
- if ( ( count-- ) <= 0 ) {
- //** Triangulate: ERROR - probable bad polygon!
- //throw ( "Warning, unable to triangulate polygon!" );
- //return null;
- // Sometimes warning is fine, especially polygons are triangulated in reverse.
- console.log( "Warning, unable to triangulate polygon!" );
- if ( indices ) return vertIndices;
- return result;
- }
- /* three consecutive vertices in current polygon, <u,v,w> */
- u = v; if ( nv <= u ) u = 0; /* previous */
- v = u + 1; if ( nv <= v ) v = 0; /* new v */
- w = v + 1; if ( nv <= w ) w = 0; /* next */
- if ( snip( contour, u, v, w, nv, verts ) ) {
- var a, b, c, s, t;
- /* true names of the vertices */
- a = verts[ u ];
- b = verts[ v ];
- c = verts[ w ];
- /* output Triangle */
- /*
- result.push( contour[ a ] );
- result.push( contour[ b ] );
- result.push( contour[ c ] );
- */
- result.push( [ contour[ a ],
- contour[ b ],
- contour[ c ] ] );
- vertIndices.push( [ verts[ u ], verts[ v ], verts[ w ] ] );
- /* remove v from the remaining polygon */
- for( s = v, t = v + 1; t < nv; s++, t++ ) {
- verts[ s ] = verts[ t ];
- }
- nv--;
- /* reset error detection counter */
- count = 2 * nv;
- }
- }
- if ( indices ) return vertIndices;
- return result;
- };
- // calculate area of the contour polygon
- var area = function ( contour ) {
- var n = contour.length;
- var a = 0.0;
- for( var 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;
- };
- // see if p is inside triangle abc
- var insideTriangle = function( ax, ay,
- bx, by,
- cx, cy,
- px, py ) {
- var aX, aY, bX, bY;
- var cX, cY, apx, apy;
- var bpx, bpy, cpx, cpy;
- var cCROSSap, bCROSScp, aCROSSbp;
- aX = cx - bx; aY = cy - by;
- bX = ax - cx; bY = ay - cy;
- cX = bx - ax; cY = by - ay;
- apx= px -ax; apy= py - ay;
- bpx= px - bx; bpy= py - by;
- cpx= px - cx; cpy= py - cy;
- aCROSSbp = aX*bpy - aY*bpx;
- cCROSSap = cX*apy - cY*apx;
- bCROSScp = bX*cpy - bY*cpx;
- return ( (aCROSSbp >= 0.0) && (bCROSScp >= 0.0) && (cCROSSap >= 0.0) );
- };
- var snip = function ( contour, u, v, w, n, verts ) {
- var p;
- var ax, ay, bx, by;
- var cx, cy, px, py;
- ax = contour[ verts[ u ] ].x;
- ay = contour[ verts[ u ] ].y;
- bx = contour[ verts[ v ] ].x;
- by = contour[ verts[ v ] ].y;
- cx = contour[ verts[ w ] ].x;
- cy = contour[ verts[ w ] ].y;
- if ( EPSILON > (((bx-ax)*(cy-ay)) - ((by-ay)*(cx-ax))) ) return false;
- for ( p = 0; p < n; p++ ) {
- if( (p == u) || (p == v) || (p == w) ) continue;
- px = contour[ verts[ p ] ].x
- py = contour[ verts[ p ] ].y
- if ( insideTriangle( ax, ay, bx, by, cx, cy, px, py ) ) return false;
- }
- return true;
- };
- namespace.Triangulate = process;
- namespace.Triangulate.area = area;
- return namespace;
- })(THREE.FontUtils);
- // To use the typeface.js face files, hook up the API
- self._typeface_js = { faces: THREE.FontUtils.faces, loadFace: THREE.FontUtils.loadFace };
- /**
- * @author oosmoxiecode
- * @author mr.doob / http://mrdoob.com/
- * based on http://code.google.com/p/away3d/source/browse/trunk/fp10/Away3DLite/src/away3dlite/primitives/Torus.as?r=2888
- */
- THREE.TorusGeometry = function ( radius, tube, segmentsR, segmentsT, arc ) {
- THREE.Geometry.call( this );
- var scope = this;
- this.radius = radius || 100;
- this.tube = tube || 40;
- this.segmentsR = segmentsR || 8;
- this.segmentsT = segmentsT || 6;
- this.arc = arc || Math.PI * 2;
- var center = new THREE.Vector3(), uvs = [], normals = [];
- for ( var j = 0; j <= this.segmentsR; j ++ ) {
- for ( var i = 0; i <= this.segmentsT; i ++ ) {
- var u = i / this.segmentsT * this.arc;
- var v = j / this.segmentsR * Math.PI * 2;
- center.x = this.radius * Math.cos( u );
- center.y = this.radius * Math.sin( u );
- var vector = new THREE.Vector3();
- vector.x = ( this.radius + this.tube * Math.cos( v ) ) * Math.cos( u );
- vector.y = ( this.radius + this.tube * Math.cos( v ) ) * Math.sin( u );
- vector.z = this.tube * Math.sin( v );
- this.vertices.push( new THREE.Vertex( vector ) );
- uvs.push( new THREE.UV( i / this.segmentsT, 1 - j / this.segmentsR ) );
- normals.push( vector.clone().subSelf( center ).normalize() );
- }
- }
- for ( var j = 1; j <= this.segmentsR; j ++ ) {
- for ( var i = 1; i <= this.segmentsT; i ++ ) {
- var a = ( this.segmentsT + 1 ) * j + i - 1;
- var b = ( this.segmentsT + 1 ) * ( j - 1 ) + i - 1;
- var c = ( this.segmentsT + 1 ) * ( j - 1 ) + i;
- var d = ( this.segmentsT + 1 ) * j + i;
- var face = new THREE.Face4( a, b, c, d, [ normals[ a ], normals[ b ], normals[ c ], normals[ d ] ] );
- face.normal.addSelf( normals[ a ] );
- face.normal.addSelf( normals[ b ] );
- face.normal.addSelf( normals[ c ] );
- face.normal.addSelf( normals[ d ] );
- face.normal.normalize();
- this.faces.push( face );
- this.faceVertexUvs[ 0 ].push( [ uvs[ a ].clone(), uvs[ b ].clone(), uvs[ c ].clone(), uvs[ d ].clone() ] );
- }
- }
- this.computeCentroids();
- };
- THREE.TorusGeometry.prototype = new THREE.Geometry();
- THREE.TorusGeometry.prototype.constructor = THREE.TorusGeometry;
- /**
- * @author oosmoxiecode
- * based on http://code.google.com/p/away3d/source/browse/trunk/fp10/Away3D/src/away3d/primitives/TorusKnot.as?spec=svn2473&r=2473
- */
- THREE.TorusKnotGeometry = function ( radius, tube, segmentsR, segmentsT, p, q, heightScale ) {
- THREE.Geometry.call( this );
- var scope = this;
- this.radius = radius || 200;
- this.tube = tube || 40;
- this.segmentsR = segmentsR || 64;
- this.segmentsT = segmentsT || 8;
- this.p = p || 2;
- this.q = q || 3;
- this.heightScale = heightScale || 1;
- this.grid = new Array(this.segmentsR);
- var tang = new THREE.Vector3();
- var n = new THREE.Vector3();
- var bitan = new THREE.Vector3();
- for ( var i = 0; i < this.segmentsR; ++ i ) {
- this.grid[ i ] = new Array( this.segmentsT );
- for ( var j = 0; j < this.segmentsT; ++ j ) {
- var u = i / this.segmentsR * 2 * this.p * Math.PI;
- var v = j / this.segmentsT * 2 * Math.PI;
- var p1 = getPos( u, v, this.q, this.p, this.radius, this.heightScale );
- var p2 = getPos( u + 0.01, v, this.q, this.p, this.radius, this.heightScale );
- var cx, cy;
- tang.sub( p2, p1 );
- n.add( p2, p1 );
- bitan.cross( tang, n );
- n.cross( bitan, tang );
- bitan.normalize();
- n.normalize();
- cx = - this.tube * Math.cos( v ); // TODO: Hack: Negating it so it faces outside.
- cy = this.tube * Math.sin( v );
- p1.x += cx * n.x + cy * bitan.x;
- p1.y += cx * n.y + cy * bitan.y;
- p1.z += cx * n.z + cy * bitan.z;
- this.grid[ i ][ j ] = vert( p1.x, p1.y, p1.z );
- }
- }
- for ( var i = 0; i < this.segmentsR; ++ i ) {
- for ( var j = 0; j < this.segmentsT; ++ j ) {
- var ip = ( i + 1 ) % this.segmentsR;
- var jp = ( j + 1 ) % this.segmentsT;
- var a = this.grid[ i ][ j ];
- var b = this.grid[ ip ][ j ];
- var c = this.grid[ ip ][ jp ];
- var d = this.grid[ i ][ jp ];
- var uva = new THREE.UV( i / this.segmentsR, j / this.segmentsT );
- var uvb = new THREE.UV( ( i + 1 ) / this.segmentsR, j / this.segmentsT );
- var uvc = new THREE.UV( ( i + 1 ) / this.segmentsR, ( j + 1 ) / this.segmentsT );
- var uvd = new THREE.UV( i / this.segmentsR, ( j + 1 ) / this.segmentsT );
- this.faces.push( new THREE.Face4( a, b, c, d ) );
- this.faceVertexUvs[ 0 ].push( [ uva,uvb,uvc, uvd ] );
- }
- }
- this.computeCentroids();
- this.computeFaceNormals();
- this.computeVertexNormals();
- function vert( x, y, z ) {
- return scope.vertices.push( new THREE.Vertex( new THREE.Vector3( x, y, z ) ) ) - 1;
- }
- function getPos( u, v, in_q, in_p, radius, heightScale ) {
- var cu = Math.cos( u );
- var cv = Math.cos( v );
- var su = Math.sin( u );
- var quOverP = in_q / in_p * u;
- var cs = Math.cos( quOverP );
- var tx = radius * ( 2 + cs ) * 0.5 * cu;
- var ty = radius * ( 2 + cs ) * su * 0.5;
- var tz = heightScale * radius * Math.sin( quOverP ) * 0.5;
- return new THREE.Vector3( tx, ty, tz );
- }
- };
- THREE.TorusKnotGeometry.prototype = new THREE.Geometry();
- THREE.TorusKnotGeometry.prototype.constructor = THREE.TorusKnotGeometry;
- /**
- * @author WestLangley / https://github.com/WestLangley
- * @author zz85 / https://github.com/zz85
- * @author miningold / https://github.com/miningold
- *
- * Modified from the TorusKnotGeometry by @oosmoxiecode
- *
- * Creates a tube which extrudes along a 3d spline
- *
- * Uses parallel transport frames as described in
- * http://www.cs.indiana.edu/pub/techreports/TR425.pdf
- */
- THREE.TubeGeometry = function( path, segments, radius, segmentsRadius, closed, debug ) {
- THREE.Geometry.call( this );
- this.path = path;
- this.segments = segments || 64;
- this.radius = radius || 1;
- this.segmentsRadius = segmentsRadius || 8;
- this.closed = closed || false;
- if ( debug ) this.debug = new THREE.Object3D();
- this.grid = [];
- var scope = this,
- tangent = new THREE.Vector3(),
- normal = new THREE.Vector3(),
- binormal = new THREE.Vector3(),
- vec = new THREE.Vector3(),
- mat = new THREE.Matrix4(),
- tangents = [],
- normals = [],
- binormals = [],
- numpoints = this.segments + 1,
- theta,
- epsilon = 0.0001,
- smallest,
- x, y, z,
- tx, ty, tz,
- u, v,
- p1, p2,
- cx, cy,
- pos, pos2,
- i, j,
- ip, jp,
- a, b, c, d,
- uva, uvb, uvc, uvd;
- // expose internals
- this.tangents = tangents;
- this.normals = normals;
- this.binormals = binormals;
- function vert( x, y, z ) {
- return scope.vertices.push( new THREE.Vertex( new THREE.Vector3( x, y, z ) ) ) - 1;
- }
- // compute the tangent vectors for each segment on the path
- for ( i = 0; i < numpoints; i++ ) {
- u = i / ( numpoints - 1 );
- tangents[ i ] = this.path.getTangentAt( u );
- tangents[ i ].normalize();
- }
- initialNormal3();
- function initialNormal1() {
- // fixed start binormal. Has dangers of 0 vectors
- normals[ 0 ] = new THREE.Vector3();
- binormals[ 0 ] = new THREE.Vector3();
- var lastBinormal = new THREE.Vector3( 0, 0, 1 );
- normals[ 0 ].cross( lastBinormal, tangents[ 0 ] ).normalize();
- binormals[ 0 ].cross( tangents[ 0 ], normals[ 0 ] ).normalize();
- }
- function initialNormal2() {
- // This uses the Frenet-Serret formula for deriving binormal
- var t2 = path.getTangentAt( epsilon );
- normals[ 0 ] = new THREE.Vector3().sub( t2, tangents[ 0 ] ).normalize()
- binormals[ 0 ] = new THREE.Vector3().cross( tangents[ 0 ], normals[ 0 ] );
- normals[ 0 ].cross( binormals[ 0 ], tangents[ 0 ] ).normalize(); // last binormal x tangent
- binormals[ 0 ].cross( tangents[ 0 ], normals[ 0 ] ).normalize();
- }
- function initialNormal3() {
- // select an initial normal vector perpenicular to the first tangent vector,
- // and in the direction of the smallest tangent xyz component
- normals[ 0 ] = new THREE.Vector3();
- binormals[ 0 ] = new THREE.Vector3();
- smallest = Number.MAX_VALUE;
- tx = Math.abs( tangents[ 0 ].x );
- ty = Math.abs( tangents[ 0 ].y );
- tz = Math.abs( tangents[ 0 ].z );
- if ( tx <= smallest ) {
- smallest = tx;
- vec.set( 1, 0, 0 );
- }
- if ( ty <= smallest ) {
- smallest = ty;
- vec.set( 0, 1, 0 );
- }
- if ( tz <= smallest ) {
- vec.set( 0, 0, 1 );
- }
- // vec.cross( tangents[ 0 ], normal ).normalize();
- normals[ 0 ].cross( tangents[ 0 ], vec );
- binormals[ 0 ].cross( tangents[ 0 ], normals[ 0 ] );
- }
- // compute the slowly-varying normal and binormal vectors for each segment on the path
- for ( i = 1; i < numpoints; i++ ) {
- normals[ i ] = normals[ i-1 ].clone();
- binormals[ i ] = binormals[ i-1 ].clone();
- vec.cross( tangents[ i-1 ], tangents[ i ] );
- if ( vec.length() > epsilon ) {
- vec.normalize();
- theta = Math.acos( tangents[ i-1 ].dot( tangents[ i ] ) );
- mat.makeRotationAxis( vec, theta ).multiplyVector3( normals[ i ] );
- }
- binormals[ i ].cross( tangents[ i ], normals[ i ] );
- }
- // if the curve is closed, postprocess the vectors so the first and last normal vectors are the same
- if ( this.closed ) {
- theta = Math.acos( normals[ 0 ].dot( normals[ numpoints-1 ] ) );
- theta /= ( numpoints - 1 );
- if ( tangents[ 0 ].dot( vec.cross( normals[ 0 ], normals[ numpoints-1 ] ) ) > 0 ) {
- theta = -theta;
- }
- for ( i = 1; i < numpoints; i++ ) {
- // twist a little...
- mat.makeRotationAxis( tangents[ i ], theta * i ).multiplyVector3( normals[ i ] );
- binormals[ i ].cross( tangents[ i ], normals[ i ] );
- }
- }
- // consruct the grid
- for ( i = 0; i < numpoints; i++ ) {
- this.grid[ i ] = [];
- u = i / ( numpoints - 1 );
- pos = this.path.getPointAt( u );
- tangent = tangents[ i ];
- normal = normals[ i ];
- binormal = binormals[ i ];
- if ( this.debug ) {
- this.debug.add(new THREE.ArrowHelper(tangent, pos, radius, 0x0000ff));
- this.debug.add(new THREE.ArrowHelper(normal, pos, radius, 0xff0000));
- this.debug.add(new THREE.ArrowHelper(binormal, pos, radius, 0x00ff00));
- }
- for ( j = 0; j < this.segmentsRadius; j++ ) {
- v = j / this.segmentsRadius * 2 * Math.PI;
- cx = -this.radius * Math.cos( v ); // TODO: Hack: Negating it so it faces outside.
- cy = this.radius * Math.sin( v );
- pos2 = new THREE.Vector3().copy( pos );
- pos2.x += cx * normal.x + cy * binormal.x;
- pos2.y += cx * normal.y + cy * binormal.y;
- pos2.z += cx * normal.z + cy * binormal.z;
- this.grid[ i ][ j ] = vert( pos2.x, pos2.y, pos2.z );
- }
- }
- // construct the mesh
- for ( i = 0; i < this.segments; i++ ) {
- for ( j = 0; j < this.segmentsRadius; j++ ) {
- ip = ( closed ) ? (i + 1) % this.segments : i + 1;
- jp = (j + 1) % this.segmentsRadius;
- a = this.grid[ i ][ j ]; // *** NOT NECESSARILY PLANAR ! ***
- b = this.grid[ ip ][ j ];
- c = this.grid[ ip ][ jp ];
- d = this.grid[ i ][ jp ];
- uva = new THREE.UV( i / this.segments, j / this.segmentsRadius );
- uvb = new THREE.UV( ( i + 1 ) / this.segments, j / this.segmentsRadius );
- uvc = new THREE.UV( ( i + 1 ) / this.segments, ( j + 1 ) / this.segmentsRadius );
- uvd = new THREE.UV( i / this.segments, ( j + 1 ) / this.segmentsRadius );
- this.faces.push( new THREE.Face4( a, b, c, d ) );
- this.faceVertexUvs[ 0 ].push( [ uva, uvb, uvc, uvd ] );
- }
- }
- this.computeCentroids();
- this.computeFaceNormals();
- this.computeVertexNormals();
- };
- THREE.TubeGeometry.prototype = new THREE.Geometry();
- THREE.TubeGeometry.prototype.constructor = THREE.TubeGeometry;
- /**
- * @author clockworkgeek / https://github.com/clockworkgeek
- * @author timothypratley / https://github.com/timothypratley
- */
- THREE.PolyhedronGeometry = function ( vertices, faces, radius, detail ) {
- THREE.Geometry.call( this );
- radius = radius || 1;
- detail = detail || 0;
- var that = this;
- for ( var i = 0, l = vertices.length; i < l; i ++ ) {
- prepare( new THREE.Vector3( vertices[ i ][ 0 ], vertices[ i ][ 1 ], vertices[ i ][ 2 ] ) );
- }
- var midpoints = [], p = this.vertices;
- for ( var i = 0, l = faces.length; i < l; i ++ ) {
- make( p[ faces[ i ][ 0 ] ], p[ faces[ i ][ 1 ] ], p[ faces[ i ][ 2 ] ], detail );
- }
- this.mergeVertices();
- // Apply radius
- for ( var i = 0, l = this.vertices.length; i < l; i ++ ) {
- this.vertices[ i ].position.multiplyScalar( radius );
- }
- /**
- * Project vector onto sphere's surface
- */
- function prepare( vector ) {
- var vertex = new THREE.Vertex( vector.normalize() );
- vertex.index = that.vertices.push( vertex ) - 1;
- // Texture coords are equivalent to map coords, calculate angle and convert to fraction of a circle.
- var u = azimuth( vector ) / 2 / Math.PI + 0.5;
- var v = inclination( vector ) / Math.PI + 0.5;
- vertex.uv = new THREE.UV( u, v );
- return vertex;
- }
- /**
- * Approximate a curved face with recursively sub-divided triangles.
- */
- function make( v1, v2, v3, detail ) {
- if ( detail < 1 ) {
- var face = new THREE.Face3( v1.index, v2.index, v3.index, [ v1.position.clone(), v2.position.clone(), v3.position.clone() ] );
- face.centroid.addSelf( v1.position ).addSelf( v2.position ).addSelf( v3.position ).divideScalar( 3 );
- face.normal = face.centroid.clone().normalize();
- that.faces.push( face );
- var azi = azimuth( face.centroid );
- that.faceVertexUvs[ 0 ].push( [
- correctUV( v1.uv, v1.position, azi ),
- correctUV( v2.uv, v2.position, azi ),
- correctUV( v3.uv, v3.position, azi )
- ] );
- }
- else {
- detail -= 1;
- // split triangle into 4 smaller triangles
- make( v1, midpoint( v1, v2 ), midpoint( v1, v3 ), detail ); // top quadrant
- make( midpoint( v1, v2 ), v2, midpoint( v2, v3 ), detail ); // left quadrant
- make( midpoint( v1, v3 ), midpoint( v2, v3 ), v3, detail ); // right quadrant
- make( midpoint( v1, v2 ), midpoint( v2, v3 ), midpoint( v1, v3 ), detail ); // center quadrant
- }
- }
- function midpoint( v1, v2 ) {
- if ( !midpoints[ v1.index ] ) midpoints[ v1.index ] = [];
- if ( !midpoints[ v2.index ] ) midpoints[ v2.index ] = [];
- var mid = midpoints[ v1.index ][ v2.index ];
- if ( mid === undefined ) {
- // generate mean point and project to surface with prepare()
- midpoints[ v1.index ][ v2.index ] = midpoints[ v2.index ][ v1.index ] = mid = prepare(
- new THREE.Vector3().add( v1.position, v2.position ).divideScalar( 2 )
- );
- }
- return mid;
- }
- /**
- * 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 ) ) );
- }
- /**
- * Texture fixing helper. Spheres have some odd behaviours.
- */
- function correctUV( uv, vector, azimuth ) {
- if ( (azimuth < 0) && (uv.u === 1) ) uv = new THREE.UV( uv.u - 1, uv.v );
- if ( (vector.x === 0) && (vector.z === 0) ) uv = new THREE.UV( azimuth / 2 / Math.PI + 0.5, uv.v );
- return uv;
- }
- this.computeCentroids();
- this.boundingSphere = { radius: radius };
- };
- THREE.PolyhedronGeometry.prototype = new THREE.Geometry();
- THREE.PolyhedronGeometry.prototype.constructor = THREE.PolyhedronGeometry;
- /**
- * @author timothypratley / https://github.com/timothypratley
- */
- THREE.IcosahedronGeometry = function ( radius, detail ) {
- var t = ( 1 + Math.sqrt( 5 ) ) / 2;
- var 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 ]
- ];
- var faces = [
- [ 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 ]
- ];
- THREE.PolyhedronGeometry.call( this, vertices, faces, radius, detail );
- };
- THREE.IcosahedronGeometry.prototype = new THREE.Geometry();
- THREE.IcosahedronGeometry.prototype.constructor = THREE.IcosahedronGeometry;
- /**
- * @author timothypratley / https://github.com/timothypratley
- */
- THREE.OctahedronGeometry = function ( radius, detail ) {
- var vertices = [
- [ 1, 0, 0 ], [ -1, 0, 0 ], [ 0, 1, 0 ], [ 0, -1, 0 ], [ 0, 0, 1 ], [ 0, 0, -1 ]
- ];
- var faces = [
- [ 0, 2, 4 ], [ 0, 4, 3 ], [ 0, 3, 5 ], [ 0, 5, 2 ], [ 1, 2, 5 ], [ 1, 5, 3 ], [ 1, 3, 4 ], [ 1, 4, 2 ]
- ];
- THREE.PolyhedronGeometry.call( this, vertices, faces, radius, detail );
- };
- THREE.OctahedronGeometry.prototype = new THREE.Geometry();
- THREE.OctahedronGeometry.prototype.constructor = THREE.OctahedronGeometry;
- /**
- * @author timothypratley / https://github.com/timothypratley
- */
- THREE.TetrahedronGeometry = function ( radius, detail ) {
- var vertices = [
- [ 1, 1, 1 ], [ -1, -1, 1 ], [ -1, 1, -1 ], [ 1, -1, -1 ]
- ];
- var faces = [
- [ 2, 1, 0 ], [ 0, 3, 2 ], [ 1, 3, 0 ], [ 2, 3, 1 ]
- ];
- THREE.PolyhedronGeometry.call( this, vertices, faces, radius, detail );
- };
- THREE.TetrahedronGeometry.prototype = new THREE.Geometry();
- THREE.TetrahedronGeometry.prototype.constructor = THREE.TetrahedronGeometry;
- /**
- * @author sroucheray / http://sroucheray.org/
- * @author mr.doob / http://mrdoob.com/
- */
- THREE.AxisHelper = function () {
- THREE.Object3D.call( this );
- var lineGeometry = new THREE.Geometry();
- lineGeometry.vertices.push( new THREE.Vertex() );
- lineGeometry.vertices.push( new THREE.Vertex( new THREE.Vector3( 0, 100, 0 ) ) );
- var coneGeometry = new THREE.CylinderGeometry( 0, 5, 25, 5, 1 );
- var line, cone;
- // x
- line = new THREE.Line( lineGeometry, new THREE.LineBasicMaterial( { color : 0xff0000 } ) );
- line.rotation.z = - Math.PI / 2;
- this.add( line );
- cone = new THREE.Mesh( coneGeometry, new THREE.MeshBasicMaterial( { color : 0xff0000 } ) );
- cone.position.x = 100;
- cone.rotation.z = - Math.PI / 2;
- this.add( cone );
- // y
- line = new THREE.Line( lineGeometry, new THREE.LineBasicMaterial( { color : 0x00ff00 } ) );
- this.add( line );
- cone = new THREE.Mesh( coneGeometry, new THREE.MeshBasicMaterial( { color : 0x00ff00 } ) );
- cone.position.y = 100;
- this.add( cone );
- // z
- line = new THREE.Line( lineGeometry, new THREE.LineBasicMaterial( { color : 0x0000ff } ) );
- line.rotation.x = Math.PI / 2;
- this.add( line );
- cone = new THREE.Mesh( coneGeometry, new THREE.MeshBasicMaterial( { color : 0x0000ff } ) );
- cone.position.z = 100;
- cone.rotation.x = Math.PI / 2;
- this.add( cone );
- };
- THREE.AxisHelper.prototype = new THREE.Object3D();
- THREE.AxisHelper.prototype.constructor = THREE.AxisHelper;
- /**
- * @author WestLangley / https://github.com/WestLangley
- * @author zz85 / https://github.com/zz85
- *
- * Creates an arrow for visualizing directions
- *
- * Parameters:
- * dir - Vector3
- * origin - Vector3
- * length - Number
- * hex - color in hex value
- */
- THREE.ArrowHelper = function ( dir, origin, length, hex ) {
- THREE.Object3D.call( this );
- if ( hex === undefined ) hex = 0xffff00;
- if ( length === undefined ) length = 20;
- var lineGeometry = new THREE.Geometry();
- lineGeometry.vertices.push( new THREE.Vertex( new THREE.Vector3( 0, 0, 0 ) ) );
- lineGeometry.vertices.push( new THREE.Vertex( new THREE.Vector3( 0, 1, 0 ) ) );
- this.line = new THREE.Line( lineGeometry, new THREE.LineBasicMaterial( { color : hex } ) );
- this.add( this.line );
- var coneGeometry = new THREE.CylinderGeometry( 0, 0.05, 0.25, 5, 1 );
- this.cone = new THREE.Mesh( coneGeometry, new THREE.MeshBasicMaterial( { color : hex } ) );
- this.cone.position.set( 0, 1, 0 );
- this.add( this.cone );
- if ( origin instanceof THREE.Vector3 ) {
- this.position = origin;
- }
- this.setDirection( dir );
- this.setLength( length );
- };
- THREE.ArrowHelper.prototype = new THREE.Object3D();
- THREE.ArrowHelper.prototype.constructor = THREE.ArrowHelper;
- THREE.ArrowHelper.prototype.setDirection = function( dir ) {
- var axis = new THREE.Vector3( 0, 1, 0 ).crossSelf( dir );
- var radians = Math.acos( new THREE.Vector3( 0, 1, 0 ).dot( dir.clone().normalize() ) );
- this.matrix = new THREE.Matrix4().makeRotationAxis( axis.normalize(), radians );
- this.rotation.getRotationFromMatrix( this.matrix, this.scale );
- };
- THREE.ArrowHelper.prototype.setLength = function( length ) {
- this.scale.set( length, length, length );
- };
- THREE.ArrowHelper.prototype.setColor = function( hex ) {
- this.line.material.color.setHex( hex );
- this.cone.material.color.setHex( hex );
- };
- /**
- * @author alteredq / http://alteredqualia.com/
- *
- * - shows frustum, line of sight and up of the camera
- * - suitable for fast updates
- * - based on frustum visualization in lightgl.js shadowmap example
- * http://evanw.github.com/lightgl.js/tests/shadowmap.html
- */
- THREE.CameraHelper = function ( camera ) {
- THREE.Object3D.call( this );
- var _this = this;
- this.lineGeometry = new THREE.Geometry();
- this.lineMaterial = new THREE.LineBasicMaterial( { color: 0xffffff, vertexColors: THREE.FaceColors } );
- this.pointMap = {};
- // colors
- var hexFrustum = 0xffaa00,
- hexCone = 0xff0000,
- hexUp = 0x00aaff,
- hexTarget = 0xffffff,
- hexCross = 0x333333;
- // near
- addLine( "n1", "n2", hexFrustum );
- addLine( "n2", "n4", hexFrustum );
- addLine( "n4", "n3", hexFrustum );
- addLine( "n3", "n1", hexFrustum );
- // far
- addLine( "f1", "f2", hexFrustum );
- addLine( "f2", "f4", hexFrustum );
- addLine( "f4", "f3", hexFrustum );
- addLine( "f3", "f1", hexFrustum );
- // sides
- addLine( "n1", "f1", hexFrustum );
- addLine( "n2", "f2", hexFrustum );
- addLine( "n3", "f3", hexFrustum );
- addLine( "n4", "f4", hexFrustum );
- // cone
- addLine( "p", "n1", hexCone );
- addLine( "p", "n2", hexCone );
- addLine( "p", "n3", hexCone );
- addLine( "p", "n4", hexCone );
- // up
- addLine( "u1", "u2", hexUp );
- addLine( "u2", "u3", hexUp );
- addLine( "u3", "u1", hexUp );
- // target
- addLine( "c", "t", hexTarget );
- addLine( "p", "c", hexCross );
- // cross
- addLine( "cn1", "cn2", hexCross );
- addLine( "cn3", "cn4", hexCross );
- addLine( "cf1", "cf2", hexCross );
- addLine( "cf3", "cf4", hexCross );
- this.camera = camera;
- function addLine( a, b, hex ) {
- addPoint( a, hex );
- addPoint( b, hex );
- }
- function addPoint( id, hex ) {
- _this.lineGeometry.vertices.push( new THREE.Vertex( new THREE.Vector3() ) );
- _this.lineGeometry.colors.push( new THREE.Color( hex ) );
- if ( _this.pointMap[ id ] === undefined ) _this.pointMap[ id ] = [];
- _this.pointMap[ id ].push( _this.lineGeometry.vertices.length - 1 );
- }
- this.update( camera );
- this.lines = new THREE.Line( this.lineGeometry, this.lineMaterial, THREE.LinePieces );
- this.add( this.lines );
- };
- THREE.CameraHelper.prototype = new THREE.Object3D();
- THREE.CameraHelper.prototype.constructor = THREE.CameraHelper;
- THREE.CameraHelper.prototype.update = function () {
- var camera = this.camera;
- var w = 1;
- var h = 1;
- var _this = this;
- // we need just camera projection matrix
- // world matrix must be identity
- THREE.CameraHelper.__c.projectionMatrix.copy( camera.projectionMatrix );
- // center / target
- setPoint( "c", 0, 0, -1 );
- setPoint( "t", 0, 0, 1 );
- // near
- setPoint( "n1", -w, -h, -1 );
- setPoint( "n2", w, -h, -1 );
- setPoint( "n3", -w, h, -1 );
- setPoint( "n4", w, h, -1 );
- // far
- setPoint( "f1", -w, -h, 1 );
- setPoint( "f2", w, -h, 1 );
- setPoint( "f3", -w, h, 1 );
- setPoint( "f4", w, h, 1 );
- // up
- setPoint( "u1", w * 0.7, h * 1.1, -1 );
- setPoint( "u2", -w * 0.7, h * 1.1, -1 );
- setPoint( "u3", 0, h * 2, -1 );
- // cross
- setPoint( "cf1", -w, 0, 1 );
- setPoint( "cf2", w, 0, 1 );
- setPoint( "cf3", 0, -h, 1 );
- setPoint( "cf4", 0, h, 1 );
- setPoint( "cn1", -w, 0, -1 );
- setPoint( "cn2", w, 0, -1 );
- setPoint( "cn3", 0, -h, -1 );
- setPoint( "cn4", 0, h, -1 );
- function setPoint( point, x, y, z ) {
- THREE.CameraHelper.__v.set( x, y, z );
- THREE.CameraHelper.__projector.unprojectVector( THREE.CameraHelper.__v, THREE.CameraHelper.__c );
- var points = _this.pointMap[ point ];
- if ( points !== undefined ) {
- for ( var i = 0, il = points.length; i < il; i ++ ) {
- var j = points[ i ];
- _this.lineGeometry.vertices[ j ].position.copy( THREE.CameraHelper.__v );
- }
- }
- }
- this.lineGeometry.__dirtyVertices = true;
- };
- THREE.CameraHelper.__projector = new THREE.Projector();
- THREE.CameraHelper.__v = new THREE.Vector3();
- THREE.CameraHelper.__c = new THREE.Camera();
- /*
- * @author zz85 / http://twitter.com/blurspline / http://www.lab4games.net/zz85/blog
- *
- * Subdivision Geometry Modifier
- * using Catmull-Clark Subdivision Surfaces
- * for creating smooth geometry meshes
- *
- * Note: a modifier modifies vertices and faces of geometry,
- * so use THREE.GeometryUtils.clone() if orignal geoemtry needs to be retained
- *
- * Readings:
- * http://en.wikipedia.org/wiki/Catmull%E2%80%93Clark_subdivision_surface
- * http://www.rorydriscoll.com/2008/08/01/catmull-clark-subdivision-the-basics/
- * http://xrt.wikidot.com/blog:31
- * "Subdivision Surfaces in Character Animation"
- *
- * Supports:
- * Closed and Open geometries.
- *
- * TODO:
- * crease vertex and "semi-sharp" features
- * selective subdivision
- */
- THREE.SubdivisionModifier = function( subdivisions ) {
-
- this.subdivisions = (subdivisions === undefined ) ? 1 : subdivisions;
-
- // Settings
- this.useOldVertexColors = false;
- this.supportUVs = true;
-
- };
- //THREE.SubdivisionModifier.prototype = new THREE.Modifier();
- THREE.SubdivisionModifier.prototype.constructor = THREE.SubdivisionModifier;
- // Applies the "modify" pattern
- THREE.SubdivisionModifier.prototype.modify = function ( geometry ) {
-
- var repeats = this.subdivisions;
-
- while ( repeats-- > 0 ) {
- this.smooth( geometry );
- }
-
- };
- // Performs an iteration of Catmull-Clark Subdivision
- THREE.SubdivisionModifier.prototype.smooth = function ( oldGeometry ) {
-
- //console.log( 'running smooth' );
-
- // New set of vertices, faces and uvs
- var newVertices = [], newFaces = [], newUVs = [];
-
- function v( x, y, z ) {
- newVertices.push( new THREE.Vertex( new THREE.Vector3( x, y, z ) ) );
- }
-
- var scope = this;
- function f4( a, b, c, d, oldFace, orders ) {
-
- // TODO move vertex selection over here!
-
- var newFace = new THREE.Face4( a, b, c, d, null, oldFace.color, oldFace.material );
-
- if (scope.useOldVertexColors) {
-
- newFace.vertexColors = [];
-
- var color, tmpColor, order;
- for (var i=0;i<4;i++) {
- order = orders[i];
-
- color = new THREE.Color(),
- color.setRGB(0,0,0);
-
- for (var j=0, jl=0; j<order.length;j++) {
- tmpColor = oldFace.vertexColors[order[j]-1];
- color.r += tmpColor.r;
- color.g += tmpColor.g;
- color.b += tmpColor.b;
- }
-
- color.r /= order.length;
- color.g /= order.length;
- color.b /= order.length;
-
- newFace.vertexColors[i] = color;
-
- }
-
- }
-
- newFaces.push( newFace );
-
- if (!scope.supportUVs || uvForVertices.length!=0) {
- newUVs.push( [
- uvForVertices[a],
- uvForVertices[b],
- uvForVertices[c],
- uvForVertices[d]
- ] );
-
- }
- }
-
- function edge_hash( a, b ) {
- return Math.min( a, b ) + "_" + Math.max( a, b );
- };
-
- function computeEdgeFaces( geometry ) {
- function addToMap( map, hash, i ) {
- if ( map[ hash ] === undefined ) {
- map[ hash ] = [];
-
- }
-
- map[ hash ].push( i );
- };
- var i, il, v1, v2, j, k,
- face, faceIndices, faceIndex,
- edge,
- hash,
- vfMap = {};
- // construct vertex -> face map
- for( i = 0, il = geometry.faces.length; i < il; i ++ ) {
- face = geometry.faces[ i ];
- if ( face instanceof THREE.Face3 ) {
- hash = edge_hash( face.a, face.b );
- addToMap( vfMap, hash, i );
- hash = edge_hash( face.b, face.c );
- addToMap( vfMap, hash, i );
- hash = edge_hash( face.c, face.a );
- addToMap( vfMap, hash, i );
- } else if ( face instanceof THREE.Face4 ) {
- hash = edge_hash( face.a, face.b );
- addToMap( vfMap, hash, i );
- hash = edge_hash( face.b, face.c );
- addToMap( vfMap, hash, i );
- hash = edge_hash( face.c, face.d );
- addToMap( vfMap, hash, i );
-
- hash = edge_hash( face.d, face.a );
- addToMap( vfMap, hash, i );
- }
- }
- // extract faces
-
- // var edges = [];
- //
- // var numOfEdges = 0;
- // for (i in vfMap) {
- // numOfEdges++;
- //
- // edge = vfMap[i];
- // edges.push(edge);
- //
- // }
-
- //console.log('vfMap', vfMap, 'geometry.edges',geometry.edges, 'numOfEdges', numOfEdges);
- return vfMap;
- };
-
- var originalPoints = oldGeometry.vertices;
- var originalFaces = oldGeometry.faces;
-
- var newPoints = originalPoints.concat(); // Vertices
-
- var facePoints = [], edgePoints = {};
-
- var sharpEdges = {}, sharpVertices = [], sharpFaces = [];
-
- var uvForVertices = [];
-
- // Step 1
- // For each face, add a face point
- // Set each face point to be the centroid of all original points for the respective face.
-
- var i, il, j, jl, face;
-
- // For Uvs
- var uvs = oldGeometry.faceVertexUvs[0];
- var abcd = 'abcd', vertice;
-
- for (i=0, il = uvs.length; i<il; i++ ) {
- for (j=0,jl=uvs[i].length;j<jl;j++) {
- vertice = originalFaces[i][abcd.charAt(j)];
-
- if (!uvForVertices[vertice]) {
- uvForVertices[vertice] = uvs[i][j];
- } else {
- //console.log('dup', uvForVertices[vertice]);
- }
-
-
- }
- }
-
- var avgUv ;
- for (i=0, il = originalFaces.length; i<il ;i++) {
- face = originalFaces[i];
- facePoints.push(face.centroid);
- newPoints.push( new THREE.Vertex(face.centroid) );
-
-
- if (!scope.supportUVs || uvForVertices.length==0) continue;
-
- // Prepare subdivided uv
-
- avgUv = new THREE.UV();
-
- if ( face instanceof THREE.Face3 ) {
- avgUv.u = uvForVertices[face.a].u + uvForVertices[face.b].u + uvForVertices[face.c].u;
- avgUv.v = uvForVertices[face.a].v + uvForVertices[face.b].v + uvForVertices[face.c].v;
- avgUv.u /= 3;
- avgUv.v /= 3;
-
- } else if ( face instanceof THREE.Face4 ) {
- avgUv.u = uvForVertices[face.a].u + uvForVertices[face.b].u + uvForVertices[face.c].u + uvForVertices[face.d].u;
- avgUv.v = uvForVertices[face.a].v + uvForVertices[face.b].v + uvForVertices[face.c].v + uvForVertices[face.d].v;
- avgUv.u /= 4;
- avgUv.v /= 4;
- }
-
- uvForVertices.push(avgUv);
- }
- // Step 2
- // For each edge, add an edge point.
- // Set each edge point to be the average of the two neighbouring face points and its two original endpoints.
-
- var vfMap = computeEdgeFaces ( oldGeometry );
- var edge, faceIndexA, faceIndexB, avg;
-
- //console.log('vfMap', vfMap);
- var edgeCount = 0;
- var originalVerticesLength = originalPoints.length;
- var edgeVertex, edgeVertexA, edgeVertexB;
-
- ////
-
- var vertexEdgeMap = {};
- var vertexFaceMap = {};
-
- var addVertexEdgeMap = function(vertex, edge) {
- if (vertexEdgeMap[vertex]===undefined) {
- vertexEdgeMap[vertex] = [];
- }
-
- vertexEdgeMap[vertex].push(edge);
- };
-
- var addVertexFaceMap = function(vertex, face, edge) {
- if (vertexFaceMap[vertex]===undefined) {
- vertexFaceMap[vertex] = {};
- }
-
- //vertexFaceMap[vertex][face] = edge;
- vertexFaceMap[vertex][face] = null;
- };
-
- // Prepares vertexEdgeMap and vertexFaceMap
- for (i in vfMap) { // This is for every edge
- edge = vfMap[i];
-
- edgeVertex = i.split('_');
- edgeVertexA = edgeVertex[0];
- edgeVertexB = edgeVertex[1];
-
- // Maps an edgeVertex to connecting edges
- addVertexEdgeMap(edgeVertexA, [edgeVertexA, edgeVertexB] );
- addVertexEdgeMap(edgeVertexB, [edgeVertexA, edgeVertexB] );
-
-
- // faceIndexA = edge[0]; // face index a
- // faceIndexB = edge[1]; // face index b
- //
- // // Add connecting faces for edge
- // addVertexFaceMap(edgeVertexA, faceIndexA);
- // addVertexFaceMap(edgeVertexB, faceIndexA);
- //
- //
- // if (faceIndexB) {
- // addVertexFaceMap(edgeVertexA, faceIndexB);
- // addVertexFaceMap(edgeVertexB, faceIndexB);
- // } else {
- // addVertexFaceMap(edgeVertexA, faceIndexA);
- // addVertexFaceMap(edgeVertexB, faceIndexA);
- // }
-
- for (j=0,jl=edge.length;j<jl;j++) {
- face = edge[j];
-
- addVertexFaceMap(edgeVertexA, face, i);
- addVertexFaceMap(edgeVertexB, face, i);
- }
-
- if (edge.length < 2) {
- // edge is "sharp";
- sharpEdges[i] = true;
- sharpVertices[edgeVertexA] = true;
- sharpVertices[edgeVertexB] = true;
-
- }
-
- }
-
-
-
- //console.log('vertexEdgeMap',vertexEdgeMap, 'vertexFaceMap', vertexFaceMap);
-
-
- for (i in vfMap) {
- edge = vfMap[i];
-
- faceIndexA = edge[0]; // face index a
- faceIndexB = edge[1]; // face index b
-
- edgeVertex = i.split('_');
- edgeVertexA = edgeVertex[0];
- edgeVertexB = edgeVertex[1];
-
-
- avg = new THREE.Vector3();
-
- //console.log(i, faceIndexB,facePoints[faceIndexB]);
-
- if (sharpEdges[i]) {
- //console.log('warning, ', i, 'edge has only 1 connecting face', edge);
-
- // For a sharp edge, average the edge end points.
- avg.addSelf(originalPoints[edgeVertexA].position);
- avg.addSelf(originalPoints[edgeVertexB].position);
-
- avg.multiplyScalar(0.5);
-
- sharpVertices[newPoints.length] = true;
-
- } else {
-
- avg.addSelf(facePoints[faceIndexA]);
- avg.addSelf(facePoints[faceIndexB]);
-
- avg.addSelf(originalPoints[edgeVertexA].position);
- avg.addSelf(originalPoints[edgeVertexB].position);
-
- avg.multiplyScalar(0.25);
-
- }
-
- edgePoints[i] = originalVerticesLength + originalFaces.length + edgeCount;
- //console.log(edgePoints[i], newPoints.length);
-
- newPoints.push( new THREE.Vertex(avg) );
-
- edgeCount ++;
-
- if (!scope.supportUVs || uvForVertices.length==0) continue;
-
- // Prepare subdivided uv
-
- avgUv = new THREE.UV();
-
- avgUv.u = uvForVertices[edgeVertexA].u + uvForVertices[edgeVertexB].u;
- avgUv.v = uvForVertices[edgeVertexA].v + uvForVertices[edgeVertexB].v;
- avgUv.u /= 2;
- avgUv.v /= 2;
-
- uvForVertices.push(avgUv);
-
- }
-
- // Step 3
- // For each face point, add an edge for every edge of the face,
- // connecting the face point to each edge point for the face.
-
-
- var facePt, currentVerticeIndex;
-
- var hashAB, hashBC, hashCD, hashDA, hashCA;
-
- var abc123 = ['123', '12', '2', '23'];
- var bca123 = ['123', '23', '3', '31'];
- var cab123 = ['123', '31', '1', '12'];
- var abc1234 = ['1234', '12', '2', '23'];
- var bcd1234 = ['1234', '23', '3', '34'];
- var cda1234 = ['1234', '34', '4', '41'];
- var dab1234 = ['1234', '41', '1', '12'];
-
-
- for (i=0, il = facePoints.length; i<il ;i++) { // for every face
- facePt = facePoints[i];
- face = originalFaces[i];
- currentVerticeIndex = originalVerticesLength+ i;
-
- if ( face instanceof THREE.Face3 ) {
-
- // create 3 face4s
-
- hashAB = edge_hash( face.a, face.b );
- hashBC = edge_hash( face.b, face.c );
- hashCA = edge_hash( face.c, face.a );
-
- f4( currentVerticeIndex, edgePoints[hashAB], face.b, edgePoints[hashBC], face, abc123 );
- f4( currentVerticeIndex, edgePoints[hashBC], face.c, edgePoints[hashCA], face, bca123 );
- f4( currentVerticeIndex, edgePoints[hashCA], face.a, edgePoints[hashAB], face, cab123 );
-
- } else if ( face instanceof THREE.Face4 ) {
- // create 4 face4s
-
- hashAB = edge_hash( face.a, face.b );
- hashBC = edge_hash( face.b, face.c );
- hashCD = edge_hash( face.c, face.d );
- hashDA = edge_hash( face.d, face.a );
-
- f4( currentVerticeIndex, edgePoints[hashAB], face.b, edgePoints[hashBC], face, abc1234 );
- f4( currentVerticeIndex, edgePoints[hashBC], face.c, edgePoints[hashCD], face, bcd1234 );
- f4( currentVerticeIndex, edgePoints[hashCD], face.d, edgePoints[hashDA], face, cda1234 );
- f4( currentVerticeIndex, edgePoints[hashDA], face.a, edgePoints[hashAB], face, dab1234 );
-
- } else {
- console.log('face should be a face!', face);
- }
- }
-
- newVertices = newPoints;
-
- // console.log('original ', oldGeometry.vertices.length, oldGeometry.faces.length );
- // console.log('new points', newPoints.length, 'faces', newFaces.length );
-
- // Step 4
-
- // For each original point P,
- // take the average F of all n face points for faces touching P,
- // and take the average R of all n edge midpoints for edges touching P,
- // where each edge midpoint is the average of its two endpoint vertices.
- // Move each original point to the point
-
- var F = new THREE.Vector3();
- var R = new THREE.Vector3();
- var n;
- for (i=0, il = originalPoints.length; i<il; i++) {
- // (F + 2R + (n-3)P) / n
-
- if (vertexEdgeMap[i]===undefined) continue;
-
- F.set(0,0,0);
- R.set(0,0,0);
- var newPos = new THREE.Vector3(0,0,0);
-
- var f =0;
- for (j in vertexFaceMap[i]) {
- F.addSelf(facePoints[j]);
- f++;
- }
-
- var sharpEdgeCount = 0;
-
- n = vertexEdgeMap[i].length;
-
- for (j=0;j<n;j++) {
- if (
- sharpEdges[
- edge_hash(vertexEdgeMap[i][j][0],vertexEdgeMap[i][j][1])
- ]) {
- sharpEdgeCount++;
- }
- }
-
- if ( sharpEdgeCount==2 ) {
- continue;
- // Do not move vertex if there's 2 connecting sharp edges.
- }
- /*
- if (sharpEdgeCount>2) {
- // TODO
- }
- */
-
- F.divideScalar(f);
-
-
-
- for (j=0; j<n;j++) {
- edge = vertexEdgeMap[i][j];
- var midPt = originalPoints[edge[0]].position.clone().addSelf(originalPoints[edge[1]].position).divideScalar(2);
- R.addSelf(midPt);
- // R.addSelf(originalPoints[edge[0]].position);
- // R.addSelf(originalPoints[edge[1]].position);
- }
-
- R.divideScalar(n)
-
- newPos.addSelf(originalPoints[i].position);
- newPos.multiplyScalar(n - 3);
-
- newPos.addSelf(F);
- newPos.addSelf(R.multiplyScalar(2));
- newPos.divideScalar(n);
-
- newVertices[i].position = newPos;
-
-
- }
-
- var newGeometry = oldGeometry; // Let's pretend the old geometry is now new :P
-
- newGeometry.vertices = newVertices;
- newGeometry.faces = newFaces;
- newGeometry.faceVertexUvs[ 0 ] = newUVs;
-
- delete newGeometry.__tmpVertices; // makes __tmpVertices undefined :P
-
- newGeometry.computeCentroids();
- newGeometry.computeFaceNormals();
- newGeometry.computeVertexNormals();
-
- };
- /**
- * @author alteredq / http://alteredqualia.com/
- */
- THREE.Loader = function ( showStatus ) {
- this.showStatus = showStatus;
- this.statusDomElement = showStatus ? THREE.Loader.prototype.addStatusElement() : null;
- this.onLoadStart = function () {};
- this.onLoadProgress = function() {};
- this.onLoadComplete = function () {};
- };
- THREE.Loader.prototype = {
- constructor: THREE.Loader,
- crossOrigin: 'anonymous',
- addStatusElement: function () {
- var e = document.createElement( "div" );
- e.style.position = "absolute";
- e.style.right = "0px";
- e.style.top = "0px";
- e.style.fontSize = "0.8em";
- e.style.textAlign = "left";
- e.style.background = "rgba(0,0,0,0.25)";
- e.style.color = "#fff";
- e.style.width = "120px";
- e.style.padding = "0.5em 0.5em 0.5em 0.5em";
- e.style.zIndex = 1000;
- e.innerHTML = "Loading ...";
- return e;
- },
- updateProgress: function ( progress ) {
- var message = "Loaded ";
- if ( progress.total ) {
- message += ( 100 * progress.loaded / progress.total ).toFixed(0) + "%";
- } else {
- message += ( progress.loaded / 1000 ).toFixed(2) + " KB";
- }
- this.statusDomElement.innerHTML = message;
- },
- extractUrlBase: function ( url ) {
- var parts = url.split( '/' );
- parts.pop();
- return ( parts.length < 1 ? '.' : parts.join( '/' ) ) + '/';
- },
- initMaterials: function ( scope, materials, texturePath ) {
- scope.materials = [];
- for ( var i = 0; i < materials.length; ++ i ) {
- scope.materials[ i ] = THREE.Loader.prototype.createMaterial( materials[ i ], texturePath );
- }
- },
- hasNormals: function ( scope ) {
- var m, i, il = scope.materials.length;
- for( i = 0; i < il; i ++ ) {
- m = scope.materials[ i ];
- if ( m instanceof THREE.ShaderMaterial ) return true;
- }
- return false;
- },
- createMaterial: function ( m, texturePath ) {
- var _this = this;
- function is_pow2( n ) {
- var l = Math.log( n ) / Math.LN2;
- return Math.floor( l ) == l;
- }
- function nearest_pow2( n ) {
- var l = Math.log( n ) / Math.LN2;
- return Math.pow( 2, Math.round( l ) );
- }
- function load_image( where, url ) {
- var image = new Image();
- image.onload = function () {
- if ( !is_pow2( this.width ) || !is_pow2( this.height ) ) {
- var width = nearest_pow2( this.width );
- var height = nearest_pow2( this.height );
- where.image.width = width;
- where.image.height = height;
- where.image.getContext( '2d' ).drawImage( this, 0, 0, width, height );
- } else {
- where.image = this;
- }
- where.needsUpdate = true;
- };
- image.crossOrigin = _this.crossOrigin;
- image.src = url;
- }
- function create_texture( where, name, sourceFile, repeat, offset, wrap ) {
- var texture = document.createElement( 'canvas' );
- where[ name ] = new THREE.Texture( texture );
- where[ name ].sourceFile = sourceFile;
- if( repeat ) {
- where[ name ].repeat.set( repeat[ 0 ], repeat[ 1 ] );
- if ( repeat[ 0 ] != 1 ) where[ name ].wrapS = THREE.RepeatWrapping;
- if ( repeat[ 1 ] != 1 ) where[ name ].wrapT = THREE.RepeatWrapping;
- }
- if ( offset ) {
- where[ name ].offset.set( offset[ 0 ], offset[ 1 ] );
- }
- if ( wrap ) {
- var wrapMap = {
- "repeat" : THREE.RepeatWrapping,
- "mirror" : THREE.MirroredRepeatWrapping
- }
- if ( wrapMap[ wrap[ 0 ] ] !== undefined ) where[ name ].wrapS = wrapMap[ wrap[ 0 ] ];
- if ( wrapMap[ wrap[ 1 ] ] !== undefined ) where[ name ].wrapT = wrapMap[ wrap[ 1 ] ];
- }
- load_image( where[ name ], texturePath + "/" + sourceFile );
- }
- function rgb2hex( rgb ) {
- return ( rgb[ 0 ] * 255 << 16 ) + ( rgb[ 1 ] * 255 << 8 ) + rgb[ 2 ] * 255;
- }
- // defaults
- var mtype = "MeshLambertMaterial";
- var mpars = { color: 0xeeeeee, opacity: 1.0, map: null, lightMap: null, normalMap: null, wireframe: m.wireframe };
- // parameters from model file
- if ( m.shading ) {
- var shading = m.shading.toLowerCase();
- if ( shading === "phong" ) mtype = "MeshPhongMaterial";
- else if ( shading === "basic" ) mtype = "MeshBasicMaterial";
- }
- if ( m.blending !== undefined && THREE[ m.blending ] !== undefined ) {
- mpars.blending = THREE[ m.blending ];
- }
- if ( m.transparent !== undefined || m.opacity < 1.0 ) {
- mpars.transparent = m.transparent;
- }
- if ( m.depthTest !== undefined ) {
- mpars.depthTest = m.depthTest;
- }
- if ( m.depthWrite !== undefined ) {
- mpars.depthWrite = m.depthWrite;
- }
- if ( m.vertexColors !== undefined ) {
- if ( m.vertexColors == "face" ) {
- mpars.vertexColors = THREE.FaceColors;
- } else if ( m.vertexColors ) {
- mpars.vertexColors = THREE.VertexColors;
- }
- }
- // colors
- if ( m.colorDiffuse ) {
- mpars.color = rgb2hex( m.colorDiffuse );
- } else if ( m.DbgColor ) {
- mpars.color = m.DbgColor;
- }
- if ( m.colorSpecular ) {
- mpars.specular = rgb2hex( m.colorSpecular );
- }
- if ( m.colorAmbient ) {
- mpars.ambient = rgb2hex( m.colorAmbient );
- }
- // modifiers
- if ( m.transparency ) {
- mpars.opacity = m.transparency;
- }
- if ( m.specularCoef ) {
- mpars.shininess = m.specularCoef;
- }
- // textures
- if ( m.mapDiffuse && texturePath ) {
- create_texture( mpars, "map", m.mapDiffuse, m.mapDiffuseRepeat, m.mapDiffuseOffset, m.mapDiffuseWrap );
- }
- if ( m.mapLight && texturePath ) {
- create_texture( mpars, "lightMap", m.mapLight, m.mapLightRepeat, m.mapLightOffset, m.mapLightWrap );
- }
- if ( m.mapNormal && texturePath ) {
- create_texture( mpars, "normalMap", m.mapNormal, m.mapNormalRepeat, m.mapNormalOffset, m.mapNormalWrap );
- }
- if ( m.mapSpecular && texturePath ) {
- create_texture( mpars, "specularMap", m.mapSpecular, m.mapSpecularRepeat, m.mapSpecularOffset, m.mapSpecularWrap );
- }
- // special case for normal mapped material
- if ( m.mapNormal ) {
- var shader = THREE.ShaderUtils.lib[ "normal" ];
- var uniforms = THREE.UniformsUtils.clone( shader.uniforms );
- uniforms[ "tNormal" ].texture = mpars.normalMap;
- if ( m.mapNormalFactor ) {
- uniforms[ "uNormalScale" ].value = m.mapNormalFactor;
- }
- if ( mpars.map ) {
- uniforms[ "tDiffuse" ].texture = mpars.map;
- uniforms[ "enableDiffuse" ].value = true;
- }
- if ( mpars.specularMap ) {
- uniforms[ "tSpecular" ].texture = mpars.specularMap;
- uniforms[ "enableSpecular" ].value = true;
- }
- if ( mpars.lightMap ) {
- uniforms[ "tAO" ].texture = mpars.lightMap;
- uniforms[ "enableAO" ].value = true;
- }
- // for the moment don't handle displacement texture
- uniforms[ "uDiffuseColor" ].value.setHex( mpars.color );
- uniforms[ "uSpecularColor" ].value.setHex( mpars.specular );
- uniforms[ "uAmbientColor" ].value.setHex( mpars.ambient );
- uniforms[ "uShininess" ].value = mpars.shininess;
- if ( mpars.opacity !== undefined ) {
- uniforms[ "uOpacity" ].value = mpars.opacity;
- }
- var parameters = { fragmentShader: shader.fragmentShader, vertexShader: shader.vertexShader, uniforms: uniforms, lights: true, fog: true };
- var material = new THREE.ShaderMaterial( parameters );
- } else {
- var material = new THREE[ mtype ]( mpars );
- }
- if ( m.DbgName !== undefined ) material.name = m.DbgName;
- return material;
- }
- };
- /**
- * @author alteredq / http://alteredqualia.com/
- */
- THREE.BinaryLoader = function ( showStatus ) {
- THREE.Loader.call( this, showStatus );
- };
- THREE.BinaryLoader.prototype = new THREE.Loader();
- THREE.BinaryLoader.prototype.constructor = THREE.BinaryLoader;
- THREE.BinaryLoader.prototype.supr = THREE.Loader.prototype;
- // Load models generated by slim OBJ converter with BINARY option (converter_obj_three_slim.py -t binary)
- // - binary models consist of two files: JS and BIN
- // - parameters
- // - url (required)
- // - callback (required)
- // - texturePath (optional: if not specified, textures will be assumed to be in the same folder as JS model file)
- // - binaryPath (optional: if not specified, binary file will be assumed to be in the same folder as JS model file)
- THREE.BinaryLoader.prototype.load = function( url, callback, texturePath, binaryPath ) {
- texturePath = texturePath ? texturePath : this.extractUrlBase( url );
- binaryPath = binaryPath ? binaryPath : this.extractUrlBase( url );
- var callbackProgress = this.showProgress ? THREE.Loader.prototype.updateProgress : null;
- this.onLoadStart();
- // #1 load JS part via web worker
- this.loadAjaxJSON( this, url, callback, texturePath, binaryPath, callbackProgress );
- };
- THREE.BinaryLoader.prototype.loadAjaxJSON = function ( context, url, callback, texturePath, binaryPath, callbackProgress ) {
- var xhr = new XMLHttpRequest();
- xhr.onreadystatechange = function () {
- if ( xhr.readyState == 4 ) {
- if ( xhr.status == 200 || xhr.status == 0 ) {
- var json = JSON.parse( xhr.responseText );
- context.loadAjaxBuffers( json, callback, binaryPath, texturePath, callbackProgress );
- } else {
- console.error( "THREE.BinaryLoader: Couldn't load [" + url + "] [" + xhr.status + "]" );
- }
- }
- };
- xhr.open( "GET", url, true );
- if ( xhr.overrideMimeType ) xhr.overrideMimeType( "text/plain; charset=x-user-defined" );
- xhr.setRequestHeader( "Content-Type", "text/plain" );
- xhr.send( null );
- };
- THREE.BinaryLoader.prototype.loadAjaxBuffers = function ( json, callback, binaryPath, texturePath, callbackProgress ) {
- var xhr = new XMLHttpRequest(),
- url = binaryPath + "/" + json.buffers;
- var length = 0;
- xhr.onreadystatechange = function () {
- if ( xhr.readyState == 4 ) {
- if ( xhr.status == 200 || xhr.status == 0 ) {
- THREE.BinaryLoader.prototype.createBinModel( xhr.response, callback, texturePath, json.materials );
- } else {
- console.error( "THREE.BinaryLoader: Couldn't load [" + url + "] [" + xhr.status + "]" );
- }
- } else if ( xhr.readyState == 3 ) {
- if ( callbackProgress ) {
- if ( length == 0 ) {
- length = xhr.getResponseHeader( "Content-Length" );
- }
- callbackProgress( { total: length, loaded: xhr.responseText.length } );
- }
- } else if ( xhr.readyState == 2 ) {
- length = xhr.getResponseHeader( "Content-Length" );
- }
- };
- xhr.open( "GET", url, true );
- xhr.responseType = "arraybuffer";
- xhr.send( null );
- };
- // Binary AJAX parser
- THREE.BinaryLoader.prototype.createBinModel = function ( data, callback, texturePath, materials ) {
- var Model = function ( texturePath ) {
- var scope = this,
- currentOffset = 0,
- md,
- normals = [],
- uvs = [],
- start_tri_flat, start_tri_smooth, start_tri_flat_uv, start_tri_smooth_uv,
- start_quad_flat, start_quad_smooth, start_quad_flat_uv, start_quad_smooth_uv,
- tri_size, quad_size,
- len_tri_flat, len_tri_smooth, len_tri_flat_uv, len_tri_smooth_uv,
- len_quad_flat, len_quad_smooth, len_quad_flat_uv, len_quad_smooth_uv;
- THREE.Geometry.call( this );
- THREE.Loader.prototype.initMaterials( scope, materials, texturePath );
- md = parseMetaData( data, currentOffset );
- currentOffset += md.header_bytes;
- /*
- md.vertex_index_bytes = Uint32Array.BYTES_PER_ELEMENT;
- md.material_index_bytes = Uint16Array.BYTES_PER_ELEMENT;
- md.normal_index_bytes = Uint32Array.BYTES_PER_ELEMENT;
- md.uv_index_bytes = Uint32Array.BYTES_PER_ELEMENT;
- */
- // buffers sizes
- tri_size = md.vertex_index_bytes * 3 + md.material_index_bytes;
- quad_size = md.vertex_index_bytes * 4 + md.material_index_bytes;
- len_tri_flat = md.ntri_flat * ( tri_size );
- len_tri_smooth = md.ntri_smooth * ( tri_size + md.normal_index_bytes * 3 );
- len_tri_flat_uv = md.ntri_flat_uv * ( tri_size + md.uv_index_bytes * 3 );
- len_tri_smooth_uv = md.ntri_smooth_uv * ( tri_size + md.normal_index_bytes * 3 + md.uv_index_bytes * 3 );
- len_quad_flat = md.nquad_flat * ( quad_size );
- len_quad_smooth = md.nquad_smooth * ( quad_size + md.normal_index_bytes * 4 );
- len_quad_flat_uv = md.nquad_flat_uv * ( quad_size + md.uv_index_bytes * 4 );
- len_quad_smooth_uv = md.nquad_smooth_uv * ( quad_size + md.normal_index_bytes * 4 + md.uv_index_bytes * 4 );
- // read buffers
- currentOffset += init_vertices( currentOffset );
- currentOffset += init_normals( currentOffset );
- currentOffset += handlePadding( md.nnormals * 3 );
- currentOffset += init_uvs( currentOffset );
- start_tri_flat = currentOffset;
- start_tri_smooth = start_tri_flat + len_tri_flat + handlePadding( md.ntri_flat * 2 );
- start_tri_flat_uv = start_tri_smooth + len_tri_smooth + handlePadding( md.ntri_smooth * 2 );
- start_tri_smooth_uv = start_tri_flat_uv + len_tri_flat_uv + handlePadding( md.ntri_flat_uv * 2 );
- start_quad_flat = start_tri_smooth_uv + len_tri_smooth_uv + handlePadding( md.ntri_smooth_uv * 2 );
- start_quad_smooth = start_quad_flat + len_quad_flat + handlePadding( md.nquad_flat * 2 );
- start_quad_flat_uv = start_quad_smooth + len_quad_smooth + handlePadding( md.nquad_smooth * 2 );
- start_quad_smooth_uv= start_quad_flat_uv + len_quad_flat_uv + handlePadding( md.nquad_flat_uv * 2 );
- // have to first process faces with uvs
- // so that face and uv indices match
- init_triangles_flat_uv( start_tri_flat_uv );
- init_triangles_smooth_uv( start_tri_smooth_uv );
- init_quads_flat_uv( start_quad_flat_uv );
- init_quads_smooth_uv( start_quad_smooth_uv );
- // now we can process untextured faces
- init_triangles_flat( start_tri_flat );
- init_triangles_smooth( start_tri_smooth );
- init_quads_flat( start_quad_flat );
- init_quads_smooth( start_quad_smooth );
- this.computeCentroids();
- this.computeFaceNormals();
- if ( THREE.Loader.prototype.hasNormals( this ) ) this.computeTangents();
- function handlePadding( n ) {
- return ( n % 4 ) ? ( 4 - n % 4 ) : 0;
- };
- function parseMetaData( data, offset ) {
- var metaData = {
- 'signature' :parseString( data, offset, 12 ),
- 'header_bytes' :parseUChar8( data, offset + 12 ),
- 'vertex_coordinate_bytes' :parseUChar8( data, offset + 13 ),
- 'normal_coordinate_bytes' :parseUChar8( data, offset + 14 ),
- 'uv_coordinate_bytes' :parseUChar8( data, offset + 15 ),
- 'vertex_index_bytes' :parseUChar8( data, offset + 16 ),
- 'normal_index_bytes' :parseUChar8( data, offset + 17 ),
- 'uv_index_bytes' :parseUChar8( data, offset + 18 ),
- 'material_index_bytes' :parseUChar8( data, offset + 19 ),
- 'nvertices' :parseUInt32( data, offset + 20 ),
- 'nnormals' :parseUInt32( data, offset + 20 + 4*1 ),
- 'nuvs' :parseUInt32( data, offset + 20 + 4*2 ),
- 'ntri_flat' :parseUInt32( data, offset + 20 + 4*3 ),
- 'ntri_smooth' :parseUInt32( data, offset + 20 + 4*4 ),
- 'ntri_flat_uv' :parseUInt32( data, offset + 20 + 4*5 ),
- 'ntri_smooth_uv' :parseUInt32( data, offset + 20 + 4*6 ),
- 'nquad_flat' :parseUInt32( data, offset + 20 + 4*7 ),
- 'nquad_smooth' :parseUInt32( data, offset + 20 + 4*8 ),
- 'nquad_flat_uv' :parseUInt32( data, offset + 20 + 4*9 ),
- 'nquad_smooth_uv' :parseUInt32( data, offset + 20 + 4*10 )
- };
- /*
- console.log( "signature: " + metaData.signature );
- console.log( "header_bytes: " + metaData.header_bytes );
- console.log( "vertex_coordinate_bytes: " + metaData.vertex_coordinate_bytes );
- console.log( "normal_coordinate_bytes: " + metaData.normal_coordinate_bytes );
- console.log( "uv_coordinate_bytes: " + metaData.uv_coordinate_bytes );
- console.log( "vertex_index_bytes: " + metaData.vertex_index_bytes );
- console.log( "normal_index_bytes: " + metaData.normal_index_bytes );
- console.log( "uv_index_bytes: " + metaData.uv_index_bytes );
- console.log( "material_index_bytes: " + metaData.material_index_bytes );
- console.log( "nvertices: " + metaData.nvertices );
- console.log( "nnormals: " + metaData.nnormals );
- console.log( "nuvs: " + metaData.nuvs );
- console.log( "ntri_flat: " + metaData.ntri_flat );
- console.log( "ntri_smooth: " + metaData.ntri_smooth );
- console.log( "ntri_flat_uv: " + metaData.ntri_flat_uv );
- console.log( "ntri_smooth_uv: " + metaData.ntri_smooth_uv );
- console.log( "nquad_flat: " + metaData.nquad_flat );
- console.log( "nquad_smooth: " + metaData.nquad_smooth );
- console.log( "nquad_flat_uv: " + metaData.nquad_flat_uv );
- console.log( "nquad_smooth_uv: " + metaData.nquad_smooth_uv );
- var total = metaData.header_bytes
- + metaData.nvertices * metaData.vertex_coordinate_bytes * 3
- + metaData.nnormals * metaData.normal_coordinate_bytes * 3
- + metaData.nuvs * metaData.uv_coordinate_bytes * 2
- + metaData.ntri_flat * ( metaData.vertex_index_bytes*3 + metaData.material_index_bytes )
- + metaData.ntri_smooth * ( metaData.vertex_index_bytes*3 + metaData.material_index_bytes + metaData.normal_index_bytes*3 )
- + metaData.ntri_flat_uv * ( metaData.vertex_index_bytes*3 + metaData.material_index_bytes + metaData.uv_index_bytes*3 )
- + metaData.ntri_smooth_uv * ( metaData.vertex_index_bytes*3 + metaData.material_index_bytes + metaData.normal_index_bytes*3 + metaData.uv_index_bytes*3 )
- + metaData.nquad_flat * ( metaData.vertex_index_bytes*4 + metaData.material_index_bytes )
- + metaData.nquad_smooth * ( metaData.vertex_index_bytes*4 + metaData.material_index_bytes + metaData.normal_index_bytes*4 )
- + metaData.nquad_flat_uv * ( metaData.vertex_index_bytes*4 + metaData.material_index_bytes + metaData.uv_index_bytes*4 )
- + metaData.nquad_smooth_uv * ( metaData.vertex_index_bytes*4 + metaData.material_index_bytes + metaData.normal_index_bytes*4 + metaData.uv_index_bytes*4 );
- console.log( "total bytes: " + total );
- */
- return metaData;
- };
- function parseString( data, offset, length ) {
- var charArray = new Uint8Array( data, offset, length );
- var text = "";
- for ( var i = 0; i < length; i ++ ) {
- text += String.fromCharCode( charArray[ offset + i ] );
- }
- return text;
- };
- function parseUChar8( data, offset ) {
- var charArray = new Uint8Array( data, offset, 1 );
- return charArray[ 0 ];
- };
- function parseUInt32( data, offset ) {
- var intArray = new Uint32Array( data, offset, 1 );
- return intArray[ 0 ];
- };
- function init_vertices( start ) {
- var nElements = md.nvertices;
- var coordArray = new Float32Array( data, start, nElements * 3 );
- var i, x, y, z;
- for( i = 0; i < nElements; i ++ ) {
- x = coordArray[ i * 3 ];
- y = coordArray[ i * 3 + 1 ];
- z = coordArray[ i * 3 + 2 ];
- vertex( scope, x, y, z );
- }
- return nElements * 3 * Float32Array.BYTES_PER_ELEMENT;
- };
- function init_normals( start ) {
- var nElements = md.nnormals;
- if ( nElements ) {
- var normalArray = new Int8Array( data, start, nElements * 3 );
- var i, x, y, z;
- for( i = 0; i < nElements; i ++ ) {
- x = normalArray[ i * 3 ];
- y = normalArray[ i * 3 + 1 ];
- z = normalArray[ i * 3 + 2 ];
- normals.push( x/127, y/127, z/127 );
- }
- }
- return nElements * 3 * Int8Array.BYTES_PER_ELEMENT;
- };
- function init_uvs( start ) {
- var nElements = md.nuvs;
- if ( nElements ) {
- var uvArray = new Float32Array( data, start, nElements * 2 );
- var i, u, v;
- for( i = 0; i < nElements; i ++ ) {
- u = uvArray[ i * 2 ];
- v = uvArray[ i * 2 + 1 ];
- uvs.push( u, v );
- }
- }
- return nElements * 2 * Float32Array.BYTES_PER_ELEMENT;
- };
- function init_uvs3( nElements, offset ) {
- var i, uva, uvb, uvc, u1, u2, u3, v1, v2, v3;
- var uvIndexBuffer = new Uint32Array( data, offset, 3 * nElements );
- for( i = 0; i < nElements; i ++ ) {
- uva = uvIndexBuffer[ i * 3 ];
- uvb = uvIndexBuffer[ i * 3 + 1 ];
- uvc = uvIndexBuffer[ i * 3 + 2 ];
- u1 = uvs[ uva*2 ];
- v1 = uvs[ uva*2 + 1 ];
- u2 = uvs[ uvb*2 ];
- v2 = uvs[ uvb*2 + 1 ];
- u3 = uvs[ uvc*2 ];
- v3 = uvs[ uvc*2 + 1 ];
- uv3( scope.faceVertexUvs[ 0 ], u1, v1, u2, v2, u3, v3 );
- }
- };
- function init_uvs4( nElements, offset ) {
- var i, uva, uvb, uvc, uvd, u1, u2, u3, u4, v1, v2, v3, v4;
- var uvIndexBuffer = new Uint32Array( data, offset, 4 * nElements );
- for( i = 0; i < nElements; i ++ ) {
- uva = uvIndexBuffer[ i * 4 ];
- uvb = uvIndexBuffer[ i * 4 + 1 ];
- uvc = uvIndexBuffer[ i * 4 + 2 ];
- uvd = uvIndexBuffer[ i * 4 + 3 ];
- u1 = uvs[ uva*2 ];
- v1 = uvs[ uva*2 + 1 ];
- u2 = uvs[ uvb*2 ];
- v2 = uvs[ uvb*2 + 1 ];
- u3 = uvs[ uvc*2 ];
- v3 = uvs[ uvc*2 + 1 ];
- u4 = uvs[ uvd*2 ];
- v4 = uvs[ uvd*2 + 1 ];
- uv4( scope.faceVertexUvs[ 0 ], u1, v1, u2, v2, u3, v3, u4, v4 );
- }
- };
- function init_faces3_flat( nElements, offsetVertices, offsetMaterials ) {
- var i, a, b, c, m;
- var vertexIndexBuffer = new Uint32Array( data, offsetVertices, 3 * nElements );
- var materialIndexBuffer = new Uint16Array( data, offsetMaterials, nElements );
- for( i = 0; i < nElements; i ++ ) {
- a = vertexIndexBuffer[ i * 3 ];
- b = vertexIndexBuffer[ i * 3 + 1 ];
- c = vertexIndexBuffer[ i * 3 + 2 ];
- m = materialIndexBuffer[ i ];
- f3( scope, a, b, c, m );
- }
- };
- function init_faces4_flat( nElements, offsetVertices, offsetMaterials ) {
- var i, a, b, c, d, m;
- var vertexIndexBuffer = new Uint32Array( data, offsetVertices, 4 * nElements );
- var materialIndexBuffer = new Uint16Array( data, offsetMaterials, nElements );
- for( i = 0; i < nElements; i ++ ) {
- a = vertexIndexBuffer[ i * 4 ];
- b = vertexIndexBuffer[ i * 4 + 1 ];
- c = vertexIndexBuffer[ i * 4 + 2 ];
- d = vertexIndexBuffer[ i * 4 + 3 ];
- m = materialIndexBuffer[ i ];
- f4( scope, a, b, c, d, m );
- }
- };
- function init_faces3_smooth( nElements, offsetVertices, offsetNormals, offsetMaterials ) {
- var i, a, b, c, m;
- var na, nb, nc;
- var vertexIndexBuffer = new Uint32Array( data, offsetVertices, 3 * nElements );
- var normalIndexBuffer = new Uint32Array( data, offsetNormals, 3 * nElements );
- var materialIndexBuffer = new Uint16Array( data, offsetMaterials, nElements );
- for( i = 0; i < nElements; i ++ ) {
- a = vertexIndexBuffer[ i * 3 ];
- b = vertexIndexBuffer[ i * 3 + 1 ];
- c = vertexIndexBuffer[ i * 3 + 2 ];
- na = normalIndexBuffer[ i * 3 ];
- nb = normalIndexBuffer[ i * 3 + 1 ];
- nc = normalIndexBuffer[ i * 3 + 2 ];
- m = materialIndexBuffer[ i ];
- f3n( scope, normals, a, b, c, m, na, nb, nc );
- }
- };
- function init_faces4_smooth( nElements, offsetVertices, offsetNormals, offsetMaterials ) {
- var i, a, b, c, d, m;
- var na, nb, nc, nd;
- var vertexIndexBuffer = new Uint32Array( data, offsetVertices, 4 * nElements );
- var normalIndexBuffer = new Uint32Array( data, offsetNormals, 4 * nElements );
- var materialIndexBuffer = new Uint16Array( data, offsetMaterials, nElements );
- for( i = 0; i < nElements; i ++ ) {
- a = vertexIndexBuffer[ i * 4 ];
- b = vertexIndexBuffer[ i * 4 + 1 ];
- c = vertexIndexBuffer[ i * 4 + 2 ];
- d = vertexIndexBuffer[ i * 4 + 3 ];
- na = normalIndexBuffer[ i * 4 ];
- nb = normalIndexBuffer[ i * 4 + 1 ];
- nc = normalIndexBuffer[ i * 4 + 2 ];
- nd = normalIndexBuffer[ i * 4 + 3 ];
- m = materialIndexBuffer[ i ];
- f4n( scope, normals, a, b, c, d, m, na, nb, nc, nd );
- }
- };
- function init_triangles_flat( start ) {
- var nElements = md.ntri_flat;
- if ( nElements ) {
- var offsetMaterials = start + nElements * Uint32Array.BYTES_PER_ELEMENT * 3;
- init_faces3_flat( nElements, start, offsetMaterials );
- }
- };
- function init_triangles_flat_uv( start ) {
- var nElements = md.ntri_flat_uv;
- if ( nElements ) {
- var offsetUvs = start + nElements * Uint32Array.BYTES_PER_ELEMENT * 3;
- var offsetMaterials = offsetUvs + nElements * Uint32Array.BYTES_PER_ELEMENT * 3;
- init_faces3_flat( nElements, start, offsetMaterials );
- init_uvs3( nElements, offsetUvs );
- }
- };
- function init_triangles_smooth( start ) {
- var nElements = md.ntri_smooth;
- if ( nElements ) {
- var offsetNormals = start + nElements * Uint32Array.BYTES_PER_ELEMENT * 3;
- var offsetMaterials = offsetNormals + nElements * Uint32Array.BYTES_PER_ELEMENT * 3;
- init_faces3_smooth( nElements, start, offsetNormals, offsetMaterials );
- }
- };
- function init_triangles_smooth_uv( start ) {
- var nElements = md.ntri_smooth_uv;
- if ( nElements ) {
- var offsetNormals = start + nElements * Uint32Array.BYTES_PER_ELEMENT * 3;
- var offsetUvs = offsetNormals + nElements * Uint32Array.BYTES_PER_ELEMENT * 3;
- var offsetMaterials = offsetUvs + nElements * Uint32Array.BYTES_PER_ELEMENT * 3;
- init_faces3_smooth( nElements, start, offsetNormals, offsetMaterials );
- init_uvs3( nElements, offsetUvs );
- }
- };
- function init_quads_flat( start ) {
- var nElements = md.nquad_flat;
- if ( nElements ) {
- var offsetMaterials = start + nElements * Uint32Array.BYTES_PER_ELEMENT * 4;
- init_faces4_flat( nElements, start, offsetMaterials );
- }
- };
- function init_quads_flat_uv( start ) {
- var nElements = md.nquad_flat_uv;
- if ( nElements ) {
- var offsetUvs = start + nElements * Uint32Array.BYTES_PER_ELEMENT * 4;
- var offsetMaterials = offsetUvs + nElements * Uint32Array.BYTES_PER_ELEMENT * 4;
- init_faces4_flat( nElements, start, offsetMaterials );
- init_uvs4( nElements, offsetUvs );
- }
- };
- function init_quads_smooth( start ) {
- var nElements = md.nquad_smooth;
- if ( nElements ) {
- var offsetNormals = start + nElements * Uint32Array.BYTES_PER_ELEMENT * 4;
- var offsetMaterials = offsetNormals + nElements * Uint32Array.BYTES_PER_ELEMENT * 4;
- init_faces4_smooth( nElements, start, offsetNormals, offsetMaterials );
- }
- };
- function init_quads_smooth_uv( start ) {
- var nElements = md.nquad_smooth_uv;
- if ( nElements ) {
- var offsetNormals = start + nElements * Uint32Array.BYTES_PER_ELEMENT * 4;
- var offsetUvs = offsetNormals + nElements * Uint32Array.BYTES_PER_ELEMENT * 4;
- var offsetMaterials = offsetUvs + nElements * Uint32Array.BYTES_PER_ELEMENT * 4;
- init_faces4_smooth( nElements, start, offsetNormals, offsetMaterials );
- init_uvs4( nElements, offsetUvs );
- }
- };
- };
- function vertex ( scope, x, y, z ) {
- scope.vertices.push( new THREE.Vertex( new THREE.Vector3( x, y, z ) ) );
- };
- function f3 ( scope, a, b, c, mi ) {
- scope.faces.push( new THREE.Face3( a, b, c, null, null, mi ) );
- };
- function f4 ( scope, a, b, c, d, mi ) {
- scope.faces.push( new THREE.Face4( a, b, c, d, null, null, mi ) );
- };
- function f3n ( scope, normals, a, b, c, mi, na, nb, nc ) {
- var nax = normals[ na*3 ],
- nay = normals[ na*3 + 1 ],
- naz = normals[ na*3 + 2 ],
- nbx = normals[ nb*3 ],
- nby = normals[ nb*3 + 1 ],
- nbz = normals[ nb*3 + 2 ],
- ncx = normals[ nc*3 ],
- ncy = normals[ nc*3 + 1 ],
- ncz = normals[ nc*3 + 2 ];
- scope.faces.push( new THREE.Face3( a, b, c,
- [new THREE.Vector3( nax, nay, naz ),
- new THREE.Vector3( nbx, nby, nbz ),
- new THREE.Vector3( ncx, ncy, ncz )],
- null,
- mi ) );
- };
- function f4n ( scope, normals, a, b, c, d, mi, na, nb, nc, nd ) {
- var nax = normals[ na*3 ],
- nay = normals[ na*3 + 1 ],
- naz = normals[ na*3 + 2 ],
- nbx = normals[ nb*3 ],
- nby = normals[ nb*3 + 1 ],
- nbz = normals[ nb*3 + 2 ],
- ncx = normals[ nc*3 ],
- ncy = normals[ nc*3 + 1 ],
- ncz = normals[ nc*3 + 2 ],
- ndx = normals[ nd*3 ],
- ndy = normals[ nd*3 + 1 ],
- ndz = normals[ nd*3 + 2 ];
- scope.faces.push( new THREE.Face4( a, b, c, d,
- [new THREE.Vector3( nax, nay, naz ),
- new THREE.Vector3( nbx, nby, nbz ),
- new THREE.Vector3( ncx, ncy, ncz ),
- new THREE.Vector3( ndx, ndy, ndz )],
- null,
- mi ) );
- };
- function uv3 ( where, u1, v1, u2, v2, u3, v3 ) {
- var uv = [];
- uv.push( new THREE.UV( u1, v1 ) );
- uv.push( new THREE.UV( u2, v2 ) );
- uv.push( new THREE.UV( u3, v3 ) );
- where.push( uv );
- };
- function uv4 ( where, u1, v1, u2, v2, u3, v3, u4, v4 ) {
- var uv = [];
- uv.push( new THREE.UV( u1, v1 ) );
- uv.push( new THREE.UV( u2, v2 ) );
- uv.push( new THREE.UV( u3, v3 ) );
- uv.push( new THREE.UV( u4, v4 ) );
- where.push( uv );
- };
- Model.prototype = new THREE.Geometry();
- Model.prototype.constructor = Model;
- callback( new Model( texturePath ) );
- };
- /**
- * @author Tim Knip / http://www.floorplanner.com/ / tim at floorplanner.com
- */
- THREE.ColladaLoader = function () {
- var COLLADA = null;
- var scene = null;
- var daeScene;
- var readyCallbackFunc = null;
- var sources = {};
- var images = {};
- var animations = {};
- var controllers = {};
- var geometries = {};
- var materials = {};
- var effects = {};
- var cameras = {};
- var animData;
- var visualScenes;
- var baseUrl;
- var morphs;
- var skins;
- var flip_uv = true;
- var preferredShading = THREE.SmoothShading;
- var options = {
- // Force Geometry to always be centered at the local origin of the
- // containing Mesh.
- centerGeometry: false,
- // Axis conversion is done for geometries, animations, and controllers.
- // If we ever pull cameras or lights out of the COLLADA file, they'll
- // need extra work.
- convertUpAxis: false,
- subdivideFaces: true,
- upAxis: 'Y'
- };
- // TODO: support unit conversion as well
- var colladaUnit = 1.0;
- var colladaUp = 'Y';
- var upConversion = null;
- var TO_RADIANS = Math.PI / 180;
- function load ( url, readyCallback, progressCallback ) {
- var length = 0;
- if ( document.implementation && document.implementation.createDocument ) {
- var req = new XMLHttpRequest();
- if ( req.overrideMimeType ) req.overrideMimeType( "text/xml" );
- req.onreadystatechange = function() {
- if( req.readyState == 4 ) {
- if( req.status == 0 || req.status == 200 ) {
- if ( req.responseXML ) {
- readyCallbackFunc = readyCallback;
- parse( req.responseXML, undefined, url );
- } else {
- console.error( "ColladaLoader: Empty or non-existing file (" + url + ")" );
- }
- }
- } else if ( req.readyState == 3 ) {
- if ( progressCallback ) {
- if ( length == 0 ) {
- length = req.getResponseHeader( "Content-Length" );
- }
- progressCallback( { total: length, loaded: req.responseText.length } );
- }
- }
- }
- req.open( "GET", url, true );
- req.send( null );
- } else {
- alert( "Don't know how to parse XML!" );
- }
- };
- function parse( doc, callBack, url ) {
- COLLADA = doc;
- callBack = callBack || readyCallbackFunc;
- if ( url !== undefined ) {
- var parts = url.split( '/' );
- parts.pop();
- baseUrl = ( parts.length < 1 ? '.' : parts.join( '/' ) ) + '/';
- }
- parseAsset();
- setUpConversion();
- images = parseLib( "//dae:library_images/dae:image", _Image, "image" );
- materials = parseLib( "//dae:library_materials/dae:material", Material, "material") ;
- effects = parseLib( "//dae:library_effects/dae:effect", Effect, "effect" );
- geometries = parseLib( "//dae:library_geometries/dae:geometry", Geometry, "geometry" );
- cameras = parseLib( ".//dae:library_cameras/dae:camera", Camera, "camera" );
- controllers = parseLib( "//dae:library_controllers/dae:controller", Controller, "controller" );
- animations = parseLib( "//dae:library_animations/dae:animation", Animation, "animation" );
- visualScenes = parseLib( ".//dae:library_visual_scenes/dae:visual_scene", VisualScene, "visual_scene" );
- morphs = [];
- skins = [];
- daeScene = parseScene();
- scene = new THREE.Object3D();
- for ( var i = 0; i < daeScene.nodes.length; i ++ ) {
- scene.add( createSceneGraph( daeScene.nodes[ i ] ) );
- }
- createAnimations();
- var result = {
- scene: scene,
- morphs: morphs,
- skins: skins,
- animations: animData,
- dae: {
- images: images,
- materials: materials,
- cameras: cameras,
- effects: effects,
- geometries: geometries,
- controllers: controllers,
- animations: animations,
- visualScenes: visualScenes,
- scene: daeScene
- }
- };
- if ( callBack ) {
- callBack( result );
- }
- return result;
- };
- function setPreferredShading ( shading ) {
- preferredShading = shading;
- };
- function parseAsset () {
- var elements = COLLADA.evaluate( '//dae:asset', COLLADA, _nsResolver, XPathResult.ORDERED_NODE_ITERATOR_TYPE, null );
- var element = elements.iterateNext();
- if ( element && element.childNodes ) {
- for ( var i = 0; i < element.childNodes.length; i ++ ) {
- var child = element.childNodes[ i ];
- switch ( child.nodeName ) {
- case 'unit':
- var meter = child.getAttribute( 'meter' );
- if ( meter ) {
- colladaUnit = parseFloat( meter );
- }
- break;
- case 'up_axis':
- colladaUp = child.textContent.charAt(0);
- break;
- }
- }
- }
- };
- function parseLib ( q, classSpec, prefix ) {
- var elements = COLLADA.evaluate(q, COLLADA, _nsResolver, XPathResult.ORDERED_NODE_ITERATOR_TYPE, null) ;
- var lib = {};
- var element = elements.iterateNext();
- var i = 0;
- while ( element ) {
- var daeElement = ( new classSpec() ).parse( element );
- if ( !daeElement.id || daeElement.id.length == 0 ) daeElement.id = prefix + ( i ++ );
- lib[ daeElement.id ] = daeElement;
- element = elements.iterateNext();
- }
- return lib;
- };
- function parseScene() {
- var sceneElement = COLLADA.evaluate( './/dae:scene/dae:instance_visual_scene', COLLADA, _nsResolver, XPathResult.ORDERED_NODE_ITERATOR_TYPE, null ).iterateNext();
- if ( sceneElement ) {
- var url = sceneElement.getAttribute( 'url' ).replace( /^#/, '' );
- return visualScenes[ url.length > 0 ? url : 'visual_scene0' ];
- } else {
- return null;
- }
- };
- function createAnimations() {
- animData = [];
- // fill in the keys
- recurseHierarchy( scene );
- };
- function recurseHierarchy( node ) {
- var n = daeScene.getChildById( node.name, true ),
- newData = null;
- if ( n && n.keys ) {
- newData = {
- fps: 60,
- hierarchy: [ {
- node: n,
- keys: n.keys,
- sids: n.sids
- } ],
- node: node,
- name: 'animation_' + node.name,
- length: 0
- };
- animData.push(newData);
- for ( var i = 0, il = n.keys.length; i < il; i++ ) {
- newData.length = Math.max( newData.length, n.keys[i].time );
- }
- } else {
- newData = {
- hierarchy: [ {
- keys: [],
- sids: []
- } ]
- }
- }
- for ( var i = 0, il = node.children.length; i < il; i++ ) {
- var d = recurseHierarchy( node.children[i] );
- for ( var j = 0, jl = d.hierarchy.length; j < jl; j ++ ) {
- newData.hierarchy.push( {
- keys: [],
- sids: []
- } );
- }
- }
- return newData;
- };
- function calcAnimationBounds () {
- var start = 1000000;
- var end = -start;
- var frames = 0;
- for ( var id in animations ) {
- var animation = animations[ id ];
- for ( var i = 0; i < animation.sampler.length; i ++ ) {
- var sampler = animation.sampler[ i ];
- sampler.create();
- start = Math.min( start, sampler.startTime );
- end = Math.max( end, sampler.endTime );
- frames = Math.max( frames, sampler.input.length );
- }
- }
- return { start:start, end:end, frames:frames };
- };
- function createMorph ( geometry, ctrl ) {
- var morphCtrl = ctrl instanceof InstanceController ? controllers[ ctrl.url ] : ctrl;
- if ( !morphCtrl || !morphCtrl.morph ) {
- console.log("could not find morph controller!");
- return;
- }
- var morph = morphCtrl.morph;
- for ( var i = 0; i < morph.targets.length; i ++ ) {
- var target_id = morph.targets[ i ];
- var daeGeometry = geometries[ target_id ];
- if ( !daeGeometry.mesh ||
- !daeGeometry.mesh.primitives ||
- !daeGeometry.mesh.primitives.length ) {
- continue;
- }
- var target = daeGeometry.mesh.primitives[ 0 ].geometry;
- if ( target.vertices.length === geometry.vertices.length ) {
- geometry.morphTargets.push( { name: "target_1", vertices: target.vertices } );
- }
- }
- geometry.morphTargets.push( { name: "target_Z", vertices: geometry.vertices } );
- };
- function createSkin ( geometry, ctrl, applyBindShape ) {
- var skinCtrl = controllers[ ctrl.url ];
- if ( !skinCtrl || !skinCtrl.skin ) {
- console.log( "could not find skin controller!" );
- return;
- }
- if ( !ctrl.skeleton || !ctrl.skeleton.length ) {
- console.log( "could not find the skeleton for the skin!" );
- return;
- }
- var skin = skinCtrl.skin;
- var skeleton = daeScene.getChildById( ctrl.skeleton[ 0 ] );
- var hierarchy = [];
- applyBindShape = applyBindShape !== undefined ? applyBindShape : true;
- var bones = [];
- geometry.skinWeights = [];
- geometry.skinIndices = [];
- //createBones( geometry.bones, skin, hierarchy, skeleton, null, -1 );
- //createWeights( skin, geometry.bones, geometry.skinIndices, geometry.skinWeights );
- /*
- geometry.animation = {
- name: 'take_001',
- fps: 30,
- length: 2,
- JIT: true,
- hierarchy: hierarchy
- };
- */
- if ( applyBindShape ) {
- for ( var i = 0; i < geometry.vertices.length; i ++ ) {
- skin.bindShapeMatrix.multiplyVector3( geometry.vertices[ i ].position );
- }
- }
- };
- function setupSkeleton ( node, bones, frame, parent ) {
- node.world = node.world || new THREE.Matrix4();
- node.world.copy( node.matrix );
- if ( node.channels && node.channels.length ) {
- var channel = node.channels[ 0 ];
- var m = channel.sampler.output[ frame ];
- if ( m instanceof THREE.Matrix4 ) {
- node.world.copy( m );
- }
- }
- if ( parent ) {
- node.world.multiply( parent, node.world );
- }
- bones.push( node );
- for ( var i = 0; i < node.nodes.length; i ++ ) {
- setupSkeleton( node.nodes[ i ], bones, frame, node.world );
- }
- };
- function setupSkinningMatrices ( bones, skin ) {
- // FIXME: this is dumb...
- for ( var i = 0; i < bones.length; i ++ ) {
- var bone = bones[ i ];
- var found = -1;
- if ( bone.type != 'JOINT' ) continue;
- for ( var j = 0; j < skin.joints.length; j ++ ) {
- if ( bone.sid == skin.joints[ j ] ) {
- found = j;
- break;
- }
- }
- if ( found >= 0 ) {
- var inv = skin.invBindMatrices[ found ];
- bone.invBindMatrix = inv;
- bone.skinningMatrix = new THREE.Matrix4();
- bone.skinningMatrix.multiply(bone.world, inv); // (IBMi * JMi)
- bone.weights = [];
- for ( var j = 0; j < skin.weights.length; j ++ ) {
- for (var k = 0; k < skin.weights[ j ].length; k ++) {
- var w = skin.weights[ j ][ k ];
- if ( w.joint == found ) {
- bone.weights.push( w );
- }
- }
- }
- } else {
- throw 'ColladaLoader: Could not find joint \'' + bone.sid + '\'.';
- }
- }
- };
- function applySkin ( geometry, instanceCtrl, frame ) {
- var skinController = controllers[ instanceCtrl.url ];
- frame = frame !== undefined ? frame : 40;
- if ( !skinController || !skinController.skin ) {
- console.log( 'ColladaLoader: Could not find skin controller.' );
- return;
- }
- if ( !instanceCtrl.skeleton || !instanceCtrl.skeleton.length ) {
- console.log( 'ColladaLoader: Could not find the skeleton for the skin. ' );
- return;
- }
- var animationBounds = calcAnimationBounds();
- var skeleton = daeScene.getChildById( instanceCtrl.skeleton[0], true ) ||
- daeScene.getChildBySid( instanceCtrl.skeleton[0], true );
- var i, j, w, vidx, weight;
- var v = new THREE.Vector3(), o, s;
- // move vertices to bind shape
- for ( i = 0; i < geometry.vertices.length; i ++ ) {
- skinController.skin.bindShapeMatrix.multiplyVector3( geometry.vertices[i].position );
- }
- // process animation, or simply pose the rig if no animation
- for ( frame = 0; frame < animationBounds.frames; frame ++ ) {
- var bones = [];
- var skinned = [];
- // zero skinned vertices
- for ( i = 0; i < geometry.vertices.length; i++ ) {
- skinned.push( new THREE.Vertex( new THREE.Vector3() ) );
- }
- // process the frame and setup the rig with a fresh
- // transform, possibly from the bone's animation channel(s)
- setupSkeleton( skeleton, bones, frame );
- setupSkinningMatrices( bones, skinController.skin );
- // skin 'm
- for ( i = 0; i < bones.length; i ++ ) {
- if ( bones[ i ].type != 'JOINT' ) continue;
- for ( j = 0; j < bones[ i ].weights.length; j ++ ) {
- w = bones[ i ].weights[ j ];
- vidx = w.index;
- weight = w.weight;
- o = geometry.vertices[vidx];
- s = skinned[vidx];
- v.x = o.position.x;
- v.y = o.position.y;
- v.z = o.position.z;
- bones[i].skinningMatrix.multiplyVector3(v);
- s.position.x += (v.x * weight);
- s.position.y += (v.y * weight);
- s.position.z += (v.z * weight);
- }
- }
- geometry.morphTargets.push( { name: "target_" + frame, vertices: skinned } );
- }
- };
- function createSceneGraph ( node, parent ) {
- var obj = new THREE.Object3D();
- var skinned = false;
- var skinController;
- var morphController;
- var i, j;
- // FIXME: controllers
- for ( i = 0; i < node.controllers.length; i ++ ) {
- var controller = controllers[ node.controllers[ i ].url ];
- switch ( controller.type ) {
- case 'skin':
- if ( geometries[ controller.skin.source ] ) {
- var inst_geom = new InstanceGeometry();
- inst_geom.url = controller.skin.source;
- inst_geom.instance_material = node.controllers[ i ].instance_material;
- node.geometries.push( inst_geom );
- skinned = true;
- skinController = node.controllers[ i ];
- } else if ( controllers[ controller.skin.source ] ) {
- // urgh: controller can be chained
- // handle the most basic case...
- var second = controllers[ controller.skin.source ];
- morphController = second;
- // skinController = node.controllers[i];
- if ( second.morph && geometries[ second.morph.source ] ) {
- var inst_geom = new InstanceGeometry();
- inst_geom.url = second.morph.source;
- inst_geom.instance_material = node.controllers[ i ].instance_material;
- node.geometries.push( inst_geom );
- }
- }
- break;
- case 'morph':
- if ( geometries[ controller.morph.source ] ) {
- var inst_geom = new InstanceGeometry();
- inst_geom.url = controller.morph.source;
- inst_geom.instance_material = node.controllers[ i ].instance_material;
- node.geometries.push( inst_geom );
- morphController = node.controllers[ i ];
- }
- console.log( 'ColladaLoader: Morph-controller partially supported.' );
- default:
- break;
- }
- }
- // FIXME: multi-material mesh?
- // geometries
- for ( i = 0; i < node.geometries.length; i ++ ) {
- var instance_geometry = node.geometries[i];
- var instance_materials = instance_geometry.instance_material;
- var geometry = geometries[instance_geometry.url];
- var used_materials = {};
- var used_materials_array = [];
- var num_materials = 0;
- var first_material;
- if ( geometry ) {
- if ( !geometry.mesh || !geometry.mesh.primitives )
- continue;
- if ( obj.name.length == 0 ) {
- obj.name = geometry.id;
- }
- // collect used fx for this geometry-instance
- if ( instance_materials ) {
- for ( j = 0; j < instance_materials.length; j ++ ) {
- var instance_material = instance_materials[ j ];
- var mat = materials[ instance_material.target ];
- var effect_id = mat.instance_effect.url;
- var shader = effects[ effect_id ].shader;
- shader.material.opacity = !shader.material.opacity ? 1 : shader.material.opacity;
- used_materials[ instance_material.symbol ] = num_materials;
- used_materials_array.push( shader.material )
- first_material = shader.material;
- first_material.name = mat.name == null || mat.name === '' ? mat.id : mat.name;
- num_materials ++;
- }
- }
- var mesh;
- var material = first_material || new THREE.MeshLambertMaterial( { color: 0xdddddd, shading: THREE.FlatShading } );
- var geom = geometry.mesh.geometry3js;
- if ( num_materials > 1 ) {
- material = new THREE.MeshFaceMaterial();
- geom.materials = used_materials_array;
- for ( j = 0; j < geom.faces.length; j ++ ) {
- var face = geom.faces[ j ];
- face.materialIndex = used_materials[ face.daeMaterial ]
- }
- }
- if ( skinController !== undefined) {
- applySkin( geom, skinController );
- material.morphTargets = true;
- mesh = new THREE.SkinnedMesh( geom, material );
- mesh.skeleton = skinController.skeleton;
- mesh.skinController = controllers[ skinController.url ];
- mesh.skinInstanceController = skinController;
- mesh.name = 'skin_' + skins.length;
- skins.push( mesh );
- } else if ( morphController !== undefined ) {
- createMorph( geom, morphController );
- material.morphTargets = true;
- mesh = new THREE.Mesh( geom, material );
- mesh.name = 'morph_' + morphs.length;
- morphs.push( mesh );
- } else {
- mesh = new THREE.Mesh( geom, material );
- // mesh.geom.name = geometry.id;
- }
- node.geometries.length > 1 ? obj.add( mesh ) : obj = mesh;
- }
- }
- for ( i = 0; i < node.cameras.length; i ++ ) {
- var instance_camera = node.cameras[i];
- var cparams = cameras[instance_camera.url];
- obj = new THREE.PerspectiveCamera(cparams.fov, cparams.aspect_ratio, cparams.znear, cparams.zfar);
- }
- obj.name = node.id || "";
- obj.matrix = node.matrix;
- var props = node.matrix.decompose();
- obj.position = props[ 0 ];
- obj.quaternion = props[ 1 ];
- obj.useQuaternion = true;
- obj.scale = props[ 2 ];
- if ( options.centerGeometry && obj.geometry ) {
- var delta = THREE.GeometryUtils.center( obj.geometry );
- obj.quaternion.multiplyVector3( delta.multiplySelf( obj.scale ) );
- obj.position.subSelf( delta );
- }
- for ( i = 0; i < node.nodes.length; i ++ ) {
- obj.add( createSceneGraph( node.nodes[i], node ) );
- }
- return obj;
- };
- function getJointId( skin, id ) {
- for ( var i = 0; i < skin.joints.length; i ++ ) {
- if ( skin.joints[ i ] == id ) {
- return i;
- }
- }
- };
- function getLibraryNode( id ) {
- return COLLADA.evaluate( './/dae:library_nodes//dae:node[@id=\'' + id + '\']', COLLADA, _nsResolver, XPathResult.ORDERED_NODE_ITERATOR_TYPE, null ).iterateNext();
- };
- function getChannelsForNode (node ) {
- var channels = [];
- var startTime = 1000000;
- var endTime = -1000000;
- for ( var id in animations ) {
- var animation = animations[id];
- for ( var i = 0; i < animation.channel.length; i ++ ) {
- var channel = animation.channel[i];
- var sampler = animation.sampler[i];
- var id = channel.target.split('/')[0];
- if ( id == node.id ) {
- sampler.create();
- channel.sampler = sampler;
- startTime = Math.min(startTime, sampler.startTime);
- endTime = Math.max(endTime, sampler.endTime);
- channels.push(channel);
- }
- }
- }
- if ( channels.length ) {
- node.startTime = startTime;
- node.endTime = endTime;
- }
- return channels;
- };
- function calcFrameDuration( node ) {
- var minT = 10000000;
- for ( var i = 0; i < node.channels.length; i ++ ) {
- var sampler = node.channels[i].sampler;
- for ( var j = 0; j < sampler.input.length - 1; j ++ ) {
- var t0 = sampler.input[ j ];
- var t1 = sampler.input[ j + 1 ];
- minT = Math.min( minT, t1 - t0 );
- }
- }
- return minT;
- };
- function calcMatrixAt( node, t ) {
- var animated = {};
- var i, j;
- for ( i = 0; i < node.channels.length; i ++ ) {
- var channel = node.channels[ i ];
- animated[ channel.sid ] = channel;
- }
- var matrix = new THREE.Matrix4();
- for ( i = 0; i < node.transforms.length; i ++ ) {
- var transform = node.transforms[ i ];
- var channel = animated[ transform.sid ];
- if ( channel !== undefined ) {
- var sampler = channel.sampler;
- var value;
- for ( j = 0; j < sampler.input.length - 1; j ++ ) {
- if ( sampler.input[ j + 1 ] > t ) {
- value = sampler.output[ j ];
- //console.log(value.flatten)
- break;
- }
- }
- if ( value !== undefined ) {
- if ( value instanceof THREE.Matrix4 ) {
- matrix = matrix.multiply( matrix, value );
- } else {
- // FIXME: handle other types
- matrix = matrix.multiply( matrix, transform.matrix );
- }
- } else {
- matrix = matrix.multiply( matrix, transform.matrix );
- }
- } else {
- matrix = matrix.multiply( matrix, transform.matrix );
- }
- }
- return matrix;
- };
- function bakeAnimations ( node ) {
- if ( node.channels && node.channels.length ) {
- var keys = [],
- sids = [];
- for ( var i = 0, il = node.channels.length; i < il; i++ ) {
- var channel = node.channels[i],
- fullSid = channel.fullSid,
- member = getConvertedMember( channel.member ),
- sampler = channel.sampler,
- input = sampler.input,
- transform = node.getTransformBySid( channel.sid );
- if ( transform ) {
- if ( sids.indexOf( fullSid ) === -1 ) {
- sids.push( fullSid );
- }
- for ( var j = 0, jl = input.length; j < jl; j++ ) {
- var time = input[j],
- data = sampler.getData( transform.type, j ),
- key = findKey( keys, time );
- if ( !key ) {
- key = new Key( time );
- var timeNdx = findTimeNdx( keys, time );
- keys.splice( timeNdx == -1 ? keys.length : timeNdx, 0, key );
- }
- key.addTarget( fullSid, transform, member, data );
- }
- } else {
- console.log( 'Could not find transform "' + channel.sid + '" in node ' + node.id );
- }
- }
- // post process
- for ( var i = 0; i < sids.length; i++ ) {
- var sid = sids[ i ];
- for ( var j = 0; j < keys.length; j++ ) {
- var key = keys[ j ];
- if ( !key.hasTarget( sid ) ) {
- interpolateKeys( keys, key, j, sid );
- }
- }
- }
- node.keys = keys;
- node.sids = sids;
- }
- };
- function findKey ( keys, time) {
- var retVal = null;
- for ( var i = 0, il = keys.length; i < il && retVal == null; i++ ) {
- var key = keys[i];
- if ( key.time === time ) {
- retVal = key;
- } else if ( key.time > time ) {
- break;
- }
- }
- return retVal;
- };
- function findTimeNdx ( keys, time) {
- var ndx = -1;
- for ( var i = 0, il = keys.length; i < il && ndx == -1; i++ ) {
- var key = keys[i];
- if ( key.time >= time ) {
- ndx = i;
- }
- }
- return ndx;
- };
- function interpolateKeys ( keys, key, ndx, fullSid ) {
- var prevKey = getPrevKeyWith( keys, fullSid, ndx ? ndx-1 : 0 ),
- nextKey = getNextKeyWith( keys, fullSid, ndx+1 );
- if ( prevKey && nextKey ) {
- var scale = (key.time - prevKey.time) / (nextKey.time - prevKey.time),
- prevTarget = prevKey.getTarget( fullSid ),
- nextData = nextKey.getTarget( fullSid ).data,
- prevData = prevTarget.data,
- data;
- if ( prevData.length ) {
- data = [];
- for ( var i = 0; i < prevData.length; ++i ) {
- data[ i ] = prevData[ i ] + ( nextData[ i ] - prevData[ i ] ) * scale;
- }
- } else {
- data = prevData + ( nextData - prevData ) * scale;
- }
- key.addTarget( fullSid, prevTarget.transform, prevTarget.member, data );
- }
- };
- // Get next key with given sid
- function getNextKeyWith( keys, fullSid, ndx ) {
- for ( ; ndx < keys.length; ndx++ ) {
- var key = keys[ ndx ];
- if ( key.hasTarget( fullSid ) ) {
- return key;
- }
- }
- return null;
- };
- // Get previous key with given sid
- function getPrevKeyWith( keys, fullSid, ndx ) {
- ndx = ndx >= 0 ? ndx : ndx + keys.length;
- for ( ; ndx >= 0; ndx-- ) {
- var key = keys[ ndx ];
- if ( key.hasTarget( fullSid ) ) {
- return key;
- }
- }
- return null;
- };
- function _Image() {
- this.id = "";
- this.init_from = "";
- };
- _Image.prototype.parse = function(element) {
- this.id = element.getAttribute('id');
- for ( var i = 0; i < element.childNodes.length; i ++ ) {
- var child = element.childNodes[ i ];
- if ( child.nodeName == 'init_from' ) {
- this.init_from = child.textContent;
- }
- }
- return this;
- };
- function Controller() {
- this.id = "";
- this.name = "";
- this.type = "";
- this.skin = null;
- this.morph = null;
- };
- Controller.prototype.parse = function( element ) {
- this.id = element.getAttribute('id');
- this.name = element.getAttribute('name');
- this.type = "none";
- for ( var i = 0; i < element.childNodes.length; i++ ) {
- var child = element.childNodes[ i ];
- switch ( child.nodeName ) {
- case 'skin':
- this.skin = (new Skin()).parse(child);
- this.type = child.nodeName;
- break;
- case 'morph':
- this.morph = (new Morph()).parse(child);
- this.type = child.nodeName;
- break;
- default:
- break;
- }
- }
- return this;
- };
- function Morph() {
- this.method = null;
- this.source = null;
- this.targets = null;
- this.weights = null;
- };
- Morph.prototype.parse = function( element ) {
- var sources = {};
- var inputs = [];
- var i;
- this.method = element.getAttribute( 'method' );
- this.source = element.getAttribute( 'source' ).replace( /^#/, '' );
- for ( i = 0; i < element.childNodes.length; i ++ ) {
- var child = element.childNodes[ i ];
- if ( child.nodeType != 1 ) continue;
- switch ( child.nodeName ) {
- case 'source':
- var source = ( new Source() ).parse( child );
- sources[ source.id ] = source;
- break;
- case 'targets':
- inputs = this.parseInputs( child );
- break;
- default:
- console.log( child.nodeName );
- break;
- }
- }
- for ( i = 0; i < inputs.length; i ++ ) {
- var input = inputs[ i ];
- var source = sources[ input.source ];
- switch ( input.semantic ) {
- case 'MORPH_TARGET':
- this.targets = source.read();
- break;
- case 'MORPH_WEIGHT':
- this.weights = source.read();
- break;
- default:
- break;
- }
- }
- return this;
- };
- Morph.prototype.parseInputs = function(element) {
- var inputs = [];
- for ( var i = 0; i < element.childNodes.length; i ++ ) {
- var child = element.childNodes[i];
- if ( child.nodeType != 1) continue;
- switch ( child.nodeName ) {
- case 'input':
- inputs.push( (new Input()).parse(child) );
- break;
- default:
- break;
- }
- }
- return inputs;
- };
- function Skin() {
- this.source = "";
- this.bindShapeMatrix = null;
- this.invBindMatrices = [];
- this.joints = [];
- this.weights = [];
- };
- Skin.prototype.parse = function( element ) {
- var sources = {};
- var joints, weights;
- this.source = element.getAttribute( 'source' ).replace( /^#/, '' );
- this.invBindMatrices = [];
- this.joints = [];
- this.weights = [];
- for ( var i = 0; i < element.childNodes.length; i ++ ) {
- var child = element.childNodes[i];
- if ( child.nodeType != 1 ) continue;
- switch ( child.nodeName ) {
- case 'bind_shape_matrix':
- var f = _floats(child.textContent);
- this.bindShapeMatrix = getConvertedMat4( f );
- break;
- case 'source':
- var src = new Source().parse(child);
- sources[ src.id ] = src;
- break;
- case 'joints':
- joints = child;
- break;
- case 'vertex_weights':
- weights = child;
- break;
- default:
- console.log( child.nodeName );
- break;
- }
- }
- this.parseJoints( joints, sources );
- this.parseWeights( weights, sources );
- return this;
- };
- Skin.prototype.parseJoints = function ( element, sources ) {
- for ( var i = 0; i < element.childNodes.length; i ++ ) {
- var child = element.childNodes[ i ];
- if ( child.nodeType != 1 ) continue;
- switch ( child.nodeName ) {
- case 'input':
- var input = ( new Input() ).parse( child );
- var source = sources[ input.source ];
- if ( input.semantic == 'JOINT' ) {
- this.joints = source.read();
- } else if ( input.semantic == 'INV_BIND_MATRIX' ) {
- this.invBindMatrices = source.read();
- }
- break;
- default:
- break;
- }
- }
- };
- Skin.prototype.parseWeights = function ( element, sources ) {
- var v, vcount, inputs = [];
- for ( var i = 0; i < element.childNodes.length; i ++ ) {
- var child = element.childNodes[ i ];
- if ( child.nodeType != 1 ) continue;
- switch ( child.nodeName ) {
- case 'input':
- inputs.push( ( new Input() ).parse( child ) );
- break;
- case 'v':
- v = _ints( child.textContent );
- break;
- case 'vcount':
- vcount = _ints( child.textContent );
- break;
- default:
- break;
- }
- }
- var index = 0;
- for ( var i = 0; i < vcount.length; i ++ ) {
- var numBones = vcount[i];
- var vertex_weights = [];
- for ( var j = 0; j < numBones; j++ ) {
- var influence = {};
- for ( var k = 0; k < inputs.length; k ++ ) {
- var input = inputs[ k ];
- var value = v[ index + input.offset ];
- switch ( input.semantic ) {
- case 'JOINT':
- influence.joint = value;//this.joints[value];
- break;
- case 'WEIGHT':
- influence.weight = sources[ input.source ].data[ value ];
- break;
- default:
- break;
- }
- }
- vertex_weights.push( influence );
- index += inputs.length;
- }
- for ( var j = 0; j < vertex_weights.length; j ++ ) {
- vertex_weights[ j ].index = i;
- }
- this.weights.push( vertex_weights );
- }
- };
- function VisualScene () {
- this.id = "";
- this.name = "";
- this.nodes = [];
- this.scene = new THREE.Object3D();
- };
- VisualScene.prototype.getChildById = function( id, recursive ) {
- for ( var i = 0; i < this.nodes.length; i ++ ) {
- var node = this.nodes[ i ].getChildById( id, recursive );
- if ( node ) {
- return node;
- }
- }
- return null;
- };
- VisualScene.prototype.getChildBySid = function( sid, recursive ) {
- for ( var i = 0; i < this.nodes.length; i ++ ) {
- var node = this.nodes[ i ].getChildBySid( sid, recursive );
- if ( node ) {
- return node;
- }
- }
- return null;
- };
- VisualScene.prototype.parse = function( element ) {
- this.id = element.getAttribute( 'id' );
- this.name = element.getAttribute( 'name' );
- this.nodes = [];
- for ( var i = 0; i < element.childNodes.length; i ++ ) {
- var child = element.childNodes[ i ];
- if ( child.nodeType != 1 ) continue;
- switch ( child.nodeName ) {
- case 'node':
- this.nodes.push( ( new Node() ).parse( child ) );
- break;
- default:
- break;
- }
- }
- return this;
- };
- function Node() {
- this.id = "";
- this.name = "";
- this.sid = "";
- this.nodes = [];
- this.controllers = [];
- this.transforms = [];
- this.geometries = [];
- this.channels = [];
- this.matrix = new THREE.Matrix4();
- };
- Node.prototype.getChannelForTransform = function( transformSid ) {
- for ( var i = 0; i < this.channels.length; i ++ ) {
- var channel = this.channels[i];
- var parts = channel.target.split('/');
- var id = parts.shift();
- var sid = parts.shift();
- var dotSyntax = (sid.indexOf(".") >= 0);
- var arrSyntax = (sid.indexOf("(") >= 0);
- var arrIndices;
- var member;
- if ( dotSyntax ) {
- parts = sid.split(".");
- sid = parts.shift();
- member = parts.shift();
- } else if ( arrSyntax ) {
- arrIndices = sid.split("(");
- sid = arrIndices.shift();
- for ( var j = 0; j < arrIndices.length; j ++ ) {
- arrIndices[ j ] = parseInt( arrIndices[ j ].replace( /\)/, '' ) );
- }
- }
- if ( sid == transformSid ) {
- channel.info = { sid: sid, dotSyntax: dotSyntax, arrSyntax: arrSyntax, arrIndices: arrIndices };
- return channel;
- }
- }
- return null;
- };
- Node.prototype.getChildById = function ( id, recursive ) {
- if ( this.id == id ) {
- return this;
- }
- if ( recursive ) {
- for ( var i = 0; i < this.nodes.length; i ++ ) {
- var n = this.nodes[ i ].getChildById( id, recursive );
- if ( n ) {
- return n;
- }
- }
- }
- return null;
- };
- Node.prototype.getChildBySid = function ( sid, recursive ) {
- if ( this.sid == sid ) {
- return this;
- }
- if ( recursive ) {
- for ( var i = 0; i < this.nodes.length; i ++ ) {
- var n = this.nodes[ i ].getChildBySid( sid, recursive );
- if ( n ) {
- return n;
- }
- }
- }
- return null;
- };
- Node.prototype.getTransformBySid = function ( sid ) {
- for ( var i = 0; i < this.transforms.length; i ++ ) {
- if ( this.transforms[ i ].sid == sid ) return this.transforms[ i ];
- }
- return null;
- };
- Node.prototype.parse = function( element ) {
- var url;
- this.id = element.getAttribute('id');
- this.sid = element.getAttribute('sid');
- this.name = element.getAttribute('name');
- this.type = element.getAttribute('type');
- this.type = this.type == 'JOINT' ? this.type : 'NODE';
- this.nodes = [];
- this.transforms = [];
- this.geometries = [];
- this.cameras = [];
- this.controllers = [];
- this.matrix = new THREE.Matrix4();
- for ( var i = 0; i < element.childNodes.length; i ++ ) {
- var child = element.childNodes[ i ];
- if ( child.nodeType != 1 ) continue;
- switch ( child.nodeName ) {
- case 'node':
- this.nodes.push( ( new Node() ).parse( child ) );
- break;
- case 'instance_camera':
- this.cameras.push( ( new InstanceCamera() ).parse( child ) );
- break;
- case 'instance_controller':
- this.controllers.push( ( new InstanceController() ).parse( child ) );
- break;
- case 'instance_geometry':
- this.geometries.push( ( new InstanceGeometry() ).parse( child ) );
- break;
- case 'instance_light':
- break;
- case 'instance_node':
- url = child.getAttribute( 'url' ).replace( /^#/, '' );
- var iNode = getLibraryNode( url );
- if ( iNode ) {
- this.nodes.push( ( new Node() ).parse( iNode )) ;
- }
- break;
- case 'rotate':
- case 'translate':
- case 'scale':
- case 'matrix':
- case 'lookat':
- case 'skew':
- this.transforms.push( ( new Transform() ).parse( child ) );
- break;
- case 'extra':
- break;
- default:
- console.log( child.nodeName );
- break;
- }
- }
- this.channels = getChannelsForNode( this );
- bakeAnimations( this );
- this.updateMatrix();
- return this;
- };
- Node.prototype.updateMatrix = function () {
- this.matrix.identity();
- for ( var i = 0; i < this.transforms.length; i ++ ) {
- this.transforms[ i ].apply( this.matrix );
- }
- };
- function Transform () {
- this.sid = "";
- this.type = "";
- this.data = [];
- this.obj = null;
- };
- Transform.prototype.parse = function ( element ) {
- this.sid = element.getAttribute( 'sid' );
- this.type = element.nodeName;
- this.data = _floats( element.textContent );
- this.convert();
- return this;
- };
- Transform.prototype.convert = function () {
- switch ( this.type ) {
- case 'matrix':
- this.obj = getConvertedMat4( this.data );
- break;
- case 'rotate':
- this.angle = this.data[3] * TO_RADIANS;
- case 'translate':
- fixCoords( this.data, -1 );
- this.obj = new THREE.Vector3( this.data[ 0 ], this.data[ 1 ], this.data[ 2 ] );
- break;
- case 'scale':
- fixCoords( this.data, 1 );
- this.obj = new THREE.Vector3( this.data[ 0 ], this.data[ 1 ], this.data[ 2 ] );
- break;
- default:
- console.log( 'Can not convert Transform of type ' + this.type );
- break;
- }
- };
- Transform.prototype.apply = function ( matrix ) {
- switch ( this.type ) {
- case 'matrix':
- matrix.multiplySelf( this.obj );
- break;
- case 'translate':
- matrix.translate( this.obj );
- break;
- case 'rotate':
- matrix.rotateByAxis( this.obj, this.angle );
- break;
- case 'scale':
- matrix.scale( this.obj );
- break;
- }
- };
- Transform.prototype.update = function ( data, member ) {
- switch ( this.type ) {
- case 'matrix':
- console.log( 'Currently not handling matrix transform updates' );
- break;
- case 'translate':
- case 'scale':
- switch ( member ) {
- case 'X':
- this.obj.x = data;
- break;
- case 'Y':
- this.obj.y = data;
- break;
- case 'Z':
- this.obj.z = data;
- break;
- default:
- this.obj.x = data[ 0 ];
- this.obj.y = data[ 1 ];
- this.obj.z = data[ 2 ];
- break;
- }
- break;
- case 'rotate':
- switch ( member ) {
- case 'X':
- this.obj.x = data;
- break;
- case 'Y':
- this.obj.y = data;
- break;
- case 'Z':
- this.obj.z = data;
- break;
- case 'ANGLE':
- this.angle = data * TO_RADIANS;
- break;
- default:
- this.obj.x = data[ 0 ];
- this.obj.y = data[ 1 ];
- this.obj.z = data[ 2 ];
- this.angle = data[ 3 ] * TO_RADIANS;
- break;
- }
- break;
- }
- };
- function InstanceController() {
- this.url = "";
- this.skeleton = [];
- this.instance_material = [];
- };
- InstanceController.prototype.parse = function ( element ) {
- this.url = element.getAttribute('url').replace(/^#/, '');
- this.skeleton = [];
- this.instance_material = [];
- for ( var i = 0; i < element.childNodes.length; i ++ ) {
- var child = element.childNodes[i];
- if (child.nodeType != 1) continue;
- switch ( child.nodeName ) {
- case 'skeleton':
- this.skeleton.push( child.textContent.replace(/^#/, '') );
- break;
- case 'bind_material':
- var instances = COLLADA.evaluate( './/dae:instance_material', child, _nsResolver, XPathResult.ORDERED_NODE_ITERATOR_TYPE, null );
- if ( instances ) {
- var instance = instances.iterateNext();
- while ( instance ) {
- this.instance_material.push((new InstanceMaterial()).parse(instance));
- instance = instances.iterateNext();
- }
- }
- break;
- case 'extra':
- break;
- default:
- break;
- }
- }
- return this;
- };
- function InstanceMaterial () {
- this.symbol = "";
- this.target = "";
- };
- InstanceMaterial.prototype.parse = function ( element ) {
- this.symbol = element.getAttribute('symbol');
- this.target = element.getAttribute('target').replace(/^#/, '');
- return this;
- };
- function InstanceGeometry() {
- this.url = "";
- this.instance_material = [];
- };
- InstanceGeometry.prototype.parse = function ( element ) {
- this.url = element.getAttribute('url').replace(/^#/, '');
- this.instance_material = [];
- for ( var i = 0; i < element.childNodes.length; i ++ ) {
- var child = element.childNodes[i];
- if ( child.nodeType != 1 ) continue;
- if ( child.nodeName == 'bind_material' ) {
- var instances = COLLADA.evaluate( './/dae:instance_material', child, _nsResolver, XPathResult.ORDERED_NODE_ITERATOR_TYPE, null );
- if ( instances ) {
- var instance = instances.iterateNext();
- while ( instance ) {
- this.instance_material.push( (new InstanceMaterial()).parse(instance) );
- instance = instances.iterateNext();
- }
- }
- break;
- }
- }
- return this;
- };
- function Geometry() {
- this.id = "";
- this.mesh = null;
- };
- Geometry.prototype.parse = function ( element ) {
- this.id = element.getAttribute('id');
- for ( var i = 0; i < element.childNodes.length; i ++ ) {
- var child = element.childNodes[i];
- switch ( child.nodeName ) {
- case 'mesh':
- this.mesh = (new Mesh(this)).parse(child);
- break;
- case 'extra':
- // console.log( child );
- break;
- default:
- break;
- }
- }
- return this;
- };
- function Mesh( geometry ) {
- this.geometry = geometry.id;
- this.primitives = [];
- this.vertices = null;
- this.geometry3js = null;
- };
- Mesh.prototype.parse = function( element ) {
- this.primitives = [];
- var i, j;
- for ( i = 0; i < element.childNodes.length; i ++ ) {
- var child = element.childNodes[ i ];
- switch ( child.nodeName ) {
- case 'source':
- _source( child );
- break;
- case 'vertices':
- this.vertices = ( new Vertices() ).parse( child );
- break;
- case 'triangles':
- this.primitives.push( ( new Triangles().parse( child ) ) );
- break;
- case 'polygons':
- this.primitives.push( ( new Polygons().parse( child ) ) );
- break;
- case 'polylist':
- this.primitives.push( ( new Polylist().parse( child ) ) );
- break;
- default:
- break;
- }
- }
- this.geometry3js = new THREE.Geometry();
- var vertexData = sources[ this.vertices.input['POSITION'].source ].data;
- for ( i = 0; i < vertexData.length; i += 3 ) {
- var v = new THREE.Vertex( getConvertedVec3( vertexData, i ) );
- this.geometry3js.vertices.push( v );
- }
- for ( i = 0; i < this.primitives.length; i ++ ) {
- var primitive = this.primitives[ i ];
- primitive.setVertices( this.vertices );
- this.handlePrimitive( primitive, this.geometry3js );
- }
- this.geometry3js.computeCentroids();
- this.geometry3js.computeFaceNormals();
-
- if ( this.geometry3js.calcNormals ) {
-
- this.geometry3js.computeVertexNormals();
- delete this.geometry3js.calcNormals;
-
- }
-
- this.geometry3js.computeBoundingBox();
- return this;
- };
- Mesh.prototype.handlePrimitive = function( primitive, geom ) {
- var j, k, pList = primitive.p, inputs = primitive.inputs;
- var input, index, idx32;
- var source, numParams;
- var vcIndex = 0, vcount = 3, maxOffset = 0;
- var texture_sets = [];
- for ( j = 0; j < inputs.length; j ++ ) {
- input = inputs[ j ];
- var offset = input.offset + 1;
- maxOffset = (maxOffset < offset)? offset : maxOffset;
- switch ( input.semantic ) {
- case 'TEXCOORD':
- texture_sets.push( input.set );
- break;
- }
- }
- for ( var pCount = 0; pCount < pList.length; ++pCount ) {
- var p = pList[pCount], i = 0;
- while ( i < p.length ) {
- var vs = [];
- var ns = [];
- var ts = {};
- var cs = [];
- if ( primitive.vcount ) {
- vcount = primitive.vcount.length ? primitive.vcount[ vcIndex ++ ] : primitive.vcount;
- } else {
- vcount = p.length / maxOffset;
- }
- for ( j = 0; j < vcount; j ++ ) {
- for ( k = 0; k < inputs.length; k ++ ) {
- input = inputs[ k ];
- source = sources[ input.source ];
- index = p[ i + ( j * maxOffset ) + input.offset ];
- numParams = source.accessor.params.length;
- idx32 = index * numParams;
- switch ( input.semantic ) {
- case 'VERTEX':
- vs.push( index );
- break;
- case 'NORMAL':
- ns.push( getConvertedVec3( source.data, idx32 ) );
- break;
- case 'TEXCOORD':
- if ( ts[ input.set ] === undefined ) ts[ input.set ] = [];
- // invert the V
- ts[ input.set ].push( new THREE.UV( source.data[ idx32 ], 1.0 - source.data[ idx32 + 1 ] ) );
- break;
- case 'COLOR':
- cs.push( new THREE.Color().setRGB( source.data[ idx32 ], source.data[ idx32 + 1 ], source.data[ idx32 + 2 ] ) );
- break;
- default:
- break;
- }
- }
- }
- var face = null, faces = [], uv, uvArr;
- if ( ns.length == 0 ) {
- // check the vertices source
- input = this.vertices.input.NORMAL;
- if ( input ) {
- source = sources[ input.source ];
- numParams = source.accessor.params.length;
- for ( var ndx = 0, len = vs.length; ndx < len; ndx++ ) {
- ns.push( getConvertedVec3( source.data, vs[ ndx ] * numParams ) );
- }
- }
- else {
- geom.calcNormals = true;
- }
- }
- if ( vcount === 3 ) {
- faces.push( new THREE.Face3( vs[0], vs[1], vs[2], ns, cs.length ? cs : new THREE.Color() ) );
- } else if ( vcount === 4 ) {
- faces.push( new THREE.Face4( vs[0], vs[1], vs[2], vs[3], ns, cs.length ? cs : new THREE.Color() ) );
- } else if ( vcount > 4 && options.subdivideFaces ) {
- var clr = cs.length ? cs : new THREE.Color(),
- vec1, vec2, vec3, v1, v2, norm;
- // subdivide into multiple Face3s
- for ( k = 1; k < vcount-1; ) {
- // FIXME: normals don't seem to be quite right
- faces.push( new THREE.Face3( vs[0], vs[k], vs[k+1], [ ns[0], ns[k++], ns[k] ], clr ) );
- }
- }
- if ( faces.length ) {
- for (var ndx = 0, len = faces.length; ndx < len; ndx++) {
- face = faces[ndx];
- face.daeMaterial = primitive.material;
- geom.faces.push( face );
- for ( k = 0; k < texture_sets.length; k++ ) {
- uv = ts[ texture_sets[k] ];
- if ( vcount > 4 ) {
- // Grab the right UVs for the vertices in this face
- uvArr = [ uv[0], uv[ndx+1], uv[ndx+2] ];
- } else if ( vcount === 4 ) {
- uvArr = [ uv[0], uv[1], uv[2], uv[3] ];
- } else {
- uvArr = [ uv[0], uv[1], uv[2] ];
- }
- if ( !geom.faceVertexUvs[k] ) {
- geom.faceVertexUvs[k] = [];
- }
- geom.faceVertexUvs[k].push( uvArr );
- }
- }
- } else {
- console.log( 'dropped face with vcount ' + vcount + ' for geometry with id: ' + geom.id );
- }
- i += maxOffset * vcount;
- }
- }
- };
- function Polygons () {
- this.material = "";
- this.count = 0;
- this.inputs = [];
- this.vcount = null;
- this.p = [];
- this.geometry = new THREE.Geometry();
- };
- Polygons.prototype.setVertices = function ( vertices ) {
- for ( var i = 0; i < this.inputs.length; i ++ ) {
- if ( this.inputs[ i ].source == vertices.id ) {
- this.inputs[ i ].source = vertices.input[ 'POSITION' ].source;
- }
- }
- };
- Polygons.prototype.parse = function ( element ) {
- this.material = element.getAttribute( 'material' );
- this.count = _attr_as_int( element, 'count', 0 );
- for ( var i = 0; i < element.childNodes.length; i ++ ) {
- var child = element.childNodes[ i ];
- switch ( child.nodeName ) {
- case 'input':
- this.inputs.push( ( new Input() ).parse( element.childNodes[ i ] ) );
- break;
- case 'vcount':
- this.vcount = _ints( child.textContent );
- break;
- case 'p':
- this.p.push( _ints( child.textContent ) );
- break;
- case 'ph':
- console.warn( 'polygon holes not yet supported!' );
- break;
- default:
- break;
- }
- }
- return this;
- };
- function Polylist () {
- Polygons.call( this );
- this.vcount = [];
- };
- Polylist.prototype = new Polygons();
- Polylist.prototype.constructor = Polylist;
- function Triangles () {
- Polygons.call( this );
- this.vcount = 3;
- };
- Triangles.prototype = new Polygons();
- Triangles.prototype.constructor = Triangles;
- function Accessor() {
- this.source = "";
- this.count = 0;
- this.stride = 0;
- this.params = [];
- };
- Accessor.prototype.parse = function ( element ) {
- this.params = [];
- this.source = element.getAttribute( 'source' );
- this.count = _attr_as_int( element, 'count', 0 );
- this.stride = _attr_as_int( element, 'stride', 0 );
- for ( var i = 0; i < element.childNodes.length; i ++ ) {
- var child = element.childNodes[ i ];
- if ( child.nodeName == 'param' ) {
- var param = {};
- param[ 'name' ] = child.getAttribute( 'name' );
- param[ 'type' ] = child.getAttribute( 'type' );
- this.params.push( param );
- }
- }
- return this;
- };
- function Vertices() {
- this.input = {};
- };
- Vertices.prototype.parse = function ( element ) {
- this.id = element.getAttribute('id');
- for ( var i = 0; i < element.childNodes.length; i ++ ) {
- if ( element.childNodes[i].nodeName == 'input' ) {
- var input = ( new Input() ).parse( element.childNodes[ i ] );
- this.input[ input.semantic ] = input;
- }
- }
- return this;
- };
- function Input () {
- this.semantic = "";
- this.offset = 0;
- this.source = "";
- this.set = 0;
- };
- Input.prototype.parse = function ( element ) {
- this.semantic = element.getAttribute('semantic');
- this.source = element.getAttribute('source').replace(/^#/, '');
- this.set = _attr_as_int(element, 'set', -1);
- this.offset = _attr_as_int(element, 'offset', 0);
- if ( this.semantic == 'TEXCOORD' && this.set < 0 ) {
- this.set = 0;
- }
- return this;
- };
- function Source ( id ) {
- this.id = id;
- this.type = null;
- };
- Source.prototype.parse = function ( element ) {
- this.id = element.getAttribute( 'id' );
- for ( var i = 0; i < element.childNodes.length; i ++ ) {
- var child = element.childNodes[i];
- switch ( child.nodeName ) {
- case 'bool_array':
- this.data = _bools( child.textContent );
- this.type = child.nodeName;
- break;
- case 'float_array':
- this.data = _floats( child.textContent );
- this.type = child.nodeName;
- break;
- case 'int_array':
- this.data = _ints( child.textContent );
- this.type = child.nodeName;
- break;
- case 'IDREF_array':
- case 'Name_array':
- this.data = _strings( child.textContent );
- this.type = child.nodeName;
- break;
- case 'technique_common':
- for ( var j = 0; j < child.childNodes.length; j ++ ) {
- if ( child.childNodes[ j ].nodeName == 'accessor' ) {
- this.accessor = ( new Accessor() ).parse( child.childNodes[ j ] );
- break;
- }
- }
- break;
- default:
- // console.log(child.nodeName);
- break;
- }
- }
- return this;
- };
- Source.prototype.read = function () {
- var result = [];
- //for (var i = 0; i < this.accessor.params.length; i++) {
- var param = this.accessor.params[ 0 ];
- //console.log(param.name + " " + param.type);
- switch ( param.type ) {
- case 'IDREF':
- case 'Name': case 'name':
- case 'float':
- return this.data;
- case 'float4x4':
- for ( var j = 0; j < this.data.length; j += 16 ) {
- var s = this.data.slice( j, j + 16 );
- var m = getConvertedMat4( s );
- result.push( m );
- }
- break;
- default:
- console.log( 'ColladaLoader: Source: Read dont know how to read ' + param.type + '.' );
- break;
- }
- //}
- return result;
- };
- function Material () {
- this.id = "";
- this.name = "";
- this.instance_effect = null;
- };
- Material.prototype.parse = function ( element ) {
- this.id = element.getAttribute( 'id' );
- this.name = element.getAttribute( 'name' );
- for ( var i = 0; i < element.childNodes.length; i ++ ) {
- if ( element.childNodes[ i ].nodeName == 'instance_effect' ) {
- this.instance_effect = ( new InstanceEffect() ).parse( element.childNodes[ i ] );
- break;
- }
- }
- return this;
- };
- function ColorOrTexture () {
- this.color = new THREE.Color( 0 );
- this.color.setRGB( Math.random(), Math.random(), Math.random() );
- this.color.a = 1.0;
- this.texture = null;
- this.texcoord = null;
- this.texOpts = null;
- };
- ColorOrTexture.prototype.isColor = function () {
- return ( this.texture == null );
- };
- ColorOrTexture.prototype.isTexture = function () {
- return ( this.texture != null );
- };
- ColorOrTexture.prototype.parse = function ( element ) {
- for ( var i = 0; i < element.childNodes.length; i ++ ) {
- var child = element.childNodes[ i ];
- if ( child.nodeType != 1 ) continue;
- switch ( child.nodeName ) {
- case 'color':
- var rgba = _floats( child.textContent );
- this.color = new THREE.Color(0);
- this.color.setRGB( rgba[0], rgba[1], rgba[2] );
- this.color.a = rgba[3];
- break;
- case 'texture':
- this.texture = child.getAttribute('texture');
- this.texcoord = child.getAttribute('texcoord');
- // Defaults from:
- // https://collada.org/mediawiki/index.php/Maya_texture_placement_MAYA_extension
- this.texOpts = {
- offsetU: 0,
- offsetV: 0,
- repeatU: 1,
- repeatV: 1,
- wrapU: 1,
- wrapV: 1,
- };
- this.parseTexture( child );
- break;
- default:
- break;
- }
- }
- return this;
- };
- ColorOrTexture.prototype.parseTexture = function ( element ) {
- if ( ! element.childNodes ) return this;
- // This should be supported by Maya, 3dsMax, and MotionBuilder
- if ( element.childNodes[1] && element.childNodes[1].nodeName === 'extra' ) {
- element = element.childNodes[1];
- if ( element.childNodes[1] && element.childNodes[1].nodeName === 'technique' ) {
- element = element.childNodes[1];
- }
- }
- for ( var i = 0; i < element.childNodes.length; i ++ ) {
- var child = element.childNodes[ i ];
- switch ( child.nodeName ) {
- case 'offsetU':
- case 'offsetV':
- case 'repeatU':
- case 'repeatV':
- this.texOpts[ child.nodeName ] = parseFloat( child.textContent );
- break;
- case 'wrapU':
- case 'wrapV':
- this.texOpts[ child.nodeName ] = parseInt( child.textContent );
- break;
- default:
- this.texOpts[ child.nodeName ] = child.textContent;
- break;
- }
- }
- return this;
- };
- function Shader ( type, effect ) {
- this.type = type;
- this.effect = effect;
- this.material = null;
- };
- Shader.prototype.parse = function ( element ) {
- for ( var i = 0; i < element.childNodes.length; i ++ ) {
- var child = element.childNodes[ i ];
- if ( child.nodeType != 1 ) continue;
- switch ( child.nodeName ) {
- case 'ambient':
- case 'emission':
- case 'diffuse':
- case 'specular':
- case 'transparent':
- this[ child.nodeName ] = ( new ColorOrTexture() ).parse( child );
- break;
- case 'shininess':
- case 'reflectivity':
- case 'transparency':
- var f = evaluateXPath( child, './/dae:float' );
- if ( f.length > 0 )
- this[ child.nodeName ] = parseFloat( f[ 0 ].textContent );
- break;
- default:
- break;
- }
- }
- this.create();
- return this;
- };
- Shader.prototype.create = function() {
- var props = {};
- var transparent = ( this['transparency'] !== undefined && this['transparency'] < 1.0 );
- for ( var prop in this ) {
- switch ( prop ) {
- case 'ambient':
- case 'emission':
- case 'diffuse':
- case 'specular':
- var cot = this[prop];
- if ( cot instanceof ColorOrTexture ) {
- if ( cot.isTexture() ) {
- if ( this.effect.sampler && this.effect.surface ) {
- if ( this.effect.sampler.source == this.effect.surface.sid ) {
- var image = images[this.effect.surface.init_from];
- if ( image ) {
- var texture = THREE.ImageUtils.loadTexture(baseUrl + image.init_from);
- texture.wrapS = cot.texOpts.wrapU ? THREE.RepeatWrapping : THREE.ClampToEdgeWrapping;
- texture.wrapT = cot.texOpts.wrapV ? THREE.RepeatWrapping : THREE.ClampToEdgeWrapping;
- texture.offset.x = cot.texOpts.offsetU;
- texture.offset.y = cot.texOpts.offsetV;
- texture.repeat.x = cot.texOpts.repeatU;
- texture.repeat.y = cot.texOpts.repeatV;
- props['map'] = texture;
- }
- }
- }
- } else if ( prop == 'diffuse' || !transparent ) {
- props[ prop ] = cot.color.getHex();
- }
- }
- break;
- case 'shininess':
- case 'reflectivity':
- props[ prop ] = this[ prop ];
- break;
- case 'transparency':
- if ( transparent ) {
- props[ 'transparent' ] = true;
- props[ 'opacity' ] = this[ prop ];
- transparent = true;
- }
- break;
- default:
- break;
- }
- }
- props[ 'shading' ] = preferredShading;
- switch ( this.type ) {
- case 'constant':
- props.color = props.emission;
- this.material = new THREE.MeshBasicMaterial( props );
- break;
- case 'phong':
- case 'blinn':
- props.color = props.diffuse;
- this.material = new THREE.MeshPhongMaterial( props );
- break;
- case 'lambert':
- default:
- props.color = props.diffuse;
- this.material = new THREE.MeshLambertMaterial( props );
- break;
- }
- return this.material;
- };
- function Surface ( effect ) {
- this.effect = effect;
- this.init_from = null;
- this.format = null;
- };
- Surface.prototype.parse = function ( element ) {
- for ( var i = 0; i < element.childNodes.length; i ++ ) {
- var child = element.childNodes[ i ];
- if ( child.nodeType != 1 ) continue;
- switch ( child.nodeName ) {
- case 'init_from':
- this.init_from = child.textContent;
- break;
- case 'format':
- this.format = child.textContent;
- break;
- default:
- console.log( "unhandled Surface prop: " + child.nodeName );
- break;
- }
- }
- return this;
- };
- function Sampler2D ( effect ) {
- this.effect = effect;
- this.source = null;
- this.wrap_s = null;
- this.wrap_t = null;
- this.minfilter = null;
- this.magfilter = null;
- this.mipfilter = null;
- };
- Sampler2D.prototype.parse = function ( element ) {
- for ( var i = 0; i < element.childNodes.length; i ++ ) {
- var child = element.childNodes[ i ];
- if ( child.nodeType != 1 ) continue;
- switch ( child.nodeName ) {
- case 'source':
- this.source = child.textContent;
- break;
- case 'minfilter':
- this.minfilter = child.textContent;
- break;
- case 'magfilter':
- this.magfilter = child.textContent;
- break;
- case 'mipfilter':
- this.mipfilter = child.textContent;
- break;
- case 'wrap_s':
- this.wrap_s = child.textContent;
- break;
- case 'wrap_t':
- this.wrap_t = child.textContent;
- break;
- default:
- console.log( "unhandled Sampler2D prop: " + child.nodeName );
- break;
- }
- }
- return this;
- };
- function Effect () {
- this.id = "";
- this.name = "";
- this.shader = null;
- this.surface = null;
- this.sampler = null;
- };
- Effect.prototype.create = function () {
- if ( this.shader == null ) {
- return null;
- }
- };
- Effect.prototype.parse = function ( element ) {
- this.id = element.getAttribute( 'id' );
- this.name = element.getAttribute( 'name' );
- this.shader = null;
- for ( var i = 0; i < element.childNodes.length; i ++ ) {
- var child = element.childNodes[ i ];
- if ( child.nodeType != 1 ) continue;
- switch ( child.nodeName ) {
- case 'profile_COMMON':
- this.parseTechnique( this.parseProfileCOMMON( child ) );
- break;
- default:
- break;
- }
- }
- return this;
- };
- Effect.prototype.parseNewparam = function ( element ) {
- var sid = element.getAttribute( 'sid' );
- for ( var i = 0; i < element.childNodes.length; i ++ ) {
- var child = element.childNodes[ i ];
- if ( child.nodeType != 1 ) continue;
- switch ( child.nodeName ) {
- case 'surface':
- this.surface = ( new Surface( this ) ).parse( child );
- this.surface.sid = sid;
- break;
- case 'sampler2D':
- this.sampler = ( new Sampler2D( this ) ).parse( child );
- this.sampler.sid = sid;
- break;
- case 'extra':
- break;
- default:
- console.log( child.nodeName );
- break;
- }
- }
- };
- Effect.prototype.parseProfileCOMMON = function ( element ) {
- var technique;
- for ( var i = 0; i < element.childNodes.length; i ++ ) {
- var child = element.childNodes[ i ];
- if ( child.nodeType != 1 ) continue;
- switch ( child.nodeName ) {
- case 'profile_COMMON':
- this.parseProfileCOMMON( child );
- break;
- case 'technique':
- technique = child;
- break;
- case 'newparam':
- this.parseNewparam( child );
- break;
- case 'image':
- var _image = ( new _Image() ).parse( child );
- images[ _image.id ] = _image;
- break;
- case 'extra':
- break;
- default:
- console.log( child.nodeName );
- break;
- }
- }
- return technique;
- };
- Effect.prototype.parseTechnique= function ( element ) {
- for ( var i = 0; i < element.childNodes.length; i ++ ) {
- var child = element.childNodes[i];
- if ( child.nodeType != 1 ) continue;
- switch ( child.nodeName ) {
- case 'constant':
- case 'lambert':
- case 'blinn':
- case 'phong':
- this.shader = ( new Shader( child.nodeName, this ) ).parse( child );
- break;
- default:
- break;
- }
- }
- };
- function InstanceEffect () {
- this.url = "";
- };
- InstanceEffect.prototype.parse = function ( element ) {
- this.url = element.getAttribute( 'url' ).replace( /^#/, '' );
- return this;
- };
- function Animation() {
- this.id = "";
- this.name = "";
- this.source = {};
- this.sampler = [];
- this.channel = [];
- };
- Animation.prototype.parse = function ( element ) {
- this.id = element.getAttribute( 'id' );
- this.name = element.getAttribute( 'name' );
- this.source = {};
- for ( var i = 0; i < element.childNodes.length; i ++ ) {
- var child = element.childNodes[ i ];
- if ( child.nodeType != 1 ) continue;
- switch ( child.nodeName ) {
- case 'source':
- var src = ( new Source() ).parse( child );
- this.source[ src.id ] = src;
- break;
- case 'sampler':
- this.sampler.push( ( new Sampler( this ) ).parse( child ) );
- break;
- case 'channel':
- this.channel.push( ( new Channel( this ) ).parse( child ) );
- break;
- default:
- break;
- }
- }
- return this;
- };
- function Channel( animation ) {
- this.animation = animation;
- this.source = "";
- this.target = "";
- this.fullSid = null;
- this.sid = null;
- this.dotSyntax = null;
- this.arrSyntax = null;
- this.arrIndices = null;
- this.member = null;
- };
- Channel.prototype.parse = function ( element ) {
- this.source = element.getAttribute( 'source' ).replace( /^#/, '' );
- this.target = element.getAttribute( 'target' );
- var parts = this.target.split( '/' );
- var id = parts.shift();
- var sid = parts.shift();
- var dotSyntax = ( sid.indexOf(".") >= 0 );
- var arrSyntax = ( sid.indexOf("(") >= 0 );
- if ( dotSyntax ) {
- parts = sid.split(".");
- this.sid = parts.shift();
- this.member = parts.shift();
- } else if ( arrSyntax ) {
- var arrIndices = sid.split("(");
- this.sid = arrIndices.shift();
- for (var j = 0; j < arrIndices.length; j ++ ) {
- arrIndices[j] = parseInt( arrIndices[j].replace(/\)/, '') );
- }
- this.arrIndices = arrIndices;
- } else {
- this.sid = sid;
- }
- this.fullSid = sid;
- this.dotSyntax = dotSyntax;
- this.arrSyntax = arrSyntax;
- return this;
- };
- function Sampler ( animation ) {
- this.id = "";
- this.animation = animation;
- this.inputs = [];
- this.input = null;
- this.output = null;
- this.strideOut = null;
- this.interpolation = null;
- this.startTime = null;
- this.endTime = null;
- this.duration = 0;
- };
- Sampler.prototype.parse = function ( element ) {
- this.id = element.getAttribute( 'id' );
- this.inputs = [];
- for ( var i = 0; i < element.childNodes.length; i ++ ) {
- var child = element.childNodes[ i ];
- if ( child.nodeType != 1 ) continue;
- switch ( child.nodeName ) {
- case 'input':
- this.inputs.push( (new Input()).parse( child ) );
- break;
- default:
- break;
- }
- }
- return this;
- };
- Sampler.prototype.create = function () {
- for ( var i = 0; i < this.inputs.length; i ++ ) {
- var input = this.inputs[ i ];
- var source = this.animation.source[ input.source ];
- switch ( input.semantic ) {
- case 'INPUT':
- this.input = source.read();
- break;
- case 'OUTPUT':
- this.output = source.read();
- this.strideOut = source.accessor.stride;
- break;
- case 'INTERPOLATION':
- this.interpolation = source.read();
- break;
- case 'IN_TANGENT':
- break;
- case 'OUT_TANGENT':
- break;
- default:
- console.log(input.semantic);
- break;
- }
- }
- this.startTime = 0;
- this.endTime = 0;
- this.duration = 0;
- if ( this.input.length ) {
- this.startTime = 100000000;
- this.endTime = -100000000;
- for ( var i = 0; i < this.input.length; i ++ ) {
- this.startTime = Math.min( this.startTime, this.input[ i ] );
- this.endTime = Math.max( this.endTime, this.input[ i ] );
- }
- this.duration = this.endTime - this.startTime;
- }
- };
- Sampler.prototype.getData = function ( type, ndx ) {
- var data;
- if ( this.strideOut > 1 ) {
- data = [];
- ndx *= this.strideOut;
- for ( var i = 0; i < this.strideOut; ++i ) {
- data[ i ] = this.output[ ndx + i ];
- }
- if ( this.strideOut === 3 ) {
- switch ( type ) {
- case 'rotate':
- case 'translate':
- fixCoords( data, -1 );
- break;
- case 'scale':
- fixCoords( data, 1 );
- break;
- }
- }
- } else {
- data = this.output[ ndx ];
- }
- return data;
- };
- function Key ( time ) {
- this.targets = [];
- this.time = time;
- };
- Key.prototype.addTarget = function ( fullSid, transform, member, data ) {
- this.targets.push( {
- sid: fullSid,
- member: member,
- transform: transform,
- data: data
- } );
- };
- Key.prototype.apply = function ( opt_sid ) {
- for ( var i = 0; i < this.targets.length; ++i ) {
- var target = this.targets[ i ];
- if ( !opt_sid || target.sid === opt_sid ) {
- target.transform.update( target.data, target.member );
- }
- }
- };
- Key.prototype.getTarget = function ( fullSid ) {
- for ( var i = 0; i < this.targets.length; ++i ) {
- if ( this.targets[ i ].sid === fullSid ) {
- return this.targets[ i ];
- }
- }
- return null;
- };
- Key.prototype.hasTarget = function ( fullSid ) {
- for ( var i = 0; i < this.targets.length; ++i ) {
- if ( this.targets[ i ].sid === fullSid ) {
- return true;
- }
- }
- return false;
- };
- // TODO: Currently only doing linear interpolation. Should support full COLLADA spec.
- Key.prototype.interpolate = function ( nextKey, time ) {
- for ( var i = 0; i < this.targets.length; ++i ) {
- var target = this.targets[ i ],
- nextTarget = nextKey.getTarget( target.sid ),
- data;
- if ( nextTarget ) {
- var scale = ( time - this.time ) / ( nextKey.time - this.time ),
- nextData = nextTarget.data,
- prevData = target.data;
- // check scale error
- if ( scale < 0 || scale > 1 ) {
- console.log( "Key.interpolate: Warning! Scale out of bounds:" + scale );
- scale = scale < 0 ? 0 : 1;
- }
- if ( prevData.length ) {
- data = [];
- for ( var j = 0; j < prevData.length; ++j ) {
- data[ j ] = prevData[ j ] + ( nextData[ j ] - prevData[ j ] ) * scale;
- }
- } else {
- data = prevData + ( nextData - prevData ) * scale;
- }
- } else {
- data = target.data;
- }
- target.transform.update( data, target.member );
- }
- };
- function Camera() {
- this.id = "";
- this.name = "";
- this.technique = "";
- };
- Camera.prototype.parse = function ( element ) {
- this.id = element.getAttribute( 'id' );
- this.name = element.getAttribute( 'name' );
- for ( var i = 0; i < element.childNodes.length; i ++ ) {
- var child = element.childNodes[ i ];
- if ( child.nodeType != 1 ) continue;
- switch ( child.nodeName ) {
- case 'optics':
- this.parseOptics( child );
- break;
- default:
- break;
- }
- }
- return this;
- };
- Camera.prototype.parseOptics = function ( element ) {
- for ( var i = 0; i < element.childNodes.length; i ++ ) {
- if ( element.childNodes[ i ].nodeName == 'technique_common' ) {
- var technique = element.childNodes[ i ];
- for ( var j = 0; j < technique.childNodes.length; j ++ ) {
- this.technique = technique.childNodes[ j ].nodeName;
- if ( this.technique == 'perspective' ) {
- var perspective = technique.childNodes[ j ];
- for ( var k = 0; k < perspective.childNodes.length; k ++ ) {
- var param = perspective.childNodes[ k ];
- switch ( param.nodeName ) {
- case 'yfov':
- this.yfov = param.textContent;
- break;
- case 'xfov':
- this.xfov = param.textContent;
- break;
- case 'znear':
- this.znear = param.textContent;
- break;
- case 'zfar':
- this.zfar = param.textContent;
- break;
- case 'aspect_ratio':
- this.aspect_ratio = param.textContent;
- break;
- }
- }
- } else if ( this.technique == 'orthographic' ) {
- var orthographic = technique.childNodes[ j ];
- for ( var k = 0; k < orthographic.childNodes.length; k ++ ) {
- var param = orthographic.childNodes[ k ];
- switch ( param.nodeName ) {
- case 'xmag':
- this.xmag = param.textContent;
- break;
- case 'ymag':
- this.ymag = param.textContent;
- break;
- case 'znear':
- this.znear = param.textContent;
- break;
- case 'zfar':
- this.zfar = param.textContent;
- break;
- case 'aspect_ratio':
- this.aspect_ratio = param.textContent;
- break;
- }
- }
- }
- }
-
- }
- }
-
- return this;
- };
- function InstanceCamera() {
- this.url = "";
- };
- InstanceCamera.prototype.parse = function ( element ) {
- this.url = element.getAttribute('url').replace(/^#/, '');
- return this;
- };
- function _source( element ) {
- var id = element.getAttribute( 'id' );
- if ( sources[ id ] != undefined ) {
- return sources[ id ];
- }
- sources[ id ] = ( new Source(id )).parse( element );
- return sources[ id ];
- };
- function _nsResolver( nsPrefix ) {
- if ( nsPrefix == "dae" ) {
- return "http://www.collada.org/2005/11/COLLADASchema";
- }
- return null;
- };
- function _bools( str ) {
- var raw = _strings( str );
- var data = [];
- for ( var i = 0, l = raw.length; i < l; i ++ ) {
- data.push( (raw[i] == 'true' || raw[i] == '1') ? true : false );
- }
- return data;
- };
- function _floats( str ) {
- var raw = _strings(str);
- var data = [];
- for ( var i = 0, l = raw.length; i < l; i ++ ) {
- data.push( parseFloat( raw[ i ] ) );
- }
- return data;
- };
- function _ints( str ) {
- var raw = _strings( str );
- var data = [];
- for ( var i = 0, l = raw.length; i < l; i ++ ) {
- data.push( parseInt( raw[ i ], 10 ) );
- }
- return data;
- };
- function _strings( str ) {
- return ( str.length > 0 ) ? _trimString( str ).split( /\s+/ ) : [];
- };
- function _trimString( str ) {
- return str.replace( /^\s+/, "" ).replace( /\s+$/, "" );
- };
- function _attr_as_float( element, name, defaultValue ) {
- if ( element.hasAttribute( name ) ) {
- return parseFloat( element.getAttribute( name ) );
- } else {
- return defaultValue;
- }
- };
- function _attr_as_int( element, name, defaultValue ) {
- if ( element.hasAttribute( name ) ) {
- return parseInt( element.getAttribute( name ), 10) ;
- } else {
- return defaultValue;
- }
- };
- function _attr_as_string( element, name, defaultValue ) {
- if ( element.hasAttribute( name ) ) {
- return element.getAttribute( name );
- } else {
- return defaultValue;
- }
- };
- function _format_float( f, num ) {
- if ( f === undefined ) {
- var s = '0.';
- while ( s.length < num + 2 ) {
- s += '0';
- }
- return s;
- }
- num = num || 2;
- var parts = f.toString().split( '.' );
- parts[ 1 ] = parts.length > 1 ? parts[ 1 ].substr( 0, num ) : "0";
- while( parts[ 1 ].length < num ) {
- parts[ 1 ] += '0';
- }
- return parts.join( '.' );
- };
- function evaluateXPath( node, query ) {
- var instances = COLLADA.evaluate( query, node, _nsResolver, XPathResult.ORDERED_NODE_ITERATOR_TYPE, null );
- var inst = instances.iterateNext();
- var result = [];
- while ( inst ) {
- result.push( inst );
- inst = instances.iterateNext();
- }
- return result;
- };
- // Up axis conversion
- function setUpConversion() {
- if ( !options.convertUpAxis || colladaUp === options.upAxis ) {
- upConversion = null;
- } else {
- switch ( colladaUp ) {
- case 'X':
- upConversion = options.upAxis === 'Y' ? 'XtoY' : 'XtoZ';
- break;
- case 'Y':
- upConversion = options.upAxis === 'X' ? 'YtoX' : 'YtoZ';
- break;
- case 'Z':
- upConversion = options.upAxis === 'X' ? 'ZtoX' : 'ZtoY';
- break;
- }
- }
- };
- function fixCoords( data, sign ) {
- if ( !options.convertUpAxis || colladaUp === options.upAxis ) {
- return;
- }
- switch ( upConversion ) {
- case 'XtoY':
- var tmp = data[ 0 ];
- data[ 0 ] = sign * data[ 1 ];
- data[ 1 ] = tmp;
- break;
- case 'XtoZ':
- var tmp = data[ 2 ];
- data[ 2 ] = data[ 1 ];
- data[ 1 ] = data[ 0 ];
- data[ 0 ] = tmp;
- break;
- case 'YtoX':
- var tmp = data[ 0 ];
- data[ 0 ] = data[ 1 ];
- data[ 1 ] = sign * tmp;
- break;
- case 'YtoZ':
- var tmp = data[ 1 ];
- data[ 1 ] = sign * data[ 2 ];
- data[ 2 ] = tmp;
- break;
- case 'ZtoX':
- var tmp = data[ 0 ];
- data[ 0 ] = data[ 1 ];
- data[ 1 ] = data[ 2 ];
- data[ 2 ] = tmp;
- break;
- case 'ZtoY':
- var tmp = data[ 1 ];
- data[ 1 ] = data[ 2 ];
- data[ 2 ] = sign * tmp;
- break;
- }
- };
- function getConvertedVec3( data, offset ) {
- var arr = [ data[ offset ], data[ offset + 1 ], data[ offset + 2 ] ];
- fixCoords( arr, -1 );
- return new THREE.Vector3( arr[ 0 ], arr[ 1 ], arr[ 2 ] );
- };
- function getConvertedMat4( data ) {
- if ( options.convertUpAxis ) {
- // First fix rotation and scale
- // Columns first
- var arr = [ data[ 0 ], data[ 4 ], data[ 8 ] ];
- fixCoords( arr, -1 );
- data[ 0 ] = arr[ 0 ];
- data[ 4 ] = arr[ 1 ];
- data[ 8 ] = arr[ 2 ];
- arr = [ data[ 1 ], data[ 5 ], data[ 9 ] ];
- fixCoords( arr, -1 );
- data[ 1 ] = arr[ 0 ];
- data[ 5 ] = arr[ 1 ];
- data[ 9 ] = arr[ 2 ];
- arr = [ data[ 2 ], data[ 6 ], data[ 10 ] ];
- fixCoords( arr, -1 );
- data[ 2 ] = arr[ 0 ];
- data[ 6 ] = arr[ 1 ];
- data[ 10 ] = arr[ 2 ];
- // Rows second
- arr = [ data[ 0 ], data[ 1 ], data[ 2 ] ];
- fixCoords( arr, -1 );
- data[ 0 ] = arr[ 0 ];
- data[ 1 ] = arr[ 1 ];
- data[ 2 ] = arr[ 2 ];
- arr = [ data[ 4 ], data[ 5 ], data[ 6 ] ];
- fixCoords( arr, -1 );
- data[ 4 ] = arr[ 0 ];
- data[ 5 ] = arr[ 1 ];
- data[ 6 ] = arr[ 2 ];
- arr = [ data[ 8 ], data[ 9 ], data[ 10 ] ];
- fixCoords( arr, -1 );
- data[ 8 ] = arr[ 0 ];
- data[ 9 ] = arr[ 1 ];
- data[ 10 ] = arr[ 2 ];
- // Now fix translation
- arr = [ data[ 3 ], data[ 7 ], data[ 11 ] ];
- fixCoords( arr, -1 );
- data[ 3 ] = arr[ 0 ];
- data[ 7 ] = arr[ 1 ];
- data[ 11 ] = arr[ 2 ];
- }
- return new THREE.Matrix4(
- data[0], data[1], data[2], data[3],
- data[4], data[5], data[6], data[7],
- data[8], data[9], data[10], data[11],
- data[12], data[13], data[14], data[15]
- );
- };
- function getConvertedMember( member ) {
- if ( options.convertUpAxis ) {
- switch ( member ) {
- case 'X':
- switch ( upConversion ) {
- case 'XtoY':
- case 'XtoZ':
- case 'YtoX':
- member = 'Y';
- break;
- case 'ZtoX':
- member = 'Z';
- break;
- }
- break;
- case 'Y':
- switch ( upConversion ) {
- case 'XtoY':
- case 'YtoX':
- case 'ZtoX':
- member = 'X';
- break;
- case 'XtoZ':
- case 'YtoZ':
- case 'ZtoY':
- member = 'Z';
- break;
- }
- break;
- case 'Z':
- switch ( upConversion ) {
- case 'XtoZ':
- member = 'X';
- break;
- case 'YtoZ':
- case 'ZtoX':
- case 'ZtoY':
- member = 'Y';
- break;
- }
- break;
- }
- }
- return member;
- };
- return {
- load: load,
- parse: parse,
- setPreferredShading: setPreferredShading,
- applySkin: applySkin,
- geometries : geometries,
- options: options
- };
- };
- /**
- * @author mrdoob / http://mrdoob.com/
- * @author alteredq / http://alteredqualia.com/
- */
- THREE.JSONLoader = function ( showStatus ) {
- THREE.Loader.call( this, showStatus );
- };
- THREE.JSONLoader.prototype = new THREE.Loader();
- THREE.JSONLoader.prototype.constructor = THREE.JSONLoader;
- THREE.JSONLoader.prototype.supr = THREE.Loader.prototype;
- THREE.JSONLoader.prototype.load = function ( url, callback, texturePath ) {
- var worker, scope = this;
- texturePath = texturePath ? texturePath : this.extractUrlBase( url );
- this.onLoadStart();
- this.loadAjaxJSON( this, url, callback, texturePath );
- };
- THREE.JSONLoader.prototype.loadAjaxJSON = function ( context, url, callback, texturePath, callbackProgress ) {
- var xhr = new XMLHttpRequest();
- var length = 0;
- xhr.onreadystatechange = function () {
- if ( xhr.readyState === xhr.DONE ) {
- if ( xhr.status === 200 || xhr.status === 0 ) {
- if ( xhr.responseText ) {
- var json = JSON.parse( xhr.responseText );
- context.createModel( json, callback, texturePath );
- } else {
- console.warn( "THREE.JSONLoader: [" + url + "] seems to be unreachable or file there is empty" );
- }
- // in context of more complex asset initialization
- // do not block on single failed file
- // maybe should go even one more level up
- context.onLoadComplete();
- } else {
- console.error( "THREE.JSONLoader: Couldn't load [" + url + "] [" + xhr.status + "]" );
- }
- } else if ( xhr.readyState === xhr.LOADING ) {
- if ( callbackProgress ) {
- if ( length === 0 ) {
- length = xhr.getResponseHeader( "Content-Length" );
- }
- callbackProgress( { total: length, loaded: xhr.responseText.length } );
- }
- } else if ( xhr.readyState === xhr.HEADERS_RECEIVED ) {
- length = xhr.getResponseHeader( "Content-Length" );
- }
- };
- xhr.open( "GET", url, true );
- if ( xhr.overrideMimeType ) xhr.overrideMimeType( "text/plain; charset=x-user-defined" );
- xhr.setRequestHeader( "Content-Type", "text/plain" );
- xhr.send( null );
- };
- THREE.JSONLoader.prototype.createModel = function ( json, callback, texturePath ) {
- var scope = this,
- geometry = new THREE.Geometry(),
- scale = ( json.scale !== undefined ) ? 1.0 / json.scale : 1.0;
- this.initMaterials( geometry, json.materials, texturePath );
- parseModel( scale );
- parseSkin();
- parseMorphing( scale );
- geometry.computeCentroids();
- geometry.computeFaceNormals();
- if ( this.hasNormals( geometry ) ) geometry.computeTangents();
- function parseModel( scale ) {
- function isBitSet( value, position ) {
- return value & ( 1 << position );
- }
- var i, j, fi,
- offset, zLength, nVertices,
- colorIndex, normalIndex, uvIndex, materialIndex,
- type,
- isQuad,
- hasMaterial,
- hasFaceUv, hasFaceVertexUv,
- hasFaceNormal, hasFaceVertexNormal,
- hasFaceColor, hasFaceVertexColor,
- vertex, face, color, normal,
- uvLayer, uvs, u, v,
- faces = json.faces,
- vertices = json.vertices,
- normals = json.normals,
- colors = json.colors,
- nUvLayers = 0;
- // disregard empty arrays
- for ( i = 0; i < json.uvs.length; i++ ) {
- if ( json.uvs[ i ].length ) nUvLayers ++;
- }
- for ( i = 0; i < nUvLayers; i++ ) {
- geometry.faceUvs[ i ] = [];
- geometry.faceVertexUvs[ i ] = [];
- }
- offset = 0;
- zLength = vertices.length;
- while ( offset < zLength ) {
- vertex = new THREE.Vertex();
- vertex.position.x = vertices[ offset ++ ] * scale;
- vertex.position.y = vertices[ offset ++ ] * scale;
- vertex.position.z = vertices[ offset ++ ] * scale;
- geometry.vertices.push( vertex );
- }
- offset = 0;
- zLength = faces.length;
- while ( offset < zLength ) {
- type = faces[ offset ++ ];
- isQuad = isBitSet( type, 0 );
- hasMaterial = isBitSet( type, 1 );
- hasFaceUv = isBitSet( type, 2 );
- hasFaceVertexUv = isBitSet( type, 3 );
- hasFaceNormal = isBitSet( type, 4 );
- hasFaceVertexNormal = isBitSet( type, 5 );
- hasFaceColor = isBitSet( type, 6 );
- hasFaceVertexColor = isBitSet( type, 7 );
- //console.log("type", type, "bits", isQuad, hasMaterial, hasFaceUv, hasFaceVertexUv, hasFaceNormal, hasFaceVertexNormal, hasFaceColor, hasFaceVertexColor);
- if ( isQuad ) {
- face = new THREE.Face4();
- face.a = faces[ offset ++ ];
- face.b = faces[ offset ++ ];
- face.c = faces[ offset ++ ];
- face.d = faces[ offset ++ ];
- nVertices = 4;
- } else {
- face = new THREE.Face3();
- face.a = faces[ offset ++ ];
- face.b = faces[ offset ++ ];
- face.c = faces[ offset ++ ];
- nVertices = 3;
- }
- if ( hasMaterial ) {
- materialIndex = faces[ offset ++ ];
- face.materialIndex = materialIndex;
- }
- // to get face <=> uv index correspondence
- fi = geometry.faces.length;
- if ( hasFaceUv ) {
- for ( i = 0; i < nUvLayers; i++ ) {
- uvLayer = json.uvs[ i ];
- uvIndex = faces[ offset ++ ];
- u = uvLayer[ uvIndex * 2 ];
- v = uvLayer[ uvIndex * 2 + 1 ];
- geometry.faceUvs[ i ][ fi ] = new THREE.UV( u, v );
- }
- }
- if ( hasFaceVertexUv ) {
- for ( i = 0; i < nUvLayers; i++ ) {
- uvLayer = json.uvs[ i ];
- uvs = [];
- for ( j = 0; j < nVertices; j ++ ) {
- uvIndex = faces[ offset ++ ];
- u = uvLayer[ uvIndex * 2 ];
- v = uvLayer[ uvIndex * 2 + 1 ];
- uvs[ j ] = new THREE.UV( u, v );
- }
- geometry.faceVertexUvs[ i ][ fi ] = uvs;
- }
- }
- if ( hasFaceNormal ) {
- normalIndex = faces[ offset ++ ] * 3;
- normal = new THREE.Vector3();
- normal.x = normals[ normalIndex ++ ];
- normal.y = normals[ normalIndex ++ ];
- normal.z = normals[ normalIndex ];
- face.normal = normal;
- }
- if ( hasFaceVertexNormal ) {
- for ( i = 0; i < nVertices; i++ ) {
- normalIndex = faces[ offset ++ ] * 3;
- normal = new THREE.Vector3();
- normal.x = normals[ normalIndex ++ ];
- normal.y = normals[ normalIndex ++ ];
- normal.z = normals[ normalIndex ];
- face.vertexNormals.push( normal );
- }
- }
- if ( hasFaceColor ) {
- colorIndex = faces[ offset ++ ];
- color = new THREE.Color( colors[ colorIndex ] );
- face.color = color;
- }
- if ( hasFaceVertexColor ) {
- for ( i = 0; i < nVertices; i++ ) {
- colorIndex = faces[ offset ++ ];
- color = new THREE.Color( colors[ colorIndex ] );
- face.vertexColors.push( color );
- }
- }
- geometry.faces.push( face );
- }
- };
- function parseSkin() {
- var i, l, x, y, z, w, a, b, c, d;
- if ( json.skinWeights ) {
- for ( i = 0, l = json.skinWeights.length; i < l; i += 2 ) {
- x = json.skinWeights[ i ];
- y = json.skinWeights[ i + 1 ];
- z = 0;
- w = 0;
- geometry.skinWeights.push( new THREE.Vector4( x, y, z, w ) );
- }
- }
- if ( json.skinIndices ) {
- for ( i = 0, l = json.skinIndices.length; i < l; i += 2 ) {
- a = json.skinIndices[ i ];
- b = json.skinIndices[ i + 1 ];
- c = 0;
- d = 0;
- geometry.skinIndices.push( new THREE.Vector4( a, b, c, d ) );
- }
- }
- geometry.bones = json.bones;
- geometry.animation = json.animation;
- };
- function parseMorphing( scale ) {
- if ( json.morphTargets !== undefined ) {
- var i, l, v, vl, x, y, z, dstVertices, srcVertices;
- for ( i = 0, l = json.morphTargets.length; i < l; i ++ ) {
- geometry.morphTargets[ i ] = {};
- geometry.morphTargets[ i ].name = json.morphTargets[ i ].name;
- geometry.morphTargets[ i ].vertices = [];
- dstVertices = geometry.morphTargets[ i ].vertices;
- srcVertices = json.morphTargets [ i ].vertices;
- for( v = 0, vl = srcVertices.length; v < vl; v += 3 ) {
- x = srcVertices[ v ] * scale;
- y = srcVertices[ v + 1 ] * scale;
- z = srcVertices[ v + 2 ] * scale;
- dstVertices.push( new THREE.Vertex( new THREE.Vector3( x, y, z ) ) );
- }
- }
- }
- if ( json.morphColors !== undefined ) {
- var i, l, c, cl, dstColors, srcColors, color;
- for ( i = 0, l = json.morphColors.length; i < l; i++ ) {
- geometry.morphColors[ i ] = {};
- geometry.morphColors[ i ].name = json.morphColors[ i ].name;
- geometry.morphColors[ i ].colors = [];
- dstColors = geometry.morphColors[ i ].colors;
- srcColors = json.morphColors [ i ].colors;
- for ( c = 0, cl = srcColors.length; c < cl; c += 3 ) {
- color = new THREE.Color( 0xffaa00 );
- color.setRGB( srcColors[ c ], srcColors[ c + 1 ], srcColors[ c + 2 ] );
- dstColors.push( color );
- }
- }
- }
- };
- callback( geometry );
- };
- /**
- * @author alteredq / http://alteredqualia.com/
- */
- THREE.SceneLoader = function () {
- this.onLoadStart = function () {};
- this.onLoadProgress = function() {};
- this.onLoadComplete = function () {};
- this.callbackSync = function () {};
- this.callbackProgress = function () {};
- };
- THREE.SceneLoader.prototype.constructor = THREE.SceneLoader;
- THREE.SceneLoader.prototype.load = function( url, callbackFinished ) {
- var context = this;
- var xhr = new XMLHttpRequest();
- xhr.onreadystatechange = function () {
- if ( xhr.readyState == 4 ) {
- if ( xhr.status == 200 || xhr.status == 0 ) {
- var json = JSON.parse( xhr.responseText );
- context.createScene( json, callbackFinished, url );
- } else {
- console.error( "THREE.SceneLoader: Couldn't load [" + url + "] [" + xhr.status + "]" );
- }
- }
- };
- xhr.open( "GET", url, true );
- if ( xhr.overrideMimeType ) xhr.overrideMimeType( "text/plain; charset=x-user-defined" );
- xhr.setRequestHeader( "Content-Type", "text/plain" );
- xhr.send( null );
- };
- THREE.SceneLoader.prototype.createScene = function ( json, callbackFinished, url ) {
- var scope = this;
- var urlBase = THREE.Loader.prototype.extractUrlBase( url );
- var dg, dm, dd, dl, dc, df, dt,
- g, o, m, l, d, p, r, q, s, c, t, f, tt, pp, u,
- geometry, material, camera, fog,
- texture, images,
- light,
- data, binLoader, jsonLoader,
- counter_models, counter_textures,
- total_models, total_textures,
- result;
- data = json;
- binLoader = new THREE.BinaryLoader();
- jsonLoader = new THREE.JSONLoader();
- counter_models = 0;
- counter_textures = 0;
- result = {
- scene: new THREE.Scene(),
- geometries: {},
- materials: {},
- textures: {},
- objects: {},
- cameras: {},
- lights: {},
- fogs: {},
- empties: {}
- };
- if ( data.transform ) {
- var position = data.transform.position,
- rotation = data.transform.rotation,
- scale = data.transform.scale;
- if ( position )
- result.scene.position.set( position[ 0 ], position[ 1 ], position [ 2 ] );
- if ( rotation )
- result.scene.rotation.set( rotation[ 0 ], rotation[ 1 ], rotation [ 2 ] );
- if ( scale )
- result.scene.scale.set( scale[ 0 ], scale[ 1 ], scale [ 2 ] );
- if ( position || rotation || scale ) {
- result.scene.updateMatrix();
- result.scene.updateMatrixWorld();
- }
- }
- function get_url( source_url, url_type ) {
- if ( url_type == "relativeToHTML" ) {
- return source_url;
- } else {
- return urlBase + "/" + source_url;
- }
- };
- function handle_objects() {
- var object;
- for( dd in data.objects ) {
- if ( !result.objects[ dd ] ) {
- o = data.objects[ dd ];
- if ( o.geometry !== undefined ) {
- geometry = result.geometries[ o.geometry ];
- // geometry already loaded
- if ( geometry ) {
- var hasNormals = false;
- // not anymore support for multiple materials
- // shouldn't really be array
- material = result.materials[ o.materials[ 0 ] ];
- hasNormals = material instanceof THREE.ShaderMaterial;
- if ( hasNormals ) {
- geometry.computeTangents();
- }
- p = o.position;
- r = o.rotation;
- q = o.quaternion;
- s = o.scale;
- // turn off quaternions, for the moment
- q = 0;
- if ( o.materials.length == 0 ) {
- material = new THREE.MeshFaceMaterial();
- }
- // dirty hack to handle meshes with multiple materials
- // just use face materials defined in model
- if ( o.materials.length > 1 ) {
- material = new THREE.MeshFaceMaterial();
- }
- object = new THREE.Mesh( geometry, material );
- object.name = dd;
- object.position.set( p[0], p[1], p[2] );
- if ( q ) {
- object.quaternion.set( q[0], q[1], q[2], q[3] );
- object.useQuaternion = true;
- } else {
- object.rotation.set( r[0], r[1], r[2] );
- }
- object.scale.set( s[0], s[1], s[2] );
- object.visible = o.visible;
- object.doubleSided = o.doubleSided;
- object.castShadow = o.castShadow;
- object.receiveShadow = o.receiveShadow;
- result.scene.add( object );
- result.objects[ dd ] = object;
- }
- // pure Object3D
- } else {
- p = o.position;
- r = o.rotation;
- q = o.quaternion;
- s = o.scale;
- // turn off quaternions, for the moment
- q = 0;
- object = new THREE.Object3D();
- object.name = dd;
- object.position.set( p[0], p[1], p[2] );
- if ( q ) {
- object.quaternion.set( q[0], q[1], q[2], q[3] );
- object.useQuaternion = true;
- } else {
- object.rotation.set( r[0], r[1], r[2] );
- }
- object.scale.set( s[0], s[1], s[2] );
- object.visible = ( o.visible !== undefined ) ? o.visible : false;
- result.scene.add( object );
- result.objects[ dd ] = object;
- result.empties[ dd ] = object;
- }
- }
- }
- };
- function handle_mesh( geo, id ) {
- result.geometries[ id ] = geo;
- handle_objects();
- };
- function create_callback( id ) {
- return function( geo ) {
- handle_mesh( geo, id );
- counter_models -= 1;
- scope.onLoadComplete();
- async_callback_gate();
- }
- };
- function create_callback_embed( id ) {
- return function( geo ) {
- result.geometries[ id ] = geo;
- }
- };
- function async_callback_gate() {
- var progress = {
- totalModels : total_models,
- totalTextures : total_textures,
- loadedModels : total_models - counter_models,
- loadedTextures : total_textures - counter_textures
- };
- scope.callbackProgress( progress, result );
- scope.onLoadProgress();
- if( counter_models == 0 && counter_textures == 0 ) {
- callbackFinished( result );
- }
- };
- var callbackTexture = function( images ) {
- counter_textures -= 1;
- async_callback_gate();
- scope.onLoadComplete();
- };
- // first go synchronous elements
- // cameras
- for( dc in data.cameras ) {
- c = data.cameras[ dc ];
- if ( c.type == "perspective" ) {
- camera = new THREE.PerspectiveCamera( c.fov, c.aspect, c.near, c.far );
- } else if ( c.type == "ortho" ) {
- camera = new THREE.OrthographicCamera( c.left, c.right, c.top, c.bottom, c.near, c.far );
- }
- p = c.position;
- t = c.target;
- u = c.up;
- camera.position.set( p[0], p[1], p[2] );
- camera.target = new THREE.Vector3( t[0], t[1], t[2] );
- if ( u ) camera.up.set( u[0], u[1], u[2] );
- result.cameras[ dc ] = camera;
- }
- // lights
- var hex, intensity;
- for ( dl in data.lights ) {
- l = data.lights[ dl ];
- hex = ( l.color !== undefined ) ? l.color : 0xffffff;
- intensity = ( l.intensity !== undefined ) ? l.intensity : 1;
- if ( l.type == "directional" ) {
- p = l.direction;
- light = new THREE.DirectionalLight( hex, intensity );
- light.position.set( p[0], p[1], p[2] );
- light.position.normalize();
- } else if ( l.type == "point" ) {
- p = l.position;
- d = l.distance;
- light = new THREE.PointLight( hex, intensity, d );
- light.position.set( p[0], p[1], p[2] );
- } else if ( l.type == "ambient" ) {
- light = new THREE.AmbientLight( hex );
- }
- result.scene.add( light );
- result.lights[ dl ] = light;
- }
- // fogs
- for( df in data.fogs ) {
- f = data.fogs[ df ];
- if ( f.type == "linear" ) {
- fog = new THREE.Fog( 0x000000, f.near, f.far );
- } else if ( f.type == "exp2" ) {
- fog = new THREE.FogExp2( 0x000000, f.density );
- }
- c = f.color;
- fog.color.setRGB( c[0], c[1], c[2] );
- result.fogs[ df ] = fog;
- }
- // defaults
- if ( result.cameras && data.defaults.camera ) {
- result.currentCamera = result.cameras[ data.defaults.camera ];
- }
- if ( result.fogs && data.defaults.fog ) {
- result.scene.fog = result.fogs[ data.defaults.fog ];
- }
- c = data.defaults.bgcolor;
- result.bgColor = new THREE.Color();
- result.bgColor.setRGB( c[0], c[1], c[2] );
- result.bgColorAlpha = data.defaults.bgalpha;
- // now come potentially asynchronous elements
- // geometries
- // count how many models will be loaded asynchronously
- for( dg in data.geometries ) {
- g = data.geometries[ dg ];
- if ( g.type == "bin_mesh" || g.type == "ascii_mesh" ) {
- counter_models += 1;
- scope.onLoadStart();
- }
- }
- total_models = counter_models;
- for ( dg in data.geometries ) {
- g = data.geometries[ dg ];
- if ( g.type == "cube" ) {
- geometry = new THREE.CubeGeometry( g.width, g.height, g.depth, g.segmentsWidth, g.segmentsHeight, g.segmentsDepth, null, g.flipped, g.sides );
- result.geometries[ dg ] = geometry;
- } else if ( g.type == "plane" ) {
- geometry = new THREE.PlaneGeometry( g.width, g.height, g.segmentsWidth, g.segmentsHeight );
- result.geometries[ dg ] = geometry;
- } else if ( g.type == "sphere" ) {
- geometry = new THREE.SphereGeometry( g.radius, g.segmentsWidth, g.segmentsHeight );
- result.geometries[ dg ] = geometry;
- } else if ( g.type == "cylinder" ) {
- geometry = new THREE.CylinderGeometry( g.topRad, g.botRad, g.height, g.radSegs, g.heightSegs );
- result.geometries[ dg ] = geometry;
- } else if ( g.type == "torus" ) {
- geometry = new THREE.TorusGeometry( g.radius, g.tube, g.segmentsR, g.segmentsT );
- result.geometries[ dg ] = geometry;
- } else if ( g.type == "icosahedron" ) {
- geometry = new THREE.IcosahedronGeometry( g.radius, g.subdivisions );
- result.geometries[ dg ] = geometry;
- } else if ( g.type == "bin_mesh" ) {
- binLoader.load( get_url( g.url, data.urlBaseType ), create_callback( dg ) );
- } else if ( g.type == "ascii_mesh" ) {
- jsonLoader.load( get_url( g.url, data.urlBaseType ), create_callback( dg ) );
- } else if ( g.type == "embedded_mesh" ) {
- var modelJson = data.embeds[ g.id ],
- texture_path = "";
- // Pass metadata along to jsonLoader so it knows the format version.
- modelJson.metadata = data.metadata;
- if ( modelJson ) {
- jsonLoader.createModel( modelJson, create_callback_embed( dg ), texture_path );
- }
- }
- }
- // textures
- // count how many textures will be loaded asynchronously
- for( dt in data.textures ) {
- tt = data.textures[ dt ];
- if( tt.url instanceof Array ) {
- counter_textures += tt.url.length;
- for( var n = 0; n < tt.url.length; n ++ ) {
- scope.onLoadStart();
- }
- } else {
- counter_textures += 1;
- scope.onLoadStart();
- }
- }
- total_textures = counter_textures;
- for( dt in data.textures ) {
- tt = data.textures[ dt ];
- if ( tt.mapping != undefined && THREE[ tt.mapping ] != undefined ) {
- tt.mapping = new THREE[ tt.mapping ]();
- }
- if( tt.url instanceof Array ) {
- var url_array = [];
- for( var i = 0; i < tt.url.length; i ++ ) {
- url_array[ i ] = get_url( tt.url[ i ], data.urlBaseType );
- }
- texture = THREE.ImageUtils.loadTextureCube( url_array, tt.mapping, callbackTexture );
- } else {
- texture = THREE.ImageUtils.loadTexture( get_url( tt.url, data.urlBaseType ), tt.mapping, callbackTexture );
- if ( THREE[ tt.minFilter ] != undefined )
- texture.minFilter = THREE[ tt.minFilter ];
- if ( THREE[ tt.magFilter ] != undefined )
- texture.magFilter = THREE[ tt.magFilter ];
- if ( tt.repeat ) {
- texture.repeat.set( tt.repeat[ 0 ], tt.repeat[ 1 ] );
- if ( tt.repeat[ 0 ] != 1 ) texture.wrapS = THREE.RepeatWrapping;
- if ( tt.repeat[ 1 ] != 1 ) texture.wrapT = THREE.RepeatWrapping;
- }
- if ( tt.offset ) {
- texture.offset.set( tt.offset[ 0 ], tt.offset[ 1 ] );
- }
- // handle wrap after repeat so that default repeat can be overriden
- if ( tt.wrap ) {
- var wrapMap = {
- "repeat" : THREE.RepeatWrapping,
- "mirror" : THREE.MirroredRepeatWrapping
- }
- if ( wrapMap[ tt.wrap[ 0 ] ] !== undefined ) texture.wrapS = wrapMap[ tt.wrap[ 0 ] ];
- if ( wrapMap[ tt.wrap[ 1 ] ] !== undefined ) texture.wrapT = wrapMap[ tt.wrap[ 1 ] ];
- }
- }
- result.textures[ dt ] = texture;
- }
- // materials
- for ( dm in data.materials ) {
- m = data.materials[ dm ];
- for ( pp in m.parameters ) {
- if ( pp == "envMap" || pp == "map" || pp == "lightMap" ) {
- m.parameters[ pp ] = result.textures[ m.parameters[ pp ] ];
- } else if ( pp == "shading" ) {
- m.parameters[ pp ] = ( m.parameters[ pp ] == "flat" ) ? THREE.FlatShading : THREE.SmoothShading;
- } else if ( pp == "blending" ) {
- m.parameters[ pp ] = THREE[ m.parameters[ pp ] ] ? THREE[ m.parameters[ pp ] ] : THREE.NormalBlending;
- } else if ( pp == "combine" ) {
- m.parameters[ pp ] = ( m.parameters[ pp ] == "MixOperation" ) ? THREE.MixOperation : THREE.MultiplyOperation;
- } else if ( pp == "vertexColors" ) {
- if ( m.parameters[ pp ] == "face" ) {
- m.parameters[ pp ] = THREE.FaceColors;
- // default to vertex colors if "vertexColors" is anything else face colors or 0 / null / false
- } else if ( m.parameters[ pp ] ) {
- m.parameters[ pp ] = THREE.VertexColors;
- }
- }
- }
- if ( m.parameters.opacity !== undefined && m.parameters.opacity < 1.0 ) {
- m.parameters.transparent = true;
- }
- if ( m.parameters.normalMap ) {
- var shader = THREE.ShaderUtils.lib[ "normal" ];
- var uniforms = THREE.UniformsUtils.clone( shader.uniforms );
- var diffuse = m.parameters.color;
- var specular = m.parameters.specular;
- var ambient = m.parameters.ambient;
- var shininess = m.parameters.shininess;
- uniforms[ "tNormal" ].texture = result.textures[ m.parameters.normalMap ];
- if ( m.parameters.normalMapFactor ) {
- uniforms[ "uNormalScale" ].value = m.parameters.normalMapFactor;
- }
- if ( m.parameters.map ) {
- uniforms[ "tDiffuse" ].texture = m.parameters.map;
- uniforms[ "enableDiffuse" ].value = true;
- }
- if ( m.parameters.lightMap ) {
- uniforms[ "tAO" ].texture = m.parameters.lightMap;
- uniforms[ "enableAO" ].value = true;
- }
- if ( m.parameters.specularMap ) {
- uniforms[ "tSpecular" ].texture = result.textures[ m.parameters.specularMap ];
- uniforms[ "enableSpecular" ].value = true;
- }
- uniforms[ "uDiffuseColor" ].value.setHex( diffuse );
- uniforms[ "uSpecularColor" ].value.setHex( specular );
- uniforms[ "uAmbientColor" ].value.setHex( ambient );
- uniforms[ "uShininess" ].value = shininess;
- if ( m.parameters.opacity ) {
- uniforms[ "uOpacity" ].value = m.parameters.opacity;
- }
- var parameters = { fragmentShader: shader.fragmentShader, vertexShader: shader.vertexShader, uniforms: uniforms, lights: true, fog: true };
- material = new THREE.ShaderMaterial( parameters );
- } else {
- material = new THREE[ m.type ]( m.parameters );
- }
- result.materials[ dm ] = material;
- }
- // objects ( synchronous init of procedural primitives )
- handle_objects();
- // synchronous callback
- scope.callbackSync( result );
- // just in case there are no async elements:
- async_callback_gate();
- };
- /**
- * Loader for UTF8 encoded models generated by:
- * http://code.google.com/p/webgl-loader/
- *
- * Limitations:
- * - number of vertices < 65536 (this is after optimizations in compressor, input OBJ may have even less)
- * - models must have normals and texture coordinates
- * - texture coordinates must be only from <0,1>
- * - no materials support yet
- * - models are scaled and offset (copy numbers from compressor and use them as parameters in UTF8Loader.load() )
- *
- * @author alteredq / http://alteredqualia.com/
- * @author won3d / http://twitter.com/won3d
- */
- THREE.UTF8Loader = function () {};
- THREE.UTF8Loader.prototype.load = function ( url, callback, metadata ) {
- var xhr = new XMLHttpRequest(),
- callbackProgress = null,
- scale = metadata.scale !== undefined ? metadata.scale : 1,
- offsetX = metadata.offsetX !== undefined ? metadata.offsetX : 0,
- offsetY = metadata.offsetY !== undefined ? metadata.offsetY : 0,
- offsetZ = metadata.offsetZ !== undefined ? metadata.offsetZ : 0;
- var length = 0;
- xhr.onreadystatechange = function() {
- if ( xhr.readyState == 4 ) {
- if ( xhr.status == 200 || xhr.status == 0 ) {
- THREE.UTF8Loader.prototype.createModel( xhr.responseText, callback, scale, offsetX, offsetY, offsetZ );
- } else {
- console.error( "THREE.UTF8Loader: Couldn't load [" + url + "] [" + xhr.status + "]" );
- }
- } else if ( xhr.readyState == 3 ) {
- if ( callbackProgress ) {
- if ( length == 0 ) {
- length = xhr.getResponseHeader( "Content-Length" );
- }
- callbackProgress( { total: length, loaded: xhr.responseText.length } );
- }
- } else if ( xhr.readyState == 2 ) {
- length = xhr.getResponseHeader( "Content-Length" );
- }
- }
- xhr.open( "GET", url, true );
- xhr.send( null );
- };
- // UTF-8 decoder from webgl-loader
- // http://code.google.com/p/webgl-loader/
- // Copyright 2011 Google Inc. All Rights Reserved.
- //
- // Licensed under the Apache License, Version 2.0 (the "License"); you
- // may not use this file except in compliance with the License. You
- // may obtain a copy of the License at
- //
- // http://www.apache.org/licenses/LICENSE-2.0
- //
- // Unless required by applicable law or agreed to in writing, software
- // distributed under the License is distributed on an "AS IS" BASIS,
- // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
- // implied. See the License for the specific language governing
- // permissions and limitations under the License.
- THREE.UTF8Loader.prototype.decompressMesh = function ( str ) {
- var num_verts = str.charCodeAt( 0 );
- if ( num_verts >= 0xE000 ) {
- num_verts -= 0x0800;
- }
- num_verts ++;
- var attribs_out = new Float32Array( 8 * num_verts );
- var offset = 1;
- for ( var i = 0; i < 8; i ++ ) {
- var prev_attrib = 0;
- for ( var j = 0; j < num_verts; ++ j ) {
- var code = str.charCodeAt( j + offset );
- prev_attrib += ( code >> 1 ) ^ ( - ( code & 1 ) );
- attribs_out[ 8 * j + i ] = prev_attrib;
- }
- offset += num_verts;
- }
- var num_indices = str.length - offset;
- var indices_out = new Uint16Array( num_indices );
- var index_high_water_mark = 0;
- for ( var i = 0; i < num_indices; i ++ ) {
- var code = str.charCodeAt( i + offset );
- indices_out[ i ] = index_high_water_mark - code;
- if ( code == 0 ) {
- index_high_water_mark ++;
- }
- }
- return [ attribs_out, indices_out ];
- };
- THREE.UTF8Loader.prototype.createModel = function ( data, callback, scale, offsetX, offsetY, offsetZ ) {
- var Model = function ( texture_path ) {
- //var s = (new Date).getTime();
- var scope = this;
- scope.materials = [];
- THREE.Geometry.call( this );
- var buffers = THREE.UTF8Loader.prototype.decompressMesh( data );
- var normals = [],
- uvs = [];
- init_vertices( buffers[ 0 ], 8, 0 );
- init_uvs( buffers[ 0 ], 8, 3 );
- init_normals( buffers[ 0 ], 8, 5 );
- init_faces( buffers[ 1 ] );
- this.computeCentroids();
- this.computeFaceNormals();
- //this.computeTangents();
- //var e = (new Date).getTime();
- //console.log( "utf8 data parse time: " + (e-s) + " ms" );
- function init_vertices( data, stride, offset ) {
- var i, x, y, z,
- end = data.length;
- for( i = offset; i < end; i += stride ) {
- x = data[ i ];
- y = data[ i + 1 ];
- z = data[ i + 2 ];
- // fix scale and offsets
- x = ( x / 16383 ) * scale;
- y = ( y / 16383 ) * scale;
- z = ( z / 16383 ) * scale;
- x += offsetX;
- y += offsetY;
- z += offsetZ;
- vertex( scope, x, y, z );
- }
- };
- function init_normals( data, stride, offset ) {
- var i, x, y, z,
- end = data.length;
- for( i = offset; i < end; i += stride ) {
- x = data[ i ];
- y = data[ i + 1 ];
- z = data[ i + 2 ];
- // normalize to <-1,1>
- x = ( x - 512 ) / 511;
- y = ( y - 512 ) / 511;
- z = ( z - 512 ) / 511;
- normals.push( x, y, z );
- }
- };
- function init_uvs( data, stride, offset ) {
- var i, u, v,
- end = data.length;
- for( i = offset; i < end; i += stride ) {
- u = data[ i ];
- v = data[ i + 1 ];
- // normalize to <0,1>
- u /= 1023;
- v /= 1023;
- uvs.push( u, 1 - v );
- }
- };
- function init_faces( indices ) {
- var i,
- a, b, c,
- u1, v1, u2, v2, u3, v3,
- m,
- end = indices.length;
- m = 0; // all faces defaulting to material 0
- for( i = 0; i < end; i += 3 ) {
- a = indices[ i ];
- b = indices[ i + 1 ];
- c = indices[ i + 2 ];
- f3n( scope, normals, a, b, c, m, a, b, c );
- u1 = uvs[ a * 2 ];
- v1 = uvs[ a * 2 + 1 ];
- u2 = uvs[ b * 2 ];
- v2 = uvs[ b * 2 + 1 ];
- u3 = uvs[ c * 2 ];
- v3 = uvs[ c * 2 + 1 ];
- uv3( scope.faceVertexUvs[ 0 ], u1, v1, u2, v2, u3, v3 );
- }
- }
- };
- function vertex ( scope, x, y, z ) {
- scope.vertices.push( new THREE.Vertex( new THREE.Vector3( x, y, z ) ) );
- };
- function f3n ( scope, normals, a, b, c, mi, nai, nbi, nci ) {
- var nax = normals[ nai * 3 ],
- nay = normals[ nai * 3 + 1 ],
- naz = normals[ nai * 3 + 2 ],
- nbx = normals[ nbi * 3 ],
- nby = normals[ nbi * 3 + 1 ],
- nbz = normals[ nbi * 3 + 2 ],
- ncx = normals[ nci * 3 ],
- ncy = normals[ nci * 3 + 1 ],
- ncz = normals[ nci * 3 + 2 ];
- var na = new THREE.Vector3( nax, nay, naz ),
- nb = new THREE.Vector3( nbx, nby, nbz ),
- nc = new THREE.Vector3( ncx, ncy, ncz );
- scope.faces.push( new THREE.Face3( a, b, c, [ na, nb, nc ], null, mi ) );
- };
- function uv3 ( where, u1, v1, u2, v2, u3, v3 ) {
- var uv = [];
- uv.push( new THREE.UV( u1, v1 ) );
- uv.push( new THREE.UV( u2, v2 ) );
- uv.push( new THREE.UV( u3, v3 ) );
- where.push( uv );
- };
- Model.prototype = new THREE.Geometry();
- Model.prototype.constructor = Model;
- callback( new Model() );
- };
- /**
- * @author alteredq / http://alteredqualia.com/
- */
- THREE.ImmediateRenderObject = function ( ) {
- THREE.Object3D.call( this );
- this.render = function( renderCallback ) {
- };
- };
- THREE.ImmediateRenderObject.prototype = new THREE.Object3D();
- THREE.ImmediateRenderObject.prototype.constructor = THREE.ImmediateRenderObject;
- /**
- * @author mikael emtinger / http://gomo.se/
- * @author alteredq / http://alteredqualia.com/
- */
- THREE.LensFlare = function ( texture, size, distance, blending, color ) {
- THREE.Object3D.call( this );
- this.lensFlares = [];
- this.positionScreen = new THREE.Vector3();
- this.customUpdateCallback = undefined;
- if( texture !== undefined ) {
- this.add( texture, size, distance, blending, color );
- }
- };
- THREE.LensFlare.prototype = new THREE.Object3D();
- THREE.LensFlare.prototype.constructor = THREE.LensFlare;
- THREE.LensFlare.prototype.supr = THREE.Object3D.prototype;
- /*
- * Add: adds another flare
- */
- THREE.LensFlare.prototype.add = function ( texture, size, distance, blending, color, opacity ) {
- if( size === undefined ) size = -1;
- if( distance === undefined ) distance = 0;
- if( opacity === undefined ) opacity = 1;
- if( color === undefined ) color = new THREE.Color( 0xffffff );
- if( blending === undefined ) blending = THREE.NormalBlending;
- distance = Math.min( distance, Math.max( 0, distance ) );
- this.lensFlares.push( { texture: texture, // THREE.Texture
- size: size, // size in pixels (-1 = use texture.width)
- distance: distance, // distance (0-1) from light source (0=at light source)
- x: 0, y: 0, z: 0, // screen position (-1 => 1) z = 0 is ontop z = 1 is back
- scale: 1, // scale
- rotation: 1, // rotation
- opacity: opacity, // opacity
- color: color, // color
- blending: blending } ); // blending
- };
- /*
- * Update lens flares update positions on all flares based on the screen position
- * Set myLensFlare.customUpdateCallback to alter the flares in your project specific way.
- */
- THREE.LensFlare.prototype.updateLensFlares = function () {
- var f, fl = this.lensFlares.length;
- var flare;
- var vecX = -this.positionScreen.x * 2;
- var vecY = -this.positionScreen.y * 2;
- for( f = 0; f < fl; f ++ ) {
- flare = this.lensFlares[ f ];
- flare.x = this.positionScreen.x + vecX * flare.distance;
- flare.y = this.positionScreen.y + vecY * flare.distance;
- flare.wantedRotation = flare.x * Math.PI * 0.25;
- flare.rotation += ( flare.wantedRotation - flare.rotation ) * 0.25;
- }
- };
- /**
- * @author alteredq / http://alteredqualia.com/
- */
- THREE.MorphBlendMesh = function( geometry, material ) {
- THREE.Mesh.call( this, geometry, material );
- this.animationsMap = {};
- this.animationsList = [];
- // prepare default animation
- // (all frames played together in 1 second)
- var numFrames = this.geometry.morphTargets.length;
- var name = "__default";
- var startFrame = 0;
- var endFrame = numFrames - 1;
- var fps = numFrames / 1;
- this.createAnimation( name, startFrame, endFrame, fps );
- this.setAnimationWeight( name, 1 );
- };
- THREE.MorphBlendMesh.prototype = new THREE.Mesh();
- THREE.MorphBlendMesh.prototype.constructor = THREE.MorphBlendMesh;
- THREE.MorphBlendMesh.prototype.createAnimation = function ( name, start, end, fps ) {
- var animation = {
- startFrame: start,
- endFrame: end,
- length: end - start + 1,
- fps: fps,
- duration: ( end - start ) / fps,
- lastFrame: 0,
- currentFrame: 0,
- active: false,
- time: 0,
- direction: 1,
- weight: 1,
- directionBackwards: false,
- mirroredLoop: false
- };
- this.animationsMap[ name ] = animation;
- this.animationsList.push( animation );
- };
- THREE.MorphBlendMesh.prototype.autoCreateAnimations = function ( fps ) {
- var pattern = /([a-z]+)(\d+)/;
- var firstAnimation, frameRanges = {};
- var geometry = this.geometry;
- for ( var i = 0, il = geometry.morphTargets.length; i < il; i ++ ) {
- var morph = geometry.morphTargets[ i ];
- var chunks = morph.name.match( pattern );
- if ( chunks && chunks.length > 1 ) {
- var name = chunks[ 1 ];
- var num = chunks[ 2 ];
- if ( ! frameRanges[ name ] ) frameRanges[ name ] = { start: Infinity, end: -Infinity };
- var range = frameRanges[ name ];
- if ( i < range.start ) range.start = i;
- if ( i > range.end ) range.end = i;
- if ( ! firstAnimation ) firstAnimation = name;
- }
- }
- for ( var name in frameRanges ) {
- var range = frameRanges[ name ];
- this.createAnimation( name, range.start, range.end, fps );
- }
- this.firstAnimation = firstAnimation;
- };
- THREE.MorphBlendMesh.prototype.setAnimationDirectionForward = function ( name ) {
- var animation = this.animationsMap[ name ];
- if ( animation ) {
- animation.direction = 1;
- animation.directionBackwards = false;
- }
- };
- THREE.MorphBlendMesh.prototype.setAnimationDirectionBackward = function ( name ) {
- var animation = this.animationsMap[ name ];
- if ( animation ) {
- animation.direction = -1;
- animation.directionBackwards = true;
- }
- };
- THREE.MorphBlendMesh.prototype.setAnimationFPS = function ( name, fps ) {
- var animation = this.animationsMap[ name ];
- if ( animation ) {
- animation.fps = fps;
- animation.duration = ( animation.end - animation.start ) / animation.fps;
- }
- };
- THREE.MorphBlendMesh.prototype.setAnimationDuration = function ( name, duration ) {
- var animation = this.animationsMap[ name ];
- if ( animation ) {
- animation.duration = duration;
- animation.fps = ( animation.end - animation.start ) / animation.duration;
- }
- };
- THREE.MorphBlendMesh.prototype.setAnimationWeight = function ( name, weight ) {
- var animation = this.animationsMap[ name ];
- if ( animation ) {
- animation.weight = weight;
- }
- };
- THREE.MorphBlendMesh.prototype.setAnimationTime = function ( name, time ) {
- var animation = this.animationsMap[ name ];
- if ( animation ) {
- animation.time = time;
- }
- };
- THREE.MorphBlendMesh.prototype.getAnimationTime = function ( name ) {
- var time = 0;
- var animation = this.animationsMap[ name ];
- if ( animation ) {
- time = animation.time;
- }
- return time;
- };
- THREE.MorphBlendMesh.prototype.getAnimationDuration = function ( name ) {
- var duration = -1;
- var animation = this.animationsMap[ name ];
- if ( animation ) {
- duration = animation.duration;
- }
- return duration;
- };
- THREE.MorphBlendMesh.prototype.playAnimation = function ( name ) {
- var animation = this.animationsMap[ name ];
- if ( animation ) {
- animation.time = 0;
- animation.active = true;
- } else {
- console.warn( "animation[" + name + "] undefined" );
- }
- };
- THREE.MorphBlendMesh.prototype.stopAnimation = function ( name ) {
- var animation = this.animationsMap[ name ];
- if ( animation ) {
- animation.active = false;
- }
- };
- THREE.MorphBlendMesh.prototype.update = function ( delta ) {
- for ( var i = 0, il = this.animationsList.length; i < il; i ++ ) {
- var animation = this.animationsList[ i ];
- if ( ! animation.active ) continue;
- var frameTime = animation.duration / animation.length;
- animation.time += animation.direction * delta;
- if ( animation.mirroredLoop ) {
- if ( animation.time > animation.duration || animation.time < 0 ) {
- animation.direction *= -1;
- if ( animation.time > animation.duration ) {
- animation.time = animation.duration;
- animation.directionBackwards = true;
- }
- if ( animation.time < 0 ) {
- animation.time = 0;
- animation.directionBackwards = false;
- }
- }
- } else {
- animation.time = animation.time % animation.duration;
- if ( animation.time < 0 ) animation.time += animation.duration;
- }
- var keyframe = animation.startFrame + THREE.Math.clamp( Math.floor( animation.time / frameTime ), 0, animation.length - 1 );
- var weight = animation.weight;
- if ( keyframe !== animation.currentFrame ) {
- this.morphTargetInfluences[ animation.lastFrame ] = 0;
- this.morphTargetInfluences[ animation.currentFrame ] = 1 * weight;
- this.morphTargetInfluences[ keyframe ] = 0;
- animation.lastFrame = animation.currentFrame;
- animation.currentFrame = keyframe;
- }
- var mix = ( animation.time % frameTime ) / frameTime;
- if ( animation.directionBackwards ) mix = 1 - mix;
- this.morphTargetInfluences[ animation.currentFrame ] = mix * weight;
- this.morphTargetInfluences[ animation.lastFrame ] = ( 1 - mix ) * weight;
- }
- };
- /**
- * @author mikael emtinger / http://gomo.se/
- * @author alteredq / http://alteredqualia.com/
- */
- THREE.LensFlarePlugin = function ( ) {
- var _gl, _renderer, _lensFlare = {};
- this.init = function ( renderer ) {
- _gl = renderer.context;
- _renderer = renderer;
- _lensFlare.vertices = new Float32Array( 8 + 8 );
- _lensFlare.faces = new Uint16Array( 6 );
- var i = 0;
- _lensFlare.vertices[ i++ ] = -1; _lensFlare.vertices[ i++ ] = -1; // vertex
- _lensFlare.vertices[ i++ ] = 0; _lensFlare.vertices[ i++ ] = 0; // uv... etc.
- _lensFlare.vertices[ i++ ] = 1; _lensFlare.vertices[ i++ ] = -1;
- _lensFlare.vertices[ i++ ] = 1; _lensFlare.vertices[ i++ ] = 0;
- _lensFlare.vertices[ i++ ] = 1; _lensFlare.vertices[ i++ ] = 1;
- _lensFlare.vertices[ i++ ] = 1; _lensFlare.vertices[ i++ ] = 1;
- _lensFlare.vertices[ i++ ] = -1; _lensFlare.vertices[ i++ ] = 1;
- _lensFlare.vertices[ i++ ] = 0; _lensFlare.vertices[ i++ ] = 1;
- i = 0;
- _lensFlare.faces[ i++ ] = 0; _lensFlare.faces[ i++ ] = 1; _lensFlare.faces[ i++ ] = 2;
- _lensFlare.faces[ i++ ] = 0; _lensFlare.faces[ i++ ] = 2; _lensFlare.faces[ i++ ] = 3;
- // buffers
- _lensFlare.vertexBuffer = _gl.createBuffer();
- _lensFlare.elementBuffer = _gl.createBuffer();
- _gl.bindBuffer( _gl.ARRAY_BUFFER, _lensFlare.vertexBuffer );
- _gl.bufferData( _gl.ARRAY_BUFFER, _lensFlare.vertices, _gl.STATIC_DRAW );
- _gl.bindBuffer( _gl.ELEMENT_ARRAY_BUFFER, _lensFlare.elementBuffer );
- _gl.bufferData( _gl.ELEMENT_ARRAY_BUFFER, _lensFlare.faces, _gl.STATIC_DRAW );
- // textures
- _lensFlare.tempTexture = _gl.createTexture();
- _lensFlare.occlusionTexture = _gl.createTexture();
- _gl.bindTexture( _gl.TEXTURE_2D, _lensFlare.tempTexture );
- _gl.texImage2D( _gl.TEXTURE_2D, 0, _gl.RGB, 16, 16, 0, _gl.RGB, _gl.UNSIGNED_BYTE, null );
- _gl.texParameteri( _gl.TEXTURE_2D, _gl.TEXTURE_WRAP_S, _gl.CLAMP_TO_EDGE );
- _gl.texParameteri( _gl.TEXTURE_2D, _gl.TEXTURE_WRAP_T, _gl.CLAMP_TO_EDGE );
- _gl.texParameteri( _gl.TEXTURE_2D, _gl.TEXTURE_MAG_FILTER, _gl.NEAREST );
- _gl.texParameteri( _gl.TEXTURE_2D, _gl.TEXTURE_MIN_FILTER, _gl.NEAREST );
- _gl.bindTexture( _gl.TEXTURE_2D, _lensFlare.occlusionTexture );
- _gl.texImage2D( _gl.TEXTURE_2D, 0, _gl.RGBA, 16, 16, 0, _gl.RGBA, _gl.UNSIGNED_BYTE, null );
- _gl.texParameteri( _gl.TEXTURE_2D, _gl.TEXTURE_WRAP_S, _gl.CLAMP_TO_EDGE );
- _gl.texParameteri( _gl.TEXTURE_2D, _gl.TEXTURE_WRAP_T, _gl.CLAMP_TO_EDGE );
- _gl.texParameteri( _gl.TEXTURE_2D, _gl.TEXTURE_MAG_FILTER, _gl.NEAREST );
- _gl.texParameteri( _gl.TEXTURE_2D, _gl.TEXTURE_MIN_FILTER, _gl.NEAREST );
- if ( _gl.getParameter( _gl.MAX_VERTEX_TEXTURE_IMAGE_UNITS ) <= 0 ) {
- _lensFlare.hasVertexTexture = false;
- _lensFlare.program = createProgram( THREE.ShaderFlares[ "lensFlare" ] );
- } else {
- _lensFlare.hasVertexTexture = true;
- _lensFlare.program = createProgram( THREE.ShaderFlares[ "lensFlareVertexTexture" ] );
- }
- _lensFlare.attributes = {};
- _lensFlare.uniforms = {};
- _lensFlare.attributes.vertex = _gl.getAttribLocation ( _lensFlare.program, "position" );
- _lensFlare.attributes.uv = _gl.getAttribLocation ( _lensFlare.program, "uv" );
- _lensFlare.uniforms.renderType = _gl.getUniformLocation( _lensFlare.program, "renderType" );
- _lensFlare.uniforms.map = _gl.getUniformLocation( _lensFlare.program, "map" );
- _lensFlare.uniforms.occlusionMap = _gl.getUniformLocation( _lensFlare.program, "occlusionMap" );
- _lensFlare.uniforms.opacity = _gl.getUniformLocation( _lensFlare.program, "opacity" );
- _lensFlare.uniforms.color = _gl.getUniformLocation( _lensFlare.program, "color" );
- _lensFlare.uniforms.scale = _gl.getUniformLocation( _lensFlare.program, "scale" );
- _lensFlare.uniforms.rotation = _gl.getUniformLocation( _lensFlare.program, "rotation" );
- _lensFlare.uniforms.screenPosition = _gl.getUniformLocation( _lensFlare.program, "screenPosition" );
- _lensFlare.attributesEnabled = false;
- };
- /*
- * Render lens flares
- * Method: renders 16x16 0xff00ff-colored points scattered over the light source area,
- * reads these back and calculates occlusion.
- * Then _lensFlare.update_lensFlares() is called to re-position and
- * update transparency of flares. Then they are rendered.
- *
- */
- this.render = function ( scene, camera, viewportWidth, viewportHeight ) {
- var flares = scene.__webglFlares,
- nFlares = flares.length;
- if ( ! nFlares ) return;
- var tempPosition = new THREE.Vector3();
- var invAspect = viewportHeight / viewportWidth,
- halfViewportWidth = viewportWidth * 0.5,
- halfViewportHeight = viewportHeight * 0.5;
- var size = 16 / viewportHeight,
- scale = new THREE.Vector2( size * invAspect, size );
- var screenPosition = new THREE.Vector3( 1, 1, 0 ),
- screenPositionPixels = new THREE.Vector2( 1, 1 );
- var uniforms = _lensFlare.uniforms,
- attributes = _lensFlare.attributes;
- // set _lensFlare program and reset blending
- _gl.useProgram( _lensFlare.program );
- if ( ! _lensFlare.attributesEnabled ) {
- _gl.enableVertexAttribArray( _lensFlare.attributes.vertex );
- _gl.enableVertexAttribArray( _lensFlare.attributes.uv );
- _lensFlare.attributesEnabled = true;
- }
- // loop through all lens flares to update their occlusion and positions
- // setup gl and common used attribs/unforms
- _gl.uniform1i( uniforms.occlusionMap, 0 );
- _gl.uniform1i( uniforms.map, 1 );
- _gl.bindBuffer( _gl.ARRAY_BUFFER, _lensFlare.vertexBuffer );
- _gl.vertexAttribPointer( attributes.vertex, 2, _gl.FLOAT, false, 2 * 8, 0 );
- _gl.vertexAttribPointer( attributes.uv, 2, _gl.FLOAT, false, 2 * 8, 8 );
- _gl.bindBuffer( _gl.ELEMENT_ARRAY_BUFFER, _lensFlare.elementBuffer );
- _gl.disable( _gl.CULL_FACE );
- _gl.depthMask( false );
- var i, j, jl, flare, sprite;
- for ( i = 0; i < nFlares; i ++ ) {
- size = 16 / viewportHeight;
- scale.set( size * invAspect, size );
- // calc object screen position
- flare = flares[ i ];
- tempPosition.set( flare.matrixWorld.elements[12], flare.matrixWorld.elements[13], flare.matrixWorld.elements[14] );
- camera.matrixWorldInverse.multiplyVector3( tempPosition );
- camera.projectionMatrix.multiplyVector3( tempPosition );
- // setup arrays for gl programs
- screenPosition.copy( tempPosition )
- screenPositionPixels.x = screenPosition.x * halfViewportWidth + halfViewportWidth;
- screenPositionPixels.y = screenPosition.y * halfViewportHeight + halfViewportHeight;
- // screen cull
- if ( _lensFlare.hasVertexTexture || (
- screenPositionPixels.x > 0 &&
- screenPositionPixels.x < viewportWidth &&
- screenPositionPixels.y > 0 &&
- screenPositionPixels.y < viewportHeight ) ) {
- // save current RGB to temp texture
- _gl.activeTexture( _gl.TEXTURE1 );
- _gl.bindTexture( _gl.TEXTURE_2D, _lensFlare.tempTexture );
- _gl.copyTexImage2D( _gl.TEXTURE_2D, 0, _gl.RGB, screenPositionPixels.x - 8, screenPositionPixels.y - 8, 16, 16, 0 );
- // render pink quad
- _gl.uniform1i( uniforms.renderType, 0 );
- _gl.uniform2f( uniforms.scale, scale.x, scale.y );
- _gl.uniform3f( uniforms.screenPosition, screenPosition.x, screenPosition.y, screenPosition.z );
- _gl.disable( _gl.BLEND );
- _gl.enable( _gl.DEPTH_TEST );
- _gl.drawElements( _gl.TRIANGLES, 6, _gl.UNSIGNED_SHORT, 0 );
- // copy result to occlusionMap
- _gl.activeTexture( _gl.TEXTURE0 );
- _gl.bindTexture( _gl.TEXTURE_2D, _lensFlare.occlusionTexture );
- _gl.copyTexImage2D( _gl.TEXTURE_2D, 0, _gl.RGBA, screenPositionPixels.x - 8, screenPositionPixels.y - 8, 16, 16, 0 );
- // restore graphics
- _gl.uniform1i( uniforms.renderType, 1 );
- _gl.disable( _gl.DEPTH_TEST );
- _gl.activeTexture( _gl.TEXTURE1 );
- _gl.bindTexture( _gl.TEXTURE_2D, _lensFlare.tempTexture );
- _gl.drawElements( _gl.TRIANGLES, 6, _gl.UNSIGNED_SHORT, 0 );
- // update object positions
- flare.positionScreen.copy( screenPosition )
- if ( flare.customUpdateCallback ) {
- flare.customUpdateCallback( flare );
- } else {
- flare.updateLensFlares();
- }
- // render flares
- _gl.uniform1i( uniforms.renderType, 2 );
- _gl.enable( _gl.BLEND );
- for ( j = 0, jl = flare.lensFlares.length; j < jl; j ++ ) {
- sprite = flare.lensFlares[ j ];
- if ( sprite.opacity > 0.001 && sprite.scale > 0.001 ) {
- screenPosition.x = sprite.x;
- screenPosition.y = sprite.y;
- screenPosition.z = sprite.z;
- size = sprite.size * sprite.scale / viewportHeight;
- scale.x = size * invAspect;
- scale.y = size;
- _gl.uniform3f( uniforms.screenPosition, screenPosition.x, screenPosition.y, screenPosition.z );
- _gl.uniform2f( uniforms.scale, scale.x, scale.y );
- _gl.uniform1f( uniforms.rotation, sprite.rotation );
- _gl.uniform1f( uniforms.opacity, sprite.opacity );
- _gl.uniform3f( uniforms.color, sprite.color.r, sprite.color.g, sprite.color.b );
- _renderer.setBlending( sprite.blending, sprite.blendEquation, sprite.blendSrc, sprite.blendDst );
- _renderer.setTexture( sprite.texture, 1 );
- _gl.drawElements( _gl.TRIANGLES, 6, _gl.UNSIGNED_SHORT, 0 );
- }
- }
- }
- }
- // restore gl
- _gl.enable( _gl.CULL_FACE );
- _gl.enable( _gl.DEPTH_TEST );
- _gl.depthMask( true );
- };
- function createProgram ( shader ) {
- var program = _gl.createProgram();
- var fragmentShader = _gl.createShader( _gl.FRAGMENT_SHADER );
- var vertexShader = _gl.createShader( _gl.VERTEX_SHADER );
- _gl.shaderSource( fragmentShader, shader.fragmentShader );
- _gl.shaderSource( vertexShader, shader.vertexShader );
- _gl.compileShader( fragmentShader );
- _gl.compileShader( vertexShader );
- _gl.attachShader( program, fragmentShader );
- _gl.attachShader( program, vertexShader );
- _gl.linkProgram( program );
- return program;
- };
- };/**
- * @author alteredq / http://alteredqualia.com/
- */
- THREE.ShadowMapPlugin = function ( ) {
- var _gl,
- _renderer,
- _depthMaterial, _depthMaterialMorph,
- _frustum = new THREE.Frustum(),
- _projScreenMatrix = new THREE.Matrix4(),
- _min = new THREE.Vector3(),
- _max = new THREE.Vector3();
- this.init = function ( renderer ) {
- _gl = renderer.context;
- _renderer = renderer;
- var depthShader = THREE.ShaderLib[ "depthRGBA" ];
- var depthUniforms = THREE.UniformsUtils.clone( depthShader.uniforms );
- _depthMaterial = new THREE.ShaderMaterial( { fragmentShader: depthShader.fragmentShader, vertexShader: depthShader.vertexShader, uniforms: depthUniforms } );
- _depthMaterialMorph = new THREE.ShaderMaterial( { fragmentShader: depthShader.fragmentShader, vertexShader: depthShader.vertexShader, uniforms: depthUniforms, morphTargets: true } );
- _depthMaterial._shadowPass = true;
- _depthMaterialMorph._shadowPass = true;
- };
- this.render = function ( scene, camera ) {
- if ( ! ( _renderer.shadowMapEnabled && _renderer.shadowMapAutoUpdate ) ) return;
- this.update( scene, camera );
- };
- this.update = function ( scene, camera ) {
- var i, il, j, jl, n,
- shadowMap, shadowMatrix, shadowCamera,
- program, buffer, material,
- webglObject, object, light,
- renderList,
- lights = [],
- k = 0,
- fog = null;
- // set GL state for depth map
- _gl.clearColor( 1, 1, 1, 1 );
- _gl.disable( _gl.BLEND );
- if ( _renderer.shadowMapCullFrontFaces ) _gl.cullFace( _gl.FRONT );
- _renderer.setDepthTest( true );
- // preprocess lights
- // - skip lights that are not casting shadows
- // - create virtual lights for cascaded shadow maps
- for ( i = 0, il = scene.__lights.length; i < il; i ++ ) {
- light = scene.__lights[ i ];
- if ( ! light.castShadow ) continue;
- if ( ( light instanceof THREE.DirectionalLight ) && light.shadowCascade ) {
- for ( n = 0; n < light.shadowCascadeCount; n ++ ) {
- var virtualLight;
- if ( ! light.shadowCascadeArray[ n ] ) {
- virtualLight = createVirtualLight( light, n );
- virtualLight.originalCamera = camera;
- var gyro = new THREE.Gyroscope();
- gyro.position = light.shadowCascadeOffset;
- gyro.add( virtualLight );
- gyro.add( virtualLight.target );
- camera.add( gyro );
- light.shadowCascadeArray[ n ] = virtualLight;
- console.log( "Created virtualLight", virtualLight );
- } else {
- virtualLight = light.shadowCascadeArray[ n ];
- }
- updateVirtualLight( light, n );
- lights[ k ] = virtualLight;
- k ++;
- }
- } else {
- lights[ k ] = light;
- k ++;
- }
- }
- // render depth map
- for ( i = 0, il = lights.length; i < il; i ++ ) {
- light = lights[ i ];
- if ( ! light.shadowMap ) {
- var pars = { minFilter: THREE.LinearFilter, magFilter: THREE.LinearFilter, format: THREE.RGBAFormat };
- light.shadowMap = new THREE.WebGLRenderTarget( light.shadowMapWidth, light.shadowMapHeight, pars );
- light.shadowMapSize = new THREE.Vector2( light.shadowMapWidth, light.shadowMapHeight );
- light.shadowMatrix = new THREE.Matrix4();
- }
- if ( ! light.shadowCamera ) {
- if ( light instanceof THREE.SpotLight ) {
- light.shadowCamera = new THREE.PerspectiveCamera( light.shadowCameraFov, light.shadowMapWidth / light.shadowMapHeight, light.shadowCameraNear, light.shadowCameraFar );
- } else if ( light instanceof THREE.DirectionalLight ) {
- light.shadowCamera = new THREE.OrthographicCamera( light.shadowCameraLeft, light.shadowCameraRight, light.shadowCameraTop, light.shadowCameraBottom, light.shadowCameraNear, light.shadowCameraFar );
- } else {
- console.error( "Unsupported light type for shadow" );
- continue;
- }
- scene.add( light.shadowCamera );
- if ( _renderer.autoUpdateScene ) scene.updateMatrixWorld();
- }
- if ( light.shadowCameraVisible && ! light.cameraHelper ) {
- light.cameraHelper = new THREE.CameraHelper( light.shadowCamera );
- light.shadowCamera.add( light.cameraHelper );
- }
- if ( light.isVirtual && virtualLight.originalCamera == camera ) {
- updateShadowCamera( camera, light );
- }
- shadowMap = light.shadowMap;
- shadowMatrix = light.shadowMatrix;
- shadowCamera = light.shadowCamera;
- shadowCamera.position.copy( light.matrixWorld.getPosition() );
- shadowCamera.lookAt( light.target.matrixWorld.getPosition() );
- shadowCamera.updateMatrixWorld();
- shadowCamera.matrixWorldInverse.getInverse( shadowCamera.matrixWorld );
- if ( light.cameraHelper ) light.cameraHelper.lines.visible = light.shadowCameraVisible;
- if ( light.shadowCameraVisible ) light.cameraHelper.update();
- // compute shadow matrix
- 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.multiplySelf( shadowCamera.projectionMatrix );
- shadowMatrix.multiplySelf( shadowCamera.matrixWorldInverse );
- // update camera matrices and frustum
- if ( ! shadowCamera._viewMatrixArray ) shadowCamera._viewMatrixArray = new Float32Array( 16 );
- if ( ! shadowCamera._projectionMatrixArray ) shadowCamera._projectionMatrixArray = new Float32Array( 16 );
- shadowCamera.matrixWorldInverse.flattenToArray( shadowCamera._viewMatrixArray );
- shadowCamera.projectionMatrix.flattenToArray( shadowCamera._projectionMatrixArray );
- _projScreenMatrix.multiply( shadowCamera.projectionMatrix, shadowCamera.matrixWorldInverse );
- _frustum.setFromMatrix( _projScreenMatrix );
- // render shadow map
- _renderer.setRenderTarget( shadowMap );
- _renderer.clear();
- // set object matrices & frustum culling
- renderList = scene.__webglObjects;
- for ( j = 0, jl = renderList.length; j < jl; j ++ ) {
- webglObject = renderList[ j ];
- object = webglObject.object;
- webglObject.render = false;
- if ( object.visible && object.castShadow ) {
- if ( ! ( object instanceof THREE.Mesh ) || ! ( object.frustumCulled ) || _frustum.contains( object ) ) {
- object.matrixWorld.flattenToArray( object._objectMatrixArray );
- object._modelViewMatrix.multiply( shadowCamera.matrixWorldInverse, object.matrixWorld);
- webglObject.render = true;
- }
- }
- }
- // render regular objects
- for ( j = 0, jl = renderList.length; j < jl; j ++ ) {
- webglObject = renderList[ j ];
- if ( webglObject.render ) {
- object = webglObject.object;
- buffer = webglObject.buffer;
- _renderer.setObjectFaces( object );
- if ( object.customDepthMaterial ) {
- material = object.customDepthMaterial;
- } else if ( object.geometry.morphTargets.length ) {
- material = _depthMaterialMorph;
- } else {
- material = _depthMaterial;
- }
- if ( buffer instanceof THREE.BufferGeometry ) {
- _renderer.renderBufferDirect( shadowCamera, scene.__lights, fog, material, buffer, object );
- } else {
- _renderer.renderBuffer( shadowCamera, scene.__lights, fog, material, buffer, object );
- }
- }
- }
- // set matrices and render immediate objects
- renderList = scene.__webglObjectsImmediate;
- for ( j = 0, jl = renderList.length; j < jl; j ++ ) {
- webglObject = renderList[ j ];
- object = webglObject.object;
- if ( object.visible && object.castShadow ) {
- if( object.matrixAutoUpdate ) {
- object.matrixWorld.flattenToArray( object._objectMatrixArray );
- }
- object._modelViewMatrix.multiply( shadowCamera.matrixWorldInverse, object.matrixWorld);
- _renderer.renderImmediateObject( shadowCamera, scene.__lights, fog, _depthMaterial, object );
- }
- }
- }
- // restore GL state
- var clearColor = _renderer.getClearColor(),
- clearAlpha = _renderer.getClearAlpha();
- _gl.clearColor( clearColor.r, clearColor.g, clearColor.b, clearAlpha );
- _gl.enable( _gl.BLEND );
- if ( _renderer.shadowMapCullFrontFaces ) _gl.cullFace( _gl.BACK );
- };
- function createVirtualLight( light, cascade ) {
- var virtualLight = new THREE.DirectionalLight();
- virtualLight.isVirtual = true;
- virtualLight.onlyShadow = true;
- virtualLight.castShadow = true;
- virtualLight.shadowCameraNear = light.shadowCameraNear;
- virtualLight.shadowCameraFar = light.shadowCameraFar;
- virtualLight.shadowCameraLeft = light.shadowCameraLeft;
- virtualLight.shadowCameraRight = light.shadowCameraRight;
- virtualLight.shadowCameraBottom = light.shadowCameraBottom;
- virtualLight.shadowCameraTop = light.shadowCameraTop;
- virtualLight.shadowCameraVisible = light.shadowCameraVisible;
- virtualLight.shadowDarkness = light.shadowDarkness;
- virtualLight.shadowBias = light.shadowCascadeBias[ cascade ];
- virtualLight.shadowMapWidth = light.shadowCascadeWidth[ cascade ];
- virtualLight.shadowMapHeight = light.shadowCascadeHeight[ cascade ];
- virtualLight.pointsWorld = [];
- virtualLight.pointsFrustum = [];
- var pointsWorld = virtualLight.pointsWorld,
- pointsFrustum = virtualLight.pointsFrustum;
- for ( var i = 0; i < 8; i ++ ) {
- pointsWorld[ i ] = new THREE.Vector3();
- pointsFrustum[ i ] = new THREE.Vector3();
- }
- var nearZ = light.shadowCascadeNearZ[ cascade ];
- var farZ = light.shadowCascadeFarZ[ cascade ];
- pointsFrustum[ 0 ].set( -1, -1, nearZ );
- pointsFrustum[ 1 ].set( 1, -1, nearZ );
- pointsFrustum[ 2 ].set( -1, 1, nearZ );
- pointsFrustum[ 3 ].set( 1, 1, nearZ );
- pointsFrustum[ 4 ].set( -1, -1, farZ );
- pointsFrustum[ 5 ].set( 1, -1, farZ );
- pointsFrustum[ 6 ].set( -1, 1, farZ );
- pointsFrustum[ 7 ].set( 1, 1, farZ );
- return virtualLight;
- }
- // Synchronize virtual light with the original light
- function updateVirtualLight( light, cascade ) {
- var virtualLight = light.shadowCascadeArray[ cascade ];
- virtualLight.position.copy( light.position );
- virtualLight.target.position.copy( light.target.position );
- virtualLight.lookAt( virtualLight.target );
- virtualLight.shadowCameraVisible = light.shadowCameraVisible;
- virtualLight.shadowDarkness = light.shadowDarkness;
- virtualLight.shadowBias = light.shadowCascadeBias[ cascade ];
- var nearZ = light.shadowCascadeNearZ[ cascade ];
- var farZ = light.shadowCascadeFarZ[ cascade ];
- var pointsFrustum = virtualLight.pointsFrustum;
- pointsFrustum[ 0 ].z = nearZ;
- pointsFrustum[ 1 ].z = nearZ;
- pointsFrustum[ 2 ].z = nearZ;
- pointsFrustum[ 3 ].z = nearZ;
- pointsFrustum[ 4 ].z = farZ;
- pointsFrustum[ 5 ].z = farZ;
- pointsFrustum[ 6 ].z = farZ;
- pointsFrustum[ 7 ].z = farZ;
- }
- // Fit shadow camera's ortho frustum to camera frustum
- function updateShadowCamera( camera, light ) {
- var shadowCamera = light.shadowCamera,
- pointsFrustum = light.pointsFrustum,
- pointsWorld = light.pointsWorld;
- _min.set( Infinity, Infinity, Infinity );
- _max.set( -Infinity, -Infinity, -Infinity );
- for ( var i = 0; i < 8; i ++ ) {
- var p = pointsWorld[ i ];
- p.copy( pointsFrustum[ i ] );
- THREE.ShadowMapPlugin.__projector.unprojectVector( p, camera );
- shadowCamera.matrixWorldInverse.multiplyVector3( p );
- if ( p.x < _min.x ) _min.x = p.x;
- if ( p.x > _max.x ) _max.x = p.x;
- if ( p.y < _min.y ) _min.y = p.y;
- if ( p.y > _max.y ) _max.y = p.y;
- if ( p.z < _min.z ) _min.z = p.z;
- if ( p.z > _max.z ) _max.z = p.z;
- }
- shadowCamera.left = _min.x;
- shadowCamera.right = _max.x;
- shadowCamera.top = _max.y;
- shadowCamera.bottom = _min.y;
- // can't really fit near/far
- //shadowCamera.near = _min.z;
- //shadowCamera.far = _max.z;
- shadowCamera.updateProjectionMatrix();
- }
- };
- THREE.ShadowMapPlugin.__projector = new THREE.Projector();
- /**
- * @author mikael emtinger / http://gomo.se/
- * @author alteredq / http://alteredqualia.com/
- */
- THREE.SpritePlugin = function ( ) {
- var _gl, _renderer, _sprite = {};
- this.init = function ( renderer ) {
- _gl = renderer.context;
- _renderer = renderer;
- _sprite.vertices = new Float32Array( 8 + 8 );
- _sprite.faces = new Uint16Array( 6 );
- var i = 0;
- _sprite.vertices[ i++ ] = -1; _sprite.vertices[ i++ ] = -1; // vertex 0
- _sprite.vertices[ i++ ] = 0; _sprite.vertices[ i++ ] = 1; // uv 0
- _sprite.vertices[ i++ ] = 1; _sprite.vertices[ i++ ] = -1; // vertex 1
- _sprite.vertices[ i++ ] = 1; _sprite.vertices[ i++ ] = 1; // uv 1
- _sprite.vertices[ i++ ] = 1; _sprite.vertices[ i++ ] = 1; // vertex 2
- _sprite.vertices[ i++ ] = 1; _sprite.vertices[ i++ ] = 0; // uv 2
- _sprite.vertices[ i++ ] = -1; _sprite.vertices[ i++ ] = 1; // vertex 3
- _sprite.vertices[ i++ ] = 0; _sprite.vertices[ i++ ] = 0; // uv 3
- i = 0;
- _sprite.faces[ i++ ] = 0; _sprite.faces[ i++ ] = 1; _sprite.faces[ i++ ] = 2;
- _sprite.faces[ i++ ] = 0; _sprite.faces[ i++ ] = 2; _sprite.faces[ i++ ] = 3;
- _sprite.vertexBuffer = _gl.createBuffer();
- _sprite.elementBuffer = _gl.createBuffer();
- _gl.bindBuffer( _gl.ARRAY_BUFFER, _sprite.vertexBuffer );
- _gl.bufferData( _gl.ARRAY_BUFFER, _sprite.vertices, _gl.STATIC_DRAW );
- _gl.bindBuffer( _gl.ELEMENT_ARRAY_BUFFER, _sprite.elementBuffer );
- _gl.bufferData( _gl.ELEMENT_ARRAY_BUFFER, _sprite.faces, _gl.STATIC_DRAW );
- _sprite.program = createProgram( THREE.ShaderSprite[ "sprite" ] );
- _sprite.attributes = {};
- _sprite.uniforms = {};
- _sprite.attributes.position = _gl.getAttribLocation ( _sprite.program, "position" );
- _sprite.attributes.uv = _gl.getAttribLocation ( _sprite.program, "uv" );
- _sprite.uniforms.uvOffset = _gl.getUniformLocation( _sprite.program, "uvOffset" );
- _sprite.uniforms.uvScale = _gl.getUniformLocation( _sprite.program, "uvScale" );
- _sprite.uniforms.rotation = _gl.getUniformLocation( _sprite.program, "rotation" );
- _sprite.uniforms.scale = _gl.getUniformLocation( _sprite.program, "scale" );
- _sprite.uniforms.alignment = _gl.getUniformLocation( _sprite.program, "alignment" );
- _sprite.uniforms.color = _gl.getUniformLocation( _sprite.program, "color" );
- _sprite.uniforms.map = _gl.getUniformLocation( _sprite.program, "map" );
- _sprite.uniforms.opacity = _gl.getUniformLocation( _sprite.program, "opacity" );
- _sprite.uniforms.useScreenCoordinates = _gl.getUniformLocation( _sprite.program, "useScreenCoordinates" );
- _sprite.uniforms.affectedByDistance = _gl.getUniformLocation( _sprite.program, "affectedByDistance" );
- _sprite.uniforms.screenPosition = _gl.getUniformLocation( _sprite.program, "screenPosition" );
- _sprite.uniforms.modelViewMatrix = _gl.getUniformLocation( _sprite.program, "modelViewMatrix" );
- _sprite.uniforms.projectionMatrix = _gl.getUniformLocation( _sprite.program, "projectionMatrix" );
- _sprite.attributesEnabled = false;
- };
- this.render = function ( scene, camera, viewportWidth, viewportHeight ) {
- var sprites = scene.__webglSprites,
- nSprites = sprites.length;
- if ( ! nSprites ) return;
- var attributes = _sprite.attributes,
- uniforms = _sprite.uniforms;
- var invAspect = viewportHeight / viewportWidth;
- var halfViewportWidth = viewportWidth * 0.5,
- halfViewportHeight = viewportHeight * 0.5;
- var mergeWith3D = true;
- // setup gl
- _gl.useProgram( _sprite.program );
- if ( ! _sprite.attributesEnabled ) {
- _gl.enableVertexAttribArray( attributes.position );
- _gl.enableVertexAttribArray( attributes.uv );
- _sprite.attributesEnabled = true;
- }
- _gl.disable( _gl.CULL_FACE );
- _gl.enable( _gl.BLEND );
- _gl.depthMask( true );
- _gl.bindBuffer( _gl.ARRAY_BUFFER, _sprite.vertexBuffer );
- _gl.vertexAttribPointer( attributes.position, 2, _gl.FLOAT, false, 2 * 8, 0 );
- _gl.vertexAttribPointer( attributes.uv, 2, _gl.FLOAT, false, 2 * 8, 8 );
- _gl.bindBuffer( _gl.ELEMENT_ARRAY_BUFFER, _sprite.elementBuffer );
- _gl.uniformMatrix4fv( uniforms.projectionMatrix, false, camera._projectionMatrixArray );
- _gl.activeTexture( _gl.TEXTURE0 );
- _gl.uniform1i( uniforms.map, 0 );
- // update positions and sort
- var i, sprite, screenPosition, size, scale = [];
- for( i = 0; i < nSprites; i ++ ) {
- sprite = sprites[ i ];
- if ( ! sprite.visible || sprite.opacity === 0 ) continue;
- if( ! sprite.useScreenCoordinates ) {
- sprite._modelViewMatrix.multiply( camera.matrixWorldInverse, sprite.matrixWorld);
- sprite.z = - sprite._modelViewMatrix.elements[14];
- } else {
- sprite.z = - sprite.position.z;
- }
- }
- sprites.sort( painterSort );
- // render all sprites
- for( i = 0; i < nSprites; i ++ ) {
- sprite = sprites[ i ];
- if ( ! sprite.visible || sprite.opacity === 0 ) continue;
- if ( sprite.map && sprite.map.image && sprite.map.image.width ) {
- if ( sprite.useScreenCoordinates ) {
- _gl.uniform1i( uniforms.useScreenCoordinates, 1 );
- _gl.uniform3f( uniforms.screenPosition, ( sprite.position.x - halfViewportWidth ) / halfViewportWidth,
- ( halfViewportHeight - sprite.position.y ) / halfViewportHeight,
- Math.max( 0, Math.min( 1, sprite.position.z ) ) );
- } else {
- _gl.uniform1i( uniforms.useScreenCoordinates, 0 );
- _gl.uniform1i( uniforms.affectedByDistance, sprite.affectedByDistance ? 1 : 0 );
- _gl.uniformMatrix4fv( uniforms.modelViewMatrix, false, sprite._modelViewMatrix.elements);
- }
- size = sprite.map.image.width / ( sprite.scaleByViewport ? viewportHeight : 1 );
- scale[ 0 ] = size * invAspect * sprite.scale.x;
- scale[ 1 ] = size * sprite.scale.y;
- _gl.uniform2f( uniforms.uvScale, sprite.uvScale.x, sprite.uvScale.y );
- _gl.uniform2f( uniforms.uvOffset, sprite.uvOffset.x, sprite.uvOffset.y );
- _gl.uniform2f( uniforms.alignment, sprite.alignment.x, sprite.alignment.y );
- _gl.uniform1f( uniforms.opacity, sprite.opacity );
- _gl.uniform3f( uniforms.color, sprite.color.r, sprite.color.g, sprite.color.b );
- _gl.uniform1f( uniforms.rotation, sprite.rotation );
- _gl.uniform2fv( uniforms.scale, scale );
- if ( sprite.mergeWith3D && !mergeWith3D ) {
- _gl.enable( _gl.DEPTH_TEST );
- mergeWith3D = true;
- } else if ( ! sprite.mergeWith3D && mergeWith3D ) {
- _gl.disable( _gl.DEPTH_TEST );
- mergeWith3D = false;
- }
- _renderer.setBlending( sprite.blending, sprite.blendEquation, sprite.blendSrc, sprite.blendDst );
- _renderer.setTexture( sprite.map, 0 );
- _gl.drawElements( _gl.TRIANGLES, 6, _gl.UNSIGNED_SHORT, 0 );
- }
- }
- // restore gl
- _gl.enable( _gl.CULL_FACE );
- _gl.enable( _gl.DEPTH_TEST );
- _gl.depthMask( true );
- };
- function createProgram ( shader ) {
- var program = _gl.createProgram();
- var fragmentShader = _gl.createShader( _gl.FRAGMENT_SHADER );
- var vertexShader = _gl.createShader( _gl.VERTEX_SHADER );
- _gl.shaderSource( fragmentShader, shader.fragmentShader );
- _gl.shaderSource( vertexShader, shader.vertexShader );
- _gl.compileShader( fragmentShader );
- _gl.compileShader( vertexShader );
- _gl.attachShader( program, fragmentShader );
- _gl.attachShader( program, vertexShader );
- _gl.linkProgram( program );
- return program;
- };
- function painterSort ( a, b ) {
- return b.z - a.z;
- };
- };/**
- * @author alteredq / http://alteredqualia.com/
- */
- THREE.DepthPassPlugin = function ( ) {
- this.enabled = false;
- this.renderTarget = null;
- var _gl,
- _renderer,
- _depthMaterial, _depthMaterialMorph,
- _frustum = new THREE.Frustum(),
- _projScreenMatrix = new THREE.Matrix4();
- this.init = function ( renderer ) {
- _gl = renderer.context;
- _renderer = renderer;
- var depthShader = THREE.ShaderLib[ "depthRGBA" ];
- var depthUniforms = THREE.UniformsUtils.clone( depthShader.uniforms );
- _depthMaterial = new THREE.ShaderMaterial( { fragmentShader: depthShader.fragmentShader, vertexShader: depthShader.vertexShader, uniforms: depthUniforms } );
- _depthMaterialMorph = new THREE.ShaderMaterial( { fragmentShader: depthShader.fragmentShader, vertexShader: depthShader.vertexShader, uniforms: depthUniforms, morphTargets: true } );
- _depthMaterial._shadowPass = true;
- _depthMaterialMorph._shadowPass = true;
- };
- this.render = function ( scene, camera ) {
- if ( ! this.enabled ) return;
- this.update( scene, camera );
- };
- this.update = function ( scene, camera ) {
- var i, il, j, jl, n,
- program, buffer, material,
- webglObject, object, light,
- renderList,
- fog = null;
- // set GL state for depth map
- _gl.clearColor( 1, 1, 1, 1 );
- _gl.disable( _gl.BLEND );
- _renderer.setDepthTest( true );
- // update scene
- if ( _renderer.autoUpdateScene ) scene.updateMatrixWorld();
- // update camera matrices and frustum
- if ( ! camera._viewMatrixArray ) camera._viewMatrixArray = new Float32Array( 16 );
- if ( ! camera._projectionMatrixArray ) camera._projectionMatrixArray = new Float32Array( 16 );
- camera.matrixWorldInverse.getInverse( camera.matrixWorld );
- camera.matrixWorldInverse.flattenToArray( camera._viewMatrixArray );
- camera.projectionMatrix.flattenToArray( camera._projectionMatrixArray );
- _projScreenMatrix.multiply( camera.projectionMatrix, camera.matrixWorldInverse );
- _frustum.setFromMatrix( _projScreenMatrix );
- // render depth map
- _renderer.setRenderTarget( this.renderTarget );
- _renderer.clear();
- // set object matrices & frustum culling
- renderList = scene.__webglObjects;
- for ( j = 0, jl = renderList.length; j < jl; j ++ ) {
- webglObject = renderList[ j ];
- object = webglObject.object;
- webglObject.render = false;
- if ( object.visible ) {
- if ( ! ( object instanceof THREE.Mesh ) || ! ( object.frustumCulled ) || _frustum.contains( object ) ) {
- object.matrixWorld.flattenToArray( object._objectMatrixArray );
- object._modelViewMatrix.multiply( camera.matrixWorldInverse, object.matrixWorld);
- webglObject.render = true;
- }
- }
- }
- // render regular objects
- for ( j = 0, jl = renderList.length; j < jl; j ++ ) {
- webglObject = renderList[ j ];
- if ( webglObject.render ) {
- object = webglObject.object;
- buffer = webglObject.buffer;
- _renderer.setObjectFaces( object );
- if ( object.customDepthMaterial ) {
- material = object.customDepthMaterial;
- } else if ( object.geometry.morphTargets.length ) {
- material = _depthMaterialMorph;
- } else {
- material = _depthMaterial;
- }
- if ( buffer instanceof THREE.BufferGeometry ) {
- _renderer.renderBufferDirect( camera, scene.__lights, fog, material, buffer, object );
- } else {
- _renderer.renderBuffer( camera, scene.__lights, fog, material, buffer, object );
- }
- }
- }
- // set matrices and render immediate objects
- renderList = scene.__webglObjectsImmediate;
- for ( j = 0, jl = renderList.length; j < jl; j ++ ) {
- webglObject = renderList[ j ];
- object = webglObject.object;
- if ( object.visible && object.castShadow ) {
- if( object.matrixAutoUpdate ) {
- object.matrixWorld.flattenToArray( object._objectMatrixArray );
- }
- object._modelViewMatrix.multiply( camera.matrixWorldInverse, object.matrixWorld);
- _renderer.renderImmediateObject( camera, scene.__lights, fog, _depthMaterial, object );
- }
- }
- // restore GL state
- var clearColor = _renderer.getClearColor(),
- clearAlpha = _renderer.getClearAlpha();
- _gl.clearColor( clearColor.r, clearColor.g, clearColor.b, clearAlpha );
- _gl.enable( _gl.BLEND );
- };
- };
- /**
- * @author mrdoob / http://mrdoob.com/
- * @author marklundin / http://mark-lundin.com/
- * @author alteredq / http://alteredqualia.com/
- */
- if ( THREE.WebGLRenderer ) {
- THREE.AnaglyphWebGLRenderer = function ( parameters ) {
- THREE.WebGLRenderer.call( this, parameters );
- this.autoUpdateScene = false;
- var _this = this, _setSize = this.setSize, _render = this.render;
- var _cameraL = new THREE.PerspectiveCamera(),
- _cameraR = new THREE.PerspectiveCamera();
- var eyeRight = new THREE.Matrix4(),
- eyeLeft = new THREE.Matrix4(),
- focalLength = 125,
- _aspect, _near, _far, _fov;
- _cameraL.matrixAutoUpdate = _cameraR.matrixAutoUpdate = false;
- var _params = { minFilter: THREE.LinearFilter, magFilter: THREE.NearestFilter, format: THREE.RGBAFormat };
- var _renderTargetL = new THREE.WebGLRenderTarget( 512, 512, _params ),
- _renderTargetR = new THREE.WebGLRenderTarget( 512, 512, _params );
- var _camera = new THREE.PerspectiveCamera( 53, 1, 1, 10000 );
- _camera.position.z = 2;
- var _material = new THREE.ShaderMaterial( {
- uniforms: {
- "mapLeft": { type: "t", value: 0, texture: _renderTargetL },
- "mapRight": { type: "t", value: 1, texture: _renderTargetR }
- },
- vertexShader: [
- "varying vec2 vUv;",
- "void main() {",
- "vUv = vec2( uv.x, 1.0 - uv.y );",
- "gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );",
- "}"
- ].join("\n"),
- fragmentShader: [
- "uniform sampler2D mapLeft;",
- "uniform sampler2D mapRight;",
- "varying vec2 vUv;",
- "void main() {",
- "vec4 colorL, colorR;",
- "vec2 uv = vUv;",
- "colorL = texture2D( mapLeft, uv );",
- "colorR = texture2D( mapRight, uv );",
- // http://3dtv.at/Knowhow/AnaglyphComparison_en.aspx
- "gl_FragColor = vec4( colorL.g * 0.7 + colorL.b * 0.3, colorR.g, colorR.b, colorL.a + colorR.a ) * 1.1;",
- "}"
- ].join("\n")
- } );
- var _scene = new THREE.Scene();
- var mesh = new THREE.Mesh( new THREE.PlaneGeometry( 2, 2 ), _material );
- mesh.rotation.x = Math.PI / 2;
- _scene.add( mesh );
- _scene.add( _camera );
- this.setSize = function ( width, height ) {
- _setSize.call( _this, width, height );
- _renderTargetL.width = width;
- _renderTargetL.height = height;
- _renderTargetR.width = width;
- _renderTargetR.height = height;
- };
- /*
- * Renderer now uses an asymmetric perspective projection (http://paulbourke.net/miscellaneous/stereographics/stereorender/).
- * Each camera is offset by the eye seperation and its projection matrix is also skewed asymetrically back to converge on the same
- * projection plane. Added a focal length parameter to, this is where the parallax is equal to 0.
- */
- this.render = function ( scene, camera, renderTarget, forceClear ) {
- scene.updateMatrixWorld();
- var hasCameraChanged = ( _aspect !== camera.aspect ) || ( _near !== camera.near ) || ( _far !== camera.far ) || ( _fov !== camera.fov );
- if( hasCameraChanged ) {
- _aspect = camera.aspect;
- _near = camera.near;
- _far = camera.far;
- _fov = camera.fov;
- var projectionMatrix = camera.projectionMatrix.clone(),
- eyeSep = focalLength / 30 * 0.5,
- eyeSepOnProjection = eyeSep * _near / focalLength,
- ymax = _near * Math.tan( _fov * Math.PI / 360 ),
- xmin, xmax;
- // translate xOffset
- eyeRight.elements[12] = eyeSep;
- eyeLeft.elements[12] = -eyeSep;
- // for left eye
- xmin = -ymax * _aspect + eyeSepOnProjection;
- xmax = ymax * _aspect + eyeSepOnProjection;
- projectionMatrix.elements[0] = 2 * _near / ( xmax - xmin );
- projectionMatrix.elements[8] = ( xmax + xmin ) / ( xmax - xmin );
- _cameraL.projectionMatrix.copy( projectionMatrix );
- // for right eye
- xmin = -ymax * _aspect - eyeSepOnProjection;
- xmax = ymax * _aspect - eyeSepOnProjection;
- projectionMatrix.elements[0] = 2 * _near / ( xmax - xmin );
- projectionMatrix.elements[8] = ( xmax + xmin ) / ( xmax - xmin );
- _cameraR.projectionMatrix.copy( projectionMatrix );
- }
- _cameraL.matrixWorld.copy( camera.matrixWorld ).multiplySelf( eyeLeft );
- _cameraL.position.copy( camera.position );
- _cameraL.near = camera.near;
- _cameraL.far = camera.far;
- _render.call( _this, scene, _cameraL, _renderTargetL, true );
- _cameraR.matrixWorld.copy( camera.matrixWorld ).multiplySelf( eyeRight );
- _cameraR.position.copy( camera.position );
- _cameraR.near = camera.near;
- _cameraR.far = camera.far;
- _render.call( _this, scene, _cameraR, _renderTargetR, true );
- _scene.updateMatrixWorld();
- _render.call( _this, _scene, _camera );
- };
- };
- };
- /**
- * @author alteredq / http://alteredqualia.com/
- */
- if ( THREE.WebGLRenderer ) {
- THREE.CrosseyedWebGLRenderer = function ( parameters ) {
- THREE.WebGLRenderer.call( this, parameters );
- this.autoClear = false;
- var _this = this, _setSize = this.setSize, _render = this.render;
- var _width, _height;
- var _cameraL = new THREE.PerspectiveCamera();
- _cameraL.target = new THREE.Vector3( 0, 0, 0 );
- var _cameraR = new THREE.PerspectiveCamera();
- _cameraR.target = new THREE.Vector3( 0, 0, 0 );
- _this.separation = 10;
- if ( parameters && parameters.separation !== undefined ) _this.separation = parameters.separation;
- var SCREEN_WIDTH = window.innerWidth;
- var SCREEN_HEIGHT = window.innerHeight;
- var HALF_WIDTH = SCREEN_WIDTH / 2;
- this.setSize = function ( width, height ) {
- _setSize.call( _this, width, height );
- _width = width/2;
- _height = height;
- };
- this.render = function ( scene, camera, renderTarget, forceClear ) {
- this.clear();
- _cameraL.fov = camera.fov;
- _cameraL.aspect = 0.5 * camera.aspect;
- _cameraL.near = camera.near;
- _cameraL.far = camera.far;
- _cameraL.updateProjectionMatrix();
- _cameraL.position.copy( camera.position );
- _cameraL.target.copy( camera.target );
- _cameraL.translateX( _this.separation );
- _cameraL.lookAt( _cameraL.target );
- _cameraR.projectionMatrix = _cameraL.projectionMatrix;
- _cameraR.position.copy( camera.position );
- _cameraR.target.copy( camera.target );
- _cameraR.translateX( - _this.separation );
- _cameraR.lookAt( _cameraR.target );
- this.setViewport( 0, 0, _width, _height );
- _render.call( _this, scene, _cameraL );
- this.setViewport( _width, 0, _width, _height );
- _render.call( _this, scene, _cameraR, false );
- };
- };
- }
- /**
- * @author mikael emtinger / http://gomo.se/
- *
- */
- THREE.ShaderFlares = {
- 'lensFlareVertexTexture': {
- vertexShader: [
- "uniform vec3 screenPosition;",
- "uniform vec2 scale;",
- "uniform float rotation;",
- "uniform int renderType;",
- "uniform sampler2D occlusionMap;",
- "attribute vec2 position;",
- "attribute vec2 uv;",
- "varying vec2 vUV;",
- "varying float vVisibility;",
- "void main() {",
- "vUV = uv;",
- "vec2 pos = position;",
- "if( renderType == 2 ) {",
- "vec4 visibility = texture2D( occlusionMap, vec2( 0.1, 0.1 ) ) +",
- "texture2D( occlusionMap, vec2( 0.5, 0.1 ) ) +",
- "texture2D( occlusionMap, vec2( 0.9, 0.1 ) ) +",
- "texture2D( occlusionMap, vec2( 0.9, 0.5 ) ) +",
- "texture2D( occlusionMap, vec2( 0.9, 0.9 ) ) +",
- "texture2D( occlusionMap, vec2( 0.5, 0.9 ) ) +",
- "texture2D( occlusionMap, vec2( 0.1, 0.9 ) ) +",
- "texture2D( occlusionMap, vec2( 0.1, 0.5 ) ) +",
- "texture2D( occlusionMap, vec2( 0.5, 0.5 ) );",
- "vVisibility = ( visibility.r / 9.0 ) *",
- "( 1.0 - visibility.g / 9.0 ) *",
- "( visibility.b / 9.0 ) *",
- "( 1.0 - visibility.a / 9.0 );",
- "pos.x = cos( rotation ) * position.x - sin( rotation ) * position.y;",
- "pos.y = sin( rotation ) * position.x + cos( rotation ) * position.y;",
- "}",
- "gl_Position = vec4( ( pos * scale + screenPosition.xy ).xy, screenPosition.z, 1.0 );",
- "}"
- ].join( "\n" ),
- fragmentShader: [
- "precision mediump float;",
- "uniform sampler2D map;",
- "uniform float opacity;",
- "uniform int renderType;",
- "uniform vec3 color;",
- "varying vec2 vUV;",
- "varying float vVisibility;",
- "void main() {",
- // pink square
- "if( renderType == 0 ) {",
- "gl_FragColor = vec4( 1.0, 0.0, 1.0, 0.0 );",
- // restore
- "} else if( renderType == 1 ) {",
- "gl_FragColor = texture2D( map, vUV );",
- // flare
- "} else {",
- "vec4 texture = texture2D( map, vUV );",
- "texture.a *= opacity * vVisibility;",
- "gl_FragColor = texture;",
- "gl_FragColor.rgb *= color;",
- "}",
- "}"
- ].join( "\n" )
- },
- 'lensFlare': {
- vertexShader: [
- "uniform vec3 screenPosition;",
- "uniform vec2 scale;",
- "uniform float rotation;",
- "uniform int renderType;",
- "attribute vec2 position;",
- "attribute vec2 uv;",
- "varying vec2 vUV;",
- "void main() {",
- "vUV = uv;",
- "vec2 pos = position;",
- "if( renderType == 2 ) {",
- "pos.x = cos( rotation ) * position.x - sin( rotation ) * position.y;",
- "pos.y = sin( rotation ) * position.x + cos( rotation ) * position.y;",
- "}",
- "gl_Position = vec4( ( pos * scale + screenPosition.xy ).xy, screenPosition.z, 1.0 );",
- "}"
- ].join( "\n" ),
- fragmentShader: [
- "precision mediump float;",
- "uniform sampler2D map;",
- "uniform sampler2D occlusionMap;",
- "uniform float opacity;",
- "uniform int renderType;",
- "uniform vec3 color;",
- "varying vec2 vUV;",
- "void main() {",
- // pink square
- "if( renderType == 0 ) {",
- "gl_FragColor = vec4( texture2D( map, vUV ).rgb, 0.0 );",
- // restore
- "} else if( renderType == 1 ) {",
- "gl_FragColor = texture2D( map, vUV );",
- // flare
- "} else {",
- "float visibility = texture2D( occlusionMap, vec2( 0.5, 0.1 ) ).a +",
- "texture2D( occlusionMap, vec2( 0.9, 0.5 ) ).a +",
- "texture2D( occlusionMap, vec2( 0.5, 0.9 ) ).a +",
- "texture2D( occlusionMap, vec2( 0.1, 0.5 ) ).a;",
- "visibility = ( 1.0 - visibility / 4.0 );",
- "vec4 texture = texture2D( map, vUV );",
- "texture.a *= opacity * visibility;",
- "gl_FragColor = texture;",
- "gl_FragColor.rgb *= color;",
- "}",
- "}"
- ].join( "\n" )
- }
- };
- /**
- * @author mikael emtinger / http://gomo.se/
- *
- */
- THREE.ShaderSprite = {
- 'sprite': {
- vertexShader: [
- "uniform int useScreenCoordinates;",
- "uniform int affectedByDistance;",
- "uniform vec3 screenPosition;",
- "uniform mat4 modelViewMatrix;",
- "uniform mat4 projectionMatrix;",
- "uniform float rotation;",
- "uniform vec2 scale;",
- "uniform vec2 alignment;",
- "uniform vec2 uvOffset;",
- "uniform vec2 uvScale;",
- "attribute vec2 position;",
- "attribute vec2 uv;",
- "varying vec2 vUV;",
- "void main() {",
- "vUV = uvOffset + uv * uvScale;",
- "vec2 alignedPosition = position + alignment;",
- "vec2 rotatedPosition;",
- "rotatedPosition.x = ( cos( rotation ) * alignedPosition.x - sin( rotation ) * alignedPosition.y ) * scale.x;",
- "rotatedPosition.y = ( sin( rotation ) * alignedPosition.x + cos( rotation ) * alignedPosition.y ) * scale.y;",
- "vec4 finalPosition;",
- "if( useScreenCoordinates != 0 ) {",
- "finalPosition = vec4( screenPosition.xy + rotatedPosition, screenPosition.z, 1.0 );",
- "} else {",
- "finalPosition = projectionMatrix * modelViewMatrix * vec4( 0.0, 0.0, 0.0, 1.0 );",
- "finalPosition.xy += rotatedPosition * ( affectedByDistance == 1 ? 1.0 : finalPosition.z );",
- "}",
- "gl_Position = finalPosition;",
- "}"
- ].join( "\n" ),
- fragmentShader: [
- "precision mediump float;",
- "uniform vec3 color;",
- "uniform sampler2D map;",
- "uniform float opacity;",
- "varying vec2 vUV;",
- "void main() {",
- "vec4 texture = texture2D( map, vUV );",
- "gl_FragColor = vec4( color * texture.xyz, texture.a * opacity );",
- "}"
- ].join( "\n" )
- }
- };
|