js大作业(0)

2022-12-03,


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

1
2
3
4
5
6
$(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为主。
后来打消了做游戏的念头 就此打住了.

js大作业(0)的相关教程结束。

《js大作业(0).doc》

下载本文的Word格式文档,以方便收藏与打印。