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

No:12862

110

←

Prev Next

→

仮面ライダーが悪者を倒す
Developer User5589｜Date and time 23/8/24 1:27:21
Build time 30.094 sec｜Game capacity 2.394KB｜

Script

仮面ライダーゲーム

スマホで操作して、仮面ライダーが悪者を倒そう！

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>仮面ライダーゲーム</title>
</head>
<body>
    <h1>仮面ライダーゲーム</h1>
    <h3>スマホで操作して、仮面ライダーが悪者を倒そう！</h3>
    
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    
    <script>
        // ゲームの初期化
        function startGame() {
            // ゲーム画面のキャンバスを取得
            var canvas = document.getElementById("gameCanvas");
            var ctx = canvas.getContext("2d");
            
            // 仮面ライダーの初期位置を設定
            var riderX = canvas.width / 2;
            var riderY = canvas.height - 50;
            
            // 悪者の初期位置を設定
            var villainX = Math.random() * (canvas.width - 50);
            var villainY = 0;
            
            // ゲームのメインループ
            function gameLoop() {
                // キャンバスをクリア
                ctx.clearRect(0, 0, canvas.width, canvas.height);
                
                // 仮面ライダーを描画
                ctx.font = "50px serif";
                ctx.fillText("🎯", riderX, riderY);
                
                // 悪者を描画
                ctx.font = "50px serif";
                ctx.fillText("👿", villainX, villainY);
                
                // 悪者の位置を更新
                villainY += 5;
                
                // 悪者と仮面ライダーの当たり判定
                if (villainY >= riderY) {
                    // ゲームオーバー
                    clearInterval(gameInterval);
                    alert("ゲームオーバー！");
                }
            }
            
            // キャンバスをクリックした時の処理
            canvas.addEventListener("click", function(event) {
                var rect = canvas.getBoundingClientRect();
                var clickX = event.clientX - rect.left;
                var clickY = event.clientY - rect.top;
                
                riderX = clickX;
                riderY = clickY;
            });
            
            // ゲームのメインループを開始
            var gameInterval = setInterval(gameLoop, 10);
        }
        
        // ゲームを開始
        startGame();
    </script>
</body>
</html>