Threejs3D Code Play

يساعدك تطبيق Threejs3D Code Play على تعلم Three.js من خلال تعديل الكود ومشاهدة النتيجة كمشهد ثلاثي الأبعاد تفاعلي. ابدأ بمثال، وعدّل كود HTML وJavaScript الخاص به، ثم شغّل نسختك في التطبيق.

تعلّم من خلال مشاهد عملية

استكشف 99 مثالًا ضمن تجارب تعليمية ومشاهد متحركة مُعدة مسبقًا. ابدأ بالأشكال والمواد والإضاءة والكاميرات، ثم انتقل إلى الجسيمات والمؤثرات البصرية والتفاعل. جرّب النظام الشمسي أو أمواج المحيط أو مشهدًا تجريديًا متحركًا عندما ترغب في نقطة انطلاق أوسع.

خمسة مسارات تعليمية تُنظّم الأمثلة في أساسيات، وهندسة، ولون وإضاءة، وحركة، وورشة عمل إبداعية. ضع علامة على الدروس المكتملة، وتابع مسارك، وأضف الأمثلة المفيدة إلى المفضلة، وعد إلى المشاهد التي فتحتها مؤخرًا.

عدّل، شغّل، واستكشف

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

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

احتفظ بتجاربك

احفظ المشاريع المسماة وأعد فتحها من "مشاريعك". افتح ملفات HTML لمتابعة تعديل العمل الحالي، أو استخدم "حفظ باسم" للاحتفاظ بنسخة منفصلة.

صدّر أو شارك مشروعًا كملف HTML أو ZIP. تتضمن عمليات التصدير مكتبات Three.js المجمعة المعترف بها؛ وتبقى الأصول الخارجية المخصصة خارجية. استخرج ملف ZIP وشارك مجلده عبر HTTP لفتح المشروع خارج التطبيق.

حرّك خلفية سطح المكتب

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

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