顶点移动后动态重新计算法线 - 腾讯云开发者社区

文章/答案/技术大牛

发布

【笔记】《Surface-from-Gradients: ...》的思路

, 而小面片的具体位置和朝向则是由其本身的四个顶点v决定的有了数据结构后, 文章的目的就是前面说的, 将这些小面片旋转,移动到恰当的位置从而构造出一个比较不失真的重建表面....首先这里的面片移动, 又一个关键的地方在于由于重建表面与法线图应该是一一对应关系, 因此面片的移动只发生在Z轴上, 不会改变面片的xy坐标....对于算法中的"局部变形"操作实际上就是将当前的顶点映射到四个最近的可行域上. 接着算法的"全局混合"步骤使得这四个映射后的顶点全局考虑被合理地重新融合为1个点, 决定了顶点v的新的坐标....对于这个过程, 将得到的新的顶点位置重新进行这一段处理, 迭代数次后每个顶点都会达到一个合理的位置, 也就是收敛到一个稳定的表面, 这样重建就完成了. ?...为了计算这些向量, 我们可以写出下面的矩阵N, 这个矩阵是应用在前面的z向量和p向量上的, 拆开来尝试一下就知道这实际上完成了求顶点中心和做差得到向量的过程有了这个矩阵后, 对于这个约束我们可以写出下面这个代价函数

9822 0

MSN门户重新改版以移动设备和云计算为先

微软已经推出了经过重新设计的MSN.com，提供比以前更好的网络体验。微软也将重新命名Windows Phone，以及iOS和Android版本的必应App。...微软在官方博客中表示：“我们已经重建了MSN，以移动和云计算为先。新的MSN汇集了世界上最好的媒体资源以及数据和服务，使用户能够获得更多新闻，体育，金钱，旅游，食品饮料，健康和健身方面的资讯。”...信息和个性化的设置是通过云计算漫游，以使用户无论在哪里，都能跟上资讯步伐。...最重要的是，新版MSN为触摸和移动设备进行了优化。

1.3K6 0

您找到你想要的搜索结果了吗？

是的

没有找到

云计算+移动性=重新思考网络防御战略

随着传统物理界限逐渐模糊，最终用户开始从几乎任何设备任何地方连接到网络，利用云计算和移动性。所有这些都迫使IT企业重新思考其网络防御战略以保护高价值资产。 ?...1 DDoS：拒绝服务和分散注意力构成最大的威胁现在企业越来越依赖网络，并且开始部署的新的不断变化的访问模式(横跨移动性和云计算)，这给IT安全构成了最大风险。...用户可能被攻击者欺骗，相信某个应用为合法移动应用，而实际上包含恶意软件。在恶意软件被下载以及设备被感染后，攻击者就可以获得整个Wi-Fi网络的访问权限，包括运行在该网络的企业笔记本电脑。...攻击者还可以通过这些企业计算机入侵企业系统。对于抵御移动网络相关的数据泄露事故，企业有着陡峭的学习曲线。...IT不仅需要部署政策来限制非托管设备对企业资源的访问权限，还需要重新评估其对托管设备的控制是否真正有效。 3 企业软件即服务的使用造成云计算不安全即使企业部署广泛的企业云计算战略，安全问题仍然存在。

86912 0

基础渲染系列（四）——光照（Unity）

相反，球体的顶点法线都指向不同的方向，从而产生平滑的插值。 1.2 动态批次当旋转它们的时候，立方体法线发生了一些奇怪的事情。我们预期每个立方体应该一直是相同的颜色，但事实并非如此。...和动态批处理不同的是，静态批处理是在构建时候发生的，同样它也涉及到世界空间的转换。 ? （法线，现在没有动态批处理了）如果你担心动态批处理会导致法线计算带来的问题的话，那么大可不必。...这是因为当曲面沿一个纬度拉伸时，其法线不会以相同的方式拉伸。 ? （将X缩放，顶点和法线都缩小½）当比例尺不均匀时，应将其反转为法线。这样，法线在再次进行归一化后才能与变形过的表面形状相匹配。...1.4 重新归一化在顶点程序中生成正确的法线后，它们将通过插值器传递。不过，由于不同单位长度向量之间的线性内插不会产生另一个单位长度向量。它会更短。...因此，我们必须在片段着色器中再次归一化法线。 ? ? （重新归一化的法线）尽管这会产生更好的结果，但其实不做的话，误差通常也很小。如果你更重视性能，则可以不对片段着色器进行重新归一化。

