用變數打造互動式 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互動效果與匯出

相關資源

相關教學

所有教學