【HLSL学习笔记】WPF Shader Effect Library算法解读之[Embossed]

简介: 原文:【HLSL学习笔记】WPF Shader Effect Library算法解读之[Embossed] Embossed(浮雕效果)          浮雕效果主要有两个参数:Amount和Width。
原文: 【HLSL学习笔记】WPF Shader Effect Library算法解读之[Embossed]

Embossed(浮雕效果)

         浮雕效果主要有两个参数:AmountWidthAmount控制浮雕边缘的对比度,Width参数控制浮雕效果的精细程度,数值越小越精细。

效果如下图所示:

源代码如下:

+++++++++++++++++++++++++++++++++++++++++++++

//浮雕特效

//数量,一个控制雕刻边缘对比度的参数,数值越大,对比越强

float Amount : register(C0);

//位移,一个用于控制雕刻效果宽度的参数,数值越小,雕刻效果越细腻、清晰

float Width : register(C1);

sampler2D implicitInputSampler : register(S0);

float4 main(float2 uv : TEXCOORD) : COLOR

{

         //用一个中性灰不透明的纹理当做默认的纹理

    float4 outC = {0.5, 0.5, 0.5, 1.0};

  //通过两次正反的位置偏移叠加产生边缘错位的效果,可以用Amount参数来控制错位的边缘对比度

    outC -= tex2D(implicitInputSampler, uv - Width) * Amount;

    outC += tex2D(implicitInputSampler, uv + Width) * Amount;

    //上面的纹理叠加难免会产生色彩混合后不等于中性灰的地方,所以再将纹理变成灰度

    outC.rgb = (outC.r + outC.g + outC.b) / 3.0f;

    return outC;

}

+++++++++++++++++++++++++++++++++++++++++++++

 

 

这个特效中主要是利用中性灰色来区分高光边缘和暗部边缘,通过对纹理进行错位来突出纹理的边缘,通过数量值来控制高光和暗部的对比。

这种多次采样并叠加的方式就类似于Photoshop中的图层混合模式,下面简单做几个PS中默认的混合模式特效:

1、  正片叠底Multiply

算法:C=A*B

代码:

+++++++++++++++++++

float4 c;

c=tex2D(input,uv);

c*=tex2D(input,uv);

    return c;

+++++++++++++++++++

效果:

 

1、  滤色Screen

算法:C=1-(1-A)*(1-B)

代码:

+++++++++++++

c=tex2D(input,uv);

c=1-(1-c)*(1-c);

+++++++++++++

效果:

 

 

目录
相关文章
|
1月前
|
算法 搜索推荐 测试技术
python排序算法及优化学习笔记1
python实现的简单的排序算法,以及算法优化,学习笔记1
33 1
|
3月前
|
C#
halcon联合c#、WPF学习笔记三(dispatcherTimer实时相机显示)
halcon联合c#、WPF学习笔记三(dispatcherTimer实时相机显示)
69 1
halcon联合c#、WPF学习笔记三(dispatcherTimer实时相机显示)
|
3月前
|
C#
halcon联合c#、WPF学习笔记二(简单案例)
halcon联合c#、WPF学习笔记二(简单案例)
106 0
|
3月前
|
C# C++
halcon联合c#、WPF学习笔记一(WPF配置halcon)
halcon联合c#、WPF学习笔记一(WPF配置halcon)
120 1
|
5月前
|
机器学习/深度学习 自然语言处理 算法
Python预测 数据分析与算法 学习笔记(特征工程、时间序列)2
Python预测 数据分析与算法 学习笔记(特征工程、时间序列)
112 0
|
5月前
|
机器学习/深度学习 算法 数据可视化
Python预测 数据分析与算法 学习笔记(特征工程、时间序列)1
Python预测 数据分析与算法 学习笔记(特征工程、时间序列)
72 0
|
7月前
|
存储 算法 关系型数据库