Depth3D/about.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
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>About - Depth3D</title>
<meta name="description" content="Jose Negrete, BlueSkyDefender. Creator of SuperDepth3D, ReShade shader developer, and work across frame generation, optical flow and depth estimation.">
<meta property="og:title" content="About - Depth3D">
<meta property="og:description" content="Jose Negrete, BlueSkyDefender. Creator of 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" 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>
</nav>

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

  <header class="hero">
    <div class="eyebrow">Jose Negrete, BlueSkyDefender</div>
    <h1>I make 3D work on real hardware.</h1>
    <p>
      I am the creator of <strong>SuperDepth3D</strong>, the best depth based 3D
      shader out there, with support for a very large number of games.
    </p>
    <p>
      Shader developer for ReShade, and I work across frame generation, optical
      flow, depth estimation and other computer vision problems.
    </p>
    <div class="actions">
      <a class="btn primary" href="licensing.html">Licensing for hardware</a>
      <a class="btn ghost" href="mailto:UntouchableBlueSky@gmail.com">Get in touch</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 12l10 5 10-5"/><path d="M2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5"/></svg>
      <h2>What I work on</h2>
    </div>
    <div class="card-body">
      <p>
        Most of it comes down to one problem: taking what is already on screen and
        turning it into something a display can show in 3D, fast enough to be worth
        using.
      </p>
      <ul class="plain">
        <li><b>Stereoscopic 3D</b> in real time, in games that were never built for it</li>
        <li><b>Computer vision</b> applied to real time graphics, covering depth estimation, frame generation and optical flow</li>
        <li><b>ReShade shader development</b></li>
      </ul>
    </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>Working on now</h2>
      <span class="sub">A selection</span>
    </div>
    <div class="card-body">
      <div class="row">
        <div class="label">
          <div class="name">SuperDepth3D</div>
          <div class="desc">Depth based stereoscopic 3D for ReShade, with Overwatch supplying per game setup. Still the main line of work.</div>
        </div>
      </div>
      <div class="row">
        <div class="label">
          <div class="name">Shift3D+</div>
          <div class="desc">Geometric 3D. A different route to the same goal, working from scene geometry rather than a depth buffer alone.</div>
        </div>
      </div>
      <div class="row">
        <div class="label">
          <div class="name">Build3D</div>
          <div class="desc">Synced 3D for the Build engine, aimed at the modern remakes of Blood, Duke Nukem and Shadow Warrior.</div>
        </div>
      </div>
      <div class="row">
        <div class="label">
          <div class="name">Depth3D Launcher</div>
          <div class="desc">The platform side. Getting the shaders, add-ons and the right GPU onto a game without the user having to do it by hand.</div>
        </div>
      </div>
      <div class="row">
        <div class="label">
          <div class="name">GameVibe</div>
          <div class="desc">Force feedback. Reading what is happening on screen and turning it into something you can feel.</div>
        </div>
      </div>
      <div class="row">
        <div class="label">
          <div class="name">GPU Selector</div>
          <div class="desc">Puts ReShade, the shaders and the add-ons onto a game, and decides which graphics card runs it.</div>
        </div>
      </div>
      <div class="row">
        <div class="label">
          <div class="name">Generic Depth Mod</div>
          <div class="desc">A ReShade add-on. Better depth buffer detection, and the numbers the shader would otherwise have to guess at.</div>
        </div>
      </div>
      <div class="row">
        <div class="label">
          <div class="name">SD3D UI Add-on</div>
          <div class="desc">Keeping menus and HUDs where they belong once the picture becomes stereoscopic, instead of letting them fall into the scene.</div>
        </div>
      </div>
      <div class="row">
        <div class="label">
          <div class="name">Depth3D Mirror App</div>
          <div class="desc">Game Scaler+. Getting the picture onto another display and sized to suit it.</div>
        </div>
      </div>
      <div class="row">
        <div class="label">
          <div class="name">Depth3D AR Update</div>
          <div class="desc">The AR glasses side, once the pieces underneath it are in place.</div>
        </div>
      </div>
      <div class="row">
        <div class="label">
          <div class="name">Depth3D AI App</div>
          <div class="desc">Further out, and dependent on the rest of it landing first.</div>
        </div>
      </div>
      <p style="margin-top:16px">There is more than this. These are the ones far enough along to mention.</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="M20 7h-9M14 17H5"/><circle cx="17" cy="17" r="3"/><circle cx="7" cy="7" r="3"/></svg>
      <h2>Elsewhere</h2>
    </div>
    <div class="card-body">
      <p>
        I have also worked with and helped other people, to get 3D to as many people as I can.
      </p>
      <p class="namelist">Acer &middot; Lenovo &middot; Zondison &middot; Tencent &middot; and others</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"><rect x="2" y="4" width="20" height="14" rx="2"/><path d="M8 21h8M12 18v3"/></svg>
      <h2>Hardware</h2>
    </div>
    <div class="card-body">
      <p class="lead">
        If you make a 3D display, glasses, a handheld or a headset, I am open to
        receiving hardware to work against.
      </p>
      <p>
        Getting this right is much easier with the device in hand. Panels differ in
        ways you cannot guess at: interlace pattern, subpixel layout, lens geometry,
        how many views it wants. Working blind means approximating. Working with the
        device means matching it.
      </p>
      <div class="actions-inline">
        <a class="btn sm" href="mailto:UntouchableBlueSky@gmail.com?subject=Hardware%20for%20Depth3D">Send me a message</a>
        <a class="btn sm ghost" href="licensing.html">Licensing</a>
      </div>
    </div>
  </section>

  <section class="card" id="contact">
    <div class="card-head">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" aria-hidden="true"><path d="M21 11.5a8.4 8.4 0 0 1-9 8.4L3 21l1.1-9A8.4 8.4 0 1 1 21 11.5z"/></svg>
      <h2>Contact</h2>
    </div>
    <div class="card-body">
      <ul class="linklist">
        <li><span class="k">Email</span><a href="mailto:UntouchableBlueSky@gmail.com">UntouchableBlueSky@gmail.com</a></li>
        <li><span class="k">Discord</span><a href="https://discord.gg/W2f7YhX">discord.gg/W2f7YhX</a></li>
        <li><span class="k">GitHub</span><a href="https://github.com/BlueSkyDefender">BlueSkyDefender</a></li>
        <li><span class="k">Steam</span><a href="https://steamcommunity.com/id/BlueSkyDefender">BlueSkyDefender</a></li>
        <li><span class="k">YouTube</span><a href="https://www.youtube.com/@BlueSkyDefender">@BlueSkyDefender</a></li>
        <li><span class="k">Support my work</span><a href="https://www.buymeacoffee.com/BlueSkyDefender">Buy Me a Coffee</a></li>
      </ul>
    </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>