كيفية توصيل أوربيتكونترولس ثلاثة شبيبة: دليل مفصل

أوربيتكونترولس هي واحدة من ملحقات الأكثر شعبية للمكتبة الثلاثة.شبيبة. فإنه يوفر وسيلة مريحة وبديهية للسيطرة على الكاميرا في 3د مشاهد. يمكن ربط أوربيتكونترولس إلى المشروع الخاص بك تبسيط كبير العمل مع الكاميرا وإضافة التفاعل إلى التطبيق الخاص بك.

في هذا الدليل التفصيلي ، سنشرح كيفية الاتصال واستخدام أجهزة التحكم في المدار في مشاريعك الثلاثة.شبيبة. لنبدأ بتثبيت الملفات والتبعيات الضرورية. ثم سنلقي نظرة على الخطوات الأساسية لربط وتكوين أوربيتكونترولس في التعليمات البرمجية الخاصة بك.

أولا ، تحتاج إلى تنزيل الملفات الضرورية. أوربيتكونترولس هو جزء من الحزمة الثلاثة القياسية.شبيبة ، لذلك تحتاج إلى تحميل المكتبة الثلاثة نفسها.شبيبة. يمكنك تنزيل الملفات إما من الموقع الرسمي الثلاثة.شبيبة ، أو استخدام مدير حزمة مثل الآلية الوقائية الوطنية أو الغزل.

بعد تنزيل المكتبة الثلاثة.جس يمكنك البدء في ربط أوربيتكونترولس. فقط إضافة التعليمات البرمجية التالية قبل رمز ثلاثة الخاصة بك.شبيبة:

1. دليل مفصل للمبتدئين
2. تثبيت وتكوين ثلاثة شبيبة
3. خطوات لتثبيت وتكوين ثلاثة شبيبة
4. تحميل وربط أوربيتكونترولس ثلاثة شبيبة
5. تعلم كيفية تحميل وربط أوربيتكونترولس ثلاثة مكتبة شبيبة
6. دمج أجهزة التحكم المدارية في مشروع شبيبة الثلاثة
7. ربط واستخدام أوربيتكونترولس في مشروع جس ثلاثة القائمة
8. سؤال وجواب
9. كيفية استخدام أوربيتكونترولس في ثلاثة.شبيبة?
10. كيفية توصيل أجهزة التحكم في المدار.شبيبة في المشروع?
11. كيف يمكنني إنشاء مثيل للكائن أوربيتكونترولس?
12. كيفية تطبيق أوربيتكونترولس إلى كاميرا في ثلاثة.شبيبة?
13. ما هي المعلمات التي يمكن تكوينها عند استخدام أوربيتكونترولس?

دليل مفصل للمبتدئين

أوربيتكونترولس ثلاثة شبيبة هو أداة في المكتبة الثلاثة.شبيبة ، والذي يسمح لك لإضافة تحكم الكاميرا التفاعلية لمشاهد ثلاثية الأبعاد الخاصة بك. يسمح للمستخدم بتدوير الكاميرا وتكبيرها وتحريكها باستخدام الماوس أو الإيماءات على الأجهزة التي تعمل باللمس.

الخطوة 1: ربط المكتبة الثلاثة.شبيبة

قبل أن تتمكن من البدء في استخدام أوربيتالضوابط ، تحتاج إلى توصيل المكتبة الثلاثة.شبيبة . للقيام بذلك ، سوف تحتاج إلى الملفات التالية:

1. ثلاثة.شبيبة هو ملف المكتبة الرئيسي ثلاثة.شبيبة
2. المدارات.ملف جس يحتوي على رمز للتحكم في الكاميرا باستخدام أوربيتكونترولس

الخطوة 2: إنشاء مشهد وكاميرا

للعمل مع أوربيتكونترولس ، تحتاج إلى إنشاء مشهد وكاميرا. Это можно сделать следующим образом:

const scene = new THREE.Scene();

const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);

camera.position.z = 5;

Шаг 3: Создание рендерера

Для отображения сцены и камеры на странице необходимо создать рендерер:

const renderer = new THREE.WebGLRenderer();

renderer.setSize(window.innerWidth, window.innerHeight);

document.body.appendChild(renderer.domElement);

Шаг 4: Подключение Orbitcontrols

الآن بعد أن أصبح لديك مشهد وكاميرا وعارض ، يمكنك توصيل أجهزة التحكم في المدار:

ضوابط كونست = ثلاثة جديدة.أوربيتكونترولس (الكاميرا ، العارض.دومليمنت);

الخطوة 5: تحديث المشهد والكاميرا

لكي تعمل أجهزة التحكم في المدار ، تحتاج إلى تحديث المشهد والكاميرا على كل إطار. يمكن القيام بذلك على النحو التالي:

