変数を使ってインタラクティブな3Dキャラクターをつくる

Spline 3D上級17分

こんにちは!この動画では、かわいいインタラクティブな3Dのフグのキャラクターに命を吹き込む方法を紹介します。 Splineをチェック:https://spline.design/

変数を使ってイベントを発生させ、この小さな子のサイズと位置を変えます。フグをクリックすればするほど膨らんで、最後にはランディングページのいちばん上まで浮かんでいきます。

フグのさまざまな要素のつくり方とアニメーションのさせ方も解説します。要素がフグと一緒に大きくなったり、マウスが近づくと跳ねるなど遊び心のあるエフェクトを加えたりする様子がわかります。

さあ、変数の魔法を探りながら、インタラクティブなシーンづくりを思いきり楽しみましょう!

🐡 リミックス:https://app.spline.design/file/810351d5-4fd8-4f85-92b2-286329f49a3f 🌐 公開サイト:https://safe-value-478717.framer.app/

変数について詳しく: 👉 https://youtu.be/Id_SZVCUVMM 📘 https://docs.spline.design/

✨ Splineコミュニティでインスピレーションを得て、デザインをシェアしよう。 https://community.spline.design/

💬 ❤️ チュートリアルのリクエストはコメントへどうぞ。

学べること

  1. 0:00イントロ
  2. 0:34変数をつくって使う
  3. 4:29さまざまな要素を追加する
  4. 8:34要素をアニメーションさせて成長に追従させる
  5. 15:02インタラクティブなエフェクトとエクスポート

関連リソース

関連するチュートリアル

すべてのチュートリアル