用Creator實現一個擀麪的效果

先上幾張效果圖

怎麼實現的呢？

節點介紹

1是背景圖，能夠忽略；2 是準備好的麪糰；3 是擀好的麪餅先隱藏；4 是須要繪製的節點；5 是擀麪杖。

製做開始

1. 首先在view上掛一個mask，而且設置爲模板模式，sprite frame 就設置成那張擀好的麪餅。這樣的設置能夠使Mask按照擀好麪餅的形狀遮罩內容。
   
2. 在walpaper-layer 節點上掛在了一個我寫好的有關於繪製圖形的腳本文件，並設置好相關參數。這個腳本主要作的就是使用Graphics繪製圖形。
   
3. 在graphics節點上掛上Graphics組件提供給個人腳本使用。
4. 使用擀麪杖監聽觸摸事件，經過移動擀麪杖並使用擀麪杖的座標（並非觸摸點的座標）繪製圓形，設置繪製圓形的半徑爲80或者更大些，以便達到擀麪餅的感受。
   
   
5. 怎麼判斷面餅擀好了呢？
   記錄麪餅九個點的座標
   
   判斷擀麪杖的座標走過的點，走過一個移除一個，都走過以後就能夠設置爲完成了。
   
6. 最後隱藏掉繪製的圖案，麪糰，顯示出來以前設置好的麪餅，這個效果就算製做完成了。

長按下方二維碼，關注《微笑遊戲》公衆號，獲取更多精彩內容。

歡迎掃碼關注公衆號《微笑遊戲》，瀏覽更多內容。