SRP 实现 Cook-Torrance BRDF

写的很乱！

BRDF（Bidirectional Reflectance Distribution Function）全称双向反射分布函数。辐射量单位非常多，这里为方便直观理解，会用非常不严谨的光照强度来解释说明。

BRDF光照模型，上反射率公式：

\int_{\Omega }^{}f(p,w_{i},w_{o})L_{i}(p,w_{i})cos\theta dw_{i}

计算的是在法线所在半球上的所有入射光线，在出射方向的光强总和，公式有俩个部分。

f(p,w_{i},w_{o})

即BRDF，从特定的入射方向到出射方向，在某个表面上，光强的衰减比率。

L_{i}(p,w_{i})cos \theta _{i}

有了比率，还需要知道在物体表面接收到的某个方向上的光强，所以前半部分是光线沿入射方向到p点发射的光线强度，后半部分用表面与入射方向的夹角计算实际接收到的光线强度（因为这里虽然是一个点，但同时也需要当做一个极小的平面区域处理）。

关于几何函数

为什么GXX有俩个？只考虑一次反射能成功的，其实就是简单的认为入射方向能不被遮挡的光线比例 × 出射方向能不被遮挡的光线比例 = 整条光路上不会被遮挡的光线比例。

Cook-Torrance BRDF

🔻如果在渲染结果中发现了类似以下的问题或变，极大概率是法线没有在片元着色器中标准化。

SRP中实现的Cook-Torrance BRDF效果（无法线贴图，未进行gamma调整）：

增加支持多光源

https://zhuanlan.zhihu.com/p/163360207

关于点光源获取位置和平行光获取方向。

获取位置用VisibleLight.localToWorldMatrix.GetColumn(3);

获取方向用VisibleLight.localToWorldMatrix.GetColumn(2);

因为localToWorldMatrix是光源的模型变换矩阵M，获取点光源的位置即mul(M, float4 (0, 0, 0, 1))，即localToWorldMatrix的最后一列。同理，平行光方向朝向局部坐标z轴，mul(M, float4 (0, 0, 1, 0))故为第三列。

有很多免费的材质素材：Hundreds of 3D Texture Downloads - Free PBR Materials

这部分是没什么难度的，将相关变量设置为数组即可。

🔻但问题就出现在这，在Unity 2022.3.45f1c1中，如果先实现了.SetGlobalVector然后修改成.SetGlobalVectorArray，那么恭喜你完犊子了。修改后传入GPU的数据还是按.SetGlobalVector处理的，Dubug半天你会发现GPU就是拿不到完整的数组。

解决方法：Unity！重启！😎

🔻如果遇到CullingResults.lightIndexCount在某些视角下会返回非常奇怪的（错误）值的情况，例如明明只有2个可见光源，但返回4个。用CullingResults.visibleLights.Length来获取可见光源数组的个数，而不是CullingResults.lightIndexCount即可。

🔻Shader error in 'Custom/BRDF': Unexpected directive ''；这种错多半是用了中文分号或者其他的全半角问题。

支持法线贴图，如果想要在切线空间引用法线贴图后再转到世界坐标系下，需要用TBN矩阵的逆矩阵实现。具体见：TBN矩阵的使用

🔻应用贴图实现的BRDF效果很抽象，我以为是TNB出问题了（甚至怀疑unity默认切线有问题，还从blender中导了个正确的球模型过来），整了很久发现是采样法线贴图出错了，虽然各种设置了Unity项目是线性空间，但纹理这一块疑似过于独立了，需要在贴图中应用为Normal Map才能确保纹理采样在线性空间下。

那么有朋友就要问了，unity！unity！我用Default但不勾选sRGB不就可以了吗？unity答：不行。

为什么呢？因为根据TNB矩阵的组织方式，切线空间中垂直表面的轴实际上是x轴而不是z轴，如果想直接使用原始法线贴图，需要调整颜色通道顺序。

如果只用线性空间采样，输出采样结果经过映射后其实是大红色的，即（1.0，0.0，0.0），怎么回事呢？

 映射指颜色范围0~1到法线范围-1~1，而映射前是粉红色的。据说解包出的法线纹理也是粉红色的，和这个有关系吗？

