共计 474 个字符,预计需要花费 2 分钟才能阅读完成。
先上几张效果图
怎么实现的呢?
节点介绍
1 是背景图,可以忽略;2 是准备好的面团;3 是擀好的面饼先隐藏;4 是需要绘制的节点;5 是擀面杖。
制作开始
- 首先在 view 上挂一个 mask,并且设置为模板模式,sprite frame 就设置成那张擀好的面饼。这样的设置可以使 Mask 按照擀好面饼的形状遮罩内容。
- 在 walpaper-layer 节点上挂在了一个我写好的有关于绘制图形的脚本文件,并设置好相关参数。这个脚本主要做的就是使用 Graphics 绘制图形。
- 在 graphics 节点上挂上 Graphics 组件提供给我的脚本使用。
- 使用擀面杖监听触摸事件,通过移动擀面杖并使用擀面杖的坐标(并不是触摸点的坐标)绘制圆形,设置绘制圆形的半径为 80 或者更大些,以便达到擀面饼的感觉。
- 怎么判断面饼擀好了呢?
记录面饼九个点的坐标
判断擀面杖的坐标走过的点,走过一个移除一个,都走过之后就可以设置为完成了。
- 最后隐藏掉绘制的图案,面团,显示出来之前设置好的面饼,这个效果就算制作完成了。
长按下方二维码,关注《微笑游戏》公众号,获取更多精彩内容。
欢迎扫码关注公众号《微笑游戏》,浏览更多内容。
正文完
发表至: typescript
2020-06-27