JS实现简易版贪吃蛇小游戏（纯js代码）_贪吃蛇食物js代码

作者：weixin_40725706 | 2024-08-19 08:27:35

踩

贪吃蛇食物js代码


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
    <title>新建网页</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="description" content=""/>
    <meta name="keywords" content=""/>
 
    <script type="text/javascript">
        //① 绘制地图
        function Map() {
            //私有成员(不会随便发生变化)
            var w = 800;
            var h = 400;
 
            //成员方法，绘制地图
            this.showmap = function () {
                //创建div、设置css样式、追加给body
                var tu = document.createElement('div');
 
                tu.style.width = w + "px";
                tu.style.height = h + "px";
                tu.style.backgroundImage = "url(./12.jpg)";
 
                document.body.appendChild(tu);
            }
        }
 
        //② 绘制食物
        function Food() {
            var len = 20;
            //把食物(权值)坐标声明为公开的，以便在外部访问
            this.xFood = 0;
            this.yFood = 0;
            this.piece = null; //页面上唯一的食物对象
            //绘制
            this.showfood = function () {
                //创建div、设置css样式、追加给body
                if (this.piece === null) {
                    this.piece = document.createElement('div');

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/weixin_40725706/article/detail/1001481?site