Codewords

Codewords: Web 上のリアルタイムのマルチプレイヤー ボードゲーム。

私はボードゲームの大ファンでありコレクターです。また、私はUXデザイナー兼ゲームデザイナーでもあります。私はしばらくの間、これらのものをデジタル ボードゲームの作成に混ぜることができないか考えていました。

私のアイデアは、大画面 (コンピューターのモニター、さらにはリビング ルームのテレビ) をすべてのプレイヤーが共有する共通のボードとして機能させ、プレイヤーの携帯電話を駒や手段として使用できるというものでした。交流。

先ほども言いましたが、私はボードゲームが大好きで、ボードゲームで可能になるソーシャル インタラクションが大好きです。彼らが持つ物理的な要素も大好きです。しかし、どの家でもそれらが大きなスペースを占めることは理解しています。そして、多くの場合、それらは入手が困難であり、場所に運ぶのが面倒です。

そこで私は、これらのデジタル ボードゲームは、まだ購入できないゲームの楽しい代替品、またはインターネット アクセスがあればどこでもプレイできるゲームになるのではないかと考えました。

光り輝くものを創る

私のもう一つの情熱はコーディングです。幼い頃から BASIC をいじっていましたが、現在はデザイナーとして、Web のコーディングについて常に理解しようと努めています。

ここ数か月間、私は Vue や React などの JavaScript フレームワークを研究してきました。そして、これらのゲームに命を吹き込んでみようと決心しました。

このために、私は「Ludoratory」ブランドの下で一連のゲームを開始しています。これらは、Web 開発とゲーム デザインの実験になります。すべてのゲームは無料でプレイでき、広告や追跡はなく、オープン ソース コードで提供されることを目的としています。彼らと一緒に学びながら、他の人のために何か楽しいものを作りたいと思っています。

コードワード

Vlaada Chvátil著の「Codenames」は、私のLudoratoryの最初のターゲットでした。

まだプレイしたことがない場合は、素晴らしいゲームなので、できるだけ早くコピーを入手することをお勧めします。

私の解釈では、Codewords はそのボードゲームのリアルタイム マルチプレイヤー バージョンで、大画面にすべての単語が表示され、携帯電話がコードマスターのマップとして使用されます。元のゲームからいくつかの小さな変更があるため (私たちがプレイするハウス ルールを使用してゲームを構築しました)、ルールを説明する短い記事をここに書きました。

クレジット

フレームワーク、ライブラリ、リソースの助けを借りて、ゲームのデザインとコーディングを作成しました。

• Vue-CLI を使用し、PWA をサポートするフロントエンド用の Vue.js。
• リアルタイム更新を管理するための Firebase。
• 新しいゲームごとに QRCode を作成するための、xkeshi による Vue QRCode。
• javisperez による Vue Translate により、ゲームを英語またはポルトガル語の両方でプレイできるようになります。
• 影が隠れた男性の顔の写真、Malik Earnest による背景画像用。
• Codrops の Mary Lou による CSS グリッチ エフェクト (これも背景画像用)。

フランス語への翻訳、提供者：Yves Pelletier

プロジェクトのセットアップ

 npm install

開発用のコンパイルとホットリロード

 npm run serve

実稼働用にコンパイルおよび縮小します

 npm run build

ファイルのリントと修正

 npm run lint

それでおしまい！

https://codewords.ludoratory.com で今すぐゲームをプレイできます。先ほども言いましたが、コードは github にあります。ゲーム、私のコード、または Ludoratory プロジェクトについての批評、疑問、コメント、提案をお待ちしています。

ありがとうございます。ゲームをお楽しみいただければ幸いです。