Skip to content

Commit f501834

Browse files
SnorfieldSnorfield
committed
deploy: d9899e2 
1 parent 1e6675f commit f501834

File tree

3 files changed

+211
-2
lines changed

3 files changed

+211
-2
lines changed

‎Vertex/index.html‎

Lines changed: 209 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,209 @@
1+
<!DOCTYPE html>
2+
<html lang="en" data-bs-theme="dark">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
8+
9+
10+
<link rel="shortcut icon" href="../img/favicon.ico">
11+
<title>Vertex Shaders - The Library Of Shaders</title>
12+
<link href="../css/bootstrap.min.css" rel="stylesheet">
13+
<link href="../css/fontawesome.min.css" rel="stylesheet">
14+
<link href="../css/brands.min.css" rel="stylesheet">
15+
<link href="../css/solid.min.css" rel="stylesheet">
16+
<link href="../css/v4-font-face.min.css" rel="stylesheet">
17+
<link href="../css/base.css" rel="stylesheet">
18+
<link id="hljs-light" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/github.min.css" disabled>
19+
<link id="hljs-dark" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/github-dark.min.css" >
20+
<link href="../css/custom.css" rel="stylesheet">
21+
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script>
22+
<script>hljs.highlightAll();</script>
23+
</head>
24+
25+
<body>
26+
<div class="navbar fixed-top navbar-expand-lg navbar-dark bg-primary">
27+
<div class="container">
28+
<a class="navbar-brand" href="..">The Library Of Shaders</a>
29+
<!-- Expander button -->
30+
<button type="button" class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#navbar-collapse" aria-controls="navbar-collapse" aria-expanded="false" aria-label="Toggle navigation">
31+
<span class="navbar-toggler-icon"></span>
32+
</button>
33+
34+
<!-- Expanded navigation -->
35+
<div id="navbar-collapse" class="navbar-collapse collapse">
36+
<!-- Main navigation -->
37+
<ul class="nav navbar-nav">
38+
<li class="nav-item">
39+
<a href=".." class="nav-link">Home</a>
40+
</li>
41+
<li class="nav-item dropdown">
42+
<a href="#" class="nav-link dropdown-toggle" role="button" data-bs-toggle="dropdown" aria-expanded="false">Shaders</a>
43+
<ul class="dropdown-menu">
44+
45+
<li class="dropdown-submenu">
46+
<a href="#" class="dropdown-item">Vertex Shaders</a>
47+
<ul class="dropdown-menu">
48+
49+
<li>
50+
<a href="../articles/vertex/index.md" class="dropdown-item">Index</a>
51+
</li>
52+
</ul>
53+
</li>
54+
55+
<li class="dropdown-submenu">
56+
<a href="#" class="dropdown-item">Fragment Shaders</a>
57+
<ul class="dropdown-menu">
58+
59+
<li>
60+
<a href="../articles/fragment/index.md" class="dropdown-item">Index</a>
61+
</li>
62+
</ul>
63+
</li>
64+
65+
<li class="dropdown-submenu">
66+
<a href="#" class="dropdown-item">Post Processing</a>
67+
<ul class="dropdown-menu">
68+
69+
<li>
70+
<a href="../articles/post/index.md" class="dropdown-item">Index</a>
71+
</li>
72+
73+
<li>
74+
<a href="../articles/post/ChromaticAberration.md" class="dropdown-item">Chromatic Aberration</a>
75+
</li>
76+
77+
<li>
78+
<a href="../articles/post/Bloom.md" class="dropdown-item">Bloom</a>
79+
</li>
80+
81+
<li>
82+
<a href="../articles/post/Vignette.md" class="dropdown-item">Vignette</a>
83+
</li>
84+
85+
<li>
86+
<a href="../articles/post/GaussianBlur.md" class="dropdown-item">Gaussian Blur</a>
87+
</li>
88+
</ul>
89+
</li>
90+
</ul>
91+
</li>
92+
</ul>
93+
94+
<ul class="nav navbar-nav ms-md-auto">
95+
<li class="nav-item">
96+
<a href="#" class="nav-link" data-bs-toggle="modal" data-bs-target="#mkdocs_search_modal">
97+
<i class="fa fa-search"></i> Search
98+
</a>
99+
</li>
100+
</ul>
101+
</div>
102+
</div>
103+
</div>
104+
<script src="../js/darkmode.js"></script>
105+
106+
<div class="container">
107+
<div class="row">
108+
<div class="col-md-3"><div class="navbar-expand-md bs-sidebar hidden-print affix" role="complementary">
109+
<div class="navbar-header">
110+
<button type="button" class="navbar-toggler collapsed" data-bs-toggle="collapse" data-bs-target="#toc-collapse" title="Table of Contents">
111+
<span class="fa fa-angle-down"></span>
112+
</button>
113+
</div>
114+
115+
116+
<div id="toc-collapse" class="navbar-collapse collapse card bg-body-tertiary">
117+
<ul class="nav flex-column">
118+
119+
<li class="nav-item" data-bs-level="1"><a href="#vertex-shaders" class="nav-link">Vertex Shaders</a>
120+
<ul class="nav flex-column">
121+
</ul>
122+
</li>
123+
</ul>
124+
</div>
125+
</div></div>
126+
<div class="col-md-9" role="main">
127+
128+
<h1 id="vertex-shaders">Vertex Shaders</h1>
129+
<p>Vertex shaders don't get a lot of recognition, but they are integral to how we see graphics, especially 3D graphics.</p>
130+
<p>Vertex shaders are responsible for running on vertices, or the points in our 3D model for example. They might handle converting world coordinates into screen-space coordinates, or perhaps procedural geometry deformation.</p>
131+
<p>They also pass a lot of data into fragment shaders, to enable them function properly (such as colors, or UVs).</p></div>
132+
</div>
133+
</div>
134+
135+
<footer class="col-md-12">
136+
<hr>
137+
<p>Documentation built with <a href="https://www.mkdocs.org/">MkDocs</a>.</p>
138+
</footer>
139+
<script src="../js/bootstrap.bundle.min.js"></script>
140+
<script>
141+
var base_url = "..",
142+
shortcuts = {"help": 191, "next": 78, "previous": 80, "search": 83};
143+
</script>
144+
<script src="../js/base.js"></script>
145+
<script src="../search/main.js"></script>
146+
147+
<div class="modal" id="mkdocs_search_modal" tabindex="-1" role="dialog" aria-labelledby="searchModalLabel" aria-hidden="true">
148+
<div class="modal-dialog modal-lg">
149+
<div class="modal-content">
150+
<div class="modal-header">
151+
<h4 class="modal-title" id="searchModalLabel">Search</h4>
152+
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
153+
</div>
154+
<div class="modal-body">
155+
<p>From here you can search these documents. Enter your search terms below.</p>
156+
<form>
157+
<div class="form-group">
158+
<input type="search" class="form-control" placeholder="Search..." id="mkdocs-search-query" title="Type search term here">
159+
</div>
160+
</form>
161+
<div id="mkdocs-search-results" data-no-results-text="No results found"></div>
162+
</div>
163+
<div class="modal-footer">
164+
</div>
165+
</div>
166+
</div>
167+
</div><div class="modal" id="mkdocs_keyboard_modal" tabindex="-1" role="dialog" aria-labelledby="keyboardModalLabel" aria-hidden="true">
168+
<div class="modal-dialog">
169+
<div class="modal-content">
170+
<div class="modal-header">
171+
<h4 class="modal-title" id="keyboardModalLabel">Keyboard Shortcuts</h4>
172+
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
173+
</div>
174+
<div class="modal-body">
175+
<table class="table">
176+
<thead>
177+
<tr>
178+
<th style="width: 20%;">Keys</th>
179+
<th>Action</th>
180+
</tr>
181+
</thead>
182+
<tbody>
183+
<tr>
184+
<td class="help shortcut"><kbd>?</kbd></td>
185+
<td>Open this help</td>
186+
</tr>
187+
<tr>
188+
<td class="next shortcut"><kbd>n</kbd></td>
189+
<td>Next page</td>
190+
</tr>
191+
<tr>
192+
<td class="prev shortcut"><kbd>p</kbd></td>
193+
<td>Previous page</td>
194+
</tr>
195+
<tr>
196+
<td class="search shortcut"><kbd>s</kbd></td>
197+
<td>Search</td>
198+
</tr>
199+
</tbody>
200+
</table>
201+
</div>
202+
<div class="modal-footer">
203+
</div>
204+
</div>
205+
</div>
206+
</div>
207+
208+
</body>
209+
</html>

