Useless Web
1.0.0
https://williamphk.github.io/less-web/
يعد رمز JavaScript هذا جزءًا من لعبة ثعبان بسيطة حيث يتحرك الأفعى عبر الشاشة ، وتناول الطعام وتنمو بطوله. يحدد الكود سلوك الثعبان ، ويتعامل مع الإدخال من مفاتيح الأسهم ، ويعرض حالة اللعبة على الشاشة.
يتم اختيار gameBoard ، score1 ، score2 باستخدام معرفات DOM الخاصة بهم. يتم حساب أبعاد لوحة اللعبة بناءً على حجم الشاشة ، مقسمة إلى خلايا 30 بكسل. يتم إنشاء شبكة عن طريق الحلق من خلال الأبعاد ، مع كل خلية ممثلة بإدخال مربع الاختيار. ثم يتم ملء لوحة اللعبة بالصفوف والخلايا.
يتم تعريف direction الثعبان length starting position speed والمتغيرات الضرورية الأخرى. يتم أيضًا إنشاء رسم خرائط للاتجاهات إلى مؤشرات الصفيف والعمليات للحصول على حركة ثعبان سهلة. التحقق من وضع بدء الأفعى:
يتم التحقق من موضع البداية للثعبان على لوحة اللعبة.
تضع وظيفة checkRandomCellAsFood الطعام في مواقع عشوائية على لوحة اللعبة ، مما يضمن عدم تولد الطعام على الأفعى نفسه.
يبدأ زر "ابدأ" اللعبة. تقوم وظيفة updatePosition بتحديث الوضع المرئي للثعبان ويتولى المنطق عندما يأكل الأفعى الطعام أو يواجه ظروف اللعبة الأخرى. حركة الأفعى وتغيير اللون:
يتم التحكم في حركة الأفعى بواسطة مفاتيح الأسهم. يتم إنشاء لون عشوائي باستخدام وظيفة getRandomColor لأغراض التصميم.
إذا خرج الثعبان من الحدود أو يركض إلى نفسه ، تنتهي اللعبة. يتم استدعاء وظيفة gameOver للتعامل مع اللعبة على السيناريوهات.
تعمل وظيفة uncheckAll على إلغاء تحديد جميع الخلايا ، مما يؤدي إلى تطهير اللوحة. تقوم وظيفة printGameOverWithCheckbox بطباعة "لعبة فوق" على لوحة اللعبة باستخدام مربعات الاختيار المحددة.
لا يلزم وجود مكتبات أو تبعيات خارجية لهذا الرمز. يركض فقط على الفانيليا جافا سكريبت.
