Skip to content

Scene

Scene 是一个三维容器,保存了所需要渲染的对戏。例如灯光,网格,粒子等等,每一次渲染其实就是遍历 Scene 中的对象,然后给它再渲染出来

const scene = new THREE.Scene();

API

background

环境贴图

import { RGBELoader } from "three/examples/jsm/loaders/RGBELoader";
// 使用RGBELoader来加载HDM环境贴图
new RGBELoader().load($url, (envMap) => {
// 设置环境贴图
scene.background = envMap;
// 设置环境贴图后,某个材质的反光
material.envMap = envMap;

fog

Fog

线性雾,雾的强度和距离成线性关系

// 线性雾
scene.fog = new THREE.Fog(0xcccccc, 10, 15);

FogExp2

指数雾,雾的强度和距离成指数关系

// 指数雾
scene.fog = new THREE.FogExp2(0xcccccc, 0.002);

参考