2Dのフォローインタラクションをつくる

Hana初級8分

インタラクティブな2Dデザインがはじめてなら、ここからはじめるのがおすすめです!😉 このチュートリアルでは、インタラクティブな2D体験をデザイン・アニメーションするための新しいリアルタイムキャンバスHanaを使って、カーソルに追従する(モバイルではタッチ入力を追跡する)2Dインタラクションを簡単につくる方法をステップ・バイ・ステップで解説します。

Followイベントを適用して、なめらかに流れる連鎖反応をつくり、遊び心のあるインタラクションに仕上げます。Webサイトやプロジェクトに動きと個性を少し加える、楽しく簡単な方法です。

デモ 👉 https://app.spline.design/ui/98440491-bf75-4e54-ab6f-afa16fc04f7e

Splineの3Dエディタを使って3Dでつくる方法はこちら: https://youtu.be/TQe5Ae16rE8

学べること

  1. 0:00はじめに
  2. 0:49楕円をつくってFollowイベントを適用する
  3. 2:41Dampingの値とサイズを調整する
  4. 6:10デザインのエクスポートと埋め込み

関連リソース

関連するチュートリアル

すべてのチュートリアル