เกมที่เขียนโดยใช้ HTML5 จะทำงานบนสมาร์ทโฟนหรือไม่

ฉันต้องการเขียนเกมที่สามารถเล่นบนสมาร์ทโฟนและสงสัยว่า HTML5 อาจเป็นวิธีเขียนเกมเพื่อทำงานบนสมาร์ทโฟนที่มีให้เลือกมากมาย

ฉันเพิ่งทดสอบ HTML5 :

• My iPod Touch รุ่นที่ 2 พร้อม iOS 3.1.3 ได้คะแนน 125 และ 7 bonux คะแนนจาก 300 ใน Safari จากหมายเหตุเฉพาะเพื่อการพัฒนาเกม:
  • คะแนนเต็มใน Canvas! ยอดเยี่ยมสำหรับการเรนเดอร์เกม
  • รองรับองค์ประกอบวิดีโอด้วยรูปแบบ MPEG-4 และ H.264
  • รองรับองค์ประกอบเสียงด้วยรูปแบบ PCM, MP3 และ AAC (ยอดเยี่ยมสำหรับ bgm และเสียง!)
  • สนับสนุนเซสชันและคลังข้อมูลในพื้นที่เช่นเดียวกับฐานข้อมูล Web SQL! (เกมบันทึกไฟล์หรือไม่)
  • รองรับ Application Cache ฉันถือว่าคุณสมบัตินี้จะช่วยให้คุณแคชไฟล์ข้อมูลเกม (รูปภาพและอื่น ๆ ) เพื่อการโหลดที่รวดเร็วขึ้น ฟังดูดีสำหรับฉัน!
  • ไม่รองรับ WebGL
  • ไม่มี WebSocket เกมที่มีผู้เล่นหลายคนจะต้องใช้สิ่งอื่นเช่นการลงคะแนน AJAX
• My Droid Incredible พร้อม Android OS 2.1 (+ Sense UI) ได้คะแนน 151 และไม่มีคะแนนโบนัสจาก 300 ในเบราว์เซอร์ในตัว อีกครั้งโดยเฉพาะอย่างยิ่งทราบ:
  • รองรับ Canvas เต็มรูปแบบ
  • สนับสนุนองค์ประกอบวิดีโอ แต่ตัวแปลงสัญญาณทั้งสี่มี X's อยู่ ฉันสงสัยว่ารูปแบบใดที่สามารถเล่นได้
  • องค์ประกอบเสียงเช่นเดียวกับวิดีโอ - รองรับ แต่รูปแบบทั้งหมดมี X
  • สนับสนุนเซสชันและที่จัดเก็บในตัวเครื่องและฐานข้อมูล Web SQL ทั้งหมด
  • รองรับ Application Cache
  • ไม่มี WebGL หรือ WebSocket
  • รองรับคนทำงานเว็บที่ไม่รองรับ iPod ของฉัน สิ่งเหล่านี้อาจเป็นสิ่งที่ดีในการพัฒนาเกมสำหรับสิ่งที่ดำเนินการแบบขนาน - บางที AI?
• แก้ไข 2011/1/18: My Droid Incredible ตอนนี้มี Android 2.2 และได้คะแนน 176 จาก 300 Tchalvak (ในความคิดเห็น) ได้รับคะแนนเดียวกันกับ Droid 2 ของเขาดังนั้นจึงเป็นเรื่องธรรมดาสำหรับเบราว์เซอร์ Android 2.2 ฉันยังลองใช้เบราว์เซอร์ Opera Mobile ซึ่งมี 72 คะแนน (ไม่มีคะแนนโบนัส) จาก 300 แต่รองรับการใช้งานเต็มรูปแบบ!

อย่างที่คุณเห็น iPod / iPhone และ Android เป็นคอและคอมากและดูเหมือนว่าจะรองรับฟีเจอร์ HTML5 ที่หลากหลาย Canvas นั้นยอดเยี่ยมสำหรับกราฟิกเบราว์เซอร์ 2D และองค์ประกอบเสียงอาจยอดเยี่ยมสำหรับการเล่นเสียงพื้นหลังและเพลงและมันก็เจ๋งมากที่เห็นว่าทั้งสองแพลตฟอร์มรองรับพื้นที่เก็บข้อมูล (แม้ว่าคุณจะสามารถใช้คุกกี้แน่นอนขึ้นอยู่กับขนาดของ บันทึกเกม) โดยรวมแล้วฉันจะบอกว่าคุณควรจะทำมัน ตัวเลขไม่ใช่ทุกอย่าง ในฐานะที่เป็น wkerslake กล่าวว่า "ไม่มีตัวเลขเหล่านี้เป็นแรงบันดาลใจความมั่นใจ" แต่ถ้าคุณมองผ่านสิ่งที่ได้รับการสนับสนุนดูเหมือนว่าจะเป็นทุกสิ่งที่คุณต้องการ!

ฉันว่าไปเลย! ฉันขอให้คุณโชคดีที่สุด.

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

