webglを使い始める

今日私はまた、主にwebglを学びたいすべての人のための道を作るためにブログを始めました

これは最初の章です

3Dは今特に暑いということを多くの人が知っており、今後のトレンドに方向性を持たせたいと思っていますし、私も同じなので、もっと多くの人が一緒に学び、進歩してほしいと思います。

ここにhtmlの内容があります。

<canvas id="canvas"></canvas>

webglはラベル、つまり彼のキャンバスのみを認識できるため、これは必須であり、IDは異なる場合があります。キャンバスがない場合、jsでコンテキストを取得するとエラーが発生します。そのとき、長い間ピットインされていました。

<body onload="main()">
    <canvas id="canvas">

    </canvas>
</body>
  1. 本文は通常、キャンバスを初期化するためにMianメソッドを呼び出します。

jsコンテンツ

function main(){
var canvas = document.getElementById(“ canvas”);

if (!canvas) {
    console.log("不支持canvsa");
}

var gl = getWebGLContext(canvas); // 获取上下文    

gl.clearColor(0.0, 0.0, 0.0, 1.0);
gl.clear(gl.COLOR_BUFFER_BIT);

}

この時点で、最初のwebgl結果を確認できます。

ここに画像の説明を挿入

公開された20元の記事 ウォンの賞賛5 ビュー2087

おすすめ

転載: blog.csdn.net/qq_42859887/article/details/90486860