JavaScript:任何创建X轴网格的方法，并在放置角色的游戏中使用它

JavaScript: Any way to create a X Axis grid, and use it in game where characters are placed?

本文关键字：角色游戏创建任何 JavaScript 方法网格更新时间：2023-09-26

很难解释我想做什么，但我会努力的。基本上使用Node.js、Jade和Express：有没有可能像地图一样，或者只是沿着X轴的一条线/网格，并在上面保存元素（由用户放置）的位置？

示例：我有一个网站，我想让用户登录，然后看到这个网格，用户可以在其中拖放他们的照片。所以说：用户#1把他的照片放在网格的左边，用户#2登录并看到网格的左边有用户#1的照片，他也可以把他的照片拖到他附近或远离用户#1的地方。

我该怎么做？所以它基本上保存了沿X轴的位置。

完整故事：

我正在构建聊天应用程序，用户可以上传自己的头像（基本上是图片）。到目前为止，我已经完成了：套接字打开，聊天完美地双向工作，数据传输，用户在线列表在用户进入/离开时更新。

我希望它：
1）用户连接
2）聊天窗口加载，
3）所有用户头像都加载在屏幕的X轴上（基本上是一行头像/照片/图片）
4）用户可以点击并沿着X轴拖动他的头像/照片/图片，我希望它保持在那里

因此，基本上，一个定位系统可以保存X轴上的坐标，当用户重新加入时，它会在他拖放的地方生成他的化身

您的所有需求（可能更多）都可以通过javascript完成。两侧。在服务器/节点端。你只需要socket.io（带或不带expressjs）作为你的聊天服务器&位置更新器。你可以使用socket.io使用不同的广播来更新他们之间化身的位置以及聊天消息。（假设您连接了100个客户端。一个基本的ajax查询功能将在后端产生巨大的负载）在客户端只需使用任何jquery插件即可绘制用户界面&这是相互作用。jquery ui draggable我想是完美的。这是你需要使用的链接。

http://jqueryui.com/draggable/

http://socket.io/