DJ's WebGL Tutorial 001--渲染准备

最新推荐文章于 2022-02-19 06:17:40 发布

D.J

最新推荐文章于 2022-02-19 06:17:40 发布

阅读量602

点赞数

分类专栏： HTML5 WebGL 文章标签： WebGL

本文链接：https://blog.csdn.net/crystal_do/article/details/46276833

版权

HTML5 WebGL 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

1.首先声明一张画布canvas，作为webgl的渲染目标：

<canvas width="640" height="480" id="canvas"></canvas>

2.在javascript代码中，从canvas获取webgl设备句柄：

var gl = c.getContext("experimental-webgl");

3.设置清屏色为蓝色之后，清屏：

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

完整代码：

<!DOCTYPE html>  
<html>  

<head>  
    <title>DJ's WebGL Tutorial 001</title>  
</head>  

<body>  
    <canvas width="640" height="480" id="canvas"></canvas>  
    <script>  
        onload = function() {  
            var c = document.getElementById("canvas");  
            var gl = c.getContext("experimental-webgl");  

            gl.clearColor(0.0, 0.0, 1.0, 1.0);  
            gl.clear(gl.COLOR_BUFFER_BIT);  
        }  
    </script>  
</body>  

</html>