{"id":28406844,"url":"https://github.com/dadoscoelho/dice-hopper-16","last_synced_at":"2026-04-29T15:32:23.147Z","repository":{"id":293780536,"uuid":"985107332","full_name":"DadosCoelho/Dice-Hopper-16","owner":"DadosCoelho","description":"Dice Hopper 16 é um portal web simples para reunir e acessar jogos em HTML, CSS e JavaScript, com tema claro/escuro, visual moderno e navegação fácil. Basta adicionar seus jogos na pasta games e eles aparecem automaticamente na página inicial.","archived":false,"fork":false,"pushed_at":"2025-05-17T04:53:48.000Z","size":30,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-02T08:18:47.615Z","etag":null,"topics":["browser-games","css","html","javascript"],"latest_commit_sha":null,"homepage":"https://dice-hopper-16.vercel.app","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/DadosCoelho.png","metadata":{"files":{"readme":"README.markdown","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-05-17T04:44:36.000Z","updated_at":"2025-05-17T04:57:34.000Z","dependencies_parsed_at":"2025-05-17T05:37:28.174Z","dependency_job_id":null,"html_url":"https://github.com/DadosCoelho/Dice-Hopper-16","commit_stats":null,"previous_names":["dadoscoelho/dice-hopper-16"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/DadosCoelho/Dice-Hopper-16","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DadosCoelho%2FDice-Hopper-16","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DadosCoelho%2FDice-Hopper-16/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DadosCoelho%2FDice-Hopper-16/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DadosCoelho%2FDice-Hopper-16/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/DadosCoelho","download_url":"https://codeload.github.com/DadosCoelho/Dice-Hopper-16/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DadosCoelho%2FDice-Hopper-16/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262569535,"owners_count":23330237,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["browser-games","css","html","javascript"],"created_at":"2025-06-01T23:08:51.165Z","updated_at":"2026-04-29T15:32:23.118Z","avatar_url":"https://github.com/DadosCoelho.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Dice Hopper 16\n\nUm projeto web simples para acesso a jogos web criados em HTML. O sistema identifica automaticamente subpastas na pasta `games/` e exibe uma tabela com links para acessá-los. Construído com HTML, CSS e JavaScript puro, sem frameworks.\n\n## Funcionalidades\n- **Leitura automática**: Lista todas as subpastas em `games/` dinamicamente, sem necessidade de editar arquivos de configuração.\n- **Acesso aos jogos**: Exibe uma tabela com links para abrir os jogos na mesma aba do navegador.\n- **Design consistente**: Todos os jogos (Jogo da Forca, Sudoku, Tic-Tac-Toe) seguem o mesmo estilo visual, com tema claro/escuro alternável, fundo quadriculado, e botões estilizados.\n- **Navegação**: Cada jogo inclui um botão \"Voltar\" no canto superior esquerdo para retornar à página inicial.\n\n## Estrutura do Projeto\n```\ndice-hopper-16/\n├── index.html        # Página principal do gerenciador\n├── css/\n│   └── styles.css    # Estilos da aplicação\n├── js/\n│   ├── main.js       # Lógica para listar e exibir jogos\n│   └── loadGames.js  # Lógica para detectar subpastas\n├── games/\n│   ├── Jogo-Da-Forca/\n│   │   ├── index.html  # Jogo da Forca\n│   │   ├── styles.css  # Estilos do jogo\n│   │   ├── script.js   # Lógica do jogo\n│   │   ├── words.json  # Lista de palavras\n│   │   └── README.md   # Documentação do jogo\n│   ├── sudoku/\n│   │   ├── index.html  # Jogo de Sudoku\n│   │   ├── style.css   # Estilos do jogo\n│   │   └── script.js   # Lógica do jogo\n│   ├── tic-tac-toe/\n│   │   ├── index.html  # Jogo da Velha\n│   │   ├── style.css   # Estilos do jogo\n│   │   └── script.js   # Lógica do jogo\n│   └── ...             # Adicione outros jogos no mesmo padrão\n└── README.md         # Documentação do projeto\n```\n\n## Como Executar\n1. Clone o repositório ou baixe os arquivos.\n2. Adicione suas pastas de jogos (ex.: `meu-jogo`) dentro de `games`, cada uma com um `index.html`.\n3. Sirva os arquivos com um servidor local que suporte listagem de diretórios:\n   ```bash\n   npx http-server -c-1\n   ```\n   **Nota**: Certifique-se de que o servidor permite acesso à listagem de diretórios em `games/`.\n4. Abra `index.html` no navegador via `http://localhost:8080`.\n5. A interface listará automaticamente todas as subpastas em `games/`, com links para acessá-los.\n\n## Tecnologias Utilizadas\n- HTML5\n- CSS3\n- JavaScript (ES6+)\n\n## Como Usar\n1. Crie seus jogos web e organize-os em subpastas dentro de `games` (ex.: `games/meu-jogo/index.html`).\n2. Inicie o servidor local.\n3. Abra `index.html` no navegador.\n4. A tabela exibirá todas as subpastas em `games/`, com links para seus `index.html`.\n5. Clique em um link para jogar (abre na mesma aba).\n6. Nos jogos, use o botão \"Voltar\" (⬅️) no canto superior esquerdo para retornar à página inicial.\n\n## Detalhes da Pasta `games`\n- A pasta `games` contém subpastas, uma para cada jogo web.\n- Cada subpasta (ex.: `Jogo-Da-Forca`, `sudoku`, `tic-tac-toe`) deve incluir:\n  - `index.html`: Arquivo principal do jogo (obrigatório).\n  - `style.css`: Estilos do jogo (opcional).\n  - `script.js`: Lógica do jogo (opcional).\n- Não é necessário editar nenhum arquivo de configuração; as subpastas são detectadas automaticamente.\n\n## Exemplos de Jogos\n- `Jogo-Da-Forca`: Um jogo da forca interativo com cinco níveis de dificuldade, suporte a palavras com espaços, letras acentuadas, dicas automáticas, tema claro/escuro, e 10 rodadas com pontuação.\n- `sudoku`: Um jogo de Sudoku com tabuleiro 9x9, validação em tempo real, botões para reiniciar ou gerar novo tabuleiro, e um solucionador para verificar a solução. Inclui tema claro/escuro e botão \"Voltar\".\n- `tic-tac-toe`: Um jogo da velha com dois modos:\n  - **Jogador vs. Jogador**: Dois jogadores (X e O) alternam turnos.\n  - **Jogador vs. Computador**: Jogue contra a IA com três níveis de dificuldade:\n    - **Fácil**: Jogadas aleatórias.\n    - **Médio**: Prioriza vitórias/bloqueios com chance de jogadas aleatórias.\n    - **Difícil**: Usa o algoritmo Minimax para jogar de forma otimizada.\n  - Inclui detecção de vitória/empate, tema claro/escuro, e botão \"Voltar\".\n- Adicione seus próprios jogos criando novas subpastas em `games/`.\n\n## Design Padronizado\n- Todos os jogos seguem o mesmo estilo:\n  - **Cores**: Usam variáveis CSS (ex.: `--primary-color: #5c6bc0`, `--accent-color: #ff5722`).\n  - **Fundo**: Padrão quadriculado com gradiente (`linear-gradient`).\n  - **Tipografia**: `'Segoe UI', Tahoma, Geneva, Verdana, sans-serif`.\n  - **Tema Claro/Escuro**: Alternável via botão 🌓 no canto superior direito.\n  - **Responsividade**: Ajustes para telas menores via media queries.\n  - **Botão Voltar**: Ícone ⬅️ no canto superior esquerdo, redireciona para `../../index.html`.\n- Suporte a **Forced Colors Mode** para acessibilidade.\n\n## Notas de Configuração\n- **Servidor Local**: Use `npx http-server -c-1` ou outro servidor que permita listagem de diretórios em `games/`. Se o servidor não suportar listagem, você precisará:\n  1. Criar um endpoint (ex.: `games/list.json`) manualmente.\n  2. Usar um script Node.js para gerar a lista antes de iniciar o servidor.\n- **Alternativa**: Se preferir manter um arquivo de configuração, restaure o `games.json` e atualize-o manualmente.\n\n## Próximos Passos\n- Adicionar suporte para metadados (ex.: nome, descrição) em um `info.json` por subpasta.\n- Implementar filtros para ordenar jogos por nome.\n- Suportar thumbnails para jogos (ex.: `thumbnail.png` em cada subpasta).\n- Adicionar animações para transições entre páginas.\n\n## Contribuições\nSinta-se à vontade para abrir issues ou enviar pull requests com melhorias!\n\n## Licença\nMIT License","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdadoscoelho%2Fdice-hopper-16","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdadoscoelho%2Fdice-hopper-16","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdadoscoelho%2Fdice-hopper-16/lists"}