คุณสามารถรับแนวคิดบางอย่างได้จากโลโก้โต้ตอบPacmanล่าสุดของ Google HTML5 นั้นไม่ค่อยมาก แต่ก็ใช้งานได้จริง! มันแสดงให้เห็นว่าคุณไม่จำเป็นต้องใช้ HTML5 ในการสร้างเกมเบราว์เซอร์ (และฉันคิดว่า HTML5 กำลังถูกขว้างด้วยคำศัพท์มากเกินไปเช่นเดียวกับ AJAX หรือยังเป็นอยู่) มีโปรเจ็กต์ gitHub ที่มี deobfuscated, ล้างค่าเวอร์ชั่นของซอร์สที่คุณสามารถดูและเล่นด้วย

HTML5 เป็นทางยาวจากการได้รับการสนับสนุนอย่างแพร่หลายแม้ในเว็บเบราว์เซอร์บนพีซีที่มีโทรศัพท์น้อยกว่ามาก

ตัวเลขเหล่านี้อ้างอิงจากhtml5test

• IE8 บนพีซี = 27/300
• Chrome 5.0.375.125 บนพีซี = 197/300
• Safari 4.0.4 บนพีซี = 207/300
• Safari บน iPhone4 = 185/300

ตัวเลขเหล่านี้ไม่มีแรงบันดาลใจให้ความมั่นใจ

อาจดูเหมือนจะช้าไปหน่อย แต่ฉันต้องการให้การอัปเดตเกี่ยวกับสถานการณ์สำหรับ HTML5 และเบราว์เซอร์มือถือในขณะนี้เมื่อเวลาผ่านไป เมื่อไม่นานมานี้มีการพัฒนาเอ็นจิ้นเกมไม่กี่ตัวที่จะผลิตเกมที่เข้ากันได้กับ HTML5 (ดู: สร้าง 2และGame Maker Studio ) ทั้งคู่ให้ประสิทธิภาพการทำงานที่ดี แต่มีปัญหาที่น่าสังเกตเกี่ยวกับส่วนขยายของฟิสิกส์และวัตถุที่เคลื่อนไหวอย่างรวดเร็วในบางแพลตฟอร์ม iOS ยังคงเป็นผู้นำเมื่อมันมาถึงประสิทธิภาพ แต่ Android มาไกลกับ Chrome รุ่นล่าสุด ควรสังเกตว่าDolphin Browserบน Android นั้นเพิ่มประสิทธิภาพ HTML5 ได้ถึง 100% เช่นกัน! คุณสามารถดูการเปรียบเทียบอย่างรวดเร็วสำหรับการทดสอบด้านล่าง:

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

มีห้องสมุดอยู่สองสามแห่งเพื่อให้สิ่งต่าง ๆ ใช้งานง่ายบนมือถือฉันได้จัดรายการไว้ด้านล่าง:

KineticJS

EaselJS

QuarkJS

ตั้งแต่เดือนกรกฎาคม 2012 คุณสามารถสร้างเกม HTML5 บนมือถือได้อย่างราบรื่น ลองดูวิดีโอนี้

จากมุมมองทางเทคนิคมันเป็นไปได้อย่างแน่นอน มีปัญหา / ข้อผิดพลาดบางอย่างอยู่:

• มีกรอบไม่มากในการเปิดดังนั้นคุณจะต้องเขียนทุกอย่างตั้งแต่เริ่มต้น ตั้งแต่โหมดเรนเดอร์ไปจนถึงการจัดการเสียงการตรวจจับการชน นี่อาจเป็นงานจำนวนมากขึ้นอยู่กับสิ่งที่คุณพยายามจะทำ
• คุณจะต้องมีความเข้าใจที่ดีของ JavaScript แนวทางปฏิบัติ OOP ปกติบางอย่างจะไม่ทำงานเมื่อใช้ภาษานี้ อาจไม่ใช่ตัวเลือกที่ดีที่สุดสำหรับเกมที่มีโค้ดจำนวนมาก :)
• อย่าลืมเรื่องประสิทธิภาพ สมาร์ทโฟนอยู่ไกลจากประสิทธิภาพของเดสก์ท็อปพีซีทั่วไป คุณจะต้องทดสอบประสิทธิภาพอย่างรอบคอบในอุปกรณ์ต่าง ๆ มันอาจขึ้นอยู่กับ JavaScript-Engine (เบราว์เซอร์) ที่ติดตั้งบนอุปกรณ์ นี่ไม่ใช่ปัญหาของ HTML5 เท่านั้น
• พยายามลดแบนด์วิดท์ที่จำเป็นสำหรับเกม อุปกรณ์มือถือมักจะมีการเชื่อมต่อที่ช้าลงและบางครั้งผู้คนจ่ายค่าแบนด์วิดธ์ที่ใช้ ลองใช้การแคชทุกครั้งที่ทำได้

พบโพสต์ที่ดีเกี่ยวกับ iPad และ HTML5: http://mir.aculo.us/2010/06/04/making-an-ipad-html5-app-making-it-really- fast/

นอกจากนี้ฉันจะหลีกเลี่ยงการวาดภาพบนผืนผ้าใบอย่างหนักด้วย iPad ด้วยเหตุผลบางอย่างดูเหมือนว่าค่อนข้างช้า

คุณสามารถใช้PhoneGap Build :

เพียงอัปโหลดไฟล์ zip ด้วยรหัสHTML5และจะให้แอปพลิเคชันสำหรับ: Android, iOS, winphone, Blackbarry, Symbian ..