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

No:13287

192

←

Prev Next

→

ボブサップゲーム
Developer User5804｜Date and time 23/8/27 20:35:37
Build time 16.677 sec｜Game capacity 2.378KB｜

Script

ボブサップゲーム

ボブサップさんが敵になって、スマホで操作して倒すゲームです！

←

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>
    <div id="game-board">
        <h1>ボブサップゲーム</h1>
        <p>ボブサップさんが敵になって、スマホで操作して倒すゲームです！</p>
        <button id="start-button" onclick="startGame()">ゲームスタート！</button>
        <canvas id="canvas" width="400" height="400"></canvas>
    </div>

function startGame() {
            canvas = document.getElementById("canvas");
            ctx = canvas.getContext("2d");
            bobX = 200;
            bobY = 200;
            enemyX = Math.floor(Math.random() * 350);
            enemyY = Math.floor(Math.random() * 350);
            score = 0;

document.addEventListener("keydown", moveBob);
            drawGame();
        }

if (bobX < 0) {
                bobX = 0;
            } else if (bobX > 390) {
                bobX = 390;
            }

if (bobY < 0) {
                bobY = 0;
            } else if (bobY > 390) {
                bobY = 390;
            }

if (Math.abs(bobX - enemyX) < 20 && Math.abs(bobY - enemyY) < 20) {
                // Bob caught the enemy
                score++;
                enemyX = Math.floor(Math.random() * 350);
                enemyY = Math.floor(Math.random() * 350);
            }

drawGame();
        }

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

ctx.fillStyle = "#FF0000";
            ctx.fillRect(bobX, bobY, 10, 10);

ctx.fillStyle = "#00FF00";
            ctx.fillRect(enemyX, enemyY, 10, 10);

ctx.font = "20px Arial";
            ctx.fillText("Score: " + score, 10, 30);
        }
    </script>
</body>
</html>