เว็บโปรแกรมเล่นที่พร้อมใช้

การสร้างเกมสำหรับเว็บสมัยใหม่

ทอม กรีนอเวย์

นักพัฒนาเกมที่ดีรู้ว่าการจะใช้ประโยชน์จากโอกาสของแพลตฟอร์มหนึ่งๆ ให้มานั้นเป็นสิ่งสำคัญ แล้วลักษณะเฉพาะของเว็บมีอะไรบ้าง และความหมายของเกมบนเว็บ

ในงาน Google I/O 2019 ผมได้นำเสนอความคิดเห็นเกี่ยวกับสถานะของระบบนิเวศเกมบนเว็บ แนวทางปฏิบัติแนะนำในปัจจุบันสำหรับการพัฒนาเกมบนเว็บสมัยใหม่ และทิศทางที่อุตสาหกรรมนี้กำลังมุ่งหน้าไป ในบล็อกโพสต์นี้ เราจะสรุปประเด็นสำคัญบางส่วนจากการพูดคุยของเรา ซึ่งคุณสามารถรับชมแบบเต็มบน YouTube ได้

ความท้าทายของเกมบนเว็บ

ก่อนมาเข้าร่วม Google ฉันสร้างเกมในอุปกรณ์เคลื่อนที่ที่ชื่อ Duet ซึ่งมียอดดาวน์โหลดเกือบ 20 ล้านครั้ง จากประสบการณ์นั้น ผมได้เรียนรู้ว่าองค์ประกอบสำคัญ 3 อย่างในการสร้างธุรกิจที่ประสบความสำเร็จจากเกมคือ

• เกมที่ใช้งานได้
• ผู้ใช้
• วิธีสร้างรายได้จากผู้ใช้

หากไม่มีองค์ประกอบทั้ง 3 นี้ นักพัฒนาเกมก็จะประสบความสำเร็จไม่ได้ ปัจจุบัน 2 ประเด็นสุดท้ายนี้สำคัญที่สุด ระบบนิเวศ HTML5 แบบปิด เช่น WeChat, Facebook Instant Games และอื่นๆ ได้แสดงให้เห็นว่าการสร้างเกมโดยใช้ HTML5 นั้นสามารถเกิดขึ้นได้

แนวทางปฏิบัติแนะนำที่ทันสมัย

คำว่า "เกมที่ใช้งานได้" หมายถึงองค์ประกอบหลัก 3 อย่างของสิ่งที่ทำให้เกมทำงานได้ผล

• การแสดง
• ภาพ
• เสียง

ในแต่ละสถานการณ์นี้ แพลตฟอร์มเว็บได้พัฒนาไปอย่างมากในช่วงไม่กี่ปีที่ผ่านมา สำหรับประสิทธิภาพของ CPU เรามีสิทธิ์เข้าถึงมาตรฐานใหม่ที่มีประสิทธิภาพที่เรียกว่า WebAssembly ในส่วนของกราฟิก WebGL 1.0 มีการรองรับการใช้งานข้ามเบราว์เซอร์ในระดับดี และมาตรฐานในอนาคต เช่น WebGPU ก็ได้วางตำแหน่งแพลตฟอร์มเว็บสำหรับอนาคตที่ยืดหยุ่นของการเขียนโปรแกรมกราฟิกที่คล้ายกับ Vulkan และ Metal ประการสุดท้าย สำหรับเสียงในเว็บ เรามี Web Audio API ทั่วไปและ Audio Worklet API ล่าสุด

เมื่อเร็วๆ นี้ Unity ได้ดูตัวอย่างรันไทม์ใหม่ชื่อว่า Project Tiny ซึ่งมุ่งเน้นที่การสร้างเกม 2 มิติสำหรับแพลตฟอร์มที่ใช้ HTML5 Project Tiny ใช้การออกแบบใหม่แบบแยกส่วนกับโครงสร้างเครื่องยนต์ของ Unity ซึ่งทำให้เอนจินหลัก Unity ต้องมีขนาดเล็กกว่า 1 เมกะไบต์

ส่งออกการสาธิตรถถังของ Unity ผ่าน HTML5

ในด้านทางเทคนิคแล้ว ปัจจุบันคือโอกาสที่ดีที่สุดในการเปิดรับการพัฒนาเกมบนเว็บ

ป้อนลูป

แน่นอนว่าเกมที่ดีไม่ได้มีเพียงประสิทธิภาพ กราฟิก และเสียงที่ดีเท่านั้น นั่นหมายความว่าเกมจะต้องสนุกด้วย

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

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

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

โดยส่วนตัวแล้วผมเชื่อว่ากุญแจสำคัญในการสร้างเกมบนเว็บที่ประสบความสำเร็จคือการพึ่งพาลักษณะเฉพาะของเว็บนั้นๆ กล่าวโดยละเอียดคือ คุณภาพของโครงสร้าง URL ของเว็บและลูปการแชร์ที่ผู้ใช้สามารถเข้าร่วมได้

ต่อไปนี้คือตัวอย่างเกมบนเว็บที่ผมสร้างโดยใช้ Construct 3 ซึ่งใช้ประโยชน์จาก URL ในรูปแบบที่สนุกและน่าสนใจ

