エントリーの編集
                エントリーの編集は全ユーザーに共通の機能です。
                    必ずガイドラインを一読の上ご利用ください。
Flutterでジャイロセンサーを用いて3D効果を与える | kawa.dev
記事へのコメント0件
- 注目コメント
 - 新着コメント
 
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
          - バナー広告なし
 - ミュート機能あり
 - ダークモード搭載
 
関連記事
Flutterでジャイロセンサーを用いて3D効果を与える | kawa.dev
こちらのリポジトリで公開しています. https://github.com/kawa1214/flutter-3d-animation-gyrosensor ... こちらのリポジトリで公開しています. https://github.com/kawa1214/flutter-3d-animation-gyrosensor どのような実装をしたか今回は,画面を foreground,middle,background の3つのレイヤーに分けて,ジャイロセンサーに応じて移動させることで表現しました. 全面のレイヤーはキャラクターとエフェクトの要素です.中間のレイヤーは文字です.背面のレイヤーはバックグラウンド画像としました.中間のレイヤーは固定し,全面のレイヤーはジャイロセンサーの値を元に移動しています. 背面のレイヤーは全面のレイヤーとは逆方向に移動しています. ジャイロセンサーを Flutter で扱うパッケージsensors_plus というパッケージを用いて,ネイティブからジャイロセンサーの値を取得することができます. dependencies:
              
            

