凹凸纹理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);
}



标签: 计算机图形学 图像处理 webgl shader

发表评论:

Powered by emlog

浙ICP备17021512号 |浙公网安备 33010602008237号