-
Notifications
You must be signed in to change notification settings - Fork 0
/
gameplay.html
122 lines (115 loc) · 6.8 KB
/
gameplay.html
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
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
<!DOCTYPE html>
<html>
<head>
<title>Gameplay test</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- FutureMesh engine -->
<script type="text/javascript" src="futuremesh.js"></script>
<!-- Data & definitions -->
<script type="text/javascript" src="data/tilesdefinition.js"></script>
<script type="text/javascript" src="data/buildingsdefinition.js"></script>
<script type="text/javascript" src="data/unitsdefinition.js"></script>
<script type="text/javascript" src="data/playersdefinition.js"></script>
<script type="text/javascript" src="data/resourcesdefinition.js"></script>
<script type="text/javascript" src="data/settings.js"></script>
<!-- remove these lines once finished -->
<script type="text/javascript" src="engine/core/tile.js"></script>
<script type="text/javascript" src="engine/core/building.js"></script>
<script type="text/javascript" src="engine/core/unit.js"></script>
<script type="text/javascript" src="engine/core/gameloader.js"></script>
<script type="text/javascript" src="engine/core/projectile.js"></script>
<script type="text/javascript" src="engine/core/map.js"></script>
<script type="text/javascript" src="engine/images/spriteloader.js"></script>
<script type="text/javascript" src="engine/render/terrainbuildingslayer.js"></script>
<script type="text/javascript" src="engine/render/sfx.js"></script>
<script type="text/javascript" src="engine/render/minimap.js"></script>
<script type="text/javascript" src="engine/render/mainview.js"></script>
<script type="text/javascript" src="engine/render/view.js"></script>
<script type="text/javascript" src="engine/ui/mouse.js"></script>
<script type="text/javascript" src="engine/gameplay-plugins/mixed-plugins/unitai.js"></script>
<script type="text/javascript" src="engine/gameplay-plugins/mixed-plugins/projectilecontrol.js"></script>
<script type="text/javascript" src="engine/gameplay-plugins/mixed-plugins/buildingrepairer.js"></script>
<script type="text/javascript" src="engine/gameplay-plugins/mixed-plugins/buildingsunitsconstruction.js"></script>
<script type="text/javascript" src="engine/gameplay-plugins/ui-plugins/viewrendererplugin.js"></script>
<script type="text/javascript" src="engine/gameplay-plugins/ui-plugins/buildingsconstructionuiplugin.js"></script>
<script type="text/javascript" src="engine/gameplay-plugins/ui-plugins/mouseplugin.js"></script>
<script type="text/javascript" src="engine/gameplay-plugins/ui-plugins/buildingsconstructionuiplugin.js"></script>
<script type="text/javascript" src="engine/gameplay-plugins/ui-plugins/unitsconstructionuiplugin.js"></script>
<script type="text/javascript" src="engine/gameplay-plugins/ui-plugins/sellrepairbuttons.js"></script>
<script type="text/javascript" src="engine/gameplay-plugins/ui-plugins/powerlevelui.js"></script>
<script type="text/javascript" src="engine/gameplay-plugins/event-driven-plugins/buildingcontrol.js"></script>
<script type="text/javascript" src="engine/gameplay-plugins/event-driven-plugins/unitcontrol.js"></script>
<script type="text/javascript" src="engine/gameplay-plugins/event-driven-plugins/powermanagement.js"></script>
<script type="text/javascript" src="engine/util/mapcompressor.js"></script>
<!-- /remove these lines once finished -->
<!-- bootstrap -->
<script type="text/javascript" src="gameplay/bootstrap.js"></script>
<!-- Page style -->
<link rel="stylesheet" href="gameplay/style.css" />
</head>
<body>
<div id="page-container">
<div id="loading-screen">
<div id="loading-all"><div></div></div>
<div id="loading-message">Initializing...</div>
<div id="loading-current"><div></div></div>
</div>
<div id="gameplay-screen">
<div class="top-shade"></div>
<div id="view">
<canvas id="view-canvas" width="800" height="600"></canvas>
</div>
<div class="middle-right-shade">
<div class="resource-info">¢ <span id="resource-0">0</span></div>
</div>
<div id="minimap"></div>
<div class="middle-right-shade slim"></div>
<div id="button-repair"><div></div></div>
<div id="button-sell"><div></div></div>
<div class="middle-right-shade slim"></div>
<div id="power-level-wrapper">
<div id="power-level-content">
<div id="power-level-production"></div>
<div id="power-level-marker"></div>
<div id="power-level-consumption"></div>
</div>
</div>
<div class="construction-buttons" id="buildings-buttons">
<div class="construction-buttons-scrolling">
<div class="button-scroll-up"></div>
<div class="button-scroll-down"></div>
</div>
<div class="construction-buttons-content">
<div class="construction-button">
<div class="construction-progress"></div>
<div class="construction-icon">
<img src="" alt=""/>
</div>
<div class="construction-label"></div>
</div>
</div>
</div>
<div class="construction-buttons" id="units-buttons">
<div class="construction-buttons-scrolling">
<div class="button-scroll-up"></div>
<div class="button-scroll-down"></div>
</div>
<div class="construction-buttons-content">
<div class="construction-button">
<div class="construction-progress"></div>
<div class="construction-icon">
<img src="" alt=""/>
</div>
<div class="construction-label"></div>
</div>
</div>
</div>
<div class="bottom-shade"></div>
</div>
</div>
<div id="credits">
Loading music: <a href="http://www.partnersinrhyme.com/">Royalty Free Music and Sound Effects</a><br />
In-game music: <a href="http://incompetech.com/">Kevin MacLeod</a>
</div>
</body>
</html>