微信小程序-贪吃蛇关键代码
2017-01-13 10:46
429 查看
首先说明一下,微信小程序是不能发布游戏的。
关键代码一:手指按下,滑动,弹起,确定蛇头转的方向,代码如下
关键代码二:碰撞检测
附带一个简单随机数方法
关键代码一:手指按下,滑动,弹起,确定蛇头转的方向,代码如下
//获取手指按下坐标 touchStart:function(e){ startX = e.touches[0].x; startY = e.touches[0].y; }, //获取手指移动坐标 touchMove:function(e){ moveX = e.touches[0].x; moveY = e.touches[0].y; distX = moveX – startX; distY = moveY – startY; if(Math.abs(distX) > Math.abs(distY) && distX > 0){ console.log(“right”); direction = “right”; }else if(Math.abs(distX) > Math.abs(distY) && distX < 0){ console.log(“left”); direction = “left”; }else if(Math.abs(distX) < Math.abs(distY) && distY > 0){ console.log(“bottom”); direction = “bottom”; }else if(Math.abs(distX) < Math.abs(distY) && distY < 0){ console.log(“top”); direction = “top”; } }, touchEnd:function(){ snakeDirection = direction; },
关键代码二:碰撞检测
//碰撞函数 function collide(obj1,obj2){ var l1 = obj1.x; var r1 = l1 + obj1.w; var t1 = obj1.y; var b1 = t1+obj1.h; var l2 = obj2.x; var r2 = l2 + obj2.w; var t2 = obj2.y; var b2 = t2 + obj2.h; if(r1>l2 && l1<r2 && b1>t2 && t1<b2){ return true; }else { return false; } }关键代码三:绘制矩形
function draw(obj){ context.setFillStyle(obj.color); context.beginPath(); context.rect(obj.x,obj.y,obj.w,obj.h); context.closePath(); context.fill(); }
附带一个简单随机数方法
//随机函数 function rand(min,max){ return parseInt(Math.random()*(max-min)+min); }
相关文章推荐
- 必杀技公布——用特征码定位关键代码,秒杀MFC程序
- 必杀技公布——用特征码定位关键代码,秒杀MFC程序
- 分享非常有用的Java程序(关键代码)(八)---Java InputStream读取网络响应Response数据的方法!(重要)
- OK6410通过串口下载程序关键代码,检测文件发送完毕方法及稳定发送要点
- 分享非常有用的Java程序 (关键代码) (二)---JavaSript获取上传文件路径的文件名
- 【分享】必杀技公布——用特征码定位关键代码,秒杀MFC程序
- 如何在微信公众帐号开发模式下,通过程序代码向用户发送符号表情。
- 分享非常有用的Java程序 (关键代码)(六)---解析/读取XML 文件(重要)
- 分享非常有用的Java程序 (关键代码)(五)---把 Array 转换成 Map
- [JavaScript]一个25行代码的贪吃蛇程序
- C#调用外部程序关键代码
- 必杀技公布——用特征码定位关键代码,秒杀MFC程序
- Hibernate小程序关键代码
- 分享非常有用的Java程序(关键代码)(七)---抓屏程序
- 分享非常有用的Java程序 (关键代码) (二)---列出文件和目录
- 【分享】必杀技公布——用特征码定位关键代码,秒杀MFC程序
- struts2+jasperreport开发报表程序关键代码
- 用特征码定位关键代码,秒杀MFC程序
- 汇编写的贪吃蛇的程序(别人写的,我把注释全部写上了,下次我重写一个代码更简洁的)
- C程序小游戏_贪吃蛇代码