编写多人国际象棋游戏：HTML5 Canvas + ReactJS vs. Phaser 3

Posted 2023-02-16

【中文标题】编写多人国际象棋游戏：HTML5 Canvas + ReactJS vs. Phaser 3

【英文标题】：Coding a multiplayer chess game: HTML5 Canvas + ReactJS vs. Phaser 3

【发布时间】：2021-08-13 15:45:49

【问题描述】：

我将开始和朋友一起编写一个项目。它包括开发一种有趣的多人国际象棋。在技​​术方面，它包括用于多人交互的 WebSockets 和用于后端和前端的 javascript。

我阅读了很多文章和资料，但在这个问题上找不到令人满意的答案：什么前端堆栈最适合编写棋盘 UI、视觉动画（我们想制作有趣的 2D 动画）被吃掉等等），歌曲队列。

我读到有人可以只在 JS/html 中完成，也可以使用标签，或者使用 Phaser 3 在 HTML 上制作 2D 动画。但我找不到相关的利弊。我知道每个堆栈都有其优点和缺点，而且没有一个选择。

我的目标是找到一个堆栈，它可以在 2D 棋盘和游戏逻辑之上轻松添加声音和视觉动画，同时与 socket.io、Express 和大多数 NodeJS 中间件兼容。

非常感谢您的帮助和时间。祝你好运！

英气

【参考方案1】：

我认为对你来说最好的解决方案是 Phaser 3 和 ReactJS 的结合。 Phaser 3 将覆盖大部分游戏，而 ReactJS 将与 Phaser 3 DOM 对象结合使用来开发游戏的 UI。

我已经有一个多人游戏示例，客户端使用 Phaser 3 + ReactJS 编写，后端使用 NodeJS（Rivalis 多人游戏框架）。

https://github.com/rivalis/rivalis-demo

我希望这对你有用。