セキセイインコを飛ばすゲーム。パチ○コでなるべく遠く飛ばしたほうが勝ち。's game

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

No:40948

←

Prev Next

→

セキセイインコを飛ばすゲーム。パチ○コでなるべく遠く飛ばしたほうが勝ち。
Developer User18322｜Date and time 24/2/4 21:36:09
Build time 8.801 sec｜Game capacity 2.515KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>セキセイインコを飛ばすゲーム</title>
    <style>
        canvas{
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>

// プレイヤーの初期位置
        let playerX = canvas.width / 2;
        let playerY = canvas.height - 30;

// セキセイインコの初期位置と速度
        let sekiX = Math.random() * (canvas.width - 20);
        let sekiY = 0;
        let sekiSpeed = 2;

let score = 0;

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

function drawSeki() {
            ctx.beginPath();
            ctx.arc(sekiX, sekiY, 10, 0, Math.PI * 2);
            ctx.fillStyle = "green";
            ctx.fill();
            ctx.closePath();
        }

function drawScore() {
            ctx.font = "16px Arial";
            ctx.fillStyle = "black";
            ctx.fillText("Score: " + score, 8, 20);
        }

function collisionDetection() {
            let distance = Math.sqrt(Math.pow((sekiX - playerX), 2) + Math.pow((sekiY - playerY), 2));
            if (distance < 20) {
                alert("Game Over");
                document.location.reload();
            }
        }

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

drawPlayer();
            drawSeki();
            drawScore();
            collisionDetection();

if (sekiY > canvas.height) {
                sekiX = Math.random() * (canvas.width - 20);
                sekiY = 0;
                score++;
            }

sekiY += sekiSpeed;
        }

document.addEventListener("keydown", keyDownHandler);

setInterval(draw, 10);
    </script>
</body>
</html>