小程序模板网

微信小程序Demo之贪食蛇

发布时间:2018-04-20 10:45 所属栏目:小程序开发教程

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


易优小程序(企业版)+灵活api+前后代码开源 码云仓库:starfork
本文地址:https://www.eyoucms.com/wxmini/doc/course/23765.html 复制链接 如需定制请联系易优客服咨询:800182392 点击咨询
QQ在线咨询