如何用Creator实现一个擀面的效果-创新互联

这篇文章将为大家详细讲解有关如何用Creator实现一个擀面的效果,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。

创新互联公司主营宁波网站建设的网络公司,主营网站建设方案,重庆App定制开发,宁波h5成都微信小程序搭建,宁波网站营销推广欢迎宁波等地区企业咨询

给你们先看看效果图

如何用Creator实现一个擀面的效果

如何用Creator实现一个擀面的效果

如何用Creator实现一个擀面的效果

怎么实现

如何用Creator实现一个擀面的效果

节点介绍

1是背景图,可以忽略;

2 是准备好的面团;

3 是擀好的面饼先隐藏;

4 是需要绘制的节点;

5 是擀面杖。

开始制作:

如何用Creator实现一个擀面的效果

  1. 首先在view上挂一个mask,并且设置为模板模式,sprite frame 就设置成那张擀好的面饼。这样的设置可以使Mask按照擀好面饼的形状遮罩内容。

  2. 在walpaper-layer 节点上挂在了一个我写好的有关于绘制图形的脚本文件,并设置好相关参数。这个脚本主要做的就是使用Graphics绘制图形。

  3. 在graphics节点上挂上Graphics组件提供给我的脚本使用。

  4. 使用擀面杖监听触摸事件,通过移动擀面杖并使用擀面杖的坐标(并不是触摸点的坐标)绘制圆形,设置绘制圆形的半径为80或者更大些,以便达到擀面饼的感觉。

  5. 怎么判断面饼擀好了呢?
    记录面饼九个点的坐标
    判断擀面杖的坐标走过的点,走过一个移除一个,都走过之后就可以设置为完成了。

  6. 最后隐藏掉绘制的图案,面团,显示出来之前设置好的面饼,这个效果就算制作完成了。

关于如何用Creator实现一个擀面的效果就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。

当前标题:如何用Creator实现一个擀面的效果-创新互联
本文链接:https://www.cdcxhl.com/article46/cddehg.html

成都网站建设公司_创新互联,为您提供做网站网站策划云服务器关键词优化面包屑导航静态网站

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

网站优化排名