وظيفة تحريك () {

طلب الرسوم المتحركة (تحريك);

// التعليمات البرمجية الخاصة بك لتحديث المشهد

// رمز تحديث الكاميرا

الضوابط.تحديث();

العارض.تقديم (المشهد ، الكاميرا);

}

تحريك ();

الخطوة 6: إعدادات إضافية

يمكنك تكوين مختلف المعلمات أوربيتكونترولس للحصول على السلوك المطلوب. تتضمن بعض الإعدادات الأكثر شيوعا ما يلي:

• الضوابط.إنابلزوم = صواب / خطأ-يسمح / تعطيل التكبير الكاميرا باستخدام عجلة الماوس
• الضوابط.تمكين الدوران = صواب / خطأ-يسمح / يعطل دوران الكاميرا باستخدام زر الماوس الأيسر
• الضوابط.إنابلبان = صواب / خطأ-يسمح / تعطيل حركة الكاميرا باستخدام زر الفأرة الأيمن

هذه ليست سوى بعض من الميزات التي أوربيتكونترولس يوفر. يمكنك دراسة الوثائق لمعرفة المزيد حول خيارات التكوين المتاحة.

خاتمة

الآن لديك دليل مفصل للمبتدئين لاستخدام أوربيتكونترولس في ثلاثة.شبيبة . اتبع التعليمات وتخصيص أوربيتكونترولس ترضيك لخلق التفاعلية 3د مشاهد على موقع الويب الخاص بك!

تثبيت وتكوين ثلاثة شبيبة

لبدء العمل مع ثلاثة جس ، تحتاج إلى تثبيت المكتبة. هناك عدة طرق للقيام بذلك:

1. تحميل الأرشيف من الموقع الرسمي ثلاثة شبيبة وربط الملفات إلى المشروع:
• قم بتنزيل الأرشيف من الموقع https://threejs.org/
• قم بفك ضغط الأرشيف إلى المجلد المطلوب على جهاز الكمبيوتر الخاص بك
• نسخ الملفات الثلاثة.مين.شبيبة وغيرها من الملفات الضرورية في المشروع الخاص بك
• أضف علامة البرنامج النصي لتوصيل الملف الثالث.مين.جس في وثيقة هتمل الخاص بك
2. تثبيت ثلاثة شبيبة باستخدام إدارة حزمة الآلية الوقائية الوطنية:
• افتح موجه الأوامر في مجلد المشروع
• أدخل الآلية الوقائية الوطنية تثبيت ثلاثة الأمر
• انتظر حتى يتم تثبيت المكتبة
• استيراد المكتبة في التعليمات البرمجية شبيبة باستخدام الأمر استيراد

بعد تثبيت ثلاثة شبيبة ، تحتاج إلى تكوين المشروع الخاص بك للعمل مع المكتبة:

1. إنشاء حاوية لعرض مشهد ثلاثي الأبعاد
• في مستند هتمل الخاص بك ، إضافة علامة ديف مع معرف فريد التي سيتم استخدامها في التعليمات البرمجية لإنشاء المشهد
2. ربط مكتبة شبيبة ثلاثة في رمز شبيبة الخاص بك
• استخدم الأمر استيراد لاستيراد مكتبة شبيبة ثلاثة إلى ملف شبيبة الخاص بك
• أعلن المتغيرات للعمل مع ثلاثة شبيبة ، على سبيل المثال ، المشهد ، الكاميرا ، العارض
3. تهيئة وتكوين المشهد والكاميرا والعارض
• استخدام وظائف شبيبة ثلاثة لإنشاء مشهد ، وكاميرا ، والعارض
• اضبط إعدادات المشهد والكاميرا والعارض ، على سبيل المثال ، الأبعاد والمواضع ولون الخلفية
4. أضف عناصر إلى المشهد
• استخدام وظائف شبيبة ثلاثة لإنشاء وإضافة عناصر إلى مكان الحادث ، على سبيل المثال ، والهندسة ، والمواد ، تنسجم
5. ابدأ دورة الرسوم المتحركة
• استخدام وظيفة تحريك لتحديث المشهد وعرض التغييرات في الوقت الحقيقي

بعد الانتهاء من هذه الخطوات ، سوف تكون على استعداد للعمل مع ثلاثة جس وربط أوربيتكونترولس للسيطرة على الكاميرا على خشبة المسرح.

خطوات لتثبيت وتكوين ثلاثة شبيبة

ثلاثة.شبيبة هي مكتبة جافا سكريبت التي تسمح لك لإنشاء وتصور الرسومات 3د لتطبيقات الويب. لتثبيت وتكوين ثلاثة.شبيبة ، اتبع الخطوات التالية:

