webgl入门

    xiaoxiao2022-07-13  160

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

    这是第一章 入门这里是html的内容。js内容此时你就可以看到你的第一个webgl成果了。

    这是第一章 入门

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

    这里是html的内容。

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

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

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

    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成果了。

    最新回复(0)