wechat small game phaser

لعبة Wechat الصغيرة مع Phaser.js

يتم حاليًا استخدام Phaser-CE Build

v2.16.0

الفكرة الرئيسية

"بفضل" بيئة تشغيل WeChat Small Game، فإن استيراد "phaser" مباشرةً سيؤدي إلى حدوث الكثير من الأخطاء.

حل

قم بإيقاف بعض المتغيرات العامة التي يتطلبها 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

تشغيل الصوت

لن تعمل واجهة برمجة تطبيقات الصوت المدمجة في Phaser، ومع ذلك، يمكننا استخدام واجهة برمجة تطبيقات الصوت من المحول.

 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