第五节：Three.js光源的类型【Three.js整理】

Three.js 光源类型：环境光 THREE.AmbientLight 、点光源THREE.PointLight、聚光灯 THREE.SpotLight、定向光 THREE.DirectionalLight、半球光THREE.HemisphereLight （HDR天空盒环境贴图）、区域光THREE.AreaLight、镜头光晕THREE.LensFlare。

环境光 THREE.AmbientLight

THREE.AmbientLight灯光全局应用，该光源没有特定的方向，THREE.AmbientLight不会产生阴影。一般不会使用THREE.AmbientLight作为单个光源，该光源以相同的颜色为所有对象着色。可以与THREE.SpotLight或THREE.DirectionalLight柔化阴影或添加一些额外的颜色场景。

点光源THREE.PointLight

Three.js中的 THREE.PointLight 是一个向各个方向发光的光源从一个点发出。点光源的一个很好的例子是发射信号弹在夜空中。

聚光灯 THREE.SpotLight

THREE.SpotLight是您最常使用的灯之一（尤其是如果您想要使用阴影）。THREE.SpotLight是一种具有锥形效果的光源。你可以将其与手电筒或灯笼进行比较。这种光有方向和角度它产生光

定向光 THREE.DirectionalLight

我们将看到的最后一个基本灯是THREE.DirectionalLight 。这类光可以认为是很远的光。它发出的所有光线彼此平行。太阳就是一个很好的例子。太阳那么远我们在地球上接收到的光线（几乎）彼此平行。主要的THREE.DirectionalLight和THREE.SpotLight之间的区别（我们在上一节中看到的）是这种光不会随着距离越远而减弱THREE.DirectionalLight的目标与THREE.SpotLight一样（您可以使用距离和指数参数对其进行微调）

半球光THREE.HemisphereLight ，也可用HDR、天空盒作为补充或替代。

我们要查看的第一个特殊光源是THREE.HemisphereLight 。Three.HemisphereLight ，我们可以创造更自然的户外照明。没有这个光，我们可以通过创建THREE.DirectionalLight来模拟户外，它模拟太阳，并且可能添加额外的 THREE.AmbientLight来提供给场景一些一般的颜色。然而，这看起来并不自然。什么时候你在户外，并不是所有的光都直接来自上方：大部分都是由大气并被地面和其他物体反射。这是获得更自然外观的简单方法户外照明

three.js exampleshttps://threejs.org/examples/#webgl_lights_hemisphere

有环境光

无环境光

区域光THREE.AreaLight

我们可以定义一个发光的矩形区域。三.AreaLight不包括在内在标准 Three.js 库中，但在其扩展中，所以我们必须采取几个在我们可以使用这个光源之前的额外步骤。

three.js exampleshttps://threejs.org/examples/?q=lights#webgl_lights_rectarealight

import { RectAreaLightHelper } from './jsm/helpers/RectAreaLightHelper.js';
import { RectAreaLightUniformsLib } from './jsm/lights/RectAreaLightUniformsLib.js';

镜头光晕THREE.LensFlare

镜头光晕它们会在您拍照时出现直接进入太阳或其他明亮的光源。在大多数情况下，您希望避免这个，但对于游戏和 3D 生成的图像，它提供了一个很好的效果，使得场景看起来更真实一些。

https://threejs.org/examples/?q=LensFlare#webgl_lensflares

第五节：Three.js光源的类型【Three.js整理】相关推荐

Js转换long类型时间
Js转换long类型时间 js转换10位long类型的 function ten(longTypeDate) {var date = new Date()date.setTime(longTypeDa ...
【java】兴唐课程第五节到第九节知识点总结
第九节 1. 代码:void readBook(String- bookNames) 表示不确定参数的个数,此时变量为一个数组. 2.当方法中的参数名称(如stuname)和属性名称相同时. this ...
java创建node类型数据类型_[Java教程]js DOM Node类型
[Java教程]js DOM Node类型 0 2015-12-18 16:00:08 DOM(文档对象模型)是针对HTML和 DOM可以将任何HTML或以下面为例: My article Hell ...
Simulink仿真第五节复用器和分路器
第五节复用器和分路器 1.复用器(将多个输入信号合并为矢量) Mux 模块可将其输入合并为单个矢量输出.输入可以是标量或矢量信号.所有输入都必须具有相同的数据类型和数值类型.矢量输出信号元素采用输入 ...
Kotlin学习笔记第二章类与对象第五节可见性第六节扩展
参考链接 Kotlin官方文档 https://kotlinlang.org/docs/home.html 中文网站 https://www.kotlincn.net/docs/reference/p ...
Js基础——变量类型和计算
JS基础--变量类型和计算一.基本数据类型二.引用类型三.typeof判断数据类型四.浅拷贝与深拷贝 4.1 浅拷贝 4.2 深拷贝五.数据类型转换 5.1== 和 === 一.基本数据类型 ...
五节课从零起步(无需数学和Python基础)编码实现AI人工智能框架电子书V1
五节课从零起步 (无需数学和Python 基础) 编码实现AI 人工智能框架王家林 2018/4/15 ...
探讨Vue 数据监测原理-第五节-展开介绍 Vue中监测-【数组】数据的原理
文章目录探讨一下Vue 数据监测的原理本次探讨共的第五个章节第五节:展开介绍 Vue中监测-[数组]数据的原理 1. 案例 1.1. 页面案例 2. 数组形式|对象形式爱好的区别 2.1. 页面 ...
[基于STM32底盘控制与ROS上层导航小车制作] 第五节实现STM32与ubuntu系统下的ROS串口DMA通信，传输底盘速度等信息
系列文章目录第一节 stm32电机驱动与编码器读取反馈第二节 stm32电机pid控制第三节 stm32线速度标定第四节 stm32添加mpu6050得到angle角度第五节实现STM32 ...

第五节：Three.js光源的类型【Three.js整理】

第五节：Three.js光源的类型【Three.js整理】相关推荐

最新文章

热门文章