WebGL2RenderingContext: vertexAttribIPointer() 方法
注意：此功能在 Web Workers 中可用。
WebGL2RenderingContext.vertexAttribIPointer() 方法是 WebGL 2 API 的一部分，用於指定頂點屬性陣列中的整數資料格式和位置。
語法
js
vertexAttribIPointer(index, size, type, stride, offset)
引數
返回值
無（undefined）。
描述
與 WebGLRenderingContext.vertexAttribPointer() 非常相似。主要區別在於，雖然 vertexAttribPointer 指定的值在著色器中始終被解釋為浮點值（即使它們最初在緩衝區中被指定為整數），但此方法允許指定在著色器中被解釋為整數的值。
示例
線性混合蒙皮
js
// Describe the layout of the buffer:
// 1. position
gl.vertexAttribPointer(0, 3, gl.FLOAT, false, 20, 0);
gl.enableVertexAttribArray(0);
// 2. bone weights, normalized to [0, 1]
gl.vertexAttribPointer(1, 4, gl.UNSIGNED_BYTE, true, 20, 12);
gl.enableVertexAttribArray(1);
// 3. bone indices, interpreted as integer
gl.vertexAttribIPointer(2, 4, gl.UNSIGNED_BYTE, 20, 16);
gl.enableVertexAttribArray(2);
// Connect to attributes from the vertex shader
gl.bindAttribLocation(shaderProgram, 0, "position");
gl.bindAttribLocation(shaderProgram, 1, "boneWeights");
gl.bindAttribLocation(shaderProgram, 2, "boneIndices");
html
<script id="shader-vs" type="x-shader/x-vertex">
#version 300 es
uniform mat4 mvMatrix;
uniform mat4 bones[120];
in vec3 position;
in vec4 boneWeights;
in uvec4 boneIndices;//read as 4-component unsigned integer
void main() {
vec4 skinnedPosition =
bones[boneIndices.s] * vec4(position, 1.0) * boneWeights.s +
bones[boneIndices.t] * vec4(position, 1.0) * boneWeights.t +
bones[boneIndices.p] * vec4(position, 1.0) * boneWeights.p +
bones[boneIndices.q] * vec4(position, 1.0) * boneWeights.q;
gl_Position = mvMatrix * skinnedPosition;
}
</script>
規範
| 規範 |
|---|
| WebGL 2.0 規範 # 3.7.8 |
瀏覽器相容性
載入中…