游戏玩法：点击開始游戏。等待一个随机时间。然后背景颜色会变(在t1时刻)，这时候你须要点击屏幕（在t2时刻），游戏结束。你的反应时间就是天t2-t1。

游戏逻辑：

游戏逻辑非常easy，如上图所看到的。

一共同拥有五个界面，其有用五张图片就能够取代

主要代码：

var MainLayer = cc.LayerColor.extend({

	init:function()

	{

		//初始化界面

		 //0:点击開始界面 1:表示等待界面，2:表示在点击界面 3:结果界面 4:Too soon界面

		this.flag = 0;

		this._super();

		this.size = cc.Director.getInstance().getWinSize();

		this.setColor(cc.c4(180,170,160,255));

		this.showToStart();

		//可触摸

		this.setTouchEnabled(true);

	},

	/////////////////////////////////////////////////

	//处理触摸事件

	/////////////////////////////////////////////////

	onTouchesEnded:function(touches,event)

	{

	},

	onTouchesBegan:function(touches,event)

	{

		cc.log("onTouchsBegan",this.flag);

		switch(this.flag)

		{

			case 0:this.showWaite();break;

			case 1:this.showToSoon();break;

			case 2:this.showResult();break;

			case 3:this.showWaite();break;

			case 4:this.showWaite();break;

		}

	},

	//显示点击開始界面

	showToStart:function()

	{

		this.sprite = cc.Sprite.create(s_ClickToStart);

		this.sprite.setPosition(this.size.width/2,this.size.height/2);

		this.addChild(this.sprite,1);

		this.flag = 0;

	},

	//显示等待界面

	showWaite:function()

	{

		cc.log("showWaite");

		this.removeAllChildren();//清除全部控件

		this.unscheduleAllCallbacks();//清除定时器

		this.sprite = cc.Sprite.create(s_WaiteForGreen);

		this.sprite.setPosition(this.size.width/2,this.size.height/2);

		this.addChild(this.sprite,1);

		this.anim = cc.Sprite.create(s_WaiteForGreenAnim)

		this.anim.setPosition(this.size.width/2,this.size.height/2+200);

		this.addChild(this.anim,1);

		var action = cc.Sequence.create(cc.FadeOut.create(1.0),cc.FadeIn.create(1.0));

		var rep = cc.RepeatForever.create(action);

		this.anim.runAction(rep);

		this.flag = 1;

		//输出1-10的随机数

		randomTime = Math.floor(Math.random()*10+1);

		this.schedule(this.showGreen,randomTime,1,0); //加入定时器

		cc.log("randomTime",randomTime);

	},

	//显示点击的页面

	showGreen:function()

	{

		cc.log("showGreen");

		this.sprite = cc.Sprite.create(s_Click);

		this.sprite.setPosition(this.size.width/2,this.size.height/2);

		this.addChild(this.sprite,1);

		this.flag = 2;

		this.date1 = new Date();//颜色变化后。记录一个时间

	},

	showToSoon:function()

	{

		cc.log("showToSoon");

		this.unscheduleAllCallbacks();

		this.sprite = cc.Sprite.create(s_TooSoon);

		this.sprite.setPosition(this.size.width/2,this.size.height/2);

		this.addChild(this.sprite,1);

		this.flag = 3;

	},

	//显示结果界面

	showResult:function()

	{

		this.unscheduleAllCallbacks();

		this.date2 = new Date();//记录点击时间

		time = this.date2.getTime() - this.date1.getTime();

		this.sprite = cc.Sprite.create(s_Result);

		this.sprite.setPosition(this.size.width/2,this.size.height/2);

		this.addChild(this.sprite,1);

		cc.log("showResult",time);

		this.timeLabel = cc.LabelTTF.create(time+"ms","Arial",70);

		this.timeLabel.setColor(255,255,255);

		this.timeLabel.setPosition(this.size.width/2,this.size.height/2)

		this.addChild(this.timeLabel,1);

		this.flag = 4;

	}

});

///////////////////////////////////////////////////

var MainScene = cc.Scene.extend({

	onEnter:function(){

		this._super();

		var layer = new MainLayer();

		layer.init()

		this.addChild(layer);

	}

});

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaWxvc3Rlcg==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaWxvc3Rlcg==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="">