unity 实现流光效果

1.通过一些简单效果可以让我们更好的去理解shader，具体都在代码注释中:

Shader "Unlit/MoveLightImage"
{Properties{//主纹理_MainTex ("Texture", 2D) = "white" {}//灯光纹理_LightTex("Light Texture",2D)="white"{}//遮罩纹理_MaskTex("Mask Texture",2D)="white"{}}SubShader{Tags {"Queue"="Transparent" "RenderType"="Transparent" }LOD 100//透明混合Blend SrcAlpha OneMinusSrcAlphaPass{CGPROGRAM#pragma vertex vert#pragma fragment frag// make fog work#pragma multi_compile_fog#include "UnityCG.cginc"struct appdata{float4 vertex : POSITION;float2 uv : TEXCOORD0;};struct v2f{float2 uv : TEXCOORD0;UNITY_FOG_COORDS(1)float4 vertex : SV_POSITION;};sampler2D _MainTex;float4 _MainTex_ST;sampler2D _LightTex;sampler2D _MaskTex;fixed4 _Color;v2f vert (appdata v){v2f o;o.vertex = mul(UNITY_MATRIX_MVP, v.vertex);o.uv = TRANSFORM_TEX(v.uv, _MainTex);UNITY_TRANSFER_FOG(o,o.vertex);return o;}fixed4 frag (v2f i) : SV_Target{//灯光贴图 取一半UVfloat2 uv=i.uv*0.5;//不断改变uv的x轴，让他往x轴方向移动,_Time为shader的时间函数，会一直执行uv.x+=-_Time.y*0.4;//取灯光贴图的alpha值,黑色为0，白色为1 fixed lightTexA=tex2D(_LightTex,uv).a;//获取遮罩贴图的alpha值，黑色为0，白色为1 这里的uv和上面的uv是调用的不一样的函数fixed maskA=tex2D(_MaskTex,i.uv).a;//主纹理+灯光贴图*遮罩贴图 简单原理任何数*0为0   这样就避免了遮罩外出现不协调灯光贴图fixed4 col = tex2D(_MainTex, i.uv)+lightTexA*maskA*0.6;// apply fogUNITY_APPLY_FOG(i.fogCoord, col);               return col;}ENDCG}}
}

2.材质参数:

3.效果展示

unity 实现流光效果相关推荐

Unity之流光效果
效果如图: shader如下: Shader "Unlit/Walk light" {Properties{_MainTex ("Base (RGB), Alpha (A ...
Unity Shader学习案例一：流光效果
Unity Shader Lab新手宝典简单Shader案例一:流光效果 + 相关基础知识说明 Shader "Samples/Light Flow"//shader名称 {Pro ...
Unity Shader-边缘检测效果（基于颜色，基于深度法线，边缘流光效果，转场效果）
前言周末通关了一个小游戏,流程很短,6个小时左右就通关,但是游戏的画风,视角,玩法都比较新奇,对了,游戏的名字也很奇特<12 Is Better Than 6>(12比6好是有什么梗吗? ...
Unity之ASE实现UI流光效果
前言之前我们做过UV流动的效果,今天我们来做一个用于UI界面的特效–UI流光效果,先看下效果如下: 实现步骤 1.创建一个Legacy/Default UI的Shader,这是专门用于UI的shad ...
初识Unity Shader 流光闪烁效果
初识Unity Shader 流光闪烁效果 // An highlighted block Shader "Custom/mistake" {Properties {_node_1 ...
html流光按钮,【CSS】css实现流光效果-按钮流光显示效果-自发光
[CSS]css实现流光效果-按钮流光显示效果-自发光 [CSS]css实现流光效果-按钮流光显示效果-自发光废话不多说,直接上代码 Streamer * { padding: 0; margin: ...
unity 条目换位效果_Unity AI主题博客条目
unity 条目换位效果 Welcome to the first of Unity's new AI-themed blog entries! We have set up this space a ...
Unity 实现贴花效果的制作教程
c#教程https://www.cnblogs.com/Yesi/p/15829200.html 有些游戏中的战斗痕迹的效果会通过贴花来实现的,贴花的方式多种多样.而在Unity中,有一种给官方 ...
unity气流模拟效果
机房气流模拟效果参考效果展示: 资源链接:unity气流模拟效果-Unity3D文档类资源-CSDN下载
threejs：流光效果封装
在网上看到的这种流光效果,在某宝买了源码后,决定把这个效果封装成js文件,以后用起来就很方便了. flyCurve.js文件代码如下: import * as THREE from 'three' v ...

unity 实现流光效果

unity 实现流光效果相关推荐

最新文章

热门文章