-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
130 lines (119 loc) · 5.34 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
<!doctype html>
<html lang="en">
<head>
{{> head}}
</head>
<body>
<main class="container-fluid">
{{> nav}}
<div class="container">
<p>
WebGPU is the future standard for graphics (GPU) and general purpose
computing (GPGPU) in the web browser.
</p>
<p>
It is the successor of WebGL and based on
<a href="https://www.w3.org/TR/webgpu/">open W3C standards</a> agreed upon
by all common web browser vendors. Still being in its early days, it is
currently (mid-2024) available in
<a href="https://caniuse.com/?search=webgpu">Chrome, Firefox Nightly, Edge,
Safari Technology Preview and Opera</a>. WebGPU provides a uniform
abstraction over different GPU/GPGPU interfaces such as DirectX, Vulkan
and Metal while promising near-native performance with Javascript plumbing.
Shader support is provided through WGSL.
</p>
<p>
Since nowadays many app developers decide to ship whole browsers anyway
why not using WebGPU, WebWorkers and WebAssembly for cross-platform
applications. The WebWorker API adds concurrency based on the
<a href="https://en.wikipedia.org/wiki/Message_passing">message
passing</a> pattern.
</p>
</div>
<div class="container">
<h1>Applications</h1>
<section class="grid">
<div>
<h3>Science & Engineering</h3>
<ul>
<li><a href="">Fast Fourier Transform</a></li>
<li><a href="">Statistical Physics</a></li>
<li><a href="">Spice (Electrical Circuitry)</a></li>
<li><a href="">Bioinformatics</a></li>
<li><a href="">Matlab Clone</a></li>
</ul>
</div>
<div>
<h3>GPGPU</h3>
<ul>
<li><a href="">Machine Learning</a></li>
<li><a href="">Stream Processing</a></li>
<li><a href="">Monte Carlo</a></li>
<li><a href="">Cryptography</a></li>
</ul>
</div>
<div>
<h3>Media & Games</h3>
<ul>
<li><a href="">Audio/Video Processing</a></li>
<li><a href="">Tetris</a></li>
<li><a href="">Flight Simulator</a></li>
<li><a href="">Jump and Run</a></li>
<li><a href="">Shooter</a></li>
</ul>
</div>
<div>
<h3>Education</h3>
<ul>
<li><a href="">Virtual Tourism</a></li>
<li><a href="">E-Schooling</a></li>
<li><a href="">Historical Settings</a></li>
<li><a href="">Climate Change</a></li>
<li><a href="">ISA Simulator</a></li>
</ul>
</div>
</section>
<h1>Learning Sources</h1>
<section class="grid">
<div>
<h3>WebAssembly</h3>
<ul>
<li><a href="https://web.dev/articles/webassembly-performance-patterns-for-web-apps">https://web.dev/articles/webassembly-performance-patterns-for-web-apps</a></li>
<li><a href="https://emscripten.org/docs/api_reference/index.html">https://emscripten.org/docs/api_reference/index.html</a></li>
<li><a href="https://emscripten.org/docs/optimizing/Optimizing-Code.html">https://emscripten.org/docs/optimizing/Optimizing-Code.html</a></li>
</ul>
</div>
<div>
<h3>WebGPU</h3>
<ul>
<li><a href="https://gpuweb.github.io/gpuweb/">https://gpuweb.github.io/gpuweb/</a></li>
<li><a href="https://github.com/gpuweb/gpuweb/wiki">https://github.com/gpuweb/gpuweb/wiki</a></li>
<li><a href="https://caniuse.com/?search=webgpu">https://caniuse.com/?search=webgpu</a></li>
<li><a href="https://webgpu.github.io/webgpu-samples/">https://webgpu.github.io/webgpu-samples/</a></li>
<li><a href="https://developer.mozilla.org/en-US/docs/Web/API/GPUDevice">https://developer.mozilla.org/en-US/docs/Web/API/GPUDevice</a></li>
</ul>
</div>
<div>
<h3>WebWorker</h3>
<ul>
<li><a href="https://web.dev/articles/workers-basics">https://web.dev/articles/workers-basics</a></li>
<li><a href="https://html.spec.whatwg.org/multipage/workers.html">https://html.spec.whatwg.org/multipage/workers.html</a></li>
<li><a href="https://developer.mozilla.org/docs/Web/API/Web_Workers_API/Using_web_workers">https://developer.mozilla.org/docs/Web/API/Web_Workers_API/Using_web_workers</a></li>
</ul>
</div>
<div>
<h3>WGSL</h3>
<ul>
<li><a href="https://google.github.io/tour-of-wgsl/">https://google.github.io/tour-of-wgsl/</a></li>
<li><a href="https://www.w3.org/TR/WGSL/">https://www.w3.org/TR/WGSL/</a></li>
<li><a href="https://github.com/paulgb/wgsl-cheat-sheet">https://github.com/paulgb/wgsl-cheat-sheet</a></li>
<li><a href="https://webgpufundamentals.org/webgpu/lessons/webgpu-wgsl-function-reference.html">https://webgpufundamentals.org/webgpu/lessons/webgpu-wgsl-function-reference.html</a></li>
<li><a href="https://gpuweb.github.io/gpuweb/wgsl/">https://gpuweb.github.io/gpuweb/wgsl/</a></li>
<li><a href="https://github.com/alphastrata/shadplay">https://github.com/alphastrata/shadplay</a></li>
</ul>
</div>
</section>
</div>
</main>
</body>
</html>