グラフィックスバッファと同じWebGLコンテキストを持つ新しいp5.Framebuffer オブジェクトを作成します。
p5.Framebufferオブジェクトは、 WebGLモードでテクスチャとして使用できる別の描画サーフェスです。これらは p5.Graphicsオブジェクトに似ていますが、 テクスチャとして使用した場合、一般的にはるかに高速に動作します。 グラフィックスバッファと同じコンテキストで p5.Framebufferオブジェクトを作成することで、 この高速化が可能になります。
パラメータoptions
はオプションです。p5.Framebuffer オブジェクトを設定するためのオブジェクトを渡すことができます。利用可能な プロパティは以下の通りです:
format
: テクスチャのデータ形式で、UNSIGNED_BYTE
、FLOAT
、 またはHALF_FLOAT
のいずれかです。デフォルトはUNSIGNED_BYTE
です。channels
:RGB
またはRGBA
のカラーチャンネルを 保存するかどうか。デフォルトはグラフィックスバッファに合わせてRGBA
です。depth
: 深度バッファを含めるかどうか。デフォルトはtrue
です。depthFormat
: 深度情報のデータ形式で、UNSIGNED_INT
またはFLOAT
のいずれかです。デフォルトはFLOAT
です。stencil
: マスキング用のステンシルバッファを含めるかどうか。 この機能を使用するにはdepth
がtrue
である必要があります。 デフォルトは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
です。
width
、height
、または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!