The Book of Shaders by Patricio Gonzalez Vivo & Jen Lowe

日本語 - 中文版 - 한국어 - Español - Français - Italiano - Deutsch - English

How can I collaborate with this book?

Thanks for being willing to collaborate! There are plenty of ways you can:

Translating content

This book is written in Markdown language so it's very easy to edit and work on it.

  1. Start by going to github's repository at Take a look at the files and folders inside it. You will note that the content is in the and other files with capital letters like:,, etc. Also note that translations are hosted in files with names ending in two letters referencing the language they are for, ex.:,, etc.

  2. Fork the repository and clone it in your computer.

  3. Duplicate the content of the files want to translate. Remember to add to the two letters that makes reference to the language you are translating to the files you will work on.

  4. Translate the content line by line (see Translation notes).

  5. Test it (see Testing).

  6. Push to your own github fork to then make a Pull Request

Translating notes

Do not erase or modify things the embedded examples, that looks like this:

    <div class="codeAndCanvas" data="grid-making.frag"></div>


<div class="simpleFunction" data="y = mod(x,2.0);"></div>


Start running a local PHP server inside the local repository folder:

php -S localhost:8000

Then in your browser search for localhost:8000 go to the chapter you are translating and add ?lan= followed by the two letters you used to mark the language you are translating to.

For example, if you are translating the chapter 03 to french you had been working with the file 03/ and you can test it by going to: http://localhost:8000/03/?lan=fr

Improving the glossary section

This section is under development. We are happy to listen to your ideas on how to make it a friendly tool for all. Send us a message to @bookofshaders.

Editing content

We are all humans. If you see something say something and make a Pull Request or open an issue. Thanks!

Sharing your shaders examples

You will see a lot of links to the on-line editor and embedded instances of it.
Once you code something that makes you proud, click the "Export" (or the icon) and then copy the "URL to code...". Send it to @bookofshaders or @kyndinfo. We are looking forward to see it and add it to the example gallery section.