mygit1/02_dafeiji.html at master · xuepingDing/mygit1 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>

		<link rel="stylesheet" href="css/dafeiji.css" />

		<script src="js/base.js"></script>
		<script src="js/common.js"></script>
		<script src="js/gameEngine.js"></script>
		<script src="js/myPlane.js"></script>
		<script src="js/bullet.js"></script>
		<script src="js/enemy.js"></script>
		<script src="js/ajax.js"></script>

		<script>
			onload = function(){

				//3d游戏： Unity3D
				//2d游戏： cocos2dx, cocosCreator

				//打飞机游戏
				//游戏引擎： 对象
				//我的飞机： 对象
				//子弹： 构造函数
				//敌机： 构造函数


				let ul = document.getElementById("list");
				let ali = ul.getElementsByTagName("li");

				for (let i=0; i<ali.length; i++) {
					ali[i].onclick = function(){
						//把ul移除
						ul.parentNode.removeChild(ul);

						//子弹的发射时间间隔
						myPlane().fireInterval = this.value-0;

						//初始化并开始游戏
						gameEngine.init().start();
					}
				}

				//ES6: let, const, 箭头函数, class, class继承， 模板字符串, 对象属性，方法简写
				//    Set, Map, 解构赋值，
				//工厂模式， 单例模式


			}
		</script>
	</head>
	<body>
		<div id="main" >
			<ul id="list">
				<li value="1000">超级困难</li>
				<li value="600">非常困难</li>
				<li value="300">比较困难</li>
				<li value="100">春哥附体</li>
			</ul>
		</div>
	</body>
</html>