マウスに反応するインタラクティブなデザインをHanaでつくる

レッスン 5 / 15Hana初級6分

この動画では、Hanaを使ってデザインをインタラクティブな体験に変え、カーソルに反応させる方法を、導入としてさまざまな例とともに紹介します。Mouse Down、Mouse Up、Mouse Press、Mouse Hover、Look At、Followといったイベントと、それらを使ってアニメーションやエフェクトをトリガーする方法を探ります。

学べること

  1. 0:00イントロ
  2. 0:15クリックで動かす – Mouse Downイベント
  3. 2:32クリックを離す – Mouse Upイベント
  4. 2:46押し続ける – Mouse Pressイベント
  5. 2:56ホバーの魔法 – Mouse Hoverイベント
  6. 3:26デザインをカーソルに向ける – Look Atイベント
  7. 4:51デザインをカーソルに追従させる – Followイベント
  8. 5:57次のチュートリアルの予告

関連リソース