/tags/keyframe/Recent content in Keyframe on Feynman 的博客Hugozh-CNThu, 30 Jul 2026 12:00:00 +0800/posts/threejs-animation/Thu, 30 Jul 2026 12:00:00 +0800/posts/threejs-animation/<blockquote class="blockquote-regular"> <p>前 8 课的动画都是在 requestAnimationFrame 循环里手动写位移和旋转。本节课引入 GSAP 补间动画和 Three.js 原生关键帧系统，让动画控制更优雅、更强大。</p> </blockquote> <p><img src="/images/2026-07-07_series_threejs-creation-diary/09_animation/demo.png" alt="运行效果：动画系统演示"></p> <h2 id="01-学习目标">01 学习目标</h2> <p>本节课聚焦 Three.js 动画系统：</p>