-
Notifications
You must be signed in to change notification settings - Fork 7
/
index.html
72 lines (67 loc) · 3.59 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
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>RotMG Fitting Room</title>
<script type="application/javascript" src="//code.jquery.com/jquery-1.9.0.js"></script>
<script type="application/javascript" src="//code.jquery.com/ui/1.10.0/jquery-ui.js"></script>
<script type="application/javascript" src="//cdnjs.cloudflare.com/ajax/libs/history.js/1.7.1/native.history.js"></script>
<script type="application/javascript" src="dyes.js"></script>
<script type="application/javascript" src="sheets.js"></script>
<script type="application/javascript" src="skins.js"></script>
<script type="application/javascript" src="main.js"></script>
<link rel="stylesheet" type="text/css" href="//code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css">
<link rel="stylesheet" type="text/css" href="styles.css">
<link rel="shortcut icon" type="image/x-png" href="favicon.png">
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-27473024-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body>
<div id="main">
<div id="mainbox">
<noscript><div class="err">You need to <a href="http://www.enable-javascript.com/" target="_blank">enable javascript</a> to use this page!</div></noscript>
<div>
<div id="clsel" class="sel"><span>class</span></div>
<div id="skinsel" class="sel"><span>skin</span></div>
</div>
<div id="stagebox">
<canvas id="stage" width="180" height="180"></canvas>
<label for="toggle-main"><input type="checkbox" id="toggle-main" checked>Main: <span id="desc0" class="dyedesc"></span></label>
<label for="toggle-accessory"><input type="checkbox" id="toggle-accessory" checked>Accessory: <span id="desc1" class="dyedesc"></span></label>
</div>
<div id="ind0" style="display: none;">M</div>
<div id="ind1" style="display: none;">A</div>
<div id="dyebox"><br></div>
<label for="toggle-allpreview"><input type="checkbox" id="toggle-allpreview"> All-at-once preview</label>
<div id="sortbox">
Sort dyes:
<label for="sort-lightness"><input type="radio" id="sort-lightness" name="sort-dyes" checked> Lightness</label>
<label for="sort-hue"><input type="radio" id="sort-hue" name="sort-dyes"> Hue</label>
<label for="sort-name"><input type="radio" id="sort-name" name="sort-dyes"> Name</label>
</div>
<div id="allpreview">
<canvas id="allstage" style="display: none;"></canvas>
</div>
</div>
<hr>
<ul>
<li>if you don't see anything above, use latest Chrome or Firefox</li>
<li><strong>click</strong> on the <i>left side</i> of a sample to select main dye, on the <i>right side</i> to select accessory dye</li>
<li>hit <strong>R</strong> for random combo</li>
<li>use <strong>WASD</strong> to rotate the character, combine with <strong>shift</strong> to attack</li>
<li><strong>click</strong> the character to toggle 2x and 3x zoom</li>
<li><strong>shift-click</strong> the character to toggle low HP state</li>
<li><strong>click</strong> on a character in the all-at-once preview to bring it to the main view</li>
<li>post your feedback on <a href="http://community.kabam.com/forums/showthread.php?200194-RotMG-Fitting-Room" target="_blank">forums</a> and on <a href="https://github.com/atomizer/fitting/issues" target="_blank">GitHub</a></li>
</ul>
</div>
</body>
</html>