NGUI具有流光效果的UISprite

【NGUI具有流光效果的UISprite】的更多相关文章

NGUI具有流光效果的UISprite

之前做过一个流光效果(http://www.cnblogs.com/jietian331/p/4748644.html). 现将其改进一下,与NGUI结合起来,提供一个具有流光效果的组件:UIWalkLightSprite. 效果如图: 首先是此组件的源码,如下: using System; using UnityEngine; /// <summary> /// 具有流光效果的 UISprite. /// 注意: /// 1. 流光图片需命名为"Special_WalkLight&…

NGUI制作流光效果

效果展示: 技巧: 1.勾选UIPanel下的Normal启用UI的法线贴图,并建立带有法线贴图的UI对象(此处用NGUI自带的Reflector.Atlas中的图作为UI). 2.建立点光源并为其添加Animation组件,编辑动画使之从带有法线贴图的UI一侧运动到另一侧 3.建立触发动画的方式,这里采用UI Play Animation组件来控制动画,触发事件为OnClick…

Unity3d流光效果

Material中纹理的属性都有Tiling和Offset,可以利用Offset做uv动画,从而完成各种有趣的动画,比如流光效果! 流过效果即通常一条高光光在物体上划过,模拟高光移动照射物体的效果,之前是使用Shader每帧传递一个Offset值,修改高光纹理采样的uv,从而达到其效果.这样的敝处在于需要自己实现Shader,简单的同一速度移动是很容易实现的,如果希望移动随度是变化的,则需要自己实现对速度曲线的解析(并传递给Shader)达到此目的. 没想到一直用来作位移动作,骨骼动作的Anim…

Unity3d之流光效果

所谓流光效果,如一个图片上一条刀光从左闪到右边,以下为实现代码: c#代码: using System; using UnityEngine; public class WalkLightEffect : MonoBehaviour { public Texture MainTex; public Texture LightTex; public float Duration; public float LightULen; public Vector2 Size; bool m_play; f…

Unity Shader 效果（1）：图片流光效果

很多游戏Logo中可以看到这种流光效果,一般的实现方案就是对带有光条的图片uv根据时间进行移动,然后和原图就行叠加实现,不过实现过程中稍稍有点需要注意的地方.之前考虑过风宇冲的实现方式,但是考虑到shader中太多的计算,还是放弃了. 基础版本 Shader "UICustom/ImageFlashEffect2" { Properties { _MainTex ("Main Texture", 2D) = "white" {} _LightTe…

今天写shader流光效果，shader代码少了个括号，unity shader compiler卡死且不提示原因

今天写shader流光效果,shader代码少了个括号,unity shader compiler卡死且不提示原因好在找到了原因,shader 代码如下,原理是提高经过的颜色亮度 void surf(Input IN, inout SurfaceOutputStandard o) { // Albedo comes from a texture tinted by color fixed2 scrolledUV = IN.uv_MainTex; fixed xScrollValue = 5 *…

css流光效果

css流光效果1: <!DOCTYPE html> <html> <head> <title>ww</title> </head> <style type="text/css"> /*CSS源代码*/ body{ background:#CFCFCF; } .image { position: relative; overflow:hidden; width: 300px; height: 450px;…

NGUI技能CD效果制作(sprite的type:filled)

一,我们先添加一个sprite,改名为skill.给当前skill添加图片,然后再sprite下添加一个sprite和一个label,结果如下二现在我们来设置skill下的sprite,给他设置一个纯色空白图片,然后将他的type选择为filled和coloer tint 选择为黑色,然后设置为半透明, coloer tint 点击打开下选择颜色框箭头区域为设置半透明重点最终结果显示设置为: 现在我们手动修改fill amount,可以看到黑色遮罩层360度减少,效果如下: 三,我们添加一…

unity 实现流光效果

1.通过一些简单效果可以让我们更好的去理解shader,具体都在代码注释中: Shader "Unlit/MoveLightImage" { Properties { //主纹理 _MainTex ("Texture", 2D) = "white" {} //灯光纹理 _LightTex("Light Texture",2D)="white"{} //遮罩纹理 _MaskTex("Mask Tex…

Unity之流光效果

效果如图: shader如下: Shader "Unlit/Walk light" { Properties { _MainTex ("Base (RGB), Alpha (A)", 2D) = "black" {} _LightTex ("Light", 2D) = "black" {} } SubShader { LOD Tags { "Queue" = "Transpar…