3.2K2 0

解决 webpack 打包后 z-index 重新计算的问题

开发时候遇到了一个问题，webpack 打包后 css 的 z-index 值与原始值不符，导致 iframe 里面的 toast 被外面 z-index 较小的 dialog 覆盖。...important 后依然无效，查资料发现是 OptimizeCssAssetsPlugin 调用 cssProcessor cssnano 对 z-index 进行了重新计算导致的。...解决方案解决方案按照网上的资料，可以在 OptimizeCssAssetsPlugin 插件中关掉 cssnano 对 z-index 的重新计算（cssnano 称为 rebase）。...cssnano'), cssProcessorOptions: { discardComments: {removeAll: true}, // 避免 cssnano 重新计算...于是仿照 element-ui 的做法，把 z-index 相关的 css 用 js 动态插入到 DOM 中，就完美地解决了这个问题，并且没有对其它项目产生影响。

7502 0

Unity Mesh基础系列（四）mesh变形（制作一个弹力球）

为了计算简单，我们将忽略质量，就好像它是均匀分布的，每个顶点的都一样。所以最后的速度变化是： ? ? 在该点上，我们已经有了一个速度了，但还没有方向。这可以通过规范最开始使用的法线向量来得到。...因为网格的形状不再是恒定的，我们也必须重新计算它的法线。 ? 更新顶点是调整其位置可以通过： ? ? 这些顶点会一直更新下去吗？...是的，每个update 所有的顶点都被移位，然后分配给网格，然后法线被重新计算。即使没有施加力，因为这个函数就是每帧执行的。但是如果用户没有让网格变形，这个方法可以被认为是浪费性能。...这是因为弹簧力一直在拉它，而顶点却在自我校正，从而提高了它的速度。而且它只有在向后移动很远后才会减速。这里可以通过不断地减缓顶点的速度来防止这种永恒的振荡。这种阻尼效应可以替代电阻、阻力、惯性等。...现在所有的计算都是在局部空间进行的。移动或旋转我们的球体。你会发现变形力会被不正确地施加。我们必须补偿物体的transformation。通过将变形力的位置从世界空间转换到局部空间来实现这一点。

4.3K3 0

OpenGL学习笔记（三）- 坐标系与顶点变换

但是在NDC坐标中，我们希望z分量能提供一个顶点的深度信息，因此我们还需重新考虑z分量的映射。但是当我们进行线性映射的时候，却发现计算出的包含二次项。...透视除法经过裁剪后，剩余的所有顶点的坐标值应该都不会大于其w分量（也就是都落在平截头体内），因此我们通过透视除法把裁剪空间坐标转化为标准化设备坐标。...法线矩阵之前我们都在谈论顶点坐标的变换。但是顶点并不仅仅包含坐标数据，它还包含了其他的数据。而在这些坐标系变换中，也不仅仅只有顶点坐标会受到影响。...法线就是会受到这些变换影响的一个属性，而法线矩阵就是对法线应用类似变换的矩阵。法线广泛应用于光照的计算（下一篇文章就会介绍光照了），通过修改法线我们能给模型创造更和谐的视觉效果。...由于光照的计算发生在观察空间，因此我们取那么变换后的法向量就是了。

4.4K2 1

UE5的Nanite刷屏？Unity破解Nanite几十亿面渲染只需三招

