假期写了双人玩的贪吃蛇，纯新手， 欢迎大家拍砖

最新推荐文章于 2024-04-24 13:12:34 发布
最新推荐文章于 2024-04-24 13:12:34 发布
阅读量155 收藏
点赞数
文章标签： prototype J#
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/bill600/article/details/83723176
版权
近期学习js，假期无事，参照网上的代码写了个双人玩的贪吃蛇。
对网上的代码作了些改造,具体如下：
1，把m*n的二维数组变成m*n一维数组，映射关系为：
A[r]------>a[i][j];
i = r%m;
j = (r-r%m)/m;
j<n;
2，对随机数的获取作了些改造，
3，蛇尾总是第一个加入的元素，

代码编写仓促，也没写注释，望各位见谅 


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>snake</title>

<script type='text/javascript' >
	(function(){
    if (!window.Snake) 
        window.Snake = {};
    Snake = function(container, name){
        this.container = container;
        this.name = '_' + name + '_';
        this.dir = 0;
        this.testDir = 0;
        this.head = -1;
        this.run = 0;
		this.speed=300;
		this.count={};

        if (typeof Snake.prototype._init == 'undefined') {
            Snake.prototype.control = function(n){
                if (Math.abs(this.testDir) == Math.abs(n)) 
                    return;
                this.dir = n;
            };
            Snake.prototype.move = function(){
                if (this.container.win) {
                    clearInterval(this.run);
                    return;
                }
                var _left = this.head % this.container.width;
                var _top = (this.head - this.head % this.container.width) / this.container.width;
                this.dir % this.container.width == 0 ? _top += this.dir / this.container.width : _left += this.dir;

                if (_left < 0 || _left >= this.container.width || _top < 0 || _top >= this.container.height || (this.container.all[this.head + this.dir] && this.container.all[this.head + this.dir].indexOf(this.name) != -1)) {
                    this.container.win = true;
					alert(this.name+'   lose ~_~');

                    return;
                }

                if (!this.container.all[this.head + this.dir]) {
                    this.container.all[this.head + this.dir] = this.name;
                    var _div = this.getDivByClass(this.name)[0];
                    this.container.all[parseInt(_div.style.left) / 20 + parseInt(_div.style.top) / 20 * this.container.width] = this.container.all[parseInt(_div.style.left) / 20 + parseInt(_div.style.top) / 20 * this.container.width].replace(this.name, '');
                    _div.style.left = _left * 20 + 'px';
                    _div.style.top = _top * 20 + 'px';
                    this.container.div.appendChild(_div);
                }
                else 
                    if (this.head + this.dir == this.container.food) {
                        var _div = this.getDivByClass(this.container.foodClass)[0];
                        _div.className = this.name;
                        this.container.div.appendChild(_div);
                        this.container.createFood();
                        this.container.all[this.head + this.dir] = this.name;

                    }
                    else {

                        var _str = this.container.all[this.head + this.dir];
                        var _divs = this.getDivByClass(_str);
                        var _div = _divs[0];
                        if (_divs.length > 1 && parseInt(_div.style.left) / 20 + parseInt(_div.style.top) / 20 * this.container.width == this.head + this.dir) {
                            this.container.all[this.head + this.dir] = this.name;
                            _div.className = this.name;
                            this.container.div.appendChild(_div);



                        }
                        else {
                            this.container.all[this.head + this.dir] += this.name;
                            var _div = this.getDivByClass(this.name)[0];
							this.container.all[parseInt(_div.style.left) / 20 + parseInt(_div.style.top) / 20 * this.container.width] = this.container.all[parseInt(_div.style.left) / 20 + parseInt(_div.style.top) / 20 * this.container.width].replace(this.name, '');
                            _div.style.left = _left * 20 + 'px';
                            _div.style.top = _top * 20 + 'px';
						    this.container.div.appendChild(_div);
                        }

                    }
				var lth=this.getDivByClass(this.name).length
				if(lth>=this.container.bet){
					this.container.win=true;
					alert(this.name+' win ^-^');
				}
				this.count.innerHTML=this.name+':  '+lth.toString();
                this.head += this.dir;
                this.testDir = this.dir;

            };

            Snake.prototype.getDivByClass = function(name){
                var _divs = this.container.div.getElementsByTagName('DIV');
                var _result = [];
                for (var i = 0; i < _divs.length; i++) {
                    if (_divs[i].className == name) 
                        _result.push(_divs[i]);
                }
                return _result;
            };

			Snake.prototype.acc=function(n){
				return this.speed+n>50? this.speed+n:this.speed;
			}
            Snake.prototype.init = function(){
                this.head = this.container.getRandom();
                this.container.all[this.head] = this.name;
                var _left = this.head % this.container.width * 20 + 'px';
                var _top = (this.head - this.head % this.container.width) / this.container.width * 20 + 'px';
                var _div = document.createElement('DIV');
                _div.className = this.name;
                _div.style.left = _left;
                _div.style.top = _top;
				this.count=document.createElement('P');
				this.count.innerHTML=this.name+':  1';
				this.container.counts.push(this.count);
                this.container.div.appendChild(_div);

            }
        }
        Snake.prototype._init = true;

    }
    if (!window.Container) 
        window.Container = {};
    Container = function(width, height, foodClass, bet){
        this.width = width;
        this.height = height;
        this.food = -1;
        this.foodClass = '_' + foodClass + '_';
        this.bet = bet;
        this.win = false;
        this.all = [];
		this.counts=[];
        var _div = document.createElement('DIV');
        _div.className = 'container';
        //_div.style.position = 'absolute';
        _div.style.width = this.width * 20 + 'px';
        _div.style.height = this.height * 20 + 'px';
        this.div = _div;
        this.getRandom = function(){
            var _remain = [];
            for (var i = 0; i < width * height; i++) {
                if (this.all[i]) 
                    continue;
                _remain.push(i);
            }
            var _index = Math.floor(Math.random() * _remain.length);
            return _remain[_index];
        }
        this.createFood = function(){
            var _food = this.getRandom();
            this.food = _food;
            this.all[_food] = this.foodClass;
            var _fDiv = document.createElement('DIV');
            _fDiv.className = this.foodClass;
            var _left = _food % this.width * 20 + 'px';
            var _top = (_food - _food % this.width) / this.width * 20 + 'px';
            _fDiv.style.left = _left;
            _fDiv.style.top = _top;
            this.div.appendChild(_fDiv);
        }

    }

})();

