AI game creator

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

No:46649

←

Prev Next

→

Sparatutto
Developer User20131｜Date and time 24/2/25 17:03:36
Build time 4.654 sec｜Game capacity 1.201KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
<title>Sparatutto Game</title>
<style>
canvas {
    border: 1px solid black;
}
</style>
</head>
<body>
<canvas id="gameCanvas" width="400" height="400"></canvas>
<script>
const canvas = document.getElementById("gameCanvas");
const ctx = canvas.getContext("2d");

let playerX = canvas.width/2;
let playerY = canvas.height-30;
let playerSize = 20;
let playerSpeed = 5;

let keys = {};
document.addEventListener("keydown", function(event) {
    keys[event.keyCode] = true;
});
document.addEventListener("keyup", function(event) {
    keys[event.keyCode] = false;
});

function drawPlayer() {
    ctx.beginPath();
    ctx.arc(playerX, playerY, playerSize, 0, Math.PI*2);
    ctx.fillStyle = "blue";
    ctx.fill();
    ctx.closePath();
}

function movePlayer() {
    if (keys[37] && playerX > playerSize) { // Left arrow key
        playerX -= playerSpeed;
    }
    if (keys[39] && playerX < canvas.width-playerSize) { // Right arrow key
        playerX += playerSpeed;
    }
}

function updateGame() {
    ctx.clearRect(0, 0, canvas.width, canvas.height);
    drawPlayer();
    movePlayer();
    requestAnimationFrame(updateGame);
}

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