本例演示webgl bump mapping中常用的4个技术:normal mapping(法线贴图), parallax mapping(视差贴图), steep parallax mapping(陡峭视差贴图), parallax occlusion mapping(视差闭合贴图)。注意观察表面(侧面)凹凸的视觉真实感。后几种方面都基于normal mapping,但是多了些数学处理,以提供更为逼真的3D效果。

webgl, texture, bump, normal

JavaScript
语言:
CSS
语言:
HTML
导入代码模板: