二维可见性计算

翻译 2015年07月10日 13:14:20

本文章由cartzhang编写,转载请注明出处。 所有权利保留。 
文章链接: 
作者:cartzhang

说明:本文同时发布于Unity蛮牛译馆!蛮牛译馆 2D可见性

原文地址:原文 2D Visibility


重要提示: 本文章中的图片为Flash,可以去原文中观看,译文中均为截图!
特此说明!

二维可见性计算
时间:2015-07-09
翻译:cartzhang


在二维自上而下的地图中,有些时候,我们需要从一个给定的点计算可视区域。比如:你可能需要隐藏玩家当前位置看不到,或想知道火把可以照亮的区域。

拖动图上圆圈来看看在玩家位置那些是可见的。如下图:
 

这个算法也可以计算给定一个光源来计算被照亮的区域。每条光线运算一次,我们可以构建一个光照地图来显示那些区域被照亮了。若我们放置24个光源在上面的迷宫?(显示/隐藏光照地图)
 
游戏社区已经收集了几种算法,尤其是基于网格的。删减算法是开始所有的东西都是可见的,然后减去隐藏的区域;添加算法是一开始所有都不可见的,然后添加可见的区域。我将会介绍一种添加算法,这种算法基于线分割,而不仅仅是固定块或网格。

发射射线
一个简单的办法就是从中心发射射线。这是个合理的第一步,来确定一个大致的答案。
 

为了精简,我们只在墙的转角点的开始或结束处发射线。由这些射线构成的三角形就是可视区域:
 
就是这样!算法步骤如下:
1.     计算墙开始或结束的角度。
2.     从中心发射条线到每个角。
3.     填充由这些射线组成的区域。

墙体跟踪

其实,到这里我们应该停下来,尤其是在我们已经有一个快速的发射射线的算法,我们不用去使用空间哈希,来避免与每个墙体求交。然而,一个更有效的方法是把发射射线和墙体相交组合为一个算法。我将描述这个算法,用一条线绕着圆快速扫动,碰到的所有的点根据角度来排序;也可以扩大圆的半径,碰到的所有点根据半径长度来排序,但是我们我们没有尝试这种方法。

在连续射线间的区域,我们想要找到最近的墙体。这个面墙是可被照亮的;其他的是隐藏的。我们的策略是扫描360度,处理所有的墙上所有的端点。我们所作的是,我们将跟踪与扫描线相交的墙体。


点击播放,来看扫描线的端点:



下一步是跟踪扫描线穿过的墙体。只有最近的墙上可见的。我们怎么才能知道那个是最近的墙体呢?很简单,就是计算中心到墙体的距离。然而这种方法在墙体不同形状的时候,不管用,故此示例使用一个更加复杂的方法,这里我并不打算着解释。

点下播放按钮,可以看到扫过的最近的墙绘制为白色,而其他的墙则绘制为黑色。
 

在最近墙的最后或一个新墙的比其他墙的都近,我们创建一个三角形的可见区域。这些三角形一起构成了从中线点的可见区域。

注意到三角形是由之前扫描射线与之前处理的墙相交求出来构成的。所以,三角形的新边可能比扫描射线长或短,三角形最长边可能比先前处理的墙要短。

游乐场
这里有一个更多活动块的游乐场。拖拽活动块到网格区域。点击播放或暂停来看算法处理过程,或拖拽中心点来看看随着玩家走动会有哪些区域可见。
 
联合输出

我们可以设置操作方法来用有趣的方法联合输出算法。这些实现,在分析输出算法中只是布尔值操作,或渲染输出中位图操作算法。
玩家视角
最简单的限制玩家视角的操作,就是把视角输出上做些可见性限制。比如:使用圆求交的算法限制你可见的半径。使用梯度填充圆,让光照随着距离而减弱。与用圆锥体来创建一个手电筒效果求交,这样你可以在你面前的看到更远,而在你背后的看不见。(可以看Dynamite Jack对于这种限制的示例)。

若你使用两只眼睛来代替玩家一只眼睛来处理,玩家视角的效果会更好。我期望你可以综合每只眼睛的输出,但是我不打算尝试。
地图对象
可见性经常被用于计算火炬照亮的区域。在页顶部的示例联合了每个火炬能照亮的区域,然后在与玩家的视野范围求交。(注意算法产生的是硬阴影效果,你需要后处理输出来得到软阴影效果。)

