3Dの重力があって操作できる格闘ゲーム's game

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

No:49868

←

Prev Next

→

3Dの重力があって操作できる格闘ゲーム
Developer User21141｜Date and time 24/3/6 16:25:56
Build time 7.73 sec｜Game capacity 1.381KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>3D格闘ゲーム</title>
<style>
canvas {
    width: 100%;
    height: 100vh;
    display: block;
}
</style>
</head>
<body>
<canvas id="gameCanvas"></canvas>

let playerX = canvas.width / 2;
let playerY = canvas.height / 2;
let playerSize = 20;
let playerSpeed = 5;
let gravity = 0.5;

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

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

function update() {
    clearCanvas();

// Apply gravity
    playerY += gravity;

drawPlayer();
}

function keyDownHandler(e) {
    switch(e.key) {
        case 'ArrowUp':
            playerY -= playerSpeed;
            break;
        case 'ArrowDown':
            playerY += playerSpeed;
            break;
        case 'ArrowLeft':
            playerX -= playerSpeed;
            break;
        case 'ArrowRight':
            playerX += playerSpeed;
            break;
    }
}

document.addEventListener('keydown', keyDownHandler);

setInterval(update, 1000/60);
</script>
</body>
</html>