开启辅助访问
 找回密码
 注册帐号

扫一扫,访问微社区

开发者专栏

关注:1870

当前位置:游戏蛮牛 技术专区 开发者专栏

__________________________________________________________________________________
开发者干货区版块规则:

  1、文章必须是图文形式。(至少2幅图)
      2、文章字数必须保持在1500字节以上。(编辑器右下角有字数检查)
      3、本版块只支持在游戏蛮牛原创首发,不支持转载。
      4、本版块回复不得无意义,如:顶、呵呵、不错......【真的会扣分的哦】
      5、......
__________________________________________________________________________________
查看: 3273|回复: 19

[海莉zhe] 【知识摘录】 Unity3D 实现镜头模糊效果[Shader](二)

[复制链接]  [移动端链接]
排名
972
昨日变化
6

57

主题

187

帖子

2180

积分

Rank: 9Rank: 9Rank: 9

UID
76890
好友
49
蛮牛币
3118
威望
0
注册时间
2015-3-4
在线时间
748 小时
最后登录
2017-9-23

专栏作家

发表于 2016-12-21 03:42:41 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?注册帐号

x
本帖最后由 海莉zhe 于 2016-12-21 03:42 编辑

    今天小编为大家分享一下,如何做一个镜头模糊效果的Demo。
   
    好吧!废话不多讲,我直接上图操作!

    1.新建一个unity3d 项目,导入需要的图片资源。

       1.png
    2.新建一个CameraFilterPack_Blur_Movie.shader文件,作用是实现镜头的模糊。   

      
