2016-11-02 16:02:52 +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 >
2015-08-05 11:39:27 +00:00
# The Book of Shaders
2016-10-31 08:34:18 +00:00
[Patricio Gonzalez Vivo ](http://patriciogonzalezvivo.com/ )、[Jen Lowe](http://jenlowe.net/)著
2015-08-05 11:39:27 +00:00
2015-08-13 06:59:29 +00:00
この本はフラグメントシェーダーについてのガイドブックです。難解で複雑なフラグメントシェーダーの世界を、一歩一歩わかりやすくご案内します。
2015-08-05 11:39:27 +00:00
2015-08-13 06:59:29 +00:00
## 翻訳について
2015-08-05 11:39:27 +00:00
2015-09-08 16:03:22 +00:00
この文書はPatricio Gonzalez VivoのThe Book of Shaderの日本語訳です。
2015-08-13 06:59:29 +00:00
技術的な内容はできる限り正確に伝えるように心がけていますが、その他の部分では言葉を補ったり簡略化したり、表現を変えている部分もあります。英語が得意な方はぜひ原文もお読みください。
フィードバックには[githubのレポジトリ](https://github.com/patriciogonzalezvivo/thebookofshaders)をご利用ください。
2015-08-05 11:39:27 +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 >
2015-08-13 06:59:29 +00:00
## 目次
2015-08-05 11:39:27 +00:00
2015-08-13 06:59:29 +00:00
* [イントロダクション ](00/?lan=jp )
2015-08-05 11:39:27 +00:00
2015-08-13 06:59:29 +00:00
* 初めの一歩
* [シェーダーとは? ](01/?lan=jp )
* [ハロー・ワールド! ](02/?lan=jp )
2015-08-14 06:47:07 +00:00
* [ユニフォーム変数 ](03/?lan=jp )
2015-08-16 18:31:45 +00:00
* [シェーダーを使う ](04/?lan=jp )
2015-08-05 11:39:27 +00:00
2015-09-10 07:21:36 +00:00
* アルゴリズムで絵を描く
* [シェイピング関数 ](05/?lan=jp )
2015-09-27 10:00:05 +00:00
* [色について ](06/?lan=jp )
2015-12-27 22:58:01 +00:00
* [形について ](07/?lan=jp )
* [二次元行列 ](08/?lan=jp )
2015-12-27 23:03:57 +00:00
* [パターン ](09/?lan=jp )
2015-08-05 11:39:27 +00:00
* Generative designs
2016-01-04 03:43:06 +00:00
* [ランダム ](10/?lan=jp )
2016-11-04 14:00:38 +00:00
* [ノイズ ](11/?lan=jp )
2016-11-21 17:27:25 +00:00
* [セルラーノイズ ](12/?lan=jp )
2016-11-02 16:03:54 +00:00
* [Fractional brownian motion ](13/ )
2015-08-05 11:39:27 +00:00
* Fractals
* Image processing:
* Textures
* Image operations
* Kernel convolutions
* Filters
* Others effects
* Simulation
* Pingpong
* Conway
* Ripples
* Water color
* Reaction diffusion
* Voronoi
* 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/ )
2016-10-27 19:10:27 +00:00
* [How to run the examples on a Raspberry Pi? ](appendix/ )
2015-08-05 11:39:27 +00:00
* [How to print this book? ](appendix/ )
* [Examples Gallery ](examples/ )
* [Glossary ](glossary/ )
2015-08-13 06:59:29 +00:00
## 著者について
2015-08-05 11:39:27 +00:00
2015-09-08 16:03:22 +00:00
[Patricio Gonzalez Vivo ](http://patriciogonzalezvivo.com/ )( 1982年、アルゼンチン、ブエノ スアイレス生) はニューヨーク在住のアーティスト/開発者です。有機的なものと人工的なもの、アナログとデジタル、個人と集団の狭間を探求し、プログラミングコードを表現手段としてより良い共存のあり方を模索しています。
2015-08-05 11:39:27 +00:00
2016-10-31 08:34:18 +00:00
Patricioは心理療法( psychotherapy) と表現療法( expressive art therapy) に精通しており、パーソンズ美術大学でデザイン& テクノ ロジーのMFA( Master of Fine Arts - 美術系の修士に相当)を取得しています。現在は[Mapzen](https://mapzen.com/)でグラフィックエンジニアとしてオープンソースのマッピングツールの開発に携わっています。
2015-08-05 11:39:27 +00:00
2016-10-31 08:34:18 +00:00
< div class = "header" > < a href = "http://patriciogonzalezvivo.com/" target = "_blank" > WebSite< / a > - < 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 >
2015-08-05 11:39:27 +00:00
2015-08-13 06:59:29 +00:00
## 訳者について
2015-08-05 11:39:27 +00:00
2015-12-29 03:59:38 +00:00
[この人 ](http://www.kynd.info ) が翻訳しました。冒険野郎マクガイバーは見たことがありません。一部[助っ人](http://troncolon.com/)の力も借りています。
2015-08-05 11:39:27 +00:00
2015-08-13 06:59:29 +00:00
## 謝辞
2015-08-05 11:39:27 +00:00
2015-09-08 16:03:22 +00:00
妻の[Jen Lowe](http://www.datatelling.com/)はこの本の編集のために時間を割き、献身的にサポートしてくれました。ありがとう。
2015-08-05 11:39:27 +00:00
2015-09-08 16:03:22 +00:00
インスピレーションとアドバイスを与えてくれた[Scott Murray](http://alignedleft.com/)、日本語訳を担当してくれた[Kynd](https://twitter.com/kyndinfo)、素晴らしいアイデアとコードで貢献してくれた[Karim Naaji](http://karim.naaji.fr/) にも感謝します。
2015-08-05 11:39:27 +00:00
2015-08-13 06:59:29 +00:00
そして最後に、このプロジェクトを応援し[改善の手助けをしてくれた方々](https://github.com/patriciogonzalezvivo/thebookofshaders/graphs/contributors)、寄付をくださったすべての皆様に感謝を述べたいと思います。
2015-08-05 11:39:27 +00:00
2015-08-13 06:59:29 +00:00
## アップデートのお知らせ
2015-08-05 11:39:27 +00:00
2015-08-13 06:59:29 +00:00
ニュースレターにサインアップするか[Twitter](https://twitter.com/bookofshaders)をフォローしてください。日本語版の更新は[訳者のアカウント](https://twitter.com/kyndinfo)でもお知らせします。
2015-08-05 11:39:27 +00:00
2015-08-13 06:59:29 +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" > メールアドレスを入力してください</ 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 >