مكتبة JavaScript لتنسيقات الملفات ثلاثية الأبعاد

الشروع في العمل مع three.js

أسهل طريقة لتثبيت three.js هي باستخدام npm. الرجاء استخدام الأمر التالي للتثبيت السلس. 

npm install --save three 

إنشاء مشهد باستخدام JavaScript

قدمت مكتبة three.js مفتوحة المصدر دعمًا لإنشاء مشهد ثلاثي الأبعاد لتدوير مكعب داخل تطبيق JavaScript الخاص بهم. لعرض أي شيء باستخدام three.js ، نحتاج إلى مشهد وكاميرا وعارض. يمكنك استخدام كاميرات مختلفة وسماتها لإكمال المشهد. بعد ذلك ، يمكنك استخدام نسخة العارض وتعيين الحجم الذي نريده لعرض تطبيقنا به. يمكنك الحفاظ على دقة أقل أو أعلى. أخيرًا ، أضف عنصر العارض (& lt؛ canvas & gt؛) إلى مستند HTML. يمكنك بسهولة إنشاء مكعب باستخدام BoxGeometry واستخدام المادة لتلوينه. بعد ذلك ، تحتاج إلى شبكة يمكن إدخالها في المشهد ونقلها حسب حاجتك.

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 العارض. You can use different cameras and their attribute to complete the scene. Next, you can use a العارض 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 العارض 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 مش that can be inserted into the scene and moved according to your need.

تحميل نماذج ثلاثية الأبعاد عبر JavaScript

تسمح مكتبة three.js مفتوحة المصدر لمبرمجي البرامج بتحميل نماذج ثلاثية الأبعاد داخل التطبيق الخاص بهم ببضعة سطرين فقط من كود JavaScript. النماذج ثلاثية الأبعاد متوفرة بمئات تنسيقات الملفات. يأتي كل نموذج بأغراض مختلفة وميزات متنوعة ودرجات تعقيد متفاوتة. أولاً ، يجب أن يكون لديك محمل وبعد ذلك ، ستتمكن من تحميل المشهد.

ارسم خطوطًا في رسم تخطيطي

قدمت مكتبة three.js مفتوحة المصدر دعمًا لرسم الخطوط أو الدوائر داخل تطبيق JavaScript الخاص بها. للبدء ، نحتاج إلى إعداد العارض والمشهد والكاميرا. بعد ذلك ، تحتاج إلى تحديد المادة ويمكنك استخدام LineBasicMaterial أو LineDashedMaterial. بعد المادة ، سنحتاج إلى هندسة مع بعض القمم. يتم رسم الخطوط بين كل زوج متتالي من الرؤوس.