Jogo da cobrinha com Grand theft auto's game

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

No:52059

100

←

Prev Next

→

Jogo da cobrinha com Grand theft auto
Developer User19080｜Date and time 24/3/17 13:52:32
Build time 9.698 sec｜Game capacity 2.692KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Jogo da Cobrinha com Grand Theft Auto</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 context = canvas.getContext('2d');

const tileSize = 20;
        const snakeColor = 'green';
        const appleColor = 'red';

let snake = [{ x: 10, y: 10 }];
        let dx = 0;
        let dy = 0;

let apple = { x: 15, y: 15 };

function drawSnakePart(part) {
            context.fillStyle = snakeColor;
            context.fillRect(part.x * tileSize, part.y * tileSize, tileSize, tileSize);
        }

function drawApple() {
            context.fillStyle = appleColor;
            context.fillRect(apple.x * tileSize, apple.y * tileSize, tileSize, tileSize);
        }

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

function moveSnake() {
            const head = { x: snake[0].x + dx, y: snake[0].y + dy };
            snake.unshift(head);

if (head.x === apple.x && head.y === apple.y) {
                generateApple();
            } else {
                snake.pop();
            }
        }

function generateApple() {
            apple.x = Math.floor(Math.random() * (canvas.width / tileSize));
            apple.y = Math.floor(Math.random() * (canvas.height / tileSize));
        }

function clearCanvas() {
            context.clearRect(0, 0, canvas.width, canvas.height);
        }

function updateGame() {
            clearCanvas();
            drawApple();
            moveSnake();
            drawSnake();
        }

function changeDirection(event) {
            const LEFT_KEY = 37;
            const RIGHT_KEY = 39;
            const UP_KEY = 38;
            const DOWN_KEY = 40;

const keyPressed = event.keyCode;

if (keyPressed === LEFT_KEY && dx !== 1) {
                dx = -1;
                dy = 0;
            }

if (keyPressed === RIGHT_KEY && dx !== -1) {
                dx = 1;
                dy = 0;
            }

if (keyPressed === UP_KEY && dy !== 1) {
                dx = 0;
                dy = -1;
            }

if (keyPressed === DOWN_KEY && dy !== -1) {
                dx = 0;
                dy = 1;
            }
        }

document.addEventListener('keydown', changeDirection);

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