13518219792
本篇内容主要讲解“Bezier Game有什么优点”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“Bezier Game有什么优点”吧!
BezierGame一个基于Web的Photoshop钢笔工具练习游戏，对于使用Photoshop的设计师来说，如果你掌握不好钢笔工具，不妨试试这款钢笔游戏，可以帮助你更好的掌握钢笔工具的实用技巧。拥有钢笔工具的软件：Photoshop、Illustrator、Flash、Fireworks、CorelDraw等图形图像类设计软件。常见于Adobe公司的系列软件。钢笔工具是在绘图软件中，用来创造路径的工具，创造路径后，还可再编辑。钢笔工具属于矢量绘图工具，其优点是可以勾画平滑的曲线，在缩放或者变形之后仍能保持平滑效果。
贝塞尔曲线练习怎么办
在使用CocosCreator做曲线动作时，总是有些刻意逃避使用cc.bezierTo（贝塞尔曲线），而是简单使用cc.moveTo、cc.JumpTo来模拟，后来更偷懒直接使用Creator的动画编辑器来生成，虽然上面的方法也能解决一些问题，但总是舍近求远，有简单的方法面不用，原因是自己没搞明白。
贝塞尔曲线练习工具怎样
为了能将cc.bezierTo真正利用起来，我结合cc.Graphics组件制作了一个简易的贝塞尔曲线编辑工具。
图中是两条曲线，在编辑器中直接改变起点、终点、控制点1、控制点2的位置，即可实时显示出曲线路径。
左则DrawBezier组件面板中有一个Params的文本属性，就是cc.bezierTo可使用到的参数，结构如下：
[
[//曲线一
{"x":-123,"y":214},//起点
{"x":-418,"y":214},//控制点1
{"x":-418,"y":42},//控制点2
{"x":-92,"y":42}//终点
],
[//曲线二
{"x":-92,"y":42},
{"x":-26,"y":235},
{"x":90,"y":266},
{"x":228,"y":134}
]
]
将这个场景运行起来也可以修改编辑曲线，使用上面生成的参数可以预览到cc.bezierTo动作的效果：
贝塞尔曲线.gif
3
下面简单介绍一下相关组件属性，先看一下图中的两个红色起点上的组件
不论是起点、终点、控制点，都有一个Dragable组件，负责实现节点的拖动
图中的两个红色节为起点，上面挂了一个BezierAction组件，Target属性它的是终点节点，Ctrl1、Ctrl2分别是它的控制点。
再看一下DrawBezier绘图组件属性：
image.png
在场景中添加一个节点，挂载一个cc.Graphics
挂载DrawBezier组件，BezierActions是一个BezierAction组件的数组，将上图中的两个红色节点拖动到此处即可
ActionNode是用于执行cc.bezierTo的节点，前面图中的金币
Duration是每条曲线的持续时间，（目前来看该属性放在BezierAction组件上更好）
到此，相信大家对“Bezier Game有什么优点”有了更深的了解，不妨来实际操作一番吧！这里是创新互联建站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！
