リファレンス createShader()

createShader()

新しい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!

関連するリファレンス