Three.js - HemisphereLight 光源

最新推荐文章于 2024-01-22 09:22:45 发布

「已注销」

最新推荐文章于 2024-01-22 09:22:45 发布

阅读量2.5k

点赞数

分类专栏： threejs

本文链接：https://blog.csdn.net/ithanmang/article/details/81331174

版权

HemisphereLight是半球光源，使用半球光光源可以创建出更加贴近自然的效果，并不是所有的光源都来自上方，更多的是来自外部的反射，例如天空的反射，地面的反射，以及其他物体的反射。
示例浏览地址：https://ithanmang.gitee.io/threejs/home/201808/20180801/01-hemisphereLight.html
这里写图片描述

构造函数

HemisphereLight( skyColor : Integer, groundColor : Integer, intensity : Float )
skyColor - (可选) 从天空发出的光线的颜色默认0xffffff.
groundColor - (可选) 从地面发出的光线颜色. 默认0xffffff.
intensity - (可选) 光线照射的强度. 默认1.

属性

属性	简介
castShdaw	默认为`undefined`，因为半球光光源不能投射阴影
color	这是构造函数中传递来的天空的天空的颜色`skyColor`
groundColor	地面反射的光的颜色
isHemisphereLight	判断是否为`HemisphereLight`光源，默认为`true`
position	光源的照射位置，默认是从上到`(0, 1, 0)`

示例代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HemisphereLight 半球光源</title>
    <style>
        body {
   
            margin: 0;
            overflow: hidden;/*溢出隐藏*/
        }
    </style>
    <script src="../../libs/build/three.min.js"></script>
    <script src="../../libs/examples/js/controls/OrbitControls.js"></script>
    <script src="../../libs/examples/js/libs/dat.gui.min.js"></script>
    <script src="../../libs/examples/js/libs/stats.min.js"></script>
    <script src="../../libs/examples/js/Detector.js"></script>
</head>
<body>
<script>

    let stats = initStats();
    let scene, camera, renderer, hemiLight, controls, guiControls;
    let hemiLightHelper, directionalLightHelper;

    // 场景
    function initScene() {
   

        scene = new THREE.Scene();
        scene.background = new THREE.Color(0xB0E2FF);
        scene.fog = new THREE.Fog(scene.background, 1, 5000);
    }

    // 相机
    function initCamera() {
   

        camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 0.1, 5000);
        camera.position.set(0, 0, 250)

最低0.47元/天解锁文章

「已注销」

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
Three.js - HemisphereLight 光源

HemisphereLight是半球光源，使用半球光光源可以创建出更加贴近自然的效果，并不是所有的光源都来自上方，更多的是来自外部的反射，例如天空的反射，地面的反射，以及其他物体的反射。示例浏览地址：http://ithanmang.com/threeJs/home/01-hemisphereLight.html构造函数HemisphereLight( skyColor : Integ...
复制链接

扫一扫

专栏目录