Snake game with the money and upgrades's game | AI game creator

Click here for free DL of the app version that can save data.

No:13590

100

Snake game with the money and upgrades
Developer User5869｜Date and time 23/8/29 3:39:20
Build time 28.71 sec｜Game capacity 4.548KB｜

Score: 0

Argent: 0

→ 　

0　

0　

　
　
　
　

[PR]現在の売れ筋Kindle本ランキング

Click here for free DL of the app version that can save data.

(C)2023 HisashiApp

<!DOCTYPE html>
<html>
<head>
<title>Jeu du Serpent avec Argent et Améliorations</title>
<style>
    #game-board {
        width: 400px;
        height: 400px;
        background-color: #f3f3f3;
        border: 1px solid #ccc;
        margin: 20px auto;
        position: relative;
    }
    
    .snake-dot, .food-dot {
        width: 20px;
        height: 20px;
        position: absolute;
    }
    
    .snake-dot {
        background-color: #333;
    }
    
    .food-dot {
        background-color: #ff0000;
    }
</style>
</head>
<body>
    <div id="game-board"></div>

<script>
    // Initialisation des variables
    var canvas = document.getElementById("game-board");
    var context = canvas.getContext("2d");
    var tileSize = 20;
    var tileCount = 20;
    var snake = [{x: 10, y: 10}];
    var food = {x: 5, y: 5};
    var direction = {x: 0, y: 0};
    var score = 0;
    var money = 0;
    
    function init() {
        // Démarrage du jeu
        document.addEventListener("keydown", changeDirection);
        setInterval(gameLoop, 100);
    }

function gameLoop() {
        // Mise à jour des positions
        moveSnake();
        draw();
    }
    
    function moveSnake() {
        // Mettre à jour la position de la tête du serpent
        var head = {x: snake[0].x + direction.x, y: snake[0].y + direction.y};
        
        // Ajouter la nouvelle tête à la liste du serpent
        snake.unshift(head);
        
        // Vérifier si le serpent a mangé la nourriture
        if (head.x === food.x && head.y === food.y) {
            // Augmenter le score et générer une nouvelle position pour la nourriture
            score += 10;
            money += 1;
            generateFood();
        } else {
            // Si le serpent n'a pas mangé, retirer le dernier élément de la liste pour conserver la taille du serpent
            snake.pop();
        }
        
        // Vérifier les collisions avec les murs ou avec le corps du serpent
        if (head.x < 0 || head.x >= tileCount || head.y < 0 || head.y >= tileCount || checkCollision(head)) {
            gameOver();
        }
    }
    
    function changeDirection(event) {
        // Changer la direction du serpent en fonction de la touche pressée
        var keyPressed = event.keyCode;
        
        // 37: Gauche, 38: Haut, 39: Droite, 40: Bas
        if (keyPressed === 37 && direction.x !== 1) {
            direction = {-1, 0};
        } else if (keyPressed === 38 && direction.y !== 1) {
            direction = {0, -1};
        } else if (keyPressed === 39 && direction.x !== -1) {
            direction = {1, 0};
        } else if (keyPressed === 40 && direction.y !== -1) {
            direction = {0, 1};
        }
    }
    
    function draw() {
        // Effacer le canvas
        context.clearRect(0, 0, canvas.width, canvas.height);
        
        // Dessiner le serpent
        snake.forEach(drawSnakeDot);
        
        // Dessiner la nourriture
        drawFoodDot(food.x, food.y);
        
        // Afficher le score et l'argent
        document.getElementById("score").innerHTML = "Score: " + score;
        document.getElementById("money").innerHTML = "Argent: " + money;
    }
    
    function drawSnakeDot(dot) {
        // Dessiner chaque partie du serpent
        context.fillStyle = "#333";
        context.fillRect(dot.x * tileSize, dot.y * tileSize, tileSize, tileSize);
    }
    
    function drawFoodDot(x, y) {
        // Dessiner la nourriture
        context.fillStyle = "#ff0000";
        context.fillRect(x * tileSize, y * tileSize, tileSize, tileSize);
    }
    
    function generateFood() {
        // Générer une nouvelle position pour la nourriture (aleatoirement)
        food.x = Math.floor(Math.random() * tileCount);
        food.y = Math.floor(Math.random() * tileCount);
    }
    
    function checkCollision(head) {
        // Vérifier les collisions avec le corps du serpent
        for (var i = 1; i < snake.length; i++) {
            if (head.x === snake[i].x && head.y === snake[i].y) {
                return true;
            }
        }
        return false;
    }
    
    function gameOver() {
        // Arrêter le jeu et afficher un message de fin de partie
        document.removeEventListener("keydown", changeDirection);
        clearInterval(gameLoop);
        alert("Game Over! Score: " + score + " Argent: " + money);
    }
    
    // Lancer le jeu
    init();
</script>

<div id="score">Score: 0</div>
<div id="money">Argent: 0</div>

</body>
</html>