快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

BezierGame有什么优点-创新互联

本篇内容主要讲解“Bezier Game有什么优点”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Bezier Game有什么优点”吧!

创新互联公司-专业网站定制、快速模板网站建设、高性价比阳信网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式阳信网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖阳信地区。费用合理售后完善,十载实体公司更值得信赖。

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有什么优点”有了更深的了解,不妨来实际操作一番吧!这里是创新互联建站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!


分享名称:BezierGame有什么优点-创新互联
网页路径:http://6mz.cn/article/pedhh.html

其他资讯