So zentrieren Sie die Leinwand in CocoonJS Canvas + mit Phaser

Question

Ich versuche ein Spiel mit Phaser und CocoonJS zu erstellen. Alles funktioniert einwandfrei, außer beim Zentrieren der Zeichenfläche beim Bereitstellen des Spiels auf Cocoon mit dem Renderer canvas+. Im Folgenden finden Sie drei Codezeilen, die den gewünschten Effekt in einem Webbrowser erzielen, jedoch nicht auf Canvas +.

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

Das folgende Bild ist eine Abschirmkappe aus einem S3 (auch auf einem iPad wiedergegeben), die die Leinwand perfekt sitzender zeigt, aber nicht entfernt. Hat jemand einen Einblick, wie man die Leinwand zentriert, so dass es auf beiden Seiten sogar schwarze Balken gibt? Die einzige Einstellung, die ich in der Cocoon-Launcher-App geändert habe, ist, Bilder zuzulassen, die keine Zweierpotenzen sind.

Small project reproducing the problem

Answer 1

Ich benutze EXACT_FIT für meine Spiele mit Phaser + Cocoon immer. Ich denke du solltest den EXACT_FIT Modus benutzen.

unten Codes in das Startzustand versetzt ("roundPixels" ist nicht erforderlich):

game.scale.scaleMode = Phaser.ScaleManager.EXACT_FIT; 
game.scale.pageAlignHorizontally = true; 
game.scale.pageAlignVertically = true; 
game.renderer.renderSession.roundPixels = true;