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
至此完结!!!


Unity3d绿幕抠图源码

  • 2017年04月14日 11:12
  • 57.26MB
  • 下载

unity Kinect v2 with MS-SDK20绿屏抠像shader修改 透明背景

用的是kinect2.0  Kinect v2 with MS-SDK20插件 例子中的默认greenscreen里面是绿色的,要求改成透明的,下面直接上代码 改完后放背景看看吧 是不是透明...
  • shenmifangke
  • shenmifangke
  • 2015-08-26 10:21:03
  • 4287

Unity3D之调整画质(贴图)质量

当我们在Unity中,使用图片进行2D显示时,会发现显示出来的画面有明显的模糊或者锯齿,但是美术给的原图却十分清晰。 要改善这一状况实际上很简单。 造成这样的原因,是Unity在导...
  • Candy_Gt
  • Candy_Gt
  • 2015-01-27 21:18:43
  • 846

绿幕背景视频抠图

绿幕背景视频抠图对实时性要求比较高,如果使用kmeans或者GMM的话那么就太耗时了,达不到要求,因此将RGB空间转换到HSV色彩空间进行处理        关于HSV 中颜色分量范围请看这篇博客:...
  • linqianbi
  • linqianbi
  • 2018-01-24 17:41:01
  • 654

绿幕换背景、绿幕视频实时换背景

绿幕抠像技术目前技术已经很成熟,大多应用与VR环境、影视、照相合成领域,目前大多都需要调节很多的参数,基于这个考虑,我一直在研究自动绿幕抠图的方法,技术上的瓶颈很是很多,希望大家一起交流。...
  • zhulong1984
  • zhulong1984
  • 2017-08-02 17:18:15
  • 1804

<em>unity</em> <em>绿幕</em>抠图

2017-08-01 上传大小:8.17MB <em>unity绿幕</em>抠图 一款很好用的<em>绿幕</em>抠图插件 ...影视<em>绿幕</em>技术完全手册 拍摄、<em>抠像</em>与合成 第2版 PDF电子书 立即下载 上传者:...
  • 2018年04月14日 00:00

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

最近迷上了看直播,看到有些主播MM的背景很好看 所以就自己弄了一个非常好看的背景 首先,实验环境 背景图 最终效果 实现原理,就是将图片传入Sha...
  • yuhijk2055
  • yuhijk2055
  • 2017-07-04 16:22:26
  • 271

Shader学习历程(五)——Sprite Shader之简单抠图

前言还在苦于自己写的shader不能被sprite使用吗? 对,这个问题也困扰过我,所以我将它解决了。 然后顺便实现了简单抠图。。。。真的是简单抠图。。。正文按照习惯,首先放图,放代码。 这...
  • AbstractSky
  • AbstractSky
  • 2015-12-24 15:44:21
  • 3565

Unity3D消除视频绿幕

PS:本文首发于简书,系本人文章,再在CSDN发布。 以前主管就告诉我们,做一个专门的技术博客,对以后成长有很大帮助,但是一直没有去做,工作一年,知识杂且乱,感觉收获不大,决定从写技术博客开始。...
  • an050602
  • an050602
  • 2017-02-22 09:55:43
  • 799

Unity相机截图

Unity相机截图。转为字符串进行传输
  • luckrran
  • luckrran
  • 2016-03-16 23:30:18
  • 329
收藏助手
不良信息举报
您举报文章:Unity 绿幕抠图 摄像头抠图 单色抠图
举报原因:
原因补充:

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