three.js 中ShaderChunk的 color_vertex.glsl

小秧@

于 2024-05-05 00:30:04 发布

阅读量269

点赞数 1

文章标签： webgl 着色器 3d 前端

本文链接：https://blog.csdn.net/webMinStudent/article/details/138454354

版权

该篇文章详细解释了three.js中的ShaderChunk文件color_vertex.glsl，涉及如何处理顶点颜色，包括不同条件下的颜色向量声明和颜色混合操作。

摘要由CSDN通过智能技术生成

1. three.js 中ShaderChunk的 color_vertex.glsl

这个文件是用来处理顶点颜色的

export default /* glsl */`
#if defined( USE_COLOR_ALPHA )

	vColor = vec4( 1.0 );
	// 如果我们使用的使用一个，带透明的的颜色，那么我们就需要声明一个，四位的向量，我们这边默认的是白色

#elif defined( USE_COLOR ) || defined( USE_INSTANCING_COLOR )
    // 否则我们，声明的是一个 三维的白色的向量
	vColor = vec3( 1.0 );

#endif

#ifdef USE_COLOR
   // 如果我们是要使用顶点颜色，那么我们就需要将这个颜色，和物体本来的颜色进行相乘

	vColor *= color;

#endif

#ifdef USE_INSTANCING_COLOR
    // 如果我们为每个顶点都实例化了一个函数，那么就执行这个

	vColor.xyz *= instanceColor.xyz;

#endif
`;