Unity 绿幕抠图 摄像头抠图 单色抠图

原创 2017年07月04日 16:22:26
最近迷上了看直播,看到有些主播MM的背景很好看

所以就自己弄了一个非常好看的背景


首先,实验环境


背景图


最终效果


实现原理,就是将图片传入Shader,然后将材质放在一个物体上
Shader代码:

Shader "我的Shader/自定义/05过滤纯色"
{
        Properties
        {
                _MainTex("主纹理", 2D) = "white" { }
                _TransparentColourKey("过滤的颜色", Color) = (0,0,0,1)
                _TransparencyToleranceR("透明公差R", Range(0.01, 1.0)) = 0.01
                _TransparencyToleranceG("透明公差G", Range(0.01, 1.0)) = 0.01
                _TransparencyToleranceB("透明公差B", Range(0.01, 1.0)) = 0.01
        }
 
        SubShader
        {
                Pass
                {
                        Tags{ "RenderType" = "Opaque" "Queue" = "Transparent" }
                        //Tags{ "RenderType" = "Transparent" "Queue" = "Transparent" }
                        Blend SrcAlpha OneMinusSrcAlpha
                        //Blend One One
                        LOD 200
                        CGPROGRAM
 
                        #pragma vertex vert
                        #pragma fragment frag
                        #include "UnityCG.cginc"
 
                        struct vertInput
                        {
                                float4 pos : POSITION;
                                float2 uv : TEXCOORD0;
                        };
 
                        struct vertOnput
                        {
                                float4 pos : SV_POSITION;
                                float2 uv : TEXCOORD0;
                        };
 
                        vertOnput vert(vertInput input)
                        {
                                vertOnput output;
                                output.pos = mul(UNITY_MATRIX_MVP, input.pos);
                                output.uv = input.uv;
                                return output;
                        }
 
                        sampler2D _MainTex;
                        sampler2D _Background;
                        float3 _TransparentColourKey;
                        float _TransparencyToleranceR;
                        float _TransparencyToleranceG;
                        float _TransparencyToleranceB;
 
                /*        float Overlay(float base, float top)
                        {
                                if (base < 0.5)
                                {
                                        return 2 * base*top;
                                }
                                else 
                                {
                                        return 1 - 2 * (1 - base) * (1 - top);
                                }
                        }*/
 
                        float4 frag(vertInput input) : COLOR//SV_Target
                        {
                                float4 color = tex2D(_MainTex, input.uv);
                                float deltaR = abs(color.r - _TransparentColourKey.r);
                                float deltaG = abs(color.g - _TransparentColourKey.g);
                                float deltaB = abs(color.b - _TransparentColourKey.b);
                                if (deltaR < _TransparencyToleranceR && deltaG < _TransparencyToleranceG && deltaB < _TransparencyToleranceB)
                                {
                                        return float4(0.0f, 0.0f, 0.0f, 0.0f);
                                }
                                else
                                {
                                        //float4 col = fixed4(0, 0, 0, 0);
                                        //col.r = Overlay(color.r, color2.r);
                                        //col.g = Overlay(color.g, color2.g);
                                        //col.b = Overlay(color.b, color2.b);
                                        //col.a = color.a;                
                                        return color;
                                }                
                        }
                        ENDCG
                }
        }
        Fallback "Diffuse"
}


最后新建一个脚本,定义变量

public Material m_Material;
[Range(0, 255)]
public float transparentColourR = 1f;
[Range(0, 255)]
public float transparentColourG = 1f;
[Range(0, 255)]
public float transparentColourB = 1f;
[Range(0,100)]
public float transparencyToleranceR = 1f;
[Range(0, 100)]
public float transparencyToleranceG = 1f;
[Range(0, 100)]
public float transparencyToleranceB = 1f;
 
private int devId = 1;
public string deviceName;
private WebCamTexture photoTex;
static int FrameWidth = 1920;
static int FrameHeight = 1080;


在Update里写

transparentColour.r = transparentColourR / 255;
transparentColour.g = transparentColourG / 255;
transparentColour.b = transparentColourB / 255;
transparentColour.a = 1;
m_Material.SetColor("_TransparentColourKey", transparentColour);
m_Material.SetFloat("_TransparencyToleranceR", transparencyToleranceR / 100);
m_Material.SetFloat("_TransparencyToleranceG", transparencyToleranceG / 100);
m_Material.SetFloat("_TransparencyToleranceB", transparencyToleranceB / 100);
m_Material.SetTexture("_MainTex", photoTex);

打开摄像头

yield return Application.RequestUserAuthorization(UserAuthorization.WebCam);
 
if (Application.HasUserAuthorization(UserAuthorization.WebCam))
{
    WebCamDevice[] devices = WebCamTexture.devices; ;
 
    //如果有后置摄像头,调用后置摄像头    
    for (int i = 0; i < devices.Length; i++)
    {
        if (!devices[i].isFrontFacing)
        {
            deviceName = devices[i].name;
            break;
        }
    }
 
    photoTex = new WebCamTexture(deviceName, FrameWidth, FrameHeight, 24);
    photoTex.Play();
}

Demo:
链接:http://pan.baidu.com/s/1i4QuTyl 密码:lee6
至此完结!!!


版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

单色背景抠图方法(绿色背景抠图、肤色检测)之——chroma kye

1、肤色侦测法

Unity3d绿幕抠图源码

  • 2017-04-14 11:12
  • 57.26MB
  • 下载

unity 绿幕抠图

  • 2017-08-01 12:57
  • 8.17MB
  • 下载

Bitblt单色位图SetBkColor、SetTextColor作用网络版. 加自己的理解.

上面转载是讲解单色图中SetBkColor和SetTextColor函数对单色图的影响。我想在这对其进行解释下. A   在A中生成掩码图时,将SetBkColor设置成红色,是说明将图COPY的...

摄像头蓝幕抠图

  • 2015-01-23 11:05
  • 1.68MB
  • 下载

DIB(设备无关位图)旋转任意角度算法(单色位图)

网上很多位图旋转的程序,但是一般都是8位、24位、32位位图的旋转,这些大于8位的位图每个像素都可以用整个字节表示,所以用char数组很容易实现对应像素复制。但是要对单色位图进行旋转的话,就涉及到按位...

创建PBM单色位图文件

  • 2014-05-31 12:54
  • 82KB
  • 下载

将任何普通图片转换为单色图

主意,我说的是单色图,不是灰度图,也就是只有黑白两色的图。 具体的思路是:我们知道一张图,如果不考虑透明度的话,是由一个一个的点组成的,每个点,就是一个颜色点(R,G,B),每个颜色点的取值范围(0...
  • bywuu
  • bywuu
  • 2016-11-21 14:02
  • 802
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)