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);