Web向けのインタラクティブなハチのキャラクターをつくる

レッスン 8 / 14Spline 3D中級14分

おかえりなさい!🙌 この動画チュートリアルでは、かわいいハチのキャラクターを使ってインタラクティブな体験をつくる方法を紹介します。 Splineをチェック:https://spline.design/

ハチの羽と目のループアニメーションのつくり方と、Mouse Downイベントを使って、ボタンをクリックすると画面の要素が動いたり現れたりするインタラクティブなトランジションエフェクトの実装方法を学びます。

この3Dのハチをダウンロードして、チュートリアルに沿って進めてみましょう。

🐝 リミックス:https://app.spline.design/file/68152128-3ac0-4fdd-a941-1cdcbe075c43

インタラクティブなイベントについて詳しくは、Splineのドキュメントをチェックしてください! 📘 https://docs.spline.design/

楽しく学びましょう!

学べること

  1. 0:00イントロ
  2. 0:38ループする羽のアニメーションをつくる
  3. 2:44まばたきする目を追加する
  4. 4:13ボタンでトランジションエフェクトをつくる(Mouse Downイベント)
  5. 11:53カメラを設定してWebサイト向けにエクスポートする

関連リソース