AI game creator

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

No:13591

121

←

Prev Next

→

Snake game with the money and upgrades. Ressources..ALL
Developer User5869｜Date and time 23/8/29 3:40:33
Build time 24.967 sec｜Game capacity 4.193KB｜

Script

Bien sûr! Voici une version simplifiée d'un jeu de serpent avec de l'argent et des améliorations, conçue pour fonctionner sur un smartphone. Le jeu est écrit en HTML avec JavaScript et est contenu dans une balise script.

Ce code crée un jeu de serpent où vous devez contrôler un serpent pour manger la nourriture et accumuler des points et de l'argent. Vous pouvez utiliser les touches directionnelles pour contrôler le serpent sur votre smartphone. Chaque fois que vous mangez de la nourriture, votre score augmente et vous gagnez de l'argent. Si le serpent touche les côtés du canvas ou se percute, la partie est terminée.

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Jeu du Serpent</title>
</head>
<body>
    <canvas id="canvas" width="400" height="400"></canvas>

// Contrôle du serpent via les touches directionnelles
        document.addEventListener("keydown", direction);

var d;
        function direction(event) {
            if (event.keyCode == 37 && d != "RIGHT") {
                d = "LEFT";
            } else if (event.keyCode == 38 && d != "DOWN") {
                d = "UP";
            } else if (event.keyCode == 39 && d != "LEFT") {
                d = "RIGHT";
            } else if (event.keyCode == 40 && d != "UP") {
                d = "DOWN";
            }
        }

// Vérifie si la tête du serpent touche le corps ou les bords du canvas
        function collision(head, snake) {
            for (var i = 0; i < snake.length; i++) {
                if (head.x == snake[i].x && head.y == snake[i].y) {
                    return true;
                }
            }
            return (head.x < 0 || head.x >= canvas.width || head.y < 0 || head.y >= canvas.height)
        }

// Dessine le serpent, la nourriture et met à jour le score
        function draw() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

for (var i = 0; i < snake.length; i++) {
                ctx.fillStyle = (i == 0) ? "green" : "white";
                ctx.fillRect(snake[i].x, snake[i].y, box, box);
            }

ctx.fillStyle = "red";
            ctx.fillRect(food.x, food.y, box, box);

ctx.fillStyle = "white";
            ctx.font = "20px Arial";
            ctx.fillText("Score: " + score, 5, 20);
            ctx.fillText("Money: $" + money, 5, 40);

var snakeX = snake[0].x;
            var snakeY = snake[0].y;

// Met à jour la position du serpent en fonction de la direction
            if (d == "LEFT") snakeX -= box;
            if (d == "UP") snakeY -= box;
            if (d == "RIGHT") snakeX += box;
            if (d == "DOWN") snakeY += box;

var newHead = { x: snakeX, y: snakeY };

// Vérifie si le serpent a mangé la nourriture
            if (snakeX == food.x && snakeY == food.y) {
                score++;
                money += 10;
                food = { x: Math.floor(Math.random() * 21) * box, y: Math.floor(Math.random() * 21) * box };
            } else {
                snake.pop(); // Supprime la dernière queue du serpent s'il ne mange pas
            }

// Ajoute la nouvelle position de la tête du serpent
            snake.unshift(newHead);

// Vérifie si la partie est terminée
            if (collision(newHead, snake)) {
                clearInterval(game);
                alert("Partie terminée!");
                // Peut-être ajouter une logique pour acheter des améliorations avec l'argent gagné!
            }
        }

var game = setInterval(draw, 100); // Démarre le jeu avec une intervalle de 100 ms
    </script>
</body>
</html>
```