Ninja manipulation shuriken's game

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

No:2606

4479

←

Prev Next

→

Ninja manipulation shuriken
Developer User3589｜Date and time 23/6/22 2:42:12
Build time 21.989 sec｜Game capacity 3.294KB｜

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>
    <script>
        // プレイヤーの座標
        var playerX = 50;
        var playerY = 250;

// 手裏剣の座標
        var shurikenX = 600;
        var shurikenY = 250;

// 手裏剣の速度
        var shurikenSpeed = 10;

// ゲームの状態管理
        var gameover = false;
        var score = 0;

// キー入力イベント
        document.addEventListener('keydown', function(event) {
            if (event.key === 'ArrowUp') {
                playerY -= 10;
            } else if (event.key === 'ArrowDown') {
                playerY += 10;
            }
        });

// メインループ
        setInterval(function() {

if (!gameover) {

// 手裏剣の移動
                shurikenX -= shurikenSpeed;

// 手裏剣がプレイヤーに当たった場合
                if (shurikenX < playerX + 50 && shurikenX + 50 > playerX && shurikenY < playerY + 50 && shurikenY + 50 > playerY) {
                    gameover = true;
                    alert("ゲームオーバー！スコアは" + score + "点です。もう一度プレイするにはリロードしてください。");
                }

// 手裏剣が画面外に出た場合
                if (shurikenX < -50) {
                    shurikenX = 600;
                    shurikenY = Math.floor(Math.random() * 400);
                    score++;
                }

// 描画
                var canvas = document.getElementById('canvas');
                var ctx = canvas.getContext('2d');
                ctx.clearRect(0, 0, canvas.width, canvas.height);
                ctx.fillStyle = 'black';
                ctx.font = '20px sans-serif';
                ctx.fillText("スコア:" + score, 10, 30);
                ctx.drawImage(document.getElementById('player'), playerX, playerY, 50, 50);
                ctx.drawImage(document.getElementById('shuriken'), shurikenX, shurikenY, 50, 50);

}

}, 50);
    </script>
</head>

<script>
    document.getElementById('player').onload = function() {
        document.getElementById('shuriken').onload = function() {
            // 画像の読み込みが完了したらゲームを開始
            gameStart();
        };
        document.getElementById('shuriken').src = 'https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/160/twitter/259/boomerang_1f52a.png';
    };
    document.getElementById('player').src = 'https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/160/twitter/259/person-ninja_1f9db.png';

function gameStart() {
        alert("スタート！上下キーで忍者を操作して手裏剣をよけよう！");
    }
</script>

</html>