javascript - 三个 JS 中的圆角平面

Question

三个 JS，通常看起来棱角分明。我已经很久没有使用它了，因此我很难理解如何弯曲世界。我想渲染器或其他东西必须改变，但想法是采用 2d 地图并将其变成一个简单的三车道运行游戏。但是，如果您从另一个类似的游戏中查看下图，我该如何实现鱼眼效果？

Answer 1

我会根据与相机的距离对每个顶点的基础做这种效果。此外，也许稍微调整一下具有更大垂直 fov 的透视相机会增强“曲线”的效果。这只是一个以某种方式模拟的简单失真效果，它可能并不是真正弯曲的。希望这可以帮助。

Answer 2

我敢肯定有许多可能的不同方法......这是一种可以产生良好的桶形失真效果的方法。

您可以通过将普通广角相机渲染到纹理，然后将其投影到镜头形状的平面（甚至是球体）来执行类似的操作，然后实际的屏幕渲染来自指向该纹理的相机。

我没有可用的 ATM 代码，但如果有兴趣，我应该能够在几天内将其挖掘出来。或者你可以从 three.js 的例子中改编。Three.js 包含一些后处理示例，其中首先将场景渲染为纹理，然后将该纹理应用于四边形，然后使用正交相机拍摄。您可以通过将正交相机更改为透视相机来修改此类示例，然后将四边形扭曲/更改为更合适的形状。

走极端，这种方法会产生一些像素化/块状伪影。