script.js

const canvas = document.getElementById('gameCanvas');
const ctx = canvas.getContext('2d');
const scoreElement = document.getElementById('score');
const startBtn = document.getElementById('startBtn');

// Controles mobile
const upBtn = document.getElementById('upBtn');
const downBtn = document.getElementById('downBtn');
const leftBtn = document.getElementById('leftBtn');
const rightBtn = document.getElementById('rightBtn');

// Configurações
const gridSize = 20;
let snake = [{x: 200, y: 200}];
let food = generateFood();
let dx = gridSize;
let dy = 0;
let score = 0;
let gameInterval;
let isGameRunning = false;

// Cores
const colors = {
    snake: '#ff4d4d',
    snakeHead: '#ff9999',
    food: '#4dff4d',
    bg: 'rgba(15, 15, 15, 0.2)'
};

// Inicialização
function init() {
    drawGame();
    setupControls();
}

// Gerar comida
function generateFood() {
    return {
        x: Math.floor(Math.random() * (canvas.width / gridSize)) * gridSize,
        y: Math.floor(Math.random() * (canvas.height / gridSize)) * gridSize
    };
}

// Desenhar elementos
function drawGame() {
    // Fundo
    ctx.fillStyle = colors.bg;
    ctx.fillRect(0, 0, canvas.width, canvas.height);
    
    // Comida
    ctx.fillStyle = colors.food;
    ctx.beginPath();
    ctx.arc(food.x + gridSize/2, food.y + gridSize/2, gridSize/2, 0, Math.PI*2);
    ctx.fill();
    
    // Cobra
    snake.forEach((segment, index) => {
        ctx.fillStyle = index === 0 ? colors.snakeHead : colors.snake;
        ctx.fillRect(segment.x, segment.y, gridSize, gridSize);
        
        // Detalhes
        ctx.strokeStyle = 'rgba(0, 0, 0, 0.1)';
        ctx.strokeRect(segment.x, segment.y, gridSize, gridSize);
    });
}

// Atualizar jogo
function updateGame() {
    const head = {x: snake[0].x + dx, y: snake[0].y + dy};
    
    // Colisões
    if (
        head.x < 0 || head.x >= canvas.width ||
        head.y < 0 || head.y >= canvas.height ||
        snake.some(segment => segment.x === head.x && segment.y === head.y)
    ) {
        endGame();
        return;
    }
    
    snake.unshift(head);
    
    if (head.x === food.x && head.y === food.y) {
        score += 10;
        scoreElement.textContent = score.toString().padStart(2, '0');
        food = generateFood();
    } else {
        snake.pop();
    }
    
    drawGame();
}

// Controles
function setupControls() {
    // Teclado
    document.addEventListener('keydown', e => {
        if (!isGameRunning) return;
        
        switch(e.key) {
            case 'ArrowUp': if (dy !== gridSize) { dx = 0; dy = -gridSize; } break;
            case 'ArrowDown': if (dy !== -gridSize) { dx = 0; dy = gridSize; } break;
            case 'ArrowLeft': if (dx !== gridSize) { dx = -gridSize; dy = 0; } break;
            case 'ArrowRight': if (dx !== -gridSize) { dx = gridSize; dy = 0; } break;
        }
    });
    
    // Mobile
    upBtn.addEventListener('click', () => { if (dy !== gridSize) { dx = 0; dy = -gridSize; } });
    downBtn.addEventListener('click', () => { if (dy !== -gridSize) { dx = 0; dy = gridSize; } });
    leftBtn.addEventListener('click', () => { if (dx !== gridSize) { dx = -gridSize; dy = 0; } });
    rightBtn.addEventListener('click', () => { if (dx !== -gridSize) { dx = gridSize; dy = 0; } });
    
    // Botão Start
    startBtn.addEventListener('click', () => {
        if (!isGameRunning) {
            isGameRunning = true;
            gameInterval = setInterval(updateGame, 100);
            startBtn.disabled = true;
        }
    });
}

// Finalizar jogo
function endGame() {
    clearInterval(gameInterval);
    isGameRunning = false;
    startBtn.disabled = false;
    
    // Efeito visual
    ctx.fillStyle = 'rgba(255, 77, 77, 0.5)';
    ctx.fillRect(0, 0, canvas.width, canvas.height);
    
    setTimeout(() => {
        alert(`Game Over\nScore: ${score}`);
        resetGame();
    }, 100);
}

// Reiniciar jogo
function resetGame() {
    snake = [{x: 200, y: 200}];
    dx = gridSize;
    dy = 0;
    score = 0;
    scoreElement.textContent = '00';
    food = generateFood();
    drawGame();
}

// Iniciar
init();