0

您可以在此处看到用于多屏目的的新示例:

webgl_multiple_canvases_circle

webgl_multiple_canvases_complex

webgl_multiple_canvases_grid

真的很酷,他们甚至谈论谷歌液体星系项目:liquidGalaxy

所以,基本上,我想知道如何调整应用程序以适应多屏幕的需要,比如说四个 1920x1080 显示器,都显示图像的一个很好的部分。

我最终得到了一个基本的概念证明,我只需显示新的窗口屏幕内容/画布并通过 node.js 服务器和 socket.io 同步鼠标位置。

这工作顺利,直到我显示不同大小的窗口。

请参阅下面失败的情况。

作为记录,请注意完整的应用程序无法运行(屏幕尚未准备好在不同的计算机上创建),我想先解决这个偏移问题。

谢谢 !

哦,如果你想尝试或贡献,该项目在这里:

筛网

在这里,您可以看到场景有点失真,并且窗口高度不同

在这里,您可以看到场景正常,窗口高度相同

再次感谢 !

4

1 回答 1

0

好的,这很符合逻辑,应该将 windowHalfX 值传递给每个窗口。现在它可以完美运行并且代码已更新。谢谢你的评论!

解决方案是通过 mouseMove 事件传输当前窗口的大小,并根据发生移动的窗口相应地更新所有窗口。

更深入地为分离的计算机制作一个完整的工作示例。

于 2013-10-06T13:18:59.820 回答