タグ

2021年9月12日のブックマーク (1件)

  • Flutterでジャイロセンサーを用いて3D効果を与える | kawa.dev

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