لم تعد نماذج الذكاء الاصطناعي تقتصر على كتابة النصوص أو الإجابة عن الأسئلة فقط، بل أصبحت قادرة على تحويل الأفكار المكتوبة إلى تجارب تفاعلية ونماذج ثلاثية الأبعاد وتطبيقات يمكن استخدامها مباشرة. ومن النماذج التي توضح هذا التطور بشكل واضح Gemini 3.8 Flash من جوجل.
خلال مجموعة من التجارب العملية، تم اختبار النموذج في مهام مختلفة، بعضها يتطلب برمجة وتصميمًا بصريًا وفهمًا للعلاقات الفيزيائية في الوقت نفسه. والنتائج كانت لافتة، خصوصًا عند استخدام أوامر دقيقة توضّح شكل التطبيق وطريقة التفاعل المطلوبة.
من أبرز الأمثلة إنشاء محاكاة تفاعلية لظاهرة بركانية يستطيع المستخدم التعامل معها بصريًا، إلى جانب إنشاء نماذج معمارية ثلاثية الأبعاد يمكن استعراضها بصورة أكثر وضوحًا من المخططات التقليدية.
كما تم استخدام Gemini في إنشاء تطبيقات تعليمية ومحاكاة علمية، مثل النظام الشمسي وحركة الكواكب، بالإضافة إلى تطبيقات موجهة للطلاب تساعد على شرح المفاهيم بطريقة تفاعلية بدلًا من الاعتماد على النصوص والصور الثابتة فقط.
ومن التجارب المثيرة أيضًا إنشاء نموذج لمحرك سيارة مكوّن من أربع أسطوانات، ثم الانتقال إلى مهمة أكثر تعقيدًا وهي تصميم محرك Turbofan ثلاثي الأبعاد يحتوي على العديد من المكونات الميكانيكية والتفاصيل الصناعية.
ولم تتوقف التجارب عند النمذجة ثلاثية الأبعاد. تم اختبار النموذج كذلك في البحث الأكاديمي وتحليل المصادر، وإنشاء مستكشف تفاعلي للبحر الأحمر، بالإضافة إلى تصميم مدينة مستدامة يمكن استعراض عناصرها بصريًا.
ومن الاستخدامات المهمة أيضًا إنشاء عروض تقديمية تعليمية تفاعلية، مثل عرض يشرح قوانين كبلر بطريقة بصرية تساعد الطالب على فهم حركة الكواكب بدلًا من الاكتفاء بالمعادلات النظرية.
ما يميز هذه التجارب هو أن نقطة البداية في معظم الحالات كانت مجرد Prompt مكتوب يصف المطلوب، بينما يتولى النموذج تحويل الوصف إلى نموذج أولي يمكن تطويره وتعديله لاحقًا.
وهنا تظهر القيمة الحقيقية لـGemini 3.8 Flash: ليس باعتباره أداة تقدم إجابات فقط، وإنما كأداة تساعد المستخدم على الانتقال بسرعة من الفكرة إلى التطبيق.
ومع استمرار تطور هذه النماذج، قد تصبح عملية إنشاء التطبيقات والمحاكاة والنماذج التعليمية أسرع بكثير، حتى بالنسبة للمستخدم الذي لا يمتلك خبرة برمجية متقدمة
شاهد الشرح العملي من خلال الفيديو على قناة Infotech4you
الأوامر المستخدمة:
- قم بإنشاء نموذج ثلاثي الأبعاد واقعي وعالي التفاصيل لمحرك طائرة نفاث من نوع Turbofan Jet Engine، مبني على هندسة ميكانيكية حقيقية، ويشمل المروحة الأمامية، الضواغط، غرفة الاحتراق، التوربينات، عمود الدوران، والعادم، مع جميع الأنابيب والوصلات والبراغي والتفاصيل الصناعية الدقيقة. اجعل النموذج احترافيًا جدًا، مناسبًا للهندسة البصرية أو العروض التقنية، مع خامات PBR معدنية واقعية، وآثار استخدام وحرارة خفيفة، ونسخة High Poly ونسخة Game Ready، بالإضافة إلى لقطات متعددة تشمل منظور جانبي وأمامي وHero Shot وCutaway View وExploded View.
- اكتب كودًا متكاملاً (HTML, CSS, JavaScript) في ملف واحد (Single-file HTML) لإنشاء أنيميشن تفاعلي تعليمي مدته 60 ثانية للعرض في مؤتمر أكاديمي بعنوان “رحلة الصهارة من باطن الأرض”.
المواصفات الفنية والمتطلبات:
البنية الأساسية والواجهة:
تصميم أنيق وبسيط (Minimalist & Modern Academic Look) يعتمد على خلفية داكنة لتسليط الضوء على حركة الصهارة.
وجود لوحة تحكم سفلية تحتوي على: زر تشغيل/إيقاف مؤقت (Play/Pause)، زر إعادة العرض (Reset)، وشريط تقدم زمني (Progress Bar) إنتفاعلي يعكس الوقت الحالي من الأنيميشن (من 0 إلى 60 ثانية).
عرض عنوان المحطة الحالية في أعلى الشاشة بتصميم عصري باللغة العربية.
المراحل والجدول الزمني (60 ثانية):
قم بتقسيم الأنيميشن إلى 7 مراحل متسلسلة بسلاسة مع إظهار العنوان العربي المخصص لكل مرحلة:
المرحلة 1 (0-8 ث): داخل الوشاح: انصهار الصخور (عرض قطع صخرية تذوب ببطء وتتحول للون الأحمر/البرتقالي التوهجي).
المرحلة 2 (8-16 ث): تكوّن الصهارة (تجمع التوهجات وتشكيل حزم صهارة سائلة).
المرحلة 3 (16-24 ث): صعود الصهارة عبر الشقوق (تدفق الصهارة لأعلى عبر قنوات وشقوق صخرية).
المرحلة 4 (24-32 ث): تكوّن غرفة الصهارة (تجمع الصهارة في تجويف ضخم تحت سطح الأرض متوسعة ببطء).
المرحلة 5 (32-40 ث): زيادة ضغط الغازات (ظهور فقاعات متصاعدة وتأثيرات اهتزاز ناعمة تعبر عن زيادة الضغط).
المرحلة 6 (40-50 ث): حدوث الثوران البركاني (اندفاع قوي للصهارة والغازات نحو الأعلى والخروج للسطح).
المرحلة 7 (50-60 ث): تراكم الحمم وتكوّن البركان (تنساب الحمم على الجانبين وتتبرد لتشكل جبل البركان التدريجي).
التقنيات والتأثيرات:
استخدم Canvas API أو SVG Animations عبر JavaScript للتحكم الدقيق في التزامن والحركة الناعمة (Smooth Transitions).
اعتمد على الألوان الحرارية (Gradations of Red, Orange, Yellow, and Charcoal Gray).
اجعل التأثيرات ناعمة وغير مزدحمة بصريًا تناسب العروض الأكاديمية (العرض على 60fps باستخدام requestAnimationFrame).
التحكم والبرمجة:
ربط حركة الأنيميشن بالوقت المار (Time-driven animation) بحيث يمكن للسحب على شريط التقدم للانتقال لأي ثانية في الأنيميشن فورًا.
- أنشئ محاكاة تفاعلية ثلاثية الأبعاد لمبنى سكني، بحيث يبدو المبنى وكأنه مجسم معماري مفصل يمكن استكشافه بصريًا بشكل احترافي ومبهر.
أريد أن يكون المشروع عبارة عن نموذج ثلاثي الأبعاد واضح ومفصل لمبنى سكني، مع إظهار عناصره المعمارية والداخلية والخارجية بطريقة منظمة وجذابة، وكأنه مجسم يستخدم في الشرح المعماري أو العرض التقديمي.
المطلوب:
- أنشئ مبنى سكنيًا ثلاثي الأبعاد واضحًا ومقسمًا بشكل معماري منطقي، ويحتوي على:
- الواجهة الخارجية
- المدخل الرئيسي
- الطابق الأرضي
- عدة طوابق سكنية
- السلالم
- المصعد
- الشقق السكنية
- الممرات
- الشرفات
- النوافذ
- السطح
- اجعل النموذج يظهر كأنه مجسم معماري تفصيلي، مع إمكانية عرض:
- الشكل الخارجي الكامل
- عرض مقطعي يوضح الداخل
- عرض Exploded View بحيث تنفصل الطوابق قليلًا عن بعضها لسهولة الفهم
- عرض Wireframe أو Skeleton عند الحاجة
- عرض يوضح توزيع الوظائف داخل المبنى
- أضف تفاصيل معمارية واضحة داخل المبنى، مثل:
- تقسيم الشقق إلى غرف
- غرف معيشة
- غرف نوم
- مطبخ
- حمام
- ممرات داخلية
- أبواب ونوافذ
- فرش مبسط جدًا لإعطاء إحساس بالمقياس من دون ازدحام
- اجعل المستخدم قادرًا على التفاعل مع النموذج من خلال:
- تدوير المبنى
- التكبير والتصغير
- التحرك حوله
- إظهار وإخفاء الطوابق
- إظهار وإخفاء السقف
- إظهار القطاع الداخلي
- تشغيل وضع تفكيك الطوابق Exploded View
- إظهار أسماء العناصر المعمارية
- أضف أوضاع عرض مختلفة:
- الوضع الخارجي العام
- وضع القطاع الطولي
- وضع القطاع العرضي
- وضع تفكيك الطوابق
- وضع التركيز على شقة معينة
- وضع التركيز على الحركة الرأسية (السلم والمصعد)
- وضع يوضح التوزيع الوظيفي داخل المبنى
- عند الضغط على أي عنصر داخل النموذج، اعرض:
- اسم العنصر
- وظيفته
- موقعه داخل المبنى
- شرحًا مختصرًا عنه
مثل: - السلم
- المصعد
- الشرفة
- غرفة المعيشة
- المدخل
- الممر
- النواة الخدمية
- الواجهة
- أضف لوحة تحكم تفاعلية تسمح للمستخدم بـ:
- تشغيل وإيقاف الحركة التوضيحية
- اختيار نوع العرض
- التحكم في تفكيك الطوابق
- إظهار أو إخفاء التسميات
- تغيير زاوية الكاميرا
- إظهار القطاع الداخلي
- إظهار الأثاث أو إخفاؤه
- تحديد طابق معين
- تسليط الضوء على عنصر معين
- أضف كاميرا عرض احترافية:
- تبدأ بعرض خارجي للمبنى
- ثم تدور حوله
- ثم تنتقل إلى القطاع الداخلي
- ثم تعرض الطوابق واحدًا واحدًا
- ثم تُظهر شقة نموذجية من الداخل
- ثم تعود إلى المشهد الكامل
اجعل الحركة ناعمة وسينمائية وكأنها عرض معماري احترافي.
- أضف مؤثرات بصرية مناسبة:
- إضاءة معمارية ناعمة
- ظلال خفيفة
- خامات واضحة لكن غير مبالغ فيها
- ألوان هادئة واحترافية
- خلفية نظيفة
- واجهة استخدام حديثة
- مظهر شبيه بالمجسمات المعمارية المعروضة في الاستوديوهات
- أضف وضعًا خاصًا باسم:
“استكشاف المبنى”
في هذا الوضع يستطيع المستخدم التنقل بين الطوابق وفهم توزيع العناصر خطوة بخطوة. - أضف وضعًا آخر باسم:
“عرض تقديمي تلقائي”
حيث يتم تشغيل جولة تلقائية تشرح:
- الواجهة
- التنظيم الداخلي
- توزيع الطوابق
- الشقق
- الحركة الرأسية
- السطح
مع ظهور نصوص عربية قصيرة أثناء العرض.
- اجعل المشروع مناسبًا للاستخدام في:
- التعليم المعماري
- شرح تصميم مبنى سكني
- عرض مشروع جامعي
- فيديو يوتيوب
- عرض تقديمي معماري
- تقنيًا:
- أنشئ المشروع في ملف HTML واحد إن أمكن
- استخدم Three.js إذا كان متاحًا
- ويمكن استخدام CSS وJavaScript وSVG أو Canvas عند الحاجة
- اجعل الكود منظمًا وواضحًا
- أضف تعليقات داخل الكود
- تأكد من أن الأداء جيد
- مهم جدًا:
قبل بدء التنفيذ، ضع خطة مختصرة للمشروع.
بعد إنشاء المحاكاة:
- اختبر جميع الأزرار
- اختبر دوران النموذج
- اختبر التكبير والتصغير
- اختبر العرض المقطعي
- اختبر تفكيك الطوابق
- اختبر اختيار الطابق
- اختبر الضغط على العناصر
- أصلح أي خطأ بصري أو برمجي
- كرر المراجعة حتى تعمل المحاكاة بشكل ممتاز
في النهاية قدّم:
- المشروع الكامل
- شرحًا مختصرًا لما تم إنشاؤه
- قائمة بالعناصر التفاعلية
- ما الذي تم اختباره
- ما الذي تم إصلاحه
- تصرف كخبير ومستشار تقني في تصميم وتطوير التطبيقات التعليمية التفاعلية للأطفال (EdTech & Gamification Expert). أريد منك وضع وثيقة متطلبات برمجية وتصميمية متكاملة (PRD & Game Design Document) لإنشاء تطبيق ذكي مخصص لتعليم اللغة العربية للأطفال من عمر 7 إلى 10 سنوات.
المواصفات الرئيسية للتطبيق:
الفئة المستهدفة: أطفال من عمر 7 إلى 10 سنوات (يحتاجون أسلوباً مشوقاً يجمع بين اللعب والتعلم المنظم دون ملل).
الهوية البصرية: واجهة مستخدم (UI/UX) كرتونية، جذابة، مفعمة بالألوان الحيوية، مع شخصيات مرسومة تفاعلية (Mascots) ترافق الطفل وترشده بصوتها طوال الرحلة.
الهيكل التعليمي والمراحل:
تقسيم التعلم إلى جزر/عوالم أو مسارات تقدم واضحة تشبه الألعاب (مثل Duolingo للأطفال).
التدرج من الأساسيات (بناء الجمل، القراءة السريعة، ضبط التشكيل) إلى مراحل متقدمة (الإملاء، التعبير، تصريف الأفعال البسيطة، القواعد الأساسية كالفاعل والمفعول به، وفهم المقروء).
نظام المكافآت والشهادات:
نظام تحفيزي يعتمد على النجوم، الأوسمة، والعملات الافتراضية.
إصدار “شهادة إنجاز تفاعلية وقابلة للتحميل والطباعة” باسم الطفل فور اجتياز الاختبار النهائي لكل مرحلة بنجاح.
التجربة الصوتية:
تسجيلات صوتية لنطق عربي فصيح، سليم المخارج، وواضح (بصوت بشري أو ذكاء اصطناعي فائق الجودة للأطفال).
مؤثرات صوتية حماسية عند الإجابة الصحيحة، وتشجيعية لطيفة عند الخطأ، مع أصوات تفاعلية لكل عنصر يُنقر عليه.
المطلوب في مخرجاتك بالتفصيل:
خارطة الطريق والمراحل التعليمية: تفصيل لـ 4 إلى 5 مراحل متقدمة بموضوعاتها وطرق تقييمها.
تصميم آليات اللعب (Gamification Mechanics): كيف نجعل الطفل يستمر يومياً؟ (Streaks، تحديات، تفاعل الشخصية).
أمثلة على شاشات وتفاعلات بصرية وصوتية: وصف دقيق لشاشة لعبة واحدة (المشهد، المؤثر الصوتي، رد فعل الشخصية).
المعمارية التقنية المقترحة (Tech Stack): محركات الألعاب أو أطر العمل المناسبة (مثل Flutter أو Unity)، ومصادر الصوتيات والرسوم.
لوحة تحكم ولي الأمر: مزايا تتيح للأهل تتبع تقارير تقدم أطفالهم.
- أنشئ تطبيق ويب تفاعلي ثلاثي الأبعاد لمحاكاة مدينة سكنية مستدامة تطل على بحيرة.
استخدم Three.js أو أي تقنية Web مناسبة.
مواصفات المدينة:
المباني لا تزيد عن 4 طوابق.
نسبة التشجير الأولية 45%.
بحيرة في منتصف المشروع.
مسارات للمشاة والدراجات.
مدارس ومناطق تجارية وخدمات.
أضف لوحة تحكم تسمح للمستخدم بتغيير:
عدد السكان.
عدد المباني.
نسبة التشجير.
عدد مواقف السيارات.
نسبة الطاقة الشمسية.
مساحة المناطق التجارية.
وأثناء تغيير القيم، يجب أن تتغير المدينة بصريًا في الوقت الحقيقي.
احسب أيضًا:
Population Density.
Green Area per Resident.
Estimated Energy Consumption.
Estimated CO₂ Emissions.
Traffic Load.
Sustainability Score.
أضف Day/Night Mode.
واجعل الكاميرا قابلة للدوران والتكبير والتحريك.
ثم اختبري قدرته على تعديل التطبيق:
الآن اجعل نسبة التشجير لا يمكن أن تقل عن 30%، وإذا تجاوزت الكثافة السكانية حدًا معينًا، اعرض تحذيرًا واقترح تلقائيًا حلولًا للتخطيط العمراني.
هنا تختبرين هل يفهم الكود الموجود ويطوره وليس فقط يبنيه من الصفر.
