HTML5 Canvas สำหรับเกมและความบันเทิง

• เมษายน 30, 2024

แอนิเมชันและเกมจับมือกัน ในหลาย ๆ วิธีในการสร้างภาพเคลื่อนไหวผ้าใบ HTML5 เป็นหนึ่งในตัวเลือกที่มีต้นทุนต่ำเนื่องจากไม่มีซอฟต์แวร์ราคาแพงที่เกี่ยวข้อง ผ้าใบ HTML5 พื้นฐาน: สำหรับเกมและความบันเทิงโดย Rob Hawkes เป็นหนังสือเริ่มต้นที่ดีสำหรับผู้ที่สนใจเรียนรู้การสร้างเกม HTML5 Canvas

Hawkes เริ่มแนะนำ HTML5 โดยการแยกโครงสร้างหน้า HTML5 พื้นฐาน เขาอธิบายว่า CSS3, JavaScript และไลบรารี JQuery ทำงานร่วมกับ HTML5 ได้อย่างไร เนื่องจาก JavaScript เป็นส่วนสำคัญในการสร้างเกมด้วย HTML5 ผู้เขียนจึงใช้เวลามากมายครอบคลุมพื้นฐานของ JavaScript ซึ่งรวมถึงตัวแปรประเภทข้อมูลฟังก์ชันเงื่อนไขและอื่น ๆ Hawkes จะย้ายไปที่พื้นฐานของผ้าใบ HTML5 โดยนำทีละขั้นตอนตั้งแต่การวาดรูปร่างและการลบผ้าใบไปยังการควบคุมเบราว์เซอร์

สิ่งต่าง ๆ เริ่มน่าสนใจเพราะ Hawkes แนะนำการปรับขนาดการหมุนและการแปลงอื่น ๆ จากนั้นเขาก็ย้ายไปที่การเพิ่มความสมจริงด้วยเงาและการไล่ระดับสีและการส่งออกผืนผ้าใบเป็นรูปภาพ เมื่อคุณเรียนรู้วิธีโหลดและสร้างภาพตั้งแต่เริ่มต้นเขาจะเลื่อนไปที่การปรับแต่งพิกเซลเพื่อเปลี่ยนภาพและการใช้เอฟเฟกต์

การเคลื่อนไหวและการเคลื่อนไหวช่วยให้คุณเข้าใกล้การสร้างเกมแรกของคุณ Hawkes ครอบคลุมพื้นฐานเช่นการจดจำสถานะและการเคลื่อนไหวตามแนววงกลม คุณไม่มีเกมที่ไม่มีขอบเขตและการตรวจจับการชนและผู้เขียนกล่าวถึงพื้นฐานของฟิสิกส์เช่นความเร็วความเร่งและแรงเสียดทานที่ใช้ในการสร้างการเคลื่อนไหวที่สมจริง

ตอนนี้คุณพร้อมที่จะสร้างเกมแรกของคุณซึ่งเป็นเกมโบว์ลิ่งอวกาศแล้ว คุณเรียนรู้วิธีควบคุมวัตถุที่อยู่กับที่และไม่อยู่กับที่ตลอดจนวิธีสร้างส่วนต่อประสานผู้ใช้สำหรับเกมของคุณ คุณยังได้เรียนรู้เกี่ยวกับการตรวจจับอินพุตของเมาส์และการเข้ารหัสสถานการณ์ผู้เล่นที่ชนะ / แพ้ เกม Asteroid Avoidance เป็นเกมต่อไปของคุณที่ Hawkes สอนวิธีการตรวจจับอินพุตคีย์บอร์ดและควบคุมเสียงภายในเกม

Hawkes จบหนังสือด้วยการพูดคุยสั้น ๆ เกี่ยวกับความแตกต่างระหว่างผ้าใบ HTML5 และทางเลือกอื่นเช่น Flash^R. เขายังชี้ให้เห็นข้อ จำกัด ของผ้าใบเช่นประสิทธิภาพของ CPU และอนาคตของผ้าใบซึ่งรวมถึง 3D และห้องสมุดต่างๆ

Rob Hawkes ศึกษาการผลิตสื่อเชิงโต้ตอบที่ Bournemouth University และเป็นโปรแกรมเมอร์เชิงภาพที่เชี่ยวชาญด้าน HTML5 และคุณสมบัติใหม่อื่น ๆ ของเว็บ คุณสามารถดาวน์โหลดซอร์สโค้ดได้จากเว็บไซต์ของผู้เผยแพร่

ดูตัวอย่างบน Google หนังสือ

เยี่ยมชมเว็บไซต์ของผู้จัดพิมพ์

เยี่ยมชมเว็บไซต์ของผู้เขียน

* Apress Media ให้สำเนารีวิวให้ฉันฟรี