メインコンテンツへスキップ

XR8.GlTextureRenderer.configure()

XR8.GlTextureRenderer.configure({ vertexSource, fragmentSource, toTexture, flipY, mirroredDisplay })

概要​

カメラフィードをキャンバスに描画するパイプラインモジュールを設定します。

パラメータ​

パラメータタイプデフォルト説明
vertexSource [Optional]StringA no-op vertex shaderレンダリングに使用するバーテックスシェーダーソースです。
fragmentSource [Optional]StringA no-op fragment shaderレンダリングに使用するフラグメントシェーダーソースです。
toTexture [Optional]WebGlTextureキャンバス描画するテクスチャです。 テクスチャを指定しない場合は、キャンバスへの描画となります。
flipY [Optional]Booleanfalsetrueの場合、レンダリングを上下反転させます。
mirroredDisplay [Optional]Booleanfalsetrueの場合、レンダリングを左右に反転させます。

戻り値​

なし

例​

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})