Meteor strike down! Counterattack to Jupiter! Saturn strikes back!'s game

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

No:7959

9729

←

Prev Next

→

Meteor strike down! Counterattack to Jupiter! Satu..ALL
Developer anonymous｜Date and time 70/1/1 11:28:11
Build time unknown sec｜Game capacity 8.891KB｜

Script

「流星打ち落とし！木星へ反撃！土星の逆襲」

流星打ち落とし！木星へ反撃！土星の逆襲

スコア: 0

レベル: 1

`` このゲームは未完成！

←

Prev　Next

→ 　

Back　

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

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

「流星打ち落とし！木星へ反撃！土星の逆襲」
<!DOCTYPE html>
<html>
<head>
    <title>流星打ち落とし！木星へ反撃！土星の逆襲</title>
</head>
<body>
    <h2>流星打ち落とし！木星へ反撃！土星の逆襲</h2>
    <button onclick="startGame()">ゲームスタート</button>
    <p id="score">スコア: 0</p>
    <p id="level">レベル: 1</p>
    <canvas id="gameCanvas" width="800" height="400"></canvas>

// キャンバスの要素を取得
        const canvas = document.getElementById("gameCanvas");
        const ctx = canvas.getContext("2d");

// キャラクターの初期位置
        let characterX = canvas.width / 2;
        let characterY = canvas.height - 50;

// プレイヤーのキャラクターを描画
        function drawCharacter() {
            ctx.beginPath();
            ctx.arc(characterX, characterY, 10, 0, Math.PI * 2);
            ctx.fillStyle = "red";
            ctx.fill();
            ctx.closePath();
        }

// 流星を生成するためのクラス
        class Meteor {
            constructor(x, y, color, speed, size, isSaturn) {
                this.x = x;
                this.y = y;
                this.color = color;
                this.speed = speed;
                this.size = size;
                this.isSaturn = isSaturn;
                this.hitCount = isSaturn ? 3 : 0;  // 土星は3回のヒットを耐える
            }

update() {
                this.y += this.speed;

// 流星が画面外に出た場合は新たな座標に再生する
                if (this.y > canvas.height) {
                    this.reset();
                }

// 当たり判定
                if (this.y + this.size > characterY - 10 && this.y - this.size < characterY + 10 && this.x + this.size > characterX - 10 && this.x - this.size < characterX + 10) {
                    gameOver(); // 当たった場合はゲームオーバー
                }
            }

draw() {
                ctx.beginPath();
                ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2);
                ctx.fillStyle = this.isSaturn ? 'black' : this.color; // 土星の中心は黒に
                ctx.fill();
                ctx.closePath();

// 土星の場合、リングを描く
                if (this.isSaturn) {
                    ctx.beginPath();
                    ctx.arc(this.x, this.y, this.size * 1.5, 0, Math.PI * 2);
                    ctx.strokeStyle = 'yellow';
                    ctx.stroke();
                    ctx.closePath();
                }
            }

// （以下は変更なし）
            reset() {
                this.x = Math.random() * (canvas.width - 20) + 10;
                this.y = 0;
                this.hitCount = this.isSaturn ? 3 : 0;  // 土星の場合はヒットカウントを再設定する
            }

// ミサイルのヒットをチェック
            checkHit(missile) {
                const dx = this.x - missile.x;
                const dy = this.y - missile.y;
                const distance = Math.sqrt(dx * dx + dy * dy);

if (distance < this.size + missile.size) {
                    // ミサイルがヒットした場合、ミサイルを削除する
                    const index = missiles.indexOf(missile);
                    if (index > -1) {
                        missiles.splice(index, 1);
                    }

// 土星の場合はヒットカウントを減らす、それ以外の場合はリセットする
                    if (this.isSaturn) {
                        this.hitCount--;
                        if (this.hitCount <= 0) {
                            this.reset();
                        }
                    } else {
                        this.reset();
                    }

// スコアを増やす
                    score += 10;
                }
            }
        }
        
        // （以下は変更なし）
        // ミサイルを生成するためのクラス
        class Missile {
            constructor(x, y) {
                this.x = x;
                this.y = y;
                this.size = 5;
                this.speed = -5;
            }

update() {
                this.y += this.speed;

// ミサイルが画面外に出た場合は削除する
                if (this.y < 0) {
                    const index = missiles.indexOf(this);
                    if (index > -1) {
                        missiles.splice(index, 1);
                    }
                }
            }

draw() {
                ctx.beginPath();
                ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2);
                ctx.fillStyle = 'green';  // 木星を模したミサイル
                ctx.fill();
                ctx.closePath();
            }
        }

// 流星を作成するためのヘルパー関数
        function createMeteor(color, speed, size, isSaturn = false) {
            let x = Math.random() * (canvas.width - 20) + 10;
            let y = 0;
            return new Meteor(x, y, color, speed, size, isSaturn);
        }

// ミサイルを作成するためのヘルパー関数
        function createMissile(x, y) {
            return new Missile(x, y);
        }

// ゲームオーバー時の関数
        function gameOver() {
            isGameOver = true;
            document.getElementById("score").innerText = "ゲームオーバー, 最終スコア: " + score;
        }

// ゲームをリセットするための関数
        function resetGame() {
            isGameOver = false;
            score = 0;
            level = 1;
            meteors = [createMeteor('blue', 2, 10)];
            missiles = [];
            characterX = canvas.width / 2;
            characterY = canvas.height - 50;
            updateScoreAndLevel();
        }

// スコアとレベルの更新
        function updateScoreAndLevel() {
            document.getElementById("score").innerText = "スコア: " + score;
            document.getElementById("level").innerText = "レベル: " + level;
        }

// フレームの更新
        function update() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

drawCharacter();
            for (let meteor of meteors) {
                meteor.update();
                meteor.draw();

// 各ミサイルに対してヒット判定を行う
                for (let missile of missiles) {
                    meteor.checkHit(missile);
                }
            }

for (let missile of missiles) {
                missile.update();
                missile.draw();
            }

// スコアとレベルの更新
            updateScoreAndLevel();

// レベルアップの条件（スコアが100の倍数になったら）
            if (score / 100 > level) {
                level++;
                meteors.push(createMeteor('blue', 2 + level, 10)); // 新たな流星を追加する
                if (level % 5 === 0) { // レベルが5の倍数の時は土星を追加する
                    meteors.push(createMeteor('white', 3 + level, 15, true));
                }
            }

// ゲームオーバーでなければ次のフレームを描画する
            if (!isGameOver) {
                requestAnimationFrame(update);
            }
        }

// キーイベントのリスナー
        window.addEventListener("keydown", (event) => {
            // 左右のキーでキャラクターを動かす
            if (event.key === "ArrowLeft" && characterX > 0) {
                characterX -= 7;
            } else if (event.key === "ArrowRight" && characterX < canvas.width) {
                characterX += 7;
            } else if (event.key === ' ') { // スペースキーでミサイル発射
                missiles.push(createMissile(characterX, characterY));
            }
        });

// ゲームスタートの関数
        function startGame() {
            resetGame();
            update();
        }
    </script>
</body>
</html>
``
このゲームは未完成！