webgl入门

今天我也开始写博客,主要为所有想学webgl的人创建一条道路

这是第一章 入门

很多人都知道3d现在特别火热,想要在以后的潮流当中也有前进的方向,我也一样,所以希望有更多的人一起学习,进步。

这里是html的内容。

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

因为webgl只能识别标签,也就是他的画布,所以这个是必要的,id可以不同。如果没有canvas,那么在js里面获取上下文时会报错,当时我被坑了很久。

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

    </canvas>
</body>
  1. 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);

}

此时你就可以看到你的第一个webgl成果了。

在这里插入图片描述

发布了20 篇原创文章 · 获赞 5 · 访问量 2087

猜你喜欢

转载自blog.csdn.net/qq_42859887/article/details/90486860