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

No:30259

←

Prev Next

→

Jogo do kiwi
Developer User14723｜Date and time 23/12/21 3:35:21
Build time 14.949 sec｜Game capacity 2.044KB｜

Script

Jogo do Kiwi

Pontuação: 0

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Jogo do Kiwi</title>
    <style>
        body {
            text-align: center;
        }
        #gameCanvas {
            border: 1px solid black;
            margin: auto;
            width: 300px;
            height: 300px;
        }
        #scoreBoard {
            text-align: center;
        }
    </style>
</head>
<body>
    <h1>Jogo do Kiwi</h1>
    <canvas id="gameCanvas"></canvas>
    <div id="scoreBoard">
        <p>Pontuação: <span id="score">0</span></p>
    </div>

var kiwi = {
            x: canvas.width / 2,
            y: canvas.height - 30,
            radius: 20,
            color: "#FF0000"
        };

var score = 0;

var keys = {};
      
        function drawKiwi() {
            ctx.beginPath();
            ctx.arc(kiwi.x, kiwi.y, kiwi.radius, 0, Math.PI*2);
            ctx.fillStyle = kiwi.color;
            ctx.fill();
            ctx.closePath();
        }

function drawScore() {
            var scoreLabel = document.getElementById("score");
            scoreLabel.innerHTML = score;
        }

function updateGame() {
            if (keys[37] && kiwi.x - kiwi.radius > 0) { // left arrow key
                kiwi.x -= 3;
            }
            if (keys[39] && kiwi.x + kiwi.radius < canvas.width) { // right arrow key
                kiwi.x += 3;
            }

ctx.clearRect(0, 0, canvas.width, canvas.height);
            drawKiwi();
            drawScore();

requestAnimationFrame(updateGame);
        }

function keyDownHandler(event) {
            keys[event.keyCode] = true;
        }

function keyUpHandler(event) {
            delete keys[event.keyCode];
        }

document.addEventListener("keydown", keyDownHandler, false);
        document.addEventListener("keyup", keyUpHandler, false);

updateGame();

</script>
</body>
</html>