制作 3D 滚动动画并集成到 Framer

Spline 3D入门12 分钟

在本教程中,我们将学习如何制作一个 3D 滚动动画:用户滚动页面时,植物随之生长。我们会设置滚动事件、添加过渡,并加入相机运动。最后,我们会用 Framer 作为网站搭建工具,把这个交互式 3D 场景嵌入网站。

👇用下面的链接二次创作视频中展示的设计:

🪴 网站和最终场景 Remix:https://inspired-walkthroughs-144071.framer.app/ 🌱 3D 植物设计(无动画):https://app.spline.design/file/c4dc75ac-ebaf-4b00-a6cc-a1e47347f522

---

在 https://community.spline.design/ 发现更多优秀创作者和 #MadeInSpline 作品

你将学到

  1. 0:00简介
  2. 0:18用立方体做基础练习
  3. 1:20了解滚动事件设置
  4. 2:42调整滚动动画的播放设置
  5. 3:06为叶片生长制作动画
  6. 7:59为植物动画添加旋转
  7. 9:10添加相机运动
  8. 10:29导出为 Viewer
  9. 10:40将 3D 动画嵌入 Framer 网站

相关资源

相关教程

全部教程