WebGL

支持最低平台版本号'1040' (minPlatformVersion>='1040')

OPPO小游戏 Runtime 实现了标准的 WebGL 1.0 功能

要获得这个接口的对象,可以通过在 canvas元素上调用 getContext() 函数,调用时传入 “webgl” 参数:

var canvas = document.getElementById('canvas');
var gl = canvas.getContext('webgl');

当你获取到 canvas 元素的 WebGL 绘图上下文,你便可以在里面绘图。

WebGLRenderingContext.canvas

只读属性,对 HTMLCanvasElement 的向后引用。如果上下文没有相联系的 canvas 元素,值将会为 null。

WebGLRenderingContext.getContextAttributes()

返回 WebGLContextAttributes 对象,该对象包含真实的上下文参数。如果上下文丢失,将会返回 null。

WebGLRenderingContext.isContextLost()

由于 OPPO 小游戏渲染机制,不会上下文丢失,会一直返回 false。

WebGLRenderingContext.scissor(x, y, width, height)

设置裁剪框。

WebGLRenderingContext.viewport(x, y, width, height)

设置视口。

WebGLRenderingContext.activeTexture(texture)

选择要激活的纹理单元。

参数

  • texture

需要激活的纹理单元。其值是 gl.TEXTUREI ,其中的 I 在 0 到 gl.MAX_COMBINED_TEXTURE_IMAGE_UNITS - 1 范围内。

WebGLRenderingContext.blendColor(red, green, blue, alpha)

设置源和目标的混和因子。

WebGLRenderingContext.blendEquation(mode)

用同一个表达式设置 RGB 混和表达式和 alpha 混和表达式。

WebGLRenderingContext.blendEquationSeparate(modeRGB, modeAlpha)

分开设置 RGB 混合表达式和 alpha 混合表达式。

WebGLRenderingContext.blendFunc(sfactor, dfactor)

定义用于像素混合算法的函数。

WebGLRenderingContext.blendFuncSeparate(srcRGB, dstRGB, srcAlpha, dstAlpha)

分别定义混合像素 RGB 通道和透明通道的函数。

WebGLRenderingContext.clearColor(red, green, blue, alpha)

设置用于清空用的颜色。

WebGLRenderingContext.clearDepth(depth)

设置清除深度缓存时的深度值。depth 的取值在 0 到 1。

WebGLRenderingContext.clearStencil(s)

设置清除模板缓冲区时的模板值。s 默认值为 0。

WebGLRenderingContext.colorMask(red, green, blue, alpha)

设置在绘制或渲染 WebGLFramebuffer 时要开启或关闭的颜色分量。

WebGLRenderingContext.cullFace(mode)

设置多边形的正面和/或反面是否要被排除。

WebGLRenderingContext.depthFunc(func)

设置比较输入像素深度和深度缓存值得函数。

WebGLRenderingContext.depthMask(flag)

设置是否写入深度缓存。

WebGLRenderingContext.depthRange(zNear, zFar)

设置从规范化设备坐标映射到窗口或视口坐标时的深度范围。

WebGLRenderingContext.disable(cap)

禁用这个上下文的 WebGL 功能。

WebGLRenderingContext.enable(cap)

启用这个上下文的 WebGL 功能。

WebGLRenderingContext.getParameter(pname)

返回给入参数名的值。

WebGLRenderingContext.getError()

返回错误信息。

WebGLRenderingContext.hint(target, mode)

给某些行为设置建议使用的模式。具体建议需要看执行的情况。

WebGLRenderingContext.isEnabled(cap)

测试这个上下文的 WebGL 功能是否开启。

WebGLRenderingContext.lineWidth(width)

设置线宽。

WebGLRenderingContext.pixelStorei(pname, param)

设置像素存储模式。

WebGLRenderingContext.polygonOffset(factor, units)

设置多边形偏移的比例和单位,从而计算深度值。(补充:解决深度冲突)

WebGLRenderingContext.sampleCoverage(value, invert)

为抗锯齿效果设置多重取样覆盖参数。

WebGLRenderingContext.stencilFunc(func, ref, mask)

同时设置前面和背面的模板测试函数,及其引用值。

WebGLRenderingContext.stencilFuncSeparate(face, func, ref, mask)

可分开设置前面或背面的模板测试函数,及其引用值。

WebGLRenderingContext.stencilMask(mask)

同时启用或禁用,前面和背面的模板测试掩码。

WebGLRenderingContext.stencilMaskSeparate(face, mask)

可分开启用或禁用,前面和背面的模板测试掩码。

