3Dカルーセルのインタラクションをつくる方法

Spline 3D上級16分

🎡 このチュートリアルでは、変数の力を使って楽しい3Dカルーセルのインタラクションをつくります! オブジェクトの配置や放射状のクローンの設定から、ユーザーのクリックでトリガーされるなめらかな回転エフェクトの作成まで、各ステップを解説します。

👉 チュートリアルで紹介したカルーセルのデモをリミックスしよう!👇 基本の3Dキューブのカルーセルの例: https://app.spline.design/file/7a7cdf26-ca54-4690-a76d-247dcaaf257a

3Dカードのカルーセル: https://app.spline.design/file/f2857f06-7a97-4245-a43e-fe88503913d4

---

🧑‍🏫 変数について詳しく: https://www.youtube.com/watch?v=Id_SZVCUVMM https://www.youtube.com/watch?v=eCxLYk2rNzg

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

---

学べること

  1. 0:003Dカルーセルを準備する
  2. 0:15基本のカルーセルをつくる
  3. 1:32回転に変数を使う
  4. 6:33Mouse Downイベントで回転をトリガーする
  5. 8:35拡大縮小のエフェクトをつくる(カードのカルーセルの例)

関連リソース

関連するチュートリアル

すべてのチュートリアル