同样的计算可以用于决定哪里是安全的相机可视的区域,哪里是需要遮蔽保护的,或一个神奇的对象离你足够近的时给你一个红包或诅咒。
AI的行为
可视性也可以用来构建AI的行为。
比如:我们假设一个敌方AI试图向其中一个玩家投掷手榴弹,但是同时需要站在一个玩家打不着的地方。手榴弹需要离得足够近来击中玩家,但是也不能在障碍物后面。
这个图表显示了地图标注和AI个体可能的计算:
 
手榴弹扔进紫色区域可以成功伤到玩家。黄色和紫色区域是站立的危险区域;玩家可以从三个区域射击AI个体。AI需要站立在安全区域(蓝色区域),投掷手榴弹到紫色区域,然后找隐蔽。那么该怎么计算呢?从AI 打算扔手榴弹的地点进行可视性计算,让橱柜和桌子挡住视线。

使用
我已经写了关于这个算法的haxe 3应用,代码在Apache V2的许可(简单的MITBSD,它可以用于商业项目)下使用。Haxe的代码可以编译成JavascriptActionscript C++JavaC#PHP。我为这个页面编译成了JavaScript代码,对于我的其他项目我编译成Flash。我已经用以下语言编译完毕:

·      l  Actionscript;可读性,与haxe没有太大差别。
l  Javascript(在本页中用于示例);大部分可读
l  Java;中级可读,但是不是很好。
l  C#;中级可以,但是不是很好。罗伊.崔斯彻这有更好的版本。

韦德.崔斯特雷建议手动移植比使用Haxe输出移植要更清晰。我同意。若你亲手写这些代码会使你更好的理解算法。

尽管算法的主要部分是CPU的功能职责,GPU用来把三角形渲染到位图,融合位图的合成操作。(一个布尔的与操作变成位图的乘法;一个布尔的或操作变成位图的加和限定)。在我项目中性能还不是一个很明显的问题,所以没有编译GPU版本。如果你的游戏是CPU计算,考虑使用删减算法(代替添加算法),作为四元数渲染每条线的阴影。这将会增加GPU的渲染负担,但是它不需要在GPU上排序了。假如填充效率是一个问题,那就考虑在低分辨率下渲染一个光照贴图而不是游戏画面,然后缩放它。

其他相关
视角和光照说明了可见性的问题;在我的博客邮件中我有更多的链接。天际线的问题与2D可见性问题类似,除了它用笛卡尔坐标系代替了极坐标。还有艺术画廊关于摆放多个守卫,这样他们就可以看到地图的任意地方。我把未来更新此页内容做了个列表,放在我的日程管理上。


-------------

原文地址http://www.redblobgames.com/articles/visibility/

---------
若有问题,请随时联系!
非常感谢!

如果你还满意,请移动鼠标,点个赞,like一下,就是对我莫大的鼓舞。 

再次感谢各位。



相关文章推荐

Android检测View的可见性

Android中我们经常会用到判断View的可见行,当然有人会说View.VISIBLE就可以了,但是有时候这个真是满足不了,有时候我们为了优化,在View滚到得不可见的时候或者由于滚到只显示了部分内...

matlab生成可见性图程序

  • 2014年04月23日 14:12
  • 392B
  • 下载

Java中内部类揭秘(一):外部类与非静态内部类的”相互可见性“

Java中内部类揭秘(一):外部类与非静态内部类的”相互可见性“ 转载地址:http://www.2cto.com/kf/201405/304482.html 我们都知道,非静...

Java可见性学习

  • 2014年06月11日 23:16
  • 322KB
  • 下载

提升系统在运行时的可见性

系统开发好上线后,其运行状况能否方便获得对系统的维护和问题诊断具有重要意义。在设计系统时如果没有把系统运行轨迹记录下来,当出现问题需要查找时就比较尴尬了,尤其是大型系统。记录系统运行轨迹需要满足几方面...

silverlight实例:图层可见性控制

  • 2014年08月04日 11:26
  • 2.13MB
  • 下载

扫描周围可用蓝牙设备、以及设置蓝牙设备的可见性

此篇博文主要讲的是蓝牙:它包括蓝牙的可见性设置、以及扫描周围的蓝牙设备manifests里面所加的权限: ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:二维可见性计算
举报原因:
原因补充:

(最多只允许输入30个字)