首页 > 解决方案 > Three.js : Gltf 对象添加材质看起来更好看

问题描述

我实际上是在尝试在三个 js r113 中向我的 Gltf 对象添加一些材质,但是当我在三个 js 查看器中看到我的对象时,我不知道如何正确使用材质参数和灯光。这就是我在 Firefox 中得到的

这就是我的梦想

Window10 3D查看器.

我想这是我需要应用于我的代码的值

glTF 查看器

这就是我添加 gltf 以及尝试添加材料的方式:

// Load a glTF resource of FENCE 
  gltfLoader.load( 'Fence.gltf', function ( gltf ) {
    fenceModel = gltf.scene;
    // fenceModel.traverse(function (child) {
    // if (child.isMesh) {
    //     child.material = new THREE.MeshLambertMaterial({
    //         color: 0xc07341, //light Brown
    //         reflectivity: 0,
    //         dithering: true
    //     });
    //   }
    // });
  });

  var ambientlight = new THREE.AmbientLight(0xffffff, 0.5 );
  scene.add( ambientlight );

其实我的地板只是一个没有材料的gltf文件。也许我需要在我的地板上添加一些阴影部分,然后我才能看到栅栏阴影?我需要一些帮助来了解如何对物体做出更好的灯光效果。谢谢,对不起我的英语我正在使用翻译来帮助我。

Ps:我的 gltf 对象中包含纹理。

标签: three.jstexturesshadowgltf

解决方案


推荐阅读