three 使用PointLight没效果

傷城~ 2022-12-01 14:11 530阅读 0赞

在three里加了个PointLight：

//点光源
          var point = new Three.PointLight(0xffffff);
          point.position.set(400, 200, 300); //点光源位置
          this.scene.add(point); //点光源添加到场景中

感觉没什么效果，原因是需要搭配使用MeshPhongMaterial类型的颜色素材：

let material = new Three.MeshPhongMaterial({
            color:0x0000ff,
            specular:0x4488ee,
            shininess:12
    });

扩展：

光源类型:

<table> 
 <thead> 
  <tr> 
   <th>光源</th> 
   <th>简介</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td><a href="http://www.yanhuangxueyuan.com/threejs/docs/index.html#api/zh/lights/AmbientLight" rel="nofollow">AmbientLight</a></td> 
   <td>环境光</td> 
  </tr> 
  <tr> 
   <td><a href="http://www.yanhuangxueyuan.com/threejs/docs/index.html#api/zh/lights/PointLight" rel="nofollow">PointLight</a></td> 
   <td>点光源</td> 
  </tr> 
  <tr> 
   <td><a href="http://www.yanhuangxueyuan.com/threejs/docs/index.html#api/zh/lights/DirectionalLight" rel="nofollow">DirectionalLight</a></td> 
   <td>平行光，比如太阳光</td> 
  </tr> 
  <tr> 
   <td><a href="http://www.yanhuangxueyuan.com/threejs/docs/index.html#api/zh/lights/SpotLight" rel="nofollow">SpotLight</a></td> 
   <td>聚光源</td> 
  </tr> 
 </tbody> 
</table>

其他类型的材质:

<table> 
 <thead> 
  <tr> 
   <th>材质类型</th> 
   <th>功能</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td><a href="http://www.yanhuangxueyuan.com/threejs/docs/index.html#api/zh/materials/MeshBasicMaterial" rel="nofollow">MeshBasicMaterial</a></td> 
   <td>基础网格材质，不受光照影响的材质</td> 
  </tr> 
  <tr> 
   <td><a href="http://www.yanhuangxueyuan.com/threejs/docs/index.html#api/zh/materials/MeshLambertMaterial" rel="nofollow">MeshLambertMaterial</a></td> 
   <td>Lambert网格材质，与光照有反应，漫反射</td> 
  </tr> 
  <tr> 
   <td><a href="http://www.yanhuangxueyuan.com/threejs/docs/index.html#api/zh/materials/MeshPhongMaterial" rel="nofollow">MeshPhongMaterial</a></td> 
   <td>高光Phong材质,与光照有反应</td> 
  </tr> 
  <tr> 
   <td><a href="http://www.yanhuangxueyuan.com/threejs/docs/index.html#api/zh/materials/MeshStandardMaterial" rel="nofollow">MeshStandardMaterial</a></td> 
   <td>PBR物理材质，相比较高光Phong材质可以更好的模拟金属、玻璃等效果</td> 
  </tr> 
 </tbody> 
</table>

<table> 
 <tbody> 
  <tr> 
   <td style="width:229px;">MeshNormalMaterial</td> 
   <td style="width:675px;">&nbsp;法线网格材质</td> 
  </tr> 
 </tbody> 
</table>