問題タブ [bodymovin]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
ios - ロッティ - iOS。アプリは Web からの JSON アニメーションを表示しますが、After Effects でレンダリングした JSON は表示しません
Lottie アニメーションを表示および再生する iOS アプリがあります。私が成功裏に使用したアニメーションは、www.lottiefiles.com のものです。そこからのすべてのアニメーションが機能します。
After Effects で独自のアニメーションを作成し、BodyMovin を使用してエクスポートしてから表示しようとしましたが、何も表示されません。
Xcode は画像が見つからないと文句を言いますが、www.lottiefiles.com からダウンロードした JSON アニメーションの画像を要求したことはありません (そして持っていません)。アプリは引き続きそれらを再生します。
画像を追加しましたが、まだ何も表示されず、画像が見つからないと不平を言っています。
「元のアセット名 - 元のプロジェクト名でアセットをエクスポート」&「JSON に含める - json でエンコードされたラスタライズされた画像を含める」など、BodyMovin のさまざまな設定を試しました。これらのどちらも問題を解決していません。
他の人が作成した別の AE コンポジションを試しましたが、それもうまくいきませんでした。
BodyMovin' を使用して demo.html を作成し、アニメーションが html で表示されるかどうかを確認したので、アニメーションが機能することがわかりました。
www.lottiefiles.com からの JSON ファイルはアプリで機能するようですが、After Effects からレンダリングした JSON ファイルは機能しません。
javascript - bodymovin translateZ();
aftereffects を使用して次のアニメーションを作成しました: https://imgur.com/G7bPnNc
z 軸に沿った動きを設定するために使用されたアフター エフェクトのボタンがあります: https://imgur.com/a/dq2occo
私はそれがこの方法だと信じています：
https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/translateZ
ただし、結果として得られる html5 エクスポートは、アフター エフェクトで設定した不透明度のみを png に適用し、translateZ を無視します。
私が見つけた次のドキュメントでは、3d または変換 Z については何も見ませんでした。
https://airbnb.io/lottie/supported-features.html
エクスポートされたアニメーション内の png に translateZ() を追加するにはどうすればよいですか?