Space Board เป็นเกมง่ายๆ ที่เล่นได้บนอุปกรณ์เคลื่อนที่ด้วยการควบคุมด้วยการสัมผัสหรือเล่นบนเดสก์ท็อปที่มีการป้อนข้อมูลด้วยแป้นพิมพ์ วัตถุประสงค์คือการฝ่าฟันอุปสรรคต่างๆ เพื่อไปให้ถึงเป้าหมายในตอนท้าย

Space Board ใช้ประโยชน์จาก URL อย่างมีเอกลักษณ์อย่างไร โดยการเข้ารหัสโครงสร้างระดับใน URL นั้นๆ ทุกระดับชั้นจะกำหนดเป็นตารางขนาด 10 x 10 ของวัตถุ เช่น กำแพง ป้อมปราการของศัตรู กุญแจ ประตูที่ล็อกไว้ ฯลฯ จากนั้น URL จะแสดงตำแหน่งตารางกริดทั้งหมดและเนื้อหาภายในตาราง ผนังจะแสดงเป็นอักขระ W โดยการเว้นวรรคคืออักขระขีดล่าง

ตัวอย่าง

https://io-space-board.firebaseapp.com/?gameWorld=_wwwwwwwwww___ww__eww_k__d___ww___ww___ww_wwwww_www_wwwww_www___ww___ww_s_ww_f_ww___ww___wwwwwwwwwwww

ถึงจะน่าเกลียด แต่ทำหน้าที่ได้

เมื่อผ่านด่านใน Space Board แล้ว ผู้เล่นจะมีโอกาสออกแบบระดับของตนเองโดยใช้เครื่องมือแก้ไขระดับแบบง่ายๆ ดังที่แสดงไว้ด้านบน การเปิดโอกาสให้ผู้เล่นออกแบบระดับของตัวเองได้ถือเป็นการเปิดโอกาสให้เราได้ปรับเปลี่ยนให้เหมาะกับแต่ละบุคคล เมื่อผู้ใช้รู้สึกเชื่อมโยงกับเกมและความรู้สึกความเป็นเจ้าของผ่านการสร้างและปรับแต่ง พวกเขามีแนวโน้มที่จะต้องการแชร์ 'สิ่งที่' นั้นกับโลกมากขึ้น

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

ผลตอบแทนจากการลงทุน

ในปัจจุบัน ท้ายที่สุดแล้ว เราให้ความสำคัญกับ 2 เรื่องต่อไปนี้เกี่ยวกับวิธีที่นักพัฒนาเกมสามารถสร้างรายได้ผ่านเกมบนเว็บ

• สร้างรายได้จากเกมโดยตรง
• ถือว่าลูกค้าเป็นช่องทางการได้ผู้ใช้ใหม่

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

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

อย่างไรก็ตาม ก็มีนักพัฒนาเกมที่ประสบความสำเร็จในเว็บแบบเปิดอย่างต่อเนื่องผ่านการโฆษณาผ่านโฆษณาแบนเนอร์แบบดั้งเดิมและโฆษณาวิดีโอคั่นระหว่างหน้า ดูข้อมูลเพิ่มเติมเกี่ยวกับรูปแบบเหล่านี้ได้ที่ AdSense for Games

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

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

อนาคต

เราได้เห็นเกมบนเว็บที่ประสบความสำเร็จอย่างไม่น่าเชื่อหลายเกมในช่วงไม่กี่ปีที่ผ่านมา Slither.io ได้สร้างธุรกิจที่ผสมผสานระหว่างเว็บและธุรกิจเฉพาะแพลตฟอร์ม ซึ่งแสดงให้เห็นถึงการเข้าถึงอย่างมหาศาลและโอกาสในการเติบโตแบบไวรัลที่เว็บมอบให้ พอร์ทัลอย่าง Poki.com กำลังสร้างสรรค์ประสบการณ์ของผู้ใช้และเปิดตัวเกมใหม่ๆ ทุกวัน รวมถึงเกมที่ตรงกับเวอร์ชันที่ใช้บนอุปกรณ์เคลื่อนที่ เช่น Subway Surfers หรือ Crossy Road

นอกจากนี้ หากคุณดูนอกเว็บแบบเปิดกว้าง คุณจะเห็นได้ว่าเกมบนเว็บกำลังได้รับความนิยมอย่างมาก ระบบนิเวศแบบปิด เช่น WeChat และ LINE นำเสนอเกมที่สนุกไม่เล่นบนเว็บแบบเปิดแต่สร้างต่อยอดมาจากเทคโนโลยีเว็บอย่าง HTML5 และ WebView นี่เป็นสัญญาณที่ชัดเจนว่าเว็บมีความสอดคล้องถึงระดับที่สามารถแข่งขันกับเกมมือถือเฉพาะแพลตฟอร์ม ซึ่งอาจไม่ใช่ในคำจำกัดความของความแม่นยําในตำราเรียน แต่เป็นเมตริกที่สำคัญกว่าคือ ความสนใจของผู้เล่น