新しいp5.Shaderオブジェクトを作成します。
シェーダーはグラフィックス処理ユニット(GPU)上で実行されるプログラムです。多くの ピクセルを同時に処理できるため、多くのグラフィックスタスクに対して高速です。 GLSLと呼ばれる言語で書かれ、 スケッチの他のコードと一緒に実行されます。
p5.Shaderオブジェクトが作成されると、 shader()関数で使用できます。例えば、 shader(myShader)
のようにします。シェーダープログラムは2つの部分、頂点 シェーダーとフラグメントシェーダーで構成されます。頂点シェーダーは3Dジオメトリが 画面上のどこに描画されるかに影響し、フラグメントシェーダーは色に影響します。
最初のパラメータvertSrc
は頂点シェーダーを設定します。これはGLSLで 書かれた頂点シェーダープログラムを含む文字列です。
2番目のパラメータfragSrc
はフラグメントシェーダーを設定します。これは GLSLで書かれたフラグメントシェーダープログラムを含む文字列です。
注意:2Dモードではフィルターシェーダーのみが使用できます。WebGLモードでは すべてのシェーダーが使用できます。
実例
シンタックス
createShader(vertSrc, fragSrc)
パラメーター
vertSrc
String:
頂点シェーダーのソースコード。
fragSrc
String:
フラグメントシェーダーのソースコード。
リターン
p5.Shader: 頂点シェーダーとフラグメントシェーダーから 作成された新しいシェーダーオブジェクト。
Notice any errors or typos? Please let us know. Please feel free to edit src/webgl/material.js and open a pull request!