حقائق رئيسية
- يتميز الموقع بثيم سيث لورد تدور حوله "إمبراطورية الكوكيز المجرية".
- تتوفر لعبة موافقة على ملفات تعريف الارتباط في الصفحة الترحيبية، وقابلة للعب بحد أدنى للعرض 800 بكسل.
- المطور يقوم بتحويل CMUdict إلى JavaScript لتحسين توقيت الأصوات المقطعية للصورة الرمزية.
- لم يتم استخدام أي نماذج لغوية ضخمة؛ بل تم كتابة كل الكود يدويًا وغير مضغوط.
- يمكن فتح قتال سري مع زعيم باستخدام أدوات المطور.
ملخص سريع
أعاد مطور تصميم موقعه الويب بثيم فريد هو سيث لورد، وتتمحور فكرته حول إمبراطورية الكوكيز المجرية. يتميز إعادة التصميم بـ لعبة موافقة على ملفات تعريف الارتباط تفاعلية تقع في الصفحة الترحيبية، مما يحل محل نسخة سابقة كانت أكثر مللًا. اختبار المطور للموقع على منصات متعددة تشمل لينكس باستخدام فايرفوكس وكروم، وماك بوك باستخدام سفاري، مع الإشارة إلى توافقه مع هواتف أندرويد الأقدم. للعب المثالي، يوصى بعرض نافذة بحد أدنى 800 بكسل، مع أفضل تجربة على الشاشات الأكبر. يتضمن الموقع سلسلة من مقالات "عملية الإنشاء" التي تفصل عملية التطوير، من آليات اللعبة إلى إنشاء الصورة الرمزية. يركز التطوير الحالي على نقل CMUdict إلى JavaScript لتحسين توقيت الأصوات المقطعية في رسوم الصورة الرمزية، باستخدام كشف طاقة موجة الرسم. الملاحظ أن المطور أكد أنه لم يتم استخدام أي نماذج لغوية ضخمة؛ بل تم كتابة كل الكود يدويًا وتركه غير مضغوط لأغراض تعليمية. كما يتم إخفاء قتال سري مع زعيم داخل اللعبة، يمكن الوصول إليه عبر أدوات المطور.
تصميم إمبراطورية الكوكيز المجرية
تم إجراء إعادة تصميم الموقع خلال فترة عطلة عيد الميلاد ونهاية العام. اختار المطور جمالية سيث لورد لتمكين إمبراطورية الكوكيز المجرية مدفوعًا برغبة في التحسن على لعبة موافقة على ملفات تعريف الارتباط السابقة التي أصبحت مملة مع مرور الوقت. يتم تطبيق الثيم الجديد على صفحة الترحيب للموقع، والتي تعمل كمنصة إطلاق للتجربة التفاعلية.
العنصر التفاعلي الأساسي هو لعبة تنشط حصريًا في الصفحة الترحيبية. تتميز بمركبة فضائية للاعب تتجول في عالم لعبة حيث يتم تكبير الكاميرا واتباع السفيرة على الشاشات الصغيرة. لاحظ المطور أن اللعبة قابلة للعب بعرض نافذة بحد أدنى 800 بكسل، على الرغم من أن عرض 1280 بكسل يوفر أفضل تجربة دون حركة الكاميرا. تتضمن اللعبة أيضًا قتال سري مع زعيم مخفي يمكن للمستخدمين فتحه من خلال التفاعل مع أدوات المطور للمتصفح.
التنفيذ التقني والتوافق
تم إجراء اختبارات مكثفة لضمان عمل الموقع في بيئات مختلفة. اختبار المطور الموقع على فايرفوكس وكروم/كروميوم يعمل على لينكس، بالإضافة إلى سفاري على ماك بوك. بينما لم يكن هناك آيفون متاح للاختبار، فقد عمل الموقع بشكل صحيح على هواتف أندرويد الأقدم باستخدام حيلة منظر العرض الفوقية.
عبر المطور عن إحباطه من استمرار ضرورة هذه الحيلة بعد 15 عامًا. تم تصميم الموقع للعمل على المتصفحات الحديثة، مع أن رسوم الصورة الرمزية هي محور التطوير المستمر. لتحسين الصورة الرمزية، يعمل المطور على المهام التقنية التالية:
- نقل CMUdict إلى JavaScript/ECMAScript.
- تنفيذ كشف طاقة موجة الرسم لتوقيت الأصوات المقطعية.
- استخدام كاشف معدل صفر للتقاطع للمزامنة أفضل.
هذه التغييرات مقصودة لإصلاح مشاكل التوقيت مع الأصوات المقطعية، حيث لم تكن الأدوات الموجودة القائمة على بايثون في الوقت المناسب بما يكفي. لاحظ المطور أن أوراق الرسوم المتحركة للأصوات المقطعية الموجودة كانت "نوعًا من الهراء والمعطلة"، مما أدى إلى اتباع منهجية تجريبية للغاية مع كاشف الحدود الجديد.
فلسفة التطوير والموارد
جعل المطور شيفرة المصدر متاحة بالكامل للجمهور. تم اتخاذ خيار تصميمي محدد للحفاظ على الكود غير مجمع وغير مضغوط. هذا يسمح للزوار بقراءة الكود والتعلم منه مباشرة. صرح المطور صراحة أنه لم يتم استخدام أي نماذج لغوية ضخمة في إنشاء الموقع؛ بل تم برمجة كل شيء يدويًا.
لمن يهتم بالتفاصيل التقنية، تتوفر سلسلة مدونات "عملية الإنشاء". تغطي هذه المقالات عملية التطوير، وإنشاء الصورة الرمزية، ووكلاء تصحيح معينين تم استخدامهم خلال المشروع. تشمل الموارد:
- عملية إنشاء اللعبة
- عملية إنشاء الصورة الرمزية
- وكلاء تصحيح للعب بها
يأمل المطور أن يستمتع المستخدمون بإقامتهم ولعب لعبة موافقة على ملفات تعريف الارتباط.
"لا أصدق أن هذا لا يزال الطريقة "الحديثة" لفعل الأشياء بعد 15 عامًا. ما هذا الهراء."
— المطور
"كانت أوراق الرسوم المتحركة للأصوات المقطعية الموجودة نوعًا من الهراء والمعطلة."
— المطور
Key Facts: 1. The website features a Sith Lord theme centered around the Galactic Cookie Empire. 2. A cookie consent game is available on the welcome page, playable at a minimum width of 800 pixels. 3. The developer is backporting CMUdict to JavaScript for improved avatar phoneme timing. 4. No LLMs were used; all code is hand-written and unminified. 5. A secret boss fight can be unlocked using Developer Tools. FAQ: Q1: What is the theme of the new website? A1: The website is themed around a Sith Lord commanding the Galactic Cookie Empire. Q2: How can users access the hidden boss fight? A2: Users can unlock a secret boss fight by interacting with the browser's Developer Tools. Q3: What technology is being used for the avatar animation? A3: The developer is implementing waveform energy detection and backporting CMUdict to JavaScript for real-time phoneme timing."لم يتم استخدام أي نماذج لغوية ضخمة في صنع هذا الموقع."
— المطور
