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

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

Tom Greenaway

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

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

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

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

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

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

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

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

  • ประสิทธิภาพ
  • ภาพ
  • เสียง

แพลตฟอร์มเว็บได้พัฒนาไปอย่างมากในช่วง 2-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 เมกะไบต์

รถถัง 2 คันกำลังต่อสู้กัน
การสาธิตรถถังของ Unity ที่ส่งออกผ่าน HTML5

จากด้านเทคนิค ขณะนี้เป็นช่วงเวลาที่เหมาะสมที่สุดในการพัฒนาเกมบนเว็บ

เข้าสู่ลูป

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

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

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

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

เกม 3 เกมที่มีสไตล์อาร์ตเวิร์กแบบมินิมอล

เราเชื่อว่าหัวใจสำคัญของการสร้างเกมบนเว็บที่ประสบความสำเร็จคือการใช้ประโยชน์จากลักษณะเฉพาะของเว็บ กล่าวโดยละเอียดคือ คุณภาพของโครงสร้าง 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 นี่เป็นสัญญาณที่ชัดเจนว่าเว็บได้บรรลุระดับความเสมือนจริงที่เทียบเท่าเกมบนอุปกรณ์เคลื่อนที่เฉพาะแพลตฟอร์มได้ ซึ่งอาจไม่ใช่ความเสมือนจริงตามคำจำกัดความในตำรา แต่อยู่ในเมตริกที่สําคัญกว่าอย่างการดึงดูดความสนใจของผู้เล่น