0

我正在构建一个包含完整窗口画布的 HTML5 游戏。我想偶尔在画布上显示一个面板，用于显示设置等。

实现这一点的一种方法<div id="panel">是使用默认隐藏并绝对位于画布顶部的 a。当用户想要显示面板时，我可以简单地使用 jQuery 来显示面板。

我还希望服务器能够使用片段标识符打开此面板。

请有人解释（其中一种）显示和隐藏面板的最佳方式。

4

1 回答 1

2

考虑到您想要实现的目标，我会采用其中一种方法：

AJAX

  • 创建一个处理面板中所有内容的 JavaScript 对象
  • 创建一个可以根据用户的操作显示/隐藏面板的句柄（例如onclick）
  • 设置检查服务器上的某些内容是否已更改的时间间隔
    • 如果true使用此调用的响应（可能是 JSON 对象）来更新显示面板

HTML5 网络套接字

另一种可能性是使用 HTML5 WebSockets。使用 WebSocket，您可以在服务器和浏览器之间建立全双工连接：

WebSocket 是一种通过单个 TCP 连接提供全双工通信通道的 Web 技术。[…] WebSocket 旨在在 Web 浏览器和 Web 服务器中实现，但它可以被任何客户端或服务器应用程序使用。WebSocket 协议是一个独立的基于 TCP 的协议。它与 HTTP 的唯一关系是它的握手被 HTTP 服务器解释为升级请求。[1] WebSocket 协议使浏览器和网站之间的更多交互成为可能，促进实时内容和实时游戏的创建。[…]

来自Wikipedia.org “WebSocket”

您可以在这篇文章中找到很多很好的示例和信息：
学习 HTML5 WebSocket 的好资源是什么？

于 2013-02-06T15:50:14.143 回答