HanaとSplineでパスに沿ってアニメーションさせる方法

Hana初級7分

このチュートリアルでは、Hanaの最近のアップデートのひとつを使って、シェイプやデザインをカスタムの軌道に沿って簡単にアニメーションさせる方法を紹介します。

Hanaでパスをデザインするさまざまな方法、シェイプをパスに沿わせる方法、アニメーションのつくり方、位置のオフセットの調整、WorldとTangentialの向きの選び方を順に解説します。

デモ 👉 https://app.spline.design/ui/6a36d303-a217-4466-95f5-85a1561c5725

学べること

  1. 0:00イントロ
  2. 0:16Vector Toolでパスをつくる方法
  3. 1:00Align to Pathの使い方
  4. 2:07アニメーションをつくる
  5. 3:23シェイプでパスをつくる方法
  6. 4:03位置のオフセットを調整する
  7. 4:53WorldとTangentialの向き
  8. 6:133DでのAlign to Path

関連リソース

関連するチュートリアル

すべてのチュートリアル