js大作业(0)

DAY1:在看HTML5游戏开发实战。
手写了一遍乒乓球。自己玩了半小时。实话讲，和本科学的MFC差别不大。
通过setInterval函数获取用户的输入从而允许多用户操作。
parseInt把字符串化为整型。
用户输入是通过对键盘按下的监听来获取的。

$(document).keydown(function(e){
		pingpong.pressedKeys[e.which]=true;
	});
	$(document).keyup(function(e){
		pingpong.pressedKeys[e.which]=false;
	});//e.which就是被按下的键。

DAY2:同一本书。这节的重点在css
transform和transition的使用。
toggle函数切换类
z-index用于控制元素可见性（就当页面是3D的，这个是z轴坐标）
z-i 大专栏 js大作业(0)ndex大的会放在前面。perspective提供透视效果。opacity是不透明度。
chrome没问题但是ff会有一些不兼容 hin尴尬啊（因为我找了很久我错哪了）
然后朋友提议我善用webstorm，任意切换。
精灵表。这个名字很好听啊。在内存中加载了整个图像纹理，按需要显示其中一部分。
举例：.cardAQ{background-position:-880px,0;}这样裁剪得到单张纸牌。
但是实在不好意思这个根本找不到素材啊啊我也很尴尬
这节剩下的部分我就看会儿书好吧。天地良心我也没打算拿前端当饭吃。
ready函数：
洗牌；（自己定义shuffle函数）
放牌；（循环求模）
获取图案并将图案写入DOM；
监听点击事件；

点击函数：
两张牌就退出；
翻转纸牌；
这会儿要是两张牌了，加个定时就去检查；

检查（翻开两张牌时）：
一样就都remove 否则翻转回来；

图案检测函数：
淡出函数：

仅此而已。
之后开始以canvas为主。
后来打消了做游戏的念头就此打住了.

相关文章