📜  BabylonJS-标准渲染管道

📅  最后修改于: 2020-10-27 03:35:16             🧑  作者: Mango


StandardRenderingPipeline提供了一组与现实世界相关的后期处理效果。有不同的后期处理效果,例如灯光效果和照明效果。

在下面给出的示例中,您将看到各种效果,例如镜头效果,灯光的后期处理效果等。

它使用HDR立方体纹理,且纹理必须为.hdr。这种纹理提供了全景效果,旋转相机时可以看到。

var hdrTexture = new BABYLON.HDRCubeTexture("images/GravelPlaza_REF.hdr", scene, 512);

使用以下代码行调用标准渲染管道类以获取效果-

// Create rendering pipeline
var pipeline = new BABYLON.StandardRenderingPipeline("standard", scene, 1.0 / devicePixelRatio, null, [camera]);
pipeline.lensTexture = new BABYLON.Texture("images/lensdirt.jpg", scene)

在下面显示的演示中,我们将创建cubetexture环境。我们将使用地面网格物体,并将标准渲染管道应用于整个场景。

使用lensTexture为其提供纹理,该纹理是一幅图像,您可以在移动场景时看到相同的纹理。

演示版


      BabylonJs - Basic Element-Creating Scene
      
      
   
   
   
      
      
   

创建images文件夹并将.hdr文件存储在其中。我们使用了来自www.hdrlabs.com的images / GravelPlaza_REF.hdr

您可以下载所需的.hdr类型文件,并在演示链接中使用。

输出

上面的代码行将生成以下输出-

标准渲染管线

在此演示中,我们使用了图像images / GravelPlaza_REF.hdr,images / reflectivity.png,images / albedo.png,images / lensdirt.jpg 。图像存储在本地的图像/文件夹中,并且也粘贴在下面以供参考。您可以下载任何选择的图像并在演示链接中使用。请注意,由于.hdr文件太大,因此很难将其粘贴到此处。

图片/reflectivity.png

反射率

图片/ albedo.png

反照率

图片/lensdirt.png

镜头污垢