🎮 إنشاء لعبة سيارات 3D واقعية باستخدام HTML أريد منك إنشاء...

Prompt

🎮 إنشاء لعبة سيارات 3D واقعية باستخدام HTML أريد منك إنشاء لعبة قيادة سيارات ثلاثية الأبعاد (3D) احترافية وواقعية باستخدام تقنيات الويب فقط. التقنيات الإلزامية - HTML5 - CSS3 - JavaScript - Three.js لإنشاء الرسومات ثلاثية الأبعاد. - WebGL لتسريع الرسومات. ممنوع تمامًا استخدام Unity أو Godot أو Kotlin أو Java أو إنشاء APK. أريد كود HTML يعمل مباشرة في متصفح الهاتف. 1. تصميم السيارة أنشئ سيارة 3D بتفاصيل واقعية ودقيقة، وليست مجرد مكعب أو أشكال بدائية. يجب أن تحتوي على: - هيكل سيارة متناسق وواقعي. - غطاء المحرك والصدامات والأبواب. - نوافذ زجاجية ومرايا جانبية. - أربعة إطارات وجنوط مفصلة. - مصابيح أمامية وخلفية. - مقصورة داخلية ومقاعد وعجلة قيادة. - طلاء معدني وانعكاسات ضوئية. - عجلات تدور فعليًا عند الحركة. - إمكانية تغيير لون السيارة. 2. نظام القيادة أنشئ نظام قيادة تفاعليًا حقيقيًا: - زر تسارع. - زر فرامل. - زر الرجوع للخلف. - عجلة قيادة افتراضية أو أزرار يمين ويسار. - حركة واقعية تدريجية. - دوران العجلات حسب اتجاه القيادة. - فيزياء اصطدام بالجدران والمباني. - انزلاق محدود عند المنعطفات. - تأثير المطبات على السيارة. 3. المدينة أنشئ مدينة 3D تحتوي على: - طرق أسفلتية واسعة. - خطوط بيضاء وصفراء على الطرق. - مبانٍ وعمارات ومنازل. - محلات تجارية. - أرصفة وأشجار. - أعمدة إنارة وإشارات مرور. - مواقف سيارات. - تقاطعات ودوارات. - سماء زرقاء وسحب. - إضاءة وظلال واقعية. اجعل المدينة قابلة للاستكشاف بالسيارة، والطرق مترابطة وليست مجرد أرض فارغة. 4. الرسومات أريد جودة بصرية عالية: - إضاءة واقعية. - ظلال ناعمة. - انعكاسات على السيارة. - خامات أسفلت وزجاج ومباني. - مؤثرات غبار عند الفرملة. - سماء ثلاثية الأبعاد. - مسافات رؤية مناسبة. - تفاصيل واضحة للمجسمات. 5. الكاميرا أضف: - كاميرا خلف السيارة. - كاميرا قريبة. - كاميرا داخل السيارة. - كاميرا من منظور السائق. - إمكانية تدوير الكاميرا باللمس. 6. واجهة الهاتف صمم واجهة احترافية متوافقة مع شاشات Android: - أزرار تحكم كبيرة. - عداد سرعة km/h. - زر تغيير الكاميرا. - زر إعادة السيارة. - زر إيقاف مؤقت. - إعدادات جودة الرسومات. - اختيار لون السيارة. اجعل جميع الأزرار تعمل باللمس، مع دعم السحب والإفلات عند الحاجة، ومنع تحديد النصوص أثناء القيادة. 7. الأداء - تشغيل سلس على متصفح الهاتف. - دعم الشاشات المختلفة. - استهداف 30 إلى 60 FPS حسب قدرة الجهاز. - تحسين عدد المجسمات. - استخدام تقنيات LOD عند الحاجة. - تجنب استهلاك الذاكرة بشكل مفرط. - عدم تحميل موارد خارجية ضخمة دون ضرورة. 8. شروط تسليم الكود هذه أهم الشروط: 1. أعطني ملف HTML واحدًا كاملًا يحتوي على HTML وCSS وJavaScript. 2. لا تقسّم المشروع إلى ملفات متعددة. 3. لا تعطيني أكوادًا ناقصة. 4. لا تستخدم صورًا ثابتة بدلًا من المجسمات ثلاثية الأبعاد. 5. لا تكتفِ بواجهة شكلية؛ يجب أن تكون السيارة قابلة للقيادة. 6. لا تترك أزرارًا وهمية. 7. تأكد من أن الكود يعمل ولا يحتوي على أخطاء JavaScript. 8. استخدم Three.js لإنشاء عالم ثلاثي الأبعاد حقيقي. 9. اجعل الكود منظمًا وقابلًا للتعديل. 10. إذا كان الرد طويلًا، قسّمه إلى أجزاء متتابعة مع الحفاظ على الكود كاملًا دون حذف. المطلوب النهائي: لعبة سيارات ثلاثية الأبعاد حقيقية داخل ملف HTML واحد، تحتوي على سيارة مفصلة، مدينة متكاملة، طرق ومبانٍ وإضاءة وظلال وفيزياء قيادة وتحكم باللمس، بجودة بصرية عالية ومناسبة للهاتف. ابدأ بكتابة الكود الفعلي مباشرة، وليس شرح طريقة إنشاء اللعبة.

A system prompt was added to support web rendering