先上幾張效果圖

怎麼實現的呢？

節點介紹

1是背景圖，可以忽略；2 是準備好的麵糰；3 是擀好的麵餅先隱藏；4 是需要繪製的節點；5 是擀麵杖。

製作開始

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

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

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