var container = new Container(30, 30, 'food', 20);
var snakeA = new Snake(container, 'snakeA');
var snakeB = new Snake(container, 'snakeB');
function game(){

    container.createFood();
    snakeA.init();
    snakeB.init();

    function allcontrol(e){
        e = e || window.event;
        var n = e.keyCode;

        switch (n) {
            case 37:
                snakeA.control(-1);
                break;
            case 38:
                snakeA.control(-container.width);
                break;
            case 39:
                snakeA.control(1);
                break;
            case 40:
                snakeA.control(container.width);
                break;
            case 65:
                snakeB.control(-1);
                break;
            case 87:
                snakeB.control(-container.width);
                break;
            case 68:
                snakeB.control(1);
                break;
            case 83:
                snakeB.control(container.width);
                break;
			case 96:
				if(snakeA.run){
					clearInterval(snakeA.run);
					snakeA.speed=snakeA.acc(-50);
					snakeA.run=setInterval('snakeA.move()',snakeA.acc(-50));
									}
				break;
			case 110:
				if(snakeA.run){
					clearInterval(snakeA.run);
					snakeA.speed=snakeA.acc(20);
					snakeA.run=setInterval('snakeA.move()',snakeA.acc(50));
					}
				break;
			case 71:
				if(snakeB.run){
					clearInterval(snakeB.run);
					snakeB.speed=snakeB.acc(-20);
					snakeB.run=setInterval('snakeB.move()',snakeB.acc(-50));
					}
				break;
			case 72:
				if(snakeB.run){
					clearInterval(snakeB.run);
					snakeB.speed=snakeB.acc(20);
					snakeB.run=setInterval('snakeB.move()',snakeB.acc(50));
					}
				break;

        }
        if (!snakeA.run && snakeA.dir) 
            snakeA.run = setInterval('snakeA.move()', 300);
        if (!snakeB.run && snakeB.dir) 
            snakeB.run = setInterval('snakeB.move()', 300);
    }
	var _wrap=document.createElement('DIV');
    _wrap.appendChild(container.counts[1]);
    _wrap.appendChild(container.div);
	_wrap.appendChild(container.counts[0]);
	document.body.appendChild(_wrap);
	var des=document.createElement('DIV');
	des.style.clear='both';
	des.style.position='relative';
	des.style.padding='20px';
	des.innerHTML='snakeA:键盘上↑↓←→代表方向控制，小键盘上0加速，.减速<br/>snakeB:键盘上A W S D代表方向控制，键盘上G加速，H减速<br/>两条蛇可以相互吃掉对方尾部，先吃到20个食物为赢';
	document.body.appendChild(des);
    if (document.addEventListener) {
        document.addEventListener('keydown', allcontrol, false);
    }
    else 
        if (document.attachEvent) {
            document.attachEvent('onkeydown', allcontrol);
        }

}

window.onload = game;


