0

我尝试将 collada 文件（从 Blender 导出）加载到 three.js 场景中，然后用 ShaderMaterial 替换材质。

由于这个 collada 文件中只有一个对象，它位于 collada.scene.children[0]，所以我尝试将材质属性更改为新创建的。我可以轻松地用线框甚至带纹理的 StandardPhongMaterial 替换材质，但是一旦我添加了 ShaderMaterial，模型只会以黑色显示，没有任何照明或纹理。

材料设置如下：

materials[0] = new THREE.MeshBasicMaterial( { color: 0xff0000, wireframe: true } );

var shader = THREE.ShaderUtils.lib[ "normal" ];
var uniforms = THREE.UniformsUtils.clone( shader.uniforms );
uniforms[ "tDiffuse" ].texture = THREE.ImageUtils.loadTexture( "color.png" );
uniforms[ "tNormal" ].texture = THREE.ImageUtils.loadTexture( "normal.png" );
uniforms[ "tSpecular" ].texture = THREE.ImageUtils.loadTexture( "spec.png" );
uniforms[ "enableDiffuse" ].value = true;
uniforms[ "enableSpecular" ].value = true;

materials[1] = new THREE.ShaderMaterial( {
  uniforms: uniforms,
  vertexShader: shader.vertexShader,
  fragmentShader: shader.fragmentShader,
  lights: true
});

var basicTexture = THREE.ImageUtils.loadTexture( "color.png ")
materials[2] = new THREE.MeshPhongMaterial( { map: basicTexture });

在模型加载时，我将 ShaderMaterial 添加到模型中，然后将其添加到场景中，以便所有必要的属性都可用：

loader.load('model.dae', function(collada) {
  model = collada.scene;
  model.scale.x = model.scale.y = model.scale.z = 50;
  model.rotation.y = 180;
  model.updateMatrix();
  model.children[0].material = materials[1];
  model.children[0].geometry.computeTangents();
  scene.add(model);
});

完整的源代码可在此处获得：http ://rainbowrangers.de/normalmap/

我该如何解决？

4

2 回答 2

1

您使用的是旧格式。它应该是

制服[“tDiffuse”].value = THREE.ImageUtils.loadTexture(“color.png”);

请参阅three.js Wiki 上的迁移帖子：https ://github.com/mrdoob/three.js/wiki/Migration

纹理统一更改：现在自动分配纹理单元，纹理对象转到值属性而不是纹理一 { type: "t", value: 0, texture: map } => { type: "t", value: map }

于 2012-11-14T14:43:02.263 回答
-1

你需要去：编辑对象，选择（按a）然后去Mesh--> Normals-->Reset Vectors。

于 2022-01-12T12:07:24.013 回答