mp-socketio-node/session.html at master · swiftmas/mp-socketio-node · 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
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<!doctype html>

<html lang="en">
<head>
  <meta charset="utf-8">

  <title>jscripttest</title>
  <meta name="description" content="jscripttest">
  <meta name="author" content="SitePoint">
  <script src="/socket.io/socket.io.js"></script>

<style>
canvas, img {
    image-rendering: optimizeSpeed;
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
    image-rendering: pixelated;
    -ms-interpolation-mode: nearest-neighbor;
    width: 512px;
    height: auto;
}

body {
	margin: 0px;
  text-align: center;
}

#chooseteam {
  position: absolute;
  text-align: center;
  width: 100%;
  top: 10%;
}

h1 {
  font-size: 500%;
}

</style>


</head>
<body>

<!-- IMAGE LOADER -->


<!-- BOTTOM TO TOP IS THE ORDER -->

<!-- canvas layer -->
<canvas id='map' width="32" height="32">
</canvas>

<!-- anim layer -->


<!-- top layer -->

<!-- Player Hud -->

<div id="tophud" style="position: fixed; top:0;">

</div>

<div id="bothud" style="position: fixed; bottom: 20px;">

</div>


<!-- selector hud -->
<div id="chooseteam">
	<div id="selBlue" class="sels" style="display: inline-block; background-color:Blue"></div>
	<div id="selGreen" class="sels" style="display: inline-block; background-color:Green"></div>
	<br>
	<div id="selRed" class="sels" style="display: inline-block; background-color:Red"></div>
	<div id="selGold" class="sels" style="display: inline-block; background-color:Gold"></div>
	<br> <p style="text-align:center;"><h1>Select Your Team</h1></p>
</div>

<br>
<button id="attack" style="border-color: red;"><h1>ATTACK</h1></button>
<p id='coor'></p> Use WASD to move and n to attack.
<p id="logger"></p>


  <script src="main.js"></script>

</body>
</html>