Flash Flex贝塞尔曲线动画实现
Flash Flex 里的贝塞尔曲线，真的是老前端都绕不开的一招。你可以用它来画出超级顺滑的曲线轨迹，动画自然，控制感还挺强。尤其是搭配 Graphics.curveTo() 方法，搞个三次贝塞尔那叫一个顺手。再加上像 GTween 这些补间库，做出个流畅的物体轨迹动画，几行代码就搞定，省心多了。
Flash 的贝塞尔曲线逻辑其实不难理解。两个端点，加上一两个控制点，就能决定整条曲线的弯曲方式。控制点不在曲线上，但它们决定了曲线往哪儿拐。你只要试试拖拽控制点，就知道它多好用。
ActionScript 3.0里主要靠graphics.curveTo()来画，像下面这样：
graphics.moveTo(x1, y1);
graphics.curveTo(cx1, cy1, x2, y2);是不是简洁？用起来也蛮舒服。
有意思的是，加上像GTween这类动画库（估计你会看到个tweener.swc文件），你还能让元素按照贝塞尔路径动起来。自己写逻辑也行，但现成库更省事，时间就是命啊兄弟。
另外，如果你碰到了PluginExplorer-v11.swf这种东西，别急着删，它是个小工具，用来交互式演示各种插件效果，贝塞尔动画说不定就藏里头，点几下看看，没准有惊喜。
说到场景，用得还真挺多：
- 动画：路径运动、柔和转场
- UI 设计：圆滑边角、折线图
- 游戏开发：角色走位、轨迹设定
如果你打算玩点花样，像多段曲线串起来、自己写曲线公式，那就要了解点数学了，但基本的三次贝塞尔已经能满足大部分需求了。
提醒下，如果你是新手，建议先玩玩二次曲线，上手快；老鸟的话，三次多段组合走一波，配合动画库，效果也更炸。
文件大小：350.06KB
评论区