たいよう大バトル2's game

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

No:49708

←

Prev Next

→

たいよう大バトル2
Developer User21088｜Date and time 24/3/6 7:28:57
Build time 7.7 sec｜Game capacity 2.333KB｜

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>たいよう大バトル2</title>
<style>
    body {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
        background-color: skyblue;
        font-family: Arial, sans-serif;
    }
    #canvas {
        border: 2px solid black;
    }
</style>
</head>
<body>
    <canvas id="canvas" width="400" height="400"></canvas>

let playerX = 200;
        let playerY = 350;
        let sunX = 200;
        let sunY = 50;
        let sunSize = 30;

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

// Draw player
            ctx.fillStyle = "yellow";
            ctx.fillRect(playerX, playerY, 20, 20);

// Draw sun
            ctx.fillStyle = "orange";
            ctx.beginPath();
            ctx.arc(sunX, sunY, sunSize, 0, Math.PI * 2);
            ctx.fill();

requestAnimationFrame(draw);
        }

function update() {
            if (playerX < sunX + sunSize && playerX + 20 > sunX && playerY < sunY + sunSize && playerY + 20 > sunY) {
                alert("Game Over! The sun has defeated you.");
                playerX = 200;
                playerY = 350;
            }

if (playerY <= 0) {
                alert("Congratulations! You have reached the sun and saved the Earth.");
                playerX = 200;
                playerY = 350;
            }
        }

document.addEventListener("keydown", movePlayer);

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