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 專案的任何批評、疑問、評論和建議。

謝謝您，希望您喜歡這個遊戲。