當前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
ThreeJS阴影
在threejs中,陰影可以定義為“在渲染器支持的情況下,有一個可以產生陰影的光,照射在若干個可以產生陰影的物體上,并在某個可以接受陰影的物體上產生陰影”。所以,要產生陰影,渲染器、光、物體,接受光線的物體,四者缺一不可。
渲染器需要設置陰影渲染
renderer.shadowMapEnabled = true;光線要設為能產生陰影
//表示這個光是可以產生陰影的 spotLight.castShadow = true;物體要設為能產生陰影
//表示這個物體是可以產生陰影的 sphere.castShadow = true;要有接受陰影的物體
//表示這個物體是可以接受(顯示)陰影的 plane.receiveShadow = true;效果
這里,特意沒有設置球形的receiveShadow屬性,可見,正方體的陰影是沒有顯示在球體身上的
效果2
設置:
sphere.receiveShadow = true;正方體的陰影顯示在球體身上了:
例子鏈接:learning-threejs/chapter-01/03-materials-light.html
總結
- 上一篇: 代码整洁之道-编写 Pythonic 代
- 下一篇: 分布式模式之Broker模式