三：表面移位，基于曲面细分的具体应用，实现动态调整GPU顶点位置，处理曲面细分之后的阴影，以及剔除不可见细分。...那么我们游戏开发中常用的一个方式叫法线，它可以帮助我们产生一定程度的立体感和光照计算，比如下面就是一张正常的纹理和它的法线： ? ? 当我们只使用正常纹理的时候，Unity里的表现如下： ?...有了高度贴图之后，我们就可以把它和原纹理、法线进行采样，调和计算之后，形成如下效果。 ?...曲面细分后动态生成的小兔子： ? 曲面细分的原理和我们游戏开发中常用的高模低模类似。只不过我们常用的都是两套资源，先做高模烘法线，光影等信息，然后再朝低模上面贴。曲面细分则是根据算法动态生成。...一般来说把视差贴图按照法线方向移动就没什么问题了。 ?

9.8K6 3

Shader经验分享

用同样的因子对rgba进行混合(默认都开启混合)第一个参数对源颜色(当前片元颜色,ps输出的颜色)*SrcFactor混合，第二个参数对目标颜色(当前读到的缓冲区颜色)*DstFactor混合,混合后默认相加后会重新写入缓冲区...uv坐标的xy是顶点坐标，映射到小格子里边，和UItexture的xy和宽高不一样。背景偏移动画：时间控制uv坐标偏移。水流动画：通过时间和正弦函数去控制顶点偏移，通过时间控制uv移动。...(RenderTexture src, RenderTexture dest){}//全部渲染完后将调用，屏幕纹理存在src上，用来计算后通过dest返回，添加[ImageEffectOpaque]属性...地面雾效：通过深度值和摄像机的方向向量计算该点到摄像机的偏移量，再加上摄像机的位置得到该顶点在世界空间中的坐标，然后把该坐标的y值参与雾效计算。如果用坐标z参与计算和深度雾类似。...阴影的pass里边算阴影时也把该项给clip掉，这样阴影就动态变化了//clip(burn.r - _BurnAmount); 水面扰动效果:用时间去控制偏移距离，然后对该顶点的uv偏移两点的法线平均值来代替该点的法线值

2.4K4 0

第5章-着色基础-5.3-实现着色模型

这些属性通常包括曲面的位置、曲面法线以及可选的曲面切线向量（如果需要进行法线映射）。请注意，即使顶点着色器总是生成单位长度的表面法线，插值也可以改变它们的长度。请参见图5.10的左侧。...出于这个原因，法线需要在像素着色器中重新归一化（缩放到长度 1）。但是，顶点着色器生成的法线长度仍然很重要。如果顶点之间的法线长度变化很大，例如，作为顶点混合的副作用，这将扭曲插值。...gl_Position变量是任何顶点着色器所需的输出。请注意，法线向量在顶点着色器中未归一化。...这与移动GPU尤其相关，其中混合通常在像素着色器中执行。通常需要独立地用于表面着色的材质来选择这些操作。将用于计算着色模型参数的操作与着色模型本身的计算组合起来。...遗憾的是，与CPU代码不同，GPU着色器不允许代码片段的编译后链接。每个着色器阶段的程序被编译为一个单元。

4.1K1 0

OpenGl读取导入3D模型并且添加鼠标移动旋转显示

vertex normals mesh.request_vertex_normals(); //如果不存在顶点法线，则报错 if (!...// 如果有顶点法线则读取文件，读入到mesh对象中 OpenMesh::IO::Options opt; if (!...没有的话我们计算面法线来替代 //如果不存在顶点法线，则计算出 if (!...opt.check(OpenMesh::IO::Options::VertexNormal)) { // 通过面法线计算顶点法线 mesh.request_face_normals...(); // mesh计算出顶点法线 mesh.update_normals(); // 释放面法线 mesh.release_face_normals

3K3 0

【笔记】《计算机图形学》(11)——纹理映射

