后期材质(PostProcess Material)+ Custom Node 实现"描边"和"马赛克"效果【UE4】

简介: 后期材质(PostProcess Material)+ Custom Node 实现"描边"和"马赛克"效果【UE4】

参考自:

描边

马赛克

 

描边效果

静态:

image.png

动态:

20170318160510717.gif

马赛克效果

静态:

image.png

动态

image.png

材质编辑器分别如下:

描边

image.png

马赛克

image.png

image.png

HLSL代码分别如下:

描边

//input SceneTexSize
//input UV
//input NotUse
//input OutLineSize
//input MaxZ
//input OutLineColor
float3 w=float3(0.2125,0.7154,0.0721);
float2 Sampler[]={float2(-1,-1),float2(-2,0),float2(-1,1),
                    float2(0,-2),float2(0,0),float2(0,2),
                    float2(1,-1),float2(2,0),float2(1,1)};
float2 UVOffset[]={float2(-1,-1),float2(0,-1),float2(1,-1),
                   float2(-1,0),float2(0,0),float2(1,0),
                   float2(-1,1),float2(0,1),float2(1,1),};
float2 Edge=0;
for(int i=0;i<9 ;i++)
{
    Edge+=Sampler[i]*dot(SceneTextureLookup(UV+UVOffset[i]*SceneTexSize*OutLineSize,14,false).xyz,w);
}
//最后的length可以改成1-abs(Edge.x)-abs(Edge.y),这样可以减少运算量
return lerp(
SceneTextureLookup(UV,14,false),OutLineColor,length(Edge));

马赛克

//input BaseUV 屏幕UV
//intput Tiling
//input Ratio
//input NotUse
float2 UV=BaseUV;
UV*=Tiling;
UV.y*=Ratio;
UV=ceil(UV);
UV/=Tiling;
UV.y/=Ratio;
return SceneTextureLookup(UV,14,false);

(完)

目录
相关文章
后期处理材质(Post Process Material)【UE4】
后期处理材质(Post Process Material)【UE4】
460 0
后期处理材质(Post Process Material)【UE4】
|
C++
利用第三方后期处理材质(PostProcess Material)对物体进行描边【UE4】【C++】
利用第三方后期处理材质(PostProcess Material)对物体进行描边【UE4】【C++】
346 0
利用第三方后期处理材质(PostProcess Material)对物体进行描边【UE4】【C++】
|
9月前
|
人工智能 前端开发 计算机视觉
CSS mix-blend-mode 父子元素色彩叠加混合会碰撞出什么样的火花
CSS mix-blend-mode 父子元素色彩叠加混合会碰撞出什么样的火花
339 0
|
容器
[GEF]在非XYLayout布局的container里调整children尺寸
以前只做过两种类型的GEF程序,一种是画布使用XYLayout,子图形可以在上面随意改变大小和位置;另一种是画布使用非XYLayout的布局,子图形的大小和位置由布局决定,用户不能用鼠标拖动的方式改变。
1359 0
css3的新属性 新增的颜色--- 透明度---两种渐变---定义多张背景图--background-size
css3的新属性 新增的颜色--- 透明度---两种渐变---定义多张背景图--background-size
轻松爽快的制作物理效果动画-Physics Helper
轻松爽快的制作物理效果动画-Physics Helper Physics Helper 是Silverlight中的一套控件,他能直接帮助你套用Farseer Physics 这个物理引擎。
791 0
动态材质实例(Dynamic Material Instance)【UE4】
动态材质实例(Dynamic Material Instance)【UE4】
699 0
|
7月前
|
Web App开发 前端开发
canvas系列教程04 —— 渐变、阴影、路径、状态、Canvas对象、图形重叠模式
canvas系列教程04 —— 渐变、阴影、路径、状态、Canvas对象、图形重叠模式
603 0
材质实例化(Material Instancing)【UE4】
材质实例化(Material Instancing)【UE4】
315 0
材质实例化(Material Instancing)【UE4】

热门文章

最新文章