-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
97 lines (85 loc) · 4.26 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
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Materials</title>
<style>
*{ font-family: monospace; font-size:16px; }
body{ display:flex; flex-direction:column; align-items:center; }
div{ width:75vw; }
hr{ border-top:2px dotted gray; height:0px; }
h1{ font-size:20px; }
a{ text-decoration:none; }
</style>
</head>
<body>
<div>
<h1>Materials / Shaders for ThreeJS</h1>
<p>
Collection of shaders that I've ported, modified or created all in one place.
</p>
<p>
<b>Source Code</b> : <a href="https://github.com/sketchpunklabs/materials">https://github.com/sketchpunklabs/materials</a>
</p>
<hr>
<!---<img src="img/head2.png" width="200px" align="right">--->
<b id="basics">Basics</b>
<ol>
<li><a href="./materials/basic/threejs_raw_lighting.html">ThreeJS's Raw Shader Lighting (Direction and PointLights)</a></li>
<li><a href="./materials/basic/catlikecoding_triplanar.html">Tripolar (Catlikecoding Unity Port)</a></li>
<li><a href="./materials/basic/matcap.html">Matcap Lighting</a></li>
<li><a href="./materials/basic/ubo.html">Uniform Buffer Object</a></li>
</ol>
<b>Interior Mapping</b>
<ol>
<li><a href="./materials/interior_mapping/01_basic.html">Basic Example with Tiling & Offset ( Plane - Tangent Space - CubeMap )</a></li>
</ol>
<b id="displacement">Displacement</b>
<ol>
<li><a href="./materials/displacement/proc_terrain_texture.html">Procedural Terrain ( Blender Shader Port )</a></li>
</ol>
<b id="toon">Toon</b>
<ol>
<li><a href="./materials/toon/toon_three_tone.html">Three Tone (3JS Lighting)</a></li>
<li><a href="./materials/toon/kenney_unlit.html">Kenney's Direction Tint</a></li>
<li><a href="./materials/toon/screenspace_halftones.html">Screen Space Halftones</a></li>
<li><a href="./materials/toon/minionsart_toon_glass_v1.html">Minionsart's Toon Glass v1</a></li>
<li><a href="./materials/toon/minionsart_toon_glass_v2.html">Minionsart's Toon Glass v2 - Modified</a></li>
<li><a href="./materials/toon/minionsart_fake_liquid.html">Minionsart's Fake Liquid</a></li>
<li><a href="./materials/toon/specular_sdf_shape.html">Specular SDF Shape</a></li>
</ol>
<b>Effects</b>
<ol>
<li><a href="./materials/effects/parallax_cube.html">Parallax on a cube ( View & Worldspace Examples )</a></li>
<li><a href="./materials/effects/car_paint.html">Car Paint</a></li>
</ol>
<b>Misc</b>
<ol>
<li><a href="./materials/misc/box_border.html">Cube Borders</a></li>
<li><a href="./materials/misc/hero_suit.html">Procedural Hero Suit</a></li>
<li><a href="./materials/misc/stamina_wheel.html">BOTW / TOTK Stamina Wheel</a></li>
<li><a href="./materials/misc/gauge.html">Gauge</a></li>
<li><a href="./materials/misc/angle_view.html">Angle View</a></li>
</ol>
<b>Sky Domes</b>
<ol>
<li><a href="./materials/skydome/space_nebula.html">Procedural Space Nebula</a></li>
<li><a href="./materials/skydome/procedural_sky.html">Procedural Sky</a></li>
<li><a href="./materials/skydome/equirectangular.html">Equirectangular ( Dome + Sphere Reflection )</a></li>
<li><a href="./materials/skydome/cubemap.html">Cubemap</a></li>
<li><a href="./materials/skydome/cross_layout.html">Cross Layout Cubemap ( Contains Artifacts )</a></li>
</ol>
<b>Grid</b>
<ol>
<li><a href="./materials/grid/fungi_grid_floor.html">Fungi Grid Floor</a></li>
<li><a href="./materials/grid/triplanar_grid.html">Triplanar Grid</a></li>
<li><a href="./materials/grid/basic_grid.html">Basic Grid</a></li>
<li><a href="./materials/grid/circle_grid.html">Circle Grid</a></li>
<li><a href="./materials/grid/box_grid.html">Box Grid</a></li>
<li><a href="./materials/grid/infinite_lines.html">Infinite Line Grid</a></li>
<li><a href="./materials/grid/checkbox_grid.html">Checkerbox & Crosses</a></li>
<li><a href="./materials/grid/iq_filtered_grid.html">IQ's Filtered Grid Renderering</a></li>
</ol>
</div>
</body>
</html>