差不多大半年前，筆者發布了一篇關于OC版貪食蛇開發的文章，時隔多月，微信小程序橫空出世，于是閑來無事的我又寫了一個小程序版。

01頁面布局

關于小程序筆者就不做介紹了，官方有詳細文檔，我們還是先來看張圖吧

就是這個樣子的，游戲界面跟之前的OC版是差不多的，以筆者的水平，只能設計成這樣了，畢竟不是專業的，話說這蛇怎么長的像個J(和)B(諧)啊

先來看看用來添加組件的wxml文件

1. class="backView">
2. canvas-id="snakeCanvas" class="canvas"/>
3.  
4. class="controlView">
5. class="btnClass" bindtap="changeDirection" id="up">up
6. style="display:flex; height:33.33%">
7. class="btnClass" bindtap="changeDirection" id="left">left