小编use*_*743的帖子

如何正确制作THREE.js中的法线贴图?

我只是尝试使用以下代码将Normal map Ninja演示应用到场景中的多维数据集 - 使用dev分支中最新的Three.js版本:

// common material parameters

var ambient = 0x050505, diffuse = 0x331100, specular = 0xffffff, shininess = 10, scale = 23;

// normal map shader

var shader = THREE.ShaderUtils.lib[ "normal" ];
var uniforms = THREE.UniformsUtils.clone( shader.uniforms );

uniforms[ "enableAO" ].value = true;
uniforms[ "enableDiffuse" ].value = false;
uniforms[ "enableSpecular" ].value = false;
uniforms[ "enableReflection" ].value = true;

uniforms[ "tNormal" ].texture = THREE.ImageUtils.loadTexture( "normal.jpg" );
uniforms[ "tAO" ].texture = THREE.ImageUtils.loadTexture( "ao.jpg" );

uniforms[ "tDisplacement" ].texture …
Run Code Online (Sandbox Code Playgroud)

javascript shader webgl three.js

5
推荐指数
1
解决办法
5612
查看次数

标签 统计

javascript ×1

shader ×1

three.js ×1

webgl ×1