htmlcss,js写简单贪吃蛇

最新推荐文章于 2024-08-22 11:40:47 发布
最新推荐文章于 2024-08-22 11:40:47 发布
阅读量112 收藏
点赞数
文章标签： css css3 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40200829/article/details/125544376
版权

想写贪吃蛇的,写成吃豆豆了,由于没学键盘事件,只能靠点击来移动,

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .board {
            width: 1000px;
            height: 500px;
            background-color: black;
            display: flex;
            flex-wrap: wrap;
            margin: 10px auto;
        }
        
        .grid {
            font-size: 6px;
            text-align: center;
            line-height: 8px;
            color: white;
            width: 48px;
            height: 23px;
            background-color: blue;
            border: 1px dashed #000;
        }
        
        .startgamebtn {
            width: 98px;
            height: 48px;
            background-color: blue;
            border: 1px solid #000;
        }
        
        .startgame {
            width: 98px;
            height: 48px;
            margin: 0 auto;
        }
        
        .white {
            background-color: white !important;
        }
        
        .control1 {
            display: flex;
            justify-content: center;
        }
        
        .control2 {
            display: flex;
            justify-content: center;
        }
        
        .top {
            width: 50px;
            height: 50px;
            background-color: aqua;
            border: 1px solid pink;
            text-align: center;
            line-height: 50px;
        }
        
        .bottom,
        .left,
        .right {
            text-align: center;
            border: 1px solid pink;
            width: 50px;
            height: 50px;
            line-height: 50px;
            background-color: aqua;
        }
        
        .sss {
            position: fixed;
            right: 25px;
            width: 150px;
            height: 200px;
            top: 0px;
            background-color: #000;
            color: wheat;
            font-size: 44px;
            white-space: initial;
        }
        
        .stepsee {
            width: 1000px;
            height: 50px;
            background-color: red;
            color: white;
            font-size: 40px;
            text-align: center;
            line-height: 50px;
            margin: 0 auto;
        }
        
        .gold {
            background-color: gold;
        }
        
        .blue {
            background-color: blue;
        }
    </style>
</head>



<body>

    <div class="board">
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
        <div class="grid"></div>
    </div>
    <div class="startgame">
        <button class="startgamebtn">
    
        </button>
    </div>
    <div class="control1">
        <div class="top">
            上
        </div>

    </div>
    <div class="control2">

        <div class="left">
            左
        </div>
        <div class="bottom">
            下
        </div>
        <div class="right">
            右
        </div>
    </div>

    <div class="stepsee">
        1
    </div>


    <script>
        let stepnum = 0
        let scount = 0
        let grids = document.querySelectorAll('.grid')
        let len = grids.length;
        let n = 20;
        let res = []
        for (i = 0; i < n; i++) {
            res.push([0])
            for (j = 0; j < n; j++) {
                res[i].push([0])
            }
        }
        let steptrace = []
        let lineNum = len % n === 0 ? len / n : Math.floor((len / n) + 1);

        let state = [
            [0, -1],
            [1, 0],
            [0, 1],
            [-1, 0]
        ]
        let pos = [0, 0]
        let x = 0;
        let y = 0;
        let stateindicator = 1;

        for (let i = 0; i < lineNum; i++) {
            let jj = 0
            for (let j = i * n; j < i * n + n; j++) {

                res[i][jj] = grids[j]
                jj++

            }
            //    let temp = grids.slice(i * n, i * n + n);
            //     res.push(temp);

        }
        console.log(res);
        console.log(grids)
        let startgamebtn = document.querySelector('.startgamebtn')
            // startgamebtn.addEventListener('click',function(){
            //     setInterval(function(){
            //         while(1){

        //         }
        //     },100)
        // })
        // res[0][0].classList.add('white')

        startgamebtn.addEventListener('click', function() {
            stateindicator += 1
        })

        // 物体模块

        let treasureindicator = 0;
        let treasuetrace = [];
        // 物体模块


        let top1 = document.querySelector('.top')
        let right = document.querySelector('.right')
        let bottom = document.querySelector('.bottom')
        let left = document.querySelector('.left')
        top1.addEventListener('click', function() {
            stateindicator = 0
        })
        right.addEventListener('click', function() {
            stateindicator = 1
        })
        bottom.addEventListener('click', function() {
            stateindicator = 2
        })
        left.addEventListener('click', function() {
                stateindicator = 3
            })
            // startgamebtn.innerHTML

        function playgame() {
            setInterval(function() {
                stepnum++
                // treasue module
                treasureindicator++
                if (treasureindicator % 5 == 0) {
                    let treasure = [Math.floor(Math.random() * 20), Math.floor(Math.random() * 20)]
                    res[treasure[0]][treasure[1]].classList.add('gold')
                    treasuetrace.push([treasure[0], treasure[1]])
                    console.log(treasuetrace);
                }


                //  treasue module

                x += state[stateindicator % 4][0]
                y += state[stateindicator % 4][1]
                if (x >= n || x < 0 || y >= n || y < 0) {
                    x = 5;
                    y = 5;
                }

                let clear1 = document.querySelector('.white')
                if (clear1) {
                    clear1.classList.remove('white')
                }
                res[y][x].classList.add('white')
                if (stateindicator === 0) {
                    res[y][x].innerHTML = ''
                } else if (stateindicator === 1) {
                    res[y][x].innerHTML = ''
                } else if (stateindicator === 2) {
                    res[y][x].innerHTML = ''
                } else if (stateindicator === 3) {
                    res[y][x].innerHTML = ''
                }
                let treasuetracecmp = [x, y]
                for (let ii = 0; ii < treasuetrace.length; ii++) {
                    if (y == treasuetrace[ii][0] && x == treasuetrace[ii][1]) {
                        console.log(x);
                        console.log(y);
                        console.log([x, y]);
                        console.log(treasuetrace[ii]);
                        // treasuetrace.pop(ii)
                        res[y][x].classList.remove('gold')
                        res[y][x].classList.add('blue')
                        scount++;
                        let sss = document.querySelector('.sss')
                        sss.innerHTML = `score:
                        ${scount}`
                        treasuetrace.splice(ii, 1)



                    }

                }
                let stepsee = document.querySelector('.stepsee')
                stepsee.innerHTML = `step: ${stepnum}`



            }, 1000);


        }
        playgame()

        document.write(
            `<div class="sss">score:
${scount}
</div>`)
    </script>
