【旧博客转移 - 2016年1月7日 00:24 】

前面的话

上一篇讲了一下人物边缘发光效果,链接: Unity-ShaderLab-实现X光效果,这次我们利用这个Shader来实现人物残影效果

先来看一下效果  →_→

大概的原理

  • 创建残影:拷贝人物当前Mesh数据作为残影,用MeshFilter+MeshRenderer渲染出来
  • 残影有生命周期、创建间隔:残影从创建到慢慢消失的过程,这里采用透明度淡出
  • 使用X光Shader
Mesh mesh = new Mesh ();
meshRender[i].BakeMesh(mesh);

BakeMesh拷贝网格


拷贝网格很简单,调用SkinnedMeshRenderer的BakeMesh方法

用MeshFilter跟MeshRenderer渲染网格

MeshFilter filter = go.AddComponent<MeshFilter>();
filter.mesh = mesh; MeshRenderer meshRen = go.AddComponent<MeshRenderer>(); meshRen.material = meshRender[i].material;
meshRen.material.shader = ghostShader;//设置xray效果

MeshFilter:网格过滤器用于从你的资源中获取网格信息(Mesh)并将其传递到用于将其渲染到屏幕的网格渲染器当中

MeshRenderer:但是想要渲染出网格,还需要用到MeshRenderer哦

完整代码

using UnityEngine;
using System.Collections;
using System.Collections.Generic; public class GhostShadow : MonoBehaviour {
//持续时间
public float duration = 2f;
//创建新残影间隔
public float interval = 0.1f; //边缘颜色强度
[Range(-, )]
public float Intension = ; //网格数据
SkinnedMeshRenderer[] meshRender; //X-ray
Shader ghostShader; void Start () {
//获取身上所有的Mesh
meshRender = this.gameObject.GetComponentsInChildren<SkinnedMeshRenderer> (); ghostShader = Shader.Find("lijia/Xray");
} private float lastTime = ; private Vector3 lastPos = Vector3.zero; void Update () {
//人物有位移才创建残影
if (lastPos == this.transform.position)
{
return;
}
lastPos = this.transform.position;
if(Time.time - lastTime < interval){//残影间隔时间
return;
}
lastTime = Time.time; if (meshRender == null)
return;
for (int i = ; i < meshRender.Length; i++) {
Mesh mesh = new Mesh ();
meshRender[i].BakeMesh(mesh); GameObject go = new GameObject();
go.hideFlags = HideFlags.HideAndDontSave; GhostItem item = go.AddComponent<GhostItem>();//控制残影消失
item.duration = duration;
item.deleteTime = Time.time + duration; MeshFilter filter = go.AddComponent<MeshFilter>();
filter.mesh = mesh; MeshRenderer meshRen = go.AddComponent<MeshRenderer>(); meshRen.material = meshRender[i].material;
meshRen.material.shader = ghostShader;//设置xray效果
meshRen.material.SetFloat("_Intension", Intension);//颜色强度传入shader中 go.transform.localScale = meshRender[i].transform.localScale;
go.transform.position = meshRender[i].transform.position;
go.transform.rotation = meshRender[i].transform.rotation; item.meshRenderer = meshRen;
}
}
}

GhostItem

using System;
using UnityEngine; public class GhostItem : MonoBehaviour
{
//持续时间
public float duration;
//销毁时间
public float deleteTime; public MeshRenderer meshRenderer; void Update(){
float tempTime = deleteTime - Time.time;
if (tempTime <= ) {//到时间就销毁
GameObject.Destroy (this.gameObject);
} else if(meshRenderer.material){
float rate = tempTime/duration;//计算生命周期的比例
Color cal = meshRenderer.material.GetColor("_RimColor");
cal.a *= rate;//设置透明通道
meshRenderer.material.SetColor("_RimColor", cal);
} }
}

最后的话

这篇就写完啦,这种实现方式的优点就是残影可以实时捕捉动作,比较动态。缺点是比较消耗性能,频繁创建网格,相当于要多渲染那么多个人物。

如果有好的的优化思路,欢迎在下面评论

