In this game your a snake that needs to eat wheat seeds to grow longer and longer you need the wheat seeds to change your snake’s color's game

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

No:10927

←

Prev Next

→

In this game your a snake that needs to eat wheat ..ALL
Developer User4715｜Date and time 23/8/5 21:34:49
Build time 41.544 sec｜Game capacity 4.959KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Snake Game</title>
    <style>
        body {
            margin: 0;
        }
        canvas {
            background-color: #000000;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Set initial game parameters
        const canvasSize = 20;  // Number of rows and columns in the canvas
        const gridSize = 20;    // Size of each grid square in pixels
        const initialSnakeLength = 3;
        const speed = 200;      // Time interval in milliseconds for each step

// Initialize game variables
        let gameCanvas;
        let context;
        let snake;
        let direction;
        let seedX;
        let seedY;
        let score;

// Initialize game
        function initialize() {
            gameCanvas = document.getElementById("gameCanvas");
            context = gameCanvas.getContext("2d");
            snake = [];
            direction = "right";
            seedX = Math.floor(Math.random() * canvasSize);
            seedY = Math.floor(Math.random() * canvasSize);
            score = 0;

// Create initial snake
            for (let i = 0; i < initialSnakeLength; i++) {
                snake.push({ x: 10 - i, y: 10 });
            }

// Start game loop
            setInterval(gameLoop, speed);
        }

// Main game loop
        function gameLoop() {
            clearCanvas();
            moveSnake();
            drawSnake();
            drawSeed();
            checkCollision();
        }

// Function to clear the canvas
        function clearCanvas() {
            context.clearRect(0, 0, gameCanvas.width, gameCanvas.height);
        }

// Function to move the snake
        function moveSnake() {
            let headX = snake[0].x;
            let headY = snake[0].y;

// Update snake's head position based on direction
            if (direction === "right") {
                headX++;
            } else if (direction === "left") {
                headX--;
            } else if (direction === "up") {
                headY--;
            } else if (direction === "down") {
                headY++;
            }

// Create new head position
            const newHead = {
                x: headX,
                y: headY
            };
            snake.unshift(newHead);  // Add new head to front of the snake

// Remove the tail segment if not eating seed
            if (headX !== seedX || headY !== seedY) {
                snake.pop();
            } else {
                // Increase score and randomly generate new seed position
                score++;
                seedX = Math.floor(Math.random() * canvasSize);
                seedY = Math.floor(Math.random() * canvasSize);
            }
        }

// Function to draw the snake
        function drawSnake() {
            snake.forEach(segment => {
                context.font = `${gridSize}px sans-serif`;
                context.fillText(snakeHead, segment.x * gridSize, segment.y * gridSize);
            });
        }

// Function to draw the wheat seed
        function drawSeed() {
            context.font = `${gridSize}px sans-serif`;
            context.fillText(seed, seedX * gridSize, seedY * gridSize);
        }

// Function to handle keyboard input
        document.addEventListener("keydown", function(event) {
            if (event.key === "ArrowRight" && direction !== "left") {
                direction = "right";
            } else if (event.key === "ArrowLeft" && direction !== "right") {
                direction = "left";
            } else if (event.key === "ArrowUp" && direction !== "down") {
                direction = "up";
            } else if (event.key === "ArrowDown" && direction !== "up") {
                direction = "down";
            }
        });

// Function to check collision with walls or itself
        function checkCollision() {
            const headX = snake[0].x;
            const headY = snake[0].y;

// Check collision with walls
            if (headX >= canvasSize || headX < 0 || headY >= canvasSize || headY < 0) {
                alert("Game Over! Your score: " + score);
                initialize();  // Restart game
            }

// Check collision with itself
            for (let i = 1; i < snake.length; i++) {
                if (headX === snake[i].x && headY === snake[i].y) {
                    alert("Game Over! Your score: " + score);
                    initialize();  // Restart game
                    break;
                }
            }
        }

// Start the game
        initialize();
    </script>
</body>
</html>