XR8.GlTextureRenderer.configure()
XR8.GlTextureRenderer.configure({ vertexSource, fragmentSource, toTexture, flipY, mirroredDisplay })
概要
カメラフィードをキャンバスに描画するパイプラインモジュールを設定します。
パラメータ
パラメータ | タイプ | デフォルト | 説明 |
---|---|---|---|
vertexSource [Optional] | String | A no-op vertex shader | レンダリングに使用するバーテックスシェーダーソースです。 |
fragmentSource [Optional] | String | A no-op fragment shader | レンダリングに使用するフラグメントシェーダーソースです。 |
toTexture [Optional] | WebGlTexture | キャンバス | 描画するテクスチャです。 テクスチャを指定しない場合は、キャンバスへの描画となります。 |
flipY [Optional] | Boolean | false | trueの場合、レンダリングを上下反転させます。 |
mirroredDisplay [Optional] | Boolean | false | trueの場合、レンダリングを左右に反転させます。 |
戻り値
なし
例
const purpleShader =
// Purple.
` precision mediump float;
varying vec2 texUv;
uniform sampler2D sampler;
void main() {
vec4 c = texture2D(sampler, texUv);
float y = dot(c.rgb, vec3(0.299, 0.587, 0.114));
vec3 p = vec3(.463, .067, .712);
vec3 p1 = vec3(1.0, 1.0, 1.0) - p;
vec3 rgb = y < .25 ? (y * 4.0) * p : ((y - .25) * 1.333) * p1 + p;
gl_FragColor = vec4(rgb, c.a);
}`
XR8.GlTextureRenderer.configure({fragmentSource: purpleShader})