十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
这篇文章将为大家详细讲解有关如何用Creator实现一个擀面的效果,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。
成都创新互联公司专注于企业网络营销推广、网站重做改版、建昌网站定制设计、自适应品牌网站建设、H5开发、商城系统网站开发、集团公司官网建设、外贸营销网站建设、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为建昌等各大城市提供网站开发制作服务。
给你们先看看效果图
怎么实现
节点介绍
1是背景图,可以忽略;
2 是准备好的面团;
3 是擀好的面饼先隐藏;
4 是需要绘制的节点;
5 是擀面杖。
开始制作:
首先在view上挂一个mask,并且设置为模板模式,sprite frame 就设置成那张擀好的面饼。这样的设置可以使Mask按照擀好面饼的形状遮罩内容。
在walpaper-layer 节点上挂在了一个我写好的有关于绘制图形的脚本文件,并设置好相关参数。这个脚本主要做的就是使用Graphics绘制图形。
在graphics节点上挂上Graphics组件提供给我的脚本使用。
使用擀面杖监听触摸事件,通过移动擀面杖并使用擀面杖的坐标(并不是触摸点的坐标)绘制圆形,设置绘制圆形的半径为80或者更大些,以便达到擀面饼的感觉。
怎么判断面饼擀好了呢?
记录面饼九个点的坐标
判断擀面杖的坐标走过的点,走过一个移除一个,都走过之后就可以设置为完成了。
最后隐藏掉绘制的图案,面团,显示出来之前设置好的面饼,这个效果就算制作完成了。
关于如何用Creator实现一个擀面的效果就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。