Skip to content

README.md

Latest commit

 

History

History
96 lines (67 loc) · 5.29 KB

README.md

File metadata and controls

96 lines (67 loc) · 5.29 KB
Raw

Snake Neon Icon

🐍 Snake Neon Game | João Albero

📌 Visão Geral | Overview

🇧🇷 PT-BR 🇺🇸 EN
O Snake Neon Game é uma versão web do clássico jogo da cobrinha, com visual neon em tema escuro. Roda totalmente no navegador usando HTML, CSS e JavaScript puro.

• Fundo preto com grade neon
• Cobrinha com brilho na cabeça
• Comida rosa neon
• Score, High Score e Ranking com localStorage
• Jogável via teclado		 Snake Neon Game is a web version of the classic Snake game, featuring a neon look + dark theme. Fully browser-based with pure HTML, CSS and JavaScript.

• Dark background with neon grid
• Glowing snake head
• Neon pink food
• Score, High Score and Ranking via localStorage
• Keyboard-controlled

🧠 Features | Funcionalidades

🇧🇷 PT-BR 🇺🇸 EN
• Movimento suave baseado em grid (Canvas)
• Colisão com paredes e corpo
• High Score salvo no localStorage
• Ranking local TOP 10
• Layout responsivo
• Estética neon cyberpunk		 • Smooth grid-based movement (Canvas)
• Wall & self collision
• High Score stored via localStorage
• Local TOP 10 ranking
• Simple responsive layout
• Cyberpunk neon aesthetic

🕹️ Como jogar | How to play

🇧🇷 PT-BR 🇺🇸 EN
Use as setas para mover: ⬆⬇⬅➡
Coma a comida rosa para pontuar.
Colidir = Game Over.
Digite seu nome para salvar no ranking.
Restart com botão ou Enter.		 Use the arrow keys to move: ⬆⬇⬅➡
Eat pink neon food to score.
Collision = Game Over.
Type your name to save your score.
Restart button or Enter.

🧩 Tech Stack | Tecnologias

🇧🇷 PT-BR 🇺🇸 EN
• HTML5 Canvas
• CSS3 Neon/Dark Theme
• JavaScript ES6+
• LocalStorage		 • HTML5 Canvas
• CSS3 Neon/Dark Theme
• JavaScript ES6+
• LocalStorage

📂 Estrutura de Pastas | Folder Structure

🇧🇷 PT-BR 🇺🇸 EN
snake-neon-game/
├─ src/snake-neon-game/
│ ├─ index.html
│ ├─ style.css
│ ├─ script.js
│ └─ assets/ (sons)
├─ tests/
├─ README.md
├─ LICENSE
├─ .gitignore
└─ icons/ (web-icon.png, readme-icon.png)		 snake-neon-game/
├─ src/snake-neon-game/
│ ├─ index.html
│ ├─ style.css
│ ├─ script.js
│ └─ assets/ (audio)
├─ tests/
├─ README.md
├─ LICENSE
├─ .gitignore
└─ icons/ (web-icon.png, readme-icon.png)

🚀 Como rodar localmente | How to run locally

🇧🇷 PT-BR 🇺🇸 EN
1. Clone o repositório:
git clone https://github.com/SEU-USUARIO/snake-neon-game.git
2. Entre na pasta:
cd snake-neon-game/src/snake-neon-game
3. Abra index.html no navegador ou use Live Server.		 1. Clone the repository:
git clone https://github.com/YOUR-USERNAME/snake-neon-game.git
2. Go to the folder:
cd snake-neon-game/src/snake-neon-game
3. Open index.html in your browser or use Live Server.

🛣️ Roadmap

🇧🇷 PT-BR 🇺🇸 EN
⏳ Velocidade aumenta com score
⏳ Temas alternativos
⏳ Tela de pause
⏳ Sons de comer / morte		 ⏳ Speed increases with score
⏳ Alternative themes
⏳ Pause screen
⏳ Eat / death sounds

📜 Licença | License

🇧🇷 PT-BR 🇺🇸 EN
MIT License — veja LICENSE. MIT License — see LICENSE.

👤 Autor | Author

🇧🇷 PT-BR 🇺🇸 EN
Criado por João Albero · 2025 Created by João Albero · 2025