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

No:7118

2890

←

Prev Next

→

Fighting off muggers in arcade
Developer User3840｜Date and time 23/7/5 15:11:00
Build time 14.28 sec｜Game capacity 2.42KB｜

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>
</head>
<body>
    <h1>ゲーセンのカツアゲ撃退</h1>
    <p>スマホを傾けてカツアゲから逃げましょう！</p>

let posX = 50; // カツアゲの位置 (0 ~ 100)
        let score = 0; // 得点

function handleOrientation(event) {
            const gamma = event.gamma; // スマホの傾き

if (gamma < -5) {
                // スマホを左に傾けた場合
                posX -= 10;
            } else if (gamma > 5) {
                // スマホを右に傾けた場合
                posX += 10;
            }

// カツアゲの位置が画面外にならないように制御
            if (posX < 0) {
                posX = 0;
            } else if (posX > 100) {
                posX = 100;
            }

// 得点の計算
            score = Math.floor(100 - posX);

// カツアゲが逃げ切ったか判定
            if (posX === 0) {
                gameOver();
            }

// ゲームの状態を描画
            renderGame();
        }

function renderGame() {
            const gameContainer = document.createElement('div');
            gameContainer.style.position = 'relative';
            gameContainer.style.width = '200px';
            gameContainer.style.height = '300px';
            gameContainer.style.border = '1px solid #000';

const thief = document.createElement('div');
            thief.style.position = 'absolute';
            thief.style.width = '20px';
            thief.style.height = '20px';
            thief.style.background = 'red';
            thief.style.left = posX + 'px';

gameContainer.appendChild(thief);

const scoreElement = document.createElement('p');
            scoreElement.innerText = '得点: ' + score;
            gameContainer.appendChild(scoreElement);

document.body.innerHTML = '';
            document.body.appendChild(gameContainer);
        }

function gameOver() {
            alert('カツアゲに捕まりました！ゲームオーバーです。');
            window.removeEventListener('deviceorientation', handleOrientation);
        }
    </script>
</body>
</html>