javascript - 无限房间，相机偏移计算

Question

我正在开发一个游戏引擎。房间的尺寸为 10000 x 10000 个点，相机( Canvas )为 800 x 600。房间代表无限的空间，超出限制的物体会重新出现在另一侧。当相机矩形至少跨越一个限制时就会出现问题，边界另一侧的物体应该看起来像是一个连续的空间。我尝试了多种方法来做到这一点，但没有一个似乎是一个优雅的解决方案。有什么想法吗？

视口(viewport)

四个红框是相机。 4个蓝色方框是房间的可见部分

将对象传递给对方很容易。但要计算绘制的对象以及应用于每个对象的偏移量( Canvas 内的偏移量)..我的大脑一片空白。我需要找到一个最佳解决方案。

Answer 1

您可以将场景打印两次。假设场景的顶部边框位于视口(viewport)内:您可以在该边框上方打印一次场景，在该边框下方打印一次。您可以对其他边框执行相同的操作。显然，这可以优化，但应该可行。