[旧博客转移 - 2016年1月7日 00:24 ] 前面的话 上一篇讲了一下人物边缘发光效果,链接: Unity-ShaderLab-实现X光效果,这次我们利用这个Shader来实现人物残影效果 先来看一下效果  →_→ 大概的原理 创建残影:拷贝人物当前Mesh数据作为残影,用MeshFilter+MeshRenderer渲染出来 残影有生命周期.创建间隔:残影从创建到慢慢消失的过程,这里采用透明度淡出 使用X光Shader Mesh mesh = new Mesh (); meshRend

本节主要讲利用cocos2dx机制实现opengl es shader脚本的绘制 这里先看下最终效果:                      这里分别实现了灰度效果及残影的效果. 一.绘制基类 这里主要参考了cocos2dx源码中 RenderTexture 的实现,有兴趣的可以了解下. 绘制基类RenderShader主要实现以下方法: //****************************************************************** // 文件名:

2D游戏的残影很简单,美术做序列帧图片就行了,那么3D游戏的残影美术做不了,得靠程序员动态创建模型来处理. 实现原理也很简单: 1.间隔一定时间创建一个残影模型 GameObject go = GameObject.Instantiate(origin, pos, dir) as GameObject; 2.对残影模型采用特殊的shader,要简单高效 public class MotionGhost { public GameObject m_GameObject; public List<M

在页游中,时不时能看到人物做一些快速移动动作如冲刺时,有残影效果,强化了画面表现.实际人肉眼之所以能看到残影的效果,是因为观察到的物体会在人视线中残留几十毫秒时间,当运动物体运动太快时,人肉眼所见未能跟上物体运动速度,视网膜仍然残留旧的物体影像,没有马上消失,物体已经移动到别的位置,就会产生残影效果. 实际游戏里物体的移动速度当然不可能这么快,但我们可以在通过让旧的物体影像“残留”更长一段时间,来做出残影效果. 具体做法: 用一张Bitmap专门draw运动物体,当物体移动时,并不把上一帧的bi

效果图,真的很叼啊 我根据别人的改进了一版,支持MeshFilter上的Mesh(需要确保Mesh的Read/Write是开启的否则不能正常工作) 非常感谢原作者给提供思路.http://blog.csdn.net/langresser_king/article/details/50976029 代码 using UnityEngine; using System.Collections; using System.Collections.Generic; //残影特效,支持Mesh和Skine

前阵子组长给我提了个需求,要实现角色人物的残影.我百度google了一下,发现可以用两种方式实现这个效果:1.记录前几帧的人物位置,将其传入shader中,对每个位置进行一个pass渲染.2. 通过相机的targetRender,记录前几帧的人物的影像,然后通过后处理混合上去. 这里先介绍方法1,先看效果: 残影用了alpha混合的方法,将它们变得透明. 先列出shader代码: Shader "Custom/Ghost" { Properties { _MainTex ("

残影实现: 1.List<DrawMesh> list,此list中包含某一帧动画模型网格.材质 2.每过一段时间就将运动物体的模型add到list中(优化:未实现,网格合并) 3.LateUpdate里将list中所有模型材质alpha减少,为0,则remove:其余的模型 DrawMesh 技能实现: 技能为两部分,前一部分是运动残影,后一部分是落地爆炸,协程处理即可. ps 此例简单实现了这个技能,不过应该能够做的更好一些,就是给运动物体添加状态:空中.即将落地,需要维护这两个状态,并且

残影特效在网上有很多例子,比如这个,我参考着自己整合了一下,算是整合了一个比较完整且特别简单易用的出来,只需要一个脚本挂上去无需任何设定就能用. 这里只针对SkinnedMeshRenderer的网格(也就是带蒙皮的网格)残影,主要原理是根据设定的间隔时间连续的截取当前SkinnedMeshRenderer的网格数据并使用Graphics.DrawMesh画出网格. 一.首先是我们的残影类,为了能及时的Destroy,所以它最好派生至Object: class AfterImage : Obje

摘要: 用Photoshop制作gif动画的要点:在窗口菜单中找到“时间轴”选中打开时间轴,单击一帧,设置该帧显示持续时间在图层里将该帧要显示的图层显示,并将不该显示的层隐藏,新建一帧,接下来就是重复劳动了.最后在文件菜单里找到存储为Web所用的格式,设置一下存储选项即可. 透明背景制作方法有二:一是删除每层的背景,这种方法应该算是通用的方法.二是在存储时在颜色表中选择设为透明色的颜色,在颜色表下方有个将选中的颜色映射为透明色的按钮,点一下就行了,这个方法应该是适合背景色是纯色,并且是主体没有的

用户升级到Win7系统后使用正常,就是系统桌面会留有残影,怎么样也去不掉,影响用户的使用,那么要如何将这些残影去掉呢?可从计算机属性中进行相关配置. 解决方法 一.在计算机面板上,右键点击“计算机”,然后选择“属性”,打开系统面板. 二.在属性面板上点击“高级系统设置”,然后在打开的系统属性面板上切换至“高级”选项卡中,再点击性能处“设置”按钮. 三.接着在性能选项窗口上,取消勾选“在单击后淡出菜单”,然后点击应用和确定按钮保存. 上面就是Win7去除桌面残影的方法介绍了,正常情况下升级系统是不

Problem Description 在美丽的HDU,有一名大三的同学,他的速度是众所周知的,跑100米仅仅用了2秒47,在他跑步过程中会留下残影的哎,大家很想知道他是谁了吧,他叫仙人球,既然名字这样了,于是他的思想是单一的,他总是喜欢从一点出发,经过3次转折(每次向右转90°),回到出发点,而且呢,他每次转折前总是跑相同长度的路程,所以很多人都想知道如果用'1'算他跑步出发的第一个残影的话,那么回到起点的时候,他的残影是怎么样的呢?   Input 测试数据有多行,每一行为一个数N(1<=N

Firefox滚动残影   Firefox滚动残影这文章放在草稿箱有一阵子了,之前的3系列都有这BUG,当正想发表这文章的时候,和我沟通刚刚升级的FF4已修复此BUG,所以搁置一阵在考虑到这文章还有没有价值,既然写了还是发吧,就当撑撑场面.相信FF3~4版本之间也需要一些时间做过渡,希望对各位还有用. 这BUG算是老问题,困扰我很长一段时间,最近做项目又遇上但总算找到办法把它解决了.这BUG的表现是:当在CSS编写 position:fixed;属性值后,拖动滚动条会出现内容被切割出现分离的情况

Shader食谱 Chapter3--Toonshader卡通效果 unity shader toon 卡通Shader  Shader食谱 Chapter3--Toonshader卡通效果 OverView toon shader是游戏中比较常用的效果之一,尤其在二次元游戏中为了模拟角色在动画中手绘的效果.它是一种非真实的渲染技术,可以让3D角色显得平软很多.Toon效果实现过程主要是将大片光照接近的区域归到接近的步长,比如光照00.2全都为0,0.20.4全都视为0.2...这里主要通过两种

说明:在 Wndows 显示时,有时控件左方会显示一条虚线 适用:Firemonkey Windows (Berlin 或更高版) 修正方法: 请将源码 FMX.Canvas.D2D.pas 复制到自己的工程目录里,再进行修改. procedure TCanvasD2D.SetClipRects(const ARects: array of TRectF); ...略... to High(ARects) do begin R := ARects[I]; {+++>}InflateRect(R,

pixijs shader 贴图溶解效果教程 我直接贴代码了 没什么好讲解了 稍微有点基础的人应该能看懂 const app = new PIXI.Application({ transparent: true }); document.body.appendChild(app.view); // Create background image const background = PIXI.Sprite.from('/moban/bg_grass.jpg'); background.width

不久前做了六边形马赛克的效果,很有意思,乘热打铁,弄了个三角形马赛克. 首先肯定是等边三角形,这样才能真正的无缝拼接.观察发现,三角形可以拼接成之前做个的六边形. 如下图: 我们可以发现6个三角形正好组成了一个六边形. 我们要判断一个点属于哪个三角形,必须先判断它属于那个六边形,这个在之前的博文中已经提到了. OK,我们知道在那个六边形了,也就是我们知道了上面O点的坐标.我们开始想怎么判断它在哪个三角形. 嗯,我想大家都能想到,根据点与中心点O的夹角判断在那个三角形,调用atan就OK了: fl

将物体描一层边可以使游戏看起来具有卡通风格,一种简单的实现方法如下: 将物体渲染2次,即使用2个通道. 第一个通道将顶点沿法线(或中心点到顶点的方向)做一个偏移,即将模型扩大一点,并将颜色渲染成轮廓的颜色. 第二个通道正常渲染物体. 转载请注明出处:http://www.cnblogs.com/jietian331/p/7814894.html 效果如下: shader如下: Shader "Custom/Study/Simple Outline" { Properties { _Ma

原创,转载请标明出处 1.效果 scene视图中的效果: game视图中效果: 2.核心思想:改变UI的顶点坐标 3.好处:可以用正交相机来实现3D效果. 4.Shader 实现 // Unity built-in shader source. Copyright (c) 2016 Unity Technologies. MIT license (see license.txt) Shader "UI/UI3DEffects" { Properties { [PerRendererDa

const app = new PIXI.Application({ transparent: true }); document.body.appendChild(app.view); // Create background image const background = PIXI.Sprite.from('/moban/bg_grass.jpg'); background.width = app.screen.width; background.height = app.screen.h

如U3D中Hierarchy面板下的搜索效果: 讲解分析: 1.这种PostEffect效果其实就是指Unity shader的后处理,即游戏中实现屏幕特效的常见方法.顾名思义屏幕后处理就是指在渲染完整个场景得到屏幕图像后,再对这个图像进行一系列操作,实现各种屏幕特效. 2.要实现这种屏幕后处理的基础在于得到渲染后的屏幕图像,即抓取屏幕,Unity中提供给我们一个方便接口——OnRenderImage函数. 3.OnRenderImage函数定义为MonoBehaviour.OnRenderIm