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

扫一扫,访问微社区

开发者专栏

关注:1571

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

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

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

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

[复制链接]  [移动端链接]
排名
1447
昨日变化
4

27

主题

139

帖子

1499

积分

Rank: 9Rank: 9Rank: 9

UID
76890
好友
19
蛮牛币
2055
威望
0
注册时间
2015-3-4
在线时间
515 小时
最后登录
2017-2-22

专栏作家

发表于 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四处流浪
342/500
排名
6757
昨日变化
8

1

主题

184

帖子

342

积分

Rank: 4

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

回复

使用道具 举报

3偶尔光临
194/300
排名
6998
昨日变化
8

0

主题

19

帖子

194

积分

Rank: 3Rank: 3Rank: 3

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

回复 支持 反对

使用道具 举报

4四处流浪
415/500
排名
5065
昨日变化
39

1

主题

143

帖子

415

积分

Rank: 4

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

回复

使用道具 举报

4四处流浪
480/500
排名
7896
昨日变化
6

2

主题

288

帖子

480

积分

Rank: 4

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

回复 支持 反对

使用道具 举报

7日久生情
2965/5000
排名
74
昨日变化

2

主题

342

帖子

2965

积分

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

UID
3490
好友
4
蛮牛币
7221
威望
0
注册时间
2013-9-9
在线时间
729 小时
最后登录
2017-2-21

VIP

发表于 2016-12-21 09:33:57 | 显示全部楼层
666666666666666666666666666666666

回复 支持 反对

使用道具 举报

6蛮牛粉丝
1326/1500
排名
1525
昨日变化
4

3

主题

309

帖子

1326

积分

Rank: 6Rank: 6Rank: 6

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

回复

使用道具 举报

3偶尔光临
200/300
排名
9634
昨日变化
163

2

主题

92

帖子

200

积分

Rank: 3Rank: 3Rank: 3

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

回复 支持 反对

使用道具 举报

5熟悉之中
928/1000
排名
5898
昨日变化
47

2

主题

559

帖子

928

积分

Rank: 5Rank: 5

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

回复 支持 反对

使用道具 举报

5熟悉之中
541/1000
排名
6004
昨日变化
71

0

主题

305

帖子

541

积分

Rank: 5Rank: 5

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

回复 支持 反对

使用道具 举报

排名
1447
昨日变化
4

27

主题

139

帖子

1499

积分

Rank: 9Rank: 9Rank: 9

UID
76890
好友
19
蛮牛币
2055
威望
0
注册时间
2015-3-4
在线时间
515 小时
最后登录
2017-2-22

专栏作家

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

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

回复 支持 反对

使用道具 举报

4四处流浪
485/500
排名
4771
昨日变化
6

1

主题

139

帖子

485

积分

Rank: 4

UID
171030
好友
0
蛮牛币
1222
威望
0
注册时间
2016-9-22
在线时间
143 小时
最后登录
2017-2-17

活力之星

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

回复 支持 反对

使用道具 举报

3偶尔光临
296/300
排名
6903
昨日变化
87

2

主题

81

帖子

296

积分

Rank: 3Rank: 3Rank: 3

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

回复 支持 反对

使用道具 举报

3偶尔光临
296/300
排名
6903
昨日变化
87

2

主题

81

帖子

296

积分

Rank: 3Rank: 3Rank: 3

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

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

回复 支持 反对

使用道具 举报

4四处流浪
349/500
排名
6490
昨日变化
61

4

主题

131

帖子

349

积分

Rank: 4

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

回复 支持 反对

使用道具 举报

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

本版积分规则

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