-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathrandomizer.html
executable file
·59 lines (58 loc) · 4.06 KB
/
randomizer.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
<html ng-app='GISHWHES' ng-controller='randomizer'>
<head>
<title>
Greatest International Mascot Generator The World Has Ever Seen
</title>
<script type='application/ecmascript' src='https://code.jquery.com/jquery-2.1.4.js'> </script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
<script type='application/ecmascript' src='/Gishwhes2015Item86/victor-0.2.6/build/victor.js'> </script>
<script type='application/ecmascript' src='/Gishwhes2015Item86/segments.js'> </script>
<script type='application/ecmascript' src='/Gishwhes2015Item86/randomizer.js'> </script>
<link rel='stylesheet' type='text/css' href='/Gishwhes2015Item86/randomizer.css' />
</head>
<body>
<div align=center>
<h2>
<br/> <br/>
Greatest International Mascot Generator The World Has Ever Seen
</h2>
<div style="max-width: 50vw" align=left>
This is a random program I wrote for GISHWHES 2015. For those unfamiliar, that is "the greatest scavanger hunt the world has ever seen", a very silly but fun bunch of tasks for people to complete together.
<br /> <br />
This task was specifically: "VIDEO. Write a computer program that randomly generates Gishwhes mascots. – Fran and Sarah Stewart 78 points". Basically every year the GISHWHES mascot is some random combination of upper body and lower body of different animals, so this is an animal half randomizer. Plus hat randomizer because I like hats. You can find <a href="https://gishwhesimti.wordpress.com/2015-items-list/">the full list of tasks for that year</a> here and the <a href="https://github.com/JonLoesch/Gishwhes2015Item86">source code</a> here.
<br/> <br/>
</div>
<br /> <br/>
({{components.head.size() * components.hat.size() * components.body.size()}} different combinations!)
<table> <tr>
<td width=110px>
<img class=button-left width=100px src='/Gishwhes2015Item86/chevron-left-md.svg' ng-click='components.hat.backward()'>
<br /> <br /> <br /> <br /> <br />
<img class=button-left width=100px src='/Gishwhes2015Item86/chevron-left-md.svg' ng-click='components.head.backward()'>
<br /> <br /> <br /> <br /> <br />
<img class=button-left width=100px src='/Gishwhes2015Item86/chevron-left-md.svg' ng-click='components.body.backward()'>
</td>
<td width=100%>
<div id=wrap>
<div id=canvas>
<div segment-display component='components.body' transform-func='bodyTr()' zIndex='2'> </div>
<div segment-display component='components.head' transform-func='headTr()' zindex='1'> </div>
<div segment-display component='components.hat' transform-func='hatTr()' zindex='3'> </div>
</div>
</div>
<div id=shuffle ng-click='shuffle()' align=center>
<!-- {{ current('body').name.first + current('head').name.last }} -->
<img src='/Gishwhes2015Item86/shuffle.svg' height='50px' />
<!-- (or {{ current('head').name.first + current('body').name.last }}) -->
</div>
</td>
<td width=110px>
<img class=button-left width=100px src='/Gishwhes2015Item86/chevron-right-md.svg' ng-click='components.hat.forward()'>
<br /> <br /> <br /> <br /> <br />
<img class=button-left width=100px src='/Gishwhes2015Item86/chevron-right-md.svg' ng-click='components.head.forward()'>
<br /> <br /> <br /> <br /> <br />
<img class=button-left width=100px src='/Gishwhes2015Item86/chevron-right-md.svg' ng-click='components.body.forward()'>
</td>
</tr> </table>
</body>
</html>