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

View in English Always switch to English

WebGLRenderingContext.createProgram()

Baseline 広く利用可能

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。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 の作成についての情報が得られます。

仕様書

仕様書
WebGL Specification
# 5.14.9

ブラウザーの互換性

関連情報