叶子的小屋
凹凸纹理bumpMap
2018-10-22 admin


光照一直是我的弱项,从今天开始,要恶补一下光照方面的知识







3D中,要增强3D效果,通常会用到物体表面凹凸效果,



其中有一种就是叫bumpMap图,这是一种简单的处理方式,



其原理就是用  bumpMap图 x diffuse图 = 最终输出的图







bump图



bump.jpg







diffuse图



diffuse.jpg







输出图(左bumpMap处理, 右没做bumpMap处理)



c.jpg







shader fs代码






varying highp vec2 vTextureCoord;
uniform sampler2D uSampler0;
uniform sampler2D uSampler1;
uniform highp float type;
void main(void) {
gl_FragColor = texture2D(uSampler0, vTextureCoord) * texture2D(uSampler1, vTextureCoord);
}