createProgram()メソッド

WebGLRenderingContext ＞ createProgram()メソッド

概要

　状態:- 　閲覧数:584 　投稿日:2018-01-30 　更新日:2018-02-03 　
WebGL APIのWebGLRenderingContext.createProgram（）メソッドは、WebGLProgramオブジェクトを作成して初期化する

構文


WebGLProgram gl.createProgram();

引数
・なし

戻り値
・頂点シェーダとフラグメントシェーダ（両方ともGLSLで書かれている）からなる2つのコンパイル済みWebGLShaderの組み合わせであるWebGLProgramオブジェクト
・これらは使用可能なプログラムにリンクされる




WebGLプログラムの作成例

　閲覧数:378　投稿日:2018-02-03　更新日:2018-02-06　

WebGLプログラムの作成例


vertexShaderとfragmentShaderの作成については、WebGLShaderを参照
// シェーダープログラムを作成

var program = gl.createProgram();



// 既存のシェーダをアタッチする

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;

}



WebGLRenderingContext.createProgram() 
WebGL コンテキストへの平面コンテンツの追加 
プログラムとシェーダ 

コメント投稿(ログインが必要)



類似度ページランキング
順位 ページタイトル抜粋 ％
1 createProgram()メソッド 79
2 rect()メソッド 69
3 clear()メソッド 67
4 createImageData()メソッド 65
5 setTransform()メソッド 65
6 clearRect()メソッド 65
7 transform()メソッド 65
8 beginPath()メソッド 65
9 arc()メソッド 64
10 compileShader()メソッド 63
11 drawImage() メソッド 63
12 clearColor()メソッド 63
13 clearDepth()メソッド 63
14 getItem()メソッド 63
15 stroke() メソッド 63
16 getAttribLocation()メソッド 62
17 strokeRect() メソッド 61
18 scale()メソッド 60
19 getImageData()メソッド 59
20 createBuffer()メソッド 59
2025/2/05 12:52 更新
週間人気ページランキング ／ 1-29 → 2-4
順位 ページタイトル抜粋 アクセス数
1 clearRect()メソッド | CanvasRenderingContext2D 2
1 moveTo()メソッド(CanvasRenderingContext2D ) カテゴリー 2
1 fillStyleプロパティ(CanvasRenderingContext2D ) カテゴリー 2
2 globalCompositeOperationプロパティ | CanvasRenderingContext2D 1
2 Web Storage | その他 1
2 strokeStyleプロパティ(CanvasRenderingContext2D ) カテゴリー 1
2 WebGLShader 1
2 setItem()メソッド | HTMLStorageオブジェクト 1
2 createShader()メソッド(WebGLRenderingContext) カテゴリー 1
2 compileShader()メソッド | WebGLRenderingContext 1
2 drawArrays()メソッド(WebGLRenderingContext) カテゴリー 1
2 compileShader()メソッド(WebGLRenderingContext) カテゴリー 1
2 遭遇例 ／ 確認例 1
2 shaderSource()メソッド | WebGLRenderingContext 1
2 transform()メソッド(CanvasRenderingContext2D ) カテゴリー 1
2 fillText()メソッド(CanvasRenderingContext2D ) カテゴリー 1
2 ピクセル | 色 1
2 RGBA | 色 1
2 ImageDataオブジェクト | HTMLCanvasElement 1
2 strokeRect() メソッド | CanvasRenderingContext2D 1
2025/2/5 1:02 更新