Unity可视化Shader工具ASE介绍——6、通过例子说明ASE节点的连接方式

  大家好，我是阿赵。继续介绍Unity可视化Shader编辑插件ASE的用法。上一篇已经介绍了很多ASE常用的节点。这一篇通过几个小例子，来看看这些节点是怎样连接使用的。
  这篇的内容可能会比较长，最终是做了一个遮挡X光的效果，不过把这个效果拆分成多个步骤，每个步骤是一个小例子。

一、贴图+颜色

  首先来一个最简单的，值显示模型的贴图和颜色。
先准备一个需要展示的模型：
在这里插入图片描述

  然后新建一个ASE的shader
在这里插入图片描述

  在实际的项目中，我一直很喜欢用这个Unlit的shader模板。这是因为Surface类型虽然功能非常的多，而且效果很好，但可控性不如单纯的顶点片段着色器这么好。而这个Unlit，其实就是单纯的顶点片段着色器。如果需要光照模型、法线贴图等功能，实际上也是可以在Unlit的基础上，自己实现的。
在这里插入图片描述

  创建了shader之后，打开节点编辑器，看到了这样一个情况。然后按着键盘t键再点击鼠标，创建一个贴图采样节点
在这里插入图片描述

  双击节点名称，可以修改变量名。我这里把这张贴图的名字改成了MainTex
在这里插入图片描述

  注意看属性面板，虽然节点的名称改成了MainTex，但实际上属性名称是_MainTex:
在这里插入图片描述

  接下来，把这个贴图的RGBA输出，拖动到输出节点的FragColor接收接口
在这里插入图片描述

  如果想给这个节点一张默认的贴图，可以点击select按钮，然后从弹出窗口中选择
在这里插入图片描述

  接下来看看效果，先保存一下这个shader
在这里插入图片描述

  然后在shader被选中的情况下右键创建一个材质球
在这里插入图片描述

  这样就可以快速的创建一个使用该shader的材质球了。当然你也可以随便先创建一个材质球，然后再把材质球的shader改成刚刚编辑的shader，只是我觉得这样比较快。
在这里插入图片描述

  可以看到，由于刚才在shader里面指定了贴图，所以新建的材质球就已经有一张默认贴图了。不过其实我不太建议这样做，因为这样会导致资源依赖的问题。我这里这样做，只是为了做一个功能的展示。
  把这个材质球赋予给模型，就能看到模型已经被赋予贴图的效果了。
在这里插入图片描述

  接下来回到节点编辑界面，按着大键盘的数字5，然后鼠标点击，创建一个颜色节点，并且命名为mainColor。
在这里插入图片描述

  这里需要注意一点，贴图类型的参数，是默认就是对外可编辑的，所以刚才我们可以直接在材质球上面看得到贴图的选项。但其他类型的节点参数，默认都是常量，如果需要把它变成可以编辑的参数，需要修改一下：
在这里插入图片描述

  把这个参数的类型改成Property就可以。
  接下来按着键盘的m键，然后点击鼠标，创建一个乘法的节点：
在这里插入图片描述

  然后把mainTex和mainColor的RGBA输出分别拖到乘法节点的A和B输入口。
在这里插入图片描述

  最后把乘法节点的输出口拖到FragColor。
在这里插入图片描述

  最后保存一下shader，然后回到场景看看，会发现，现在模型已经可以控制颜色了。
在这里插入图片描述

  这是一个最简单的例子，创建了贴图采样和颜色节点，并且用乘法节点把它们连起来，再输出到最终的颜色。

二、光照模型

  在刚才那个例子的基础上，我们再加工一点东西，加上光照的效果。
  在节点编辑器的空白地方鼠标右键，然后搜索world normal，创建一个世界空间法线节点，这个节点是获取了模型的法线方向，并转成了世界空间坐标
在这里插入图片描述在这里插入图片描述

  再创建一个世界空间下的灯光方向节点
在这里插入图片描述
在这里插入图片描述

  按着句号键点鼠标左键，或者搜索dot，创建一个点乘节点，并把世界法线和世界灯光方向的输出连到点乘节点上
在这里插入图片描述
  最后把点乘的结果，拖动到刚才贴图和颜色的乘法节点上。