对于纹理图片意外的区域, 我们通常在计算的时候对其动态进行一些可能的处理固定返回某一种颜色缩放纹理图片来匹配这个区域复制图片边缘的某个颜色(按照一定规律插值) 动态计算纹理重复的效果, 将纹理扩展到图片范围以外....因此我们用一张RGB图片称为法线图, 用纹理映射的方法在运行中查找当前需要渲染的顶点的法线, 然后用图中RGB代表的xyz的法线来参与光照计算....切线空间使得我们应用法线时要通过法线图的法线来叠加改变当前要渲染的物体表面的法线, 计算光照着色....我们知道凹凸图中保存了物体的深度信息,置换贴图就首先对模型进行了曲面细分, 然后在纹理查找的时候, 凹凸图动态改变目标表面的顶点位置, 让顶点按照法线方向进行深度改变, 这个过程由于是在着色的时候才进行所以相对来说不会消耗太大的性能...之所以称为程序三维纹理, 是因为这里的纹理值实际上与当前计算的顶点的坐标或者说某个输入的三维参数有关, 而且这个值并不是提前渲染后再进行查找的, 而是通过一定的表达式计算出来的, 之所以要做这种事情是为了能在物体表面上附着动态的可变化的纹理

5K4 1

基础渲染系列（六）——凹凸

如果灯光改变或物体移动，阴影也应该跟着改变才对。否则，假象就被识破了。尤其是在镜面反射的情况下，甚至不允许相机移动。还可以更改法线以创建表面的错觉。但是每个四边形只有四个法线，每个顶点一个。...（从高度图中生成法线图）应用导入设置后，Unity将计算法线贴图。原始高度图仍然存在，但是Unity内部使用生成的贴图。就像我们将法线可视化为颜色时一样，必须对其进行调整以使其在0–1范围内。...然后对这些向量进行插值，而不对每个片段进行重新归一化。通过计算cross（normal.xyz，tangent.xyz）* tangent.w可以找到副法线。...4.4 逐顶点或者逐像素的副法线如果要与Unity的标准着色器保持一致，则必须计算每个顶点的副法线。这样做的好处是我们不必在片段着色器中计算叉积。缺点是我们需要一个附加的插值器。...让我们将副法线计算放在自己的函数中。然后，可以在顶点着色器或片段着色器中使用它。 ? 由于未在任何地方定义BINORMAL_PER_FRAGMENT，因此我们的着色器现在将计算每个顶点的双法线。

4.5K4 0

用Three.js建模

可以手工设置几何对象的法线向量，但也可以使用Three.js中Geometry类的方法进行计算，例如： pyramidGeom.computeFaceNormals(); 此方法计算每个面的法线矢量，其中法线向量垂直于面...Face3包含了一个顶点法线数组，我们可以手动设置，three.js也可以通过计算三角面的法线的平均值来得到光滑表面的顶点法线的合理估值。...具有表面法线但没有顶点法线的几何体将无法使使其flatShading属性为false的材质，要在金字塔的表面使用平滑着色（Smooth Shading），应将每个三角面各顶点法线设置为与该三角面的面法线一致...将颜色应用于面的第二种方法是将不同的颜色应用于三角面的每个顶点。然后，WebGL 将插值顶点颜色值以计算面内部各像素的颜色。...相反，它们被组合起来计算另一个属性，obj.matrix，它将对象的变换表示为一个矩阵。默认情况下，每次渲染场景时，都会自动重新计算此矩阵。

8.4K0 2

OpenGL ES (iOS) 学习笔记 — 基础篇（一）

