SDF(Signed-distance-field: 有向距离场)(6): 复杂组合空间变换和空间复制(repeat)(生成大规模显示对象)...

最新推荐文章于 2025-07-06 20:27:01 发布
转载 最新推荐文章于 2025-07-06 20:27:01 发布 · 241 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/vilyLei/articles/9720424.html
文章标签：

#游戏

本文探讨了SDF(符号距离场)环境下复杂组合空间变换的方法，详细介绍了如何利用SDF的独特计算方式轻松实现空间复制，适用于生成大规模显示对象。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

SDF(Signed-distance-field: 有向距离场)(3): 空间划分原理(源码解释)
vily_lei的专栏
09-26 1万+
下面这是SDF常用的三个函数: // intersect(求交) vec2 mult(vec2 tA, vec2 tB) { if(tA.x > tB.x) return tA; return tB; } // union(合并) vec2 add(vec2 tA, vec2 tB) { if(tA.x < tB.x) return tA; retu...
SDF(Signed-distance-field: 有向距离场)(4): 缩放-旋转-平移(源码和Demo)
vily_lei的专栏
09-27 1271
Demo1:http://www.artvily.com/sample?sample=sdfStep08Transform Demo2:http://www.artvily.com/sample?sample=sdfStep07 Thanks very much:https://www.shadertoy.com/view/4tcGDr 下面是欧拉角形式的旋转代码: void rot...
字体描边技术Signed Distance Fields
01-18
字体描边技术相关论文， valve的相关论文，关键词：Signed Distance Fields
Unity Shader 月相（SDF有向距离场）
最新发布
m0_65571593的博客
07-06 185
有向距离场：这个场是由空间中的点到目标几何形状表面的最小距离，通常，在物体内的点到物体表面的距离为正，在物体外的点到物体表面的距离为负（也可以相反）。最近做项目中遇到一个常用的shader，正好对于SDF有向距离场做一个简要描述。同样，该原理也可以被应用到3D中。最后，通过调节参数可以获得更多想要的效果。通过调节控制圆环遮罩的大小可以得到的效果。通过调节中心点参数，可以形成月亮的大小。1.月亮贴图：需要准备好圆的贴图。3.控制圆环遮罩的大小。
SDF(Signed-distance-field: 有向距离场)(13): 形体变形方法(WebGL实现)：Displacement(置换)
vily_lei的专栏
10-09 709
Demo:http://www.artvily.com/sdf?sample=codeDemo&clip=displaceExample Displacement(置换), 是"变形" 相关操作非常重要的工具，它使用一个因子(可能是个sdf或者其他函数)对一个sdf函数造成影像，可以加也可以乘。上图可以看到几种基本的变形结果。我的理解是:Displacement(置换),就是把一...
字体缩放 SignedDistanceField
weixin_30577801的博客
03-11 247
Unity中如果使用位图字体，在缩放较大的情况下，字体失真严重，使用矢量字体可能会存在内存过大的情况。 Signed Distance Field Font Rendering将字体保存在图片内，但是图片存储的并不是像素，而是距离，再通过特定的shader去还原图片，得到字体。 字体border的像素值接近0.5，Alpha接近0.5，通过对Alpha的操作进行描边等行为。 SDF字体的制作...
基于有向距离场(SDF)的地图碰撞系统 | Cocos 技术派第15期
奎特尔星球
05-27 2295
近日，ID 为 kx-dz 的开发者在 Cocos 中文社区分享了一篇名为《介绍一个基于有向距离场(SDF)的地图碰撞系统》的技术文章，获得诸多好评。C姐第一时间联系到了作者，在获得转载...
Unity-Signed-Distance-Field-Shadow:Unity中的带符号距离场阴影
05-13
Signed Distance Field (SDF) 阴影是一种高效且质量高的阴影技术，它能够提供平滑、无锯齿的边缘，尤其适用于2D和低多边形风格的游戏。本文将深入探讨Unity中的Signed Distance Field (SDF) 阴影技术，以及如何利用...
SDF(Signed-distance-field: 有向距离场)(12): Shadow And AO(WebGL实现)增强立体感
vily_lei的专栏
10-08 1078
Demo1:http://www.artvily.com/sdf?sample=codeDemo&clip=shadowAndAO3 Demo2:http://www.artvily.com/sdf?sample=codeDemo&clip=shadowAndAO2 AO(Ambient Occlusion) 中文翻译为环境遮蔽， 这个功能可以在渲染中有效增强立体感。可...
SDF(Signed-distance-field: 有向距离场)WebGL GLSL(1)
vily_lei的专栏
09-20 1756
Demo:http://www.artvily.com/sample?sample=sdfBase01 感谢:https://www.shadertoy.com/view/Xds3zN 请参见: http://jamie-wong.com/2016/07/15/ray-marching-signed-distance-functions/ http://www.iquilezles.o...
SDF(Signed-distance-field: 有向距离场)(7): 距离场函数-基于CUBE计算方式产生的若干变体A...
weixin_30662109的博客
09-29 252
SDF非常好玩的地方之一就是通过距离场函数的实现来实现空间分布函数，这样可以创造神奇的空间几何体造型。这个样例就是通过变换CUBE的距离场函数，来实现其各种各异的变形，下面的demo只是展示了基本的变体。 详文请见:https://blog.csdn.net/vily_lei/article/details/82893297 效果图: 转载于:https://www.cnblogs....
SDF(Signed-distance-field: 有向距离场)(8): 距离场函数-基于CUBE计算方式产生的若干变体B...
weixin_30911451的博客
09-30 199
SDF非常好玩的地方之一就是通过距离场函数的实现来实现空间分布函数，这样可以创造神奇的空间几何体造型。这个样例就是通过变换CUBE的距离场函数，来实现其各种各异的变形，下面的demo只是展示了另一种变体(改变cube的计算方式生成的Cube变体) 原文和demo请见:https://blog.csdn.net/vily_lei/article/details/82908831 转载于:htt...
有向距离场(SDF)在Shader中的简单应用
qq_41841073的博客
12-04 3256
SDF， 全称Signed Distance Filed，就是有符号的距离区域 看下简单的例子，一个圆型区域 那么我们定义一个距离场函数： float sdfCircle(vec2 tex, vec2 center, float dis) { return -length(vec2(tex - center)) + dis; } 传入的参数分别是：当前像素点坐标， 圆心坐标，半径，函数的返回值是一个有正负的浮点数，通俗点说就是在园内的区域返回的是一个正值，大小是离原边界的距离；而在圆外面的区域
DistanceField
kuangben2000的博客
10-09 1242
Distance Field Global illumination http://timhobsonue4.snappages.com/distance-field-global-illumination https://docs.unrealengine.com/en-us/Engine/Rendering/LightingAndShadows/DistanceFieldAmbientOc...
1、片元着色器之有向距离场(SDF)
weixin_41364246的博客
10-29 583
有向距离场（Signed Distance Field, SDF）是一种在计算机图形学中常用的概念，用于描述空间中某一点到某个形状表面距离的有符号距离。SDF 被广泛应用在实时渲染、碰撞检测、形状表示等场景中。最典型的例子：判断一个点是否在圆内：点到圆心的距离和半径的差是否为负值，负值说明在圆内，反之则在圆上或圆外。1、什么是有向距离场？
SDF(Signed-distance-field: 有向距离场)(5): 缩放-旋转-平移(复杂组合变换)
vily_lei的专栏
09-28 1082
Demo1:http://www.artvily.com/sample?sample=sdfStep08Transform Demo2:http://www.artvily.com/sample?sample=sdfStep08Transform2 Demo中包括设置旋转中心，父级变换对子集变换的影响等。...
有号距离场(SDF)
热门推荐
llsansun的博客
08-09 1万+
什么是有号距离场(SDF)？ 有号距离场(SDF)是指建立一个空间场，这个空间场中每个像素或体素记录自己与周围像素或体素的距离，如果在物体内，则距离位负，如果是在外面则记录相差的距离，在边上刚好位0 在2D上的演示如下 原图： SDF 简而言之他是一个记录空间距离的信息。 SDF能做什么？ 1.高清文字（TMP） 2.形变动画 3.序列帧动画柔和过度 4.碰撞检测 5.软阴影 6.环境遮蔽（AO） TMP： 用过TMP的人可能会有印象，..
webgl shader学习 有向距离场1
mu399的专栏
12-28 455
感谢 https://blog.csdn.net/qq_41368247/article/details/106194092 的详尽分析， 这里使用的three.js 版本为106, <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>demo5_1 距离场 圆</title> <script src="../external/th
chaq-sdfgen: 从图像创建符号距离场位图的C程序
距离场（Signed Distance Field, SDF）在计算机图形学中是一个重要的概念，它用于表示每个像素点到图像中最近的边界线的距离，这个距离可以是正的、负的或者是零，以此表达像素点是在形状的内部、外部还是正好在边界...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值