html hdr文件,使用HDR环境(用于PBR)-Babylon.js|Babylon.js教程|Babylon.js开发|Babylon.js制作|webgl|three.js|html53D可视...

本文介绍了如何在Babylon.js中使用HDR环境纹理进行PBR(基于物理的渲染)。通过IBL Baker或Lys软件创建自定义HDR纹理,详细阐述了创建和应用过程,包括环境纹理的旋转、压缩和.env文件的生成。同时讨论了.env文件的优势,以及在WebGL1和WebGL2环境中如何处理RGBD解压缩和视觉质量。
摘要由CSDN通过智能技术生成

使用HDR环境(用于PBR)

介绍

如您之前所见, 强烈建议您设置环境纹理的方法是通过HDR就绪文件(DDS或ENV),该文件包含带有预过滤的MipMap的多维数据集纹理。

scene.createDefaultEnvironment();

这将从asset.babylonjs.com加载文件environmentSpecular.env。

要加载自定义HDR纹理,只需设置scene.environmentTexture:

var hdrTexture = new BABYLON.CubeTexture.CreateFromPrefilteredData("textures/environment.dds", scene);

hdrTexture.gammaSpace = false;

scene.environmentTexture = hdrTexture;

下面将详细介绍创建此类文件的两种受支持的方式。第一个依赖于名为IBL Baker的开源框架,而第二个则基于名为Lys的专有软件来创建更高的分辨率结果。

请注意,如果需要,可以旋转您的environmentTexture:

var hdrRotation = 10; // in degrees

hdrTexture.setReflectionTextureMatrix(

BABYLON.Matrix.RotationY(

BABYLON.Tools.ToRadians(hdrRotation)

)

);

从IBL Baker创建dds环境文件

克隆存储库后,您将可以转到/bin64文件夹并启动IBLBaker.exe。

现在使用Load envir

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值