3Dオブジェクトにマウスのインタラクションを追加する

Spline 3D初級14分

3D要素をカーソルに反応させて、インタラクションを簡単につくる方法を学びましょう!

このガイドは初心者向けで、これらの概念をわかりやすく紹介します。

Mouse Up、Down、Press、Hoverといったマウスイベントが3Dデザインをどれほど引き立てるかを実演します。また、マウスイベントを色、サイズ、アニメーションの変化やカメラの移動などのアクションに結びつけて、インタラクティブな体験をつくる方法も紹介します!

マウスイベントについては、こちらのチュートリアルもチェックしてください! https://youtu.be/pR2AhQ22KwM https://youtu.be/eCxLYk2rNzg https://youtu.be/hRy-Iqle6EU https://youtu.be/RmC2xEtXobE https://youtu.be/lJIDSiDlhvw

---

#MadeInSplineの素晴らしいクリエイターやプロジェクトをもっと見つけよう:https://community.spline.design/

学べること

  1. 0:00イントロ
  2. 0:29マウスイベントを理解する
  3. 1:42シンプルなMouse Downのインタラクションをつくる
  4. 5:02クリックで色を変える
  5. 6:03インタラクティブなボタンと色の変化
  6. 8:47クリックでカメラの位置を変えるインタラクション
  7. 10:54効果音を追加する
  8. 12:01Create Objectアクションを探る
  9. 12:20クリックでWebサイトを開くURLを追加する。

関連リソース

関連するチュートリアル

すべてのチュートリアル