リファレンス baseColorShader()

baseColorShader()

この API は実験中です

p5.js の将来のバージョンで動作が変更される可能性があります。

ライトやマテリアルが適用されていない場合に使用されるシェーダーを取得します。

baseColorShader().modify()を呼び出して、 以下のフックのいずれかを変更することができます：

フック説明
void beforeVertex頂点シェーダーの開始時に呼び出されます。
vec3 getLocalPosition変換が適用される前に頂点の位置を更新します。vec3 positionを受け取り、 修正されたバージョンを返す必要があります。
vec3 getWorldPosition変換が適用された後に頂点の位置を更新します。vec3 positionを受け取り、 修正されたバージョンを返す必要があります。
vec3 getLocalNormal変換が適用される前に法線を更新します。vec3 normalを受け取り、 修正されたバージョンを返す必要があります。
vec3 getWorldNormal変換が適用された後に法線を更新します。vec3 normalを受け取り、 修正されたバージョンを返す必要があります。
vec2 getUVテクスチャ座標を更新します。vec2 uvを受け取り、 修正されたバージョンを返す必要があります。
vec4 getVertexColor各頂点の色を更新します。vec4 colorを受け取り、 修正されたバージョンを返す必要があります。
void afterVertex頂点シェーダーの終了時に呼び出されます。
void beforeFragmentフラグメントシェーダーの開始時に呼び出されます。
vec4 getFinalColorミキシング後の最終的な色を更新します。vec4 colorを受け取り、 修正されたバージョンを返す必要があります。
void afterFragmentフラグメントシェーダーの終了時に呼び出されます。

ほとんどの場合、フックはGLSL ESバージョン300で記述する必要があります。 WebGL 2の代わりにWebGL 1を使用している場合は、代わりにGLSL ES 100でフックを記述してください。

baseColorShader().inspectHooks()を呼び出すと、可能なすべてのフックと それらのデフォルトの実装を確認できます。

実例

リターン

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!

関連するリファレンス