Three.js半球光光照HemisphereLight

最新推荐文章于 2024-07-27 12:18:54 发布

Arururururu

最新推荐文章于 2024-07-27 12:18:54 发布

阅读量1.6k

点赞数

分类专栏： WebGL+Three.js

本文链接：https://blog.csdn.net/unirrrrr/article/details/80625794

版权

本文介绍了Three.js中的HemisphereLight类，用于创建位于场景上方的半球光，常用于室外场景，但不支持阴影。详细说明了构造函数参数，包括天空颜色、地面颜色和光的强度，并提供了示例代码，展示如何设置不同颜色来影响场景中物体的照明效果。

摘要由CSDN通过智能技术生成

HemisphereLight

A light source positioned directly above the scene.

HemisphereLight类用于在场景中创建半球光，主要用在室外，但是没有阴影。

构造函数

HemisphereLight( skyColor, groundColor, intensity )

各参数解释如下：

skyColor — Numeric value of the RGB sky color.（天空的颜色）
groundColor — Numeric value of the RGB ground color.（地面的颜色）
intensity — Numeric value of the light’s strength/intensity.（光的强度）

例子代码

var renderer, scene, camera, cube, plane;
var stat = null;
//绑定canvas和渲染器
function initRender() {
   
    renderer = new THREE.WebGLRenderer();
    renderer.setSize( window.innerWidth, window.innerHeight );
    document.body.appendChild( renderer.domElement );
    //清除画面颜色
    renderer.setClearColor(0x000000);