Unity 引擎做残影效果——2、屏幕后处理方式

Unity实现残影效果


  大家好,我是阿赵。
  这里继续介绍Unity里面做残影的方法。之前介绍了BakeMesh的方法做残影,这一期介绍的是用屏幕后处理的方法做残影。

一、原理

  之前的BakeMesh方法,是真的生成了很多个网格模型在场景里面。如果用后处理做,就没有这个过程。
在这里插入图片描述
在这里插入图片描述

  可以看到,虽然Game视图里面看到了残影,但实际上场景里面只有原理的一个角色的网格模型。
  其实用后处理做残影的方法非常的简单。首先复制一个和主摄像机一样的子摄像机,然后这个摄像机只看角色层,最后,给这个摄像机设置一个RenderTexture作为targetTexture。
在这里插入图片描述

  这样,我们就可以在主摄像机渲染完整的画面的同时,拿到了一个只有角色的RenderTexture。
  然后我们维护一个队列,这个队列保存着过去几帧里面的渲染角色的RenderTexture。至于需要保存多少帧,多久保存一帧,就看各位自己的需要了。
  得到了这个RenderTexture队列之后,剩下的事情就非常简单了。把这个队列传入到后处理的材质里面。
在这里插入图片描述

  这个时候,这几张RenderTexture实际上是下面这样的:
在这里插入图片描述

  后处理的Shader很简单,就是把这几张Texture按照先后顺序,用过不同的透明度去合成在一起:
在这里插入图片描述

  这样,残影的效果就做出来了。如果想修改残影的颜色,也是直接在后处理的时候,给残影的Texture乘以一个颜色就行了。

二、优缺点

1、优点

  对比起BakeMesh方法,这个后处理的方式,并不需要渲染多很多个角色的网格,只是需要多一个摄像机渲染多一次所有需要残影的角色而已。我们可以做一个优化,当某个角色需要做残影,就把它设置为专门的Layer,让这个残影摄像机能渲染到。平时没有需要残影的角色的时候,这个摄像机是什么都看不到。
  然后,场景里面就算有非常多的角色同时残影,最多也就是每个角色多渲染一次就够了,对于渲染方面的性能消耗还是很友好的。就是牺牲点内存,把这张RenderTexture复制并保存在内存里面。这个消耗我觉得并不是很大。
  如果想在这个基础上做其他效果,也是很轻松的,比如想对残影做模糊,或者Bloom,或者校色,其实就是对保存的这几张Texture做处理就行了,可以实现的效果非常多。

2、缺点

  由于是保存多张Texture作为合成残影的基础,所以究竟保存多少张合适,是一个问题。如果保存得少,那么残影的效果不是很明显,如果保存得多,内存的占用也会比较多。

三、代码

由于是Demo,所以写得比较简单一点,没有做优化,大家看个原理吧。

1、C#

using System.Collections;
using System.Collections.Generic;
using UnityEngine;public class MoveImageEffectCtrl : MonoBehaviour
{// Start is called before the first frame updateprivate List<Texture> rtList;public Camera subCam;public bool isMove = false;private Texture2D blackTex;public Material mat;public int spaceTime = 10;private int countTime = 0;private Vector3 oldPos;public GameObject role;void Start(){CreateBlackTexture();}// Update is called once per framevoid Update(){countTime++;if (countTime % spaceTime == 0){CheckMove();}}private void CheckMove(){if (Vector3.Distance(oldPos, role.transform.position) > 0){isMove = true;RenderTexture camTarget = subCam.targetTexture;RenderTexture rt = RenderTexture.GetTemporary(camTarget.width, camTarget.height);CopyRender(camTarget, rt);AddToRTList(rt);oldPos = role.transform.position;}else{isMove = false;}}private void CopyRender(RenderTexture source, RenderTexture destination){Graphics.Blit(source, destination);}private void CreateBlackTexture(){blackTex = new Texture2D(128, 128);for (int i = 0; i < 128; i++){for (int j = 0; j < 128; j++){blackTex.SetPixel(i, j, Color.clear);}}blackTex.Apply();}private void AddToRTList(Texture rt){if (rtList == null){rtList = new List<Texture>();}rtList.Add(rt);if (rtList.Count > 5){for (int i = 0; i < rtList.Count - 5; i++){Texture tex = rtList[0];rtList.RemoveAt(0);if (tex is RenderTexture){RenderTexture.ReleaseTemporary((RenderTexture)tex);}}}}private void SetTexToMat(){if (isMove == false){mat.SetFloat("_isMove", 0);}else{mat.SetFloat("_isMove", 1);for (int i = 0; i < 5; i++){string key = "_Tex" + (i + 1);Texture tex = GetTexById(i);mat.SetTexture(key, tex);}}}private Texture GetTexById(int id){if (rtList == null || rtList.Count <= id){return blackTex;}else{return rtList[id];}}private void OnRenderImage(RenderTexture source, RenderTexture destination){SetTexToMat();if(isMove){Graphics.Blit(source, destination, mat);}else{Graphics.Blit(source, destination);}}
}

