博客
关于我
【实时渲染】Unity Shader实现视差贴图 法线贴图
阅读量:324 次
发布时间:2019-03-04

本文共 1426 字,大约阅读时间需要 4 分钟。

视差贴图与陡峭视差贴图

视差贴图(Parallax Mapping)是一种用于增强3D物体表面的立体感的图形技术。相比于传统的法线贴图,视差贴图能够更逼真地模拟光线在物体表面反射的效果。

视差贴图的原理

视差贴图的核心思想是利用观察者的视角信息,根据高度图对纹理坐标进行调整,从而模拟远近视效应。具体来说:

  • 高度图的作用:高度图记录物体表面的高度信息。观察者看向物体时,视线会与高度图相交于某一点,这一点决定了视差贴图的纹理采样位置。

  • 视图方向的计算:通过计算观察者视图方向(viewDir),可以确定视线与高度图的交点。该交点决定了纹理坐标的偏移量。

  • 纹理坐标的调整:根据偏移量调整纹理坐标,使得观察者看到的视差效果更真实。

  • 视差贴图的效果主要体现在远处物体表面看起来更具立体感,尤其在斜视或低角度观察时表现明显。

    陡峭视差贴图的实现

    陡峭视差贴图(Steep Parallax Mapping)是视差贴图的升级版,通过对深度图的处理,进一步提升了贴图的精度和效果。其核心步骤如下:

  • 深度图的使用:借助深度图(Depth Map),记录物体表面的深度信息。深度图反映了物体表面离观察者有多远。

  • 层次遍历的方法:从远到近遍历深度图中的每一层,计算该层与纹理贴图的对应点。通过对比深度值,确定最终的纹理坐标偏移量。

  • 精度提升:通过增加遍历层数和调整深度分辨率,可以显著提高贴图的精度,使得纹理坐标的偏移更加精确。

  • 相比传统视差贴图,陡峭视差贴图的效果更为逼真,尤其在光线反射和阴影模拟方面表现更佳。

    技术实现代码示例

    以下是实现视差贴图和陡峭视差贴图的核心代码片段:

    视差贴图代码片段

    float height = tex2D(_DepthMap, i.uv.zw);float2 p = viewDir.xy / viewDir.z * (height * _HeightScale);i.uv.zw = i.uv.zw - p;

    陡峭视差贴图代码片段

    float numLayers = 10;float layerDepth = 1.0 / numLayers;float currentLayerDepth = 0.0;float2 p = viewDir.xy * _HeightScale;float deltaTexCoords = p / numLayers;float2 currentTexCoords = i.uv.zw;float currentDepthMapValue = tex2D(_DepthMap, currentTexCoords).r;while (currentLayerDepth < currentDepthMapValue) {    currentTexCoords -= deltaTexCoords;    currentDepthMapValue = tex2D(_DepthMap, currentTexCoords).r;    currentLayerDepth += layerDepth;}i.uv.zw = currentTexCoords;

    实现总结

    视差贴图和陡峭视差贴图通过利用深度信息和视图方向,显著提升了3D物体表面的视觉效果。这些技术在游戏开发和VR/AR应用中具有广泛的应用前景。

    通过合理设置高度图和深度图的分辨率,以及优化视图计算算法,可以进一步提升贴图的精度和性能。

    转载地址:http://kduh.baihongyu.com/

    你可能感兴趣的文章
    npm start运行了什么
    查看>>
    npm WARN deprecated core-js@2.6.12 core-js@<3.3 is no longer maintained and not recommended for usa
    查看>>
    npm 下载依赖慢的解决方案(亲测有效)
    查看>>
    npm 安装依赖过程中报错:Error: Can‘t find Python executable “python“, you can set the PYTHON env variable
    查看>>
    npm.taobao.org 淘宝 npm 镜像证书过期?这样解决!
    查看>>
    npm—小记
    查看>>
    npm上传自己的项目
    查看>>
    npm介绍以及常用命令
    查看>>
    NPM使用前设置和升级
    查看>>
    npm入门,这篇就够了
    查看>>
    npm切换到淘宝源
    查看>>
    npm切换源淘宝源的两种方法
    查看>>
    npm前端包管理工具简介---npm工作笔记001
    查看>>
    npm包管理深度探索:从基础到进阶全面教程!
    查看>>
    npm升级以及使用淘宝npm镜像
    查看>>
    npm发布包--所遇到的问题
    查看>>
    npm发布自己的组件UI包(详细步骤,图文并茂)
    查看>>
    npm和package.json那些不为常人所知的小秘密
    查看>>
    npm和yarn清理缓存命令
    查看>>
    npm和yarn的使用对比
    查看>>