Unity Shader · 科技感矩阵效果

30 篇文章 7 订阅
22 篇文章 4 订阅

Unity Shader · 科技感矩阵效果

前言

最近想要做一个次世代卡通渲染(伪),选的是崩崩崩的小八(我最喜欢小八了)。
先放几张截图,等全部做完之后再分享用到的一些技术叭。

在这里插入图片描述在这里插入图片描述
在这里插入图片描述
赶紧做完发B站,等到1.10号贺甲大佬一发直接没人看了。°----°
既然做崩坏三,那舞台肯定选用科技一点的,那就进入今天的主题如何用Unity Shader实现一个科技感矩阵效果。

效果截图

在这里插入图片描述

ASE连线图

在这里插入图片描述
这一部分是方块上下突起的实现,获取一个Player坐标然后oneMinus一下,为了让这个面积再大一点,再使用一个Power,然后在除以一个0.7来让它对比更强一点,下面就是uv流动然后乘上一个噪声图,一相加ok。
在这里插入图片描述
下面一块通过高度来分别给线框上个HDR色,然后和上图的除完的点作个Lerp。

Shader源码

上代码,里面的节点都重新命名了一下,不然太不好看懂了。

Shader "Kirk/Wave"
{
	Properties
	{
		_depth("depth", Range( 0 , 4)) = 0
		_Power("Power", Range( 1 , 150)) = 20
		_xPos("_xPos", Float) = 0.5
		_zPos("_zPos", Float) = 0.5
		_Speed("Speed", Range( 0 , 1)) = 0.2
		_Noise("Noise", 2D) = "white" {}
		[HDR]_LineColor1("LineColor1", Color) = (0,0,0,0)
		_Tex1("Tex1", 2D) = "white" {}
		_Tex2("Tex2", 2D) = "white" {}
		[HDR]_LineColor2("LineColor2", Color) = (0,2.400987,2.639016,0)
		[HideInInspector] _texcoord2( "", 2D ) = "white" {}
		[HideInInspector] _texcoord( "", 2D ) = "white" {}
		[HideInInspector] __dirty( "", Int ) = 1
	}

	SubShader
	{
		Tags{ "RenderType" = "Opaque"  "Queue" = "Geometry+0" "IgnoreProjector" = "True" "IsEmissive" = "true"  }
		Cull Back
		CGPROGRAM
		#include "UnityShaderVariables.cginc"
		#pragma target 3.0
		#pragma surface surf Standard keepalpha addshadow fullforwardshadows vertex:vertexDataFunc 
		struct Input
		{
			float2 uv2_texcoord2;
			float2 uv_texcoord;
		};

		uniform float _depth;
		uniform float _xPos;
		uniform float _zPos;
		uniform float _Power;
		uniform sampler2D _Noise;
		uniform float _Speed;
		uniform float4 _LineColor1;
		uniform sampler2D _Tex1;
		uniform sampler2D _Tex2;
		uniform float4 _LineColor2;

		void vertexDataFunc( inout appdata_full v, out Input o )
		{
			UNITY_INITIALIZE_OUTPUT( Input, o );
			float3 appendDepth = (float3(float2( 0,0 ) , _depth));
			float2 aimPos = (float2(_xPos , _zPos));
			float clampFirst = clamp( distance( aimPos , v.texcoord.xy ) , 0.0 , 1.0 );
			float moveArea = ( pow( ( 1.0 - clampFirst ) , _Power ) / 0.07 );
			float2 imgMove = (float2(( _Speed * _Time.y ) , 0.0));
			float2 uvTex = v.texcoord.xy + imgMove;
			float4 temp_cast_1 = (0.0).xxxx;
			float4 temp_cast_2 = (1.0).xxxx;
			float4 temp_cast_3 = (0.0).xxxx;
			float4 temp_cast_4 = (0.7).xxxx;
			float4 clampSecond = clamp( ( moveArea + (temp_cast_3 + (tex2Dlod( _Noise, float4( uvTex, 0, 0.0) ) - temp_cast_1) * (temp_cast_4 - temp_cast_3) / (temp_cast_2 - temp_cast_1)) ) , float4( 0,0,0,0 ) , float4( 1,1,1,0 ) );
			v.vertex.xyz += ( float4( appendDepth , 0.0 ) * clampSecond ).rgb;
		}

		void surf( Input i , inout SurfaceOutputStandard o )
		{
			float4 Texture1 = tex2D( _Tex1, i.uv2_texcoord2 );
			float4 Texture2 = tex2D( _Tex2, i.uv2_texcoord2 );
			float2 aimPos = (float2(_xPos , _zPos));
			float clampFirst = clamp( distance( aimPos , i.uv_texcoord ) , 0.0 , 1.0 );
			float moveArea = ( pow( ( 1.0 - clampFirst ) , _Power ) / 0.07 );
			float4 lerpResult = lerp( ( ( _LineColor1 * Texture1 ) + ( _LineColor1 * Texture2 ) ) , ( ( Texture1 * _LineColor2 ) + ( Texture2 * _LineColor2 ) ) , moveArea);
			o.Emission = lerpResult.rgb;
			o.Alpha = 1;
		}

		ENDCG
	}
	Fallback "Diffuse"
	CustomEditor "Kirk"
}

  • 6
    点赞
  • 30
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值