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

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

990฿คอร์สสอนสร้างเว็บไซต์ HTML/CSS สำหรับมือใหม่ + พร้อม Workshop


วันนี้จะพาไปรู้จักกับ 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 Phonbopit

Chai Phonbopit: Software Engineer แห่งหนึ่ง • ผู้ชายธรรมดาๆ ที่ชื่นชอบ Node.js, JavaScript, React และ Open Source มีงานอดิเรกเป็น Acoustic Guitar และ Football นอกจากเขียนบล็อคที่เว็บนี้แล้ว ก็มีเขียนที่ https://medium.com/@Phonbopit ครับ

แสดงความคิดเห็น