微信小程序

微信小程序
很久很久以前，差不多大半年前吧，笔者发布了一篇关于OC版贪食蛇开发的文章，时隔多月，微信小程序横空出世，于是闲来无事的我又写了一个小程序版下面这段话请务必...

很久很久以前，差不多大半年前吧，笔者发布了一篇关于OC版贪食蛇开发的文章，时隔多月，微信小程序横空出世，于是闲来无事的我又写了一个小程序版

下面这段话请务必阅读

笔者是做ios的，而小程序大部分都是前端的知识，笔者之前没有做过类似开发，所以代码写的相当烂，很多东西都是一边查资料一边写的，请各位轻喷，阿门！

进入正题

页面布局

关于小程序笔者就不做介绍了，官方有详细文档，我们还是先来看张图吧

就是这个样子的，游戏界面跟之前的OC版是差不多的，以笔者的水平，只能设计成这样了，毕竟不是专业的，话说这蛇怎么长的像个J(和)B(谐)啊:joy:

先来看看用来添加组件的wxml文件

<view class="backView"> <canvas canvas-id="snakeCanvas" class="canvas"/></view><view class="controlView"> <button class="btnClass" bindtap="changeDirection" id="up">up</button> <view style="display:flex; height:33.33%"> <button class="btnClass" bindtap="changeDirection" id="left">left</button> <button class="btnClass" bindtap="startGame" >{{btnTitle}}</button> <button class="btnClass" bindtap="changeDirection" id="right">right</button> </view> <button class="btnClass" bindtap="changeDirection" id="down">down</button></view>