技术标签: 电视故障 信号干扰 Shader 崩坏 电视扭曲
最近做的项目是二次元,二次元的标杆就是崩坏3,效果真的好
学习崩坏3里面shader最好的方法就是看源码
可以AssetStudio来看资源,因为崩坏3资源是没有加密直接可以看
不过shader源码是已经编译好的,其实大概算法都在
我已经研究角色身上的shader,这个有空写博客,用到顶点绘制的工具来填充颜色来处理阴影
之前搞个一个类似信号干扰
https://blog.csdn.net/SnoopyNa2Co3/article/details/84673736
下面效果
我看了一下没有特别的算法,那个噪音的都是经验公式,了解的话可以自行搜索一下
下面是编译过的shader
Shader "miHoYo/UI/Image TV Distortion" {
Properties {
_MainTex ("Sprite Texture", 2D) = "white" { }
_Color ("Tint", Color) = (1,1,1,1)
_StencilComp ("Stencil Comparison", Float) = 8
_Stencil ("Stencil ID", Float) = 0
_StencilOp ("Stencil Operation", Float) = 0
_StencilWriteMask ("Stencil Write Mask", Float) = 255
_StencilReadMask ("Stencil Read Mask", Float) = 255
_ColorMask ("Color Mask", Float) = 15
_BackgroundColor ("Barckground Color (RGBA)", Color) = (0,0,0,1)
_AdjustColor ("Adjust Color (RGB)", Color) = (0,0,0,1)
_DistortionTex ("Distortion Tex (RG)", 2D) = "gray" { }
_DistortionFrequency ("Distortion Frequency", Float) = 1
_DistortionAmplitude ("Distortion Amplitude", Range(0, 1)) = 1
_DistortionAnmSpeed ("Distortion Animation Speed", Float) = 1
_ColorScatterStrength ("Color Scatter Strength", Range(-0.1, 0.1)) = 0.01
_NoiseTex ("Noise Tex (RGB)", 2D) = "black" { }
_NoiseAnmSpeed ("Noise Animation Speed", Float) = 1
_NoiseStrength ("Noise Strength", Float) = 1
_BloomFactor ("Bloom Factor", Float) = 1
[Toggle(RECT_MASK)] _RectMask ("Rect Mask", Float) = 0
_RMRect ("Rect Mask Rect", Vector) = (0,0,1,1)
_RMTransitWidth ("Rect Mask Transit Width", Vector) = (0,0,0,0)
}
SubShader {
Tags { "CanUseSpriteAtlas" = "true" "IGNOREPROJECTOR" = "true" "PreviewType" = "Plane" "QUEUE" = "Transparent+1" "RenderType" = "Transparent" }
Pass {
Tags { "CanUseSpriteAtlas" = "true" "IGNOREPROJECTOR" = "true" "PreviewType" = "Plane" "QUEUE" = "Transparent+1" "RenderType" = "Transparent" }
ZClip Off
ZTest Off
ZWrite Off
Cull Off
GpuProgramID 59740
Program "vp" {
SubProgram "gles hw_tier00 " {
"#version 100
#ifdef VERTEX
attribute vec4 _glesVertex;
attribute vec4 _glesColor;
attribute vec4 _glesMultiTexCoord0;
uniform highp vec4 _Time;
uniform highp vec4 _SinTime;
uniform highp vec4 _CosTime;
uniform highp mat4 unity_ObjectToWorld;
uniform highp mat4 unity_MatrixVP;
uniform mediump float _DistortionFrequency;
uniform mediump float _DistortionAnmSpeed;
uniform highp vec4 _NoiseTex_ST;
uniform highp float _NoiseAnmSpeed;
uniform lowp vec4 _Color;
varying lowp vec4 xlv_COLOR;
varying mediump vec2 xlv_TEXCOORD0;
varying mediump vec2 xlv_TEXCOORD1;
varying mediump vec2 xlv_TEXCOORD2;
void main ()
{
highp vec2 tmpvar_1;
tmpvar_1 = _glesMultiTexCoord0.xy;
lowp vec4 tmpvar_2;
mediump vec2 tmpvar_3;
mediump vec2 tmpvar_4;
mediump vec2 tmpvar_5;
highp vec4 tmpvar_6;
tmpvar_6.w = 1.0;
tmpvar_6.xyz = _glesVertex.xyz;
tmpvar_3 = tmpvar_1;
highp vec2 tmpvar_7;
tmpvar_7.x = (_Time.y * _DistortionAnmSpeed);
tmpvar_7.y = (_glesMultiTexCoord0.y * _DistortionFrequency);
tmpvar_4 = tmpvar_7;
tmpvar_5 = ((_glesMultiTexCoord0.xy * _NoiseTex_ST.xy) + _NoiseTex_ST.zw);
highp vec3 tmpvar_8;
tmpvar_8 = fract((sin(
(_SinTime.w * vec3(12.9898, 78.233, 45.5432))
) * 43758.55));
highp vec3 tmpvar_9;
tmpvar_9 = fract((sin(
(_CosTime.x * vec3(12.9898, 78.233, 45.5432))
) * 43758.55));
tmpvar_5.x = (tmpvar_5.x + ((tmpvar_8.x + tmpvar_9.x) * _NoiseAnmSpeed));
highp vec3 tmpvar_10;
tmpvar_10 = fract((sin(
(_SinTime.x * vec3(12.9898, 78.233, 45.5432))
) * 43758.55));
highp vec3 tmpvar_11;
tmpvar_11 = fract((sin(
(_CosTime.w * vec3(12.9898, 78.233, 45.5432))
) * 43758.55));
tmpvar_5.y = (tmpvar_5.y + ((tmpvar_10.x + tmpvar_11.x) * _NoiseAnmSpeed));
tmpvar_2 = (_glesColor * _Color);
gl_Position = (unity_MatrixVP * (unity_ObjectToWorld * tmpvar_6));
xlv_COLOR = tmpvar_2;
xlv_TEXCOORD0 = tmpvar_3;
xlv_TEXCOORD1 = tmpvar_4;
xlv_TEXCOORD2 = tmpvar_5;
}
#endif
#ifdef FRAGMENT
uniform mediump vec4 _BackgroundColor;
uniform mediump vec3 _AdjustColor;
uniform sampler2D _DistortionTex;
uniform mediump float _DistortionAmplitude;
uniform mediump float _ColorScatterStrength;
uniform sampler2D _NoiseTex;
uniform mediump float _NoiseStrength;
uniform sampler2D _MainTex;
varying lowp vec4 xlv_COLOR;
varying mediump vec2 xlv_TEXCOORD0;
varying mediump vec2 xlv_TEXCOORD1;
varying mediump vec2 xlv_TEXCOORD2;
void main ()
{
lowp vec4 tmpvar_1;
mediump vec4 color_2;
mediump float offset_3;
lowp float tmpvar_4;
tmpvar_4 = (texture2D (_DistortionTex, xlv_TEXCOORD1) - 0.498).x;
offset_3 = tmpvar_4;
offset_3 = (offset_3 * _DistortionAmplitude);
color_2.yz = vec2(0.0, 0.0);
mediump vec2 tmpvar_5;
tmpvar_5.y = 0.0;
tmpvar_5.x = _ColorScatterStrength;
lowp vec4 tmpvar_6;
mediump vec2 P_7;
P_7 = ((xlv_TEXCOORD0 + offset_3) + tmpvar_5);
tmpvar_6 = texture2D (_MainTex, P_7);
color_2.xw = tmpvar_6.xw;
lowp vec4 tmpvar_8;
mediump vec2 P_9;
P_9 = (xlv_TEXCOORD0 + offset_3);
tmpvar_8 = texture2D (_MainTex, P_9);
color_2.yw = (color_2.yw + tmpvar_8.yw);
mediump vec2 tmpvar_10;
tmpvar_10.y = 0.0;
tmpvar_10.x = _ColorScatterStrength;
lowp vec4 tmpvar_11;
mediump vec2 P_12;
P_12 = ((xlv_TEXCOORD0 + offset_3) - tmpvar_10);
tmpvar_11 = texture2D (_MainTex, P_12);
color_2.zw = (color_2.zw + tmpvar_11.zw);
color_2.xyz = (color_2.xyz * xlv_COLOR.xyz);
color_2.w = clamp (color_2.w, 0.0, 1.0);
mediump vec4 tmpvar_13;
if ((color_2.w < 0.5)) {
tmpvar_13 = _BackgroundColor;
} else {
tmpvar_13 = color_2;
};
color_2.w = tmpvar_13.w;
color_2.xyz = (1.0 - ((1.0 - tmpvar_13.xyz) * (1.0 - _AdjustColor)));
lowp vec4 tmpvar_14;
tmpvar_14 = texture2D (_NoiseTex, xlv_TEXCOORD2);
color_2.xyz = (1.0 - ((1.0 - color_2.xyz) * (1.0 -
(tmpvar_14 * _NoiseStrength)
.xyz)));
tmpvar_1 = color_2;
gl_FragData[0] = tmpvar_1;
}
就不多说如果会shader应该会翻译上面的shader,就直接放出来,里面有一些注释方便学习
下面直接放我根据上面源码实现的unity shader
Shader "Custom/TVDistortion"
{
Properties
{
_MainTex("Sprite Texture", 2D) = "white" { }
_Color("Tint", Color) = (1,1,1,1)
_BackgroundColor("Barckground Color (RGBA)", Color) = (0,0,0,1)
_AdjustColor("Adjust Color (RGB)", Color) = (0,0,0,1)
_DistortionTex("Distortion Tex (RG)", 2D) = "gray" { }
_DistortionFrequency("Distortion Frequency", Float) = 1
_DistortionAmplitude("Distortion Amplitude", Range(0, 1)) = 1
_DistortionAnmSpeed("Distortion Animation Speed", Float) = 1
_ColorScatterStrength("Color Scatter Strength", Range(-0.1, 0.1)) = 0.01
_NoiseTex("Noise Tex (RGB)", 2D) = "black" { }
_NoiseAnmSpeed("Noise Animation Speed", Float) = 1
_NoiseStrength("Noise Strength", Float) = 1
}
SubShader
{
Pass
{
ZTest Always Cull Off ZWrite Off
CGPROGRAM
#pragma vertex vert
#pragma fragment frag
#pragma target 3.0
#pragma multi_compile_fog
#include "UnityCG.cginc"
struct appdata
{
float4 vertex : POSITION;
float2 uv : TEXCOORD0;
};
struct v2f
{
float4 uv : TEXCOORD0;
float4 Color : COLOR;
float4 Distortion_UV : TEXCOORD1;
float4 Noise_UV : TEXCOORD2;
UNITY_FOG_COORDS(1)
float4 vertex : SV_POSITION;
};
sampler2D _MainTex;
float4 _MainTex_ST;
float4 _Color;
float4 _BackgroundColor;
float4 _AdjustColor;
sampler2D _DistortionTex;
float _DistortionFrequency;
float _DistortionAmplitude;
float _DistortionAnmSpeed;
float _ColorScatterStrength;
sampler2D _NoiseTex;
float4 _NoiseTex_ST;
float _NoiseAnmSpeed;
float _NoiseStrength;
v2f vert(appdata v)
{
v2f o;
o.uv.xy = v.uv.xy;
o.vertex = UnityObjectToClipPos(v.vertex);
float4 distortUV;
//扭曲图UV
distortUV.x = (_Time.y * _DistortionAnmSpeed);
distortUV.y = (v.uv.y * _DistortionFrequency);
o.Distortion_UV = distortUV;
//噪音图UV
float2 noiseUV = TRANSFORM_TEX(v.uv, _NoiseTex);
float3 noise1 = frac((sin((_SinTime.w * float3(12.9898, 78.233, 45.5432))) * 43758.55));
float3 noise2 = frac((sin((_CosTime.x * float3(12.9898, 78.233, 45.5432))) * 43758.55));
noiseUV.x = (noiseUV.x + ((noise1.x + noise2.x) * _NoiseAnmSpeed));
float3 noise3 = frac((sin((_SinTime.x * float3(12.9898, 78.233, 45.5432))) * 43758.55));
float3 noise4 = frac((sin((_CosTime.w * float3(12.9898, 78.233, 45.5432))) * 43758.55));
noiseUV.y = (noiseUV.y + ((noise3.x + noise4.x) * _NoiseAnmSpeed));
o.Noise_UV = float4(noiseUV, 0, 0);
UNITY_TRANSFER_FOG(o, o.vertex);
return o;
}
half4 frag(v2f i) : SV_Target
{
float4 color;
color.yz = float2(0.0, 0.0);
//获取扭曲图的偏移位置
half offset = (tex2D(_DistortionTex, i.Distortion_UV.xy) - 0.498).x * _DistortionAmplitude;
//颜色偏移强度(左右)
float2 ColorStrength = float2(_ColorScatterStrength, 0.0);
//红色偏移
float4 redOffset = tex2D(_MainTex, ((i.uv.xy + offset) + ColorStrength));
color.xw = redOffset.xw;
//绿色位置不变
float4 greenOffset = tex2D(_MainTex, i.uv.xy + offset);
color.yw = (color.yw + greenOffset.yw);
//蓝色偏移
float4 blueOffset = tex2D(_MainTex,(i.uv.xy + offset) - ColorStrength);
color.zw = (color.zw + blueOffset.zw);
color.w = clamp(color.w, 0.0, 1.0);
//如果是半透则使用背景颜色
if ((color.w < 0.5))
{
color = _BackgroundColor;
}
//颜色调整
color.xyz = (1.0 - ((1.0 - color.xyz) * (1.0 - _AdjustColor)));
//噪音图叠加
float4 noiseColor;
noiseColor = tex2D(_NoiseTex, i.Noise_UV.xy);
color.xyz = (1.0 - ((1.0 - color.xyz) * (1.0 -(noiseColor * _NoiseStrength).xyz)));
return color;
}
ENDCG
}
}
FallBack "Diffuse"
}
文章浏览阅读638次。fun unZip(zipFile: String, context: Context) { var outputStream: OutputStream? = null var inputStream: InputStream? = null try { val zf = ZipFile(zipFile) val entries = zf.entries() while (en..._kotlin 对上传的压缩包进行分析
文章浏览阅读1.9k次。随着业务逻辑越来越多,业务模块也越来越大,不可避免会遇到64K方法数的限制。最直观的表现就是编译报错:较早版本的编译系统中,错误内容如下:Conversion to Dalvik format failed:Unable to execute dex: method ID not in [0, 0xffff]: 65536较新版本的编译系统中,错误内容如下:trouble writing outp_java函数大于64k编译失败
文章浏览阅读2k次,点赞7次,收藏10次。物联网领域,有很多数据通信场景,因为原设备整体系统结构、运行环境等方面的限制,需求在不增加通信数据线缆的情况下实现数据的远程传输,因为特殊应用场景下考虑到环境的限制,还不能使用常规的无线通信手段,所以借助电源线缆进行传输的电力线载波技术应运而生,本次博文给大家分享的就是博主完全自主研发的低压电力线载波通信模组。_电力载波模块csdn
文章浏览阅读7.4k次。密码学基本概念 密码学(Cryptology)是结合数学、计算机科学、电子与通信等学科于一体的交叉学科,研究信息系统安全的科学。起源于保密通信技术。具体来讲,研究信息系统安全保密和认证的一门科学。 密码编码学,通过变换消息(对信息编码)使其保密的科学和艺术 密码分析学,在未知密钥的情况下从密文推_密码体制的五个要素
文章浏览阅读1.9k次。1 、据说python3就没有这个问题了2 、u'字符串' 代表是unicode格式的数据,路径最好写成这个格式,别直接跟字符串'字符串'这类数据相加,相加之后type就是str,这样就会存在解码失误的问题。别直接跟字符串'字符串'这类数据相加别直接跟字符串'字符串'这类数据相加别直接跟字符串'字符串'这类数据相加unicode类型别直接跟字符串'字符串'这类数据相加说四遍3 、有些读取的方式偏偏..._python 路径 中文
文章浏览阅读107次。最近,阿云 B 站没声音,是在憋大招!8月5日周四 19:00 是阿里云的直播首秀,给大家请来了 Forrester 评分世界第一的 Serverless 团队产品经理江昱,给大家在线...._阿里云直播b站
文章浏览阅读1.1k次。我好苦啊,半夜还在打代码。还出bug,狗日的。问题是这样的:我在新建的项目里,建了两个Module: fiora-ec和fiora-core。项目的依赖顺序是这样的,App依赖fiora-ec,fiora-ec又依赖于fiora-core,因为这种依赖关系,所有可以在app和fiora-ec中删除一些不必要的引入,比如这个玩意儿:com.android.support:appcompat-v7:..._为什么as在一个包下建了多个module,缺无法打开了
文章浏览阅读1.4k次。1. SMTP 插件 URL:http://www.magentocommerce.com/magento-connect/TurboSMTP/extension/4415/aschroder_turbosmtp KEY:magento-community/Aschroder_TurboSmtp 2. Email Template Adapter..._magento extension pour ricardo.ch
文章浏览阅读161次。声明:本文为原创作品,版权归akuei2及黑金动力社区共同所有,如需转载,请注明出处http://www.cnblogs.com/kingst/ 2.5 低级建模的资源 低级建模有讲求资源的分配,目的是使用“图形”来提高建模的解读性。 图上是低级建模最基本的建模框图,估计大家在实验一和实验二已经眼熟过。功能模块(低级功能模块)是一个水平的长方形,而控制模块(低级控制模块)是矩形。组..._cyclone ep2c8q208c黑金开发板
文章浏览阅读2.2w次,点赞10次,收藏63次。在日常生活和实际应用当中,我们经常会用到统计方面的知识,比如求最大值,求平均值等等。R语言是一门统计学语言,他可以方便的完成统计相关的计算,下面我们就来看一个相关案例。1. 背景最近西安交大大数据专业二班,开设了Java和大数据技术课程,班级人数共100人。2. 需求通过R语言完成该100位同学学号的生成,同时使用R语言模拟生成Java和大数据技术成绩,成绩满分为100,需要满足正_r语言案例分析
文章浏览阅读639次,点赞11次,收藏26次。虽然我个人也经常自嘲,十年之后要去成为外卖专员,但实际上依靠自身的努力,是能够减少三十五岁之后的焦虑的,毕竟好的架构师并不多。架构师,是我们大部分技术人的职业目标,一名好的架构师来源于机遇(公司)、个人努力(吃得苦、肯钻研)、天分(真的热爱)的三者协作的结果,实践+机遇+努力才能助你成为优秀的架构师。如果你也想成为一名好的架构师,那或许这份Java成长笔记你需要阅读阅读,希望能够对你的职业发展有所帮助。一个人可以走的很快,但一群人才能走的更远。
文章浏览阅读3.9k次,点赞9次,收藏53次。受力分析直线行驶时的车轮受力如下:水平方向上,所受合力为:F=Ft+Fw+FfF=F_t+F_w+F_fF=Ft+Fw+Ff其中,FtF_tFt为牵引力,FwF_wFw为空气阻力,FfF_fFf为滚动阻力,下面我们将逐个介绍。驱动力先来说扭矩,扭矩是使物体发生旋转的一个特殊力矩,等于力和力臂的乘积,单位为N∙mN∙mN∙m:设驱动轴的扭矩为TtT_tTt,车轮半径为rrr,那么牵引力:Ft=Tt⁄rF_t=T_t⁄rFt=Tt⁄r如何求得驱动轴扭矩TtT_tTt呢?_unity 车辆动力学模型