[C#] 纯文本查看 复制代码
Shader "CameraFilterPack/Blur_Movie" {
        Properties 
        {
                _MainTex ("Base (RGB)", 2D) = "white" {}
                _TimeX ("Time", Range(0.0, 1.0)) = 1.0
                _Distortion ("_Distortion", Range(0.0, 1.0)) = 0.3
                _ScreenResolution ("_ScreenResolution", Vector) = (0.,0.,0.,0.)
                _Radius ("_Radius", Range(0.0, 1000.0)) = 700.0
                _Factor ("_Factor", Range(0.0, 1000.0)) = 200.0
        }
        SubShader 
        {
                Pass
                {
                        ZTest Always
                        CGPROGRAM
                        #pragma vertex vert
                        #pragma fragment frag
                        #pragma fragmentoption ARB_precision_hint_fastest
                        #pragma target 3.0
                        #pragma glsl
                        #include "UnityCG.cginc"
                        
                        
                        uniform sampler2D _MainTex;
                        uniform float _TimeX;
                        uniform float _Distortion;
                        uniform float4 _ScreenResolution;
                        uniform float _Radius;
                        uniform float _Factor;
                        
                    struct appdata_t 
            {
                float4 vertex   : POSITION;
                float4 color    : COLOR;
                float2 texcoord : TEXCOORD0;
            };
 
            struct v2f
            {
                  half2 texcoord  : TEXCOORD0;
                  float4 vertex   : SV_POSITION;
                  fixed4 color    : COLOR;
           };   
             
                          v2f vert(appdata_t IN)
            {
                v2f OUT;
                OUT.vertex = mul(UNITY_MATRIX_MVP, IN.vertex);
                OUT.texcoord = IN.texcoord;
                OUT.color = IN.color;
                
                return OUT;
            }
                      #define tex2D(sampler,uvs)  tex2Dlod( sampler , float4( ( uvs ) , 0.0f , 0.0f) )
                        float4 frag (v2f i) : COLOR
                        {
                                float factor = _Factor/_ScreenResolution.y * 64.0;
                                float radius = _Radius/_ScreenResolution.x * 2.0;
                                float4 col = 0.0; 
                                float4 accumColx = 0.0;
                                float4 accumW = 0.0;
                                for (float j = -5.0; j < 5.0; j += 1.0)
                                {
                                        for (float u = -5.0; u < 5.0; u += 1.0)
                                        { 
                                                float2 offsetx = (1.0/_ScreenResolution.xy) * float2(u + j, j - u);
                                                col = tex2D(_MainTex, i.texcoord.xy + offsetx * radius);
                                                float4 movie = 1.0 + col * col * col * factor;
                                                accumColx = accumColx + col * movie;
                                                accumW += movie;
                                        }
                                }  
                                accumColx = accumColx/accumW;
                                return accumColx;
                        }
                        
                        ENDCG
                }
                
        }
}


    3.我们新建一个CameraFilterPack_Blur_Movie.cs组件 ,并且直接附加在摄像机对象上。

     
[C#] 纯文本查看 复制代码
using UnityEngine;

[ExecuteInEditMode]
[AddComponentMenu ("Camera Filter Pack/Blur/Movie")]
public class CameraFilterPack_Blur_Movie : MonoBehaviour {
        #region Variables
        public Shader SCShader;
        private float TimeX = 1.0f;
        private Vector4 ScreenResolution;
        private Material SCMaterial;
        [Range(0,1000)]
        public float Radius = 150.0f;
        [Range(0,1000)]
        public float Factor = 200.0f;
        [Range(1,8)]
        public int FastFilter = 2;

        public static float ChangeRadius;
        public static float ChangeFactor;
        public static int ChangeFastFilter;

        #endregion
        
        #region Properties
        Material material
        {
                get
                {
                        if(SCMaterial == null)
                        {
                                SCMaterial = new Material(SCShader);
                                SCMaterial.hideFlags = HideFlags.HideAndDontSave;        
                        }
                        return SCMaterial;
                }
        }
        #endregion
        void Start () 
        {
                ChangeRadius = Radius;
                ChangeFactor = Factor;
                ChangeFastFilter = FastFilter;
                SCShader = Shader.Find("CameraFilterPack/Blur_Movie");

                if(!SystemInfo.supportsImageEffects)
                {
                        enabled = false;
                        return;
                }
        }

        void OnRenderImage (RenderTexture sourceTexture, RenderTexture destTexture)
        {
        
                if(SCShader != null)
                {
                        int DownScale=FastFilter;
                        TimeX+=Time.deltaTime;
                        if (TimeX>100)  TimeX=0;
                        material.SetFloat("_TimeX", TimeX);
                        material.SetFloat("_Radius", Radius/DownScale);
                        material.SetFloat("_Factor", Factor);
                        material.SetVector("_ScreenResolution",new Vector2(Screen.width/DownScale,Screen.height/DownScale));
                        int rtW = sourceTexture.width/DownScale;
                        int rtH = sourceTexture.height/DownScale;

                        if (FastFilter>1)
                        {
                        RenderTexture buffer = RenderTexture.GetTemporary(rtW, rtH, 0);
                        Graphics.Blit(sourceTexture, buffer, material);
                        Graphics.Blit(buffer, destTexture);
                        RenderTexture.ReleaseTemporary(buffer);
                        }
                        else
                        {
                                Graphics.Blit(sourceTexture, destTexture, material);
                        }
                }
                else
                {
                        Graphics.Blit(sourceTexture, destTexture);        
                }
        
                
        }
void OnValidate()
{
                ChangeRadius=Radius;
                ChangeFactor=Factor;
                ChangeFastFilter=FastFilter;
}
        // Update is called once per frame
        void Update () 
        {
                if (Application.isPlaying)
                {
                        Radius = ChangeRadius;
                        Factor = ChangeFactor;
                        FastFilter = ChangeFastFilter;
                }
                #if UNITY_EDITOR
                if (Application.isPlaying!=true)
                {
                        SCShader = Shader.Find("CameraFilterPack/Blur_Movie");

                }
                #endif

        }
        
        void OnDisable ()
        {
                if(SCMaterial)
                {
                        DestroyImmediate(SCMaterial);        
                }
                
        }

}


       3.png
   
    4.其实操作还是比较简单的,所以我们直接看效果对比图吧。

       4_0.png

       4_1.png
   
    学习交流群:575561285

本帖被以下淘专辑推荐:


回复

使用道具 举报

4四处流浪
476/500
排名
5819
昨日变化
3

1

主题

239

帖子

476

积分

Rank: 4

UID
173201
好友
0
蛮牛币
1751
威望
0
注册时间
2016-10-2
在线时间
62 小时
最后登录
2017-7-27
QQ
发表于 2016-12-21 08:21:57 | 显示全部楼层
6666666666666

回复

使用道具 举报

3偶尔光临
274/300
排名
6235
昨日变化
4

0

主题

18

帖子

274

积分

Rank: 3Rank: 3Rank: 3

UID
164063
好友
1
蛮牛币
1025
威望
0
注册时间
2016-8-24
在线时间
100 小时
最后登录
2017-9-19
发表于 2016-12-21 09:06:04 | 显示全部楼层
模型能分享一下吗

回复 支持 反对

使用道具 举报

5熟悉之中
923/1000
排名
2789
昨日变化
9

1

主题

300

帖子

923

积分

Rank: 5Rank: 5

UID
40383
好友
1
蛮牛币
374
威望
0
注册时间
2014-8-18
在线时间
220 小时
最后登录
2017-9-22
发表于 2016-12-21 09:11:55 | 显示全部楼层
对UI没有效果!!!!

回复

使用道具 举报

5熟悉之中
791/1000
排名
5043
昨日变化
2

4

主题

343

帖子

791

积分

Rank: 5Rank: 5

UID
187912
好友
5
蛮牛币
2410
威望
0
注册时间
2016-11-29
在线时间
210 小时
最后登录
2017-9-20
QQ
发表于 2016-12-21 09:24:23 | 显示全部楼层
好厉害啊,Shader的呢,学习啦

回复 支持 反对

使用道具 举报

7日久生情
1775/5000
排名
1034
昨日变化
1

3

主题

334

帖子

1775

积分

Rank: 7Rank: 7Rank: 7Rank: 7

UID
66284
好友
3
蛮牛币
4625
威望
0
注册时间
2015-1-6
在线时间
572 小时
最后登录
2017-9-22
发表于 2016-12-21 09:52:38 | 显示全部楼层
6666666666666

回复

使用道具 举报

4四处流浪
396/500
排名
7903
昨日变化
6

3

主题

144

帖子

396

积分

Rank: 4

UID
191281
好友
1
蛮牛币
247
威望
0
注册时间
2016-12-11
在线时间
137 小时
最后登录
2017-9-10
发表于 2016-12-21 10:34:45 | 显示全部楼层
好厉害啊,Shader的呢,学习啦

回复 支持 反对

使用道具 举报

6蛮牛粉丝
1244/1500
排名
5129
昨日变化
2

2

主题

775

帖子

1244

积分

Rank: 6Rank: 6Rank: 6

UID
92518
好友
1
蛮牛币
2464
威望
0
注册时间
2015-4-15
在线时间
277 小时
最后登录
2017-4-6
发表于 2016-12-21 10:51:00 | 显示全部楼层
今天小编为大家分享一下,如何做一个镜头模糊效果的Demo。

回复 支持 反对

使用道具 举报

6蛮牛粉丝
1201/1500
排名
2169
昨日变化
15

0

主题

442

帖子

1201

积分

Rank: 6Rank: 6Rank: 6

UID
176479
好友
0
蛮牛币
2227
威望
0
注册时间
2016-10-18
在线时间
253 小时
最后登录
2017-9-23
发表于 2016-12-21 11:06:51 | 显示全部楼层
谢谢楼主分享666

回复 支持 反对

使用道具 举报

排名
972
昨日变化
6

57

主题

187

帖子

2180

积分

Rank: 9Rank: 9Rank: 9

UID
76890
好友
49
蛮牛币
3118
威望
0
注册时间
2015-3-4
在线时间
748 小时
最后登录
2017-9-23

专栏作家

 楼主| 发表于 2016-12-21 12:01:09 | 显示全部楼层

直接在unity 中assetstore里面下载的(Spider Green 插件)

回复 支持 反对

使用道具 举报

6蛮牛粉丝
1292/1500
排名
2404
昨日变化
3

1

主题

463

帖子

1292

积分

Rank: 6Rank: 6Rank: 6

UID
171030
好友
4
蛮牛币
1587
威望
0
注册时间
2016-9-22
在线时间
346 小时
最后登录
2017-9-9

活力之星

发表于 2016-12-21 17:54:42 | 显示全部楼层
楼主你好,我近期遇到一个问题,如何实现局部模型的模糊效果啊,比如让一个相册框里的图片模糊

回复 支持 反对

使用道具 举报

5熟悉之中
816/1000
排名
3281
昨日变化
1

4

主题

164

帖子

816

积分

Rank: 5Rank: 5

UID
182321
好友
0
蛮牛币
-3
威望
0
注册时间
2016-11-9
在线时间
306 小时
最后登录
2017-8-31
发表于 2016-12-22 10:19:50 | 显示全部楼层
首先感谢楼主的大公无私,然后,再然后,最后,要是有备注讲解一下就更好了。

回复 支持 反对

使用道具 举报

5熟悉之中
816/1000
排名
3281
昨日变化
1

4

主题

164

帖子

816

积分

Rank: 5Rank: 5

UID
182321
好友
0
蛮牛币
-3
威望
0
注册时间
2016-11-9
在线时间
306 小时
最后登录
2017-8-31
发表于 2016-12-22 10:26:08 | 显示全部楼层
lzh1590 发表于 2016-12-21 17:54
楼主你好,我近期遇到一个问题,如何实现局部模型的模糊效果啊,比如让一个相册框里的图片模糊 ...

目测这个shader就能实现,把shader赋给需要模糊的图片,未加证实,全是猜测。

回复 支持 反对

使用道具 举报

5熟悉之中
778/1000
排名
3047
昨日变化
5

7

主题

182

帖子

778

积分

Rank: 5Rank: 5

UID
158249
好友
1
蛮牛币
2155
威望
0
注册时间
2016-7-22
在线时间
219 小时
最后登录
2017-9-23
发表于 2016-12-22 14:34:09 | 显示全部楼层
效果挺好  支持支持{:104:}

回复 支持 反对

使用道具 举报

5熟悉之中
621/1000
排名
3670
昨日变化
18

2

主题

66

帖子

621

积分

Rank: 5Rank: 5

UID
190205
好友
0
蛮牛币
808
威望
0
注册时间
2016-12-7
在线时间
247 小时
最后登录
2017-9-23
发表于 2016-12-23 11:32:43 | 显示全部楼层
效果不错 学习一下

回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册帐号

本版积分规则

快速回复 返回顶部 返回列表