Sobre o projeto
O mujiu-games é uma coleção de jogos leves para front-end puro, com endereço de site game.mujiu.net. O projeto se destaca por não ter dependências externas e não exigir processo de build: cada jogo é um arquivo HTML independente, com CSS e JS embutidos, sem referência a recursos externos, bastando colocá-lo no diretório estático do nginx para funcionar.
Página de entrada: o arquivo index.html do diretório raiz é um emulador de terminal, com prompt visitor@game.mujiu.net:~ $. Ao abrir a página, é executado automaticamente o comando ls games/ para listar todos os jogos, e os itens da lista podem ser clicados diretamente. São suportados os comandos ls e clear, além da possibilidade de digitar diretamente o nome de qualquer jogo para navegar até ele (por exemplo, digitar snake e pressionar Enter). A página suporta o preenchimento automático por Tab de comandos internos e nomes de jogos, a navegação pelo histórico de comandos com as setas para cima e para baixo, e o foco automático na caixa de entrada ao clicar em qualquer ponto da página.
A lista de jogos conta com 8 títulos: snake (jogo da cobrinha), tetris (Tetris), 2048, flappy (Flappy Bird), minesweeper (campo minado), breakout (quebra-tijolos), gobang (jogo de cinco em linha) e tictactoe (jogo do galo).
Forma de adicionar novos jogos: crie um diretório com o nome do jogo e o arquivo index.html dentro dele, mantendo o arquivo único autossuficiente, sem referência a recursos externos; em seguida, adicione uma linha no array games do index.html raiz, sendo a ordem das linhas a ordem de exibição, com o formato contendo três campos: name, label e url.
Implantação: basta sincronizar o diretório como um site estático. O exemplo apresentado no README usa o rsync para sincronizar o conteúdo para o caminho /var/www/game/ no servidor, excluindo o arquivo .DS_Store. A configuração do nginx está disponível no arquivo deploy/nginx.conf, com a raiz do site definida como /var/www/game.
A seção de licença informa que este é um projeto pessoal, cujo código pode ser consultado livremente.
Comments
0 Rating appears after 10 ratings
Sign in to join the discussion.