可编程管线方便开发者动态修改渲染过程，而无需重写编译代码，当然也和很多脚本语言一样，调试起来不太方便。 Vertex Shader（顶点着色器）顶点着色器实现了顶点变换阶段的功能。...其输入时定点数据，即位置、颜色、法线等。顶点shader可以编写代码实现如下功能： 1、使用模型视图矩阵以及投影矩阵进行顶点变换。 2、法线变换及归一化。 3、纹理坐标生成和变换。...所以开发者不能只编写法线变换的Shader，而指望固定功能帮你完成纹理坐标生成。顶点处理器只是操作顶点而不是面，所以顶点处理器不能进行类似背面剔除这样的操作。...片断处理器运行Fragment Shader以后可以进行如下操作： 1、逐像素计算颜色和纹理坐标。 2、应用纹理。 3、雾化计算。 4、如果需要逐像素光照，可以用来计算法线。...片断处理器的输入是顶点坐标、颜色、法线等计算插值得到的结果。Vertex Shader对每个顶点的属性值进行了计算，现在将对图元中的每个片断进行处理，因此需要插值的结果。

2.8K10 0

【笔记】《Deep Detail Enhancement for Any Garment》的思路

，得到材质后将材质类别和法线图小块一起喂给另一个负责增强的网络对图片进行法线细节增强，但是这里负责增强的网络所使用的损失是由另一个网络来提供的，得到的法线用RGB平滑重新组合成法线图后替换掉一开始的粗糙法线图...文章对得到的Gram矩阵进行了误差计算，得到的值作为风格损失Lstyle来衡量增强后的图是否和粗糙的法线图拥有相同的风格，下面的R是有效像素的数量 ? ?...---- 法线图融合网络输出的增强后的法线图，尽管训练的时候是随机裁剪的，但是应用的时候是带有重叠地有规律裁剪的，增强后的法线分块拼接起来，在重叠的区域使用RGB的平均值来替代 ---- 二维法线还原到模型...这个能量函数中np是对应顶点增强后的法线，q是顶点p的所有有连接的相邻点，Δ是拉普拉斯算子，p0是表面优化变形前的初始位置函数第一项由于让单位法线向量与顶点和相邻点构成的单位向量点乘平方，因此就是在最大化新的顶点与周围顶点向量所形成的夹角...这里首先能搜索得到进入其他网格中的顶点p，将那些点映射到物体网格表面的最近位置p*，然后开始迭代一方面保持顶点不要差距太远一方面用Nabla算子计算梯度减少这些点的位置突变 ---- 数据集生成

1.3K3 0

Unity Mesh基础系列（一）生成网格（程序生成）

代表顶点的小圆点现在立即出现了，所有的三角形都在短暂的等待后立即出现。要看到这些块一个一个地出现，我们必须在每次迭代之后更新mesh，而不是只在循环之后更新才行。 ?...请注意，移动到下一行的时候，需要将顶点索引递增一下，因为每一行有一个顶点比Tiles的索引多一个。 ? ? ? 正如你所看到的，整个网格现在充满了三角形，一次一行。...法线是每个顶点单独定义的，所以我们必须填充另外一个向量数组。或者，我们可以要求网格根据其三角形来确定法线本身。这次我们偷下懒。 ? 法线是怎么计算的？...Mesh.RecalculateNormals 计算每个顶点的法线是通过计算哪些三角形与该顶点相连，先确定这些平面三角形的法线，对它们进行平均，最后对结果进行归一化处理。 ? ?...这方便对法线映射进行镜像，这种映射经常用于像人这样具有双边对称性三维模型中。 Unity的着色器执行此计算的方式要求我们使用−1。因为我们是一个平面，所以所有的切线都指向相同的方向，也就是右边。

11.5K4 1

Unity Shader 广告牌效果

广告牌效果指的是，一个二维平面的法线方向始终与视线（摄像机的观察方向）相同。广泛运用于渲染烟雾，云朵，闪光等。它的本质在于构建旋转矩阵，此时我们可以选择三个基向量来构建此矩阵。...指向→的方向（X轴）指向↑的方向（Y轴）平面的法线方向（Z轴）计算方法通常是： 1.根据当前摄像机的方向确定法线方向（广告牌效果的本质），并归一化 normal=normalize(viewDir...); 2.根据得到的法线方向和初始的向上方向（在本地空间中即为float3（0,1,0））计算向右的方向，并归一化 right=normalize(cross(up,normal));（使用向量的叉乘计算...） 3.用计算后的向右方向和法线方向重新校正向上的方向，得到精确值 up'=normalize(cross(right,normal)); 计算出旋转矩阵后对原始的顶点进行各自方向上的偏移脚本如下：...rightDir * v.vertex.x + upDir * v.vertex.y + normalDir * v.vertex.z; 61 62 //将偏移之后的值作为新的顶点传递计算