1. تحميل ثلاثة.مكتبة شبيبة من الموقع الرسمي للمشروع: https://threejs.org .
2. ضع الملف الثلاثة.شبيبة على الخادم الخاص بك.
3. أضف رابطا إلى الملف الثلاثة.شبيبة في ترميز صفحة الويب الخاصة بك. على سبيل المثال:

الآن يمكنك استخدام وظائف وميزات ثلاثة.شبيبة في تطبيق الويب الخاص بك.

إذا كنت بحاجة إلى استخدام وحدات أو ملحقات محددة من ثلاثة.شبيبة ، يمكنك تحميلها من مستودع الرسمي على جيثب أو استخدام مدير حزمة مثل الآلية الوقائية الوطنية:

1. تثبيت العقدة.شبيبة والآلية الوقائية الوطنية ، إذا لم تكن بالفعل على جهاز الكمبيوتر الخاص بك.
2. افتح موجه أوامر أو محطة طرفية وانتقل إلى دليل المشروع الخاص بك.
3. قم بتشغيل الأمر لتثبيت الوحدة النمطية المطلوبة ثلاثة.شبيبة . على سبيل المثال ، لتثبيت وحدة التحكم في المدار ، اكتب:

نبم تثبيت ثلاثة أوربيتكونترولس

بعد التثبيت الناجح ، يمكنك إضافة رابط إلى الوحدة النمطية في مشروعك:

استيراد {المدارات} من'ثلاثة المدارات';

الآن لديك حق الوصول إلى وظائف وأساليب وحدة أوربيتكونترولس ويمكنك استخدامها في التطبيق الخاص بك.

تحميل وربط أوربيتكونترولس ثلاثة شبيبة

لتحميل وربط أوربيتكونترولس لمشروع باستخدام المكتبة الثلاثة.شبيبة يحتاج إلى إكمال عدة خطوات:

1. قم بتنزيل أحدث إصدار من المكتبة الثلاثة.شبيبة من الموقع الرسمي. يمكنك العثور على ملف ثلاثة.شبيبة في قسم 'بناء'.
2. إنشاء مجلد في المشروع الخاص بك ، على سبيل المثال ، 'جس' ، ونقل الملف الذي تم تنزيله إلى ثلاثة.شبيبة إلى هذا المجلد.
3. بعد ذلك ، تحتاج إلى تحميل وربط مكتبة أوربيتكونترولس. يمكنك القيام بذلك على النحو التالي:

ضع هذه العلامات أمام علامة الإغلاق في ملف هتمل الخاص بك.

بعد ذلك ، يمكنك استخدام وظيفة أوربيتكونترولس في شفرة جافا سكريبت الخاصة بك. لإنشاء وحدة تحكم الكاميرا ، استخدم التعليمات البرمجية التالية:

دعونا الضوابط = ثلاثة جديدة.أوربيتكونترولس (الكاميرا ، العارض.دومليمنت);

الضوابط.تمكين التخميد = صحيح ؛ / / تمكين التوهين للحركة السلسة

الضوابط.عامل الترطيب = 0.25 ؛ / / معامل التوهين

الضوابط.سرعة الدوران = 0.3 ؛ / / سرعة الدوران

الضوابط.زومسبيد = 1.2 ؛ / / تكبير / تصغير السرعة

الضوابط.بانسبيد = 0.8 ؛ / / سرعة عموم

الضوابط.الهدف.مجموعة(0, 0, 0); // الغرض من دوران وحدة التحكم (في هذه الحالة ، مركز المرحلة)

الآن يمكنك استخدام وحدة تحكم لنقل وتدوير الكاميرا في المشهد 3 د الخاص بك.

تعلم كيفية تحميل وربط أوربيتكونترولس ثلاثة مكتبة شبيبة

توفر مكتبة أوربيتكونترولز ثري جس طريقة سهلة لإضافة القدرة على التحكم في الكاميرا في مشهد 3 د باستخدام الماوس أو شاشة تعمل باللمس. في هذا القسم ، سننظر في طرق تنزيل هذه المكتبة وربطها بمشروعك.

// رموز الرسوم المتحركة الأخرى الخاصة بك

بعد ذلك ، يمكنك ضبط إعدادات التحكم إذا لزم الأمر. أوربيتكونترولس لديها العديد من المعلمات شكلي مثل سرعة دوران ، والحد من التكبير ، والتناوب التلقائي وأكثر من ذلك. على سبيل المثال ، يمكنك ضبط حد التكبير / التصغير:

4. الضوابط.المسافة الذهنية = 1;

الضوابط.المسافة القصوى = 1000;

في نهاية دورة العرض الخاصة بك ، تحتاج إلى استدعاء الطريقة

تحديث

كائن أوربيتكونترولس لتحديث موقف الكاميرا والاتجاه:

وظيفة تحريك () {