このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

WebGLRenderingContext.createProgram()

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨2015年7月⁩.

WebGL APIWebGLRenderingContext.createProgram() メソッドは、WebGLProgram オブジェクトを作成、初期化します。

構文

WebGLProgram gl.createProgram();

引数

ありません。

返り値

WebGLProgram オブジェクトは、2 つのコンパイルされた WebGLShader の組み合わせで、頂点シェーダーとフラグメントシェーダー (どちらも GLSL で書かれる) で成り立ちます。そして、これらを使用可能なプログラムへとリンクします。

WebGL プログラムの作成

js
var program = gl.createProgram();

// Attach pre-existing shaders
gl.attachShader(program, vertexShader);
gl.attachShader(program, fragmentShader);

gl.linkProgram(program);

if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {
  var info = gl.getProgramInfoLog(program);
  throw "Could not compile WebGL program. \n\n" + info;
}

WebGLShader を参照すると、上記サンプルの vertexShaderfragmentShader の作成についての情報が得られます。

仕様策定状況

Specification
WebGL Specification
# 5.14.9

ブラウザーの対応

関連項目