three.js
„JavaScript“ biblioteka, skirta 3D failų formatams
Atvirojo kodo JavaScript API, skirta skaityti, rašyti ir pateikti WebGL, FBX, Collada ir OBJ failų formatus per nemokamą 3D biblioteką.
three.js yra atvirojo kodo, paprasta naudoti, gryna JavaScript 3D biblioteka, suteikianti programinės įrangos kūrėjams galimybę pateikti WebGL failus. Three.js biblioteka siūlo daugelio failų formatų, tokių kaip FBX, Collada ir OBJ, įkroviklius, tačiau rekomenduojamas duomenų importavimo ir eksportavimo formatas yra glTF. Puikus dalykas, susijęs su glTF failo formatu, yra tai, kad jis yra labai kompaktiškas ir gali būti lengvai perduodamas, taip pat labai greitai įkeliamas.
Biblioteka palaiko keletą svarbių funkcijų, susijusių su 3D modeliais, pvz., scenos kūrimas, 3D modelių įkėlimas, teksto kūrimas, linijų braižymas, fotoaparato nustatymas, geometrinio kubo kūrimas, kubo įtraukimas į sceną, scenos atvaizdavimas, peržiūros srities pridėjimas prie elemento, ir daug daugiau. Three.js bibliotekoje naudojamos skirtingos kameros.
Žvilgsniu
„Three.js“ funkcijų apžvalga.
- Kurkite 3D scenas
- Įkeliami 3D modeliai
- Nubrėžkite linijas
- Skaityti / rašyti FBX
- Skaityti/rašyti Collada
- Konvertuokite 3D scenas
- Eksportuoti duomenis į glTF
- komponentų tvarkymas
- rankenos tekstūros
three.js palaiko populiarius 3D failų formatus, išvardytus toliau.
Platformos nepriklausomybė
three.js gali būti paleistas bet kuriame šiuolaikiniame „JavaScript“ rinkinyje, populiariausias pasirinkimas yra žiniatinklio paketas.
- JavaScript
Darbo pradžia naudojant three.js
Paprasčiausias būdas įdiegti three.js yra naudoti npm. Norėdami sklandžiai įdiegti, naudokite šią komandą.
Įdiekite three.js per NPM
npm install --save three Sukurkite sceną naudodami „JavaScript“.
Atvirojo kodo biblioteka three.js suteikė palaikymą kuriant 3D sceną, kad būtų galima sukti kubą savo „JavaScript“ programoje. Norint rodyti bet ką su three.js, mums reikia scenos, kameros ir atvaizdavimo priemonės. Norėdami užbaigti sceną, galite naudoti skirtingas kameras ir jų atributus. Tada galite naudoti atvaizdavimo atvejį ir nustatyti dydį, kuriuo norime, kad jis pateiktų mūsų programą. Galite išlaikyti mažesnę arba didesnę skiriamąją gebą. Galiausiai prie HTML dokumento pridedate elementą pateikėjas (<drobė>). Galite lengvai sukurti kubą naudodami BoxGeometry ir nudažydami medžiagą. Po to jums reikia Tinklelio, kurį galima įterpti į sceną ir perkelti pagal jūsų poreikį.
The open source library three.js has provided support for creating a 3D scene for spinning a cube inside their own JavaScript application. To display anything with three.js we require a scene, camera, and atvaizduotojas. You can use different cameras and their attribute to complete the scene. Next, you can use a atvaizduotojas instance and set the size at which we want it to render our app. You can keep the lower or higher resolution. Lastly, you add the atvaizduotojas element (<canvas>) to your HTML document. You can easily create a cube by using BoxGeometry and using the material to color it. After that, you need a Mesh that can be inserted into the scene and moved according to your need.
The open source library three.js has provided support for creating a 3D scene for spinning a cube inside their own JavaScript application. To display anything with three.js we require a scene, camera, and renderer. You can use different cameras and their attribute to complete the scene. Next, you can use a renderer instance and set the size at which we want it to render our app. You can keep the lower or higher resolution. Lastly, you add the renderer element (<canvas>) to your HTML document. You can easily create a cube by using BoxGeometry and using the material to color it. After that, you need a Tinklelis that can be inserted into the scene and moved according to your need.
3D modelių įkėlimas naudojant JavaScript
Atvirojo kodo three.js biblioteka leidžia programuotojams įkelti 3D modelius į savo programą, naudojant tik kelias JavaScript kodo eilutes. 3D modeliai galimi šimtais failų formatų. Kiekvienas modelis turi skirtingą paskirtį, įvairias funkcijas ir skirtingą sudėtingumą. Pirmiausia reikia turėti krautuvą, o po to galėsite įkelti sceną.
Nubrėžkite linijas diagramoje
Atvirojo kodo biblioteka three.js palaiko linijas arba apskritimus savo „JavaScript“ programoje. Norėdami pradėti, turime nustatyti atvaizduotoją, sceną ir kamerą. Po to turite apibrėžti medžiagą ir galite naudoti LineBasicMaterial arba LineDashedMaterial. Po medžiagos mums reikės geometrijos su kai kuriomis viršūnėmis. Tarp kiekvienos iš eilės viršūnių poros nubrėžiamos linijos.