</body>

</html>
五年信安大神
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
纯生Html + Css +Js实现贪吃蛇（附源码）（个人练习）
m0_53479584的博客
08-05 1126
如题，今天用原生js实现贪吃蛇小游戏，主要是记录一下以及加深学习，大佬勿喷！
html+css+js制作贪吃蛇游戏-源码
11-01
在本项目中，"html+css+js制作贪吃蛇游戏-源码"是一个使用HTML、CSS和JavaScript技术实现的经典游戏——贪吃蛇的源代码。这个项目旨在展示如何利用前端开发技术构建一个互动的游戏应用。以下是关于这些技术及其在...
贪吃蛇，HTML+CSS+JS实现
weixin_44984664的博客
03-15 1224
效果图: 实现过程 搭建基本HTML，CSS框架 JS实现核心游戏过程 canvas画布上绘制地图、小蛇、食物 食物随机生成，不能生成在小蛇身上 键盘控制小蛇移动 小蛇成长 小蛇撞墙 setInterval添加计时器 添加button事件 [注]：WSAD分别控制上下左右 源代码 index.html <!DOCTYPE html> <html> <...
简单的贪吃蛇小游戏。使用的是纯原生 JavaScript 和 HTML ，CSS
FOR 的博客
09-06 649
这个小游戏是一时兴起。在暑假时写的 。不过当时还比较简陋。 后来开学后 。还没上课。就又拿出来改了改界面。让它看起来更美观，更像贪吃蛇一些。 先展示展示几张图吧。 开始前 开始咯 吃了些小老鼠后： 撞墙或撞到自己后 当时去做这个时，可能是突然的一个想法。但并不是要做一个完整的游戏出来。 所以这里并没有设置关卡模式有些细节也并不关注 。只是去关注了身体移动，吃食物，成长这些主要的问题。 当然，这些主要问题解决，增加其他功能就不是大问题了。 这里我就先说一下我的思路，有兴趣和想法的同学们可以自己先去.
贪吃蛇小游戏(HTML+CSS+JS)
qq_54282411的博客
11-10 4170
代码思路 地图：宽，高，背景颜色，因为小蛇和食物都是相对于地图显示的这里小蛇和食物都是地图的子元素，随机位置显示，脱离文档流的，地图也需要脱文档流————css需要设置：宽，高，背景颜色，脱标 食物————div元素 elements————存储div的数组(将来删除食物div的时候，先从map中删除div，在从数组中移除div) 食物：宽，高，背景颜色，横坐标，纵坐标 一个食物就是一个对象，这个对象有相应的属性，这个对象需要在地图上显示 最终要创建食物的对象，先有构造函数，并且把相应的值作为参数出阿奴道构
使用HTML+CSS+JS 实现简易版贪吃蛇
Yuu_lucky的博客
01-04 1767
使用HTML+CSS+JS实现简易版贪吃蛇，功能还在完善中… 供大家学习参考使用！ 效果如下： 代码如下 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Snake</title> <style type="text/css"&g...
利用html，css，js来制作一个简单贪吃蛇小游戏
weixin_46582376的博客
08-11 955
首先是制作两个按钮，分别是开始游戏和暂停游戏 <div id="main"> <input class="btn begin" type="button" value="开始游戏"> <input class="btn pause" type="button" value="暂停游戏"> </div> 两个按钮的css样式 body { margin: 0px; paddin.
贪吃蛇（HTML+CSS+JavaScript）
weixin_60629460的博客
04-20 1942
js实现简易贪吃蛇
HTML+CSS+JS实现 贪吃蛇游戏源码_贪吃蛇源码html
2301_79099287的博客
04-28 171
【代码】HTML+CSS+JS实现 贪吃蛇游戏源码_贪吃蛇源码html。
打造你的贪吃蛇游戏：HTML、CSS与JavaScript的完美结合
interest_ing_的博客
03-09 1495
在本教程中，我们将通过一个简单的贪吃蛇游戏来学习如何使用HTML、CSS和JavaScript创建一个有趣的网页游戏。我们将逐步解读代码，了解游戏的构建过程，并提供必要的注释来帮助理解每个部分的功能。
html+js+css实现的贪吃蛇游戏
05-24
实现了分数系统和排行榜，排行榜只记录前三名最高的分数
html+css+js 高仿贪吃蛇游戏
11-23
在本项目中，“html+css+js 高仿贪吃蛇游戏”是一个使用HTML、CSS和JavaScript技术实现的在线贪吃蛇游戏。这个项目旨在通过编程实现一个经典的电子游戏，让用户在网页上体验到类似传统掌机上的贪吃蛇玩法。下面我们...
Html+CSS+JS制作的简易贪吃蛇游戏
01-30
【标题】：HTML+CSS+JS简易贪吃蛇游戏制作详解 在网页开发中，HTML、CSS和JavaScript是构建交互式用户体验的三大基石。本文将深入解析如何利用这三种技术来制作一个简单的“贪吃蛇”游戏。首先，让我们了解这三者在...
利用html，css，js写的简单贪吃蛇小游戏
08-20
利用html，css，js写的简单贪吃蛇小游戏
【前端 23】用Less优化你的CSS书写体验
delepaste的博客
08-18 859
Less（Leaner Style Sheets）是一种CSS预处理器，它扩展了CSS的功能，引入了变量、嵌套规则、混合（Mixins）、运算等特性，使得CSS编写更加灵活和强大。下面，我们将详细介绍如何在VS Code中使用Less，包括基础语法和一些实用的VS Code插件。
CSS的:placeholder-shown伪类：精确控制输入框占位符样式
2402_85758349的博客
08-17 897
伪类代表的是一个输入字段（或元素）在其内显示占位符文本的状态。当输入框为空且占位符可见时，这个伪类就生效。这对于创建更丰富的表单样式和交互效果非常有用。
探索tailwindcss多主题切换
xuefeng11111的博客
08-18 428
探索tailwind+css变量切换主题
原神4.8版本重点培养和抽到角色数据表：修改了添加倒计时.隐藏了抽到角色数据表删除按钮、备注列和选择列
最新发布
lulei5153的博客
08-22 99
当用户修改某个字段（等级、命座、天赋）时，不仅更新当前表格的数据，还会找到另一个表格中对应的角色，并更新其数据。最后，重新渲染两个表格以显示最新的数据。这样可以确保两个表格的数据始终保持一致。
利用HTML CSS JavaScript 写一个网页贪吃蛇小游戏
04-20
你可以使用 HTML、CSS 和 JavaScript 来创建一个基本的游戏界面，然后使用 JavaScript 编写逻辑来实现贪吃蛇的控制、移动和碰撞检测等。你可能需要了解 DOM 的基础知识来处理用户的输入和更新游戏界面。此外，你还...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值