Ich verwende KineticJS, um HTML-Canvas-Animationen auszuführen. Animationen funktionieren perfekt auf allen Desktop-Browsern und iDevices ohne Netzhaut (einschließlich iPad mini). Auf einem Retina-Gerät (Browser oder In-App-Webansicht mit Appcelerator) sind diese Animationen jedoch sehr träge. Ich habe ähnliche Probleme mit Leinwandanimationen auf dem Retina-Display gesehen, aber keine echte Lösung gefunden.

Mein Bühnenkonstruktor ist 1024w x 768h. Alle Bilder sind vorinstalliert. Und Animationen werden mithilfe der Rückruffunktion des Preloaders erstellt.

Wenn ich die Bühnengröße halbiere (und den inneren Inhalt entsprechend skaliere), wird die Animation fast normal abgespielt (immer noch etwas unruhiger als bei anderen iPads). Meine einzige Rechtfertigung, dies zu versuchen, war mein sehr schlechtes Verständnis, dass eine Retina-Anzeige zwei "Punkte" / Pixel beträgt.

Einsichten oder Ideen sind willkommen. Mein nächster Versuch ist, die Bildauflösung zu ändern, anstatt sie dynamisch zu skalieren.