JS贪吃蛇V4

最新推荐文章于 2024-04-26 16:47:03 发布

FRESHET

最新推荐文章于 2024-04-26 16:47:03 发布

阅读量179

点赞数

分类专栏： JAVASCRIPT 文章标签：贪吃蛇 javascript js html

本文链接：https://blog.csdn.net/freshet/article/details/106143057

版权

JAVASCRIPT 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>

   //N为格子边长
   N = 10;
   curI = 0;
   curJ = 0;

   //障碍物测试，可转食物
   boomIJ = 100;
   var curTd;
   var curIJ = 2;

var body = new Array();

   function move1(curI, curJ) {

       //alert(curI+" "+curJ+" "+boomIJ)
       //上版这里触雷游戏结束
       //        if (curI * N + curJ == boomIJ) {
       //            alert("game over!");
       //            return;
       //        }

       //此版改为吃到食物身体加长且先进行判断
       if (curI * N + curJ == boomIJ) {
           //扩充身子的位置
           body.push(boomIJ)
           //return;
       }

//将蛇尾颜色置空
document.getElementById("td" + (body[body.length - 1] + 1)).style.background = "";

       for (var i = body.length - 1; i >= 0; i--) {
           //身子存的是位置
           body[i] = body[i - 1];
       }

body[0] = curI * N + curJ;

       //重构身子
       for (var i = 0; i < body.length; i++) {
           var idNum = body[i] + 1;
           curTd = document.getElementById(("td" + idNum));
           curTd.style.background = "green";
       }

}

function init() {

       //初始化活动场地
       for (var i = 0; i < N; i++) {
           a[i] = new Array();
           for (var j = 0; j < N; j++) {
               a[i][j] = 0;
           }
       }

       var table = document.getElementById("table1");
       var n = N;
       for (var i = 0; i < n; i++) {
           var tr = document.createElement("tr");
           for (var j = 0; j < n; j++) {
               var td = document.createElement("td");
               td.setAttribute("id", "td" + (i * n + j + 1));
               td.addEventListener("click", function() {
                   check(this);
               });

               td.style.background = "";
               td.innerHTML = "" + (i * n + j + 1);
               tr.appendChild(td);
           }
           table.appendChild(tr);
       }

       //        var num = Math.floor(Math.random() * 9) + 1;
       //        var idNum = "td" + num;
       //        curTd = document.getElementById(idNum);

var idNum = "td" + (curIJ + 1);
curTd = document.getElementById(idNum);

       curTd.style.background = "green";
       curI = parseInt(curIJ / N);
       curJ = parseInt(curIJ % N);

       body.push(2);
       body.push(1);
       body.push(0);

       for (var i = body.length - 1; i >= 0; i--) {
           var tdnum = "td" + (body[i] + 1);
           //alert(document.getElementById(tdnum).innerHTML);
           document.getElementById(tdnum).style.background = "green";
       }

}

   function check(td) {
       //boomIJ=parseInt(td.parentElement.rowIndex)*N+parseInt(td.cellIndex));
       i = parseInt(td.parentElement.rowIndex);
       j = parseInt(td.cellIndex);
       boomIJ = i * N + j;
       td.style.background = "red";
       //alert(boomIJ);
   }

function turn(event) {
var e = event;//|| window.event || arguments.callee.caller.arguments[0];

       //alert(e.keyCode);
       if (e && e.keyCode == 38) {
           if (curI - 1 >= 0) {
               curI = curI - 1;
               move1(curI, curJ);
           }
           //alert('38=上键');

}

if (e.keyCode == 39) {
// alert('39=右键');

if (curJ + 1 < N) {
curJ = curJ + 1;

move1(curI, curJ);
}

}

       if (e.keyCode == 37) {
           //alert('37=左键');
           if (curJ - 1 >= 0) {
               curJ = curJ - 1;

               move1(curI, curJ);
           }
       }

       if (e && e.keyCode == 40) {
           //alert('40=下键');
           if (curI + 1 < N) {
               curI = curI + 1;

move1(curI, curJ);
}

}

window.onload = init;
</script>
</head>
<body οnkeydοwn="turn(event)">

</table>
</body>
</html>

FRESHET

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS贪吃蛇V4

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title><script type="text/javascript"> var a = new Array(); //N为格子边长 N = 10; curI = 0; curJ = 0; //障碍物测试，可转食...
复制链接

扫一扫