Three.js
纹理梯度效果演示
本示例演示纹理梯度(Texture Gradient)技术效果
左侧画布使用WebGPU后端渲染,右侧画布使用WebGL后端渲染
纹理的下半部分利用了纹理梯度技术,实现了更高质量的模糊效果
纹理的上半部分未使用梯度技术,作为对比参考
中间的白色分隔线清晰划分了两种不同处理方式的区域