ぬるぬる動かせ!Riveでアニメーション実装🐾 by kuno

FlutterKaigi 2025
LT

ぬるぬる動かせ!Riveでアニメーション実装🐾

1

概要

いいねを押したらふわっと!タブを切り替えたらぽよんぽよん!アニメーションを入れるだけで、アプリが一気に楽しくなりますよね。
でもAnimationControllerやsetState、複雑になっていく条件分岐…アニメーションの管理って、思ったより大変😖

そこで登場するのがRiveパッケージのStateMachine機能!
状態の流れをRiveのエディタで定義しておくことで、ユーザーのアクションに応じて切り替わるアニメーションが簡単に実現できます。

アニメーションはただ見た目を飾るだけではなく、ユーザーのアクションに動きで“反応”を伝えることで、プロダクトに気持ちのいいフィードバックを加えることができます。
今日からあなたもRiveでアニメーション入門しませんか?💖

想定視聴者

  • Riveを使ったことないけど気になっている方
  • 自分のアプリをぬるぬるしたい方