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.rhkb.cn/news/156250.html

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

相关文章

Kotlin函数作为参数指向不同逻辑

Kotlin函数作为参数指向不同逻辑

Kotlin函数作为参数指向不同逻辑 fun sum(): (Int, Int) -> Int {return { a, b -> (a b) } }fun multiplication(): (Int, Int) -> Int {return { a, b -> (a * b) } }fun main(args: Array<String>) {var math: (Int, Int) -> Intmath sum()println(m…
阅读更多...
Django 静态自定义化配置

Django 静态自定义化配置

STATIC # APP本地静态资源目录&#xff08;就APP对应的&#xff09; STATIC_URL "/static/"# 远程静态文件URL&#xff08;少用&#xff09; REMOTE_STATIC_URL# 外部引用静态文件目录&#xff08;外层的&#xff09; STATICFILES_DIRS [os.path.join(BASE_DIR, &…
阅读更多...
Vue-2.8插槽

Vue-2.8插槽

插槽分为默认插槽&#xff08;组件内定制一处结构&#xff09;、具名插槽&#xff08;组件内定制多处结构&#xff09; 作用域插槽不属于以上&#xff0c;只是插槽的一个传参语法 默认插槽 作用&#xff1a;让组件内部的一些结构支持自定义 需求&#xff1a;要在页面中显示…
阅读更多...
安卓 kotlin-supportFragmentManager报红

安卓 kotlin-supportFragmentManager报红

如果你继承baseActivity 请查看 是不是继承 AppCompatActivity
阅读更多...
ceph 分布式存储与部署

ceph 分布式存储与部署

目录 一、存储基础&#xff1a; 1.单机存储设备&#xff1a; 2. 单机存储的问题&#xff1a; 3. 商业存储解决方案&#xff1a; 4. 分布式存储&#xff1a; 5. 分布式存储的类型&#xff1a; 二、Ceph 简介&#xff1a; 三、Ceph 优势&#xff1a; 四、Ceph 架构&#xff1a…
阅读更多...
阿里云ModelScope 是一个“模型即服务”(MaaS)平台

阿里云ModelScope 是一个“模型即服务”(MaaS)平台

简介 项目地址&#xff1a;https://github.com/modelscope/modelscope/tree/master ModelScope 是一个“模型即服务”(MaaS)平台&#xff0c;旨在汇集来自AI社区的最先进的机器学习模型&#xff0c;并简化在实际应用中使用AI模型的流程。ModelScope库使开发人员能够通过丰富的…
阅读更多...
Tomcat和HPPT协议

Tomcat和HPPT协议

1.介绍 1.Java EE 规范 JavaEE&#xff08;java Enterprise Edition&#xff09;&#xff1a;java企业版 JavaEE 规范是很多的java开发技术的总称。这些技术规范都是沿用自J2EE的。一共包括了13个技术规范 2.WEB概述 WEB在计算机领域中代表的是网络 像我们之前所用的WWW&…
阅读更多...
[GXYCTF2019]Ping Ping Ping - RCE(空格、关键字绕过[3种方式])

[GXYCTF2019]Ping Ping Ping - RCE(空格、关键字绕过[3种方式])

[GXYCTF2019]Ping Ping Ping 1 解题流程1.1 小试牛刀1.2 三种解法1.2.1 解法一：变量定义拼接绕过1.2.2 解法二：base64编码绕过1.2.3 解法三：内联执行绕过2 思考总结1 解题流程 1.1 小试牛刀 1、提示?ip，结合题目名称，我们直接输入?ip=127.0.0.1 PING 127.0.0.1 (127.…
阅读更多...
如何基于先进视频技术，构建互联网视频监控安全管理平台解决方案

如何基于先进视频技术，构建互联网视频监控安全管理平台解决方案

一、建设思路 依托互联网&#xff0c;建设一朵云&#xff0c;实现各类二三类视频资源统一接入&#xff0c;实现天网最后100米、10米、1米的全域覆盖。 依托人工智能与互联网技术&#xff0c;拓展视频资源在政府、社会面等多领域的全面应用&#xff1b;建设与运营模式并存&…
阅读更多...
分布式事务入门

分布式事务入门

文章目录 分布式事务问题本地事务分布式事务演示分布式事务问题 理论基础CAP定理一致性可用性分区容错矛盾 BASE理论 SeataSeata的架构部署TC服务微服务集成seata 动手实践XA模式两阶段提交Seata的XA模型实现XA模式 AT模式Seata的AT模型流程梳理脏写问题实现AT模式 TCC模式流程…
阅读更多...
天猫用户重复购买预测（速通一）

天猫用户重复购买预测（速通一）

天猫用户重复购买预测&#xff08;一&#xff09; 赛题理解1、评估指标2、赛题分析 理论知识1.缺失值处理2.不均衡样本3.常见的数据分布 数据探索探查影响复购的各种因素1.对店铺分析2.对用户分析3.对用户性别的分析4.对用户年龄的分析 特征工程1、特征工程介绍特征归一化类别型…
阅读更多...
本文整理了Debian 11在国内的几个软件源。

本文整理了Debian 11在国内的几个软件源。

1&#xff0e;使用说明 一般情况下&#xff0c;将/etc/apt/sources.list文件中Debian默认的软件仓库地址和安全更新仓库地址修改为国内的镜像地址即可&#xff0c;比如将deb.debian.org和security.debian.org改为mirrors.xxx.com&#xff0c;并使用https访问&#xff0c;可使用…
阅读更多...
数据结构—顺序表

数据结构—顺序表

目录 1.线性表 2.顺序表概念 3.实现顺序表 (1)声明结构体 (2)初始化 (3)打印数据 (4) 销毁 (5)尾插&头插 尾插 判断是否扩容 头插 (6)尾删&头删 尾删 头删 (7)指定位置插入元素 (8)删除指定位置元素 (9)查找指定元素位置 (10)修改指定位置元素 完整版…
阅读更多...
github小记（一）：清除github在add或者commit之后缓存区

github小记（一）：清除github在add或者commit之后缓存区

github清除在add或者commit之后缓存区 前言1. 第一步之后想要撤销2. 第二步之后想要撤销a. 改变一下rrr.txt的内容b. 想提交本地文件的test文件夹c. 我后悔了突然不想提交了 前言 github自用 一般github上代码提交顺序&#xff1a; 第一步&#xff1a; git add . or git ad…
阅读更多...
【技术干货】如何快速创建商用照明 OEM APP？

【技术干货】如何快速创建商用照明 OEM APP？

本文介绍了如何在涂鸦 IoT 平台的 App 工作台上创建一款体验版商照 App、正式版 OEM App、上架 App、以及完成通用配置。 OEM App 开发 创建 App 登录 涂鸦 IoT 平台的 App 页面。 单击 创建APP&#xff0c;选择 商照 APP 进行创建。 在提示框里&#xff0c;完善 App 信息…
阅读更多...
milvus测试

milvus测试

milvus测试 目标 其实&#xff0c;我应该弄明白他的输入输出分别是什么&#xff1f; 输入是图片&#xff0c;图片经过ml模型进行特征提取&#xff0c;再在milvus中进行存储或者检索 部署 ✘ delldell-Precision-3630-Tower  /nvme/baum/git-project/milvus   master …
阅读更多...
动态版通讯录（接上回）

动态版通讯录（接上回）

利用动态内存函数ralloc()来分配空间&#xff0c;并且自动初始化为0&#xff1b; 然后再使用realloc()来进行扩容。当当前数量达到最大容量时&#xff0c;就自动加2个空间。 退出程序时释放内存。
阅读更多...
计及电转气协同的含碳捕集与垃圾焚烧虚拟电厂优化调度（matlab代码）

计及电转气协同的含碳捕集与垃圾焚烧虚拟电厂优化调度（matlab代码）

目录 1 主要内容 系统结构 CCPP-P2G-燃气机组子系统 非线性处理缺陷 2 部分代码 3 程序结果 4 程序链接 1 主要内容 该程序参考《计及电转气协同的含碳捕集与垃圾焚烧虚拟电厂优化调度》模型&#xff0c;主要实现的是计及电转气协同的含碳捕集与垃圾焚烧虚拟电厂优化调度…
阅读更多...
uni-app 实现考勤打卡功能

uni-app 实现考勤打卡功能

一、在页面中引入地图组件 <map id"map" style"width: 100%; height: 100%" :latitude"myLatitude" :longitude"myLongitude" :circles"circles" :markers"markers"> </map>属性名类型说明longitudeN…
阅读更多...
使用ffmpeg和python脚本下载网络视频m3u8（全网最全面）

使用ffmpeg和python脚本下载网络视频m3u8（全网最全面）

网上给娃找了些好看的电影和一些有趣的短视频&#xff0c;如何保存下来呢&#xff1f;从网上找各种工具&#xff1f;都不方便。于是想到何不编程搞定&#xff0c;搞个脚本。对程序员来说这都不是事儿。且我有华为云服务器&#xff0c;完全可以把地址记下&#xff0c;后台自动下…
阅读更多...
最新文章
推荐文章

Copyright @ 2022~2023

友情链接： 我的编程经验分享 一条长河网 尧图网站开发