圆形平面在三个JS中

Question

三个JS，通常看似棱角分明。我没有长时间使用它，因此我很难理解如何曲折世界。我想象一个渲染器或其他东西必须改变，但想法是采用2d地图并将其变成一个简单的三道运行游戏。但是，如果你从另一个类似的游戏中看下面的图片，我怎样才能达到鱼眼效果？

Answer 1

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

Answer 2

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

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

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

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