フロントエンド・PHPカンファレンス北海道2026
トーク(15分)
フロントエンド 北海道在住 北海道出身

Riveでつくる「触れる」UIアニメーション

northprint northprint northprint
1

ユーザーのマウス操作、スクロール、入力値に合わせて、キャラクターが視線を動かしたり、ボタンが有機的に変形したりする体験を作りたくありませんか?
「Rive」というツールを使えば、インタラクションを作成でき、そのデータはそのままWebサイトへ組み込むことができます。
本セッションでは、Riveのエディタ画面を使ったライブデモを行い、アイコン一つからキャラクターまで、UIに「命」を吹き込むプロセスを共有します。

得られる知見

  1. タイムライン再生型とインタラクティブ型の違い
  2. Webへの組み込みとインタラクション設定
  3. マイクロインタラクションの実例