OES_draw_buffers_indexed: blendEquationiOES()-Methode

Baseline 2022
Newly available

Since December 2022, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

Die blendEquationiOES()-Methode der OES_draw_buffers_indexed WebGL-Erweiterung legt sowohl die RGB-Misch- als auch die Alpha-Mischgleichungen für einen bestimmten Ausgabepuffer fest.

Siehe OES_draw_buffers_indexed.blendEquationSeparateiOES(), um RGB und Alpha separat einzustellen, und WebGLRenderingContext.blendEquation() für die WebGL 1-Version dieser Methode.

Syntax

js
blendEquationiOES(buf, mode)

Parameter

buf

Ein ganzzahliger Wert i, der den Ausgabepuffer angibt, der mit der Konstanten gl.DRAW_BUFFERi verbunden ist, siehe WebGL-Ausgabepuffervariablen.

mode

Ein GLenum, der angibt, wie Quell- und Ziel-Farben kombiniert werden. Akzeptiert dieselben Enums wie der mode-Parameter in WebGLRenderingContext.blendEquation().

Rückgabewert

Keiner (undefined).

Ausnahmen

  • Wenn buf kein gültiger Wert ist, wird ein gl.INVALID_VALUE-Fehler ausgelöst.
  • Wenn mode nicht einer der möglichen Werte ist, wird ein gl.INVALID_ENUM-Fehler ausgelöst.

Beispiele

Einstellen und Abrufen von Mischgleichungen

Sie können die Mischgleichungen für die gl.DRAW_BUFFER0 und gl.DRAW_BUFFER1 Ausgabepuffer folgendermaßen festlegen:

js
const ext = gl.getExtension("OES_draw_buffers_indexed");

ext.blendEquationiOES(0, gl.FUNC_ADD);
ext.blendEquationiOES(1, gl.FUNC_SUBTRACT);

Um die Mischgleichungen für die gl.DRAW_BUFFER0 und gl.DRAW_BUFFER1 Ausgabepuffer zu erhalten, fragen Sie die Konstanten BLEND_EQUATION_RGB und BLEND_EQUATION_ALPHA mit WebGL2RenderingContext.getIndexedParameter() ab:

js
// For gl.DRAW_BUFFER0
gl.getIndexedParameter(gl.BLEND_EQUATION_RGB, 0);
gl.getIndexedParameter(gl.BLEND_EQUATION_ALPHA, 0);

// For gl.DRAW_BUFFER0
gl.getIndexedParameter(gl.BLEND_EQUATION_RGB, 1);
gl.getIndexedParameter(gl.BLEND_EQUATION_ALPHA, 1);

Spezifikationen

Specification
WebGL OES_draw_buffers_indexed Extension Specification

Browser-Kompatibilität

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
blendEquationiOES

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

Siehe auch