在这里插入图片描述

  可以看到，原来乘法节点只有A和B两个输入，但当我们拖动的时候，出现了C输入。其实所有允许多个输入的节点，都会出现这样的情况，默认只有2个，然后你可以继续的拖动其他结果进去作为输入，节点会自动增加输入接口。
  这个时候保存一下节点，看看模型，会发现已经有了最基本的光照效果了。
在这里插入图片描述

  刚才的世界法线和世界灯光方向点乘，其实就是实现了最简单的Lambert光照模型。
  接下来再加工一下，新增一个乘法节点，然后把dot的结果输入到乘法节点的A参数。这里注意一个情况，B参数我并没有再新建节点输入，而是直接选择乘法节点，在属性栏里面，可以直接指定B的值。这里我输入B的值是0.5。
在这里插入图片描述

  继续创建一个Add加法节点，然后把乘法节点输入到A参数，再指定B参数为0.5.。
在这里插入图片描述

  最后把加法的结果输入到原来的乘法C参数
在这里插入图片描述

  这时候保存shader，看看模型，会看到模型比刚才亮了一些，阴影没那么重。
在这里插入图片描述

  这是因为刚才的dot后乘以0.5再加0.5，是Half-Lambert光照模型的算法。

三、边缘光

  由于前面的步骤介绍得比较详细，浪费了不少篇章，所以接下来会加快一点速度。
新建一个Unlit模板的ASE的shader
在这里插入图片描述

  新建一个颜色节点，命名为rimColor。然后新建worldNormal和worldSpaceViewDir节点。其中worldNormal刚才用过，是世界空间法线。而worldSpaceViewDir是世界空间的观察方向。
在这里插入图片描述

  给worldSpaceViewDir连一个Normalize标准化节点，然后再和WorldNormal做dot点乘，再用OneMinus(一减)节点让dot的结果被1减，得到的结果连到FragColor输入
在这里插入图片描述

  这时候看模型是这样的：
在这里插入图片描述

  现在模型的边缘光已经有一点点感觉了，接下来做一个非常常用的操作，先对刚才的结果做一个次方(Power)的操作，然后再做一个乘法的操作。这个操作可以记下来，可以用于控制一些效果的范围和强度
在这里插入图片描述

  通过调节powVal，可以调节边缘光的范围，通过调节mulVal，可以控制边缘光的强度
在这里插入图片描述

  把颜色乘上去，就可以控制边缘光的颜色了
在这里插入图片描述
在这里插入图片描述

  最后还要做一步，现在的模型并不是透明的，需要把它设置一下混合模式

  选择输出节点，找到BlendMode，选择一下Alpha Blend
在这里插入图片描述

  这时候就看到模型变透明了，效果就做完了
在这里插入图片描述

四、遮挡X光效果

  这里再新建一个叫做XRay的ASE的Shader，使用的是上一篇文章介绍的2个pass的模板。
在这里插入图片描述

  可以看到，这里就有2个输出节点了。
在这里插入图片描述

  重新打开刚才上一步做的RimColor边缘光的shader编辑界面，然后框选除了输出节点以外的其他节点，按Ctrl+C复制：
在这里插入图片描述

  然后回到XRay的shader节点编辑界面，按Ctrl+V，把节点复制到XRay里面，并且把复制过来的节点的输出连接到XRay第一个输出节点。
在这里插入图片描述

  打开第二步做的DiffuseTex的带光照和贴图的Shader的编辑界面，然后框选除了输出节点以外的其他节点，按Ctrl+C复制：
在这里插入图片描述

  又回到了XRay的编辑界面，按Ctrl+V把节点复制过来，并且把输出连到UnlitPass2的输出。
在这里插入图片描述

  上面的步骤，其实就是把之前做的2个shader的效果复制过来，分别连接到这个新Shader的2个Pass的输出而已。做XRay效果其实就是这么简单，一个pass显示正常颜色，另外一个pass显示透明的边缘光而已。
  不过2个pass之间怎样去决定谁应该什么时候渲染呢？这里是需要通过ZTest来控制了。当前面没东西遮挡的时候，也就是ZTest LEqual的时候，显示正常颜色，当前面有东西遮挡，也就是ZTest Greater的时候，显示边缘光。然后由于边缘光需要半透明混合，所以还需要加一个ZWrite Off。
然后问题来了，选择一下这两个输出节点，看到了Pass里面并没有ZTest和ZWrite的选项，怎么办呢？
在这里插入图片描述

  上一篇文章已经说过了，需要什么可以编辑的参数，去模板加就行，所以打开模板，然后在两个Pass里面都加上ZTest和ZWrite。
