对屏幕特定部分进行后期特效处理

最新推荐文章于 2026-02-28 06:47:00 发布
转载 最新推荐文章于 2026-02-28 06:47:00 发布 · 1.2k 阅读 · 2
最近在做一个效果：用一条线将整个屏幕分成两部分，一部分是灰色，一部分是彩色，线的位置是可变的
   
如果只是区分的话，简单的方法就是相机前加一个灰色quad，如下图，但明显不如灰化对比度高
   
下面就来实现这个功能
首先，我们要建一个屏幕特效脚本挂在到相机上
[C#]  纯文本查看  复制代码
?
 
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
using System;
using UnityEngine;
 
namespace UnityStandardAssets.ImageEffects
{
[ExecuteInEditMode]
[RequireComponent ( typeof (Camera))]
public class GrayEffect : PostEffectsBase
{
public Shader TintShader = null ;
 
public Color TintColour;
public Material TintMaterial = null ;
 
public override bool CheckResources ()
{
CheckSupport ( true );
TintMaterial = CheckShaderAndCreateMaterial (TintShader,TintMaterial);
 
if (!isSupported)
ReportAutoDisable ();
return isSupported;
}
public void SetVector(Vector3 left,Vector3 right)
{
TintMaterial.SetVector ( "_Line" , new Vector4(left.x,left.y,right.x,right.y));
}
public void SetAB( float a, float b, float hasA)
{
TintMaterial.SetVector ( "_ab" , new Vector3(a,b,hasA));
}
void OnRenderImage (RenderTexture source, RenderTexture destination)
{
if (CheckResources()== false )
{
Graphics.Blit (source, destination);
return ;
}
 
TintMaterial.SetColor( "TintColour" , TintColour);
 
//Do a full screen pass using TintMaterial
Graphics.Blit (source, destination, TintMaterial);
}
}
}

Graphics.Blit 位块传送，拷贝源纹理到目的渲染纹理。可简单理解为获取该相机的rendertexture作为纹理，通过指定shader再渲染一遍
setvector函数用作将横线上两点坐标传入材质
setab即为将y=ax+b形式的a,b传入，并指明a是否有意义，因为当直线形式为x=某数字时，a无意义
具体计算如下
[C#]  纯文本查看  复制代码
?
 
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
void Calculate()
{
wpLeft = portTrans.TransformPoint ( new Vector3 (-10f, 0f, 0f)); //porttrans为横线中心trans
wpRight = portTrans.TransformPoint ( new Vector3 (10f, 0f, 0f));
vpLeft = mainCamera.WorldToViewportPoint (wpLeft);
vpRight = mainCamera.WorldToViewportPoint (wpRight);
if (vpLeft.x != vpRight.x) {
va = (vpRight.y - vpLeft.y) / (vpRight.x - vpLeft.x);
vb = vpLeft.y - vpLeft.x * va;
wb = wpLeft.y - wpLeft.x * va;
hasA = 1f;
} else {
va = vb = hasA = 0f;
}
}
void SetMaterial()
{
grayEffect.SetVector (vpLeft, vpRight);
grayEffect.SetAB (va,vb,hasA);
}
shader就是一个转彩色为灰度的shader，增加了判断片原位于哪个区域的功能，判断区域的代码可以根据需求更改
[C#]  纯文本查看  复制代码
?
 
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
Shader "Custom/Tint"
{
Properties
{
_MainTex ( "" , any) = "" {}
_Line ( "line" , Vector) = (0,0,0,0)
_ab ( "ab" , Vector) = (0,0,0)
}
 
CGINCLUDE
#include "UnityCG.cginc"
 
struct v2f
{
float4 pos : SV_POSITION;
float3 wPos : TEXCOORD1;
float2 uv : TEXCOORD0;
};
 
sampler2D _MainTex;
float4 _Line;
float3 _ab;
float4 TintColour;
 
v2f vert( appdata_img v )
{
v2f o = (v2f)0;
o.pos = mul(UNITY_MATRIX_MVP, v.vertex);
o.wPos = v.vertex;
o.uv = v.texcoord;
 
return o;
}
 
float4 frag(v2f input) : SV_Target
{
 
float4 c = tex2D(_MainTex, input.uv);
bool isGray = false ;
if (_ab.z==0)
{
if (_Line.y>_Line.w&&input.wPos.x>_Line.x)
{
isGray = true ;
}
if (_Line.y<_Line.w&&input.wPos.x<_Line.x)
{
isGray = true ;
}
}
else
{
float ey = _ab.x*input.wPos.x + _ab.y;
if (_Line.x<_Line.z&&input.wPos.y>ey)
{
isGray = true ;
}
 
if (_Line.x>_Line.z&&input.wPos.y<ey)
{
isGray = true ;
}
 
}
if (isGray)
{
float gray = dot(c.xyz, float3(0.299, 0.587, 0.114));
c.xyz = float3(gray,gray,gray);
}
 
 
return c;
}
 
ENDCG
SubShader
{
Pass
{
ZTest Always Cull Off ZWrite Off
 
CGPROGRAM
#pragma vertex vert
#pragma fragment frag
ENDCG
}
}
Fallback off
}
dot(c.xyz, float3(0.299, 0.587, 0.114))就是把彩色信息转化成灰度信息的数学公式，即为x,y,z对应乘0.299 0.587,0.114

7.15更新：
感谢上苍之冰提供的想法
优化了shader，去除了if语句
[C#]  纯文本查看  复制代码
?
 
01
02
03
04
05
06
07
08
09
10
11
float4 c = tex2D(_MainTex, input.uv);
float ey = _ab.x*input.wPos.x + _ab.y;
bool b1 = _Line.y>_Line.w&&input.wPos.x>_Line.x;
bool b2 = _Line.y<_Line.w&&input.wPos.x<_Line.x;
bool b3 = _Line.x<_Line.z&&input.wPos.y>ey;
bool b4 = _Line.x>_Line.z&&input.wPos.y<ey;
bool a1 = (_ab.z==0)&&(b1||b2);
bool a2 = (_ab.z!=0)&&(b3||b4);
bool d = a1||a2;
float gray = dot(c.xyz, float3(0.299, 0.587, 0.114));
c.xyz *= (!d);
c.xyz += float3(gray,gray,gray)*d;

unity怪物攻击玩家减血_Unity3d 怪物死亡燃烧掉效果
weixin_39629129的博客
12-20 382
效果BurnToFadeOut.shader代码Shader "BurnToFadeOut" {Properties {_StartColor ("Start Color", Color) = (1,1,1,1)_EndColor ("End Color", Color) = (1,1,1,1)_MainTex ("Base (RGB) Trans (A)", 2D) = "white" {}_C...
Shader学习历程（四）——Unity官方Image effect__Fisheye
Lefenger
11-23 6282
前面有时很想自己做一些很酷炫的image effect，但又不知道要从何开始，不妨先学习学习官方的Image effect是怎么实现的。这一篇主要探究鱼眼效果是如何实现的。下附两幅图看看效果是啥样的： 主要我们现在正式看看它是怎么实现的，一个完整的屏幕特效分为两部分，一是cpu部分，它负责决定何时执行，并把rendertexture和相关参数传递给gpu，二是gpu部分，也就是处理renderte
Unity案例：Armored Vehicle Kit（Yanlz+WheelCollider+GetWorldPose+motorTorque+brakeTorque+steerAngle+立钻哥）
VRunSoftYanlz的博客
09-03 8442
《Unity案例：Armored Vehicle Kit》 版本 作者 参与者 完成日期 备注 UnityPro_ArmroedVehicleKit_V01_1.0 严立钻   2018.09.03...
android图片特效处理之怀旧效果
sdfsdfytre的博客
11-14 436
android图片特效处理之怀旧效果
Python 计算机视觉（十五）—— 图像特效处理
热门推荐
qq_52309640的博客
11-19 5万+
本篇文章总结了图像特效处理中的毛玻璃、浮雕、素描等一些操作的原理和简单实现。
UE后期处理材质实战：从黑白蒙版到卡通渲染的全流程解析
s4t5u6v的博客
02-27 913
本文深入解析了虚幻引擎（UE）后期处理材质的实战应用。从生成黑白蒙版遮罩的基础原理出发，逐步讲解了如何实现被遮挡物体的智能描边、打造卡通渲染风格化效果，以及制作动态场景扫描动画。通过核心节点逻辑拆解与组合，展示了如何高效地为游戏画面添加全局视觉滤镜，提升艺术表现力与开发效率。
掌握UE4中的PostProcessScanEffect后期处理扫描效果
weixin_33816734的博客
06-13 937
PPE是一种后期处理技术，它可以在游戏运行时，对渲染后的场景图像进行操作，实现各种视觉效果。通过PPE技术，开发者可以轻松地在游戏中的特定区域或者全屏添加扫描线、光晕、颜色偏移等动态效果。在UE4中，PPE是通过蓝图系统和材质编辑器实现的，这使得即使是不具备深厚编程背景的艺术家也能创建出复杂的效果。
UE后期处理材质实战：从黑白蒙版到场景扫描的创意应用
最新发布
u5v6w7的博客
02-28 970
本文深入探讨了UE后期处理材质的实战应用，从黑白蒙版、遮挡描边到卡通渲染与动态场景扫描。通过详细的核心原理与节点操作解析，帮助开发者掌握实时画面“美颜”技术，实现游戏中的高亮提示、风格化渲染及科幻特效，显著提升视觉表现力与玩家沉浸感。
《Unity着色器和屏幕特效开发秘笈》—— 导读
weixin_33978044的博客
07-04 268
前　言 本书将指引你逐步熟悉如何在Unity3D中创建着色器和后期特效。我们将从创建最基本的着色器和学习着色器代码的结构开启学习之旅。通过循序渐进地学习每一章的基础知识，将使你们逐渐地掌握着色器语言，而且还会学到模拟人体皮肤的着色器，处理动态反射的着色器，以及如何开发后期特效（如，夜视）等知识。 在每章的最后，你还将学习新的技术，包括提高着色器质...
屏幕后处理
枫叶林的专栏
06-09 1373
void OnRenderImage(RenderTexture src, RenderTexture dest){}//屏幕后处理函数 Graphics.Blit (src, dest,mat,pass);//屏幕后处理 src当前屏幕纹理 Graphics.DrawMesh(aMesh, Vector3.zero, Quaternion.identity, aMaterial, 0);//
Java视频特效处理(超全)/PC版美颜相机
Chester Cheung的博客
03-27 3644
前期get到了一波对指定图片进行处理的操作，但是整体看上去B格不是很高，而且有同学跟我反映说这个根本就没什么高级的，她用手机也一样能做到相同甚至更好的效果，对此我竟无言以对，所以这两天搞了一波更高级的骚操作，就是调用摄像头，对捕捉到的图像进行实时处理，在这个基础上产生不同的效果，这个拿手机应该是做不到的。 首先调用摄像头需要安装几个Java安装包，在这里把地址给大家： 链接：https://pan...
屏幕后处理特效
nie341的博客
05-14 1240
Unity Shader入门精要学习笔记
3.1多纹理化
FadeIn
02-16 3万+
3.1多纹理化       简单的说，多纹理化就是使用多个纹理贴图混合后进行渲染，如图3.1，渲染过程中，从纹理1和纹理2中分别采样，得到的颜色值依据一定规则进行组合得到纹理3，这就是多纹理化。图3.1
Unity--截取屏幕任意区域
Tan
01-14 3937
直接上代码：     using System.IO; void Update () { if(Input.GetKeyDown(KeyCode.A)) { StartCoroutine(getScreenTexture()); //unity 自带截屏，只能是截全屏 Application.CaptureSc
【UnityShader】shader基础关键字和算法
boyZhenGui的博客
02-15 1422
1.时间_Time _Time是float4类型， _Time.x表示当前时间 / 20， _Time.y表示当前时间， _Time.z表示当前时间 * 2， _Time.w表示当前时间 * 3;
Unity3D for VR 学习(11): 后期屏幕渲染特效(Image Effect)
Alasa_TT的博客
09-02 6951
在Unite ShangHai 2016 Keynote中，《Adam》的图形技术介绍，令人印象深刻：可以与电影效果相媲美、近乎次时代大作、好莱坞大片效果的3分钟实时渲染的短片，淋漓尽致的展现了unity 5.4的奋发图强，和对VR开发者的潜台词–“相信Unity 5.4，VR没错的。” 本文就Image Effect进行实践，所用版本是Unity 5.4.0b14 beta版本。  
场景中特效的一种处理方法
SHY不小心
03-20 992
目前项目的场景中有很多特效，虽然在视锥体外，并不进行渲染，但是仍会有ParticleSystem.Update()的相关消耗。 所以采取判断特效是否在视锥体内，来控制特效的显隐，降低CPU的消耗。 前提： 统一特效制作方式（节点相关） 1.      创建一个空物体，并命名SceneParticalSystem_XXX（eg.SceneParticalSystem_yinggu
ue4 小知识点 图片变灰 hlsl 材质 custom shader
opk8848的专栏
08-28 1403
float3 resColor = dot(color, float3(0.299, 0.587, 0.114)); return resColor;float3 resColor = dot(color, float3(0.299, 0.587, 0.114)); return resColor;
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值