Add Procedural Textures to the gallery

pull/120/head
kynd 8 years ago
parent 7a7bc37a92
commit cb22099ba6

@ -1,3 +1,5 @@
*[kynd](http://www.kynd.info) Nov 20, 2016*
Shaders are often used to create realistic surfaces of natural or artificial material such as wood, marble, granite, metal, stone, etc. without using photographs or pre-rendered images. Here are demonstrations of some basic techniques. For the sake of simplicity, all the examples are based on the same random and noise functions so that you can focus on the main part of the algorithms. Once you get the ideas, try replacing these functions with with others from [Random](http://thebookofshaders.com/10/) and [Noise](http://thebookofshaders.com/11/) chapters, making them more realistic, and optimizing the performance. [Cellular Noise](http://thebookofshaders.com/12/) is very useful for making various textures like animal skin, plant, rock surface, etc. Try it out too.
Shaders are often used to create realistic surfaces of natural or artificial material such as wood, marble, granite, metal, stone, etc. without using photographs or pre-rendered images. Here are demonstrations of some basic techniques. All the examples are based on anumber of random and noise functions from [Random](http://thebookofshaders.com/10/), [Noise](http://thebookofshaders.com/11/), [Cellular Noise](http://thebookofshaders.com/12/) and [Fractal Brownian Motion](http://thebookofshaders.com/13/) chapters. Once you get the basic ideas, try tweaking and adding more details to make them more realistic, coming up with new textures and optimizing the performance.
Note that the terrain examples at the bottom use normal map and lighting which are techniques not yet introduced in this book. In short, what they do is to generate a map of the directions of the surface and shade the pixels accordingly. We will cover these ideas in future chapters. Stay tuned.

@ -1 +1,2 @@
<div class="glslGallery" data="161119150425,161119150756,161119151140,161119152630,161119152657,161119152747,161119152849,161119152951,161119153051,161119153156,161119153350,161119153437,161119154719,161119153749,161119153958,161119154118,161119154201,161119154309" data-properties="clickRun:editor,hoverPreview:false"></div>
<div class="glslGallery" data="161127200501,161119150756,161127200549,161127230743,161127230143,161127231150,161127200614,161127200634,161127201157,161127200936,161127201020,161128210559,161127201351,161127201510,161127224845,161127201905,161127201827,161127201938,161127235422,161127235356,161128212019,161119154719,161119153749,161127202429" data-properties="clickRun:editor,hoverPreview:false"></div>
<!--<div class="glslGallery" data="161127200501,161119150756,161127200549,161127200614,161127200634,161119151140,161119152849,161119152951,161119153051,161119153156,161119153350,161119153437,161119154719,161119153749,161119153958,161119154118,161119154201,161119154309" data-properties="clickRun:editor,hoverPreview:false"></div>-->

Loading…
Cancel
Save