用图片制作环境背景图(three.js)

408 阅读1分钟

上传图片文件可以切割成6等分,环境贴图可以用到哈!

1.上传图片

image.png

2.保存,并选择格式(png和hdr),分布方式以及图片尺寸

image.png

3.下载使用

import { RGBELoader } from "three/examples/jsm/loaders/RGBELoader";
let rgbeLoader = new RGBELoader();
rgbeLoader.load("/textures/sky.hdr", (texture) => {
  texture.mapping = THREE.EquirectangularReflectionMapping;
  scene.background = texture;
  scene.environment = texture;
});