Can ai learn to play snake ai vs ai's game

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

No:52446

260

←

Prev Next

→

Can ai learn to play snake ai vs ai
Developer User18896｜Date and time 24/3/22 9:08:55
Build time 12.637 sec｜Game capacity 3.245KB｜

Script

I'm glad to see that you're interested in creating a game using JavaScript! Below is an example of a simple snake game implemented in a single HTML file with JavaScript enclosed in script tags:

This code creates a simple snake game where the player controls the direction of the snake to eat food and grow larger. The game ends if the snake hits the walls or collides with itself. Feel free to customize and enhance the game further to make it more engaging!

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

I'm glad to see that you're interested in creating a game using JavaScript! Below is an example of a simple snake game implemented in a single HTML file with JavaScript enclosed in script tags:

```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Snake Game</title>
    <style>
        canvas { 
            border: 1px solid black; 
            display: block; 
            margin: 0 auto; 
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    <script>
        const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');

let snake = [{ x: 10, y: 10 }];
        let direction = { x: 1, y: 0 };
        let food = { x: Math.floor(Math.random() * 30) * 10, y: Math.floor(Math.random() * 30) * 10 };

function mainLoop() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw snake
            ctx.fillStyle = 'green';
            snake.forEach((segment) => {
                ctx.fillRect(segment.x, segment.y, 10, 10);
            });

// Draw food
            ctx.fillStyle = 'red';
            ctx.fillRect(food.x, food.y, 10, 10);

// Update snake position
            const head = { x: snake[0].x + direction.x * 10, y: snake[0].y + direction.y * 10 };
            snake.unshift(head);

// Check if snake eats food
            if (head.x === food.x && head.y === food.y) {
                food.x = Math.floor(Math.random() * 30) * 10;
                food.y = Math.floor(Math.random() * 30) * 10;
            } else {
                snake.pop();
            }

// Check if snake hits wall
            if (head.x < 0 || head.y < 0 || head.x >= canvas.width || head.y >= canvas.height) {
                clearInterval(interval);
                alert('Game over! Score: ' + (snake.length - 1));
            }

// Check if snake collides with itself
            snake.slice(1).forEach((segment) => {
                if (head.x === segment.x && head.y === segment.y) {
                    clearInterval(interval);
                    alert('Game over! Score: ' + (snake.length - 1));
                }
            });
        }

const interval = setInterval(mainLoop, 100);
    </script>
</body>
</html>
```