我正在为 HTML5 画布开发一个基本的光线投射引擎，该引擎在 Wolfenstein 3D 和 Doom 等游戏中使用，作为学习练习/爱好项目。我已经到了使用纹理映射在画布上渲染墙壁的地步，经过相当多的努力使相交测试功能正确后，效果非常好。
我正在纠正“鱼缸”/“鱼眼”失真效果（由于与屏幕中心的角度增加而导致到交叉点的距离增加），但边缘仍然有非常轻微但明显的弯曲失真屏幕的。如下图所示（我画了红色的直线，让效果更明显）：
谁能解释一下这种扭曲的根源是什么？这不是一个大问题，但我一直无法找出原因，所以我显然错过了一些东西，我相信一定有人知道答案。我已经广泛搜索了这个问题，网上没有太多信息，但我确实在论坛帖子中找到了以下片段：
“使用恒定角度增量而不是水平投影引起的扭曲完全是另一回事 - 这是横向拉伸/聚束效果，尽管通常它只是一个几乎不明显的效果（对于合理的 FOV，尽管事实上您可以定义 999999 度的 FOV）应该敲响警钟），除了一开始就做对之外，根本没有任何合理的方法来补偿……使用固定增量的角度是错误的，这就是全部。”
这听起来可能指的是我正在经历的相同失真，但除了表明固定角度增量是问题的根源之外，它没有提供太多帮助或见解（这是一种弯曲的失真，朝着屏幕边缘增加） ，这似乎与这表明的内容相符）。我用来纠正扭曲的函数是：
function m_CorrectRayLengthDistortion( dist, angleFromCentre ){
return dist * Math.cos( MOD_Maths.degToRad( angleFromCentre ) );
}
MOD_Maths 是一个实用模块（在本例中用于将角度从度数转换为弧度，以便余弦函数可以使用它）。
非常感谢任何有关此问题的帮助，如果有人回答这个问题，鉴于网上明显缺乏有关该主题的信息，它有望为将来遇到该问题的任何人提供指南。
谢谢 ：）
我很久以前就正确解决了这个问题，但直到现在才抽出时间来更新答案。我删除了之前不正确的答案（它给出了几乎正确的结果，但通过间接方法，由于我对问题的根本原因缺乏了解）。
正如 Sam 在之前的评论中提到的，问题的根本原因是，如果您想实现等距列（这对于渲染结果看起来不失真是必要的），固定角度增量实际上是不正确的。这个在论坛帖子里提到过here，但是尽管我发现了这一点，但直到很久以后我才完全理解为什么会出现这种情况，或者如何解决这个问题。
为了在屏幕上实现等距的列，按理说，每条光线必须从视点出发并穿过沿投影表面等距分布的像素，这意味着随着光线远离投影面的中心像素，在屏幕上，与观看方向的角度增加的增量逐渐变小。下图说明了这一点（抱歉，这不完全是一件艺术品）：
对于较小的视场，问题不是很明显，但随着视场的增加，问题变得更加严重（在我的图中，视场相当大，可以清楚地说明问题）。为了正确计算光线角度增量，必须使用以下过程：
Where:
ang = ray angle from the look direction, whose ray passes through the central x coordinate of the screen;
opp = opposite side (equivalent to the distance of the screen X coordinate through which the ray passes from the screen X coordinate of the central pixel);
adj = adjacent side (equivalent to the distance from the point of view to the projection surface, which will be predetermined in code somewhere);
我们可以使用以下公式（为了清楚起见，包括推导）：
tan( ang ) = opp / adj
ang = atan( opp / adj )
ang = atan( ( pixel x coord - half screen width ) / dist to projection surface )
我的引擎中的 Javascript 代码示例：
for( var x = 0; x < canvasSizeX; x++ ){
var xAng = _atan( ( x - canvasSizeHalfX ) / m_DistToProjSurf );
xRayAngles.push( xAng );
}
由于在线提供的有关光线投射引擎的信息有些稀缺，而且由于任何主要教程都没有明确涵盖这个特定问题，我想用正确的内容更新这篇文章信息以防其他人遇到与我相同的问题并且不明白原因。希望这会对某人有所帮助。