Unity后处理效果之边角压暗

本文实例为大家分享了Unity后处理效果之边角压暗的具体代码,供大家参考,具体内容如下

我使用的版本为2019.4.12(LTS)版本,项目是HDRP项目。

边角压暗效果的触发,可以按钮触发,也可以按键触发,按钮触发直接调用ButtonEvent()方法就好了。两种方式稍微有点差距,但不大。

首先先在项目里新建后处理的配置文件,方法如下:

然后随便创建一个空物体,挂上脚本DynamicVignette

脚本如下:

using System.Collections;
using UnityEngine;
using UnityEngine.Rendering;
using UnityEngine.Rendering.HighDefinition;

/*
 *
 * Writer:June
 *
 * Date: 2020.10.14
 *
 * Function:动态边角压暗效果
 *
 * Remarks:
 *
 */

/// <summary>
/// 挂载当前脚本的GameObject必须确保有Volume组件
/// </summary>
[RequireComponent(typeof(Volume))]
public class DynamicVignette : MonoBehaviour
{
 /// <summary>
 /// 后处理体积容器
 /// </summary>
 private Volume volume;
 /// <summary>
 /// 对应要修改的效果————>边角压暗效果
 /// </summary>
 private Vignette vignette;
 /// <summary>
 /// 是否成功获取边角压暗属性
 /// </summary>
 public bool IsGetAttribute { get; private set; }
 /// <summary>
 /// 动画播放需要的时间
 /// </summary>
 public float animtionTime;
 /// <summary>
 /// 强度范围
 /// </summary>
 [Range(0.1f, 1)]
 public float vignetteIntensity = 0.1f;
 /// <summary>
 /// 动画开关
 /// </summary>
 private bool isPlay = false;
 /// <summary>
 /// 计时器
 /// </summary>
 private float timer = 0;
 /// <summary>
 /// 每帧更新的强度总和(用于对边角压暗强度的赋值,并且每帧更新)
 /// </summary>
 private float frameIntensity = 0;
 /// <summary>
 /// 帧率
 /// </summary>
 [Range(10, 60)]
 public float frameRate = 60;

 private void Start()
 {
 //获取引用
 volume = GetComponent<Volume>();
 //从配置文件或配置表中获取属性 TryGet方法返回的是bool类型的
 IsGetAttribute = volume.profile.TryGet(out vignette);
 }

 private void Update()
 {
 if (Input.GetKeyDown(KeyCode.A))
 {
 //使用协程
 StartCoroutine(VignetteEffect());
 }
 }

 //经过测试,每秒执行51次,Update函数每秒执行次数不一定
 private void FixedUpdate()
 {
 //确保获取到了属性
 if (!IsGetAttribute) return;
 if (isPlay)
 {
 timer += Time.deltaTime;
 VignetteEffect(timer);
 }
 }

 /// <summary>
 /// 按钮触发
 /// </summary>
 public void ButtonEvent()
 {
 isPlay = true;
 }

 /// <summary>
 /// 边角压暗效果
 /// tips:注意intensity不可以直接赋值,intensity的类型不是float
 /// </summary>
 private void VignetteEffect(float currentTime)
 {
 //判断时间
 if (currentTime >= animtionTime / 2f)
 {
 //用 总时间的一半 * 帧率 = 在这段时间要更新的帧数,再用 规定的强度 / 总帧数 = 每帧更新的强度
 frameIntensity -= vignetteIntensity / (51 * animtionTime / 2f);
 vignette.intensity.value = frameIntensity;
 }
 else
 {
 frameIntensity += vignetteIntensity / (51 * animtionTime / 2f);
 vignette.intensity.value = frameIntensity;
 }
 //播放完成
 if (currentTime >= animtionTime)
 {
 isPlay = false;
 timer = 0;
 frameIntensity = 0;
 }
 }

 /// <summary>
 /// 边角压暗效果协程
 /// </summary>
 /// <returns></returns>
 IEnumerator VignetteEffect()
 {
 //从0->目标强度
 for (float i = 0; i <= vignetteIntensity; i+= vignetteIntensity / (frameRate * animtionTime / 2f))
 {
 vignette.intensity.value = i;
 //每0.02秒更新一帧
 yield return new WaitForSeconds(0.02f);
 }
 //从目标强度->0
 for (float i = vignetteIntensity; i >= 0; i -= vignetteIntensity / (frameRate * animtionTime / 2f))
 {
 vignette.intensity.value = i;
 yield return new WaitForSeconds(0.02f);
 }
 }
}

