SDF(Signed-distance-field: 有向距离场)WebGL GLSL(1)

原创 已于 2023-05-25 09:31:01 修改 · 1.7k 阅读 · 5 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#webgl #3d

于 2018-09-20 17:47:16 首次发布
最低0.47元/天 解锁文章

200万优质内容无限畅学
SDF(signed distance field)
dx1313113的博客
10-03 3567
在3d中光线追踪对于性能的消耗过大，所以sdf常常被用来作为物体的隐式表达，配合ray marching达到接近光线追踪的效果，也有比如deepSDF这种对于模型的隐式表达方面的应用。在2d中，sdf常常被用来表示字体，原神的面部渲染中阴影部分贴图也是基于sdf生成的。，来解决光线和SDF的求交问题，这背后有一个key idea：某一点SDF的值等价于其附近的安全距离，从一点出发在每个step沿着ray的方向移动SDF(p)的距离，此处的p指的是当前step时的那个点。一般来说，无论2d或者3d资产都有。
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(Signed-distance-field: 有向距离场)WebGL GLSL(2)
weixin_30951743的博客
09-25 188
请见: https://blog.youkuaiyun.com/vily_lei/article/details/82844353 有兴趣一起多交流. 转载于:https://www.cnblogs.com/vilyLei/articles/9703216.html
signed distance field 算法
weixin_34082177的博客
11-08 1156
将二值图转化成signed distance field后，可以在双线性插值下实现平滑放大。 定义： 到前景的distance field：各点到最近前景点的距离。 到背景的distance field：各点到最近背景景点的距离。 则： signed distance field = 到背景的distance field - 到前景的distance field。 注：最好严格按上面定义...
SDF(Signed-distance-field: 有向距离场)(8): 距离场函数-基于CUBE计算方式产生的若干变体B...
weixin_30911451的博客
09-30 199
SDF非常好玩的地方之一就是通过距离场函数的实现来实现空间分布函数，这样可以创造神奇的空间几何体造型。这个样例就是通过变换CUBE的距离场函数，来实现其各种各异的变形，下面的demo只是展示了另一种变体(改变cube的计算方式生成的Cube变体) 原文和demo请见:https://blog.youkuaiyun.com/vily_lei/article/details/82908831 转载于:htt...
basegl-old：出色的快速WebGL绘图API
02-04
1. **SDF形状**：SDF（Signed Distance Field，有符号距离场）是一种表示图形的方法，它存储每个像素到形状边界的距离。这种方法可以实现高分辨率的抗锯齿效果，即使在缩放或平移时也能保持清晰。BaseGL支持创建和...
纯C实现多通道有符号距离场发生器(msdf-c)开源项目
1. **多通道有符号距离场（MSDF）**: MSDF是一种图形渲染技术，用于生成带有多个距离值的贴图，这些值代表了每个像素到几何形状边界的距离。在字体渲染中，MSDF允许精确地渲染字符的边缘，并且可以保留字体的细节和...
实现平滑组合有符号距离场的glsl-combine-smooth技术
有符号距离场（Signed Distance Field，简称SDF）是一种表示形状边界距离的函数，它在每个点上给出一个距离值，通常用于图形渲染技术中，如体积渲染、渲染阴影等。 在给定的文件信息中，“glsl-combine-smooth”是...
BaseGL-old：WebGL绘图的快速二维操作解决方案
在这之中，BaseGL特别支持了SDF（Signed Distance Field，有符号距离场）技术。SDF是一种图形技术，通过表示物体轮廓到一个点的距离来实现复杂的二维图形渲染，它能有效地渲染光滑的边缘和实现模糊效果。BaseGL的SDF...
SDF(Signed-distance-field: 有向距离场)(8): 距离场函数-基于CUBE计算方式产生的若干变体B
vily_lei的专栏
09-30 1811
SDF非常好玩的地方之一就是通过距离场函数的实现来实现空间分布函数，这样可以创造神奇的空间几何体造型。这个样例就是通过变换CUBE的距离场函数，来实现其各种各异的变形，下面的demo只是展示了另一种变体(改变cube的计算方式生成的Cube变体)。但是要注意细节几何形状在整个形体体积的比例，如果比例太大可能会出现撕裂破碎等情况，原因是SDF的检测机制在边界条件之外无法正常执行。 Demo1:ht...
字体描边技术Signed Distance Fields
01-18
字体描边技术相关论文， valve的相关论文，关键词：Signed Distance Fields
signeddistancefields:签名距离场演示和示例
05-02
有符号距离场 欢迎使用已签名的距离字段存储库。 它包含的带符号距离字段系列的示例代码。 虽然回购集中在博客上，但它被设计为一个简单的工具包，用于生成和呈现带符号的距离字段。 当前，它专注于2D领域，并支持： 使用各种不同的演示算法在屏幕上渲染场纹理 从诸如圆形，直线，矩形之类的显式图元生成距离场 从图像生成距离场，并通过简单处理反锯齿图像 使用8PSSDT扫描或蛮力eikonal算法扫描字段 下采样 软化 到目前为止，该演示中的效果： 简单的现场可视化 创建软边框以避免混叠 渐层效果，例如渐变或霓虹灯发光 阴影 场间变形 享受！
shader编程-2D基本图形SDF(有向距离场)介绍与使用（WebGL-Shader开发基础05）
点燃火柴的博客
11-21 7104
shader编程-2D基本图形SDF有向距离场介绍与使用1. 有向距离场介绍2. SDF绘制圆3. SDF绘制矩形4. SDF绘制线段 1. 有向距离场介绍 有向距离场，英文名Signed Distance Field，简称SDF，把空间中与物体表面的距离进行采样，使用负值表示物体内部，使用正值表示物体外部，与物体的表面的距离为0，大于0，小于0和等于0区分物体的区域，你很快可以联想到之前使用的step函数和smoothstep函数，是的，通过与这两个函数的配合，就可以像前面样绘制图形了 2. SDF绘制圆
有号距离场(SDF)
热门推荐
llsansun的博客
08-09 1万+
什么是有号距离场(SDF)？ 有号距离场(SDF)是指建立一个空间场，这个空间场中每个像素或体素记录自己与周围像素或体素的距离，如果在物体内，则距离位负，如果是在外面则记录相差的距离，在边上刚好位0 在2D上的演示如下 原图： SDF 简而言之他是一个记录空间距离的信息。 SDF能做什么？ 1.高清文字（TMP） 2.形变动画 3.序列帧动画柔和过度 4.碰撞检测 5.软阴影 6.环境遮蔽（AO） TMP： 用过TMP的人可能会有印象，..
Signed Distance Fields Using Single-Pass GPU Scan Conversion of Tetrahedra
痞子龙3D编程
10-29 2114
Signed Distance Fields Using Single-Pass GPU Scan Conversion of Tetrahedra Kenny Erleben  University of Copenhagen Henrik Dohlmann  3Dfacto R&D 34.1 Introduction In this chapter we address the
Signed distance fields (SDFs) and Truncated Signed Distance Field（TSDF）
最新发布
一个搬运知识的笨小孩
09-01 1603
简要了解SDF,TSDF
HoudiniVex笔记_P23_SDFBasics有向距离场
weixin_38487869的博客
08-14 1201
Houdini支持两种体积类型，它自己的体积格式（也有两种，Fog 和SDF ）和VDB格式。Fog volume和SDF volume。是Houdini自带的不同类型的体积，特点是每个体素都有值。Volume(体积)由voxel（体积元素，后面简称为体素）组成。Fog volume实际是储存了每个体素的密度，常应用于流体模拟等。(想了解可以前面的第10节笔记)SDF volume中(SDF Signed Distance Filed 是带符号的距离场)，每个体素存储了一个数值。
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(置换),就是把一...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值