@ -1,36 +1,39 @@
< canvas id = "custom" class = "canvas" data-fragment-url = "examples/moon.frag" data-textures = "examples/images/moon-texture.jpg" width = "350px" height = "350px" > < / canvas >
# The Book of Shaders
*by [Patricio Gonzalez Vivo ](http://patriciogonzalezvivo.com/ )*
[パトリシオ・ゴンザレス・ビボ ](http://patriciogonzalezvivo.com/ ) 著
This is a gentle step-by-step guide through the abstract and complex universe of Fragment Shaders.
この本はフラグメントシェーダーについてのガイドブックです。難解で複雑なフラグメントシェーダーの世界を、一歩一歩わかりやすくご案内します。
## Translation notes
## 翻訳について
この文書はパトリシオ・ゴンザレス・ビボ( Patricio Gonzalez Vivo) のThe Book of Shaderの日本語訳です。
技術的な内容はできる限り正確に伝えるように心がけていますが、その他の部分では言葉を補ったり簡略化したり、表現を変えている部分もあります。英語が得意な方はぜひ原文もお読みください。
フィードバックには[githubのレポジトリ](https://github.com/patriciogonzalezvivo/thebookofshaders)をご利用ください。
< 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/?lan=jp )
* [イントロダクション ](00/?lan=jp )
* Getting started
* [What is a shader? ](01/?lan=jp )
* [“Hello world!” ](02/?lan=jp )
* [Uniforms ](03/ ?lan=jp )
* [Running your shader ](04/ ?lan=jp )
* 初めの一歩
* [シェーダーとは? ](01/?lan=jp )
* [ハロー・ワールド! ](02/?lan=jp )
* [Uniforms (未訳) ](03/ )
* [Running your shader (未訳) ](04/ )
* Algorithmic drawing
* [Shaping functions ](05/ )
* [Colors ](06/ )
* [Shapes ](07/ )
* [Matrices ](08/ )
* [Patterns ](09/ )
* [Shaping functions (未訳) ](05/ )
* [Colors (未訳) ](06/ )
* [Shapes (未訳) ](07/ )
* [Matrices (未訳) ](08/ )
* [Patterns (未訳) ](09/ )
* Generative designs
* [Random ](10/ )
* [Random (未訳) ](10/ )
* Noise
* Fractional brownian motion
* Fractals
@ -67,32 +70,29 @@ This is a gentle step-by-step guide through the abstract and complex universe of
* [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.
[パトリシオ・ゴンザレス・ビボ](http://patriciogonzalezvivo.com/ )( Patricio Gonzalez Vivo 1982年、アルゼンチン、ブエノ スアイレス生) はニューヨーク在住のアーティスト/開発者です。有機的なものと人工的なもの、アナログとデジタル、個人と集団の狭間を探求し、プログラミングコードを表現手段としてより良い共存のあり方を模索しています。
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.
パトリシオは心理療法( psychotherapy) と表現療法( expressive art therapy) に精通しており、パーソンズ美術大学でデザイン& テクノ ロジーのMFA( Master of Fine Arts - 美術系の修士に相当)を取得しています。現在は[Mapzen](https://mapzen.com/)でグラフィックエンジニアとしてオープンソースのマッピングツールの開発に携わっています。
< 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 >
## About the Translator
## 訳者について
[Kenichi Yoneda (Kynd)](https://twitter.com/kyndinfo ) ...
[この人](http://www.kynd.info ) が翻訳しました。
## Acknowledgements
## 謝辞
Thanks to my wife [Jen Lowe ](http://www.datatelling.com/ ), for her unconditional support, help and time editing this book.
妻の[ジェン・ロー](http://www.datatelling.com/)( Jen Lowe) はこの本の編集のために時間を割き、献身的にサポートしてくれました。ありがとう。
Thanks [Scott Murray ](http://alignedleft.com/ ) for the inspiration and advice.
インスピレーションとアドバイスを与えてくれた[スコット・マレー](http://alignedleft.com/) ( Scott Murray) 、日本語訳を担当してくれた[Kynd](https://twitter.com/kyndinfo)、素晴らしいアイデアとコードで貢献してくれた[カリム・ナージ](http://karim.naaji.fr/) ( Karim Naaji) にも感謝します。
Thanks [Kenichi Yoneda (Kynd) ](https://twitter.com/kyndinfo ) for the [Japanese translation ](?lan=jp )
そして最後に、このプロジェクトを応援し[改善の手助けをしてくれた方々](https://github.com/patriciogonzalezvivo/thebookofshaders/graphs/contributors)、寄付をくださったすべての皆様に感謝を述べたいと思います。
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.
ニュースレターにサインアップするか[Twitter](https://twitter.com/bookofshaders)をフォローしてください。日本語版の更新は[訳者のアカウント](https://twitter.com/kyndinfo)でもお知らせします。
## 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 >
< 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" > メールアドレスを入力してください</ 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 = "ニュースレターを購読する" />< p >< a href = "https://tinyletter.com" target = "_blank" ></ a ></ p ></ form >