Depth3D/generic-depth-mod.html at master · BlueSkyDefender/Depth3D · GitHub

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
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Generic Depth Mod - Depth3D</title>
<meta name="description" content="The Generic Depth Mod is a ReShade add-on that gives SuperDepth3D the exact depth buffer numbers instead of making it guess.">
<meta property="og:title" content="Generic Depth Mod - Depth3D">
<meta property="og:description" content="Better depth buffer detection for SuperDepth3D.">
<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" href="overwatch.html">
    <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 active" href="generic-depth-mod.html" aria-current="page">
    <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>Add-on build only</span>
</nav>

<main id="main">
<div class="panel-inner">

  <header class="hero">
    <div class="eyebrow">ReShade add-on</div>
    <h1>Stop the shader guessing where the picture is.</h1>
    <p>
      The Generic Depth Mod finds the right depth buffer more reliably, then hands
      SuperDepth3D the exact numbers instead of leaving it to work them out from
      the image.
    </p>
    <div class="actions">
      <a class="btn primary" href="https://discord.gg/W2f7YhX">Get it on Discord</a>
      <a class="btn" href="gpu-selector.html">Or use GPU Selector</a>
    </div>
  </header>

  <section class="card" id="get">
    <div class="card-head">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" aria-hidden="true"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><path d="M7 10l5 5 5-5"/><path d="M12 15V3"/></svg>
      <h2>How to get it</h2>
    </div>
    <div class="card-body">
      <p class="lead">There are two ways, and both are free.</p>
      <div class="row">
        <div class="label">
          <div class="name">Through GPU Selector</div>
          <div class="desc">Deploy the Depth3D card and the add-on comes with it. This is the easy route, and it turns off ReShade's built-in Generic Depth for you at the same time.</div>
        </div>
      </div>
      <div class="row">
        <div class="label">
          <div class="name">From the Discord</div>
          <div class="desc">Ask in the Depth3D Discord and you will be pointed at the current build. Put it next to the game's exe, alongside the ReShade DLL.</div>
        </div>
      </div>
      <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>You need ReShade with <strong>Full Add-on Support</strong>. The add-on API is not in the standard build, so nothing will load without it.</p>
      </div>
      <div class="actions-inline">
        <a class="btn primary sm" href="https://discord.gg/W2f7YhX">Join the Discord</a>
        <a class="btn sm ghost" href="gpu-selector.html">Get GPU Selector</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"><rect x="3" y="3" width="18" height="18" rx="2"/><path d="M3 15h18M9 3v18"/></svg>
      <h2>What it fixes</h2>
    </div>
    <div class="card-body">
      <h3>Where the game actually drew the scene</h3>
      <p>
        Engines do not always fill the depth texture. Unreal pads it and renders the
        scene into a corner of it, leaving dead rows behind. Upscalers like DLSS, FSR
        and XeSS move that region every time you change a quality setting.
      </p>
      <p>
        Without help the shader has to find that region by studying the picture. The
        add-on just tells it, every frame. Letterboxed games are handled too.
      </p>

      <h3>Which pixels are the weapon hand</h3>
      <p>
        Normally the hand is separated out of the shared depth buffer with a cutoff
        value you tune by hand, one per game. The add-on can supply a second depth
        buffer holding only the hand, so there is nothing to tune.
      </p>
    </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="M4 7h16M4 12h16M4 17h10"/></svg>
      <h2>The two shader switches</h2>
      <span class="sub">ReShade preprocessor definitions</span>
    </div>
    <div class="card-body">
      <table class="spec">
        <tr>
          <th class="key">GDM_DEPTH_AUTOFIT</th>
          <td>
            On by default, and safe to leave alone. It takes the exact viewport
            numbers from the add-on. Without the add-on it does nothing at all, so
            it cannot break anything. Not available on DirectX 9.
          </td>
        </tr>
        <tr>
          <th class="key">GDM_WEAPON_DEPTH</th>
          <td>
            Off by default. Turn it on only when the add-on is supplying a weapon
            buffer for your game. With it on, the weapon hand cutoff value stops
            mattering.
          </td>
        </tr>
      </table>
      <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>While Auto-Fit is doing its job the shader turns off its own letterbox detection and upscaler correction on purpose. A guess can only fight an exact answer.</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="M12 2 3 6v6c0 5 3.8 9.4 9 10 5.2-.6 9-5 9-10V6z"/></svg>
      <h2>If something looks wrong</h2>
    </div>
    <div class="card-body">
      <div class="row">
        <div class="label">
          <div class="name">Nothing changed after installing</div>
          <div class="desc">Check the add-on is listed in ReShade's Add-ons tab. Check you are on the Full Add-on build. Then check ReShade's own Generic Depth is switched off. That last one catches most people, and GPU Selector does it for you.</div>
        </div>
      </div>
      <div class="row">
        <div class="label">
          <div class="name">The image drifted after turning it on</div>
          <div class="desc">Clear any manual correction left in your preset: Upscaler Guided, Upscaler Offset, Letter Box Scaler and anything under Reposition Depth. Auto-Fit already covers what those were compensating for.</div>
        </div>
      </div>
      <div class="row">
        <div class="label">
          <div class="name">Weapon hand looks wrong</div>
          <div class="desc">The add-on has no weapon buffer for that game. Set GDM_WEAPON_DEPTH back to 0 and use the normal weapon hand settings.</div>
        </div>
      </div>
      <div class="actions-inline">
        <a class="btn sm" href="https://github.com/BlueSkyDefender/Depth3D/wiki/Generic-Depth-Mod">Full details</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="M12 20h9M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4z"/></svg>
      <h2>Credits</h2>
    </div>
    <div class="card-body">
      <p>
        Built on ReShade's own depth detection example by Patrick Mours, under the
        BSD 3-Clause licence. Modifications by BlueSkyDefender.
        Personal use only.
      </p>
    </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>