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

No:2563

1791

←

Prev Next

→

Illuminati (Name of group)
Developer User3581｜Date and time 23/6/21 23:59:09
Build time 44.887 sec｜Game capacity 4.696KB｜

Script

があなたを待っています。

イルミナティ

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

があなたを待っています。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>イルミナティ</title>
</head>
<body>
    <div id="game">
        <h1>イルミナティ</h1>
        <p><span id="message"></span></p>
        <canvas id="canvas" width="500" height="500"></canvas>
    </div>

// イルミナティの座標
        let x = canvas.width / 2;
        let y = canvas.height - 30;

// イルミナティの移動速度
        let dx = 3;
        let dy = -3;

// ボールの半径
        let ballRadius = 10;

// ボールの座標と移動速度
        let ballX = canvas.width / 2;
        let ballY = canvas.height - 50;
        let ballDx = 3;
        let ballDy = -3;

// キー操作
        let rightPressed = false;
        let leftPressed = false;

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

function keyDownHandler(e) {
            if (e.keyCode == 39) {
                rightPressed = true;
            } else if (e.keyCode == 37) {
                leftPressed = true;
            }
        }

function keyUpHandler(e) {
            if (e.keyCode == 39) {
                rightPressed = false;
            } else if (e.keyCode == 37) {
                leftPressed = false;
            }
        }

// イルミナティを描画
        function drawIlluminati() {
            ctx.beginPath();
            ctx.arc(x, y, 20, 0, Math.PI * 2);
            ctx.fillStyle = "#0095DD";
            ctx.fill();
            ctx.closePath();
        }

// ボールを描画
        function drawBall() {
            ctx.beginPath();
            ctx.arc(ballX, ballY, ballRadius, 0, Math.PI * 2);
            ctx.fillStyle = "#0095DD";
            ctx.fill();
            ctx.closePath();
        }

// スコアを表示
        function drawScore() {
            ctx.font = "16px Arial";
            ctx.fillStyle = "#0095DD";
            ctx.fillText("Score: " + score, 8, 20);
        }

// 残り時間を表示
        function drawTime() {
            ctx.font = "16px Arial";
            ctx.fillStyle = "#0095DD";
            ctx.fillText("Time: " + remainingTime, canvas.width - 80, 20);
        }

// ゲームオーバー
        function gameOver() {
            gameIsOver = true;
            message.innerHTML = "Game Over";
        }

// ゲームクリア
        function gameClear() {
            gameIsOver = true;
            message.innerHTML = "Game Clear";
        }

function draw() {
            if (gameIsOver) {
                return;
            }

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

drawIlluminati();
            drawBall();
            drawScore();
            drawTime();

// ボールと壁の衝突判定
            if (ballX + ballDx > canvas.width - ballRadius || ballX + ballDx < ballRadius) {
                ballDx = -ballDx;
            }
            if (ballY + ballDy < ballRadius) {
                ballDy = -ballDy;
            } else if (ballY + ballDy > canvas.height - ballRadius) {
                // イルミナティに当たったら反射させる
                if (ballX > x - 20 && ballX < x + 20) {
                    ballDy = -ballDy;
                    score++;

// スコアが10に到達したらゲームクリア
                    if (score == 10) {
                        gameClear();
                    }
                } else {
                    // イルミナティに当たらず床に落ちたらゲームオーバー
                    gameOver();
                }
            }

ballX += ballDx;
            ballY += ballDy;

// イルミナティの移動
            if (rightPressed && x < canvas.width - 20) {
                x += dx;
            } else if (leftPressed && x > 20) {
                x -= dx;
            }

// 残り時間を減らす
            remainingTime -= 1;

// 残り時間が0になったらゲームオーバー
            if (remainingTime == 0) {
                gameOver();
            }

requestAnimationFrame(draw);
        }

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