createProgram()メソッド

WebGLRenderingContext ＞ createProgram()メソッド

概要

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

構文


WebGLProgram gl.createProgram();

引数
・なし

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




WebGLプログラムの作成例

　閲覧数:371　投稿日: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/1/14 1:45 更新
週間人気ページランキング ／ 1-7 → 1-13
順位 ページタイトル抜粋 アクセス数
1 HTML5用語 4
2 new Image() | new Image()オブジェクト生成(HTMLImageElementインターフェイス) 2
3 RGBA | 色 1
3 fillRect()メソッド(CanvasRenderingContext2D ) カテゴリー 1
3 strokeRect() メソッド(CanvasRenderingContext2D ) カテゴリー 1
3 createShader()メソッド | WebGLRenderingContext 1
3 勧告までの過程には4つの段階がある 1
3 strokeStyleプロパティ | CanvasRenderingContext2D 1
3 WebGLProgram 1
3 arc()メソッド | CanvasRenderingContext2D 1
3 save()メソッド | CanvasRenderingContext2D 1
3 getAttribLocation()メソッド | WebGLRenderingContext 1
3 bindBuffer()メソッド | WebGLRenderingContext 1
3 save()メソッド(CanvasRenderingContext2D ) カテゴリー 1
3 drawArrays()メソッド | WebGLRenderingContext 1
3 fillRect()メソッド | CanvasRenderingContext2D 1
3 clearDepth()メソッド | WebGLRenderingContext 1
3 scale()メソッド | CanvasRenderingContext2D 1
3 drawImage() メソッド | drawImage()メソッド(CanvasRenderingContext2D ) 1
2025/1/14 1:01 更新