RandomAttack/index.html at master · KernelCode/RandomAttack · 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
66
67
68
69
70
71
72
73
74
75
76
77
<html>
	<head>
		<style>
			html,body{
				padding:0px;
				margin:0px;
				background:#222;
			}
			*{
				    transition: all 1s ease;
			}
			.selectButton{
				padding:10px;
				 color:white;
				 cursor:pointer;
				background:red;
			}
			.selectButton:hover{
				 background:none;
			}
		</style>
	</head>
	<body>
		<div id="intro" style="position: absolute;    width: 100%;color: white;">
			<div id="GameIntro1" style="padding: 55px;padding-top: 14%;text-align: center;opacity:0;">
				<a href="mailto:abdullahaltahery@gmail.com"><img src="icon.png" /></a><br>
				<div id="scors" style="opacity:0">
					<span>Score : <span style="color:red" id="score"></span></span>
					<span>Shots : <span style="color:red" id="shots"></span></span>
					<span>Health : <span style="color:red" id="health"></span></span>
				</div>
			</div>
			<!--<div id="GameIntro2" style=" text-align: center;opacity:0;">
				<div style="width:200px;text-align:left;margin-left: auto;margin-right: auto;">
					<span ><b>Chose your tank :</b></span>
					<div style="font-size:14px">
					<input type="radio" name="tankType" value="1" checked />
						Fighter (speed 10 , strong 50)

					</div>
					<div style="font-size:14px">

						<input type="radio" name="tankType" value="2" />
						Roket (speed 30 , strong 20)
					</div>
					<div style="font-size:14px">
						<input type="radio" name="tankType" value="3" />
						Remover (speed 5 , strong 60)
					</div>
				</div>
			</div>
			<div id="GameIntro3" style=" text-align: center;opacity:0;">
				<div style="width:200px;text-align:left;margin-left: auto;margin-right: auto;">
					<span >Chose your weapon :</span>
					<div style="font-size:14px">

						<input type="radio" name="ShotType" value="1" checked />
						RadioActive
					</div>
					<div style="font-size:14px">

						<input type="radio" name="ShotType" value="2" />
						ArrowShot
					</div>
				</div>
			</div>-->
			<div id="GameIntro4" style="    text-align: center;
			color: white;
			opacity:0;font-family: fantasy;
			font-size: 3em;padding: 20px;">
				<span id="start_game" class="selectButton">START</span>
			</div>
		</div>
		<canvas id="game" width="1000" height="1000" ></canvas>
		<script type="text/javascript" src="RandomAttack.js"  ></script>
	</body>
</html>