微信小程序Demo之贪食蛇

差不多大半年前，笔者发布了一篇关于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