js实现web贪吃蛇小游戏

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++;
			}		
		},50)
	}
	//处理传入的参数
	/*//要传入的数据类型如下
	 *[ {subject:Object,rule:[{method:move,multiple:1}]},... ]
	 */
	this. processingData=function(){
		
	}
}

然后实现创建蛇对象和创建食物的函数 

function CreateSnake(){}
function CreateFood(obj){}

具体代码戳这里

thanks