Um personagem com movimentações, um mapa com Chão verde e árvores em grade's game

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

No:52052

←

Prev Next

→

Um personagem com movimentações, um mapa com Chão ..ALL
Developer User19080｜Date and time 24/3/17 13:47:41
Build time 5.652 sec｜Game capacity 1.925KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Jogo de Aventura</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

let playerX = 50;
        let playerY = 50;
        const playerSize = 20;

const treeSize = 30;

function drawPlayer() {
            ctx.fillStyle = 'blue';
            ctx.fillRect(playerX, playerY, playerSize, playerSize);
        }

function drawMap() {
            ctx.fillStyle = 'green';
            ctx.fillRect(0, 0, canvas.width, canvas.height);

ctx.fillStyle = 'brown';
            for (let x = 0; x < canvas.width; x += treeSize + 20) {
                for (let y = 0; y < canvas.height; y += treeSize + 20) {
                    ctx.fillRect(x, y, treeSize, treeSize);
                }
            }
        }

function updateCanvas() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            drawMap();
            drawPlayer();
        }

function moveLeft() {
            playerX -= 5;
            updateCanvas();
        }

function moveRight() {
            playerX += 5;
            updateCanvas();
        }

function moveUp() {
            playerY -= 5;
            updateCanvas();
        }

function moveDown() {
            playerY += 5;
            updateCanvas();
        }

updateCanvas();
    </script>
</body>
</html>