二十行代码做贪吃蛇

PROMULGATOR

salogia

山东省

← 文字特效原创

→ js圆形进度条

相关代码

二十行代码做贪吃蛇

html5实现贪吃蛇小游戏

canvas贪吃蛇

canvas贪吃蛇

贪吃蛇怀旧版小游戏

贪吃蛇(原创)

贪吃蛇游戏(原创)

Html

Css

Js

var ctx = document.getElementById("myCanvas").getContext("2d"),
     r = [{
         x: 10,
         y: 9
     }, {
         x: 10,
         y: 8
     }],
     co = 40,
     e = null;
 ctx.shadowBlur = 20, ctx.shadowColor = "black";
 setInterval(function() {
     if (check(r[0], 0) || r[0].x < 0 || r[0].x >= 24 || r[0].y < 0 || r[0].y >= 24) return;
     e != null && ((co == 40 && r[0].x == e.x && r[0].y + 1 == e.y) || (co == 38 && r[0].x == e.x && r[0].y - 1 == e.y) || (co == 37 && r[0].x - 1 == e.x && r[0].y == e.y) || (co == 39 && r[0].x + 1 == e.x && r[0].y == e.y)) ? (r.unshift(e), e = null, r.unshift(r.pop())) : (r.unshift(r.pop()));
     (co == 40 || co == 38) ? (r[0].x = r[1].x, r[0].y = r[1].y + (co == 40 ? 1 : -1)) : (r[0].x = r[1].x + (co == 39 ? 1 : -1), r[0].y = r[1].y);
     ctx.clearRect(0, 0, 240, 240);
     if (e) ctx.fillRect(e.x * 10, e.y * 10, 10, 10);
     for (var i = 0; i < r.length; i++) ctx.fillRect(r[i].x * 10, r[i].y * 10, 10, 10);
     while (e == null || check(e)) e = {
         y: (Math.random() * 24 >>> 0),
         x: (Math.random() * 24 >>> 0)
     };
     if (check(r[0], 0) || r[0].x < 0 || r[0].x >= 24 || r[0].y < 0 || r[0].y >= 24) alert("game over\nYou get [" + (r.length - 2) + "]");
 }, 100);
 document.onkeyup = function(event) {
     co = event.keyCode >= 37 && event.keyCode <= 40 && (Math.abs(event.keyCode - co) != 2) ? event.keyCode : co;
 }

function check(e, j) {
     for (var i = 0; i < r.length; i++)
         if (j != i && r[i].x == e.x && r[i].y == e.y) return true;
     return false;
 }

↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3

立即下载

二十行代码做贪吃蛇



代码描述：一个贪吃蛇小游戏的代码

4

最新

发表评论全部评论

暂时没有评论！

凡小点0

2018/7/3 11:57:46

厉害
回复

???0

2018/1/10 17:02:13

nb

polixd0

2018/1/28 23:00:04

牛牛

回复

SiriBen0

2018/1/10 9:48:50

这个确实牛逼
回复

登录后才可以评论

30秒后在评论吧!

取消回复

<!doctype html> <html> <head> <meta charset="utf-8"> <title>二十行代码做贪吃蛇-jq22.com</title> <script src="https://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script> <style> </style> </head> <body> <script> </script> </body> </html>

2012-2021 jQuery插件库版权所有

jquery插件| jq22工具库| 网页技术| 广告合作| 在线反馈| 版权声明
沪ICP备13043785号-1 浙公网安备 33041102000314号