【WebGL / GLSL】「The Book of Shaders」のサンプルを、WebGL APIいじるところから頑張って再現する - Qiita

WebGL勉強中。。 【WebGL / GLSL】デザイナーにモテるためのWebGL入門（概念編） 【WebGL / GLSL】ド文系だけど、行列とかラスタライズとか頑張って理解する 上記の続きです。 概念的な学習を進めていましたが、未だにコードを書いてません。 今回こそ書きます。 「フラグメントシェーダーでお絵かき」したい！ 前回までの学習で、WebGLの仕組みを学びました。 大まかに以下の流れです。 JSで頂点定義。 それをWebGL APIを介してシェーダーへ送る シェーダーが頂点情報を受け取る 座標変換する ラスタライズする（ピクセルへ！） フラグメントシェーダーが色を決定する ディスプレイに表示される 今回は初心者向けとして、6番に特化して学ぼうという記事です。 なんで初心者向けか？それは頂点シェーダーのことを考えなくていいからです。 「3Dモデルの構成要素はポリゴンで。。。」