three.js
3D Fayl Formatları üçün JavaScript Kitabxanası
Pulsuz 3D kitabxana vasitəsilə WebGL, FBX, Collada, eləcə də OBJ fayl formatlarını oxumaq, yazmaq və göstərmək üçün Açıq Mənbəli JavaScript API.
three.js proqram tərtibatçılarına WebGL fayllarını göstərmək imkanı verən, istifadəsi asan, təmiz JavaScript 3D kitabxanasıdır. three.js kitabxanası FBX, Collada və OBJ kimi çoxsaylı fayl formatları üçün yükləyicilər təklif edir, lakin məlumatların idxalı və ixracı üçün tövsiyə olunan format glTF-dir. GlTF fayl formatının ən gözəl cəhəti onun çox yığcam olması və asanlıqla ötürülə bilməsi və həmçinin çox sürətli yüklənməsidir.
Kitabxana səhnə yaratmaq, 3D modelləri yükləmək, mətn yaratmaq, kamera qurmaq xətləri çəkmək, həndəsi kub yaratmaq, səhnəyə kub əlavə etmək, səhnənin göstərilməsi, elementə baxış pəncərəsi əlavə etmək, və daha çox. three.js kitabxanasında istifadə olunan müxtəlif kameralar var.
Bir baxışda
Three.js funksiyalarına ümumi baxış.
- 3D səhnələr yaradın
- 3D modellər yüklənir
- Xətlər çəkin
- FBX oxumaq/yazmaq
- Collada oxuyun/yazın
- 3D səhnələri çevirin
- GlTF-də məlumatları ixrac edin
- komponentlə işləmə
- fakturaları idarə edir
three.js aşağıda sadalanan məşhur 3D fayl formatlarını dəstəkləyir.
Platformanın Müstəqilliyi
three.js istənilən müasir JavaScript paketində işlədilə bilər, ən populyar seçim veb paketidir.
- JavaScript
three.js ilə işə başlamaq
three.js quraşdırmağın ən asan yolu npm-dən istifadə etməkdir. Düzgün quraşdırma üçün aşağıdakı əmrdən istifadə edin.
Three.js-i NPM vasitəsilə quraşdırın
npm install --save three JavaScript istifadə edərək səhnə yaradın
Three.js açıq mənbə kitabxanası öz JavaScript proqramında kub fırlatmaq üçün 3D səhnə yaratmaq üçün dəstək təmin etmişdir. Üç.js ilə hər hansı bir şeyi göstərmək üçün bizə səhnə, kamera və render tələb olunur. Səhnəni tamamlamaq üçün müxtəlif kameralardan və onların atributundan istifadə edə bilərsiniz. Sonra, siz renderer nümunəsindən istifadə edə və onun tətbiqimizi göstərməsini istədiyimiz ölçüsü təyin edə bilərsiniz. Siz aşağı və ya daha yüksək qətnaməni saxlaya bilərsiniz. Nəhayət, HTML sənədinizə renderer elementini (<canvas>) əlavə edirsiniz. BoxGeometry-dən istifadə edərək və onu rəngləmək üçün materialdan istifadə etməklə asanlıqla kub yarada bilərsiniz. Bundan sonra, səhnəyə daxil edilə bilən və ehtiyaclarınıza uyğun olaraq köçürülə bilən Meshə ehtiyacınız var.
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 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 Mesh that can be inserted into the scene and moved according to your need.
JavaScript vasitəsilə 3D Modellər yüklənir
Açıq mənbəli three.js kitabxanası proqram proqramçılarına bir neçə sətir JavaScript kodu ilə 3D modelləri öz proqramları daxilində yükləməyə imkan verir. 3D modelləri yüzlərlə fayl formatında mövcuddur. Hər bir model fərqli məqsədlər, müxtəlif xüsusiyyətlər və müxtəlif mürəkkəblik ilə gəlir. Əvvəlcə bir yükləyiciyə sahib olmalısınız və bundan sonra səhnəni yükləyə biləcəksiniz.
Diaqramda xətlər çəkin
Three.js açıq mənbə kitabxanası öz JavaScript tətbiqi daxilində xətlər və ya dairələr çəkmək üçün dəstək təmin etmişdir. Başlamaq üçün rendereri, səhnəni və kameranı qurmalıyıq. Bundan sonra siz materialı müəyyənləşdirməlisiniz və LineBasicMaterial və ya LineDashedMaterial istifadə edə bilərsiniz. Materialdan sonra bəzi ucları olan həndəsə ehtiyacımız olacaq. Hər bir ardıcıl cüt təpə arasında xətlər çəkilir.
