WebGLRenderingContext.clearColor()

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

WebGL APIWebGLRenderingContext.clearColor() メソッドは、カラーバッファーの消去に使われる色の値を指定します。

この指定は clear() メソッドを呼んだときに使用される色です。値は 0 から 1 に丸められます。

構文

void gl.clearColor(red, green, blue, alpha);

引数

red

赤色を指定する GLclampf で、カラーバッファーの消去に使われます。既定値は 0 です。

green

緑色を指定する GLclampf で、カラーバッファーの消去に使われます。既定値は 0 です。

blue

青色を指定する GLclampf で、カラーバッファーの消去に使われます。既定値は 0 です。

alpha

アルファ (不透明度) を指定する GLclampf で、カラーバッファーの消去に使われます。既定値は 0 です。

返り値

ありません。

js
gl.clearColor(1, 0.5, 0.5, 3);

現在の消去に使われる色を取得するには、COLOR_CLEAR_VALUE 定数で問い合わせると Float32Array を返します。

js
gl.getParameter(gl.COLOR_CLEAR_VALUE);
// Float32Array[1, 0.5, 0.5, 1]

仕様策定状況

Specification
WebGL Specification
# 5.14.3

ブラウザーの対応

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
clearColor

Legend

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

Full support
Full support

関連項目