环境贴图选用方式

选择使用 RGBELoader 还是 TextureLoader 加载纹理,主要取决于你的纹理类型和用途。以下是两种加载器的使用场景:

复制代码
new RGBELoader()
    //设置纹理文件的路径
    .setPath('/textures/')
    //加载 HDR 环境贴图
    .load('royal_esplanade_1k.hdr', (texture) => {
      //Equirectangular映射是一种将球面图像展开成矩形的技术,广泛应用于全景图的展示
      texture.mapping = THREE.EquirectangularReflectionMapping //将纹理的映射类型设置为 Equirectangular 反射映射,这通常用于环境贴图,以实现逼真的反射效果,
      scene.background = texture //将纹理设置为场景的背景
      scene.environment = texture //将纹理设置为环境纹理
      renderer.render(scene, camera) //渲染场景
和
  const loader = new THREE.TextureLoader()
  //使用 TextureLoader 的 load 方法加载全景图像。第一个参数是图像文件的路径,第二个参数是一个回调函数,它在纹理加载完成后被调用
  const texture = loader.load('/images/panorama.jpg', () => {
    //用于生成一个立方体渲染目标,其大小基于加载的全景图像的高度
    const rt = new THREE.WebGLCubeRenderTarget(texture.image.height)
    rt.fromEquirectangularTexture(renderer, texture)
    scene.background = rt.texture
  })

使用 RGBELoader(第一个代码示例)

RGBELoader 是专门用来加载 HDR(高动态范围)环境贴图的,它支持 RGBE 格式的纹理。HDR 纹理能够存储更广泛的亮度和颜色信息,这对于创建逼真的光照和反射效果非常重要。

HDR 环境贴图:当你需要加载 HDR 格式的环境贴图时,比如 .hdr 文件,应该使用 RGBELoader。

逼真的光照和反射:HDR 纹理能够提供更真实的光照效果和反射,适用于需要高动态范围光照的场景。

ACES 色调映射:RGBELoader 加载的纹理通常与 ACES 色调映射一起使用,以获得更好的色彩和光照效果。

使用 TextureLoader(第二个代码示例)

TextureLoader 是用来加载普通的纹理图像,如 JPEG 或 PNG 文件,它不支持 HDR 格式。

普通纹理图像:当你需要加载普通的全景图或者立方体纹理时,比如 .jpg 或 .png 文件,应该使用 TextureLoader。

快速设置背景:如果你只需要快速将全景图设置为场景背景,而不需要 HDR 的高动态范围特性,使用 TextureLoader 加载纹理并转换为立方体纹理是一个简单直接的方法。

性能考虑:与 HDR 纹理相比,普通的纹理图像通常具有更小的文件大小和更快的加载时间,但牺牲了一些光照和反射的细节。

总结

如果你的项目需要使用 HDR 环境贴图来实现更逼真的光照效果,选择 RGBELoader。

如果你的项目只需要普通的全景背景或者立方体纹理,且不需要 HDR 的特性,选择 TextureLoader。

在实际应用中,这两种加载器可以根据项目的具体需求和资源选择合适的使用场景。

相关推荐
魔士于安1 天前
Unity完整小球迷宫项目
前端·unity·游戏引擎·贴图·模型
魔士于安2 天前
Unity 超市总动员 超市收银台 超市货架 超市购物手推车 超市常见商品
游戏·unity·游戏引擎·贴图·模型
魔士于安3 天前
Unity windows 同步 异步 打开文件文件夹工具
游戏·unity·游戏引擎·贴图·模型
魔士于安3 天前
unity lowpoly 风格 城市 建筑 道路 交通标志
游戏·unity·游戏引擎·贴图·模型
魔士于安4 天前
Unity UI图片 复活节UI,卡通风格
游戏·ui·unity·游戏引擎·材质·贴图
魔士于安4 天前
unity 卡通风整套资源 小鸟N套带动作+一套卡通风村落 和 相关道具+落叶粒子效果 buildin
游戏·unity·游戏引擎·贴图·模型
CG_MAGIC4 天前
幕后花絮:用Blender打造自己的建筑
3d·blender·贴图·uv·建模教程·渲云渲染
魔士于安5 天前
Unity类似博物馆场景
前端·unity·游戏引擎·贴图·模型
摄影图9 天前
智慧城市数字孪生素材 多元风格适配各类创作需求
信息可视化·aigc·智慧城市·贴图·插画
mxwin10 天前
Unity URP 法线贴图:世界空间 vs 切线空间 深度解析两种法线贴图格式在实时渲染中的核心差异、适用场景与性能权衡
unity·游戏引擎·贴图