Подтвердить что ты не робот

WebGL - Как передать значения значков атрибутов вершинного знака без знака?

Мои вершины состоят из массива с этой структурой:

[     Position      ][        colour        ]
[float][float][float][byte][byte][byte][byte]

Передача вершинной позиции не проблема:

gl.bindBuffer(gl.ARRAY_BUFFER, this.vbo);
gl.vertexAttribPointer(this.material.aVertexPosition, 3, gl.FLOAT, false, 4, 0);

Но я не могу понять, как передать цвета в шейдер. К сожалению, невозможно использовать целые числа внутри шейдера glsl, поэтому я должен использовать float. Как я могу получить значение цвета байта без знака в значение цвета float glsl? Я пробовал это так для r, g и b sepperately, но цвета все испортились:

gl.bindBuffer(gl.ARRAY_BUFFER, this.vbo);
gl.vertexAttribPointer(this.material.aR, 1, gl.BYTE, false, 15, 12);

Vertex Shader (colouredPoint.vs)

precision highp float;

attribute vec3 aVertexPosition;
attribute float aR;
attribute float aG;
attribute float aB;

uniform mat4 world;
uniform mat4 view;
uniform mat4 proj;

varying vec3 vVertexColour;

void main(void){
    gl_PointSize = 4.0;  
    gl_Position = proj * view * world * vec4(aVertexPosition, 1.0);
    vVertexColour = vec3(aR, aG, aB);
} 

Pixel Shader (colouredPoint.fs)

precision highp float;

varying vec3 vVertexColour;

void main(void){
    gl_FragColor = vec4(vVertexColour, 1);
} 
4b9b3361

Ответ 1

gl.vertexAttribPointer(this.material.aVertexPosition, 3, gl.FLOAT, false, 4, 0);
gl.vertexAttribPointer(this.material.aR, 1, gl.BYTE, false, 15, 12);

Ваш шаг должен быть 16, а не 15 и, конечно, не 4.

Кроме того, каждый отдельный цвет не обязательно должен быть отдельным атрибутом. Четыре байта могут быть входом vec4. О, и ваши цвета должны быть нормализованы, беззнаковые байты. То есть значения на диапазоне [0, 255] должны масштабироваться до [0, 1], когда шейдер получает их. Поэтому вы хотите:

gl.vertexAttribPointer(this.material.aVertexPosition, 3, gl.FLOAT, false, 16, 0);
gl.vertexAttribPointer(this.material.color, 4, gl.UNSIGNED_BYTE, true, 16, 12);

О, и атрибуты не являются материалами. Вы не должны их называть.

Ответ 2

GLfloat red=(GLfloat)red/255;

Надеюсь, что вы ищете ^^