WebGLRenderingContext.stencilOp(fail, zfail, zpass)

同时设置,在前面和背面的模板缓冲区上执行的操作。

WebGLRenderingContext.stencilOpSeparate(ace, fail, zfail, zpass)

可分开设置,在前面和背面的模板缓冲区上执行的操作。

WebGLRenderingContext.bindBuffer(target, buffer)

把 WebGLBuffer 对象绑定到指定目标上。

WebGLRenderingContext.bufferData(target, size, usage)

更新缓冲数据。

WebGLRenderingContext.bufferSubData(target, offset, ArrayBuffer srcData)

更新从给入偏移量开始的缓冲数据。

WebGLRenderingContext.createBuffer()

创建 WebGLBuffer 对象。

WebGLRenderingContext.deleteBuffer(buffer)

删除 WebGLBuffer 对象。

WebGLRenderingContext.isBuffer(buffer)

返回给入的缓冲是否有效。

WebGLRenderingContext.bindFramebuffer(target, framebuffer)

把 WebGLFrameBuffer 对象绑定到指定对象上。

WebGLRenderingContext.checkFramebufferStatus(target)

返回帧缓冲区的状态。

WebGLRenderingContext.createFramebuffer()

创建 WebGLFrameBuffer 对象。

WebGLRenderingContext.deleteFramebuffer(deleteFramebuffer)

删除 WebGLFrameBuffer 对象。

WebGLRenderingContext.framebufferRenderbuffer(target, attachment, renderbuffertarget, renderbuffer)

把 WebGLRenderingBuffer 对象附加到 WebGLFrameBuffer 对象。

WebGLRenderingContext.framebufferTexture2D(target, attachment, textarget, texture, level)

把纹理图像附加到 WebGLFrameBuffer object.

WebGLRenderingContext.getFramebufferAttachmentParameter(target, attachment, pname)

返回帧缓冲区的信息。

WebGLRenderingContext.isFramebuffer(framebuffer)

返回 Boolean 值,表示给入的 WebGLFrameBuffer 对象是否有效。

WebGLRenderingContext.readPixels(x, y, width, height, format, type, pixels)

读取 WebGLFrameBuffer 的像素。

WebGLRenderingContext.bindRenderbuffer(target, renderbuffer)

把 WebGLRenderBuffer 对象绑定到指定的对象上。

WebGLRenderingContext.createRenderbuffer()

创建 WebGLRenderBuffer 对象。

WebGLRenderingContext.deleteRenderbuffer(renderbuffer)

删除 WebGLRenderBuffer 对象。

WebGLRenderingContext.renderbufferStorage(target, internalFormat, width, height)

创建渲染缓冲区数据存储。

WebGLRenderingContext.bindTexture(target, texture)

把 WebGLTexture 对象绑定到指定对象上。

WebGLRenderingContext.compressedTexImage2D()

指定一个为压缩格式的 2D 纹理图片。

WebGLRenderingContext.compressedTexSubImage2D()

指定一个为压缩格式的 2D 纹理子图片。

WebGLRenderingContext.copyTexImage2D(target, level, internalformat, x, y, width, height, border)

复制 2D 纹理图片。

WebGLRenderingContext.copyTexSubImage2D(target, level, xoffset, yoffset, x, y, width, height)

复制 2D 纹理子图片。

WebGLRenderingContext.createTexture()

创建 WebGLTexture 对象。

WebGLRenderingContext.deleteTexture(texture)

删除 WebGLTexture 对象。

WebGLRenderingContext.generateMipmap(target)

为 WebGLTexture 对象生成一组纹理映射。

WebGLRenderingContext.getTexParameter(target, pname)

返回纹理信息。

WebGLRenderingContext.isTexture()

返回 Boolean 值,表示给入的 WebGLTexture 是否有效。

WebGLRenderingContext.texImage2D()

指定 2D 纹理图片。

WebGLRenderingContext.texSubImage2D()

更新当前 WebGLTexture 的子矩形。

WebGLRenderingContext.texParameterf(GLenum target, GLenum pname, GLfloat param)

设置纹理参数。

WebGLRenderingContext.texParameteri(GLenum target, GLenum pname, GLint param)

设置纹理参数。

WebGLRenderingContext.attachShader(program, shader)

把 WebGLShader 添加到 WebGLProgram。

WebGLRenderingContext.bindAttribLocation(program, index, name)

绑定一个普通顶点索引到一个命名的 attribute 变量

WebGLRenderingContext.compileShader(shader)

编译 WebGLShader。

WebGLRenderingContext.createProgram()

