-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
54 lines (47 loc) · 2.89 KB
/
index.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
<html>
<body bgcolor="#50002D" color="#e09db7">
<a href="https://clojurecup.com/?#/apps/robotdanceparty" target="_blank"><img src="assets/vote-for-us.jpg" width="154" height="96"></a>
<div style="position:fixed; left: 150; color:white;font-size: 40;top: 20">robot_dance_party.gif</div>
<script src="out/goog/base.js" type="text/javascript"></script>
<script type="text/javascript" src="jaws.js"> </script>
<script type="text/javascript" src="howler.js"> </script>
<script type="text/javascript" src="music.js"> </script>
<script src="robotdanceparty.js" type="text/javascript"></script>
<script type="text/javascript">goog.require("robotdanceparty.core");</script>
<script>robotdanceparty.core.main(); </script>
<div style="position:fixed; left:0; top:150">
<form>
<select id="song" onClick="playBackgroundMusic(document.getElementById('song').selectedIndex,document.getElementById('tempo').selectedIndex)">
<option value="Song1">Song1</option>
<option value="Song2">Song2</option>
</select>
<br>
<select id="tempo" onClick="playBackgroundMusic(document.getElementById('song').selectedIndex,document.getElementById('tempo').selectedIndex)">
<option value="fast">fast</option>
<option value="medium">medium</option>
<option value="slow">slow</option>
</select>
</form>
<button onClick="playBackgroundMusic(document.getElementById('song').selectedIndex,document.getElementById('tempo').selectedIndex)">Play Music</button>
<br>
<button onClick="stopBackgroundMusic()">Stop Music</button>
</div>
<div id="help" style="color:white; position:fixed; left: 100; top:580"></div>
<div style="color:white; position:fixed; left: 100; top:625">Plunger Games (c) 2014</div>
<canvas width=500 height=464 style="position:fixed; left:100; top:100"></canvas>
<div id="robot_select" style="position: fixed; left: 610; top: 150">
<img src="assets/robot1_select.gif" style="width: 100; height: 100;"
onClick="robotdanceparty.core.activate_hand(robotdanceparty.core.robot1, 'robot1')">
<br>
<img src="assets/robot2_select.gif" style="width: 100; height: 100;"
onClick="robotdanceparty.core.activate_hand(robotdanceparty.core.robot2, 'robot2')">
<br>
<img src="assets/robot3_select.gif" style="width: 100; height: 100;"
onClick="robotdanceparty.core.activate_hand(robotdanceparty.core.robot3, 'robot3')">
<br>
</div>
<div style="color:white; position:fixed; left:620; top:500"><button >Export to .gif</button>
<br>(coming soon)
</div>
</body>
</html>