Kage خدام

Kage هو مشروع تجربة تفاعلية غامرة ثلاثية الأبعاد مفتوح المصدر من تصميم Meng To. الأداة خدامة غير بملف HTML واحد، وكتستعمل Three.js باش ترندر فالحين، مع مواد المشاهد مولّدة بـ GPT Image 2، لبناء جولة ليلية خيالية فمعبد جبلي فـ كيوتو. المستخدم كيتحكم فمسار الكاميرا غير بالسكرول ديال الماوس، وكيقطع خمسة فصول: باب الجبل، الحديقة الهادئة، الحرفة، الشفق والبيان، وسط أجواء سينمائية كيتلاقاو فيها الضباب ديال الشتا، الأوراق الطايحة والقمر الكامل القرمزي. Kage كيتحل وكيخدم مباشرة، وكيقدم مثال على تصميم الواجهات الأمامية اللي كيدمج المحتوى المولّد بالذكاء الاصطناعي مع WebGL فالحين.

تابعونا فـ WeChat وردّ بـ «مفتوح المصدر» باش تنضم لمجموعة مشاريع الذكاء الاصطناعي مفتوحة المصدر
التنقل بالسكرول: كتتحكم فمسار الكاميرا عبر عجلة الماوس باش تدوز من المعبد الجبلي فمسار محدد مسبقاً، بلا أزرار وبلا قوائم؛ السكرول هو طريقة التفاعل الوحيدة.
ترندر ثلاثي الأبعاد فالحين: مبني على Three.js، وكيبنّي فالمتصفح مشاهد متحركة فيها المعبد، باب الجبل، الضباب ديال الشتا، الأوراق الطايحة والقمر الكامل القرمزي.
دمج مواد الذكاء الاصطناعي: كيدمج لوحات المشاهد المولّدة بـ GPT Image 2 وعناصر المقدمة الشفافة بصيغة WebP مع عالم ثلاثي الأبعاد فالحين، باش يقوي الإحساس السينمائي.
بنية سردية من خمسة فصول: مرتبة على شكل «باب الجبل ← الحديقة الهادئة ← الحرفة ← الشفق ← البيان»، وكل جزء من السكرول كيقابل لقطة وتركيبة جديدة.
ملف واحد بلا بناء: جميع المنطق، الأنماط والترندر مجموعين فملف HTML واحد، بلا npm ولا React ولا أي أداة بناء.
أجواء بصرية غامرة: ألوان مضبوطة من الأسود القريب، الأزرق الداكن، الكهرماني الدافئ، العاجي والأحمر القرمزي، مع مؤثرات bloom وحبيبات الفيلم والتعتيم على الحواف.
ملاءمة الولوجيات: فيه اختيار لتقليل الحركة، وكيدعم التخطيط المتجاوب فالأجهزة المحمولة.

التجربة أونلاين: دخل مباشرة من المتصفح لـ https://mengto.github.io/kage/ باش تبدا الجولة الليلية فمعبد جبلي فـ كيوتو.
التشغيل محلياً: من بعد ما تنسخ المستودع، شغّل أي خادم ثابت، بحال python3 -m http.server، بلا ما تحتاج لخطوة بناء.
طريقة التفاعل: منين تحل الصفحة، غير دير السكرول بالماوس، والكاميرا غادي تدوز أوتوماتيكياً من خمسة الفصول فالمسار المحدد مسبقاً.
متطلبات المتصفح: خاصك تستعمل متصفح حديث كيدعم WebGL، وإلا ما غاديش يترندر المشهد.
إعادة الإبداع: إلا بغيتي تدير نسخة مشابهة، خاصك تعاود تولّد المواد بالذكاء الاصطناعي اعتماداً على PROMPT.md؛ ممنوع تعاود تستعمل artwork الأصلي ديال المشروع مباشرة.
إعدادات الولوجيات: إلا كان تفضيل النظام «تقليل الحركة» مفعلاً، الصفحة غادي تنقص تلقائياً من قوة الحركة باش تتفادى الدوخة.

بنية الملف الواحد: جميع المنطق، الأنماط والترندر الثلاثي الأبعاد مجموعين فملف HTML واحد، بلا بناء وبلا تبعيات، وكيخدم مباشرة.
تفاعل بسيط: التحكم فمسار الكاميرا غير بالسكرول، بلا أزرار وبلا قوائم، وساهل تبدا به.
ترندر مدمج مع الذكاء الاصطناعي: مواد المشاهد المولّدة بـ GPT Image 2 كتندمج بسلاسة مع الترندر الثلاثي الأبعاد الفوري ديال Three.js، وكتجمع بين جودة التصوير والضوء والظل المتحركين.
غمر سينمائي: السرد المرتب فخمسة فصول، مع الألوان المضبوطة ومؤثرات المعالجة اللاحقة، كيخلق إحساس فيلم تفاعلي لجولة ليلية فمعبد جبلي فـ كيوتو.
إبداع بقيادة المصمم: المؤلف، اللي ماشي مبرمج فالأصل، كيقود الإبداع باستعمال الأوامر النصية، وكيعرض نموذجاً جديداً لتطوير الواجهات الأمامية، التصميم فيه هو الأول فزمن الذكاء الاصطناعي.
خفيف وساهل النقل: بلا خادم خلفي، بلا سكريبتات تحليل وبلا طلبات شبكة أثناء التشغيل، ويمكن نشره فثواني على أي خادم ثابت.

الموقع الرسمي: https://mengto.github.io/kage/
مستودع GitHub: https://github.com/MengTo/kage

بورتفوليو شخصي أو صفحة إبداعية: المصممون والمطورون يقدرو يستعملو تجربة ثلاثية الأبعاد غامرة فملف واحد عوض البورتفوليو التقليدي، ويعرضو المشروع عبر السرد بالسكرول، مع حضور بصري أقوى بزاف من صفحات الويب العادية.
دليل رقمي للمواقع السياحية والثقافية: يمكن نقل نموذج «الجولة الليلية فالمعبد الجبلي» ديال Kage للمواقع الحقيقية، باش يدوز الزائر بالسكرول بين المباني التاريخية والمناظر الطبيعية عوض تقديم معلومات ثابتة بالصور والنصوص.
صفحة إطلاق علامة تجارية أو تشويق لمنتج: قبل طرح منتج جديد، يمكن خلق أجواء بتجربة سينمائية فصفحة واحدة؛ مثلاً السيارات، الساعات والمنتجات الفاخرة يقدرو يكشفو تفاصيل المنتج وقصة العلامة على مراحل عبر السكرول.
معارض رقمية فالمتاحف أو للتعليم التاريخي: إعادة خلق مشاهد تاريخية، بحال المدن القديمة والمواقع الأثرية، باش يدخل التلاميذ أو الزوار إلى التاريخ عبر السكرول، مع استعمال مواد مولّدة بالذكاء الاصطناعي لتقليل تكلفة التصميم البصري.
تعليم الواجهات الأمامية وحالة تطبيقية للمبتدئين فـ Three.js: باعتباره نموذجاً لملف واحد بلا بناء، Kage مناسب لتفكيك الشيفرة وشرحها مباشرة؛ التلاميذ ما كيحتاجوش يوجدو بيئة npm باش يفهمو منطق المشاهد الثلاثية الأبعاد، مسارات الكاميرا والتحكم بالسكرول.