创建 WebGLProgram。

WebGLRenderingContext.createShader()

创建 WebGLShader。

WebGLRenderingContext.deleteProgram(program)

删除 WebGLProgram。

WebGLRenderingContext.deleteShader()

删除 WebGLShader。

WebGLRenderingContext.detachShader(program, shader)

分离 WebGLShader。

WebGLRenderingContext.getAttachedShaders(program)

返回附加在 WebGLProgram 上的 WebGLShader 对象的列表。

WebGLRenderingContext.getProgramParameter(program, pname)

返回程序对象的信息。

WebGLRenderingContext.getProgramInfoLog()

返回 WebGLProgram 对象的信息日志。

WebGLRenderingContext.getShaderParameter(shader, pname)

返回着色器的信息。

WebGLRenderingContext.getShaderPrecisionFormat(shaderType, precisionType)

返回一个描述着色器数字类型精度的 WebGLShaderPrecisionFormat 对象。

WebGLRenderingContext.getShaderInfoLog()

返回 WebGLShader 对象的信息日志。

WebGLRenderingContext.getShaderSource()

以字符串形式返回 WebGLShader 的源码。

WebGLRenderingContext.isProgram()

返回一个 Boolean 值,表示给入的 WebGLProgram 是否有效。

WebGLRenderingContext.isShader()

返回一个 Boolean 值,表示给入的 WebGLShader 是否有效。

WebGLRenderingContext.linkProgram()

链接给入的 WebGLProgram 对象。

WebGLRenderingContext.shaderSource()

设置一个 WebGLShader 的源码。

WebGLRenderingContext.useProgram()

使用指定的 WebGLProgram 作为当前渲染状态的一部分。

WebGLRenderingContext.validateProgram()

使 WebGLProgram 生效。

WebGLRenderingContext.disableVertexAttribArray()

在给定的位置,禁用顶点attribute数组。

WebGLRenderingContext.enableVertexAttribArray()

在给定的位置,启用顶点attribute数组。

WebGLRenderingContext.getActiveAttrib()

返回激活状态的attribute变量信息。

WebGLRenderingContext.getActiveUniform()

返回激活状态的uniform 变量信息。

WebGLRenderingContext.getAttribLocation()

返回attribute变量的指针位置。

WebGLRenderingContext.getUniform()

返回指定位置的uniform 变量。

WebGLRenderingContext.getUniformLocation()

返回uniform 变量的指针位置。

WebGLRenderingContext.getVertexAttrib()

返回指定位置的顶点attribute变量。

WebGLRenderingContext.getVertexAttribOffset()

获取给定索引的顶点attribute位置。

WebGLRenderingContext.uniform[1234][fi][v]()

指定一个uniform变量。

WebGLRenderingContext.uniformMatrix[234]fv()

指定一个uniform矩阵变量。

WebGLRenderingContext.vertexAttrib[1234]f[v]()

指定一个普通顶点attribute的值。

WebGLRenderingContext.vertexAttribPointer()

指定一个顶点attributes 数组中,顶点attributes 变量的数据格式和位置。

WebGLRenderingContext.clear()

把指定的缓冲区清空为预设的值。

WebGLRenderingContext.drawArrays()

渲染数组中的原始数据。

WebGLRenderingContext.drawElements()

渲染元素数组中的原始数据。

WebGLRenderingContext.finish()

阻断执行,直到之前所有的操作都完成。

WebGLRenderingContext.flush()

清空缓冲的命令,这会导致所有命令尽快执行完。

WebGLRenderingContext.getSupportedExtensions()

返回一个包含 DOMString 的 Array ,每个元素都为支持的WebGL扩展。

WebGLRenderingContext.getExtension()

返回一个扩展对象。

WebGLRenderingContext.frontFace()

设置多边形的正面使用顺时针还是逆时针绘制表示。

WebGLRenderingContext.getBufferParameter()

返回缓冲信息。

WebGLRenderingContext.getRenderbufferParameter()

返回渲染缓冲区的信息。

WebGL2RenderingContext.createVertexArray()

创建并初始化一个 WebGLVertexArrayObject 的对象

WebGL2RenderingContext.deleteVertexArray()

删除一个指定的 WebGLVertexArrayObject 的对象

WebGL2RenderingContext.isVertexArray()

如果一个指定的 WebGLVertexArrayObject 对象有效则返回 true。

WebGL2RenderingContext.bindVertexArray()

绑定一个指定的 WebGLVertexArrayObject 到缓冲。

© 2020 OPPO. All rights reserved.

results matching ""

    No results matching ""