贪吃蛇源码，免费，直接复制即可

最新推荐文章于 2024-08-11 22:50:14 发布
置顶 最新推荐文章于 2024-08-11 22:50:14 发布
阅读量7.3k 收藏 17
点赞数 12
分类专栏： 笔记 源码 贪吃蛇 文章标签： 游戏 javascript css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_46291458/article/details/107427580
版权
笔记 同时被 3 个专栏收录
2 篇文章 0 订阅
订阅专栏
源码
1 篇文章 0 订阅
订阅专栏
贪吃蛇
1 篇文章 0 订阅
订阅专栏

贪吃蛇源码（免费，直接复制粘贴，不墨迹）

思路之后有时间再总结，想学的可以看注释，带入面向对象思想即可

好用给个赞

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			div#map{
				width: 200px;
				height: 200px;
				border: 1px black solid;
				margin: 50px auto;
				position: relative;
			}
			div#top{
				height: 50px;
				width: 205px;
				margin: 0px auto;
				/*border: 1px black solid;*/
			}
			button{
				font-size: 30px;
				width: 100px;
				
			}
			div#info{
				font-size: 40px;
				color: pink;
				font-family: "楷体";
				text-align: center;
			}
			div#size{
				margin: 0px auto;
				text-align: center;
			}
			input{
				width: 50px;
				
			}
		</style>
	</head>
	<body>
		<div id="info">Q暂停，E开始，你想鼠标点按钮随便你</div>
		<div id="top">
			<button id="start">开始</button>
			<button id="pause">暂停</button>
		</div>
		<div id="size">
			游戏界面宽：<input id="width" type="number" value="20"/><br />
			游戏界面高：<input id="height" type="number" value="20"/><br />
			<font color="red">（建议最小20X20）</font>
		</div>
		<div id="map"></div>
	</body>
	<script>
		//一、画布对象
		function Map(width,height){
			//画布属性
			
			this.canva = document.getElementById("map");
			this.cellLength = 20;
			this.width = width;
			this.height = height;
			//画布方法
			//1.生成画布
			this.getMap = function (judge){
				//边框
				this.canva.style.width = this.width*this.cellLength+"px";
				this.canva.style.height = this.height*this.cellLength+"px";
				//给格子
				if(judge == true){
					for(var i=0 ; i<this.height ; i++){
						for(var j=0 ; j<this.width ; j++){
							var s = document.createElement("div");
							s.style.width = this.cellLength+"px";
							s.style.height = this.cellLength+"px";
							s.style.backgroundColor = "green";
							s.style.border = "1px black solid";
							s.style.position = "absolute";
							s.style.left = j*this.cellLength+"px";
							s.style.top = i*this.cellLength+"px";
							this.canva.appendChild(s);
						}
					}
				}
			}
			//2.修改长宽
			this.setSize = function(nwidth,nheight){
				this.width = nwidth;
				this.height = nheight;
				this.canva.style.width = this.width*this.cellLength+"px";
				this.canva.style.height = this.height*this.cellLength+"px";
			}
			//2.
			
		}
		//二、食物对象
		function Food(map){
			//属性
			this.cellLength = map.cellLength;
			this.x = Math.floor(Math.random()*map.width);
			this.y = Math.floor(Math.random()*map.height);
			this.color = "rgb("+Math.round(Math.random()*255)+","+Math.round(Math.random()*255)+","+Math.round(Math.random()*255)+")";
			this.flag;
			//创建食物方法
			this.getFood = function(){
				var s = document.createElement("div");
				this.flag = s;
				s.className = "food";
				s.style.width = this.cellLength+"px";
				s.style.height = this.cellLength+"px";
				s.style.backgroundColor = this.color;
				s.style.position = "absolute";
				s.style.left = this.x*this.cellLength+"px";
				s.style.top = this.y*this.cellLength+"px";
				map.canva.appendChild(s);
			}
		}
		//三、蛇对象
		function Snack(map){
			//蛇属性
			this.body = [{x:2,y:0},{x:1,y:0},{x:0,y:0}];
			this.cellLength = map.cellLength;
			this.point = "right";
			//蛇放到画布上
			this.getBody = function(){
				for(var i=0 ; i<this.body.length ; i++){
					var s = document.createElement("div");
					this.body[i].flag = s;
					s.style.width = this.cellLength+"px";
					s.style.height = this.cellLength+"px";
					s.style.backgroundColor = "rgb("+Math.round(Math.random()*255)+","+Math.round(Math.random()*255)+","+Math.round(Math.random()*255)+")";
					s.style.position = "absolute";
					s.style.left = this.body[i].x*this.cellLength+"px";
					s.style.top = this.body[i].y*this.cellLength+"px";
					//第一个为圆头
					if(i == 0){
						s.style.borderRadius = "50%";
					}
					map.canva.appendChild(s);
				}
			}
			
			//蛇吃到食物增加身体
			this.getFood = function(food){
				//判断是否吃到
				if(((this.body[0].x == food.x)&&(this.body[0].y == food.y))==false){
					return -1;
				}
				//得到新身体的参数
				var newx = this.body[this.body.length-1].x; 
				var newy = this.body[this.body.length-1].y; 
				//身体末尾增加一个
				this.body[this.body.length] = {x:newx,y:newy};
				//创造新的身体并放到画布上
				var s = document.createElement("div");
				this.body[this.body.length-1].flag = s;
				s.style.width = this.cellLength+"px";
				s.style.height = this.cellLength+"px";
				s.style.backgroundColor = "rgb("+Math.round(Math.random()*255)+","+Math.round(Math.random()*255)+","+Math.round(Math.random()*255)+")";
				s.style.position = "absolute";
				s.style.left = newx*this.cellLength+"px";
				s.style.top = newy*this.cellLength+"px";
				map.canva.appendChild(s);
				//返回结果
				return 1;
			}
			
			//蛇自己动起来
			this.run = function(){
//				//1.剩下部位动
//				for(var i=this.body.length-1 ; i>0 ; i--){
//					this.body[i].x = this.body[i-1].x;
//				}

				//2.剩下部位动
				for(var i=this.body.length-1 ; i>0 ; i--){
					if(i>0){
						this.body[i].x = this.body[i-1].x;
						this.body[i].y = this.body[i-1].y;
					}
					this.body[i].flag.style.left = this.body[i].x*this.cellLength+"px";
					this.body[i].flag.style.top = this.body[i].y*this.cellLength+"px";
				}
				//方向
				if(this.point=="right"){
					this.body[0].x++;
				}
				if(this.point=="left"){
					this.body[0].x--;
				}
				if(this.point=="top"){
					this.body[0].y--;
				}
				if(this.point=="down"){
					this.body[0].y++;
				}
				//1.删
//				for(var i=0 ; i<this.body.length ; i++){
//					map.canva.removeChild(this.body[i].flag);
//				}
//				this.getBody();
				//2.改头值
				this.body[0].flag.style.left = this.body[0].x*this.cellLength+"px";
				this.body[0].flag.style.top = this.body[0].y*this.cellLength+"px";
			}
			//蛇改变方向
//			this.onkeydown = function(e){
//	//				alert(e.which);
//					//左
//					if((e.which==37||e.which==65)&&this.point!="right"){
//						this.point = "left";
//					}
//					//右
//					if((e.which == 39||e.which==68)&&this.point!="left"){
//						this.point = "right";
//					}
//					//上						
//					if((e.which == 38||e.which == 87)&&this.point!="top"){
//						this.point = "top";
//					}
//					//下
//					if((e.which == 40||e.which==83)&&this.point!="down"){
//						this.point = "down";
//					}
					alert(this.point);
//			}s
			//蛇撞到自己或者撞到墙
			this.isDie = function(score){
				if(this.body[0].x==map.width||this.body[0].x==-1||this.body[0].y==map.height||this.body[0].y==-1){
					if(confirm("差一筹，本次共得到"+score+"分，是否开始新的一局？")){
						window.location.reload();
					}else{
						for(;;){
							if(confirm("取消没有用，老老实实点确定吧...")){
								break;
							}
						}
							window.location.reload();
					}
				}
				//判断撞到自己身体
				for(var i=4 ; i<this.body.length ; i++){
					if((this.body[0].x==this.body[i].x)&&(this.body[0].y==this.body[i].y)){
						if(confirm("你咋这么笨，还能撞到自己-_-,本次共得到"+score+"分，是否开始新的一局？")){
							window.location.reload();
						}else{
							for(;;){
								if(confirm("取消没有用，老老实实点确定吧...")){
									break;
								}
							}
							window.location.reload();
						}
					}
				}
				//方法结束
			}
			//没了
		}
		
		//询问级别
		function getLevel(){
			var level = prompt("请输入你要挑战的级别(1-10:易-难),11级稍微难,12地狱级");
			if(isNaN(level)){
				return 500;
			}
			if(level==11){
				return 50
			}
			if(level==12){
				return 1
			}
			for(var i=1,j=1000 ; i<=10 ; i++){
				if(level == i){
					level = j;
					break;
				}
				j-=100;
			}
			return level;
		}
		
		//准备工作
		//1.生成地图对象
		//获取长宽
		var nwidth = document.getElementById("width");
		var nheigt = document.getElementById("height");
		var width = 20;
		var height = 20;
		var map = new Map(width,height);
		//在界面生成地图，并告知是否显示格子
		map.getMap(false);
		nwidth.onblur = function(){
			map.setSize(nwidth.value,nheigt.value);
		}
		nheigt.onblur = function(){
			map.setSize(nwidth.value,nheigt.value);
		}
		
		//2.创造食物
		var food = new Food(map);
		//食物放到地图上
		food.getFood();
		//3.创造蛇
		var snack = new Snack(map);
		//蛇放到地图上
		snack.getBody();
		//开始游戏
		var start = document.getElementById("start");
		var level = 1;
		level = getLevel();
		var interval;
		var score=0;
		start.onclick = function(){
			if(interval == null){
//				snack.point = snack.changePoint();
				interval = setInterval(function(){
					//蛇动
					snack.run();
					snack.onkeydown;
					//蛇撞到自己或者墙
					snack.isDie(score);
					//食物被吃蛇和食物变化
					var result = snack.getFood(food);
					if(result==1){
						score++;
						//删除旧食物
						map.canva.removeChild(food.flag);
						//创造新食物
						food = new Food(map);
						//新食物放到地图上
						food.getFood();
					}
				},level);
			}
		}
		//改变蛇方向
		onkeydown = function(e){
//			alert(e.which)
			//q暂停
			if(e.which==81){
				clearInterval(interval);
				interval = null;
				return
			}
			//e继续
			if(e.which==69){
				if(interval == null){
	//				snack.point = snack.changePoint();
					interval = setInterval(function(){
						//蛇动
						snack.run();
						snack.onkeydown;
						//蛇撞到自己或者墙
						snack.isDie(score);
						//食物被吃蛇和食物变化
						var result = snack.getFood(food);
						if(result==1){
							score++;
							//删除旧食物
							map.canva.removeChild(food.flag);
							//创造新食物
							food = new Food(map);
							//新食物放到地图上
							food.getFood();
						}
					},level);
				}
			}
			//左
			if((e.which==37||e.which==65)&&snack.point!="right"){
				snack.point = "left";
				return
			}
			//右
			if((e.which == 39||e.which==68)&&snack.point!="left"){
				snack.point = "right";
				return
			}
			//上						
			if((e.which == 38||e.which == 87)&&snack.point!="down"){
				snack.point = "top";
				return
			}
			//下
			if((e.which == 40||e.which==83)&&snack.point!="top"){
				snack.point = "down";
				return
			}
//					
		}
		//按钮暂停游戏
		var pause = document.getElementById("pause");
		pause.onclick = function(){
			clearInterval(interval);
			interval = null;
		}
	</script>