2、Shader

Shader "Unlit/MoveEffectCom"
{Properties{_MainTex ("Texture", 2D) = "white" {}_Tex1("Tex1",2D) = "black"{}_Tex2("Tex2",2D) = "black"{}_Tex3("Tex3",2D) = "black"{}_Tex4("Tex4",2D) = "black"{}_Tex5("Tex5",2D) = "black"{}_isMove("isMove",Float) = 0}SubShader{Tags { "RenderType"="Opaque" }LOD 100Pass{CGPROGRAM#pragma vertex vert#pragma fragment frag#include "UnityCG.cginc"struct appdata{float4 vertex : POSITION;float2 uv : TEXCOORD0;};struct v2f{float2 uv : TEXCOORD0;float4 vertex : SV_POSITION;};sampler2D _MainTex;float4 _MainTex_ST;sampler2D _Tex1;sampler2D _Tex2;sampler2D _Tex3;sampler2D _Tex4;sampler2D _Tex5;float _isMove;v2f vert (appdata v){v2f o;o.vertex = UnityObjectToClipPos(v.vertex);o.uv = TRANSFORM_TEX(v.uv, _MainTex);UNITY_TRANSFER_FOG(o,o.vertex);return o;}half4 frag (v2f i) : SV_Target{// sample the texturehalf4 col = tex2D(_MainTex, i.uv);if (_isMove > 0){half4 addTex1 = tex2D(_Tex1, i.uv);half4 addTex2 = tex2D(_Tex2, i.uv);half4 addTex3 = tex2D(_Tex3, i.uv);half4 addTex4 = tex2D(_Tex4, i.uv);half4 addTex5 = tex2D(_Tex5, i.uv);half3 rgb = col.rgb + saturate(addTex1.rgb*addTex1.a*0.6f + addTex2.rgb*addTex2.a*0.5f + addTex3.rgb*addTex3.a*0.3f + addTex4.rgb*addTex4.a*0.2f + addTex5.rgb*addTex5.a*0.1f)*(1-col.a)*float3(1,0,0);rgb = saturate(rgb);col = half4(rgb, col.a);}return col;}ENDCG}}
}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/20173.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

day49-Springboot

Springboot 1. Springboot简介 1.1 简介&#xff1a;Springboot来简化Spring应用开发的一个框架&#xff0c;约定大于配置 1.2 优点&#xff1a; 可以快速的构建独立运行的Spring项目&#xff1b; 框架内有Servlet容器&#xff0c;无需依赖外部&#xff0c;所以不需要达成w…

正则匹配img标签里面src

正则&#xff1a; (?<src\s*\s*\")\S(?\"{1})匹配效果&#xff1a;

Ansible —— playbook 剧本

Ansible —— playbook 剧本 一、playbook的概述1.playbook简介2.什么是Ansible playbook剧本&#xff1f;3.Ansible playbook剧本的特点4.如何使用Ansible playbook剧本&#xff1f;5.playbooks 本身由以下各部分组成 二、playbook示例1.运行playbook2.定义、引用变量3.指定远…

HarmonyOS/OpenHarmony元服务开发-卡片使用动效能力

ArkTS卡片开放了使用动画效果的能力&#xff0c;支持显式动画、属性动画、组件内转场能力。需要注意的是&#xff0c;ArkTS卡片使用动画效果时具有以下限制&#xff1a; 以下示例代码实现了按钮旋转的动画效果&#xff1a; Entry Component struct AttrAnimationExample { St…

Vue axios + Vue使用

相对于原生的阿贾克斯&#xff0c;axios提供的方法使用起来会更加的简便&#xff0c;之前网络数据获取到了&#xff0c;如何和vue一起使用呢&#xff1f; 网络应用的核心就是data中的数据一部分是通过网络获取到的。所以在方法当中发起网络请求&#xff0c;在响应回来之后将服…

mac切换jdk版本

查询mac已有版本 1、打开终端&#xff0c;输入&#xff1a; /usr/libexec/java_home -V注意&#xff1a;输入命令参数区分大小写(必须是-V) 2.目前本地装有两个版本的jdk xxxxedydeMacBook-Pro-9 ~ % /usr/libexec/java_home -V Matching Java Virtual Machines (2):20.0.1 (…

【腾讯云Cloud Studio实战训练营】使用Cloud Studio迅捷开发一个3D家具个性化定制应用

目录 前言&#xff1a; 一、腾讯云 Cloud Studio介绍&#xff1a; 1、接近本地 IDE 的开发体验 2、多环境可选&#xff0c;或连接到云主机 3、随时分享预览效果 4、兼容 VSCode 插件 5、 AI代码助手 二、腾讯云Cloud Studio项目实践&#xff08;3D家具个性化定制应用&…

探索 GPTCache|GPT-4 将开启多模态 AI 时代,GPTCache + Milvus 带来省钱秘籍

世界正处于数字化的浪潮中&#xff0c;为了更好理解和分析大量数据&#xff0c;人们对于人工智能&#xff08;AI&#xff09;解决方案的需求呈爆炸式增长。 此前&#xff0c;OpenAI 推出基于 GPT-3.5 模型的智能对话机器人 ChatGPT&#xff0c;在自然语言处理&#xff08;NLP&a…

【MYSQL】MYSQL学习笔记【基础篇】【未完待续】

文章目录 MYSQL入门一、MYSQL概述1. 数据库相关概念1.1 数据库&#xff0c;数据库管理系统与SQL1.2 数据库种类以及主流数据库管理系统排名1.3 MySQL数据库安装1.4 数据模型 二、SQL2.1 通用语法与注释2.2 SQL分类2.3 图形化界面2.4 DDL2.4.1 数据库操作2.4.2 表操作2.4.2.1 表…

介绍一下JS垃圾回收机制

JavaScript中的垃圾回收机制负责自动管理内存&#xff0c;回收不再使用的对象所占用的内存空间。在JavaScript中&#xff0c;开发者不需要显式地分配和释放内存&#xff0c;垃圾回收器会自动完成这些操作。以下是关于JavaScript垃圾回收机制的一些关键概念&#xff1a; 内存生命…

c++中的vector

宏观定义&#xff1a; a sequence container that encapsulates dynamic size arrays. 与数组的区别&#xff1a; Vectors usually occupy more space than static arrays, because more memory is allocated to handle future growth. This way a vector does not need to re…

复制表格内容至剪切板(含数据转换)

// row--当前行&#xff1b;newColumns--表格列配置&#xff1b;menu:含code&#xff0c;根据code区分右键复制是否含表头 function copyDataToclipboard(row, newColumns, menu) {let copyRow ; // 最终粘贴板数据let title ; // 表头数据let rowData ; // 当前行数据const…

Linux下基于Dockerfile构建镜像应用(1)

目录 基于已有容器创建镜像 Dockerfile构建SSHD镜像 构建镜像 测试容器 可以登陆 Dockerfile构建httpd镜像 构建镜像 测试容器 Dockerfile构建nginx镜像 构建镜像 概述&#xff1a; Docker 镜像是Docker容器技术中的核心&#xff0c;也是应用打包构建发布的标准格式。…

云曦暑期学习第三周——ctfshow--php特性(89-104)

目录 web89 preg_match函数 、数组 web90 intval()函数、强比较 web91 正则修饰符 web92 intval()函数、弱比较 web93 八进制、小数点 web94 strpos() 函数、小数点 web95 小数点 web96 highlight_file() 下的目录路径 web97 数组 web98 三目运算符 web9…

chrome扩展在popup、background、content之间通信解决传输文件问题

文章目录 背景介绍案例介绍代码示例popup页面&#xff0c;上传文件页面popup页面&#xff0c;js上传代码&#xff0c;file文件转base64background监听消息&#xff0c;base64转file文件&#xff0c;axios上传 附-转base64后直接下载 背景介绍 示例扩展API版本MV2。 以弹…

关于Hive的使用技巧

前言 Hive是一个基于Hadoop的数据仓库基础架构&#xff0c;它提供了一种类SQL的查询语言&#xff0c;称为HiveQL&#xff0c;用于分析和处理大规模的结构化数据。 Hive的主要特点包括&#xff1a; 可扩展性&#xff1a;Hive可以处理大规模的数据&#xff0c;支持高性能的并行…

利用openTCS实现车辆调度系统(一)系统介绍

系统介绍 openTCS简介 官方的回答&#xff1a; openTCS&#xff08;开放式运输控制系统的缩写&#xff09;是一种免费的控制系统软件&#xff0c;用于协调自动导引车&#xff08;AGV&#xff09;和移动机器人车队&#xff0c;例如在生产工厂中。 通常应该可以控制任何具有通信…

在线思维导图怎么绘制?学学这几种绘制方法

在线思维导图怎么绘制&#xff1f;思维导图是一种非常有效的学习和工作工具&#xff0c;可以帮助我们更好地组织和呈现信息&#xff0c;提高学习效率和工作效率。而在线思维导图的出现&#xff0c;更是为我们的绘制带来了极大的便利。现在也有很多绘制思维导图的方法&#xff0…

android pdf框架,编译mupdf

因为mupdf编译的体积不小,之前也发过编译的文章,现在更新一下. 建一个mupdf_c目录,名字自己取,在里面git下载mupdf源码,把目录修改为libmupdf mupdf_c目录下建build.gradle文件,内容如下 apply plugin: com.android.library apply plugin: maven-publishgroup com.artifex.…

量子机器学习

量子机器学习(QML)是结合量子计算和机器学习的交叉领域&#xff0c;旨在利用量子计算的优势来改进机器学习算法的性能。下面是一些有关量子机器学习的学习资源和技术应用&#xff1a; 学术论文和研究资料&#xff1a; ArXiv.org&#xff1a;在ArXiv的量子物理和机器学习类别中&…