ความคิดเห็น: เราได้เริ่มต้นแร็กเก็ตด้วย jQuery ตอนนี้เรากำลังทำการทดลองเกี่ยวกับวิธีการใช้ jQuery เพื่อวางองค์ประกอบเกมและใช้พื้นหลังกริดเพื่อตรวจสอบตำแหน่งขององค์ประกอบเกมของเรา เพื่อนที่สนใจสามารถเรียนรู้ได้ ฉันขอให้ทุกท่านมีการพัฒนาเกมที่มีความสุข
บทนำ jQuery[ฉันจะไม่อ่านส่วนนี้มีมากมายบนอินเทอร์เน็ต หากคุณไม่เข้าใจโปรดมองหาสาว Baidu]
ใช้ jQuery เพื่อใช้งานองค์ประกอบเกม
เราได้เริ่มต้นแร็กเก็ตด้วย jQuery ตอนนี้เราทำการทดลองเกี่ยวกับวิธีการวางองค์ประกอบเกมโดยใช้ jQuery
ย้าย - ใช้ jQuery เพื่อแก้ไขตำแหน่งขององค์ประกอบ
มาใช้พื้นหลังกริดเพื่อตรวจสอบตำแหน่งองค์ประกอบของเกมของเรา:
1. ลองใช้ตัวอย่าง Pingpong ต่อไป
2. ดาวน์โหลดภาพพื้นหลังกริดที่เราต้องการจากที่นี่
3. สร้างโฟลเดอร์ชื่อรูปภาพในไดเรกทอรีแบบฝึกหัด
4. วางภาพที่ดาวน์โหลดมาในโฟลเดอร์ Jimages ภาพนี้จะช่วยให้เราตรวจสอบการกระจัดของพิกเซลในภายหลัง
5. ถัดไปเปิด index.html ในตัวแก้ไข
6. แก้ไขคุณสมบัติพื้นหลังของ Div Div ดังต่อไปนี้เพื่อรวม Pixel Grid Pictures
#playground {
พื้นหลัง: #e0ffe0 URL (รูปภาพ/pixel_grid.jpg);
ความกว้าง: 400px;
ความสูง: 200px;
ตำแหน่ง: ญาติ;
ล้น: ซ่อน;
-
7. ตอนนี้เปิด index.html ในเบราว์เซอร์ สิ่งที่เราควรเห็นควรเป็นภาพหน้าจอต่อไปนี้: กริดครอบคลุมบนพื้นหลังของเกมและตอนนี้เราสามารถดูตำแหน่งขององค์ประกอบทั้งหมดได้
เกิดอะไรขึ้น?
สำหรับการดีบักง่ายๆเราวางรูปภาพที่เรียกว่า pixel_grid.jpg บนพื้นหลัง ภาพนี้มีกริดขนาดเล็กจำนวนมากแต่ละกริด 10x10 สร้างก้อนขนาดใหญ่ 100x100 พิกเซล ผ่านภาพนี้เรามีไม้บรรทัดที่ช่วยให้เราสามารถวัดตำแหน่งขององค์ประกอบบนหน้าจอ