</html>
不能吃的莴苣
关注
专栏目录
贪吃蛇（实战代码，复制即玩）C语言实现（通俗易懂）
weixin_74642892的博客
05-13 3006
用C语言实现贪吃蛇小游戏
C++贪吃蛇代码的实现，已调试通过，可直接复制代码
weixin_48778425的博客
09-08 3899
说明 需要安装EasyX图形库 包含头文件#include<graphics.h> 搬运自B站讲解视频链接 代码 #include<stdio.h> #include<graphics.h> //easyx 图形库 #include<stdlib.h> #include<string.h> #include<conio.h> #include<time.h> typedef struct point { i
代码 简单贪吃蛇源码 代码 简单贪吃蛇源码
05-14
代码 简单贪吃蛇源码代码 简单贪吃蛇源码代码 简单贪吃蛇源码代码 简单贪吃蛇源码代码 简单贪吃蛇源码代码 简单贪吃蛇源码代码 简单贪吃蛇源码代码 简单贪吃蛇源码代码 简单贪吃蛇源码代码 简单贪吃蛇源码代码 简单贪吃蛇源码代码 简单贪吃蛇源码代码 简单贪吃蛇源码代码 简单贪吃蛇源码代码 简单贪吃蛇源码代码 简单贪吃蛇源码代码 简单贪吃蛇源码代码 简单贪吃蛇源码代码 简单贪吃蛇源码代码 简单贪吃蛇源码代码 简单贪吃蛇源码代码 简单贪吃蛇源码代码 简单贪吃蛇源码代码 简单贪吃蛇源码代码 简单贪吃蛇源码代码 简单贪吃蛇源码代码 简单贪吃蛇源码代码 简单贪吃蛇源码代码 简单贪吃蛇源码代码 简单贪吃蛇源码代码 简单贪吃蛇源码代码 简单贪吃蛇源码代码 简单贪吃蛇源码代码 简单贪吃蛇源码代码 简单贪吃蛇源码代码 简单贪吃蛇源码代码 简单贪吃蛇源码代码 简单贪吃蛇源码代码 简单贪吃蛇源码代码 简单贪吃蛇源码代码 简单贪吃蛇源码代码 简单贪吃蛇源码代码 简单贪吃蛇源码代码 简单贪吃蛇源码
用java编写——贪吃蛇（复制！粘贴！运行！）
08-20
基于java编写的贪吃蛇小游戏，初学者自信爆棚
贪吃蛇完整代码
最新发布
CLO_se_的博客
08-11 253
【代码】贪吃蛇完整代码。
c++小游戏——贪吃蛇
ShineEternal的笔记小屋
10-04 6029
#include #include #include #include #include <conio.h> #include #include <windows.h> using namespace std; /*** 光标定位 ***/ HANDLE hout=GetStdHandle(STD_OUT...
贪吃蛇完整代码(史上最详细)
热门推荐
m0_74379014的博客
02-19 1万+
#include <stdio.h> int main()
利用python做贪吃蛇小游戏（复制即可用）
m0_71833652的博客
12-28 1695
gameOverFont = pygame.font.SysFont('arial.ttf',54)#游戏结束字体和大小。scoreFont = pygame.font.SysFont('arial.ttf',54)#得分情况显示。playSurface = pygame.display.set_mode((600,460))#窗口大小。pygame.display.set_caption('贪吃蛇（小张制作）')#窗口名称。x = random.randrange(1,30)#和游戏界面大小相关。
100行python代码，轻松完成贪吃蛇小游戏
简书博客搬家测试账号
02-19 4159
欢迎关注天善智能，我们是专注于商业智能BI，人工智能AI，大数据分析与挖掘领域的垂直社区，学习，问答、求职一站式搞定！ 对商业智能BI、大数据分析挖掘、机器学习，python，R等数据领域感兴趣的同学加微信：tstoutiao，邀请你进入数据爱好者交流群，数据爱好者们都在这儿。 作者： 胡萝卜酱个人公众号：经管人学数据分析大家小时候都玩过贪吃蛇吧？小编小...
贪吃蛇c语言源代码_C++：159行完整贪吃蛇源码
weixin_39590601的博客
11-24 2117
文章目录编写时间csdn链接源代码30s运行效果视频结尾//-------------第一更---------------//很多人评论说自己把代码复制过去跑不了，说这几点注意事项：1，这是c++代码，不要创建C语言源文件或者使用C语言编译器去编译它，肯定会报错。2，代码里我用到了c++11新增功能基于范围的for循环，因此你编译器的编译标准至少要是c++11。3，使用了STL双端队列容器dequ...
疯狂ios讲义之实例：贪吃蛇
weixin_34253539的博客
04-02 132
实例：贪食蛇轻扫手势处理器在游戏中的应用十分广泛，比如在经典的贪食蛇游戏中，可以让用户通过轻扫手势处理器来改变蛇的移动方向。贪食蛇的关键数据就是记录蛇的身体，蛇身包含多个点，多个点的数据用于确定蛇身的位置，由于蛇身的长度会动态改变，因此程序将会使用NSMutableArray来记录蛇身的每个点。除此之外，贪食蛇只有两个需要处理的逻辑。蛇的移动：程序使用一个定时器控制蛇身的移动。对于蛇身的移动来说，...
贪吃蛇（源码）
weixin_56550385的博客
09-04 386
想必大家都是从这个标题进来的（诶，第一次发博客），那我也就直接上代码，不多说话 #include <windows.h> #include <stdlib.h> #include <conio.h> #include <time.h> #include <cstring> #include <cstdio> #include <iostream> #define N 22 using namespace std;
贪吃蛇小游戏源码
m0_57446742的博客
08-29 113
StartGame.java package com.luo.snake; import javax.swing.*; public class StartGame { public static void main(String[] args) { //1.绘制一个静态窗口 JFrame jf = new JFrame("小罗学java-SnakeGame"); jf.setBounds(10,10,900,720);//给窗口制定位置和
贪吃蛇简单代码
08-09
比较简单的代码，参考别人的然后修改了一下，求求你让我过吧
贪吃蛇Demo(iPhone源代码)
05-11
来源：Licence：Apache 2.0平台：iOS设备：iPhone / iPad作者：谢伟lax     一个简单的贪吃蛇游戏基本功能Demo。    小编注：感谢开发者@谢伟lax 分享代码于Code4App。    Code4App编译测试，适用环境：Xcode 4.3, iOS 5.0以上。
贪吃蛇游戏(iOS源代码)
03-16
来源：Licence：MIT作者：Michael-StarWars     自己思考实现的贪吃蛇。使用的都是简单的UIKit。
ios平台下的贪吃蛇代码
08-22
ios平台下的贪吃蛇代码
iOS贪吃蛇代码（Objective-C）
05-04
贪吃蛇代码，OC，Objective-C，iOS贪吃蛇
贪吃蛇小游戏源码，运行即可直接使用
06-27
详情：...
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值