wechat small game phaser

Wechat เกมเล็กด้วย Phaser.js

ปัจจุบันใช้ Build Phaser-CE

เวอร์ชัน 2.16.0

แนวคิดหลัก

"ขอบคุณ" สภาพแวดล้อมรันไทม์ WeChat Small Game การนำเข้า 'phaser' โดยตรงจะได้รับข้อผิดพลาดมากมาย

สารละลาย

Stub ตัวแปรโกลบอลบางตัวที่ Phaser ต้องการ นั่นคือสิ่งที่ 'js/libs/stub.js' ทำ

 import './js/libs/stub' ;

ใช้โครงสร้างแบบกำหนดเองแบบแยกของ Phaser แทนเวอร์ชันมาตรฐาน ซึ่งสามารถเปิดเผย PIXI, p2 และ Phaser ให้เป็นสากลได้

 window . PIXI = require ( './js/libs/pixi' ) ;
window . p2 = require ( './js/libs/p2' ) ;
window . Phaser = require ( './js/libs/phaser-split' ) ;

สร้างอินสแตนซ์เกมด้วยวัตถุแทนพารามิเตอร์หลายตัว ระบุตัวเลือก canvas

 var game = new Phaser . Game ( {
  width : gameWidth ,
  height : gameHeight ,
  renderer : Phaser . CANVAS ,
  canvas : canvas ,
  state : { }
} ) ; 

คำเตือน

ตัวชี้อินพุต

หากขนาดเกมไม่เหมือนกับผืนผ้าใบ คุณควรตั้งค่าโหมดสเกลเพื่อให้ Phaser คำนวณตัวชี้อินพุตอย่างถูกต้อง

 this . scale . scaleMode = Phaser . ScaleManager . SHOW_ALL ;
this . scale . pageAlignHorizontally = true ; // optional
this . scale . pageAlignVertically = true ; // optional

การเล่นเสียง

API เสียงในตัวของ Phaser จะไม่ทำงาน แต่เราสามารถใช้ Audio API จากอะแดปเตอร์ได้

 let au = new Audio ( 'path/to/audio.mp3' ) ;
au . play ( ) ;
au . pause ( ) ;

กำลังโหลดไฟล์ JSON

การโหลดไฟล์ JSON ด้วยเส้นทางสัมพัทธ์จะไม่ทำงาน คุณต้องวางไฟล์ JSON บนเซิร์ฟเวอร์แล้วโหลดด้วย URL

 this . load . json ( 'version' , './a.json' ) ; // ERROR T_T
this . load . json ( 'version' , 'http://phaser.io/version.json' ) ; // WORKS YoY