-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathcontroller.html
78 lines (76 loc) · 5.44 KB
/
controller.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
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta content='width=device-width, initial-scale=1, maximum-scale=1 user-scalable=0' name='viewport'>
<title>AirConsole Controller</title>
<link href='https://fonts.googleapis.com/css?family=Play:400,700' rel='stylesheet' type='text/css'>
<!-- AirConsole-Controls -->
<link rel="stylesheet" type="text/css" href="airconsole-controls/button/button.css">
<link rel="stylesheet" type="text/css" href="airconsole-controls/dpad/dpad.css">
<!-- Styles -->
<link rel="stylesheet" type="text/css" href="controller/styles/styles.css">
<link rel="stylesheet" type="text/css" href="controller/styles/controls.css">
</head>
<body>
<div id="controller-container">
<div id="view-0" class="view" style="display: flex;">
<div id="view-0" class="view" style="display: none;">
<div id="view-0-section-0" class="section " style="height: 100%;">
<div id="ready" class="button-300-300 button-element element">
<div class="button-text">Ready</div>
</div>
</div>
</div>
<div id="view-1" class="view" style="display: none;">
<div id="view-1-section-0" class="section " style="height: 100%;">
<div class="button-text">Waiting for other players ...</div>
</div>
</div>
<div id="view-2" class="view" style="display: flex;">
<div id="view-2-section-0" class="section " style="height: 100%;">
<div id="dpad" class="dpad-absolute-container">
<div class="dpad-absolute" style="position: static;">
<div class="dpad-arrow dpad-arrow-up"></div>
<div class="dpad-arrow dpad-arrow-down"></div>
<div class="dpad-arrow dpad-arrow-left"></div>
<div class="dpad-arrow dpad-arrow-right"></div>
</div>
</div>
</div>
<div id="view-2-section-1" class="section " style="height: 100%;">
<div id="pickUpDrop" class="button-300-150 button-element element">
<div class="button-text">Pick up / Drop</div>
</div>
<div id="use" class="button-300-150 button-element element">
<div class="button-text">Use</div>
</div>
</div>
</div>
<div id="view-3" class="view" style="display: none;">
<div id="view-3-section-0" class="section " style="height: 100%;">
<div id="tryAgain" class="button-300-300 button-element element">
<div class="button-text">Game Over<br>Try again</div>
</div>
</div>
</div>
<script type="text/javascript">
var ctrl_data = '{"orientation":"landscape","selected_view_id":"view-0","views":[{"id":"view-0","sections":[{"id":"view-0-section-0","elements":[{"id":"ready","key":"button","name":"Button","tmpl":"button","constructor_fn":"ButtonElement","options":{"constructor_args":{},"attr_id":"ready","css_classes":"button-300-300","view_action":{"target":null,"view_id":null},"label":"Ready","send_onrelease":false,"message_data":[]}}],"classes":[]}]},{"id":"view-1","sections":[{"id":"view-1-section-0","elements":[],"classes":[]}]},{"id":"view-2","sections":[{"id":"view-2-section-0","elements":[{"id":"dpad","key":"dpad_absolute","name":"DPad Absolute","tmpl":"dpad","constructor_fn":"DPadAbsoluteElement","options":{"constructor_args":{"diagonal":true},"attr_id":"view-2-section-0-element-0","css_classes":"","view_action":{"target":null,"view_id":null}}}],"classes":[]},{"id":"view-2-section-1","elements":[{"id":"pickUpDrop","key":"button","name":"Button","tmpl":"button","constructor_fn":"ButtonElement","options":{"constructor_args":{},"attr_id":"pickUpDrop","css_classes":"button-300-150","view_action":{"target":null,"view_id":null},"label":"Pick up / Drop","send_onrelease":false,"message_data":[]}},{"id":"use","key":"button","name":"Button","tmpl":"button","constructor_fn":"ButtonElement","options":{"constructor_args":{},"attr_id":"use","css_classes":"button-300-150","view_action":{"target":null,"view_id":null},"label":"Use","send_onrelease":false,"message_data":[]}}],"classes":[]}]},{"id":"view-3","sections":[{"id":"view-3-section-0","elements":[{"id":"tryAgain","key":"button","name":"Button","tmpl":"button","constructor_fn":"ButtonElement","options":{"constructor_args":{},"attr_id":"tryAgain","css_classes":"button-300-300","view_action":{"target":null,"view_id":null},"label":"Try again","send_onrelease":false,"message_data":[]}}],"classes":[]}]}]}';
</script>
</div>
<!-- 3rd Party Libs -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script type="text/javascript" src="controller/libs/handlebars-v4.0.5.js"></script>
<!-- AIRCONSOLE -->
<script type="text/javascript" src="https://www.airconsole.com/api/airconsole-latest.js"></script>
<script type="text/javascript" src="controller/libs/airconsole_view_manager.js"></script>
<!-- AIRCONSOLE CONTROLS -->
<script type="text/javascript" src="airconsole-controls/button/button.js"></script>
<script type="text/javascript" src="airconsole-controls/dpad/dpad.js"></script>
<script type="text/javascript" src="airconsole-controls/swipe-analog/swipe-analog.js"></script>
<script type="text/javascript" src="airconsole-controls/swipe-digital/swipe-digital.js"></script>
<!-- GENERATOR -->
<script type="text/javascript" src="controller/js/controller_generator.js"></script>
<script type="text/javascript" src="controller/js/main.js"></script>
</body>
</html>