</script>
<style type='text/css'>
	p{
		float:left;
		margin:10px;
		padding:20px;
		font-weight:bolder;
		border:1px solid #000;
		text-align:center;
		vertical-align:text-bottom;;
	}
	.container{
		position:relative;
		float:left;
		margin:10px;
		padding:0;
		border:1px solid #000;
	}
	._snakeA_{
		position:absolute;
		margin:0;
		padding:0;
		width:20px;
		height:20px;
		border:1px solid #ccc;
		background-color:red;
	}
	._food_{
		position:absolute;
		margin:0;
		padding:0;
		width:20px;
		height:20px;
		border:1px solid #ccc;
		background-color:green;
	}
	._snakeB_{
		position:absolute;
		margin:0;
		padding:0;
		width:20px;
		height:20px;
		border:1px solid #ccc;
		background-color:#2E2E2E;
	}


</style>
<script type='text/javascript'>


</script>
</head>
<body >


</body>
</html>
bill600
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Python贪吃蛇双人大战
tyst08的专栏
04-14 7464
Python贪吃蛇双人大战 晚上家里小朋友要玩贪吃蛇游戏，还要跟我对战，一时半会我没想到去哪里下这样一个游戏，忽然灵机一动，可以自己写一个，顺便还可以跟小朋友展示一下程序员的厉害，于是开工。 原始版本 这是一个很基础的程序，自然不用从头写，在网上随便一搜，找到有人共享的代码，链接如下：https://www.cnblogs.com/qiu2013/p/6087627.html，据说是来源于《Ras...
Lakeshore游戏 - - 贪吃蛇大作战
09-28
Lakeshore游戏，Lakeshore不用手敲代码，根据编辑器编辑即可创造属于一个自己的小游戏
贪吃蛇小程序
04-12
NULL 博文链接：https://ninghui521.iteye.com/blog/1696745
js贪吃蛇游戏笔记
weixin_30764883的博客
03-10 65
版本0.00http://jsbin.com/opevow/109 版本0.01http://jsbin.com/opevow/112 添加了加速功能 ,美化了下界面- - 源码https://github.com/jtyjty99999/js-/blob/master/snake.html 自学前端也已经有一段时间了，最近写了个贪吃蛇的游戏，比较简单，却遇到了很多问题，在...
C语言实现双人贪吃蛇项目（基于控制台界面）
z6665454的博客
04-24 3374
实现了双人贪吃蛇的基本功能。
C语言写个贪吃蛇游戏
热门推荐
嵌入式Linux
02-19 4万+
贪吃蛇是个非常经典的游戏，用C语言来实现也是一个好玩的事情。这个游戏我写完后放在知乎，竟然点赞的人数超级多。我觉得大家喜欢，一个方面是因为写得简单，大家都能看得懂，一个可扩展性还是非常强...
C语言---双人贪吃蛇
AChmg的博客
12-27 3498
贪吃蛇双人小游戏，每局游戏两分钟，死亡则直接失败，若时间结束，则分高者获胜。 上源代码： #include <stdio.h> #include <stdlib.h> #include <Windows.h> #include <time.h> #include<stdbool.h> #include <conio.h> #define SNAKESIZE 100 #define MAPWIDTH 118 #defi...
C语言—贪吃蛇双人对战
AChmg的博客
12-27 4166
贪吃蛇双人对战源代码及详解 规则 ：玩家一（左侧）通过按键W、S、A、D（大小写）四个键分别控制snake1上移、下移、左移和右移。玩家二（右侧）过按键8、5、4、6 四个键分别控制snake2上移、下移、左移和右移。 每局游戏三分钟，死亡则直接失败，若时间结束，则分高者获胜。 每次游戏数据自动叠加保存并进行排名，若账号第一次使用，则创建新成绩。 源代码及详细解析： #include <stdio.h> #include <stdlib.h> #i...
我用端午假期写了个贪吃蛇，学弟玩的不亦乐乎！附（思路注释+源码）
贪吃ღ大魔王
06-12 5233
学弟玩法：（蚯蚓找妈） 我的玩法：（王母摇头） 模块化开发 为什么要用面向对象写，有三大特性：封装、继承、多态。 为什么要封装 ： 实现模块化开发，封装为一个块一个块的，利于维护，有某个模块出现bug只用修改这个模块，其他模块不受影响。在工作中，开发速度快，同时开发模块。 分三个模块写：地图，食物，蛇。 蛇模块分为：定义蛇、蛇移动、蛇死亡、蛇吃食物、蛇移动方向、蛇显示。 地图模块： 创建地图板块，设置样式 function Map() { // 创建一个div thi
C语言实现贪吃蛇（双人版本）
枫霜剑客的博客
11-30 2161
相信很多小伙伴还不知道贪吃蛇是怎么诞生的，贪吃蛇由来介绍： 1976年，Gremlin平台推出了一款经典街机游戏Blockade。游戏中，两名玩家分别控制一个角色在屏幕上移动，所经之处砌起围栏。角色只能向左、右方向90度转弯，游戏目标保证让对方先撞上屏幕或围栏。
double-snake.zip_Snake!_双人贪吃蛇_贪吃蛇双人
09-14
" 是贪吃蛇游戏的英文名，而 "双人贪吃蛇" 和 "贪吃蛇双人" 是对游戏模式的中文描述，意味着玩家可以与朋友一起玩，享受合作或竞争的乐趣。 【描述】"双人贪吃蛇，可以使用。123456789" 说明游戏已经准备就绪，可以...
双人贪吃蛇源代码
08-02
双人贪吃蛇源代码 作为一名 IT 行业大师，我将为您生成相关知识点，详细解释标题、描述、标签和部分内容中的知识点。 标题：双人贪吃蛇源代码 双人贪吃蛇源代码是指在计算机程序设计基础课程设计中，设计和实现的...
根据单人贪吃蛇改编的双人贪吃蛇.zip
04-10
《基于C语言实现的双人贪吃蛇游戏详解》 贪吃蛇，一款经典的游戏，以其简单的规则和无尽的挑战性深受玩家喜爱。本文将深入解析一个由单人贪吃蛇改编而来的双人贪吃蛇游戏，该游戏是作者在20年1月份的寒假期间完成的...
AVR 单片机小学期 12864液晶 双人贪吃蛇游戏
08-03
这篇文章记录了一个基于AVR单片机的小学期项目，项目内容是开发一款12864液晶显示屏上的双人贪吃蛇游戏。在这个项目中，作者和同学合作完成，旨在获得较高的评分。AVR单片机是一款广泛应用的微控制器，特别适合于...
C++ 双人贪吃蛇
shadow19990927的博客
08-19 4977
这篇代码基于博主的“C++ 贪吃蛇基本算法”，加入第二只蛇让他移动并不难，但考虑到要让两只蛇的移动互不干扰那还真是破事真多。博主将“C++ 贪吃蛇基本算法”中的while（1）改成了goto，以用来将两条蛇的计数器分开，并加入了变量“move”来判断按键是操纵谁。在这篇代码中，switch（）函数可能阅读起来非常困难，因为蛇2输入的按键与地图上的字符不匹配，所以这篇代码看起来并不是很明了。由于太麻烦
Python贪吃蛇双人大战-升级版
tyst08的专栏
04-19 1909
Python贪吃蛇双人大战-升级版 在玩了几天贪吃蛇游戏之后，（代码可参考我之前写的 Python贪吃蛇双人大战），家里小朋友提出了新的需求（用户反馈）如下： 豆子不能出现在豆子上。 豆子不能出现在蛇身上。 要显示得分，方便看出来谁的蛇比较长。 如果蛇头撞到另一条蛇，自己挂掉，变成豆子 蛇变成的豆子被吃了之后不重新生成 燃烧自己身体可以加速，每次燃烧身体减少一格，速度提升至两倍 趁着是周末，赶...
pi_heif-0.17.0-cp39-cp39-manylinux_2_31_armv7l.whl
最新发布
07-27
pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。
ubuntu20.04-ssh9.8p1-ssl3.0.14-focal-deb-amd64升级加固脚本.zip
07-27
若有新版本请查看文章最后附件地址：https://blog.csdn.net/liuxin638507/article/details/132450367 特点： 1、同时升级openssh与openssl，采用deb包形式，一键快速升级版本，无需每台单独再次进行编译， 2、隐藏openssh-版本号(openssh9.8p1及之后隐藏版本号还未找到方法) 3、已默认安全加固（已有配置跳过） 安装： 执行 bash upgrade_ssl_ssh_ubuntu.sh 进行安装 注意，升级安装后，确保sshd服务正常，请新开终端进行验证测试 验证 openssl版本： openssl version OpenSSL 3.0.14 4 Jun 2024 (Library: OpenSSL 3.0.14 4 Jun 2024) openssh版本： ssh -V OpenSSH_9.8p1, OpenSSL 3.0.14 4 Jun 2024
计算机学院课程设计：双人贪吃蛇游戏源码
"双人贪吃蛇源代码" 这篇资源是一个关于双人贪吃蛇游戏的源代码，由冯金明同学在2012年的程序设计基础课程设计中完成，指导教师是鲁静轩。该项目旨在让学生通过设计与实现贪吃蛇游戏，提升其编程技能和团队协作能力...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值