先上几张效果图





怎么实现的呢？

节点介绍

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

制作开始

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

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

  3. 在graphics节点上挂上Graphics组件提供给我的脚本使用。
  4. 使用擀面杖监听触摸事件，通过移动擀面杖并使用擀面杖的坐标（并不是触摸点的坐标）绘制圆形，设置绘制圆形的半径为80或者更大些，以便达到擀面饼的感觉。



  5. 怎么判断面饼擀好了呢？

    记录面饼九个点的坐标



    判断擀面杖的坐标走过的点，走过一个移除一个，都走过之后就可以设置为完成了。

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

长按下方二维码，关注《微笑游戏》公众号，获取更多精彩内容。

欢迎扫码关注公众号《微笑游戏》，浏览更多内容。

最新文章

  1. 使用wget
  2. Android课程---首学开发
  3. 最新微信小程序（应用号）视频教程，实战教程
  4. beta-1阶段各组员的贡献分分配
  5. Spring的DI(Ioc) - 注入集合类型
  6. java面向对象编程——第二章 java基础语法
  7. 1st day
  8. nginx健康检查模块源码分析
  9. Python&MySQL&PyQt
  10. [Haskell] 为什么列表操作++很昂贵？
  11. [Swift]LeetCode337. 打家劫舍 III | House Robber III
  12. Python中的json模块
  13. 微服务之服务中心—zookeeper
  14. nginx屏蔽ip配置
  15. 2016.3.24 OneZero站立会议
  16. [原创.数据可视化系列之八]使用等d3进行灰度图转伪彩色
  17. 慢慢来，比较快。四年Android，共勉。
  18. [转].Net实现本地化简易教程
  19. Ubuntu桌面环境安装
  20. Flask框架的学习与实战（一）：开发环境搭建

热门文章

  1. Rocket - util - Broadcaster
  2. Kubernetes笔记（四）：详解Namespace与资源限制ResourceQuota，LimitRange
  3. link和@import引入css的区别
  4. （三）用less+gulp+requireJs 搭建项目（requireJs）
  5. Java实现 LeetCode 633 平方数之和（暴力大法）
  6. Java实现 LeetCode 350 两个数组的交集 II（二）
  7. Java实现 LeetCode 171 Excel表列序号
  8. Java实现 LeetCode 98 验证二叉搜索树
  9. Java实现第八届蓝桥杯迷宫
  10. 纯正中文版本pi-star系统下载