ITPub博客

首页 > IT职业 > IT职场 > 用Creator实现一个擀面的效果

用Creator实现一个擀面的效果

IT职场 作者:limiao 时间:2021-09-09 10:44:11 0 删除 编辑

先上几张效果图

图片描述
图片描述
图片描述

怎么实现的呢?

图片描述

节点介绍

1是背景图,可以忽略;2 是准备好的面团;3 是擀好的面饼先隐藏;4 是需要绘制的节点;5 是擀面杖。

制作开始

图片描述

  1. 首先在view上挂一个mask,并且设置为模板模式,sprite frame 就设置成那张擀好的面饼。这样的设置可以使Mask按照擀好面饼的形状遮罩内容。
    图片描述
  2. 在walpaper-layer 节点上挂在了一个我写好的有关于绘制图形的脚本文件,并设置好相关参数。这个脚本主要做的就是使用Graphics绘制图形。
    图片描述
  3. 在graphics节点上挂上Graphics组件提供给我的脚本使用。
  4. 使用擀面杖监听触摸事件,通过移动擀面杖并使用擀面杖的坐标(并不是触摸点的坐标)绘制圆形,设置绘制圆形的半径为80或者更大些,以便达到擀面饼的感觉。
    图片描述
    图片描述
  5. 怎么判断面饼擀好了呢?
    记录面饼九个点的坐标
    图片描述
    判断擀面杖的坐标走过的点,走过一个移除一个,都走过之后就可以设置为完成了。
    图片描述
  6. 最后隐藏掉绘制的图案,面团,显示出来之前设置好的面饼,这个效果就算制作完成了。

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/4549/viewspace-2825713/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-07-10

  • 博文量
    190
  • 访问量
    1372