WebGLの能力を引き出すプログラマブルシェーダー

WebGLの能力を引き出すプログラマブルシェーダー Webページ上で利用できるグラフィック技術を紹介する本連載も、ついに最終回となりました。フィナーレを飾る題材は、WebGLの最も強力な機能である「プログラマブルシェーダー」です。前回（多彩な表現力のWebGLを扱いやすくする「Three.js」）と同様にThree.jsの使用を前提として、プログラマブルシェーダーの基本的な書き方と、Three.jsを各機能に組み込む方法を解説します。 前回はThree.jsの代表的な機能を解説し、いずれもWebGLでなければ実現の難しいものばかりでした。しかし、実はそれでもWebGLの能力のごく一部を使っているにすぎません。独自のプログラマブルシェーダー（カスタムシェーダー）を書くことができれば、描画処理の大部分を柔軟にカスタマイズでき、望み通りの表現を得られます。Three.jsの使い方に慣れたら、ぜひ

[kana321]

プログラマブルシェーダーの基本的な書き方と、Three.jsの各機能に組み込む方法を解説します

[Rockridge]

WebGLのシェーダーについて具体的に解説。ただし、素ではシェーダー言語が必要になるため、インターフェイスにThree.jsライブラリを用いている。

[lanius]

シェーダー、GLSL。

[asus4]

これ後でちゃんと読む！

[nbqx69]

Three.js GLSL

[umegaemotch]

Webグラフィックをハックする（最終回）：WebGLの能力を引き出す...

[nitoyon]

WebGL のシェーダーについて。http://www.atmarkit.co.jp/fwcr/design/benkyo/webgraphics05/01.html の続編。