Pixi.js: Wackelnde Spritesheet-Animationen auf iOS

Zusätzliche Information; Dieses Wackeln tritt beim letzten Pixi v3 NICHT auf: http://moonrat.co.uk/html5/pixi-ios-animation-bug-v3/

v3 ist besser? Das ist interessant

Ich habe das gleiche "Wackeln"-Problem unter iOS nur beim Drehen einiger Formen (es passiert, wenn sich ihr Winkel um 0 bewegt). Kann nicht zu v3 zurückkehren…

Der einzige Unterschied, von dem ich denke, dass er sein könnte, ist, dass wir Vertex-Daten in Float32-Arrays in v4 speichern? Vielleicht ein Präzisionsproblem?

@GoodBoyDigital Ich habe es heute getestet, @themoonrat sagte, es sei dasselbe.

cool - vielleicht Shader-Präzision?

Lohnt es sich zu testen, wenn roundPixels auf false gesetzt ist, um zu sehen, ob es dadurch gestoppt wird?

Am Freitag, den 17. Februar 2017 um 16:13 Uhr schrieb Mat Groves [email protected] :

cool - vielleicht Shader-Präzision?

—
Sie erhalten dies, weil Sie diesen Thread abonniert haben.
Antworten Sie direkt auf diese E-Mail und zeigen Sie sie auf GitHub an
https://github.com/pixijs/pixi.js/issues/3742#issuecomment-280692953 ,
oder den Thread stumm schalten
https://github.com/notifications/unsubscribe-auth/AAipZJ8DLKkA3bRJQIOYcmTDpXZgfTehks5rdccygaJpZM4MDJtw
.

roundPixels ist standardmäßig falsch, ich habe es bereits überprüft.

Warte, warte, das erinnerte mich!

@ivanpopelyshev - Sie wissen, wie Sie mich gebeten haben, die Standard-Shader-Präzision auf Highp zu ändern, und es hat nichts geändert. Nun, ich habe das gerade in Ihrer neuen Version ausprobiert, die Sie mir heute Morgen gegeben haben, und es _behebt_ es!

Ok, das ist seltsam.
Damit.
Sogar der aktuelle Entwicklungszweig mit highp für PRECISION funktioniert. Aber....

PIXI.settings.PRECISION = 'highp'
Funktioniert nicht
Wenn Sie direkt in pixi.js gehen und bearbeiten
PRECISION: 'mediump',
zu
PRECISION: 'highp',
Dann funktioniert es.

also hohe präzision + doppelte werte? Es scheint, dass die Double-> Float-> Highp-Konvertierung eine schlechte Sache für iPhone / iPad ist. Ich denke, das liegt daran, dass es nicht rundet, sondern tatsächlich viel abschneidet.

Es sieht also so aus, als ob dies eher ein Problem ist, bei dem die Einstellungen nicht erfasst werden, als irgendetwas anderes

schöner Fang @themoonrat

k, ich habe eine Lösung; Dies liegt an der Art des Importierens einer Einstellung. Macht es statisch, Zeit zu importieren, anstatt dynamisch zu dem, was sie gerade ist. Raising eine PR bald

Außerdem sollten wir Float64Array in Sprrite anstelle von Float32Array verwenden, das wird den Fehler ein wenig reduzieren.

EDIT: es wird nicht, aber mit einigen anderen Maßnahmen kann es :)

@ivanpopelyshev Ich denke, es geht uns gut, so wie es ist - wir laden sie als Float32 hoch, also macht es keinen Sinn, sie mit doppelter Genauigkeit zu halten.

Leider habe ich immer noch Wackeln auf einem iPad Mini3 mit pixi4.4.1.
Ich setze PIXI.settings.PRECISION = 'highp' manuell, sollte ich sonst noch etwas tun?

Sehen Sie eine Verfallswarnung in der Konsole? Wenn ja, dann verwenden Sie wirklich 4.4.1.

Was ist Ihr Anwendungsfall? Nur ein paar Sprites in einer Stage?

Ja, ich sehe die Verfallswarnung Bitte verwenden Sie PIXI.settings.PRECISION_FRAGMENT.
Mein Test hat nur 1 AnimatedSprite, das mit 24 fps (Geschwindigkeit 0,4) abgespielt wird.
Die Animation wurde mit TexturePacker erstellt und die Basistexturabmessungen sind POT (2048x2048)
In 4.4.1 wackelt er weniger als vorher, aber es ist immer noch ein spürbares Zittern.

Und was ist, wenn Sie den Pixi-Picture-Renderer dafür verwenden? Fügen Sie einfach dieses hinzu: https://github.com/pixijs/pixi-picture/tree/master/bin und schreiben Sie

sprite.pluginName = 'picture';

Toll! Mit Pixi-Bild sieht es perfekt aus :)
Das ist also ein alternativer Sprite-Renderer?
In welchen Fällen sollten wir es verwenden? (abgesehen von diesem offensichtlichen Fall). Kann es als allgemeiner Renderer verwendet werden (unterstützt Multi-Textur-Batching) oder ist es eher eine Sache für einen bestimmten Zweck?

Dann weiß ich, was mit dem Haupt-Sprite-Renderer nicht stimmt. Pixi-Bild ist eine dumme Sache, die überhaupt nicht gestapelt ist, aber Randartefakte reduziert und Überlagerungs- / Hardlight-Mischmodi unterstützt.

Der Hauptunterschied besteht darin, wie UV-Koordinaten übergeben werden. Der Haupt-Sprite-Renderer verwendet Uint16, während Picture wie alle anderen Plugins Float's verwendet.

FYI:
PIXI.settings.PRECISION_FRAGMENT = 'highp';
löst die wackeligen ios-animationen für mich ohne irgendwelche plugins

ps - @ivanpopelyshev , Sie haben PRECISION_VERTEX standardmäßig auf 'highp' gesetzt, um dieses Problem zu lösen, aber vielleicht haben Sie das falsche gewählt? Irgendwelche Nachteile für mein Spiel, um es wieder auf „Mediump“ herunterzustufen?
pps - sollten wir es so machen, dass jede 'highp'-Einstellung auf 'mediump' herabgestuft wird, wenn der Legacy-Modus aktiviert ist?

Ich habe das gleiche Problem und verwende Pixi v4.6.2. Es ist sehr kritischer Fehler für mich. @ivanpopelyshev , hat jemand dieses Problem gelöst?

PIXI.settings.PRECISION_FRAGMENT = 'highp'
bevor Sie den Renderer erstellen

Denken Sie daran, dass einige Geräte dies nicht unterstützen und es besser ist, Highp nur auf bestimmten Geräten zu aktivieren, auf denen es zu Wackeln kommt.

Verwenden Sie außerdem das Pixi-Picture-Plugin und sprite.pluginName='picture' , wenn Sie das Problem für eine kleine Anzahl von Objekten beheben möchten.

Wenn das Problem nur darin besteht, dass Sprites unter IOS wackeln, dann ja, machen Sie ein "wenn ios, dann setzen Sie das Präzisionsfragment auf hoch".
Wenn es nicht ios ist, ist möglicherweise das Bild-Plugin erforderlich. Aber es war nicht nur für meine iOS-Probleme :)

@ivanpopelyshev , @themoonrat danke, es funktioniert.

Dieser Thread wurde automatisch gesperrt, da es nach seiner Schließung keine Aktivitäten mehr gegeben hat. Bitte öffnen Sie ein neues Problem für verwandte Fehler.