-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
177 lines (175 loc) · 13.2 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
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
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Explain Splatoon Motion Controls</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="color-scheme" content="light dark">
<link rel="stylesheet" href="./docs/index.css">
<link rel="shortcut icon" type="image/x-icon" href="./docs/favicon.ico">
<link rel="icon" type="image/x-icon" href="./docs/animated_favicon.ico">
<script src="docs/index.js" defer>
</script>
<script defer >
function nav(btn_func) {
if (btn_func == "sidenav-open") {
console.log("open pressed");
sidenav.removeAttribute("closed");
header.setAttribute("open", true);
return;
}
console.log("close pressed.");
sidenav.setAttribute("closed", true);
header.removeAttribute("open");
}
</script>
</head>
<body>
<header>
<div id="sidenav" closed="true">
<button id="sidenav-close" onclick="nav(this.id)">
<img src="imgs/sidenav-open.png" alt="<" />
</button>
<nav>
<menu>
<li><a href="#WhatsWrong">What's wrong with sticks?</a></li>
<li><a href="#about-motion">About Motion</a></li>
<li><a href="#HowToHold">How to hold?</a></li>
<li><a href="#TheBest">The Best Settings</a></li>
<li><a href="#y-button">What does the Y button do?</a></li>
<li><a href="#calibrate">What is calibrate?</a></li>
<li><a href="#beginner">For Beginners</a></li>
<li><a href="#addendum">References</a></li>
</menu>
</nav>
</div>
<button id="sidenav-open" onclick="nav(this.id)">
<img src="imgs/sidenav-open.png" alt=">" />
</button>
<h1>Explaining the Motion Controls in Splatoon 3</h1>
</header>
<div class="wrapper">
<!--
On mobile, the menu is collapsible but accessible from the header.
On landscape, the menu is on the left side of the main content. Main content has a maximum width of 3/4 the viewport width.
-->
<nav>
<menu>
<li><a href="#WhatsWrong">What's wrong with sticks?</a></li>
<li><a href="#about-motion">About Motion</a></li>
<li><a href="#HowToHold">How to hold?</a></li>
<li><a href="#TheBest">The Best Settings</a></li>
<li><a href="#y-button">What does the Y button do?</a></li>
<li><a href="#calibrate">What is calibrate?</a></li>
<li><a href="#beginner">For Beginners</a></li>
<li><a href="#addendum">References</a></li>
</menu>
</nav>
<main>
<h2 id="WhatsWrong">What's wrong with sticks?</h2>
<p>Many 3rd person shooters, including the Splatoon series, use the right stick of a standard controller with two sticks to rotate the camera and aim attacks aligned with a cursor out from the middle of the screen.</p>
<div class="center"><img src="" alt="Clip of traditional stick aiming" /></div>
<p>The immediate disadvantage of using only the right stick to control the camera is the limitation in maximum range. Even on maximum stick sensitivity settings, the camera will never rotate as quickly as 360 degrees per second, and there are no other inputs than can be combined to improve the maximum range of speed.</p>
<div class="center"><img src="" alt="Show the fastest turn speed with stick" /></div>
<p class="p-center">The only way to look any faster is with frequent resets of the camera. See <a href="#y-button">What does the Y button do?"</a>.</p>
<p>On the other end, control sticks are prone to gradual wear that causes small, precise movements to be lost. Combined with the previous issue about maximum range being too low, this results in camera control that is both too large at small speeds for precise aiming and too slow for quick turns. In the end, the player's perspective is signficantly restricted by choosing this input type.
</p>
<div class="center"><img src="" alt="Show the slowest turn speed on maximum settings." /></div>
<p>Someone has done much more research on stick versus gyro aiming, and it can be found <a href="https://gyrowiki.jibbsmart.com/blog:why-not-just-use-thumbsticks">here.</a></p>
<h3>But I <em>have</em> to use sticks.</h3>
<p>There are several legitimate reasons to insist on using sticks without motion support.</p>
<ol>
<li>The controller does not have support for motion controls.</li>
<li>Playing games with motion controls is not physically possible, either from motion sickness or disability.</li>
<li>This game is not played often, and the player wants to be comfortable in their small play sessions.</li>
</ol>
<div class="center"><img src="" alt="No motion support"><img src="" alt="disability" ><img src="" alt="small play time, or casual"></div>
<p class="p-center">In these cases, the below argument does not apply to you, reader. The informaion in this blog may still be interesting...</p>
<h3>But I <b>want</b> to use sticks. I can beat the pros, I swear---</h3>
<p>No.</p>
<h3>But I tried motion and it sucks. I lose matches ever since I turned them on. I gave them a chance, I'm going back to---</h3>
<p>no, you didn't try. Take a break, change your settings in the section about <a href="#beginner">someone learning motion controls</a>, and practice for several days.</p>
<p class="important">Stick aiming has been a stable in video games for 20 years, and it's likely still supported for longer. This is a new way to aim, and it takes time to relearn.</p>
<h2 id="about-motion">Motion controls are enabled, but how do they work?</h2>
<p>
</p>
<h3 id="how-turn">How do I turn around?</h3>
<h3 id="how-look">How do I look up or down? I'm used to using the right stick to do that. With motion enabled, I can't do that anymore.</h3>
<p class="important p-center">Unlike looking left or right, the view looking up and down is clamped; it's impossible to look past the ceiling or the floor.</p><p class="p-center"> Imagine if you could...</p>
<div class="center"><img src="" alt="Someone trying to break their spine looking up" /></div>
<h2 id="HowToHold">How should I hold the controller?</h2>
<p>There are three main positions to consider:</p>
<ol>
<li>Controller flat.</li>
<li>Controller angled.</li>
<li>Controller upright.</li>
</ol>
<div class="center"><img src="" alt="controller flat"><img src="" alt="controller angle" ><img src="" alt="controller upright"></div>
<p class="important p-center">This is a crucial answer to consider: <span class="important">Hold the controller however the player best feel comfortable, but always consider resetting to a slight angle.</span></p>
<h2 id="TheBest">What are the best settings I should use?</h2>
<p>Anyone can use any settings they want, and their preferences will likely change. <span class="important">There is no best setting for motion controls.</span></p>
<p>Rather, it's more important to know what the settings do with respect to how one holds and moves the controller.</p>
<h3 id="sensitivity-motion">About the motion sensitivity slider</h3>
<div class="center"><img src="" alt="motion sensitivity slider" /></div>
<h4 id="consider-lower">Consider lowering motion sensitivity if...</h4>
<ul>
<!-- Borrow images from splatoonwiki -->
<li>A precise weapon is used. i.e., Charger, H3-Nozzlenose, Sloshing Machine...</li>
<div class="center">
<picture>
<source srcset="https://cdn.wikimg.net/en/splatoonwiki/images/thumb/4/41/S3_Weapon_Main_Splat_Charger.png/64px-S3_Weapon_Main_Splat_Charger.png">
<img src="https://cdn.wikimg.net/en/splatoonwiki/images/thumb/4/41/S3_Weapon_Main_Splat_Charger.png/64px-S3_Weapon_Main_Splat_Charger.png" alt="charger" title="Charger"/>
</picture>
<picture>
<source srcset="https://cdn.wikimg.net/en/splatoonwiki/images/thumb/5/5a/S3_Weapon_Main_H-3_Nozzlenose.png/64px-S3_Weapon_Main_H-3_Nozzlenose.png">
<img src="https://cdn.wikimg.net/en/splatoonwiki/images/thumb/5/5a/S3_Weapon_Main_H-3_Nozzlenose.png/64px-S3_Weapon_Main_H-3_Nozzlenose.png" alt="nozzlenose" title="H3-Nozzlenose"/>
</picture>
<source srcset="https://cdn.wikimg.net/en/splatoonwiki/images/thumb/3/38/S3_Weapon_Main_Sloshing_Machine.png/64px-S3_Weapon_Main_Sloshing_Machine.png">
<img src="https://cdn.wikimg.net/en/splatoonwiki/images/thumb/3/38/S3_Weapon_Main_Sloshing_Machine.png/64px-S3_Weapon_Main_Sloshing_Machine.png" alt="sloshing" title="Sloshing Machine"/>
</picture>
</div>
<li>Consistently, aim feels too fast, going past targets.</li>
<div class="center"><img src="" alt="clip of cursor going past targets"/></div>
</ul>
<h4 id="consider-higher">Consider increasing motion sensitivity if...</h4>
<ul>
<li>A melee-ish weapon is used. i.e., Splat Roller, Octobrush, Splatana Wiper...</li>
<div class="center">
<picture>
<source srcset="https://cdn.wikimg.net/en/splatoonwiki/images/thumb/c/c7/S3_Weapon_Main_Splat_Roller.png/64px-S3_Weapon_Main_Splat_Roller.png">
<img src="https://cdn.wikimg.net/en/splatoonwiki/images/thumb/c/c7/S3_Weapon_Main_Splat_Roller.png/64px-S3_Weapon_Main_Splat_Roller.png" alt="roller" title="Roller"/>
</picture>
<picture>
<source srcset="https://cdn.wikimg.net/en/splatoonwiki/images/thumb/3/3d/S3_Weapon_Main_Octobrush.png/64px-S3_Weapon_Main_Octobrush.png">
<img src="https://cdn.wikimg.net/en/splatoonwiki/images/thumb/3/3d/S3_Weapon_Main_Octobrush.png/64px-S3_Weapon_Main_Octobrush.png" alt="octobrush" title="Octobrush"/>
</picture>
<source srcset="https://cdn.wikimg.net/en/splatoonwiki/images/thumb/e/e5/S3_Weapon_Main_Splatana_Wiper.png/64px-S3_Weapon_Main_Splatana_Wiper.png">
<img src="https://cdn.wikimg.net/en/splatoonwiki/images/thumb/e/e5/S3_Weapon_Main_Splatana_Wiper.png/64px-S3_Weapon_Main_Splatana_Wiper.png" alt="wiper" title="Splatana Wiper"/>
</picture>
</div>
<li>Aim is consistently too slow, unable to catch up to targets.</li>
<div class="center"><img src="" alt="clip of cursor too slow on moving targets"/></div>
</ul>
<p>Hybrid weapons like Ballpoint Splatling, Squeezer and the Dualies are up to the player's preference, but they should be able to both look around quickly and aim precisely.</p>
<h2 id="y-button">What does the Y button do?</h2>
<p>Press the Y button to reset the camera behind the player. Note that this simply resets, <b>NOT</b> calibrates; see <a href="#calibrate">What is calibration?</a>.</p>
<div class="center"><img src="" alt="clip of recenter"/></div>
<p>The camera is spun horizontally until it is looking behind the player, and the pitch angle of the camera is set neutral, such that the camera is looking straight across, as if resting on a flat surface. This angle corresponds to the current pitch angle of the controller; it tells the game, "how I am holding the controller now, this is a neutral pitch angle."
</p>
<h2 id="calibrate">What is calibration?</h2>
<p>Splatoon 3 automatically calibrates the stability of the gyroscope when the controller is motionless for a few seconds. The ideal method to manually calibrate is to place the controller on a flat surface during the introduction cutscene before the match begins and as soon as the player is splatted. Pull up the map with the X button and notice the change in the passive drag of the cursor.
</p>
<div class="center"> <img src="" alt="clip of recalibration"/><img src="" alt="recalibrate after splat"></div>
<h2 id="beginner">What setting should someone learning motion controls use?</h2>
<p>Immediately set the motion sensitivity to the lowest value. The majority of camera movement can still be used with the right stick except for looking up and down. Motion input will not overinfluence the camera, but minimal motion movement is enough to see the value in having a supplement to the missing precision.</p>
<div class="center"><img src="" alt="lowest setting"/></div>
<h2 id="addendum">References</h2>
<p>A majority of technical explanation is not mentioned in this blog for the sake of being friendlier for a Splatoon player to read. For anyone curious about the exact implementation of gyro used, check our the blog by JibbSmart, inventor of the recent , and a talented programmer who has spent much more resources documenting the marvelous implementation of gyro aiming in video games.</p>
<p> <a href="https://gyrowiki.jibbsmart.com/blog:player-space-gyro-and-alternatives-explained#toc6">JibbSmart's Blog on Gyro</a></p>
<p>The best comparison between Splatoon's implementation and Jibb's research is what he describes as 'World Orientation', such that the game reacts to the gyroscope in the perspective of the world, in contrast to a local space or the player's orientation.</p>
</main>
</div>
<footer>
</footer>
</body>
</html>