-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
99 lines (97 loc) · 3.23 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
<!doctype html>
<html>
<head>
<title>WebGL Samples</title>
<style type="text/css">
li {float: left; margin-right: 20px; margin-bottom: 10px}
hr {clear: left}
img {margin-top: 5px}
</style>
</head>
<body>
<h1>WebGL Samples</h1>
<p>
This page contains some WebGL smaples I made during my learning of WebGL. You can click each link to try each sample directly.
You can also browse the source code of each sample at <a href="https://github.com/delphifirst/webgl-samples">source code</a>.
</p>
<hr/>
<h2>Direct3D11Tutorials</h2>
<p>
Those samples are rewritten WebGL versions of <a href="https://github.com/walbourn/directx-sdk-samples/tree/master/Direct3D11Tutorials">
Direct3D11Tutorials</a>. Very basic and easy to learn.
</p>
<div>
<ul>
<li>
<a href="Direct3D11Tutorials/Tutorial01/Tutorial01.html">
Tutorial01<br/>
<img width="200" height="150" src="Direct3D11Tutorials/Tutorial01/screenshot.png" alt="Screenshot for Tutorial01"/>
</a>
</li>
<li>
<a href="Direct3D11Tutorials/Tutorial02/Tutorial02.html">
Tutorial02<br/>
<img width="200" height="150" src="Direct3D11Tutorials/Tutorial02/screenshot.png" alt="Screenshot for Tutorial02"/>
</a>
</li>
<li>
<a href="Direct3D11Tutorials/Tutorial03/Tutorial03.html">
Tutorial03<br/>
<img width="200" height="150" src="Direct3D11Tutorials/Tutorial03/screenshot.png" alt="Screenshot for Tutorial03"/>
</a>
</li>
<li>
<a href="Direct3D11Tutorials/Tutorial04/Tutorial04.html">
Tutorial04<br/>
<img width="200" height="150" src="Direct3D11Tutorials/Tutorial04/screenshot.png" alt="Screenshot for Tutorial04"/>
</a>
</li>
<li>
<a href="Direct3D11Tutorials/Tutorial05/Tutorial05.html">
Tutorial05<br/>
<img width="200" height="150" src="Direct3D11Tutorials/Tutorial05/screenshot.png" alt="Screenshot for Tutorial05"/>
</a>
</li>
<li>
<a href="Direct3D11Tutorials/Tutorial06/Tutorial06.html">
Tutorial06<br/>
<img width="200" height="150" src="Direct3D11Tutorials/Tutorial06/screenshot.png" alt="Screenshot for Tutorial06"/>
</a>
</li>
<li>
<a href="Direct3D11Tutorials/Tutorial07/Tutorial07.html">
Tutorial07<br/>
<img width="200" height="150" src="Direct3D11Tutorials/Tutorial07/screenshot.png" alt="Screenshot for Tutorial07"/>
</a>
</li>
</ul>
</div>
<hr/>
<h2>MySamples</h2>
<p>
Those samples are written during my learning of some rendering effects. One sample corresponds to one certain effect.
</p>
<div>
<ul>
<li>
<a href="MySamples/DynamicCubeMap/DynamicCubeMap.html">
DynamicCubeMap<br/>
<img width="200" height="150" src="MySamples/DynamicCubeMap/screenshot.png" alt="Screenshot for DynamicCubeMap"/>
</a>
</li>
<li>
<a href="MySamples/ShadowMap/ShadowMap.html">
ShadowMap<br/>
<img width="200" height="150" src="MySamples/ShadowMap/screenshot.png" alt="Screenshot for ShadowMap"/>
</a>
</li>
<li>
<a href="MySamples/FXAA/FXAA.html">
FXAA<br/>
<img width="200" height="150" src="MySamples/FXAA/screenshot.png" alt="Screenshot for FXAA"/>
</a>
</li>
</ul>
</div>
</body>
</html>