SDF(Signed-distance-field: 有向距离场)(12): Shadow And AO(WebGL实现)增强立体感

已于 2023-06-02 22:44:54 修改
阅读量932 收藏 1
点赞数
分类专栏： 图形图像与几何算法 opengl(es) SDF(Ray March) 文章标签： webgl
于 2018-10-08 13:18:29 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/vily_lei/article/details/82966522
版权

Demo1:Rendering & Art

Demo2:Rendering & Art

AO(Ambient Occlusion) 中文翻译为环境遮蔽， 这个功能可以在渲染中有效增强立体感。可以简单的这么理解AO： 一个区域(可以是一个点)损失环境光的程度。试想，一个球体从一个盒子里面拿出的过程，就是环境光照射量增加的过程，而盒子遮蔽这个球体的环境光越来越少的过程（当然，如果你把球体放在盒子里，然后把盒子密封起来，那就完全遮蔽了所有环境光，这里假定盒子是不透光的）。有了AO,立体感将显著增强，可以和 SDF(Signed-distance-field: 有向距离场)(11): 阴影(WebGL实现)_含影的博客-CSDN博客 这里的没有AO的Demo作对比。

含影
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
mesh_to_sdf:计算任意网格的有符号距离场
04-30
计算任意网格的有符号距离场 该项目计算三角形网格的近似SDF。 它适用于非水密网格（带Kong的网格），自相交网格，具有非流形几何的网格以及面方向不一致的网格。 安装 pip3 install mesh-to-sdf 如果您使用的是Windows或Mac，则需要解决pyrender中的一个错误。 检查下面的常见问题解答。 例子 体素化网格 mesh_to_voxels函数创建一个SDF值的N N N N数组。 在此示例中，使用Marching Cubes重建网格，然后进行渲染。 from mesh_to_sdf import mesh_to_voxels import trimesh import skimage mesh = trimesh . load ( 'chair.obj' ) voxels = mesh_to_voxels ( mesh , 64 , pad = True )
msdf-c：纯C多通道有符号距离场发生器
02-04
msdf-c：纯C多通道有符号距离场发生器
ITK 距离函数 itkSignedMaurerDistanceMapImageFilter
4月16！的博客
07-30 963
实现边界扩展和细化功能； https://blog.csdn.net/yu253/article/details/81504972 typedef itk::SignedMaurerDistanceMapImageFilter< ImageType, ImageType > SignedMaurerDistanceMapImageFilterType; Sign...
[sig12]几个AAA游戏中的阴影技术
安柏霖的专栏
09-04 6070
http://www.dimension3.sk/downloads/valient12_shadows_in_games.pdfkillzone的开发公司Guerrilla的tech lead, michal valient带来，这个文章可以说是我看过的shadow的文章最特别的一篇，其中众星云集，包括：god of war 3(奎爷一出谁与争锋，封面图片当然是奎爷的了）far cry 3kil
【论文精读】Semi-supervised Medical Image Segmentation through Dual-task Consistency
weixin_45648030的博客
07-07 2210
CVPR 2021 基于双任务一致性的半监督医学图像分割代码：GitHub - HiLab-git/DTC: Semi-supervised Medical Image Segmentation through Dual-task Consistency 基于深度学习的半监督学习(SSL)算法在医学图像分割方面取得了很有前景的结果，可以通过利用未标记的数据来减轻医生昂贵的注释。然而，文献中现有的SSL算法大多倾向于通过扰动网络或数据来regularize模型训练。观察到多任务/双任务学习关注具
阴影II(shadow II)------计算机图形学高质量实时渲染(四)
weixin_44683202的博客
02-12 110
从图我们可以知道，以p1点为例，从o点到p1的距离为斜边，sdf(p1)是直角边，因此我们用arcsin就可以直接求出safe angle了。但是，arcsin的计算量其实是非常大的，因此再shader中我们不用反三角函数。只要sdf长度除以光线走过的距离乘一个k值，再限定到1以内，就能得到遮挡值或者说是visibility，而k的大小是控制阴影的软硬程度。我们从图中右半部分可以看出来，当k的值越大的时候，就越接近硬阴影的效果，也就是它限制了可能半影的区域。
shader编程-2D基本图形SDF(有向距离场)介绍与使用（WebGL-Shader开发基础05）
点燃火柴的博客
11-21 5066
shader编程-2D基本图形SDF有向距离场介绍与使用1. 有向距离场介绍2. SDF绘制圆3. SDF绘制矩形4. SDF绘制线段 1. 有向距离场介绍 有向距离场，英文名Signed Distance Field，简称SDF，把空间中与物体表面的距离进行采样，使用负值表示物体内部，使用正值表示物体外部，与物体的表面的距离为0，大于0，小于0和等于0区分物体的区域，你很快可以联想到之前使用的step函数和smoothstep函数，是的，通过与这两个函数的配合，就可以像前面样绘制图形了 2. SDF绘制圆
探索Unity创新项目：Mesh到SDF转换库
最新发布
gitblog_00018的博客
04-17 232
探索Unity创新项目：Mesh到SDF转换库 项目地址:https://gitcode.com/Unity-Technologies/com.unity.demoteam.mesh-to-sdf 项目简介 在游戏开发和虚拟现实领域中，Unity引擎是广泛应用的选择。对于那些寻求提升3D场景性能、优化碰撞检测或者实现高级图形效果的开发者来说，com.unity.demoteam.mesh-to-s...
半监督3D医学图像分割（四）：SASSNet
weixin_44858814的博客
10-23 3327
​ 作者在分割网络的最后一层，增加一条支路输出SDM（signed distance map，带符号距离映射），SDM是分割二值图中，每个像素到目标边界的距离，包含目标的表面和形状信息。​ 这篇文章提出的形状感知半监督分割方法，在网络中加入更灵活的几何表示，以便对分割输出执行全局形状约束，同时处理具有不同位置或形状的目标，探究有标签和无标签图像的预测结果在几何空间上的一致性。有标签的图像和无标签的图像，分别标记为1和0，判别器（D）的输出在[0, 1]，越接近1，说明和有标签的图像越相似。
PNG2SignedDistanceMap
06-01
PNG2SignedDistanceMap PNG2SignedDistanceField 用于创建用于实时应用程序的距离场地图。 距离场贴图通常用于渲染高质量的矢量，如字体。 来源和输出 源纹理：计算过程是“蛮力”方法，因此计算量与源纹理大小成指数关系。 推荐使用是 512x512 -> 1024x1024 源纹理大小。 源纹理应该只包含全黑或全白像素。 （例如参考纹理，res/input.png）必须是PNG格式！ 输出纹理：应用程序将输出一个 8 位位图 (.bmp) 文件，其中包含详细说明 0-1 距离信息的 0-255 信息。 输出位图将与源位图具有相同的分辨率。 蛮力！？！？！？ 对于迭代次数等于源宽度平方加上源高度平方的大纹理，PNG2SignedDistanceField 的蛮力方法非常慢。 如果您有非常大的纹理，请尝试将它们拆分为较小的源图像并稍微重叠，然后将它们重
MeshToSDF项目
02-20
MeshToSDF项目
sdf-polygon-2d:在二维空间中对多边形的有符号距离场进行采样
06-10
在二维空间中对多边形的有符号距离场进行采样 安装 npm install sdf-polygon-2d 用 var createSDF = require('sdf-polygon-2d'); var points = [ [-10, -10], [-10, 10], [ 10, 10], [ 10, -10] ]; // pass ...
glsl-sdf-normal:获取有符号距离场内某个位置的法向量
06-16
glsl-sdf-正常 获取有符号距离场内某个位置的法线向量。 用法 getNormal = require(glsl-sdf-normal, ) 将getNormal函数加载到着色器中。 注意使用这个模块时需要定义map 。 vec2 map(vec3 position) 您的有符号...
WebGL2SDFText：具有顶点位移着色器的WebGL 2签名距离字体渲染器
02-05
WebGL 2签名距离字体渲染器 WebGL 2签名距离字体渲染器是一个WebGL 2演示，它演示了如何使用现代图形技术在OpenGL中渲染文本。 自动字体网格生成包含.fnt到.json转换器计划功能！ 字体网格生成器上的更多选项可以...
Header-Only-GL-Helpers：可以简化OpenGL编程的头文件的集合
02-04
Header-Only-GL-Helpers：可以简化OpenGL编程的头文件的集合
rayleigh and mie scattering(瑞利散射和米氏散射或着叫粗粒散射)相关
热门推荐
vily_lei的专栏
01-23 1万+
一般把粒子的直径与入射光波波长相当的微粒所造成的散射称为米散射, 米散射适合于任何粒子尺度， 只是当微粒直径相对于光波波长而言很小时用瑞利散射(米散射的结果可简化为瑞利散射)， 很大时用弗朗和费衍射理论可近似解决问题。 米散射的特点是与波长无关，对各波长的散射能力相同，例如大气较浑浊时，大气中悬浮很多尘粒设液滴， 这时的散射使天空呈灰白色。 用米散射计算模型能广泛描述任何尺度的球状粒子的散射特点。...
RGB/XYZ Color Space Convert(RGB和XYZ色彩空间的相互转换矩阵)
vily_lei的专栏
01-03 1万+
如上图所示，左边为RGB色彩空间, 右边为XYZ色彩空间 常用转换矩阵: 更多的矩阵数据(感谢:http://brucelindbloom.com/index.html?Eqn_RGB_XYZ_Matrix.html): RGB Working Space Reference White RGB to XYZ [M] XYZ to RGB [M]-1 Ado...
去掉图片黑背景输出为透明png(算法和工具)
vily_lei的专栏
07-31 8657
有时候你得到的图片不是透明的png而是加了黑背景的图(可能是:.jpg,.gif,.png等格式的图) 例如一个粒子效果的图: 多好的粒子效果，可惜它有黑背景。不处理一下，不好用。 经过移除黑背景处理为png后，变为: 这时候这个效果图片就可以方便的使用了。 那么如何实现黑背景移除，并生成透明的png呢? 算法如下: 首先从源带黑背景的
SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");有哪些格式
12-21
SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss"); 是一个用于格式化日期的类，它可以将日期对象转换为指定格式的字符串，也可以将字符串解析为日期对象。以下是一些常用的日期格式： 1. yyyy-...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值