รู้จักกับ CocoonJS ตัวช่วยสำหรับคนทำเกมส์ HTML5

รู้จักกับ CocoonJS ตัวช่วยสำหรับคนทำเกมส์ HTML5 Cover Image

วันนี้จะพาไปรู้จักกับ Cocoon.js ตัวช่วยของผมในการเขียนและคอมไพล์เกม HTML5 เลยก็ว่าได้ เนื่องจากปัจจุบันกำลังหัดเขียนเกมและพบว่าเขียนด้วย HTML5 (javascript) ด้วย Framework อย่าง Phaser.js มันทำได้ง่ายและสะดวกดี บางทีนั่งแก้งานผ่าน Github เลยก็ยังได้ ในขณะที่ตอนที่หัด LibGDX จะมักมีปัญหาตอนเซ็ตอัพ หรือบางทีอย่างแก้เล็กๆน้อยๆ ก็ต้องนั่งเปิด IDE ซึ่งบางทีก็เสียเวลา :) วันนี้ก็เลยมาแนะนำและแชร์ Cocoon.js ให้ได้รู้จักกันครับ

CocoonJS คืออะไร?

CocoonJS เป็น Web Platform ที่ช่วยให้เราสามารถเขียนเกมแบบ Cross-Platform ได้ โดยตัว Cocoon.js จะทำการ compile โค๊ด HTML5 ให้เราไปเป็น Platform ต่างๆ รวมถึงมี Features และ Extensions มากมายที่รองรับ ซึ่งปัจจุบันนับว่าสะดวกสบายมากเลย เนื่องจากเขียนแค่ครั้งเดียวแต่สามารถรันได้ทุก Platform ส่วนเรื่อง Perfomance ก็ไม่รู้ซินะ :)

สำหรับขั้นตอนการใช้งาน ตามรูปตัวอย่างเลย ก็คือ

How to use

  1. พัฒนาเกมของเราด้วย HTML5 (อาจจะเป็น Javascript Framework อย่าง Phaser.js, Impact.js หรือ cocos2d-x เป็นต้น)
  2. เทสเกมของเราด้วย CocoonJS Launcher
  3. อัพโหลดตัวเกมไปที่ Cloud ของ CocoonJS

หน้าตา Portal สำหรับอัพโหลดตัวเกม และจัดการตั้งค่าต่างๆ

Create Project Cocoon.js

มี Features อะไรน่าสนใจบ้าง?

  • WebGL : สามารถรัน WebGL ได้ทั้งบน Android และ iOS
  • Acceleration : เพิ่มประสิทธิภาพความเร็วให้กับ Canvas สูงสุดถึง 10 เท่า
  • Hardware : มี APIs ที่รองรับทั้ง GPS, Accelerometer, Gyroscope และ Gamepad
  • In-App Purchases : รอบรับ In-App ทั้ง iOS และ Android
  • Multiplayer : รองรับการเล่นเกมแบบ Multiplayer ผ่าน Extension ของ Cocoon
  • Push Notifications : ส่ง Push ไปยังผู้ใช้ได้ทั้ง iOS และ Android
  • Ads : สามารถหารายได้ด้วยการติดโฆษณาได้
  • Social Network : รองรับ Social Network

และรายละเอียดทั้งหมด อ่านเพิ่มเติมได้ที่นี่

ตัวอย่างเล็กๆน้อยๆ สำหรับเกมที่ใช้ CocoonJS ในการ compile (อาจจะมี Logo ติดมาด้วยตอน Start Game)

CocoonJS Game

สุดท้าย สำหรับคนที่กำลังทำเกมด้วย HTML5 และมองหา Cross Platform นอกเหนือจากพวก Phonegap Cordova แล้ว CocoonJS ก็น่าจะเหมาะและเป็นตัวเลือกที่น่าสนใจนะครับ หากใครอยากรู้รายละเอียดมากกว่านี้ก็ลองสมัครและใช้งานดูครับ

Happy Coding <3

Chai Chai Phonbopit : Software Engineer @Nextzy • ผู้ชายธรรมดาๆ ที่ชื่นชอบ Android, JavaScript (Node.js) และ Open Source มีงานอดิเรกเป็น Acoustic Guitar และ Football

บทความล่าสุด