法线贴图And图像压缩

贴图设置为Normal Map就可以了吗？换个法线变换明显材质试试看看😕。

输出法线，很明显少了一部分。

怎么回事呢，采访一下纹理压缩格式。

DXT5|BC3：“我不到啊。”

Unity：“他说（DXT5|BC3）他的alpha和green通道最好用，我就按他说的来了。”

言归正传，BC3是DXT5在DirectX 10中的别称，以下都以将以BC3称呼，BC是怎么压缩图像的这里就不过多解释了，直接看BC3压缩后的格式。

BC3 格式使用 5:6:5 颜色（5 位红色、6 位绿色、5 位蓝色）存储颜色数据，使用一个字节存储 alpha 数据。 更多的位数意味着更大的颜色深度，即更好的颜色表现。对法线来说，其归一化后长度为1，知道x，y即可计算z，所以当选择Texture为NormalMap时，Unity会自动处理成alpha和green通道以帮助我们得到最佳的图像效果。

在压缩大多数 RGBA 纹理时最好使用此格式。对于 RGB（无 Alpha）纹理，DXT1 更适合。当针对 DX11 类硬件（新版 PC、PS4、XboxOne）时，使用 BC7 可能很有用，因为压缩品质通常更好。

拓展一下，Unity中RGBA默认用BC3或BC7，BC7有八种模式，但RGBA支持模式下位数最多（之一）的还是alpha通道，颜色三通道则相同，所以用alpha加green通道也是最优解。

虽然法线贴图是RGB图，但还是用了RGBA的处理方式。

此外，Unity法线贴图也支持用BC5进行压缩，不过对应的采样代码就要修改了，反正怎么压缩怎么采样即可。

所以如果想得到正确的法线贴图采样结果，就需要手动提取alpha和green通道作为yz，再求解出x，这里的对应关系很重要。

通过UV检查图确定UV坐标原点为面左下角，然后只输出法线贴图上采样green通道的颜色。

可以确定green通道对应副切线，输出alpha通道。

可知alpha通道对应切线，那么法线方向的值就是要算的了，计算出法线方向输出值输出结果如下。

说明前面的推测是正确的，又由于TNB矩阵的组织方式是world normal，world tangent，world bitangent，所以alpha和green通道作为yz，再求解出最后一个值作为x。

float3x3 TNB = float3x3(normalize(v2p.normal), normalize(v2p.tangent), normalize(v2p.bitangent));

处理一下就能够将原法线贴图绘制出来，右图颜色更深是由于右图在线性颜色空间下+显示屏Gamma2.2调整，左图在线性空间下+Unity自动Gamma0.45调整+显示屏Gamma2.2调整。

修正后效果：

🔻Gamma问题，光照对了但球的颜色很淡很淡。原因是Color Space选择Linear时，Unity会自动对渲染窗口做一次Gamma0.45。而我参考LearnOpen GL在Shader中也实现了一次Gamma 0.45，所以结果是两次Gamma0.45，加上显示器的一次Gamma2.2，最终输出颜色还是Gamma 0.45，所以会感觉很淡（如果Color Space选Gamma，就需要手动校正）。

参考：Gamma 和 Linear Space的设置 Unity

然后终终终终于实现成功了“网图”的效果！

Unity中显示法线，切线，副切线（附代码）

先前为了查看切线是否有问题，写了个非常简单的脚本显示各顶点的切线坐标轴（使用前要reset对象的transform），结果显示模型非常健康。

using System.Collections;
using System.Collections.Generic;
using UnityEngine;public class ShowNormalsAndTangents : MonoBehaviour
{[SerializeField]float normalLength = 0.03f;// Update is called once per framevoid OnDrawGizmosSelected(){Mesh mesh = GetComponent<MeshFilter>().sharedMesh;Vector3[] v = mesh.vertices;Vector3[] n = mesh.normals;Vector4[] t = mesh.tangents;for (int i = 0; i < v.Length; i++) {Gizmos.color = Color.red;Gizmos.DrawRay(v[i], n[i] * normalLength);Gizmos.color = Color.green;Gizmos.DrawRay(v[i], new Vector3(t[i].x, t[i].y, t[i].z) * normalLength);Vector3 bitangent = Vector3.Normalize(Vector3.Cross(n[i], new Vector3(t[i].x, t[i].y, t[i].z)) * t[i].w);Gizmos.color = Color.blue;Gizmos.DrawRay(v[i], bitangent * normalLength);}}
}

