今日私はまた、主にwebglを学びたいすべての人のための道を作るためにブログを始めました
これは最初の章です
3Dは今特に暑いということを多くの人が知っており、今後のトレンドに方向性を持たせたいと思っていますし、私も同じなので、もっと多くの人が一緒に学び、進歩してほしいと思います。
ここにhtmlの内容があります。
<canvas id="canvas"></canvas>
webglはラベル、つまり彼のキャンバスのみを認識できるため、これは必須であり、IDは異なる場合があります。キャンバスがない場合、jsでコンテキストを取得するとエラーが発生します。そのとき、長い間ピットインされていました。
<body onload="main()">
<canvas id="canvas">
</canvas>
</body>
-
本文は通常、キャンバスを初期化するために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);
}