wechat small game phaser

Phaser.js를 사용한 Wechat 소규모 게임

현재 Phaser-CE 빌드를 사용 중입니다.

v2.16.0

주요 아이디어

WeChat Small Game 런타임 환경 덕분에 'phaser'를 직접 가져오면 오류가 많이 발생합니다.

해결책

Phaser가 요구하는 일부 전역 변수를 스텁합니다. 이것이 바로 'js/libs/stub.js'가 수행하는 작업입니다.

 import './js/libs/stub' ;

PIXI, p2 및 Phaser를 전역에 노출할 수 있는 표준 버전 대신 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

오디오 재생

Phaser 내장 오디오 API는 작동하지 않지만 어댑터에서 오디오 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