Como Publicar um Jogo HTML, CSS e JavaScript no GitHub Pages
Depois de criar um jogo utilizando HTML, CSS e JavaScript, o próximo passo é disponibilizá-lo na internet para que qualquer pessoa possa jogar diretamente pelo navegador.
Uma das formas mais simples e gratuitas de fazer isso é utilizando o GitHub Pages. Com ele, você pode hospedar projetos estáticos e receber um link público para compartilhar com amigos, professores, clientes ou jogadores.
Neste tutorial você aprenderá como enviar seu projeto para o GitHub, ativar o GitHub Pages e obter o link final do seu jogo.
Passo 1 — Acessar o Claude AI
Antes de publicar, verifique se seu projeto está organizado corretamente.
Exemplo:
MeuJogo/
├── index.html
├── style.css
├── script.js
O arquivo principal deve obrigatoriamente se chamar: index.html
O GitHub Pages utiliza esse arquivo como página inicial do projeto.
Passo 2 — Criar uma conta no GitHub
Acesse: https://github.com
Clique em: Sign Up
Crie sua conta gratuitamente.
Após finalizar o cadastro, faça login.
Passo 3 — Criar um repositório
Dentro do GitHub:
Clique em: New Repository
Preencha:
- Repository Name: coloque o nome do seu jogo
- Visibility: Public
- Clique em: Create Repository
Agora você possui um repositório vazio onde o jogo será armazenado.
Passo 4 — Enviar os arquivos manualmente para o GitHub
Acesse o repositório criado.
Clique no texto: Uploading a existing file
Agora basta selecionar os arquivos do projeto:
index.html
style.css
script.js
Após selecionar todos os arquivos, clique em: Commit changes
O GitHub fará o upload automaticamente.
Passo 5 — Ativar o GitHub Pages
Dentro do repositório:
- Clique em: Settings
- Depois: Pages
- Na seção: Build and deployment
- Configure:
- Source:
Deploy from a branch - Em seguida selecione:
- Branch: main
- E depois Folder: / (root)
- Clique em: Save
- Source:
Após alguns segundos o GitHub começará a publicar o projeto.
Passo 6 — Obter o link do jogo
Depois da publicação, o GitHub mostrará uma mensagem semelhante a:
Your site is live at: https://seuusuario.github.io/jogo-html-css-js/
Exemplo real: https://isabellabalencar.github.io/jogo-ia/
Agora qualquer pessoa poderá acessar seu jogo diretamente pelo navegador.
Conclusão
O GitHub Pages é uma das formas mais simples e gratuitas de publicar jogos desenvolvidos com HTML, CSS e JavaScript. Com poucos passos, é possível transformar um projeto local em uma aplicação disponível na internet. Além de facilitar o compartilhamento dos jogos, essa prática ajuda a criar um portfólio profissional e permite que outras pessoas testem seus projetos de qualquer lugar do mundo.
