📜  BabylonJS-视差映射

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


视差映射也称为偏移映射。它使用一个高度图,该高度图用作材料纹理的偏移量,以增强几何图形表面的浮雕效果。在3D世界中,具有一定深度的石墙将具有更明显的外观,并且对于最终用户将看起来逼真。在较陡的视角下,纹理坐标的位移更大,由于视线变化而产生的视差效应会给人以深度错觉。

Parallex映射与标准材质一起使用。我们在标准材料一章中了解了这一点。

视差映射具有3个属性。

  • material.useParallax = true; −这将启用视差映射。要使用此属性,您需要首先为材质指定凹凸纹理。

  • material.useParallaxOcclusion = true; −要使用此属性,必须将useParallax设置为true。它启用了视差遮挡。

  • material.parallaxScaleBias = 0.1; −为要应用于网格的深度应用比例因子.0.05至0.1之间的值适用于视差。对于遮挡,可以达到0.2。

演示版


      BabylonJs - Basic Element-Creating Scene
      
      
   

   
      
      
   

输出

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

视差贴图

在此演示中,我们使用了图像a1.png,a2.png,pebble.jpga3.png 。图像存储在本地的图像/文件夹中,并且也粘贴在下面以供参考。您可以下载您选择的任何图像并在演示链接中使用。

图片/a1.png

A1墙

图片/a2.png

A2墙

图片/pebble.jpg

A1墙

images / a3.png

A3墙