unity 另类地景制作

为解决项目中远景效果需求,采用在天空盒内放置360全景图球体的方法,利用shader实现细节丰富的远景,同时保持朦胧感。此方法避免了三维建模的复杂性,通过alpha测试确保真实天空盒可见,关键在于全景图的天空部分去除及shader代码优化。

最近项目需要一种远景效果,但又不想三维建模(PS:模型组就一个3D模型了,不够用),还想要细节和远处的朦胧感。于是想到了一种取巧的办法。在原有天空盒里放个球,拉大尺寸,贴上360全景图,做出类似天空盒的效果。戴上VR眼镜往下看,仿佛有地景在下面。主要通过shader来实现,shader中有两个功能,一个功能是能够从球体内部显示360度全景图,一个是alpha测试,这样才能看到后面真正的天空盒,所以需要美术把全景图中的天空部分去掉,只留地面和山脉。
shader代码如下:

Shader "Unlit/360AlphaTest"
{
    Properties{
    _MainTex("Base (RGB)", 2D) = "white" {}
    _Cutoff("Alpha Cutoff", Range(0, 1)) = 0.5
    }

        SubShader{
            Tags {"Queue" = "AlphaTest" "IgnoreProjector" = "True" "RenderType" = "TransparentCutout"}
            Cull front    
            LOD 100
            Pass {
                CGPROGRAM
                    #pragma vertex vert
                    #pragma fragment frag

                    #include "UnityCG.cginc"

                    struct appdata_t {
                        float4 vertex : POSITION;
                        float2 texcoord : TEXCOORD0;
                    };

                    struct v2f {
                        float4 vertex : SV_POSITION;
                        half2 texcoord : TEXCOORD0;
                    };

                    sampler2D _MainTex;
                    float4 _MainTex_ST;
                    fixed _Cutoff;
                    
                    v2f vert(appdata_t v)
                    {
                        v2f o;
                        o.vertex = UnityObjectToClipPos(v.vertex);
                        // ADDED BY BERNIE:
                        v.texcoord.x = 1 - v.texcoord.x;
                        o.texcoord = TRANSFORM_TEX(v.texcoord, _MainTex);
                        o.texcoord = v.texcoord.xy * _MainTex_ST.xy + _MainTex_ST.zw;
                        return o;
                    }

                    fixed4 frag(v2f i) : SV_Target
                    {
                        fixed4 col = tex2D(_MainTex, i.texcoord);
                        clip(col.a - _Cutoff);
                        return col;
                    }
                ENDCG
            }
    }
}

最终效果:
效果图

本文参考链接:https://blog.youkuaiyun.com/wuyt2008/article/details/54313474

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值