贪吃蛇简单代码_贪吃蛇游戏代码

2022-10-04 09:07:29 浏览数 (1)

大家好,又见面了,我是你们的朋友全栈君。

代码语言:javascript复制
 $(function () {
var box=$("<div class='box'></div>");
var Arr=[23,22,21];
var direction="right";
var number=0;
var bool=false;
//画地图
for(var i=0;i<20*20;i  ){
if(i<20){
var div=$("<div class='qiang'>" i "</div>");
}else if(i ==0){
var div=$("<div class='qiang'>" i "</div>");
}else if((i 1) ==0){
var div=$("<div class='qiang'>" i "</div>");
}else if(i>20*19){
var div=$("<div class='qiang'>" i "</div>");
}else {
var div=$("<div class='kong'>" i "</div>");
}
box.append(div);
}
//蛇
function she(snakeArr) {
for(var i=0;i<snakeArr.length;i  ){
$("div").eq(snakeArr[i] 1).removeClass();
$("div").eq(snakeArr[i] 1).addClass("snake");
}
}
//食物
function food() {
var foodNum=parseInt(Math.random()*20*20);
if(foodNum<20|| foodNum ==0|| (foodNum 1) ==0|| foodNum>20*19 ){
food();
}else {
if( $("div").eq(foodNum 1).attr("class")=="snake"){
food();
}else {
$("div").eq(foodNum 1).removeClass();
$("div").eq(foodNum 1).addClass("food");
}
}
}
//移动蛇
function moveSnake(snakeArr) {
timer=setInterval(function () {
if(direction=="left"){
var head=snakeArr[0]-1;
}else if(direction=="right"){
var head=snakeArr[0] 1;
}else if(direction=="up"){
var head=snakeArr[0]-20;
}else if(direction=="down"){
var head=snakeArr[0] 20;
}
//判断是否撞墙
if($("div").eq(head 1).attr("class")=="qiang"||$("div").eq(head 1).attr("class")=="snake"){
clearInterval(timer);
// alert("结束");
$("span").show();
return;
}else if($("div").eq(head 1).attr("class")!="food"){
$("div").eq(snakeArr[snakeArr.length-1] 1).removeClass();
$("div").eq(snakeArr[snakeArr.length-1] 1).addClass("kong");
snakeArr.length=snakeArr.length-1;
}else if($("div").eq(head 1).attr("class")=="food"){
number  
$("button").html(number);
food();
}
snakeArr.unshift(head);
she(snakeArr);
bool=false;
},300);
}
//控制方向
function kzfx() {
document.onkeydown = function (event) {
if (bool) {
// console.log("不可改变方向")
return;
}
var temp = event.keyCode;
if (temp == 37) {
if (direction == "right") {
return;
} else {
bool = true;
direction = "left";
}
} else if (temp == 38) {
if (direction == "down") {
return;
} else {
bool = true;
direction = "up";
}
} else if (temp == 39) {
if (direction == "left") {
return;
} else {
bool = true;
direction = "right";
}
} else if (temp == 40) {
if (direction == "up") {
return;
} else {
bool = true;
direction = "down";
}
}
}
}
$("body").append(box);
$("button").click(function () {
moveSnake(Arr);
she(Arr);
food();
kzfx();
})
})

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

0 人点赞