Unfähigkeit, Canvas auf iOS für einen in Construct 2 erstellten AirConsole-Controller richtig zu skalieren.

Question

Ich habe mit der Erstellung von AirConsole-Controllern mit Construct 2 experimentiert. Construct 2 enthält verschiedene Skalierungsmodi, um sicherzustellen, dass der Canvas-Bereich beliebig skaliert wird. Ich habe jede mögliche Kombination getestet und festgestellt, dass der Simulator (läuft in Safari, Edge, Chrome und Firefox) korrekt funktioniert, das Nexus 5 funktioniert jedoch nicht, aber iPhone 7 Plus und iPad (mit der iPhone AirConsole App) nicht gehorche der Skalierung, die ich in Konstrukt 2 eingestellt habe.

Bei 1280x720 bedeutet dies, dass ein Teil des Controllers immer offscreen ist. Ich habe sowohl die "AirConsole" und "AirConsoleController" Plugins auf der Bildschirmseite verwendet, und beide haben das gleiche Problem. Wenn ich beide Plugins aus meinem Construct 2-Projekt lösche und die Seite mit airconsole.com/#[SERVER_URL]/pong lade, geht das Skalierungsproblem verloren, aber ich verliere die Möglichkeit, die AirConsole-API-Methoden aufzurufen (Ausrichtung auf Querformat, Handshake, Nachrichtenübermittlung usw.).

Ich verstehe völlig, dass dies wahrscheinlich nicht hoch auf der Prioritätenliste ist, da das AirConsole-Team einen guten Job beim Zusammenstellen des Controller-Generators gemacht hat, aber wäre es möglich, dieses Problem auf iOS-Geräten zu untersuchen? Gibt es auf der AirConsole-Seite etwas, das die Construct 2-Bildschirmskalierungsregeln für iOS-Controller überschreibt?

Eines der Ziele unseres Teams besteht darin, ein Controller-Minispiel zu erstellen, das ein Benutzer auf seinem Gerät spielen würde, während das Hauptspiel auf screen.html läuft. Es wäre viel einfacher, dies in Construct 2 zu tun, als es von Hand zu codieren.

Edit:

reran ich einen schnellen Test des Pong Beispiel die Phaser.io Tanksieb als Controller-Tasten anstelle der pong verwenden. In diesem Test würde ich erwarten, dass der Tankbildschirm auf den Controller geladen wird. Das ist, was ich im Simulator und auf meinem Nexus 5 sehe. Auf meinem iPhone ist die Hälfte des Tankbildschirms von der Kante des Telefons entfernt.

Da ein ähnliches Verhalten sowohl in den Projekten Construct 2 und Phaser.io auftritt, habe ich eine Ahnung, dass das Problem auftreten kann, wenn ein Canvas-Element auf iOS-Bildschirmen für AirConsole-Controller platziert wird.

Answer 1

Es scheint einen Fehler auf iOS mit iframes zu geben.

Anwendung dieser CSS an die controller.html es für einige Entwickler behoben:

html, body { 
    height: 100%; 
    overflow: hidden; 
}