リファレンス createFramebuffer()

createFramebuffer()

グラフィックスバッファと同じWebGLコンテキストを持つ新しいp5.Framebuffer オブジェクトを作成します。

p5.Framebufferオブジェクトは、 WebGLモードでテクスチャとして使用できる別の描画サーフェスです。これらは p5.Graphicsオブジェクトに似ていますが、 テクスチャとして使用した場合、一般的にはるかに高速に動作します。 グラフィックスバッファと同じコンテキストで p5.Framebufferオブジェクトを作成することで、 この高速化が可能になります。

パラメータoptionsはオプションです。p5.Framebuffer オブジェクトを設定するためのオブジェクトを渡すことができます。利用可能な プロパティは以下の通りです:

  • format: テクスチャのデータ形式で、UNSIGNED_BYTEFLOAT、 またはHALF_FLOATのいずれかです。デフォルトはUNSIGNED_BYTEです。
  • channels: RGBまたはRGBAのカラーチャンネルを 保存するかどうか。デフォルトはグラフィックスバッファに合わせてRGBAです。
  • depth: 深度バッファを含めるかどうか。デフォルトはtrueです。
  • depthFormat: 深度情報のデータ形式で、UNSIGNED_INTまたは FLOATのいずれかです。デフォルトはFLOATです。
  • stencil: マスキング用のステンシルバッファを含めるかどうか。 この機能を使用するにはdepthtrueである必要があります。 デフォルトはdepthの値で、trueです。
  • antialias: アンチエイリアシングを実行するかどうか。{ antialias: true } のようにtrueに設定すると、デフォルトで2サンプルが使用されます。サンプル数も { antialias: 4 }のように設定できます。デフォルトはsetAttributes() に合わせてfalseです(Safariではtrue)。
  • width: p5.Framebufferオブジェクトの幅。 デフォルトは常にグラフィックスバッファの幅に合わせます。
  • height: p5.Framebufferオブジェクトの高さ。 デフォルトは常にグラフィックスバッファの高さに合わせます。
  • density: p5.Framebufferオブジェクトの ピクセル密度。デフォルトは常にグラフィックスバッファのピクセル密度に合わせます。
  • textureFiltering: p5.Framebuffer オブジェクトから値を読み取る方法。LINEAR(近くのピクセルが補間される)または NEAREST(補間なし)のいずれかです。一般的に、テクスチャを画像として使用する場合は LINEARを、テクスチャをデータとして読み取る場合はNEARESTを使用します。 デフォルトはLINEARです。

widthheight、またはdensity属性が設定されている場合、 それらは自動的にグラフィックスバッファに合わせられず、手動で変更する必要があります。

実例

シンタックス

createFramebuffer([options])

パラメーター

options
Object:

設定オプション。

リターン

p5.Framebuffer: 新しいフレームバッファ。
Notice any errors or typos? Please let us know. Please feel free to edit src/core/p5.Graphics.js and open a pull request!

関連するリファレンス