はてなブックマーク

こちらのリポジトリで公開しています． https://github.com/kawa1214/flutter-3d-animation-gyrosensor どのような実装をしたか今回は，画面を foreground，middle，background の３つのレイヤーに分けて，ジャイロセンサーに応じて移動させることで表現しました． 全面のレイヤーはキャラクターとエフェクトの要素です．中間のレイヤーは文字です．背面のレイヤーはバックグラウンド画像としました．中間のレイヤーは固定し，全面のレイヤーはジャイロセンサーの値を元に移動しています． 背面のレイヤーは全面のレイヤーとは逆方向に移動しています． ジャイロセンサーを Flutter で扱うパッケージsensors_plus というパッケージを用いて，ネイティブからジャイロセンサーの値を取得することができます． dependencies: