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:52444

114

←

Prev Next

→

Can ai learn to play snake ai vs ai
Developer User18896｜Date and time 24/3/22 9:07:21
Build time 8.027 sec｜Game capacity 2.875KB｜

Script

Sure, here is a simple JavaScript implementation of the classic game Snake using pictograms for smartphone operation:

You can copy and paste this code into an HTML file and open it in a browser to play the Snake game. Use the arrow keys on your keyboard to control the direction of the snake and try to eat the fruit to grow longer. Enjoy playing!

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

Sure, here is a simple JavaScript implementation of the classic game Snake using pictograms for smartphone operation:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Snake Game</title>
</head>
<body>
    <canvas id="gameCanvas"></canvas>

const drawFruit = () => {
            ctx.fillStyle = 'red';
            ctx.fillRect(fruit.x * scale, fruit.y * scale, scale, scale);
        };

const update = () => {
            const head = { x: snake[0].x, y: snake[0].y };

switch (direction) {
                case 'up':
                    head.y--;
                    break;
                case 'down':
                    head.y++;
                    break;
                case 'left':
                    head.x--;
                    break;
                case 'right':
                    head.x++;
                    break;
            }

if (head.x === fruit.x && head.y === fruit.y) {
                snake.unshift(head);
                fruit.x = Math.floor(Math.random() * canvas.width / scale);
                fruit.y = Math.floor(Math.random() * canvas.height / scale);
            } else {
                snake.pop();
                snake.unshift(head);
            }
        };

const resetCanvas = () => {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
        };

const gameLoop = () => {
            update();
            resetCanvas();
            drawSnake();
            drawFruit();
        };

document.addEventListener('keydown', (e) => {
            switch (e.key) {
                case 'ArrowUp':
                    direction = 'up';
                    break;
                case 'ArrowDown':
                    direction = 'down';
                    break;
                case 'ArrowLeft':
                    direction = 'left';
                    break;
                case 'ArrowRight':
                    direction = 'right';
                    break;
            }
        });

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