How three.js pass color attribute to shader

OliverXH · May 15, 2021, 2:11pm

I’m beginner in webgl, and recently I’ve been learning how to pass color attribute to shaders, and I’m thinking about how three.js dose it.

Here are two ways I can guess:

pass color attribute by use gl.vertexAttribPointer, but first need an array which contains color information to bind
pass color attribute by use gl.vertexAttrib3f , only one set of data needs to be passed in.

And I also found some code in threejs, but it’s hard to figure out:

github.com

mrdoob/three.js/blob/5dd3e7c36dd2f8d14290db0b072945927a4bcea7/src/renderers/WebGLRenderer.js#L736

    
      
          			bindingStates.enableAttribute( programAttributes.uv );
          			_gl.vertexAttribPointer( programAttributes.uv, 2, _gl.FLOAT, false, 0, 0 );
          
          
		}
          
          
		if ( object.hasColors ) {
          
          
			_gl.bindBuffer( _gl.ARRAY_BUFFER, buffers.color );
          			_gl.bufferData( _gl.ARRAY_BUFFER, object.colorArray, _gl.DYNAMIC_DRAW );
          
          
			bindingStates.enableAttribute( programAttributes.color );
          			_gl.vertexAttribPointer( programAttributes.color, 3, _gl.FLOAT, false, 0, 0 );
          
          
		}
          
          
		bindingStates.disableUnusedAttributes();
          
          
		_gl.drawArrays( _gl.TRIANGLES, 0, object.count );
          
          
		object.count = 0;

Topic		Replies	Views
Passing variable from external JS file to Fragment Shader Questions shaders	4	2331	October 18, 2019
How to override the shader color Questions shaders	1	548	July 8, 2021
How to set color attribution to GLTF model Questions materials	2	2905	April 28, 2021
Color needsUpdate doesnt work ? am i missing something? Questions geometry	3	1470	June 3, 2019
Send an attribute in the shader using addAttribute Questions shaders , buffergeometry	3	2339	June 18, 2018

How three.js pass color attribute to shader

Related Topics