مندهش تماما من Google Gemini 3 + three.js.. للتو أنشأت تطبيقا تفاعليا ثلاثي الأبعاد بدون أي برمجة.. استخدم إيماءة اليد للدوران، والحجم، والتحكم في xyz وإضاءة النموذج ثلاثي الأبعاد الذكاء الاصطناعي يسيطر على الأمر.. قبول أو لا درس تعليمي مع التعليمات والكود أدناه:

1. لا أصدق أن الأشخاص الذين ليس لديهم خبرة في البرمجة يمكنهم بناء موقع إلكتروني متقدم كهذا باستخدام الذكاء الاصطناعي الآن يمكنك الدردشة (نص) مع وكيل الذكاء الاصطناعي لإضافة نماذج ثلاثية الأبعاد، وظائف، وتعديل واجهة المستخدم.. هذا يتجاوز الصدق.. معاينة التطبيق: الكود والتعليمات في النهاية

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

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

4. إضافة الدوال طلبت منه إضافة أشرطة لأتحكم في مواقع x وy وz في النموذج ثلاثي الأبعاد، وقد فعلوا ذلك في ثوان قليلة ويعمل بشكل ممتاز..

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

6. إصلاح الأخطاء عادة ما يحلل التطبيق ويصلح الأخطاء تلقائيا، يمكنك أيضا نسخ الخطأ أو فقط التقاط صورة للشاشة لطلب من الوكيل إصلاحه

في المدونة أدناه، أشارك كل ما تحتاجه لإعادة إنشاء هذا الموقع التفاعلي ثلاثي الأبعاد على طريقة Vision Pro الذي بنيته مجانا باستخدام @emergentlabs - التنبيه الدقيق المستخدم لإنشاء هذا التطبيق - .gltf 3D Vision Pro مع الرسوم المتحركة - الشيفرة المصدرية الكاملة على VSCODE

إذا وجدت هذا ملهما، تابع @EHuanglu لتتعلم الذكاء الاصطناعي وأعجبني وأعيد النشر ليعرف 👇 المزيد من الناس