-
-
Notifications
You must be signed in to change notification settings - Fork 75
Expand file tree
/
Copy pathoverwatch.html
More file actions
214 lines (202 loc) · 11.1 KB
/
Copy pathoverwatch.html
File metadata and controls
214 lines (202 loc) · 11.1 KB
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
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Overwatch - Depth3D</title>
<meta name="description" content="Overwatch.fxh sets SuperDepth3D up automatically for over nine hundred games.">
<meta property="og:title" content="Overwatch - Depth3D">
<meta property="og:description" content="Overwatch.fxh sets SuperDepth3D up automatically for over nine hundred games.">
<meta property="og:type" content="website">
<link rel="stylesheet" href="assets/css/site.css">
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect width='24' height='24' rx='4' fill='%23d6d6db'/%3E%3Cpath d='M12 4.8 L19.2 8.4 L12 12 L4.8 8.4 Z' fill='%235f5f68'/%3E%3Cpath d='M4.8 8.4 L12 12 L12 19.2 L4.8 15.6 Z' fill='%233e3e45'/%3E%3Cpath d='M19.2 8.4 L12 12 L12 19.2 L19.2 15.6 Z' fill='%232a2a30'/%3E%3C/svg%3E">
<script>(function(){try{var t=localStorage.getItem('d3d-theme');if(t==='light'||t==='dark')document.documentElement.setAttribute('data-theme',t);}catch(e){}})();</script>
</head>
<body>
<a class="skip" href="#main">Skip to content</a>
<div id="titlebar">
<a class="brand" href="index.html">
<span class="mark" aria-hidden="true">
<svg viewBox="0 0 24 24">
<rect x="0" y="0" width="24" height="24" rx="4" fill="#d6d6db"/>
<g class="cube-faces">
<path d="M12 4.8 L19.2 8.4 L12 12 L4.8 8.4 Z" fill="#5e5e67"/>
<path d="M4.8 8.4 L12 12 L12 19.2 L4.8 15.6 Z" fill="#3e3e45"/>
<path d="M19.2 8.4 L12 12 L12 19.2 L19.2 15.6 Z" fill="#29292f"/>
</g>
</svg>
</span>
Depth3D
</a>
<div class="drag"></div>
<div class="tools">
<span class="tagline">Post-Process shaders for ReShade</span>
<button class="themebtn" id="themebtn" type="button">
<svg class="icon-light" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" aria-hidden="true"><circle cx="12" cy="12" r="4.5"/><path d="M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4"/></svg>
<svg class="icon-dark" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" aria-hidden="true"><path d="M21 12.8A9 9 0 1 1 11.2 3a7 7 0 0 0 9.8 9.8z"/></svg>
<span>Theme</span>
</button>
</div>
</div>
<nav id="tabbar" aria-label="Main">
<a class="tab" href="index.html">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" aria-hidden="true"><path d="M2 12l10 5 10-5"/><path d="M2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5"/></svg>
Depth3D
</a>
<a class="tab active" href="overwatch.html" aria-current="page">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" aria-hidden="true"><path d="M2 12s3.7-7 10-7 10 7 10 7-3.7 7-10 7-10-7-10-7z"/><circle cx="12" cy="12" r="3.1"/></svg>
Overwatch
</a>
<a class="tab" href="gpu-selector.html">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" aria-hidden="true"><rect x="2" y="4" width="20" height="14" rx="2"/><path d="M8 21h8M12 18v3"/></svg>
GPU Selector
</a>
<a class="tab" href="generic-depth-mod.html">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" aria-hidden="true"><rect x="3" y="3" width="18" height="18" rx="2"/><path d="M3 15h18M9 3v18"/></svg>
Generic Depth Mod
</a>
<a class="tab" href="licensing.html">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" aria-hidden="true"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><path d="M14 2v6h6"/></svg>
Licensing
</a>
<span class="spacer"></span>
<span class="statuschip"><span class="dot ok"></span>Overwatch v5.0.4</span>
</nav>
<main id="main">
<div class="panel-inner">
<header class="hero">
<div class="eyebrow">Ships with Depth3D</div>
<h1>Overwatch sets the shader up for you.</h1>
<p>
Overwatch.fxh is a companion file that configures SuperDepth3D per game.
Most titles work the moment you press Home.
</p>
<div class="actions">
<a class="btn primary" href="index.html">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" aria-hidden="true"><path d="M2 12l10 5 10-5"/><path d="M2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5"/></svg>
Depth3D main page
</a>
<a class="btn ghost" href="https://github.com/BlueSkyDefender/Depth3D/wiki/Shader-Adjustments">Shader settings</a>
</div>
</header>
<section class="card">
<div class="card-head">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" aria-hidden="true"><path d="M2 12s3.7-7 10-7 10 7 10 7-3.7 7-10 7-10-7-10-7z"/><circle cx="12" cy="12" r="3.1"/></svg>
<h2>What it does</h2>
<span class="spacer"></span>
<span class="badge silver">v5.0.4</span>
</div>
<div class="card-body">
<p class="lead">
Getting depth right by hand takes time. Overwatch already knows the answer
for over nine hundred games.
</p>
<p>It sets these for you, before you touch anything:</p>
<ul class="plain">
<li>Depth map linearization and flip</li>
<li>Near plane and auto near plane</li>
<li>Zero Parallax Distance and convergence</li>
<li>Boundary detection levels</li>
<li>Weapon hand handling</li>
<li>Letterbox, aspect ratio and upscaler corrections</li>
</ul>
<p style="margin-top:15px">
Emulators are covered too: PCSX2, CEMU, Yuzu, Ryujinx, Project64, Xenia and
N64 Recompiled.
</p>
<div class="note">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" aria-hidden="true"><circle cx="12" cy="12" r="9"/><path d="M12 16v-4M12 8h.01"/></svg>
<p>When a profile loads, the shader says so at the top of its menu. Leave the depth settings alone at that point. Changing them fights the profile.</p>
</div>
</div>
</section>
<section class="card">
<div class="card-head">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" aria-hidden="true"><path d="M10.3 3.9 1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0z"/><path d="M12 9v4M12 17h.01"/></svg>
<h2>What the banner is telling you</h2>
</div>
<div class="card-body">
<p>Overwatch also warns you about things it cannot fix on its own.</p>
<table class="spec">
<tr><th>No Profile</th><td>Nothing set up for this game yet. Build one, or ask for one.</td></tr>
<tr><th>Incompatible</th><td>Known not to work. A game patch or an external mod may change that.</td></tr>
<tr><th>Needs Mod</th><td>Needs an external mod or add-on, such as REFramework or the Generic Depth Mod.</td></tr>
<tr><th>Needs DXVK</th><td>Install and use DXVK.</td></tr>
<tr><th>Needs DGVOODOO2</th><td>Install and use dgVoodoo2.</td></tr>
<tr><th>Check Depth</th><td>Turn on Copy depth buffer before clear operation, in the Depth tab.</td></tr>
<tr><th>Disable post effects</th><td>Chromatic Aberration, Motion Blur, Depth of Field and Grain fight the shader.</td></tr>
<tr><th>Check TAA and upscalers</th><td>You may need to toggle the game's anti-aliasing, DLSS, FSR or XeSS.</td></tr>
<tr><th>Disable DRS</th><td>Turn off Dynamic Resolution Scaling.</td></tr>
<tr><th>Set Weapon</th><td>Pick a weapon hand profile by hand.</td></tr>
<tr><th>Net Play</th><td>Online game. You may need the add-on build of ReShade.</td></tr>
</table>
</div>
</section>
<section class="card">
<div class="card-head">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" aria-hidden="true"><path d="M12 20h9M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4z"/></svg>
<h2>No profile for your game</h2>
</div>
<div class="card-body">
<p class="lead">
There is a video walkthrough. <a href="https://www.youtube.com/playlist?list=PLwNAyizu5NBtbpTzs6BoV4SoJNFfEQpI-">Depth3D Profile Guide Basic</a>
builds a normal profile from start to finish, in five parts.
</p>
<div class="chips">
<a class="badge" href="https://www.youtube.com/watch?v=oF4SBuOEVwo&list=PLwNAyizu5NBtbpTzs6BoV4SoJNFfEQpI-">Part One</a>
<a class="badge" href="https://www.youtube.com/watch?v=aIOuhf2xHBQ&list=PLwNAyizu5NBtbpTzs6BoV4SoJNFfEQpI-">Part Two</a>
<a class="badge" href="https://www.youtube.com/watch?v=FVVB6mKYCHM&list=PLwNAyizu5NBtbpTzs6BoV4SoJNFfEQpI-">Part Three</a>
<a class="badge" href="https://www.youtube.com/watch?v=4LP9gHsBiZw&list=PLwNAyizu5NBtbpTzs6BoV4SoJNFfEQpI-">Part Four</a>
<a class="badge" href="https://www.youtube.com/watch?v=Sc6h4dGgcvg&list=PLwNAyizu5NBtbpTzs6BoV4SoJNFfEQpI-">Part Five</a>
</div>
<p style="margin-top:18px">The same thing in note form, once you have seen it done:</p>
<ol class="steps">
<li>Turn on <strong>Depth Map View</strong>. You want a grey gradient, dark near you and lighter into the distance.</li>
<li>Looks inverted? Switch <strong>Depth Map Selection</strong> from DM0 to DM1.</li>
<li>Upside down? Tick <strong>Depth Map Flip</strong>.</li>
<li>Turn the view off and adjust <strong>Near Plane Adjustment</strong> until it looks right in game.</li>
<li>Set <strong>ZPD Boundary Detection</strong> to BD1 through BD3, then tune the ZPD Scalers.</li>
</ol>
<p style="margin-top:18px">
Turn on <code>Profiler_Mode</code> in the shader to unlock the extra tuning
levels used for building profiles. Send me what you make and I will add it.
</p>
<div class="actions-inline">
<a class="btn sm" href="https://github.com/BlueSkyDefender/Depth3D/wiki/Shader-Adjustments">Full walkthrough</a>
<a class="btn sm ghost" href="https://discord.gg/W2f7YhX">Ask on Discord</a>
</div>
</div>
</section>
<section class="card">
<div class="card-head">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" aria-hidden="true"><path d="M18 8h1a4 4 0 0 1 0 8h-1M2 8h16v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4zM6 1v3M10 1v3M14 1v3"/></svg>
<h2>Where donations go</h2>
</div>
<div class="card-body">
<p>
Overwatch is where support makes the most difference. It pays for the time
that goes into testing games, building profiles and widening compatibility.
</p>
<div class="actions-inline">
<a class="btn primary sm" href="https://www.buymeacoffee.com/BlueSkyDefender">Buy me a coffee</a>
</div>
</div>
</section>
</div>
</main>
<footer id="footer">
<div class="inner">
<div>Depth3D maintained by <a href="https://github.com/BlueSkyDefender">BlueSkyDefender</a></div>
<span class="spacer"></span>
<nav>
<a href="licensing.html">Licensing</a>
<a href="https://github.com/BlueSkyDefender/Depth3D/wiki">Wiki</a>
<a href="https://discord.gg/W2f7YhX">Discord</a>
<a href="about.html">About the developer</a>
</nav>
</div>
<div id="edition-bar">Depth3D</div>
</footer>
<script src="assets/js/site.js"></script>
</body>
</html>