最后的效果:

2020.11.09更新

做了一些处理,不是通过时间来限制,而是用变化速度,以及一些小优化,外部只要直接调用TriggerEffect() ,就有边角压暗的渐变效果(可以用来做被敌人攻击的后,屏幕效果,不过有点大材小用了,哈哈,这里我只是做一个引申!)

using UnityEngine;
using UnityEngine.Rendering;
using UnityEngine.Rendering.HighDefinition;

/*
 *
 * Writer:June
 *
 * Date: 2020.11.09
 *
 * Function:控制后处理效果之边角压暗效果
 *
 * Remarks:
 *
 */

[RequireComponent(typeof(Volume))]
public class ControlPP_Vignette : MonoBehaviour
{
 /// <summary>
 /// 后期处理容器
 /// </summary>
 private Volume volume;
 /// <summary>
 /// 边角压暗效果
 /// </summary>
 private Vignette vignette;
 /// <summary>
 /// 是否成功获取边角压暗属性
 /// </summary>
 public bool IsGetAttribute { get; private set; }
 /// <summary>
 /// 显示/隐藏边角压暗
 /// </summary>
 private bool IsFadeIn, IsFadeOut;
 /// <summary>
 /// 压暗的变化速度
 /// </summary>
 [Header("压暗效果的变化速度"),Range(0.5f,5),SerializeField]
 private float fadeSpeed = 1f;
 /// <summary>
 /// 压暗强度最大值
 /// </summary>
 [Header("压暗强度最大值"), Range(0, 1),SerializeField]
 private float effectMax = 0.6f;
 /// <summary>
 /// 默认初始化颜色
 /// </summary>
 public Color defaultColor;

 private void Start()
 {
 //获取引用
 volume = GetComponent<Volume>();
 //默认关闭
 IsFadeIn = false;
 //从配置文件或配置表中获取属性 TryGet方法返回的是bool类型的
 IsGetAttribute = volume.profile.TryGet(out vignette);
 //如果没有获取到边角压暗效果,则创建边角压暗效果
 if (!IsGetAttribute) CreatVignetteEffect(defaultColor);
 }

 private void Update()
 {
 if (IsFadeIn)
 {
 vignette.intensity.value += fadeSpeed * Time.deltaTime;
 //判断是否达到目标,到达后设置为false
 IsFadeIn = vignette.intensity.value < effectMax;
 IsFadeOut = !IsFadeIn;
 }
 if (IsFadeOut)
 {
 vignette.intensity.value -= fadeSpeed * Time.deltaTime;
 IsFadeOut = vignette.intensity.value < effectMax;
 }
 }

 /// <summary>
 /// 触发边角压暗效果(提供给外部调用)
 /// </summary>
 public void TriggerEffect()
 {
 //先判断是否获取得到了边角压暗
 if (IsGetAttribute) IsFadeIn = true;
 }

 /// <summary>
 /// 创建边角压暗效果
 /// </summary>
 /// <param name="color">初始颜色</param>
 private void CreatVignetteEffect(Color color)
 {
 //将边角压暗效果添加到配置文件中 ture:将所有属性激活
 vignette = volume.profile.Add<Vignette>(true);
 //初始化颜色
 vignette.color.value = color;
 //初始化强度
 vignette.intensity.value = 0;
 //标记为获取到边角压暗
 IsGetAttribute = true;
 }
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • Unity shader实现多光源漫反射以及阴影

