{"id":35044385,"url":"https://github.com/ccuffs/pacman-react","last_synced_at":"2026-05-21T09:36:15.568Z","repository":{"id":318573606,"uuid":"1071769182","full_name":"ccuffs/pacman-react","owner":"ccuffs","description":null,"archived":false,"fork":false,"pushed_at":"2025-10-07T23:41:37.000Z","size":194,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-10-08T01:22:06.170Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ccuffs.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-10-07T19:37:19.000Z","updated_at":"2025-10-07T23:41:41.000Z","dependencies_parsed_at":"2025-10-08T01:33:02.637Z","dependency_job_id":null,"html_url":"https://github.com/ccuffs/pacman-react","commit_stats":null,"previous_names":["ccuffs/pacman-react"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/ccuffs/pacman-react","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ccuffs%2Fpacman-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ccuffs%2Fpacman-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ccuffs%2Fpacman-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ccuffs%2Fpacman-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ccuffs","download_url":"https://codeload.github.com/ccuffs/pacman-react/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ccuffs%2Fpacman-react/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33295798,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-21T02:57:32.698Z","status":"ssl_error","status_checked_at":"2026-05-21T02:57:31.990Z","response_time":62,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":[],"created_at":"2025-12-27T08:46:33.398Z","updated_at":"2026-05-21T09:36:15.560Z","avatar_url":"https://github.com/ccuffs.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Webcam Pac-Man - Controle por Rede Neural\n\nJogo Pac-Man controlado por uma rede neural treinada com imagens da sua webcam usando TensorFlow.js e React/Next.js.\n\n## 🎮 Sobre o Projeto\n\nEste projeto é uma migração do jogo Pac-Man controlado por webcam originalmente desenvolvido pelo Google para React/Next.js. Ele usa transfer learning com MobileNet para criar um classificador de imagens que permite controlar o Pac-Man com gestos capturados pela câmera.\n\n## 🚀 Como Funciona\n\n1. **Captura de Exemplos**: Usando sua webcam, você captura imagens para cada direção (cima, baixo, esquerda, direita)\n2. **Treinamento**: Uma rede neural é treinada usando transfer learning com MobileNet\n3. **Jogo**: A rede neural prevê a direção baseada na imagem da webcam em tempo real e controla o Pac-Man\n\n## 📋 Pré-requisitos\n\n- Node.js 18+ ou superior\n- Webcam funcional\n- Navegador moderno com suporte a WebGL\n\n## 🛠️ Instalação\n\n```bash\n# Instalar dependências\nyarn install\n\n# ou com npm\nnpm install\n```\n\n## 🎯 Como Usar\n\n1. **Iniciar o servidor de desenvolvimento**:\n```bash\nyarn dev\n\n# ou com npm\nnpm run dev\n```\n\n2. **Abrir no navegador**:\nAcesse `http://localhost:3000`\n\n3. **Treinar o modelo**:\n   - Posicione-se em frente à webcam\n   - Para cada direção (cima, baixo, esquerda, direita):\n     - Clique e segure o botão \"Adicionar Amostra\"\n     - Faça o gesto ou posição que deseja usar para aquela direção\n     - Adicione pelo menos 30-50 exemplos por direção\n   - Ajuste os hiperparâmetros se necessário:\n     - **Learning Rate**: Taxa de aprendizado (padrão: 0.0001)\n     - **Batch Size**: Fração do dataset por batch (padrão: 0.4)\n     - **Epochs**: Número de épocas de treinamento (padrão: 20)\n     - **Hidden Units**: Unidades na camada oculta (padrão: 100)\n   - Clique em \"TREINAR MODELO\"\n\n4. **Jogar**:\n   - Após o treinamento, clique em \"JOGAR\"\n   - Faça os gestos que você treinou para controlar o Pac-Man!\n\n## 📁 Estrutura do Projeto\n\n```\npacman-react/\n├── public/\n│   └── pacman-google.js       # Motor do jogo Pac-Man\n├── src/\n│   └── app/\n│       ├── globals.css         # Estilos globais + Pac-Man\n│       ├── layout.js           # Layout do Next.js\n│       ├── page.js             # Componente principal\n│       └── page.module.css     # Estilos do componente\n└── package.json\n```\n\n## 🔧 Tecnologias Utilizadas\n\n- **React 19**: Biblioteca de UI\n- **Next.js 15**: Framework React\n- **TensorFlow.js**: Machine Learning no navegador\n- **TensorFlow.js Data**: Captura de webcam\n- **MobileNet**: Modelo pré-treinado para transfer learning\n\n## 📝 Arquivos Migrados\n\nOs seguintes arquivos foram migrados do projeto original:\n\n- `controller_dataset.js` → Integrado em `page.js` como classe\n- `index.js` → Lógica integrada em `page.js` com hooks React\n- `ui.js` → Interface integrada em `page.js` como componente React\n- `index.html` → Estrutura convertida para JSX em `page.js`\n- `pacman-google.js` → Copiado para `public/pacman-google.js`\n- Estilos → Migrados para `page.module.css` e `globals.css`\n\n## 🎨 Personalizações\n\n### Ajustar Hiperparâmetros\n\nVocê pode ajustar os hiperparâmetros através da interface:\n\n- **Learning Rate**: Controla a velocidade de aprendizado\n- **Batch Size**: Tamanho do lote de treinamento\n- **Epochs**: Quantas vezes o modelo verá todo o dataset\n- **Hidden Units**: Complexidade da camada oculta\n\n### Melhorar a Precisão\n\nPara melhorar a precisão do modelo:\n\n1. Adicione mais exemplos (50-100 por direção)\n2. Use gestos distintos para cada direção\n3. Mantenha iluminação consistente\n4. Evite fundos muito complexos\n5. Aumente o número de epochs (mas cuidado com overfitting)\n\n## 🐛 Troubleshooting\n\n### \"Nenhuma webcam encontrada\"\n- Verifique se sua webcam está conectada e funcionando\n- Permita o acesso à webcam quando solicitado pelo navegador\n- Teste em outro navegador se o problema persistir\n\n### Modelo não funciona bem\n- Adicione mais exemplos de treinamento\n- Use gestos mais distintos entre as direções\n- Retreine o modelo com diferentes hiperparâmetros\n\n### Jogo não carrega\n- Verifique se o arquivo `pacman-google.js` está em `public/`\n- Verifique o console do navegador para erros\n- Certifique-se de que todas as dependências foram instaladas\n\n## 📄 Licença\n\nEste projeto é baseado no código original do Google (Apache License 2.0) e foi migrado para React/Next.js.\n\nPAC-MAN™ © BANDAI NAMCO Entertainment Inc.\n\n## 🙏 Créditos\n\n- Código original do jogo: Google LLC\n- PAC-MAN: BANDAI NAMCO Entertainment Inc.\n- Migração para React/Next.js: Este projeto\n\n## 🤝 Contribuindo\n\nSinta-se à vontade para abrir issues e pull requests com melhorias!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fccuffs%2Fpacman-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fccuffs%2Fpacman-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fccuffs%2Fpacman-react/lists"}