c++读出像素矩阵_Unity Shader 点阵像素剔除半透(Stipple Transparency )

225fc535956c7ae74da601b380f6a88b.png

5b7715b12f2f2a67df42689cf40458ab.png

最近一段时间一直不停的刷只狼(打铁真好玩.......),无意中发现主角被场景物体遮挡的时候,半透效果比较有意思,是像马赛克一样被剔除掉了。

上图是我在游戏里截的,在上传以后被压缩了 所以有点糊,但应该还是能辨别出来,摄像机前面是有一棵树的,在遮挡住主角后变成半透了,并且透明的方式并不是传统的半透,而是像扣掉了像素一样的马赛克形状。

46cc6b77ff93c5a89540f73b01054c6a.gif

之前一个朋友问过我这个效果,我从网上搜了下,发现还是有很多资料的,具体来自于这

Unity Stipple Transparency Shader - Alex Ocias Blog​ocias.com
3e8bac8b032356998ce9e42e92712930.png

文章里写的还是很详细的,这个技术其实非常古老了,在过去硬件性能很差的时候,很多半透效果无法实现,毕竟这种混合算法要把前后层都渲一遍然后做算法融合,并且还有万恶的排序问题。所以很快就有人想出了这种利用像素剔除的方式来模拟半透效果,性能开销要好很多,并且因为不需要融合,所以不会出现排序问题。

下面是重点代码,其实很简单,就是先设定了一个4*4的矩阵来作为阈值,利用x轴采样这个阈值,小于这个阈值的像素将被剔除掉,_RowAccess 是一个单位矩阵,用来定义Y轴的采样,_Transparency 这个属性就是用来控制透明度的级别,根据这个透明度去采样阈值。

    // Screen-door transparency: Discard pixel if below threshold.
    float4x4 thresholdMatrix =
    {  1.0 / 17.0,  9.0 / 17.0,  3.0 / 17.0, 11.0 / 17.0,
      13.0 / 17.0,  5.0 / 17.0, 15.0 / 17.0,  7.0 / 17.0,
       4.0 / 17.0, 12.0 / 17.0,  2.0 / 17.0, 10.0 / 17.0,
      16.0 / 17.0,  8.0 / 17.0, 14.0 / 17.0,  6.0 / 17.0
    };
    float4x4 _RowAccess = { 1,0,0,0, 0,1,0,0, 0,0,1,0, 0,0,0,1 };
    float2 pos = IN.screenPos.xy / IN.screenPos.w;
    pos *= _ScreenParams.xy; // pixel position
    clip(_Transparency - thresholdMatrix[fmod(pos.x, 4)] * _RowAccess[fmod(pos.y, 4)]);

说到性能这方面,这个做法在手机上的表现可能并不突出,因为手机上alphatest的开销是要高于alphablend的,所以如果手机想用这种效果,还是根据对这种像素风格的需求来定吧。

这里只有一个shader,就不做工程文件了,如果上面的网站进不去,就直接用下面的完整代码。

Shader "Ocias/Diffuse (Stipple Transparency)" {
Properties {
    _MainTex ("Base (RGB)", 2D) = "white" {}
    _Transparency ("Transparency", Range(0,1)) = 1.0
}
SubShader {
    Tags { "RenderType"="Opaque" }
    LOD 150
CGPROGRAM
#pragma surface surf Lambert noforwardadd
sampler2D _MainTex;
struct Input {
    float2 uv_MainTex;
    float4 screenPos;
};
half _Transparency;
void surf (Input IN, inout SurfaceOutput o) {
    fixed4 c = tex2D(_MainTex, IN.uv_MainTex);
    o.Albedo = c.rgb;
    o.Alpha = c.a;
    // Screen-door transparency: Discard pixel if below threshold.
    float4x4 thresholdMatrix =
    {  1.0 / 17.0,  9.0 / 17.0,  3.0 / 17.0, 11.0 / 17.0,
      13.0 / 17.0,  5.0 / 17.0, 15.0 / 17.0,  7.0 / 17.0,
       4.0 / 17.0, 12.0 / 17.0,  2.0 / 17.0, 10.0 / 17.0,
      16.0 / 17.0,  8.0 / 17.0, 14.0 / 17.0,  6.0 / 17.0
    };
    float4x4 _RowAccess = { 1,0,0,0, 0,1,0,0, 0,0,1,0, 0,0,0,1 };
    float2 pos = IN.screenPos.xy / IN.screenPos.w;
    pos *= _ScreenParams.xy; // pixel position
    clip(_Transparency - thresholdMatrix[fmod(pos.x, 4)] * _RowAccess[fmod(pos.y, 4)]);
}
ENDCG
}
Fallback "Mobile/VertexLit"
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值