记忆力训练--网页小游戏

这是我一年前写的一个小游戏（具体什么时候忘记了）

链接:记忆力训练（移动端）

想和我交流的话可以邮件我，邮箱在第三部分。

第一部分：页面的设计框架

对于每个小方块或者说每一行我并没有采用js来自动生成（.lines）：似乎就算使用js也不能简化我的标签，也不能优化性能，或许能够降低流量传输，但是对于这个项目来说这样不到1kB的数据似乎是不用担心的。

另外在#temp部分，我将所有图片直接读入了，而不是在需要的时候读入，这样做的原因是：在网络不好的情况下游戏时，如果根据需要读入图片，可能使得初次游戏过程不流畅；一次性全部读入的话默认情况是可以使图片缓存，因而不用担心再次游戏时流量的问题，并且初次使用时不会有卡顿（源于拉取图片）。

	
		

			
游 戏 结 束
			
得分：
			
用时：
		
		

			

				
				
				
				
				
				
				
			

			

				
				
				
				
				
				
				
			

			

				
				
				
				
				
				
				
			

			

				
				
				
				
				
				
				
			

			

				
				
				
				
				
				
				
			

			

				
				
				
				
				
				
				
			

			

				
				
				
				
				
				
				
			

			

				
				
				
				
				
				
				
			

			

				
				
				
				
				
				
				
			
		
		

			得分：000
			开始
			时间：000
		
		

			设置
			帮助
		
		

			背景色：
			
				恢复
				白色
				黑色
				灰色
				蓝色	
			
			

			


			确定
		
		

			
记忆力训练
			

				
点击开始系统在随机位置生成一张图
				
点击该图并记忆位置，游戏界面黑屏
				
约0.5s后屏幕重新点亮并有一张新图在随机位置生成
				
点击该图并记忆位置，游戏界面黑屏
				
重复上述过程
				

				
任何问题请邮件我：
					[email protected]
				
			
			

				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
			
		

	

第二部分：CSS

第三部分：JS代码

之前写代码居然没有注释！！！

如果你想和我交流的话可以邮件我[email protected]

这是我第一次写的文章，JS部分没有注释的问题希望我下次能记得写上吧！（现在正在开组会～～～）源码： https://github.com/caibingcheng/caibingcheng.github.io/tree/master/blog/app/game

下一篇文章我打算分享我的2048代码，写了一年多，好像也没有注释！！！

以后的文章内容可能会多偏向于计算机视觉图像处理部分。