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

No:64

384

←

Prev Next

→

Earth Explosion Game
Developer anonymous｜Date and time 23/5/9 2:07:48
Build time 42.546 sec｜Game capacity 2.494KB｜

Script

地球爆発ゲーム

地球が危機に瀕している！宇宙から襲いかかる隕石を撃退して、地球を救い出そう！

操作方法：

画面をタップで弾を発射
左右のスワイプで弾道を調整

スタート！

地球が爆発する前に、隕石を撃退しよう！弾を発射するタイミングと、弾道の調整が重要です。

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <title>地球爆発ゲーム</title>
</head>
<body>
    <h1>地球爆発ゲーム</h1>
    <p>地球が危機に瀕している！宇宙から襲いかかる隕石を撃退して、地球を救い出そう！</p>
    <p>操作方法：</p>
    <ul>
        <li>画面をタップで弾を発射</li>
        <li>左右のスワイプで弾道を調整</li>
    </ul>
    <p>スタート！</p>
    <script>
        const canvas = document.createElement('canvas');
        canvas.width = window.innerWidth;
        canvas.height = window.innerHeight;
        const ctx = canvas.getContext('2d');
        document.body.appendChild(canvas);

const ball = {
            x: canvas.width / 2,
            y: canvas.height - 50,
            vx: 0,
            vy: 0,
            ax: 0,
            ay: 0.5,
            size: 25
        }

function drawBall() {
            ctx.beginPath();
            ctx.arc(ball.x, ball.y, ball.size, 0, Math.PI*2);
            ctx.fill();
            ctx.closePath();
        }

function updateBall() {
            ball.vx += ball.ax;
            ball.vy += ball.ay;
            ball.x += ball.vx;
            ball.y += ball.vy;
            if (ball.y > canvas.height + ball.size) {
                alert("地球が爆発しました！");
            }
        }

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

function loop() {
            clearCanvas();
            drawBall();
            updateBall();
            requestAnimationFrame(loop);
        }

function handleTap(event) {
            const theta = Math.atan2(event.clientY - ball.y, event.clientX - ball.x);
            ball.vx = Math.cos(theta) * 10;
            ball.vy = Math.sin(theta) * 10;
        }

function handleSwipe(event) {
            if (event.deltaX > 0) {
                ball.ax = 1;
            } else if (event.deltaX < 0) {
                ball.ax = -1;
            }
        }

canvas.addEventListener('mousedown', handleTap);
        canvas.addEventListener('touchstart', handleTap);
        canvas.addEventListener('mousemove', handleSwipe);
        canvas.addEventListener('touchmove', handleSwipe);

loop();
    </script>

<p>地球が爆発する前に、隕石を撃退しよう！弾を発射するタイミングと、弾道の調整が重要です。</p>
</body>
</html>