react.js - 如何用next+react+websocket实现一个双人版的wordle游戏?
如何用next+react+websocket实现一个双人版的wordle游戏?
现在我用next+react复刻了wordle小游戏，现在我想要添加一个双人模式。
点击双人模式按钮，弹出一个modal，显示一个链接。将该链接分享给别人，当别人访问该链接的时候就，两个人就可以开始轮番猜词共同挑战一个wordle题目了。
需要实时更新同步两个人的操作，HTTP协议应该是做不到的，应该需要借助websocket协议。
大体思路（不知是否可行）:
点击双人模式按钮, 发出请求/tow-player => 服务端next+router handle，开启一个websocket服务，并将可以表示这个websocket的标识符传回去 => 本地的websokcet就可以通过这个标识和发送和接收信息，同步两个玩家的操作了。
共有1个答案
socket.io你看下文档 就有思路了
-
如何优雅地使用react做一个wordle小游戏? wordle游戏wiki 在线wordle游戏 我用reat + tailwindcss实现了该游戏，但是比较纠结什么什么时候该使用React.useCallback，自定义的hooks是否合理? 我写了一个自定义的hook，用来实现数据持久化（刷新之后仍可以保持刷新之前的游戏状态） 这里的name,initial永远都不会变化。 初始状态先从l
-
本文向大家介绍java实现单人版五子棋游戏，包括了java实现单人版五子棋游戏的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了java实现的五子棋游戏代码，分享给大家供大家参考，具体代码如下 效果图： 以上所述就是本文的全部内容了，希望能够对大家熟练掌握java有所帮助。
-
问题内容： 我有逻辑，包括从一个系统中选择大量记录，执行多个转换（基于业务规则）并将它们插入到另一个系统中。 将这些记录中的每一个实例化为一个对象，对它们执行转换，然后将所有这些对象插入另一个系统，似乎是一种高性能（和内存）。 在DDD中实现此目标的最佳方法是跳过类/对象并直接通过SQL（也许是存储过程）来做到这一点吗？ 有没有更好的方法使用DDD来实现此目标？ 注意：系统使用SQL数据库，目前不
-
本文向大家介绍H5+C3+JS实现双人对战五子棋游戏（UI篇），包括了H5+C3+JS实现双人对战五子棋游戏（UI篇）的使用技巧和注意事项，需要的朋友参考一下 本篇文章实现的是双人对战模式，主要是实现除人机AI算法和判断输赢之外的其他功能，下一篇将会发布AI 框架搭建 定义一些需要用到的全局变量 使用canvas绘制棋盘 棋盘的onclick事件：在该位置上绘制一个棋子，每次点击黑白相间 最终效果
-
问题内容： 单击按钮后，我需要添加“活动”类，并删除所有其他“活动”类。 请在这里查看：https : //codepen.io/azat- io/pen/RWjyZX 我如何在这里做得更好？ 问题答案： 很简单。看看这个 https://codepen.io/anon/pen/mepogj?editors=001 基本上，您想处理组件的状态，因此您要检查当前处于活动状态的组件。您将需要包括 在链
-
当两个客户端都登录到游戏中并准备就绪后，每个客户端依次做出一个“移动”，并将其发送给服务器授权。在服务器授权移动后，它会发送2条消息：1）第一条消息给做出“移动”的玩家，告诉他它的移动被批准，现在它应该“等待”另一个对手上场。2）第二条消息，给对手，告诉他什么士兵移动了，现在轮到他上场了。...bla bla bla bla 我的问题是：当每个客户端登录到游戏时，为他创建了一个新的套接字，用于与服