ฉันสงสัยว่ามีผู้เชี่ยวชาญคนใดบ้างที่สามารถแบ่งปันความรู้และแหล่งข้อมูลเกี่ยวกับสิ่งที่จำเป็นในการเริ่มสร้างเกมด้วยมาตรฐาน HTML และ JavaScript ล่าสุด (หรือบางคนชอบที่จะเรียก HTML 5) มีไลบรารี JavaScript ที่จำเป็นสำหรับกระบวนการหรือไม่ นอกเหนือจาก<canvas>แท็กแล้ว HTML อื่น ๆ ที่เราต้องระวังคืออะไร
คำตอบ:
คุณควรตระหนักถึงแท็กเสียงและวิดีโอ Web Storageค่อนข้างสำคัญหากคุณต้องการบันทึกข้อมูลจำนวนมากสำหรับเกมที่บันทึกไว้และอื่น ๆ
มีเฟรมเวิร์กเกม Javascript html5 อยู่เล็กน้อยแล้วอากิฮาบาระค่อนข้างได้รับความนิยม
เท่าที่ห้องสมุดอื่น ๆJqueryและJavascript ใช้งานได้เป็น 2 ในรายการโปรดของฉัน
เพียงแค่โยนทรัพยากรออกไปที่นั่นให้ลองดู RaphaelJS มันเป็นคลังภาพวาดและอนิเมชั่น SVG ที่ดีมากที่มี API ที่ดี อย่าลืมตรวจสอบการสาธิต
โดยรวมแล้วฉันขอแนะนำ<canvas>แท็กเกี่ยวกับการจัดการ DOM แบบตรง (เช่นทำให้แต่ละ Sprite เป็นของตัวเอง<div>เพื่อให้การทดสอบ Hit ง่ายอย่างน่าอัศจรรย์) เป็นเรื่องง่ายที่จะได้รับการจัดการ DOM ที่ผิดและมีประสิทธิภาพไม่ดีในขณะที่กลยุทธ์การพัฒนา 2D แบบดั้งเดิมนั้นทำงานได้ดีบนผืนผ้าใบ HTML
นอกเหนือจากเฟรมเวิร์กการสร้างเกมบางส่วนแล้วคุณควรระวัง Burst Engine ซึ่งเป็นเฟรมเวิร์ก JS สำหรับแสดงภาพเคลื่อนไหวที่ใช้ SVG ใน HTML5 Canvas:
จนถึงตอนนี้ฉันเคยเห็นคนพูดถึงและแท็ก แต่มีสิ่ง DOM อื่น ๆ ที่มีความสำคัญต่อการพัฒนาเกม JS / HTML รวมถึงสิ่งต่าง ๆ เช่นการเพิ่มการเรียกกลับ EventListener ในองค์ประกอบสำหรับสิ่งต่าง ๆ เช่น 'mousemove' และ 'mousedown' ตัวอย่างเช่นนี่ใช้องค์ประกอบภาพแรกที่สามารถค้นหาและตั้งค่าเพื่อให้เมื่อคุณคลิกบนภาพวาดจะเรียกฟังก์ชันที่คุณกำหนดไว้ว่า "shootAtClick":
document.getElementsByTagName ("ผ้าใบ") [0] .addEventListener ('mousedown', shootAtClick, false);
คุณสามารถเห็นมันทำงานได้ในตัวอย่างนี้ซึ่งฉันได้ขยายเอนจิ้น Akihabara เพื่อยอมรับการควบคุมเมาส์ขั้นพื้นฐาน (กด Z เพื่อเริ่มใช้ปุ่มลูกศรเพื่อย้ายคลิกเมาส์เพื่อยิงไปตามทิศทางของเคอร์เซอร์)
ความรู้เกี่ยวกับองค์ประกอบ HTML5 ที่ได้รับการสนับสนุนในเบราว์เซอร์ใด
แม้ว่าความเข้ากันได้ของเบราว์เซอร์ข้ามจะเริ่มดีขึ้นและมีความสม่ำเสมอมากขึ้นเมื่อเวลาผ่านไปในองค์ประกอบใหม่บางส่วนยังไม่ได้รับการสนับสนุนอย่างเท่าเทียมกัน
ที่จัดเก็บในตัวเครื่องอาจมีความแตกต่างเฉพาะของเบราว์เซอร์และสำหรับการรองรับแบบดั้งเดิมคุณจะต้องใช้ไลบรารีเช่นjStorageหรือYUI Storage LiteLite
เว็บซ็อกเก็ตเช่นกันอาจมีความแตกต่างเฉพาะของเบราว์เซอร์ แต่socket.ioดูเหมือนห้องสมุดที่มีแนวโน้มที่ให้ความสะดวกสบายที่เป็นนามธรรม
ความเข้ากันได้ของเสียงเป็นองค์ประกอบหลักที่ต้องใช้ไฟล์เสียงที่แตกต่างกันสำหรับเบราว์เซอร์ที่แตกต่างกัน: http://html5doctor.com/native-audio-in-the-browser/
Chrome มีข้อบกพร่องด้านเสียงที่สำคัญสองสามประการเช่นไม่สามารถเล่นไฟล์เสียงสั้น ๆและการเล่นเสียงหลาย ๆ เสียงพร้อมกันอาจทำให้เบราว์เซอร์ทั้งหมดขัดข้อง
สิ่งสำคัญคือการเข้าใจความแตกต่างของเบราว์เซอร์โดยใช้ห้องสมุดเป็นนามธรรมและให้การสนับสนุนแบบดั้งเดิมตามต้องการ
HTML และ JavaScript เป็นแพลตฟอร์มที่ไม่ดีพอสมควรสำหรับการพัฒนาเกม แต่นั่นจะไม่สำคัญจนกว่าคุณจะตัดสินใจเลือกเกม คำตอบจะแตกต่างกันอย่างสิ้นเชิงสำหรับนักกีฬาคนแรก RTS หรือเกมไขปริศนา
ขอให้สังเกตว่าคุณกำลังจะเริ่มคลุมเครือคำตอบที่เป็นคลื่นมือสั่นเทคโนโลยีสุ่มที่ดูเรียบร้อย นั่นเป็นสัญญาณเตือนว่าคุณไม่ได้ถามคำถามด้วยคำตอบที่ถูกต้องตามกฎหมายโดยเฉพาะ
คุณอาจถามสิ่ง C ++ ที่คุณต้องการเขียนแอปพลิเคชัน ขึ้นอยู่กับว่า บอกเราเพิ่มเติมเกี่ยวกับโครงการและคุณอาจได้รับคำตอบที่เป็นประโยชน์
โดยรวมแล้วมีเหตุผลว่าเกือบทุกเกมบนเว็บยังคงเป็น Flash