شجرة عيد الميلاد ثلاثية الأبعاد تعتمد على التعرف على الإيماءات
1. مقدمة البرنامج التعليمي
شجرة عيد الميلاد ثلاثية الأبعاد مشروع مبتكر أطلقه Molecularmmeng020425 في نوفمبر 2025. يقدم المشروع تجربة بصرية سينمائية غامرة. بُني المشروع على React وThree.js (R3F)، ويستخدم تقنية متقدمة للتعرف على الإيماءات بالذكاء الاصطناعي، مما يتيح للمستخدمين التحكم بسهولة في شكل شجرة عيد الميلاد (تجميعًا وتشتيتًا) وتدوير زاوية المشاهدة بحرية باستخدام الإيماءات. إنها ليست مجرد شجرة عيد ميلاد عادية، بل معرض فني رقمي تفاعلي مليء بالذكريات. تتشابك آلاف المؤثرات الجزيئية الرائعة، وعروض الإضاءة المبهرة، وصور بولارويد الثمينة المعلقة، لتُشكل شجرة عيد ميلاد افتراضية فاخرة ونابضة بالحياة، مما يوفر للمستخدمين تجربة حسية غير مسبوقة.
يستخدم هذا البرنامج التعليمي وحدة المعالجة المركزية كمورد.
2. أمثلة المشاريع
3. خطوات التشغيل
1. بعد بدء تشغيل الحاوية، انقر فوق عنوان API للدخول إلى واجهة الويب
2. خطوات الاستخدام
- تحضير الصور
ابحث عن المجلد `/openbayes/home/christmas-tree/public/photos/` في دليل المشروع. للصورة العلوية/صورة الغلاف: سمّها `top.jpg` (ستظهر على النجمة الخماسية ثلاثية الأبعاد في أعلى الشجرة). لصور جذع الشجرة: سمّها 1.jpg، 2.jpg، 3.jpg، وهكذا. توصية: استخدم صورًا مربعة أو بنسبة عرض إلى ارتفاع 4:3، وحافظ على أحجام ملفات منخفضة (يفضل أن تكون أقل من 500 كيلوبايت لكل صورة لضمان تشغيل سلس).
2. استبدال الصورة
انسخ صورك إلى مجلد /openbayes/home/christmas-tree/public/photos، مع استبدال الصور الموجودة. يُرجى الحفاظ على تنسيق اسم الملف (1.jpg، 2.jpg، إلخ).
3. ضبط عدد الصور (زيادة أو نقصان)
إذا أضفتَ المزيد من الصور (مثلاً، زيادة العدد الافتراضي من 31 إلى 100)، فافتح الملف: dependencies.sh. سترى: export VITE_TOTAL_PHOTOS=31. غيّر الرقم "31" إلى عدد صورك، ثم أغلق الحاوية وأعد تشغيلها.
4. تعليمات التحكم بالإيماءات
يحتوي هذا المشروع على نظام ذكاء اصطناعي مدمج للتعرف على الإيماءات. يُرجى الوقوف أمام الكاميرا لتشغيله (يوجد زر DEBUG في أسفل يمين الشاشة لعرض بث الكاميرا).
🖐 تفريق النخيل المفتوح: تنفجر شجرة عيد الميلاد في وابل من الجزيئات والصور.
✊ اقبض قبضتك (مغلقة) واجمع. ستمتزج جميع العناصر على الفور لتُشكّل شجرة عيد ميلاد مثالية.
👋 حرّك راحة يدك يمينًا ويسارًا لتدوير المشهد. حرّك يدك يسارًا، فتدور الشجرة يسارًا؛ حرّك يدك يمينًا، فتدور الشجرة يمينًا.
بناء الذكاء الاصطناعي بالذكاء الاصطناعي
من الفكرة إلى الإطلاق — عجّل تطوير الذكاء الاصطناعي الخاص بك من خلال البرمجة المشتركة المجانية بالذكاء الاصطناعي، وبيئة جاهزة للاستخدام، وأفضل أسعار لوحدات معالجة الرسومات.