    本文实例为大家分享了shader实现多光源漫反射以及阴影的具体代码,供大家参考,具体内容如下 Shader "Unlit/MulLight" { Properties { _MainTex ("Texture", 2D) = "white" {} } SubShader { //一盏主灯 Pass { //Always: 总是渲染:没有光照模式. //ForwardBase: 适用于前渲染.环境.主要方向灯.光/sh光和烘焙图. //Forwar

  • Unity后处理效果之边角压暗

    本文实例为大家分享了Unity后处理效果之边角压暗的具体代码,供大家参考,具体内容如下 我使用的版本为2019.4.12(LTS)版本,项目是HDRP项目. 边角压暗效果的触发,可以按钮触发,也可以按键触发,按钮触发直接调用ButtonEvent()方法就好了.两种方式稍微有点差距,但不大. 首先先在项目里新建后处理的配置文件,方法如下: 然后随便创建一个空物体,挂上脚本DynamicVignette 脚本如下: using System.Collections; using UnityEngi

  • Unity Shader实现2D游戏迷雾

    本文实例为大家分享了Unity Shader实现2D游戏迷雾的具体代码,供大家参考,具体内容如下 先看效果吧. 我使用的是屏幕后处理效果,首先先去Photoshop做一张图片如下,用画笔点一个点就可以了,使用它来对摄像机截取的图片进行处理. 在摄像机上添加脚本文件 using System.Collections; using System.Collections.Generic; using UnityEngine; public class TestScript : MonoBehaviou

  • 游戏开发进阶Unity网格(Mesh\动态合批\骨骼动画\蒙皮)

    目录 一.前言 二.Hello Mesh 三.萌新初识Mesh 1.引擎内置的Mesh 2.Mesh是什么 三.Mesh的创建方式 1.第三方建模软件 2.Unity建模插件:ProBuilder 3.程序动态生成网格 四.Unity中如何显示网格 1.MeshFilter:网格过滤器 2.MeshRenderer:网格渲染器 3.SkinnedMeshRenderer:蒙皮网格渲染器 3.1 骨骼动画 3.2 SkinnedMeshRenderer组件 3.2 使用BakeMesh进行优化 五

  • Unity3D旧电视滤镜shader的实现示例

    实现思路 既然是要实现旧电视的后处理效果,那么只要回忆一下那些古旧的电视的显示效果然后进行模拟就可以了. 1.首先那种大头电视一般屏幕有一些曲率,并不是完全的一个平面,而且一般是向外凸起,这种凸起会造成中间的显示区域会比原来更近一些,边缘的显示区域会比原来更远一些.这种效果我们直接用简单的二次函数来实现. 2.那种老旧电视会有不断运动的噪声,我们直接使用噪声函数加上时间变量来实现. 3.屏幕上会有一些条纹效果,这种周期性的条纹效果一般用三角函数来实现. 当然不可能模拟的完全准确..也没有完全准确

  • Unity Shader实现黑幕过场效果

    本文实例为大家分享了Unity Shader实现黑幕过场效果的具体代码,供大家参考,具体内容如下 一.效果演示 二.实现 Shader:黑幕过场着色器 //黑幕过场着色器 Shader "Custom/BlackScreenSpread" { Properties { _Color("Main Color", Color) = (1,1,1,1) _MainTex("Base (RGB)", 2D) = "white" {}

  • Unity UGUI教程之实现滑页效果

    简介 项目需要...直接展示效果吧: 原理 使用UGUI提供的ScrollRect和ScrollBar组件实现基本滑动以及自己控制每次移动一页来达到滑页的效果. 实现过程 1.创建两个panel,上面的panel用于显示,下面的panel用于存放按钮 2.在TopPanel上添加ScrollRect脚本,用于滑动 3.在TopPanel下创建一个新的Panel,并在子Panel下拜访要显示的对象 4.将该子Panel设置为ScrollRect的活动对象 5.为ScrollRect添加Scroll

  • Unity shader实现遮罩效果

    本文实例为大家分享了Unity shader实现遮罩效果的具体代码,供大家参考,具体内容如下 效果: shader代码: Shader "Custom/Mask" { Properties { _MainTex ("Base (RGB)", 2D) = "white" {}//目标图片,即需要被遮罩的图片 _MaskLayer("Culling Mask",2D) = "white"{}//混合的图片,设置

  • Unity shader实现消融效果

    本文实例为大家分享了Unity shader实现消融效果的具体代码,供大家参考,具体内容如下 效果图: shader代码: // Upgrade NOTE: replaced 'mul(UNITY_MATRIX_MVP,*)' with 'UnityObjectToClipPos(*)' Shader "Custom/EdgeColo" { Properties { _MainTex ("Texture", 2D) = "white" {} _N

  • unity实现屏幕上写字效果

    本文实例为大家分享了unity实现屏幕上写字效果的具体代码,供大家参考,具体内容如下 先建立一个RawImage,然后再在这个图片上加个LineRenderer组件,再建个材质球,把材质球的Shader改成Particles/Additive,把材质球拖给LineRenderer组件的Materials/Element 0(不拖也可以),最后再把代码拖给空物体即可,代码的Target是RawImage,下面的代码 using System.Collections; using System.Co

  • Unity实现物体左右移动效果

    本文实例为大家分享了Unity实现物体左右移动效果的具体代码,供大家参考,具体内容如下 效果如下 代码: using UnityEngine; using System.Collections; //Add this script to the platform you want to move. //左右移动的平台 public class MovingPlatform : MonoBehaviour { //Platform movement speed.平台移动速度 public floa

随机推荐