Unity中显示法线，切线，副切线（几何着色器实现代码）

这里再补充一个用几何着色器实现的法线，切线和副切线显示。完全重叠的线只会显示一条，所以有可能会看到缺少了某条线，其实是被覆盖掉了。

// Upgrade NOTE: replaced '_World2Object' with 'unity_WorldToObject'
// Upgrade NOTE: replaced 'mul(UNITY_MATRIX_MVP,*)' with 'UnityObjectToClipPos(*)'// Upgrade NOTE: replaced '_Object2World' with 'unity_ObjectToWorld'
// Upgrade NOTE: replaced '_World2Object' with 'unity_WorldToObject'
// Upgrade NOTE: replaced 'mul(UNITY_MATRIX_MVP,*)' with 'UnityObjectToClipPos(*)'Shader "Custom/ShowNormals"
{Properties{_LineLength("LineLength", float) = 0.03_NormalLineColor("NormalLineColor", Color) = (1.0, 0.0, 0.0, 1.0)_TangentLineColor("TangentLineColor", Color) = (0.0, 1.0, 0.0, 1.0)_BitangentLineColor("BitangentLineColor", Color) = (0.0, 0.0, 1.0, 1.0)}SubShader{Pass{HLSLPROGRAM#pragma vertex VS_Main#pragma fragment FS_Main#pragma geometry GS_Mainfloat4x4 unity_MatrixVP;float4x4 unity_ObjectToWorld;float4x4 unity_WorldToObject;float _LineLength;float4 _NormalLineColor;float4 _TangentLineColor;float4 _BitangentLineColor;struct VS_INPUT{float3 m_pos:POSITION;float3 normal:NORMAL;float4 tangent:TANGENT;};struct GS_INPUT{float4 pos:POSITION;float3 w_normal:NORMAL;float3 w_tangent:TANGENT;float3 w_bitangent:TEXCOORD0;};struct FS_INPUT{float4 pos:POSITION;float4 lineColor:TEXCOORD0;};//step1GS_INPUT VS_Main(VS_INPUT input){GS_INPUT output;output.pos = mul(unity_ObjectToWorld, float4(input.m_pos, 1.0));output.w_normal = mul(transpose((float3x3)unity_WorldToObject), input.normal);output.w_tangent = mul((float3x3)unity_ObjectToWorld, input.tangent.xyz);output.w_bitangent = cross(output.w_normal, output.w_tangent) * input.tangent.w;return output;}[maxvertexcount(18)] //GS单次调用可以输出的最大顶点数量，这里每个顶点会变成俩顶点所以是3*2；void GS_Main(triangle GS_INPUT gsIn[3], inout LineStream<FS_INPUT> triStream){for(uint i = 0; i < 3; ++i){FS_INPUT pIn;pIn.pos = mul(unity_MatrixVP, gsIn[i].pos);FS_INPUT pIn1;float4 pos= gsIn[i].pos + float4(normalize(gsIn[i].w_normal), 0.0) * _LineLength;pIn1.pos = mul(unity_MatrixVP, pos);pIn.lineColor = _NormalLineColor;pIn1.lineColor = _NormalLineColor;triStream.Append(pIn);triStream.Append(pIn1);triStream.RestartStrip();FS_INPUT pIn2;pos = gsIn[i].pos + float4(normalize(gsIn[i].w_tangent), 0.0) *_LineLength;pIn2.pos = mul(unity_MatrixVP, pos);pIn.lineColor = _TangentLineColor;pIn2.lineColor = _TangentLineColor;triStream.Append(pIn);triStream.Append(pIn2);triStream.RestartStrip();FS_INPUT pIn3;pos = gsIn[i].pos + float4(normalize(gsIn[i].w_bitangent), 0.0) *_LineLength;pIn3.pos = mul(unity_MatrixVP, pos);pIn.lineColor = _BitangentLineColor;pIn3.lineColor = _BitangentLineColor;triStream.Append(pIn);triStream.Append(pIn3);triStream.RestartStrip();}}//step3float4 FS_Main(FS_INPUT input) : SV_TARGET0{return input.lineColor;}ENDHLSL}}
}

手动计算TNB

当然也可以手动计算切线空间的坐标系，但这样计算就会使得每个三角形面片都有自己独立的切线空间。例如，左图是模型默认切线空间，法线和切线由该顶点所参与的6个片元的法线和切线平均得到（平滑着色），右图是只根据法线在各片元内重新计算的切线和副切线（如果法线也各片元重新计算，就是平直着色）。【学习TNB矩阵过程中写的意义不明的Shader，而且法线用平均的但切线又重新算这是什么迷惑操作啊】

// Upgrade NOTE: replaced '_World2Object' with 'unity_WorldToObject'
// Upgrade NOTE: replaced 'mul(UNITY_MATRIX_MVP,*)' with 'UnityObjectToClipPos(*)'// Upgrade NOTE: replaced '_Object2World' with 'unity_ObjectToWorld'
// Upgrade NOTE: replaced '_World2Object' with 'unity_WorldToObject'
// Upgrade NOTE: replaced 'mul(UNITY_MATRIX_MVP,*)' with 'UnityObjectToClipPos(*)'Shader "Custom/ShowNormals"
{Properties{_LineLength("LineLength", float) = 0.03_NormalLineColor("NormalLineColor", Color) = (1.0, 0.0, 0.0, 1.0)_TangentLineColor("TangentLineColor", Color) = (0.0, 1.0, 0.0, 1.0)_BitangentLineColor("BitangentLineColor", Color) = (0.0, 0.0, 1.0, 1.0)}SubShader{Pass{HLSLPROGRAM#pragma vertex VS_Main#pragma fragment FS_Main#pragma geometry GS_Mainfloat4x4 unity_MatrixVP;float4x4 unity_ObjectToWorld;float4x4 unity_WorldToObject;float _LineLength;float4 _NormalLineColor;float4 _TangentLineColor;float4 _BitangentLineColor;struct VS_INPUT{float3 m_pos:POSITION;float2 uv:TEXCOORD;float3 normal:NORMAL;};struct GS_INPUT{float4 pos:POSITION;float2 uv:TEXCOORD0;float3 normal:NORMAL;};struct FS_INPUT{float4 pos:POSITION;float4 lineColor:TEXCOORD0;};GS_INPUT VS_Main(VS_INPUT input){GS_INPUT output;output.pos = mul(unity_ObjectToWorld, float4(input.m_pos, 1.0));output.normal = normalize(mul(transpose((float3x3)unity_WorldToObject), input.normal));output.uv = input.uv;return output;}[maxvertexcount(18)] //GS单次调用可以输出的最大顶点数量，这里每个顶点会变成俩顶点所以是3*2；void GS_Main(triangle GS_INPUT gsIn[3], inout LineStream<FS_INPUT> triStream){float3 edge1 = gsIn[1].pos - gsIn[0].pos; float3 edge2 = gsIn[2].pos - gsIn[0].pos;float2 deltaUV1 = gsIn[1].uv - gsIn[0].uv; float2 deltaUV2 = gsIn[2].uv - gsIn[0].uv; float f = 1.0 / (deltaUV1.x * deltaUV2.y - deltaUV2.x * deltaUV1.y);float3 tangent;tangent.x = f * (deltaUV2.y * edge1.x - deltaUV1.y * edge2.x);tangent.y = f * (deltaUV2.y * edge1.y - deltaUV1.y * edge2.y);tangent.z = f * (deltaUV2.y * edge1.z - deltaUV1.y * edge2.z);float3 bitangent;bitangent.x = f * (-deltaUV2.x * edge1.x + deltaUV1.x * edge2.x);bitangent.y = f * (-deltaUV2.x * edge1.y + deltaUV1.x * edge2.y);bitangent.z = f * (-deltaUV2.x * edge1.z + deltaUV1.x * edge2.z);for(uint i = 0; i < 3; ++i){float3 m_tangent = normalize(tangent - gsIn[i].normal * dot(gsIn[i].normal, tangent));float3 m_bitangent = normalize(cross(tangent, gsIn[i].normal)); FS_INPUT pIn;pIn.pos = mul(unity_MatrixVP, gsIn[i].pos);FS_INPUT pIn1;float4 pos= gsIn[i].pos + float4(gsIn[i].normal, 0) *_LineLength;pIn1.pos = mul(unity_MatrixVP, pos);pIn.lineColor = _NormalLineColor;pIn1.lineColor = _NormalLineColor;triStream.Append(pIn);triStream.Append(pIn1);triStream.RestartStrip();FS_INPUT pIn2;pos = gsIn[i].pos + float4(m_tangent, 0) *_LineLength;pIn2.pos = mul(unity_MatrixVP, pos);pIn.lineColor = _TangentLineColor;pIn2.lineColor = _TangentLineColor;triStream.Append(pIn);triStream.Append(pIn2);triStream.RestartStrip();FS_INPUT pIn3;pos = gsIn[i].pos + float4(m_bitangent, 0) *_LineLength;pIn3.pos = mul(unity_MatrixVP, pos);pIn.lineColor = _BitangentLineColor;pIn3.lineColor = _BitangentLineColor;triStream.Append(pIn);triStream.Append(pIn3);triStream.RestartStrip();}}float4 FS_Main(FS_INPUT input) : SV_TARGET0{return input.lineColor;}ENDHLSL}}
}

TNB矩阵和UV坐标关系

（不确定！）使用默认切线，在网格形变时可能会有问题？

把平面网格左下角的顶点移动到平面中心，世界空间下的法线出现了大问题（如下），左图的斜边应该是同样的颜色才对（即法线方向相同）。

梳理梳理TNB和法线贴图采样的过程导致问题的原因其实很明确，个人感觉对于会产生形变的网格，需要手动计算TBN矩阵时，考虑到TNB正交化对UV采样法线贴图的影响，需要对采样后的法线再增加一个和TNB正交化有关系的变换，可能后面会补充一下这部分的实现。

几何着色器：

https://zhuanlan.zhihu.com/p/585436751

DirectX11 With Windows SDK--15 几何着色器初探 - X_Jun - 博客园

渲染管线（主要是重新了解几何着色器）：

一文读懂什么是渲染管线(7k字) - 天份& - 博客园

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

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

相关文章

向量数据库FAISS之五：原理(LSH、PQ、HNSW、IVF)

向量数据库FAISS之五：原理(LSH、PQ、HNSW、IVF)

1.Locality Sensitive Hashing (LSH) 使用 Shingling MinHashing 进行查找 左侧是字典&#xff0c;右侧是 LSH。目的是把足够相似的索引放在同一个桶内。 LSH 有很多的版本&#xff0c;很灵活&#xff0c;这里先介绍第一个版本&#xff0c;也是原始版本 Shingling one-hot …
阅读更多...
基于YOLOv8深度学习的无人机航拍小目标检测系统(PyQt5界面+数据集+训练代码)

基于YOLOv8深度学习的无人机航拍小目标检测系统(PyQt5界面+数据集+训练代码)

本研究提出并实现了一种基于YOLOv8深度学习模型的无人机航拍小目标检测系统&#xff0c;旨在解决高空环境下汽车目标检测的技术难题。随着无人机技术的发展&#xff0c;航拍图像已广泛应用于交通监控、城市管理、灾害应急等多个领域。然而&#xff0c;由于无人机通常在较高的飞…
阅读更多...
LeetCode 热题 100 回顾

LeetCode 热题 100 回顾

目录 一、哈希部分 1.两数之和 &#xff08;简单&#xff09; 2.字母异位词分组 &#xff08;中等&#xff09; 3.最长连续序列 &#xff08;中等&#xff09; 二、双指针部分 4.移动零 &#xff08;简单&#xff09; 5.盛最多水的容器 &#xff08;中等&#xff09; 6…
阅读更多...
使用 PyTorch 实现 ZFNet 进行 MNIST 图像分类

使用 PyTorch 实现 ZFNet 进行 MNIST 图像分类

在本篇博客中&#xff0c;我们将通过两个主要部分来演示如何使用 PyTorch 实现 ZFNet&#xff0c;并在 MNIST 数据集上进行训练和测试。ZFNet&#xff08;ZFNet&#xff09;是基于卷积神经网络&#xff08;CNN&#xff09;的图像分类模型&#xff0c;广泛用于图像识别任务。 环…
阅读更多...
【计算机网络实验】之静态路由配置

【计算机网络实验】之静态路由配置

【计算机网络实验】之静态路由配置 实验题目实验目的实验任务实验设备实验环境实验步骤路由器配置设置静态路由测试路由器之间的连通性配置主机PC的IP测试 实验题目 静态路由协议的配置 实验目的 熟悉路由器工作原理和机制&#xff1b;巩固静态路由理论&#xff1b;设计简单…
阅读更多...
driver.js实现页面操作指引

driver.js实现页面操作指引

概述 在访问某些网站的时候&#xff0c;第一次进去你会发现有个操作指引&#xff0c;本文引用driver.js&#xff0c;教你在你的页面也加入这般高大上的操作指引。 实现效果 实现 driver.js简介 driver.js是一个功能强大且高度可定制的基于原生JavaScript开发的新用户引导库…
阅读更多...
无人机航测技术算法概述！

无人机航测技术算法概述！

一、核心技术 传感器技术&#xff1a; GPS/GLONASS&#xff1a;无人机通过卫星定位系统实现高精度的飞行控制和数据采集。 高清相机&#xff1a;用于拍摄地面图像&#xff0c;通过后续图像处理生成三维模型。 激光雷达&#xff08;LiDAR&#xff09;&#xff1a;通过激光扫…
阅读更多...
Docker 基础命令介绍和常见报错解决

Docker 基础命令介绍和常见报错解决

介绍一些 docker 可能用到的基础命令&#xff0c;并解决三个常见报错&#xff1a; 权限被拒绝&#xff08;Permission Denied&#xff09;无法连接到 Docker 仓库&#xff08;Timeout Exceeded&#xff09;磁盘空间不足&#xff08;No Space Left on Device&#xff09; 命令以…
阅读更多...
Java RPC框架的接口预热原理及无损实现

Java RPC框架的接口预热原理及无损实现

&#x1f680; 博主介绍&#xff1a;大家好&#xff0c;我是无休居士&#xff01;一枚任职于一线Top3互联网大厂的Java开发工程师&#xff01; &#x1f680; &#x1f31f; 在这里&#xff0c;你将找到通往Java技术大门的钥匙。作为一个爱敲代码技术人&#xff0c;我不仅热衷…
阅读更多...
java的强，软，弱，虚引用介绍以及应用

java的强，软，弱，虚引用介绍以及应用

写在前面 本文看下Java的强&#xff0c;软&#xff0c;弱&#xff0c;虚引用相关内容。 1&#xff1a;各种引用介绍 顶层类是java.lang.ref.Reference,注意是一个抽象类&#xff0c;而不是接口&#xff0c;其中比较重要的引用队列ReferenceQueue就在该类中定义&#xff0c;子…
阅读更多...
已有docker增加端口号，不用重新创建Docker

已有docker增加端口号，不用重新创建Docker

已有docker增加端口号&#xff0c;不用重新创建Docker 1. 整体描述2. 具体实现2.1 查看容器id2.2 停止docker服务2.3 修改docker配置文件2.4 重启docker服务 3. 总结 1. 整体描述 docker目前使用的非常多&#xff0c;但是每次更新都需要重新创建docker&#xff0c;也不太方便&…
阅读更多...
jmeter常用配置元件介绍总结之断言

jmeter常用配置元件介绍总结之断言

系列文章目录 1.windows、linux安装jmeter及设置中文显示 2.jmeter常用配置元件介绍总结之安装插件 3.jmeter常用配置元件介绍总结之线程组 4.jmeter常用配置元件介绍总结之函数助手 5.jmeter常用配置元件介绍总结之取样器 6.jmeter常用配置元件介绍总结之jsr223执行pytho…
阅读更多...
OpenLayers教程12_WebGL自定义着色器：实现高级渲染效果

OpenLayers教程12_WebGL自定义着色器：实现高级渲染效果

在 OpenLayers 中使用 WebGL 自定义着色器实现高级渲染效果 目录 一、引言二、WebGL 自定义着色器的优势三、示例应用&#xff1a;实现动态渲染效果 1. 项目结构2. 主要代码实现3. 运行与效果 四、代码讲解与扩展 1. 动态圆的半径和填充颜色2. 动态透明度与边框效果 五、总结…
阅读更多...
Axure二级菜单下拉交互实例

Axure二级菜单下拉交互实例

1.使用boxlabe进行基础布局 2.设置鼠标悬浮和选中状态 3.转换为动态面板 选中所有二级菜单,进行按钮组转换 选中所有二级菜单,进行动态面板转换 4.给用户管理增加显示/隐藏事件 1)选择toggle代表上拉和下拉切换加载 2)勾选Bring to Front,并选择Push/Pull Widgets代表收缩时…
阅读更多...
SpringSecurity+OAuth2权限管理

SpringSecurity+OAuth2权限管理

Spring Security 零 介绍 功能&#xff1a; 身份认证&#xff08;authentication&#xff09; 授权&#xff08;authorization&#xff09; 防御常见攻击&#xff08;protection against common attacks&#xff09; 身份认证&#xff1a; 身份认证是验证谁正在访问系统资…
阅读更多...
为什么芯麦的 GC4931P 可以替代A4931/Allegro 的深度对比介绍

为什么芯麦的 GC4931P 可以替代A4931/Allegro 的深度对比介绍

在电机驱动芯片领域&#xff0c;芯麦 GC4931P 和 A4931 都是备受关注的产品。它们在多种应用场景中发挥着关键作用&#xff0c;今天我们就来详细对比一下这两款芯片。 一、性能参数对比 &#xff08;一&#xff09;电流输出能力 A4931 具有一定的电流输出能力&#xff0c;但芯…
阅读更多...
ThreadLocal原理及其内存泄漏

ThreadLocal原理及其内存泄漏

ThreadLocal通过为每个线程创建一个共享变量的副本来保证各个线程之间变量的访问和修改互不影响。 ThreadLocal存放的值是线程内共享的&#xff0c;线程间互斥的&#xff0c;主要用于线程内共享数据&#xff0c;避免通过参数传递。 ThreadLocal有四个方法&#xff1a; initialV…
阅读更多...
工业大数据分析与应用：开启智能制造新时代

工业大数据分析与应用：开启智能制造新时代

在全球工业4.0浪潮的推动下&#xff0c;工业大数据分析已经成为推动智能制造、提升生产效率和优化资源配置的重要工具。通过收集、存储、处理和分析海量工业数据&#xff0c;企业能够获得深刻的业务洞察&#xff0c;做出更明智的决策&#xff0c;并实现生产流程的全面优化。本文…
阅读更多...
web安全测试渗透案例知识点总结（上）——小白入狱

web安全测试渗透案例知识点总结（上）——小白入狱

目录 一、Web安全渗透测试概念详解1. Web安全与渗透测试2. Web安全的主要攻击面与漏洞类型3. 渗透测试的基本流程 二、知识点详细总结1. 常见Web漏洞分析2. 渗透测试常用工具及其功能 三、具体案例教程案例1&#xff1a;SQL注入漏洞利用教程案例2&#xff1a;跨站脚本&#xff…
阅读更多...
每天五分钟机器学习：支持向量机算法数学基础之核函数

每天五分钟机器学习：支持向量机算法数学基础之核函数

本文重点 从现在开始，我们将开启支持向量机算法的学习，不过在学习支持向量机算法之前，我们先来学习一些支持向量机所依赖的数学知识，这会帮助我们更加深刻的理解支持向量机算法，本文我们先来学习核函数。 定义 核函数（Kernel Function）是一种在支持向量机（SVM）、高…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023