Codewords

Codewords: Um jogo de tabuleiro multijogador em tempo real na web.

Sou um grande fã e colecionador de jogos de tabuleiro. Além disso, sou designer de UX e designer de jogos. Já faz algum tempo que venho pensando que poderia misturar essas coisas na criação de jogos de tabuleiro digitais.

Minha idéia era que eu pudesse fazer uma tela grande (como um monitor de computador, ou - melhor ainda - uma TV da sala) funcionar como tabuleiro comum, compartilhado por todos os jogadores, e usar os celulares dos jogadores como peças e método de jogo. interação.

Como disse, adoro jogos de tabuleiro e adoro a interação social que eles permitem. Também adoro o componente físico que eles têm. Mas entendo que eles ocupam um espaço enorme em qualquer casa. E muitas vezes eles são difíceis de conseguir e difíceis de transportar para os lugares.

Então pensei que esses jogos de tabuleiro digitais poderiam ser uma alternativa divertida para um jogo que alguém ainda não poderia comprar, ou como um jogo que você poderia jogar em qualquer lugar com acesso à Internet.

Criando o Ludoratório

Outra paixão que tenho é programar. Desde muito pequeno brincava com BASIC, e agora como designer estou sempre tentando entender mais sobre codificação para web.

Nos últimos meses tenho estudado alguns frameworks javascript — como Vue e React — e decidi que poderia tentar dar vida a esses jogos.

Para isso, estou iniciando uma série de jogos sob a marca “Ludoratory”: Serão experimentos com desenvolvimento web e design de jogos. Cada jogo deve ser gratuito, sem anúncios ou rastreamento e com código-fonte aberto. Espero poder aprender com eles enquanto faço algo divertido para outras pessoas.

Palavras-código

Codenames, de Vlaada Chvátil, foi meu primeiro alvo para meu Ludoratório.

Se você ainda não jogou, recomendo que tente conseguir uma cópia o mais rápido possível, pois é um jogo incrível.

Minha opinião, Codewords, é uma versão multiplayer em tempo real desse jogo de tabuleiro, onde a tela grande contém todas as palavras e os telefones celulares são usados ​​como mapa do codemaster. Existem algumas pequenas mudanças em relação ao jogo original (eu construí o jogo usando as regras da casa que jogamos), então escrevi um pequeno artigo explicando as regras aqui.

Créditos

Fiz o design e a codificação do jogo usando a ajuda de frameworks, bibliotecas e recursos:

• Vue.js para front-end, usando Vue-CLI, com suporte PWA.
• Firebase para gerenciar as atualizações em tempo real.
• Vue QRCode, de xkeshi, para criação de QRCodes para cada novo jogo.
• Vue Translate, de javisperez, para permitir que o jogo seja jogado tanto em inglês quanto em português.
• Foto obscura de rosto masculino, de Malik Earnest, para a imagem de fundo.
• Efeito CSS Glitch, de Mary Lou no Codrops, também para a imagem de fundo.

Tradução para francês fornecida por Yves Pelletier

Configuração do projeto

 npm install

Compila e recarrega a quente para desenvolvimento

 npm run serve

Compila e minimiza para produção

 npm run build

Lints e corrige arquivos

 npm run lint

É isso!

Você pode jogar agora em https://codewords.ludoratory.com. Como eu disse, o código está no github. Estou ansioso para ouvir críticas, dúvidas, comentários e sugestões que você possa ter sobre o jogo, meu código ou o projeto Ludoratory.

Obrigado e espero que você goste do jogo.