ฉันได้เริ่มอ่านข้อมูลเกี่ยวกับเทคโนโลยีเว็บที่มีให้สำหรับการทำเกมบนเว็บด้วย Javascript เท่านั้น แต่ฉันไม่มีคำติชมเกี่ยวกับ SVG ด้วย HTML5 เป็นทางเลือกที่ทำงานได้? มันทำงานได้ดีเมื่อเทียบกับเทคนิคอื่น ๆ เช่นการแปลง Canvas, DOM & CSS เป็นต้น
คำตอบ:
รองรับ SVG ใน HTML5; ไม่ว่าเบราว์เซอร์ที่เครื่องเล่นของคุณใช้รองรับจะเป็นอีกเรื่องหรือไม่
คุณควรตรวจสอบRaphaelJSตามความต้องการของคุณ Raphael ให้การรองรับเหมือน SVG สำหรับ IE โดยเปลี่ยนเป็นVMLเมื่อแสดงผลสำหรับ IE Raphael มีฟังก์ชั่นมากมายรวมถึงภาพเคลื่อนไหวและการสนับสนุนแบบอักษร Cufon มันคุ้มค่าที่จะดู
เนื่องจาก SVG เป็นส่วนหนึ่งของ DOM จึงค่อนข้างง่ายในการแนบกิจกรรม DOM เช่น "คลิก" และ "โฮเวอร์" กับองค์ประกอบ SVG ที่สร้างขึ้น สิ่งนี้อาจทำให้ SVG เหมาะสำหรับการแสดงผล HUD มากกว่าการสไปรต์เคลื่อนไหว ฯลฯ
คุณอาจมีการทดสอบล่วงหน้าจำนวนมากเพื่อกำหนดคุณสมบัติเชิงประสิทธิภาพสัมพัทธ์ของ SVG กับผ้าใบ
การจัดการ DOM แบบตรงอาจจะแย่ที่สุด เมื่อคุณเปลี่ยนสิ่งต่าง ๆ ใน DOM เอ็นจิ้นเลย์เอาต์ของเบราว์เซอร์จะทำการคำนวณเลย์เอาต์ของหน้าใหม่เพื่อรองรับการเปลี่ยนแปลงของคุณซึ่งอาจทำให้ประสิทธิภาพของเกมแย่ลง หากคุณต้องไปเส้นทางนี้ให้เลือก CSS (โดยเฉพาะอย่างยิ่งคุณสมบัติเฉพาะ CSS3 เช่นการแปลงและการคีย์เฟรม)
ดูที่เว็บไซต์นี้เพื่อดูความเข้ากันได้ของ SVG ตอนนี้มันหลบที่ดีที่สุดและฉันจะไม่แนะนำสำหรับสิ่งอื่นนอกจากการสาธิตการทดสอบสำหรับการแสดง
อย่าคาดหวังว่าผู้คนจะใช้เบราว์เซอร์ล่าสุดและที่ยิ่งใหญ่ที่สุด
ฉันคิดว่าการใช้ SVG นั้นจะเป็นความผิดพลาดครั้งใหญ่และจะทำให้ผู้ใช้ของคุณขี้อายเมื่อเห็นสิ่งต่าง ๆ พัง
คุณจะดีขึ้นมากเมื่อใช้ Canvas ไม่สนับสนุนทั้งสองอย่างใน IE และเป็นที่รู้จักกันว่าเป็นเทคโนโลยีเกมบนเว็บที่ทำงานได้ รวมถึงมันมีความเร็วในการเรนเดอร์ที่ดีโดยเฉพาะอย่างยิ่งใน Chrome (และเห็นได้ชัดว่ายังอยู่ใน IE9 ตามการสาธิตก่อนหน้านี้ฉันไม่ได้ลองมาก่อน) หากคุณต้องการกำหนดเป้าหมายเวอร์ชันเก่าของ IE และ / หรือแพลตฟอร์มมือถือให้ยึด DOM แบบธรรมดาซึ่งไม่มีประสิทธิภาพที่ดีมาก แต่ก็ยังเป็นที่ยอมรับสำหรับเกมง่ายๆ (เช่นPacman )
คำตอบสั้น ๆ ใช่
คำตอบยาว ๆ
ฉันยังคงทำงานในสภาพแวดล้อมทั้งหมดขึ้นอยู่กับ IE6 และใช้ห้องสมุดที่ยอดเยี่ยมนี้สำหรับแผนภูมิ (ซึ่งใช้ VML สำหรับ IE6-IE8) ฉันชอบ canvas และชอบเขียนเกมด้วย js ดังนั้นถ้าคุณต้องการสร้างเกมใน svg ฉันบอกว่าทำเกมอื่น ๆ ได้ถูกสร้างขึ้นโดยใช้มัน (ดูตัวอย่างราฟาเอล) ไม่ว่าคุณจะยังคงใช้ JS เพื่อทำมันอยู่ดังนั้นหากคุณต้องการเปลี่ยนไปใช้ผืนผ้าใบมันจะไม่เจ็บปวดอย่างแน่นอน