Pixi.js: iOSでのウォブリングスプライトシートアニメーション

追加情報; このぐらつきは、最後のpixi v3では発生しません：http： //moonrat.co.uk/html5/pixi-ios-animation-bug-v3/

v3の方がいいですか？ それは面白い

iOSで同じ「ぐらつき」の問題が発生するのは、一部の図形を回転させた場合のみです（角度が0を中心に移動している場合に発生します）。 v3に戻れない…

唯一の違いは、v4のfloat32配列に頂点データを格納していることです。 多分精度の問題？

@GoodBoyDigital私は今日それをテストしました、 @themoonratはそれが同じだと言いました。

かっこいい-多分シェーダーの精度？

roundPixelsをfalseに設定してテストし、それが停止するかどうかを確認する価値はありますか？

2017年2月17日金曜日16:13に[email protected]は次のように書いています。

かっこいい-多分シェーダーの精度？

—
このスレッドにサブスクライブしているため、これを受け取っています。
このメールに直接返信し、GitHubで表示してください
https://github.com/pixijs/pixi.js/issues/3742#issuecomment-280692953 、
またはスレッドをミュートします
https://github.com/notifications/unsubscribe-auth/AAipZJ8DLKkA3bRJQIOYcmTDpXZgfTehks5rdccygaJpZM4MDJtw
。

roundPixelsはデフォルトでfalseです、私はすでにそれをチェックしました。

待って、待って、それは私に思い出させた！

@ivanpopelyshev-デフォルトのシェーダーの精度をhighpに変更するように私に依頼した方法を知っていますが、何も変更されませんでした。 さて、私はあなたが今朝私にくれたあなたの新しいバージョンでそれを試しました、そしてそれはそれを修正します！

わかりました、これは奇妙です。
それで。
PRECISION用のhighpを備えた現在のdevブランチでも機能します。 しかし....

PIXI.settings.PRECISION = 'highp'
動作しません
pixi.jsに直接アクセスして、編集する場合
PRECISION: 'mediump',
に
PRECISION: 'highp',
その後、それは動作します。

だから、高精度+倍の値？ double->float->highp変換はiphone/ipadにとって悪いことのようです。 丸くないからだと思いますが、実際はかなり切り捨ててしまいます。

ですから、これは何よりも問題が取り上げられていない設定のようです

ナイスキャッチ@themoonrat

k、修正があります。 これは、設定をインポートするスタイルによるものです。 現在の時間に動的ではなく、時間をインポートすることを静的にします。 すぐにPRを上げる

また、Float32Arrayの代わりにSprriteでFloat64Arrayを使用する必要があります。これにより、エラーが少し減少します。

編集：それはしませんが、他のいくつかの手段でそれはできます:)

@ivanpopelyshevそのままで問題ないと思います。float32としてアップロードするので、倍精度で保持しても意味がありません。

残念ながら、私はまだpixi4.4.1を搭載したiPadMini3でぐらつきを経験しています。
PIXI.settings.PRECISION ='highp'を手動で設定していますが、他に何かする必要がありますか？

コンソールに非推奨の警告が表示されますか？ はいの場合、実際には4.4.1を使用しています。

あなたのユースケースは何ですか？ ステージ内のほんの数個のスプライト？

はい、PIXI.settings.PRECISION_FRAGMENTの非推奨警告を使用してください。
私のテストでは、1つのAnimatedSpriteが24fps（速度0.4）で再生されています。
アニメーションはTexturePackerで作成され、基本テクスチャのサイズはPOT（2048x2048）です。
4.4.1では、彼は以前よりもぐらつきが少なくなっていますが、それでも顕著なジッターです。

また、pixi-pictureレンダラーを使用するとどうなりますか？ これを追加するだけです： https ：//github.com/pixijs/pixi-picture/tree/master/binそして書く

sprite.pluginName = 'picture';

すごい！ pixi-pictureを使用すると、完璧に見えます:)
それで、これは代替のスプライトレンダラーですか？
どちらの場合に使用する必要がありますか？ （この明らかなケースを除いて）。 一般的なレンダラー（マルチテクスチャバッチ処理をサポート）として使用できますか、それとも特定の目的のものですか？

次に、メインのスプライトレンダラーの何が問題になっているのかがわかります。 Pixi画像は、まったくバッチ処理されていない愚かなものですが、境界のアーティファクトを減らし、オーバーレイ/ハードライトブレンドモードをサポートします。

主な違いは、UV座標の受け渡し方法です。 メインのスプライトレンダラーはUint16を使用しますが、他のすべてのプラグインと同様に画像はFloatを使用します。

ご参考までに：
PIXI.settings.PRECISION_FRAGMENT = 'highp';
プラグインなしで私のためにぐらついたiOSアニメーションを解決します

ps-@ivanpopelyshev 、これを解決するためにデフォルトでPRECISION_VERTEX'highp'を作成しましたが、間違ったものを選択した可能性がありますか？ ゲームを「mediump」にダウングレードすることの欠点はありますか？
pps-レガシーモードが有効になっている場合、「highp」設定が「mediump」にダウングレードされるようにする必要がありますか？

同じ問題があり、pixiv4.6.2を使用しています。 それは私にとって非常に重大なバグです。 @ivanpopelyshev 、誰かがこの問題を解決しましたか？

PIXI.settings.PRECISION_FRAGMENT ='highp'
レンダラーを作成する前に

一部のデバイスはこれをサポートしていないことを忘れないでください。ウォブリングが存在する特定のデバイスでのみhighpを有効にすることをお勧めします。

また、少数のオブジェクトの問題を修正する場合は、pixi-pictureプラグインとsprite.pluginName='picture'を使用してください。

問題がIOSでスプライトをぐらつかせているだけの場合は、「ifiosの場合は精度フラグメントを高に設定」を実行します。
iOSでない場合は、画像プラグインが必要になる場合があります。 しかし、それは私のiOSだけの問題ではありませんでした:)

@ivanpopelyshev 、 @ themoonratありがとう、それは動作します。

このスレッドは、閉じられた後、最近のアクティビティがないため、自動的にロックされています。 関連するバグについては、新しい問題を開いてください。