Codewords

Codewords：网络上的实时多人棋盘游戏。

我是一个桌游的忠实粉丝和收藏家。另外，我是一名用户体验设计师和游戏设计师。我已经思考了一段时间，我可以将这些东西混合到创建数字棋盘游戏中。

我的想法是，我可以让一个大屏幕（作为电脑显示器，或者更好 - 客厅电视）作为公共板，由所有玩家共享，并使用玩家的手机作为他们的棋子和方法相互作用。

正如我所说，我喜欢棋盘游戏，也喜欢它们所允许的社交互动。我也喜欢它们所具有的物理成分。但我确实明白它们在任何房子里都会占据很大的空间。而且很多时候它们很难买到，运输到地方也很麻烦。

所以我认为这些数字棋盘游戏可能是一个有趣的替代品，可以替代那些还无法购买的游戏，或者作为一款可以在任何有互联网接入的地方玩的游戏。

创造悲歌

我的另一个爱好是编码。从我很小的时候起，我就开始使用 BASIC，现在作为一名设计师，我总是试图了解更多有关网络编码的知识。

在过去的几个月里，我一直在研究一些 javascript 框架——比如 Vue 和 React——并且我决定尝试让这些游戏变得栩栩如生。

为此，我将在“Ludoratory”品牌下开始一系列游戏：它们将是网页开发和游戏设计的实验。每个游戏都是免费的，没有广告或跟踪，并且具有开源代码。我希望我能和他们一起学习，同时为其他人做一些有趣的事情。

码字

Vlaada Chvátil 的《Codenames》是我的 Ludoratory 的第一个目标。

如果您还没有玩过，我建议您尽快尝试获取副本，因为这是一款很棒的游戏。

我对它的看法是，Codewords，是该棋盘游戏的实时多人版本，大屏幕上显示所有单词，手机用作代码大师的地图。与原始游戏相比，有一些小变化（我使用我们玩的内部规则构建了游戏），因此我在这里写了一篇简短的文章来解释规则。

制作人员

我利用框架、库和资源的一些帮助进行了游戏的设计和编码：

• 用于前端的 Vue.js，使用 Vue-CLI，并支持 PWA。
• 用于管理实时更新的 Firebase。
• Vue QRCode，由 xkeshi 开发，用于为每个新游戏创建 QRCode。
• Vue Translate，由 javisperez 开发，允许游戏以英语或葡萄牙语进行。
• 阴影模糊的男性脸部照片，由 Malik Earnest 拍摄，作为背景图像。
• CSS Glitch 效果，由 Codrops 上的 Mary Lou 设计，也用于背景图像。

法语翻译由 Yves Pelletier 提供

项目设置

 npm install

用于开发的编译和热重载

 npm run serve

编译并缩小以用于生产

 npm run build

Lint 和修复文件

 npm run lint

就是这样！

您现在可以在 https://codewords.ludoratory.com 玩游戏。正如我所说，代码位于 github 上。我渴望听到您对游戏、我的代码或 Ludoratory 项目的任何批评、疑问、评论和建议。

谢谢您，希望您喜欢这个游戏。