التعليق: لقد قمنا بتهيئة المضرب مع jQuery. نقوم الآن بتجربة حول كيفية استخدام jQuery لوضع عناصر اللعبة واستخدام خلفية الشبكة للتحقق من موقع عناصر اللعبة الخاصة بنا. يمكن للأصدقاء المهتمين التعرف على ذلك. أتمنى لكم جميعا تطوير لعبة سعيدة
مقدمة jQuery[لن أقرأ هذا الجزء ، هناك الكثير على الإنترنت. إذا كنت لا تفهم ، يرجى البحث عن فتاة بايدو]
استخدم jQuery لتشغيل عناصر اللعبة
لقد قمنا بتهيئة المضرب مع jQuery. الآن نقوم بتجربة حول كيفية وضع عناصر اللعبة باستخدام jQuery.
نقل - استخدم jQuery لتعديل موضع العنصر
دعنا نستخدم خلفية الشبكة للتحقق من موضع العنصر في لعبتنا:
1. دعنا نستمر في استخدام مثال Pingpong.
2. قم بتنزيل صورة خلفية الشبكة التي نحتاجها من هنا.
3. إنشاء مجلد يسمى الصور في دليل التمرين.
4. ضع الصورة التي تم تنزيلها في مجلد Jimages. ستساعدنا هذه الصورة في التحقق من نزوح البكسل لاحقًا.
5. التالي ، فتح index.html في المحرر.
6. تعديل خاصية خلفية Playground Div على النحو التالي لتشمل صور شبكة البكسل.
#ملعب{
الخلفية: #e0ffe0 url (الصور/pixel_grid.jpg) ؛
العرض: 400 بكسل ؛
الارتفاع: 200 بكسل ؛
الموقف: قريب
الفائض: مخفي.
}
7. الآن افتح index.html في المتصفح. يجب أن يكون ما يجب أن نراه هو لقطة الشاشة التالية: تتم تغطية شبكة على خلفية اللعبة ، ويمكننا الآن رؤية موقع جميع العناصر.
ماذا حدث؟
لسهولة التصحيح ، وضعنا صورة تسمى pixel_grid.jpg على الخلفية. تحتوي هذه الصورة على العديد من الشبكات الصغيرة ، كل شبكة 10 × 10 تشكل جزءًا كبيرًا من 100 × 100 بكسل. من خلال هذه الصورة ، لدينا حاكم يسمح لنا بقياس موضع العناصر على الشاشة.