-
Notifications
You must be signed in to change notification settings - Fork 0
/
equalizer.html
133 lines (117 loc) · 5.24 KB
/
equalizer.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
123
124
125
126
127
128
129
130
131
132
133
<!DOCTYPE html>
<html>
<head>
<title>Overwatch cm/360</title>
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" />
<!-- Bootstrap 4 CDN -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"
crossorigin="anonymous">
<video autoplay muted loop id="backgroundHanamuraVideo">
<source src="images/hanamura_animation.mp4" type="video/mp4">
</video>
</head>
<body class="calculators">
<div id="header" class="header">
<div class="container">
<div class="logo">
<h1>
<img src="images/ow-calc-logo-with-tagline.png" WIDTH=350 HEIGHT=auto>
</h1>
</div>
<div class="nav">
<div class="button-box col-lg-12">
<ul>
<li>
<a href="cm-360.html" class="btn btn-primary btn-lg outline">cm/360° converter</a>
</li>
<li>
<a href="index.html" class="btn btn-primary btn-lg outline">Home</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- end header -->
<div class="container">
</div>
<div class="container">
<div class="row">
<div class="col-md-6 offset-md-3">
<!-- offset-md-3 centers app-->
<h1 class="display-4 text-center mb-3">sensitivity equalizer</h1>
<br>
<br>
<form>
<div class="form-group">
<input id="mDPI_id" type="number" class="form-control form-control-lg" name="TextBox1" placeholder="Enter your mouse DPI ...">
</div>
<div class="form-group">
<input id="alt_cm360_id" type="number" class="form-control form-control-lg" name="TextBox2" placeholder="Enter your cm/360° result from another game ...">
</div>
</form>
<br>
<div class="display-4 text-center mb-3">
<!-- centers the output button -->
<input type="button" name="clickbtn" class="btn btn-primary btn-lg outline" value="Compute equivalent in-game sens" onclick="sensResult()">
</div>
<br>
<br>
<div id="output_id">
<div class="input-group">
<input id="sensResult_id" type="number" class="form-control form-control-lg" name="TextBox3">
</div>
</div>
<br>
</div>
</div>
</div>
<div class="container">
<!-- start accordion -->
<div class="col-md-6 offset-md-3">
<button class="accordion">Uses for this Application</button>
<div class="accordion-content">
<p>
Like many FPS games, Overwatch uses its own native sensitivity settings along with a users mouse DPI to allow a character
to produce movement.
</p>
<p>Players may already have an optimal distance in which they move the mouse to complete one 360 degree character
rotation derived from a different game. Therefore, in order to keep things consistent, they can use that
distance calulation along with their mouse DPI to achieve a comparable in-game sensitivity for Overwatch.
</p>
</div>
<button class="accordion">Where to find your mouse DPI and cm/360° Result</button>
<div class="accordion-content">
<p>
Your mouse DPI can be found in whichever software configured your mouse. The sensitivity equalizer is used for converting
a cm/360 result from a different game into a native Overwatch sensitivity.
</p>
<p>It is expected that you have this information, whether it be from logging into whatever game you're playing
and physically measuring the distance it takes to move your character, or using another conversion system
like shown on this application.
</p>
</div>
</div>
<!-- end Accordions-->
</div>
<br>
<br>
<br>
<footer>
<div class="social-media-icons">
<a href='https://github.com/adhaase/' target="_blank">
<i class="fa fa-github" title="GitHub"></i>
</a>
<a href='mailto:adhaase@umich.edu/' target="_blank">
<i class="fa fa-envelope-square" title="email: adhaase@umich.edu"></i>
</a>
<a href='http://adhaase.github.io/' target="_blank">
<i class="fa fa-globe" title="Website"></i>
</a>
</div>
</footer>
<script src="main.js"></script>
</body>
</html>