Skip to content

Latest commit

 

History

20 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

A modern neon-styled Snake game built with pure HTML, CSS, and JavaScript. Featuring Combo+ mode, Hard Mode, particle effects, multiple themes, mobile controls, sound effects, and local ranking system.

Topics

Resources

Stars

3 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages