js实现web贪吃蛇小游戏

最新推荐文章于 2024-07-30 10:31:44 发布

wangweiren_get

最新推荐文章于 2024-07-30 10:31:44 发布

阅读量2.5k

点赞数 3

分类专栏：前端 js 文章标签：小游戏前端小游戏贪吃蛇

本文链接：https://blog.csdn.net/wangweiren_get/article/details/86716534

版权

本文介绍了如何使用JavaScript实现一个经典的Web贪吃蛇小游戏。包括游戏系统函数的实现，使得蛇和食物能够移动，以及创建蛇和食物对象的详细步骤。读者可以查看提供的效果展示地址以获取完整体验。

摘要由CSDN通过智能技术生成

js实现web贪吃蛇小游戏

效果图见下，效果展示地址

首先需要实现游戏系统函数，让蛇和食物去动

function System(){
	this.timer=null;//定义定时器变量
	this.argument=arguments[0];//保存传入的参数
	this.flag=0;//计数变量	
	this.state=true;//系统是否在暂停状态,默认正常
	//系统开始功能
	this.start=function(){
		if(!this.timer){
			this.timerEvent();
		}		
	}
	//系统暂停功能
	this.pause=function(){
		if(this.state){
			this.state=false;
		}
	}
	//系统继续功能
	this.goOn=function(){
		if(!this.state){
			this.state=true;
		}	
	}
	//系统结束功能
	this.finish=function(){
		
	}
	//系统的定时器
	this.timerEvent=function(){
		var that=this
		that.timer=setInterval(function(){
			if(that.state){
				that.AdditionalRun();
				that.flag++;
			}