1.5K1 0

基础渲染系列（二十）——视差（基础篇完结）

使用原始顶点切线和网格数据中的法线向量在顶点程序中创建对象到切线的空间转换矩阵。由于我们仅将其用于转换矢量（而不是位置），因此3×3矩阵就足够了。 ?...循环之后，我们计算线相交的位置。我们可以使用它在上一个和最后一个UV偏移之间进行插值。 ? 数学如何计算？这两个线段定义在两个采样步骤之间的空间内。我们将此空间的宽度设置为1。...完成循环后，不使用最后一个偏移量，而是将偏移量调整为最后两个步骤之间的一半。在该点采样高度。如果我们最终到达表面之下，则将偏移量的四分之一移回到上一个点，然后再次采样。...（动态批处理产生奇怪的效果）问题在于，在将它们组合在单个网格中之后，Unity不会对批量几何的法线和切向量进行归一化。因此，顶点数据正确的假设不再成立。 Unity为什么不对这些向量进行归一化？...这可能是一个明智的决定，不然的话，动态批处理将变得太昂贵而无法实际应用。对顶点法线和切向量不进行归一化对我们来说只是一个问题，因为我们正在将视图向量转换为顶点程序中的切线空间。

3.9K2 0

基础渲染系列（十六）——静态光照

（烘焙光） 1、光贴图执行照明计算非常昂贵。延迟渲染使我们可以使用很多灯光，但是阴影仍然是一个限制因素。如果场景是动态的，那么我们将不可避免地执行这些计算。...（烘焙主方向光）将主定向光转换为烘焙光后，它将不再包含在动态光照中。从动态对象的角度来看，就不存在光了。唯一剩下的就是环境照明，它仍然基于主光源。 ?...为此，我们仅需要顶点位置和uv坐标。不使用法线和切线，但是需要顶点着色器中的光照贴图坐标。 ? 我们可以按原样使用函数，但GetEmission除外。...（放置更多的探针）继续添加和移动探针，直到在所有区域都拥有合理的照明条件并且可接受它们之间的过渡为止 ? （调整探针）可以通过移动动态对象来测试探针。选择动态对象时，还将显示当前影响它的探针。...你还可以查看用于动态对象的插值数据。 ? （移动动态物体穿过探针组）下一章，介绍混合光照。

4.4K2 0

点击加载更多

【笔记】《Surface-from-Gradients: ...》的思路

MSN门户重新改版以移动设备和云计算为先

云计算+移动性=重新思考网络防御战略

基础渲染系列（四）——光照（Unity）

解决 webpack 打包后 z-index 重新计算的问题

Unity Mesh基础系列（四）mesh变形（制作一个弹力球）

OpenGL学习笔记（三）- 坐标系与顶点变换

UE5的Nanite刷屏？Unity破解Nanite几十亿面渲染只需三招

Shader经验分享

第5章-着色基础-5.3-实现着色模型

OpenGl读取导入3D模型并且添加鼠标移动旋转显示

【笔记】《计算机图形学》(11)——纹理映射

基础渲染系列（六）——凹凸

用Three.js建模

OpenGL ES (iOS) 学习笔记 — 基础篇（一）

【笔记】《Deep Detail Enhancement for Any Garment》的思路

Unity Mesh基础系列（一）生成网格（程序生成）

Unity Shader 广告牌效果

基础渲染系列（二十）——视差（基础篇完结）

基础渲染系列（十六）——静态光照

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