AI game creator

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

No:46372

←

Prev Next

→

ASCII snake
Developer User13518｜Date and time 24/2/24 19:15:39
Build time 10.506 sec｜Game capacity 3.493KB｜

Script

D'accord, voici un exemple de code pour un jeu de serpent en JavaScript affiché dans une seule balise script dans un fichier HTML :

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

D'accord, voici un exemple de code pour un jeu de serpent en JavaScript affiché dans une seule balise script dans un fichier HTML :

```html
<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Jeu de Serpent</title>
</head>
<body>
    <canvas id="snakeCanvas" width="400" height="400"></canvas>
    <script>
        const canvas = document.getElementById('snakeCanvas');
        const ctx = canvas.getContext('2d');

let snakeX = 10;
        let snakeY = 10;
        let gridSize = 20;
        let tileCount = 20;
        let velocityX = 0;
        let velocityY = 0;
        let appleX = 5;
        let appleY = 5;

const snake = [
            {x: 10, y: 10},
        ];

function drawSnakePart(snakePart) {
            ctx.fillStyle = 'green';
            ctx.fillRect(snakePart.x * gridSize, snakePart.y * gridSize, gridSize, gridSize);
        }

function drawApple() {
            ctx.fillStyle = 'red';
            ctx.fillRect(appleX * gridSize, appleY * gridSize, gridSize, gridSize);
        }

function drawSnake() {
            snake.forEach(drawSnakePart);
        }

function clearCanvas() {
            ctx.fillStyle = 'black';
            ctx.fillRect(0, 0, canvas.width, canvas.height);
        }

function checkCollision() {
            if (snakeX < 0 || snakeX >= tileCount || snakeY < 0 || snakeY >= tileCount) {
                snakeX = 10;
                snakeY = 10;
                snake = [{x: 10, y: 10}];
                velocityX = 0;
                velocityY = 0;
                appleX = 5;
                appleY = 5;
            }

for (let i = 1; i < snake.length; i++) {
                if (snake[i].x === snakeX && snake[i].y === snakeY) {
                    snakeX = 10;
                    snakeY = 10;
                    snake = [{x: 10, y: 10}];
                    velocityX = 0;
                    velocityY = 0;
                    appleX = 5;
                    appleY = 5;
                }
            }
        }
        
        function update() {
            clearCanvas();
            drawApple();
            drawSnake();
            moveSnake();
            checkCollision();
            checkAppleCollision();
        }

function moveSnake() {
            snakeX += velocityX;
            snakeY += velocityY;
        }

function keyDownEvent(e) {
            switch (e.keyCode) {
                case 37: // Left
                    velocityX = -1;
                    velocityY = 0;
                    break;
                case 38: // Up
                    velocityX = 0;
                    velocityY = -1;
                    break;
                case 39: // Right
                    velocityX = 1;
                    velocityY = 0;
                    break;
                case 40: // Down
                    velocityX = 0;
                    velocityY = 1;
                    break;
            }
        }

document.addEventListener('keydown', keyDownEvent);

setInterval(update, 100);
    </script>
</body>
</html>
```