thebookofshaders/README.md

<canvas id="custom" class="canvas" data-fragment-url="src/moon/moon.frag" data-textures="src/moon/moon.jpg" width="350px" height="350px"></canvas>

# The Book of Shaders
*by [Patricio Gonzalez Vivo](http://patriciogonzalezvivo.com/)*

This is a gentle step-by-step guide through the abstract and complex universe of Fragment Shaders.

<div class="header">
<a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=B5FSVSHGEATCG" style="float: right;"><img src="https://www.paypalobjects.com/en_US/i/btn/btn_donate_SM.gif" alt=""></a>
</div>

## Contents

* [About this book](00/)

* Getting started
    * [What is a shader?](01/)
    * [“Hello world!”](02/)
    * [Uniforms](03/)
	* [Running your shader](04/)

* Algorithmic drawing
    * [Shaping functions](05/)
    * [Colors](06/)
    * [Shapes](07/)
    * [Matrices](08/)
    * [Patterns](09/)

* Generative designs
    * [Random](10/)
    * [Noise](11/)
    * Fractional brownian motion
    * Fractals

* Image processing:
    * Textures
    * Image operations
    * Kernel convolutions
    * Filters
    * Others effects

* Simulation
    * Pingpong
    * Conway
    * Ripples
    * Water color
    * Reaction diffusion

* 3D graphics
    * Lights
    * Normal-maps
    * Bump-maps
    * Ray marching
    * Environmental-maps (spherical and cube)
    * Reflect and refract

* [Appendix:](appendix/) Other ways to use this book
	* [How can I navigate this book offline?](appendix/)
	* [How to run the examples on a RaspberryPi?](appendix/)
	* [How to print this book?](appendix/)
    * [How can I collaborate?](appendix/)

* [Examples Gallery](examples/)

* [Glossary](glossary/)

## About the Author

[Patricio Gonzalez Vivo](http://patriciogonzalezvivo.com/) (1982, Buenos Aires, Argentina) is a New York based artist and developer. He explores interstitial spaces between organic and synthetic, analog and digital, individual and collective. In his work he uses code as an expressive language with the intention of developing a better together.

Patricio studied and practiced psychotherapy and expressive art therapy. He holds an MFA in Design & Technology from Parsons The New School, where he now teaches. Currently he works as a Graphic Engineer at Mapzen making openSource mapping tools.

<div class="header"><a href="https://twitter.com/patriciogv" target="_blank">Twitter</a> - <a href="https://github.com/patriciogonzalezvivo" target="_blank">GitHub</a> - <a href="https://vimeo.com/patriciogv" target="_blank">Vimeo</a> - <a href="https://www.flickr.com/photos/106950246@N06/" target="_blank"> Flickr</a></div>

## Acknowledgements

Thanks to my wife [Jen Lowe](http://www.datatelling.com/), for her unconditional support, help and time editing this book.

Thanks [Scott Murray](http://alignedleft.com/) for the inspiration and advice.

Thanks [Kenichi Yoneda (Kynd)](https://twitter.com/kyndinfo) and [Sawako](https://twitter.com/sawakohome) for the [Japanese translation (日本語訳)](?lan=jp)

Thanks [Tong Li](https://www.facebook.com/tong.lee.9484) and [Yi Zhang](https://www.facebook.com/archer.zetta?pnref=story) for the [Chinese translation (中文版)](?lan=ch)

Thanks [Jae Hyun Yoo](https://www.facebook.com/fkkcloud) for the Korean [translation (한국어)](?lan=kr)

Thanks [Nahuel Coppero (Necsoft)](http://hinecsoft.com/) for the Spanish [translation (español)](?lan=es)

Thanks [Karim Naaji](http://karim.naaji.fr/) for contributing with support, good ideas and code.

Thanks to everyone who has believed in this project and [contributed with fixes](https://github.com/patriciogonzalezvivo/thebookofshaders/graphs/contributors) or donations.

## Get new chapters

Sign up for the news letter or [follow it on Twitter](https://twitter.com/bookofshaders)

 <form style="border:1px solid #ccc;padding:3px;text-align:center;" action="https://tinyletter.com/thebookofshaders" method="post" target="popupwindow" onsubmit="window.open('https://tinyletter.com/thebookofshaders', 'popupwindow', 'scrollbars=yes,width=800,height=600');return true"><a href="https://tinyletter.com/thebookofshaders"><p><label for="tlemail">Enter your email address</label></p></a><p><input type="text" style="width:140px" name="email" id="tlemail" /></p><input type="hidden" value="1" name="embed"/><input type="submit" value="Subscribe" /><p><a href="https://tinyletter.com" target="_blank"></a></p></form>
adding subnails 2016-04-23 18:13:44 +00:00			`<canvas id="custom" class="canvas" data-fragment-url="src/moon/moon.frag" data-textures="src/moon/moon.jpg" width="350px" height="350px"></canvas>`
first coomit 2015-03-15 15:21:47 +00:00
			`# The Book of Shaders`
			`by [Patricio Gonzalez Vivo](http://patriciogonzalezvivo.com/)`

			`This is a gentle step-by-step guide through the abstract and complex universe of Fragment Shaders.`

fixing donate button 2015-05-01 12:43:07 +00:00			`<div class="header">`
			`<a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=B5FSVSHGEATCG" style="float: right;"><img src="https://www.paypalobjects.com/en_US/i/btn/btn_donate_SM.gif" alt=""></a>`
			`</div>`
adding donate buttom 2015-03-30 19:38:33 +00:00
first coomit 2015-03-15 15:21:47 +00:00			`## Contents`

			`* [About this book](00/)`

			`* Getting started`
			`* [What is a shader?](01/)`
			`* [“Hello world!”](02/)`
			`* [Uniforms](03/)`
			`* [Running your shader](04/)`

			`* Algorithmic drawing`
			`* [Shaping functions](05/)`
polar shapes 2015-03-21 13:02:43 +00:00			`* [Colors](06/)`
pulishing shapes 2015-03-31 16:04:59 +00:00			`* [Shapes](07/)`
rendering only when its need 2015-06-11 22:41:32 +00:00			`* [Matrices](08/)`
linking chapter 09 2015-07-18 11:33:17 +00:00			`* [Patterns](09/)`
first coomit 2015-03-15 15:21:47 +00:00
			`* Generative designs`
Finishing random 2015-07-23 20:06:06 +00:00			`* [Random](10/)`
Jen edit NOISE 2015-10-04 18:06:36 +00:00			`* [Noise](11/)`
first coomit 2015-03-15 15:21:47 +00:00			`* Fractional brownian motion`
adding examples and references for fractal chapter 2015-03-30 11:42:31 +00:00			`* Fractals`
first coomit 2015-03-15 15:21:47 +00:00
			`* Image processing:`
blend modes 2015-05-03 12:53:37 +00:00			`* Textures`
first coomit 2015-03-15 15:21:47 +00:00			`* Image operations`
			`* Kernel convolutions`
			`* Filters`
			`* Others effects`

			`* Simulation`
			`* Pingpong`
			`* Conway`
			`* Ripples`
			`* Water color`
			`* Reaction diffusion`

			`* 3D graphics`
			`* Lights`
			`* Normal-maps`
			`* Bump-maps`
			`* Ray marching`
			`* Environmental-maps (spherical and cube)`
			`* Reflect and refract`

appendix edit 2015-04-20 20:07:28 +00:00			`* [Appendix:](appendix/) Other ways to use this book`
how to make a book is back 2015-04-24 13:59:37 +00:00			`* [How can I navigate this book offline?](appendix/)`
			`* [How to run the examples on a RaspberryPi?](appendix/)`
			`* [How to print this book?](appendix/)`
adding collaboration section 2016-04-24 17:57:01 +00:00			`* [How can I collaborate?](appendix/)`
color and examples 2015-03-22 12:07:04 +00:00
tinyletter 2015-07-11 15:40:34 +00:00			`* [Examples Gallery](examples/)`

			`* [Glossary](glossary/)`

first coomit 2015-03-15 15:21:47 +00:00			`## About the Author`

			`[Patricio Gonzalez Vivo](http://patriciogonzalezvivo.com/) (1982, Buenos Aires, Argentina) is a New York based artist and developer. He explores interstitial spaces between organic and synthetic, analog and digital, individual and collective. In his work he uses code as an expressive language with the intention of developing a better together.`

			`Patricio studied and practiced psychotherapy and expressive art therapy. He holds an MFA in Design & Technology from Parsons The New School, where he now teaches. Currently he works as a Graphic Engineer at Mapzen making openSource mapping tools.`

fixing random stuff 2015-07-14 21:00:06 +00:00			`<div class="header"><a href="https://twitter.com/patriciogv" target="_blank">Twitter</a> - <a href="https://github.com/patriciogonzalezvivo" target="_blank">GitHub</a> - <a href="https://vimeo.com/patriciogv" target="_blank">Vimeo</a> - <a href="https://www.flickr.com/photos/106950246@N06/" target="_blank"> Flickr</a></div>`
links 2015-03-20 10:44:31 +00:00
first coomit 2015-03-15 15:21:47 +00:00			`## Acknowledgements`

			`Thanks to my wife [Jen Lowe](http://www.datatelling.com/), for her unconditional support, help and time editing this book.`

			`Thanks [Scott Murray](http://alignedleft.com/) for the inspiration and advice.`

adding Sawako to jp credits 2015-12-28 16:13:45 +00:00			`Thanks [Kenichi Yoneda (Kynd)](https://twitter.com/kyndinfo) and [Sawako](https://twitter.com/sawakohome) for the [Japanese translation (日本語訳)](?lan=jp)`
Adding translation links 2015-08-02 11:28:38 +00:00
the translation of 'chinese translation' 2016-01-11 15:08:08 +00:00			`Thanks [Tong Li](https://www.facebook.com/tong.lee.9484) and [Yi Zhang](https://www.facebook.com/archer.zetta?pnref=story) for the [Chinese translation (中文版)](?lan=ch)`
CH translation 2015-12-30 13:31:38 +00:00
adding korean translation 2016-01-16 12:51:14 +00:00			`Thanks [Jae Hyun Yoo](https://www.facebook.com/fkkcloud) for the Korean [translation (한국어)](?lan=kr)`

Update README.md 2016-03-02 14:40:08 +00:00			`Thanks [Nahuel Coppero (Necsoft)](http://hinecsoft.com/) for the Spanish [translation (español)](?lan=es)`

first coomit 2015-03-15 15:21:47 +00:00			`Thanks [Karim Naaji](http://karim.naaji.fr/) for contributing with support, good ideas and code.`
add dontators and contributors 2015-04-30 17:33:39 +00:00
adding files and main README-JP.md 2015-08-05 11:39:27 +00:00			`Thanks to everyone who has believed in this project and [contributed with fixes](https://github.com/patriciogonzalezvivo/thebookofshaders/graphs/contributors) or donations.`
tinyletter 2015-07-11 15:37:07 +00:00
fixing random stuff 2015-07-14 21:00:06 +00:00			`## Get new chapters`

			`Sign up for the news letter or [follow it on Twitter](https://twitter.com/bookofshaders)`
tinyletter 2015-07-11 15:40:34 +00:00
tinyletter 2015-07-11 15:42:12 +00:00			<form style="border:1px solid #ccc;padding:3px;text-align:center;" action="https://tinyletter.com/thebookofshaders" method="post" target="popupwindow" onsubmit="window.open('https://tinyletter.com/thebookofshaders', 'popupwindow', 'scrollbars=yes,width=800,height=600');return true"><a href="https://tinyletter.com/thebookofshaders"><p><label for="tlemail">Enter your email address</label></p></a><p><input type="text" style="width:140px" name="email" id="tlemail" /></p><input type="hidden" value="1" name="embed"/><input type="submit" value="Subscribe" /><p><a href="https://tinyletter.com" target="_blank"></a></p></form>