Shader实例:一台旧电视

准备：
1.一段小视频
2.一张电视机贴图
3.一张过滤图

效果：
让视频内容只在电视机屏幕区域显示

Shader代码:有注释

Shader "Joe/old_tv"
{
    Properties
    {
        _MainTex("main tex", 2d) = ""{}//主贴图
        _TVTex("TV tex",2d) = ""{}//屏幕内容
        _TVMask("TV mask",2d) = ""{}//过滤贴图
    }
 
    SubShader
    {
        Tags
        {
            "Queue"  = "Transparent"
        }
 
        Blend SrcAlpha OneMinusSrcAlpha
 
        Pass
        {
            CGPROGRAM
            #pragma vertex vert
            #pragma fragment frag
 
            #include "UnityCG.cginc"
 
            struct v2f
            {
                float4 vertex:POSITION;
                float4 uv:TEXCOORD0;
            };
 
            sampler2D _MainTex;
            sampler2D _TVTex;//视频内容从脚本本中设置
            sampler2D _TVMask;
 
            v2f vert(appdata_base v)
            {
                v2f o;
                o.vertex = mul(UNITY_MATRIX_MVP,v.vertex);
                o.uv.xy = v.texcoord.xy;
                return o;
            }
 
            half4 frag(v2f i):COLOR
            {
                //采样电视机贴图
                half4 tv = tex2D(_MainTex,i.uv.xy);
 
                //采样过滤贴图
                half4 mask = tex2D(_TVMask,i.uv.xy);
 
                //得到用过滤图的alpha值作为权重 影响过后的uv
                half2 maskuv = i.uv.xy * mask.a;
 
                //用该uv，采样屏幕内容，根据过滤图的alpha值，得到内容只在电视机屏幕区域显示的效果
                half4 tvcontent = tex2D(_TVTex,maskuv);
                tvcontent.a = mask.a;
 
                //return tvcontent;
                //return tv;
 
                half4 result = tv;
                //是屏幕上的区域
                if(mask.a==1)
                {
                    //和屏幕内容颜色混合
                    result = tv + tvcontent;
                    result.rgb=result.rgb/2;
                }
                else
                {
                    //是电视机外壳区域，什么也不做，保持原来的颜色
                }
                return result;
            }            
 
            ENDCG
        }
    }
 
    FallBack "Diffuse"
}

C#脚本代码：就是把视频内容传递给shader代码里面的uniform sampler2D _TVTex

using UnityEngine;
using System.Collections;
 
public class playTv : MonoBehaviour
{
    public MovieTexture movie;
 
    void Start () 
    {
        this.GetComponent<Renderer>().material.SetTexture("_TVTex",movie);
        movie.loop = true;
        movie.Play();
    }
}

不足：
以为这样就完美了吗？
不是，既然是旧电视，必然有那种，吱~吱~吱~ 的闪烁。
屏幕绘制不完美的断裂，从左到右的一个uv移动。

Try it yourself!
我是个怀旧之人，小时候爷爷房间里就有这样的一台电视机。
你完全可以搞一张IMAX的图片，然后在上面播放好莱坞大片。

• 本文固定链接: http://www.shihuanjue.com/?p=227
• 转载请注明: 乔 2016年01月01日 于 是幻觉 发表