Unity3D-Shader-人物残影效果的更多相关文章

  1. Unity3D手游开发日记(8) - 运动残影效果

    2D游戏的残影很简单,美术做序列帧图片就行了,那么3D游戏的残影美术做不了,得靠程序员动态创建模型来处理. 实现原理也很简单: 1.间隔一定时间创建一个残影模型 GameObject go = Gam ...

  2. cocos2dx - shader实现任意动画的残影效果

    本节主要讲利用cocos2dx机制实现opengl es shader脚本的绘制 这里先看下最终效果:                      这里分别实现了灰度效果及残影的效果. 一.绘制基类 这 ...

  3. as3如何做出残影效果

    在页游中,时不时能看到人物做一些快速移动动作如冲刺时,有残影效果,强化了画面表现.实际人肉眼之所以能看到残影的效果,是因为观察到的物体会在人视线中残留几十毫秒时间,当运动物体运动太快时,人肉眼所见未能 ...

  4. Unity3d 残影效果(狂拽炫酷叼炸天)

    效果图,真的很叼啊 我根据别人的改进了一版,支持MeshFilter上的Mesh(需要确保Mesh的Read/Write是开启的否则不能正常工作) 非常感谢原作者给提供思路.http://blog.c ...

  5. unity制作人物残影-绘制的方法

    这里是利用skinnedMeshRenderer原理做的 所以脚本需要挂在带这个组件的模型上 模型shader 必须要有个_Color参数属性,并且这个值可以调节颜色,会改变人物整体的透明度 [代码下 ...

  6. Unity3D Shader图像扭曲过场效果

    把脚本挂在摄像机上 using UnityEngine; using System.Collections; [RequireComponent(typeof(Camera))] public cla ...

  7. Unity Shader : Ghost(残影) v1

    前阵子组长给我提了个需求,要实现角色人物的残影.我百度google了一下,发现可以用两种方式实现这个效果:1.记录前几帧的人物位置,将其传入shader中,对每个位置进行一个pass渲染.2. 通过相 ...

  8. Unity运动残影技能

    残影实现: 1.List<DrawMesh> list,此list中包含某一帧动画模型网格.材质 2.每过一段时间就将运动物体的模型add到list中(优化:未实现,网格合并) 3.Lat ...

  9. 【译】Unity3D Shader 新手教程(6/6) —— 更好的卡通Shader

    本文为翻译,附上原文链接. 转载请注明出处--polobymulberry-博客园. 动机 如果你想了解以下几件事,我建议你阅读以下这篇教程: 想知道如何写一个multipass的toon shade ...

随机推荐

  1. 你对SpringMvc是如何理解的?

    SpringMVC工作原理 SpringMvc是基于过滤器对servlet进行了封装的一个框架,我们使用的时候就是在web.xml文件中配置DispatcherServlet类:SpringMvc工作 ...

  2. Scrapy的debug方式

    Scrapy不方便调试,但是为了深入学习框架内部的一些原理,有时候仅仅依靠日志是不够的.下面提供一种scrapy的debug方式 demo直接用来自官方例子来演示:https://github.com ...

  3. 设置Intellij IDEA 提示出未保存的*星号

    IDEA实乃是java开发的神器,然而从eclipse或者MyEclipse转过来的开发每写完一行代码总是习惯的按下ctrl+s,然而IDEA代码编辑器的上方并没有提示未保存的*星号,提示星星,所以觉 ...

  4. Canvas学习系列一:初识canvas

    最近你开始在学习canvas,打算把学习canvas的整个学习过程当中的一些笔记与总结记录下来,如有什么不足之处还请大神们多多指出. 1. 认识canvas Canvas元素的出现,可以说开启的Web ...

  5. vue-schart : vue.js 的图表组件

    介绍 vue-schart 是使用vue.js封装了sChart.js图表库的一个小组件.支持vue.js 1.x & 2.x 仓库地址:https://github.com/lin-xin/ ...

  6. easygen通用代码生成框架[开源]

    什么东东 用过mybatis的同学都知道,手工写mapper和xml是一件很痛苦的事儿,幸好官方提供了Mybatis-Generator,但是这家伙生成的东西不开放不方便修改,而且项目中的代码生成需求 ...

  7. Spring Security3详细配置

    Spring Security3详细配置 表名:RESOURCE 解释:资源表备注: 资源表 RESOURCE(资源表) 是否主键 字段名 字段描述 数据类型 长度 可空 约束 缺省值 备注 是 ID ...

  8. asp.net web api实现图片点击式图片验证码

    现在验证码的形式越来越丰富,今天要实现的是在点击图片中的文字来进行校验的验证码,如图 这种验证码验证是验证鼠标是否选中了图片中文字的位置,以及选择的顺序,产生验证码的时候可以提供一组底图,然后随机获取 ...

  9. PHPCMS V9 导航栏当前栏目高亮

    实际上这个东西可有可无,很多站点看似导航栏当鼠标指向后都会变化等高亮处理,一般都比较醒目,但是实质点击过去后,都还是只是刚才的样式,因为这些站点的导航栏都没有对当前选中栏目做CSS的指定变化处理. 该 ...

  10. 大话Python中*args和**kargs的使用

    对于初学者来说,看到*args和**kargs就头大,到底它们有何用处,怎么使用?这篇文章将为你揭开可变参数的神秘面纱 1.*args 实质就是将函数传入的参数,存储在元组类型的变量args当中 de ...