webGL最基础的实例

const ctx = document.getElementById('canvas')

const gl = ctx.getContext('webgl')

gl.clearColor(1.0,0.0,0.0,1.0)

gl.clear(gl.COLOR_BUFFER_BIT)

gl.clearColor(R,G,B,A)

指定清空的颜色，接收四个参数（取值区间为0.0~1.0）

gl.clear(buffer)

清空canvas，参数有三种：

• gl.clear(gl.COLOR_BUFFER_BIT) 对应 gl.clearColor(R,G,B,A)
• gl.clear(gl.DEPTH_BUFFER_BIT) 对应 gl.clearDepth(1.0)
• gl.clear(gl.STENCIL_BUFFER_BIT) 对应 gl.clearStencil(0)

着色器

着色器就是让开发者自己去编写一段程序，用来代替固定渲染管线，来处理图像的渲染。

分类