‎index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -240,5 +240,5 @@ <h4 class="modal-title" id="keyboardModalLabel">Keyboard Shortcuts</h4>
240240

241241
<!--
242242
MkDocs version : 1.6.1
243-
Build Date UTC : 2025-11-05 04:07:06.866628+00:00
243+
Build Date UTC : 2025-11-05 04:07:32.539339+00:00
244244
-->

‎search/search_index.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
{"config":{"indexing":"full","lang":["en"],"min_search_length":3,"prebuild_index":false,"separator":"[\\s\\-]+"},"docs":[{"location":"","text":"Welcome to the Library of Shaders The Library of Shaders is an open-source project that intends to release copyright and license free examples and explanations of miscellaneous shader effects, in order to empower developers to learn and develop shader effects themselves. All shader code here is written to be valid GLSL or OpenGL Shading Language . We define a few variables which match the ShaderToy environment for ease of testing, but they can be easily adapted as needed. Variables Shader Inputs uniform vec3 iResolution; // viewport resolution (in pixels) uniform float iTime; // shader playback time (in seconds) uniform float iTimeDelta; // render time (in seconds) uniform float iFrameRate; // shader frame rate uniform int iFrame; // shader playback frame uniform float iChannelTime[4]; // channel playback time (in seconds) uniform vec3 iChannelResolution[4]; // channel resolution (in pixels) uniform vec4 iMouse; // mouse pixel coords. xy: current (if MLB down), zw: click uniform samplerXX iChannel0..3; // input channel. XX = 2D/Cube uniform vec4 iDate; // (year, month, day, time in seconds) These are the uniforms defined by ShaderToy , and the shader examples in this library use them, as mentioned before, for ease of testing. Other shading langages, such as Godot's shader language, are quite similar to GLSL, and therefore easy to adapt these shaders to. Contributing All contributions are welcomed, and the contribution guide can be viewed on the github repository . This library is built by developers for developers, and we appreciate everyone's help. Licensing and Copyright This entire library, and all work inside it, is licensed Creative Commons Zero . You can do anything you want with it, including clone the entire website. The license information is avalible on the repository .","title":"Home"},{"location":"#welcome-to-the-library-of-shaders","text":"The Library of Shaders is an open-source project that intends to release copyright and license free examples and explanations of miscellaneous shader effects, in order to empower developers to learn and develop shader effects themselves. All shader code here is written to be valid GLSL or OpenGL Shading Language . We define a few variables which match the ShaderToy environment for ease of testing, but they can be easily adapted as needed.","title":"Welcome to the Library of Shaders"},{"location":"#variables","text":"Shader Inputs uniform vec3 iResolution; // viewport resolution (in pixels) uniform float iTime; // shader playback time (in seconds) uniform float iTimeDelta; // render time (in seconds) uniform float iFrameRate; // shader frame rate uniform int iFrame; // shader playback frame uniform float iChannelTime[4]; // channel playback time (in seconds) uniform vec3 iChannelResolution[4]; // channel resolution (in pixels) uniform vec4 iMouse; // mouse pixel coords. xy: current (if MLB down), zw: click uniform samplerXX iChannel0..3; // input channel. XX = 2D/Cube uniform vec4 iDate; // (year, month, day, time in seconds) These are the uniforms defined by ShaderToy , and the shader examples in this library use them, as mentioned before, for ease of testing. Other shading langages, such as Godot's shader language, are quite similar to GLSL, and therefore easy to adapt these shaders to.","title":"Variables"},{"location":"#contributing","text":"All contributions are welcomed, and the contribution guide can be viewed on the github repository . This library is built by developers for developers, and we appreciate everyone's help.","title":"Contributing"},{"location":"#licensing-and-copyright","text":"This entire library, and all work inside it, is licensed Creative Commons Zero . You can do anything you want with it, including clone the entire website. The license information is avalible on the repository .","title":"Licensing and Copyright"},{"location":"Fragment/","text":"Fragment Shaders Fragment shaders are the shaders that run directly on geometry, usually after vertex shaders. They can do a lot of things, such as texturing, fog, and normal map effects.","title":"Fragment Shaders"},{"location":"Fragment/#fragment-shaders","text":"Fragment shaders are the shaders that run directly on geometry, usually after vertex shaders. They can do a lot of things, such as texturing, fog, and normal map effects.","title":"Fragment Shaders"}]}
1+
{"config":{"indexing":"full","lang":["en"],"min_search_length":3,"prebuild_index":false,"separator":"[\\s\\-]+"},"docs":[{"location":"","text":"Welcome to the Library of Shaders The Library of Shaders is an open-source project that intends to release copyright and license free examples and explanations of miscellaneous shader effects, in order to empower developers to learn and develop shader effects themselves. All shader code here is written to be valid GLSL or OpenGL Shading Language . We define a few variables which match the ShaderToy environment for ease of testing, but they can be easily adapted as needed. Variables Shader Inputs uniform vec3 iResolution; // viewport resolution (in pixels) uniform float iTime; // shader playback time (in seconds) uniform float iTimeDelta; // render time (in seconds) uniform float iFrameRate; // shader frame rate uniform int iFrame; // shader playback frame uniform float iChannelTime[4]; // channel playback time (in seconds) uniform vec3 iChannelResolution[4]; // channel resolution (in pixels) uniform vec4 iMouse; // mouse pixel coords. xy: current (if MLB down), zw: click uniform samplerXX iChannel0..3; // input channel. XX = 2D/Cube uniform vec4 iDate; // (year, month, day, time in seconds) These are the uniforms defined by ShaderToy , and the shader examples in this library use them, as mentioned before, for ease of testing. Other shading langages, such as Godot's shader language, are quite similar to GLSL, and therefore easy to adapt these shaders to. Contributing All contributions are welcomed, and the contribution guide can be viewed on the github repository . This library is built by developers for developers, and we appreciate everyone's help. Licensing and Copyright This entire library, and all work inside it, is licensed Creative Commons Zero . You can do anything you want with it, including clone the entire website. The license information is avalible on the repository .","title":"Home"},{"location":"#welcome-to-the-library-of-shaders","text":"The Library of Shaders is an open-source project that intends to release copyright and license free examples and explanations of miscellaneous shader effects, in order to empower developers to learn and develop shader effects themselves. All shader code here is written to be valid GLSL or OpenGL Shading Language . We define a few variables which match the ShaderToy environment for ease of testing, but they can be easily adapted as needed.","title":"Welcome to the Library of Shaders"},{"location":"#variables","text":"Shader Inputs uniform vec3 iResolution; // viewport resolution (in pixels) uniform float iTime; // shader playback time (in seconds) uniform float iTimeDelta; // render time (in seconds) uniform float iFrameRate; // shader frame rate uniform int iFrame; // shader playback frame uniform float iChannelTime[4]; // channel playback time (in seconds) uniform vec3 iChannelResolution[4]; // channel resolution (in pixels) uniform vec4 iMouse; // mouse pixel coords. xy: current (if MLB down), zw: click uniform samplerXX iChannel0..3; // input channel. XX = 2D/Cube uniform vec4 iDate; // (year, month, day, time in seconds) These are the uniforms defined by ShaderToy , and the shader examples in this library use them, as mentioned before, for ease of testing. Other shading langages, such as Godot's shader language, are quite similar to GLSL, and therefore easy to adapt these shaders to.","title":"Variables"},{"location":"#contributing","text":"All contributions are welcomed, and the contribution guide can be viewed on the github repository . This library is built by developers for developers, and we appreciate everyone's help.","title":"Contributing"},{"location":"#licensing-and-copyright","text":"This entire library, and all work inside it, is licensed Creative Commons Zero . You can do anything you want with it, including clone the entire website. The license information is avalible on the repository .","title":"Licensing and Copyright"},{"location":"Fragment/","text":"Fragment Shaders Fragment shaders are the shaders that run directly on geometry, usually after vertex shaders. They can do a lot of things, such as texturing, fog, and normal map effects.","title":"Fragment Shaders"},{"location":"Fragment/#fragment-shaders","text":"Fragment shaders are the shaders that run directly on geometry, usually after vertex shaders. They can do a lot of things, such as texturing, fog, and normal map effects.","title":"Fragment Shaders"},{"location":"Vertex/","text":"Vertex Shaders Vertex shaders don't get a lot of recognition, but they are integral to how we see graphics, especially 3D graphics. Vertex shaders are responsible for running on vertices, or the points in our 3D model for example. They might handle converting world coordinates into screen-space coordinates, or perhaps procedural geometry deformation. They also pass a lot of data into fragment shaders, to enable them function properly (such as colors, or UVs).","title":"Vertex Shaders"},{"location":"Vertex/#vertex-shaders","text":"Vertex shaders don't get a lot of recognition, but they are integral to how we see graphics, especially 3D graphics. Vertex shaders are responsible for running on vertices, or the points in our 3D model for example. They might handle converting world coordinates into screen-space coordinates, or perhaps procedural geometry deformation. They also pass a lot of data into fragment shaders, to enable them function properly (such as colors, or UVs).","title":"Vertex Shaders"}]}

0 commit comments

Comments
 (0)