在这里插入图片描述

  再回到节点编辑器，就可以看到Pass里面已经有这两个选项了：
在这里插入图片描述

  于是修改，注意，模板里面的第一个Pass的名字，在节点属性里面会显示成shader的名字，比如我这个Shader叫做XRay，所以第一个输出节点就叫XRay，但点进去属性里面，还是显示UnlitPass1的，这个不要搞错。第一个Pass是显示边缘光，所以ZWrite要off，ZTest要Greater，然后混合模式用AlphaBlend：
在这里插入图片描述

  第二个Pass显示的是正常的漫反射颜色，所以ZWrite用默认，也就是On，ZTest选择Less or Equal。最后混合模式选Off。
在这里插入图片描述

  现在回到模型场景，建一个Cube挡在模型前面，然后调整一下边缘光的颜色和强度，就可以看到我们的最终效果了。

在这里插入图片描述

五、总结

  这样一个XRay透视效果，我分了挺多步骤来说明，主要是越简单的操作步骤越难说，如果大家都已经很熟悉ASE的操作了，我只是讲节点的连接思路，那会快很多。
最后附上XRay的例子的代码，可以粘贴到Shader里面，应该就能打开看节点了：

// Made with Amplify Shader Editor
// Available at the Unity Asset Store - http://u3d.as/y3X 
Shader "XRay"
{Properties{_mainTex("mainTex", 2D) = "white" {}_rimColor("rimColor", Color) = (0.8109627,0.7688679,1,0)_mainColor("mainColor", Color) = (1,1,1,1)_powVal("powVal", Float) = 2_mulVal("mulVal", Float) = 1[HideInInspector] _texcoord( "", 2D ) = "white" {}}SubShader{Tags { "RenderType"="Opaque" }LOD 100Pass{Name "UnlitPass1"ZTest GreaterZWrite OffBlend SrcAlpha OneMinusSrcAlphaTags { "LightMode"="ForwardBase" }CGPROGRAM#ifndef UNITY_SETUP_STEREO_EYE_INDEX_POST_VERTEX//only defining to not throw compilation error over Unity 5.5#define UNITY_SETUP_STEREO_EYE_INDEX_POST_VERTEX(input)#endif#pragma vertex vert#pragma fragment frag#pragma multi_compile_instancing#include "UnityCG.cginc"struct appdata{float4 vertex : POSITION;float4 color : COLOR;float3 ase_normal : NORMAL;UNITY_VERTEX_INPUT_INSTANCE_ID};struct v2f{float4 vertex : SV_POSITION;#ifdef ASE_NEEDS_FRAG_WORLD_POSITIONfloat3 worldPos : TEXCOORD0;#endiffloat4 ase_texcoord1 : TEXCOORD1;UNITY_VERTEX_INPUT_INSTANCE_IDUNITY_VERTEX_OUTPUT_STEREO};uniform float4 _rimColor;uniform float _powVal;uniform float _mulVal;v2f vert ( appdata v ){v2f o;UNITY_SETUP_INSTANCE_ID(v);UNITY_INITIALIZE_VERTEX_OUTPUT_STEREO(o);UNITY_TRANSFER_INSTANCE_ID(v, o);float3 ase_worldNormal = UnityObjectToWorldNormal(v.ase_normal);o.ase_texcoord1.xyz = ase_worldNormal;//setting value to unused interpolator channels and avoid initialization warningso.ase_texcoord1.w = 0;float3 vertexValue = float3(0, 0, 0);#if ASE_ABSOLUTE_VERTEX_POSvertexValue = v.vertex.xyz;#endifvertexValue = vertexValue;#if ASE_ABSOLUTE_VERTEX_POSv.vertex.xyz = vertexValue;#elsev.vertex.xyz += vertexValue;#endifo.vertex = UnityObjectToClipPos(v.vertex);#ifdef ASE_NEEDS_FRAG_WORLD_POSITIONo.worldPos = mul(unity_ObjectToWorld, v.vertex).xyz;#endifreturn o;}fixed4 frag (v2f i ) : SV_Target{UNITY_SETUP_INSTANCE_ID(i);UNITY_SETUP_STEREO_EYE_INDEX_POST_VERTEX(i);fixed4 finalColor;#ifdef ASE_NEEDS_FRAG_WORLD_POSITIONfloat3 WorldPosition = i.worldPos;#endiffloat3 ase_worldNormal = i.ase_texcoord1.xyz;float3 worldSpaceViewDir10 = WorldSpaceViewDir( float4( 0,0,0,1 ) );float3 normalizeResult12 = normalize( worldSpaceViewDir10 );float dotResult13 = dot( ase_worldNormal , normalizeResult12 );finalColor = ( _rimColor * ( pow( ( 1.0 - dotResult13 ) , _powVal ) * _mulVal ) );return finalColor;}ENDCG}Pass{Name "UnlitPass2"Tags { "LightMode"="ForwardBase" }Blend OffZWrite OnZTest LEqualCGPROGRAM#ifndef UNITY_SETUP_STEREO_EYE_INDEX_POST_VERTEX//only defining to not throw compilation error over Unity 5.5#define UNITY_SETUP_STEREO_EYE_INDEX_POST_VERTEX(input)#endif#pragma vertex vert#pragma fragment frag#pragma multi_compile_instancing#include "UnityCG.cginc"#include "Lighting.cginc"#include "AutoLight.cginc"#define ASE_NEEDS_FRAG_WORLD_POSITIONstruct appdata{float4 vertex : POSITION;float4 color : COLOR;float4 ase_texcoord : TEXCOORD0;float3 ase_normal : NORMAL;UNITY_VERTEX_INPUT_INSTANCE_ID};struct v2f{float4 vertex : SV_POSITION;#ifdef ASE_NEEDS_FRAG_WORLD_POSITIONfloat3 worldPos : TEXCOORD0;#endiffloat4 ase_texcoord1 : TEXCOORD1;float4 ase_texcoord2 : TEXCOORD2;UNITY_VERTEX_INPUT_INSTANCE_IDUNITY_VERTEX_OUTPUT_STEREO};//This is a late directiveuniform sampler2D _mainTex;uniform float4 _mainTex_ST;uniform float4 _mainColor;v2f vert(appdata v ){v2f o;UNITY_SETUP_INSTANCE_ID(v);UNITY_INITIALIZE_VERTEX_OUTPUT_STEREO(o);UNITY_TRANSFER_INSTANCE_ID(v, o);float3 ase_worldNormal = UnityObjectToWorldNormal(v.ase_normal);o.ase_texcoord2.xyz = ase_worldNormal;o.ase_texcoord1.xy = v.ase_texcoord.xy;//setting value to unused interpolator channels and avoid initialization warningso.ase_texcoord1.zw = 0;o.ase_texcoord2.w = 0;float3 vertexValue = float3(0, 0, 0);#if ASE_ABSOLUTE_VERTEX_POSvertexValue = v.vertex.xyz;#endifvertexValue = vertexValue;#if ASE_ABSOLUTE_VERTEX_POSv.vertex.xyz = vertexValue;#elsev.vertex.xyz += vertexValue;#endifo.vertex = UnityObjectToClipPos(v.vertex);#ifdef ASE_NEEDS_FRAG_WORLD_POSITIONo.worldPos = mul(unity_ObjectToWorld, v.vertex).xyz;#endifreturn o;}fixed4 frag(v2f i ) : SV_Target{UNITY_SETUP_INSTANCE_ID(i);UNITY_SETUP_STEREO_EYE_INDEX_POST_VERTEX(i);fixed4 finalColor;#ifdef ASE_NEEDS_FRAG_WORLD_POSITIONfloat3 WorldPosition = i.worldPos;#endiffloat2 uv_mainTex = i.ase_texcoord1.xy * _mainTex_ST.xy + _mainTex_ST.zw;float3 ase_worldNormal = i.ase_texcoord2.xyz;float3 worldSpaceLightDir = UnityWorldSpaceLightDir(WorldPosition);float dotResult4 = dot( ase_worldNormal , worldSpaceLightDir );finalColor = ( tex2D( _mainTex, uv_mainTex ) * _mainColor * ( ( dotResult4 * 0.5 ) + 0.5 ) );return finalColor;}ENDCG}}CustomEditor "ASEMaterialInspector"Fallback "Diffuse"
}
/*ASEBEGIN
Version=18500
0;306;1661;681;1937.559;441.4886;1.45936;True;True
Node;AmplifyShaderEditor.WorldSpaceLightDirHlpNode;3;-976.1194,139.55;Inherit;False;False;1;0;FLOAT;0;False;4;FLOAT3;0;FLOAT;1;FLOAT;2;FLOAT;3
Node;AmplifyShaderEditor.WorldNormalVector;2;-986.5195,-64.54977;Inherit;False;False;1;0;FLOAT3;0,0,1;False;4;FLOAT3;0;FLOAT;1;FLOAT;2;FLOAT;3
Node;AmplifyShaderEditor.DotProductOpNode;4;-693.6849,42.34929;Inherit;False;2;0;FLOAT3;0,0,0;False;1;FLOAT3;0,0,0;False;1;FLOAT;0
Node;AmplifyShaderEditor.SimpleMultiplyOpNode;5;-534.3663,61.05127;Inherit;False;2;2;0;FLOAT;0;False;1;FLOAT;0.5;False;1;FLOAT;0
Node;AmplifyShaderEditor.ColorNode;6;-993.7325,-285.175;Inherit;False;Property;_mainColor;mainColor;2;0;Create;True;0;0;False;0;False;1,1,1,1;1,1,1,1;True;0;5;COLOR;0;FLOAT;1;FLOAT;2;FLOAT;3;FLOAT;4
Node;AmplifyShaderEditor.SamplerNode;7;-1024.732,-503.175;Inherit;True;Property;_mainTex;mainTex;0;0;Create;True;0;0;False;0;False;-1;None;138df4511c079324cabae1f7f865c1c1;True;0;False;white;Auto;False;Object;-1;Auto;Texture2D;8;0;SAMPLER2D;;False;1;FLOAT2;0,0;False;2;FLOAT;0;False;3;FLOAT2;0,0;False;4;FLOAT2;0,0;False;5;FLOAT;1;False;6;FLOAT;0;False;7;SAMPLERSTATE;;False;5;COLOR;0;FLOAT;1;FLOAT;2;FLOAT;3;FLOAT;4
Node;AmplifyShaderEditor.SimpleAddOpNode;8;-363.3666,73.05125;Inherit;False;2;2;0;FLOAT;0;False;1;FLOAT;0.5;False;1;FLOAT;0
Node;AmplifyShaderEditor.ColorNode;18;-579.6888,383.1555;Inherit;False;Property;_rimColor;rimColor;1;0;Create;True;0;0;False;0;False;0.8109627,0.7688679,1,0;0.8109627,0.7688679,1,1;True;0;5;COLOR;0;FLOAT;1;FLOAT;2;FLOAT;3;FLOAT;4
Node;AmplifyShaderEditor.NormalizeNode;12;-1045.079,582.2842;Inherit;False;1;0;FLOAT3;0,0,0;False;1;FLOAT3;0
Node;AmplifyShaderEditor.WorldNormalVector;11;-1264.591,398.5844;Inherit;False;False;1;0;FLOAT3;0,0,1;False;4;FLOAT3;0;FLOAT;1;FLOAT;2;FLOAT;3
Node;AmplifyShaderEditor.DotProductOpNode;13;-996.485,444.3506;Inherit;False;2;0;FLOAT3;0,0,0;False;1;FLOAT3;0,0,0;False;1;FLOAT;0
Node;AmplifyShaderEditor.RangedFloatNode;14;-783.7252,675.4164;Inherit;False;Property;_powVal;powVal;3;0;Create;True;0;0;False;0;False;2;2;0;0;0;1;FLOAT;0
Node;AmplifyShaderEditor.OneMinusNode;15;-868.7095,556.3414;Inherit;False;1;0;FLOAT;0;False;1;FLOAT;0
Node;AmplifyShaderEditor.SimpleMultiplyOpNode;19;-486.6632,600.4702;Inherit;False;2;2;0;FLOAT;0;False;1;FLOAT;0;False;1;FLOAT;0
Node;AmplifyShaderEditor.PowerNode;16;-645.6777,609.1974;Inherit;False;False;2;0;FLOAT;0;False;1;FLOAT;1;False;1;FLOAT;0
Node;AmplifyShaderEditor.WorldSpaceViewDirHlpNode;10;-1251.096,622.5241;Inherit;False;1;0;FLOAT4;0,0,0,1;False;4;FLOAT3;0;FLOAT;1;FLOAT;2;FLOAT;3
Node;AmplifyShaderEditor.SimpleMultiplyOpNode;9;-660.4999,-365.2596;Inherit;True;3;3;0;COLOR;0,0,0,0;False;1;COLOR;0,0,0,0;False;2;FLOAT;0;False;1;COLOR;0
Node;AmplifyShaderEditor.SimpleMultiplyOpNode;20;-283.6566,462.576;Inherit;False;2;2;0;COLOR;0,0,0,0;False;1;FLOAT;0;False;1;COLOR;0
Node;AmplifyShaderEditor.RangedFloatNode;17;-621.9011,755.5342;Inherit;False;Property;_mulVal;mulVal;4;0;Create;True;0;0;False;0;False;1;1;0;0;0;1;FLOAT;0
Node;AmplifyShaderEditor.TemplateMultiPassMasterNode;0;0,0;Float;False;True;-1;2;ASEMaterialInspector;100;11;XRay;cb43803649bb8db429b4b5d8ba318e3a;True;UnlitPass1;0;0;UnlitPass1;2;False;False;False;False;False;False;False;False;False;False;False;False;False;False;False;False;False;False;True;1;RenderType=Opaque=RenderType;False;0;True;2;5;False;-1;10;False;-1;0;1;False;-1;0;False;-1;False;False;False;False;False;False;False;False;False;False;False;False;False;False;True;2;False;-1;True;2;False;-1;False;True;1;LightMode=ForwardBase;False;0;Diffuse;0;0;Standard;1;Vertex Position,InvertActionOnDeselection;1;0;2;True;True;False;;False;0
Node;AmplifyShaderEditor.TemplateMultiPassMasterNode;1;2.219055,-151.1632;Float;False;False;-1;2;ASEMaterialInspector;100;11;New Amplify Shader;cb43803649bb8db429b4b5d8ba318e3a;True;UnlitPass2;0;1;UnlitPass2;2;False;False;False;False;False;False;False;False;False;False;False;False;False;False;False;False;False;False;True;1;RenderType=Opaque=RenderType;False;0;True;0;5;False;-1;10;False;-1;0;5;False;-1;10;False;-1;False;False;False;False;False;False;False;False;False;False;False;False;False;False;True;0;False;-1;True;3;False;-1;False;True;1;LightMode=ForwardBase;False;0;;0;0;Standard;0;False;0
WireConnection;4;0;2;0
WireConnection;4;1;3;0
WireConnection;5;0;4;0
WireConnection;8;0;5;0
WireConnection;12;0;10;0
WireConnection;13;0;11;0
WireConnection;13;1;12;0
WireConnection;15;0;13;0
WireConnection;19;0;16;0
WireConnection;19;1;17;0
WireConnection;16;0;15;0
WireConnection;16;1;14;0
WireConnection;9;0;7;0
WireConnection;9;1;6;0
WireConnection;9;2;8;0
WireConnection;20;0;18;0
WireConnection;20;1;19;0
WireConnection;0;0;20;0
WireConnection;1;0;9;0
ASEEND*/
//CHKSM=6DD70292189FAD2C0FC85A4698D11D5C972718B6

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/102530.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

Docker部署gitlab_ce(避坑版---社区版)

Docker部署gitlab_ce(避坑版---社区版)

1 下载docker 2 下载gitlab镜像 3 运行 4 进入容器内部修改 5 在浏览器里访问 6 修改root密码（如果忘记请修改） 1 下载docker # 安装依赖 yum install -y yum-utils device-mapper-persistent-data lvm2# 设置yum源 yum-config-manager --add-repo https…
阅读更多...
语义分割笔记(三)：通过opencv对mask图片来画分割对象的外接椭圆

语义分割笔记(三)：通过opencv对mask图片来画分割对象的外接椭圆

文章目录 mask图像介绍步骤代码 mask图像介绍 根据 mask 图像来画分割对象的外接椭圆是一种常见的图像分割任务。Mask 图像通常是一个二值图像，其中包含了感兴趣对象的像素。通常情况下，白色像素表示对象，黑色像素表示背景。 步骤 以下是一…
阅读更多...
Linux和UNIX的关系及区别

Linux和UNIX的关系及区别

UNIX 与 Linux 之间的关系是一个很有意思的话题。在目前主流的服务器端操作系统中，UNIX 诞生于 20 世纪 60 年代末，Windows 诞生于 20 世纪 80 年代中期，Linux 诞生于 20 世纪 90 年代初，可以说 UNIX 是操作系统中的"老大哥&…
阅读更多...
Python利用jieba分词提取字符串中的省市区(字符串无规则)

Python利用jieba分词提取字符串中的省市区(字符串无规则)

目录 背景库（jieba）代码拓展结尾 背景 今天的需求就是在一串字符串中提取包含，省、市、区，该字符串不是一个正常的地址;,如下字符串 "安徽省、浙江省、江苏省、上海市,冷运标快首重1kg价格xx元,1.01kg(含)-5kg(不含)续重价…
阅读更多...
【web实现右侧弹窗】JS+CSS如何实现右侧缓慢弹窗动态效果『附完整源码下载』

【web实现右侧弹窗】JS+CSS如何实现右侧缓慢弹窗动态效果『附完整源码下载』

文章目录 写在前面涉及知识点页面效果1、页面DOM创建1.1创建底层操作dom节点1.2 创建存放弹窗dom节点 2、页面联动功能实现（关闭与弹出）2.1 点击非右侧区域实现关闭2.2 点击叉叉及关闭按钮实现关闭功能 3、完整源码包下载3.1百度网盘3.2 123云盘3.3邮箱留…
阅读更多...
按键中断小灯蜂鸣器风扇

按键中断小灯蜂鸣器风扇

按键1实现小灯亮灭&#xff0c;按键2实现蜂鸣器&#xff0c;安静3实现风扇 src/key_it.c #include"key_it.h"void key3_it_config() {//RCC使能GPIOF时钟RCC->MP_AHB4ENSETR | (0x1<<5);GPIOF->MODER & (~(0x3<<16));EXTI->EXTICR3 &…
阅读更多...
基于若依ruoyi-nbcio支持flowable流程增加自定义业务表单（二）

基于若依ruoyi-nbcio支持flowable流程增加自定义业务表单（二）

更多ruoyi-nbcio功能请看演示系统 gitee源代码地址 前后端代码&#xff1a; https://gitee.com/nbacheng/ruoyi-nbcio 演示地址&#xff1a;RuoYi-Nbcio后台管理系统 之前讲了自定义业务表单&#xff0c;现在讲如何与流程进行关联 1、后端部分 WfCustomFormMapper.xml &…
阅读更多...
Flink-SQL join 优化 -- MiniBatch + local-global

Flink-SQL join 优化 -- MiniBatch + local-global

背景 问题1. 近期在开发flink-sql期间&#xff0c;发现数据在启动后&#xff0c;任务总是进行重试&#xff0c;运行一段时间后&#xff0c;container heartbeat timeout&#xff0c;内存溢出(GC overhead limit exceede) &#xff0c;作业无法进行正常工作 023-10-07 14:53:3…
阅读更多...
Commonjs与ES Module

Commonjs与ES Module

commonjs 1 commonjs 实现原理 commonjs每个模块文件上存在 module&#xff0c;exports&#xff0c;require三个变量,然而这三个变量是没有被定义的&#xff0c;但是我们可以在 Commonjs 规范下每一个 js 模块上直接使用它们。在 nodejs 中还存在 __filename 和 __dirname 变…
阅读更多...
Kaadas凯迪仕助力亚运盛会，尽展品牌硬核科技与智能锁行业风采

Kaadas凯迪仕助力亚运盛会，尽展品牌硬核科技与智能锁行业风采

9月23日至10月8日&#xff0c;亚洲最大规模体育赛事亚运会在杭州举办。作为国际性体育赛事&#xff0c;除赛中的各类竞赛项目外&#xff0c;杭州亚运会前后相关活动也吸引了大众目光的聚焦。 Kaadas凯迪仕智能锁作为此次杭州亚运会官方指定智能门锁&#xff0c;以#凯迪仕守护每…
阅读更多...
【Mybatis】基于Mybatis插件+注解，实现敏感数据自动加解密

【Mybatis】基于Mybatis插件+注解，实现敏感数据自动加解密

一、介绍 业务场景中经常会遇到诸如用户手机号&#xff0c;身份证号&#xff0c;银行卡号&#xff0c;邮箱&#xff0c;地址&#xff0c;密码等等信息&#xff0c;属于敏感信息&#xff0c;需要保存在数据库中。而很多公司会会要求对数据库中的此类数据进行加密存储。 敏感数据…
阅读更多...
什么是大数据，大数据简介

什么是大数据，大数据简介

大数据的概念通俗的说法 大数据&#xff0c;按照我的理解比较通俗易懂的是在数据量很多很大的情况下数据处理速度需要足够快&#xff0c;用我们以前传统意义上的的技术比如关系型数据库mysql没办法处理或者处理起来非常复杂&#xff0c;必须有一些新的处理技术也就是大数据处理…
阅读更多...
深入理解强化学习——序列决策（Sequential Decision Making）

深入理解强化学习——序列决策（Sequential Decision Making）

分类目录&#xff1a;《深入理解联邦学习》总目录 在本文中我们将介绍序列决策&#xff08;Sequential Decision Making&#xff09;过程中的各个过程。 智能体与环境 强化学习研究的问题是智能体与环境交互的问题&#xff0c;下图左边的智能体一直在与下图右边的环境进行交互…
阅读更多...
微信小程序 movable-view 控制长按才触发拖动 轻轻滑动页面正常滚动效果

微信小程序 movable-view 控制长按才触发拖动 轻轻滑动页面正常滚动效果

今天写 movable-areamovable-view遇到了个头疼的问题 那就是 movable-view 监听了用户拖拽自己 但 我们小程序 上下滚动页面靠的也是拖拽 也就是说 如果放在这里 用户拖动 movable-view部分 就会永远触发不了滚动 那么 我们先可以 加一个 bindlongpress"longpressHandler…
阅读更多...
扫描器（xray和bp联动）

扫描器（xray和bp联动）

文章目录 分类主动扫描和被动扫描bp与xray联动 分类 扫描器分为对web的扫描器和对主机的扫描器 主动扫描和被动扫描 主动扫描&#xff1a; 输入某个URL&#xff0c;然后由扫描器中的爬虫模块爬取所有链接&#xff0c;对GET、POST等请求进行参数变形和污染&#xff0c;进行重放测…
阅读更多...
什么是信创测试？信创测试工具有哪些？

什么是信创测试？信创测试工具有哪些？

信创全称是“信息技术应用创新”&#xff0c;旨在实现信息技术自主可控&#xff0c;规避外部技术制裁和风险&#xff0c;其涉及产业链包括硬件、基础软件、应用软件、云服务、数据安全等领域。 信创测试是指对信创工程项目中的产品、系统等进行测试和验证&#xff0c;以确保其…
阅读更多...
Seata入门系列【4】undo_log、global_table、branch_table、lock_table字段及作用详解

Seata入门系列【4】undo_log、global_table、branch_table、lock_table字段及作用详解

1 客户端 1.1 undo_log 在AT模式中&#xff0c;需要在参与全局事务的数据库中&#xff0c;添加一个undo_log表&#xff0c;建表语句如下&#xff1a; SET NAMES utf8mb4; SET FOREIGN_KEY_CHECKS 0;-- ---------------------------- -- Table structure for undo_log -- --…
阅读更多...
Go 语言中的反射

Go 语言中的反射

今天主要来聊聊 Go 语言中反射&#xff0c;希望对你有新的认知 虽然很多人使用 Go 语言有一定时间了&#xff0c;甚至有的使用了 1 年 2 年&#xff0c;然后对于 Go 语言中的反射还是模棱两可&#xff0c;使用起来的时候&#xff0c;心里也不是非常有底气 更有甚者&#xff0…
阅读更多...
深度学习_3_张量运算

深度学习_3_张量运算

代码&#xff1a; import torchimport osimport pandas as pd import numpy as npx torch.tensor([[1, 2, 3], [4, 5, 6]]) print(x) sumA x.sum(dim 0) print(sumA) print(torch.sum(x, dim 0, keepdim True)) print(x/torch.sum(x, dim 0, keepdim True) )
阅读更多...
如何在会计面试中展现自己的优势？

如何在会计面试中展现自己的优势？

在会计面试中展现自己的优势是非常重要的&#xff0c;因为这将决定你是否能够脱颖而出并获得这个职位。下面是一些可以帮助你展示自己优势的方法&#xff1a; 1. 准备充分&#xff1a;在面试前&#xff0c;确保你对公司的背景和业务有所了解。研究公司的财务报告和新闻&#xf…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023