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

No:22252

←

Prev Next

→

大乱闘
Developer User10297｜Date and time 23/10/21 22:19:24
Build time 30.448 sec｜Game capacity 1.882KB｜

Script

下記が、要件に合致するプログラム例です。

大乱闘

このプログラムは、スマートフォンで遊べるシンプルなゲームです。プレイヤーは画面中央に表示され、画面をタップすると、その位置に敵がいる場合は敵を倒すことができます。

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

下記が、要件に合致するプログラム例です。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>大乱闘</title>
</head>
<body>
    <h1>大乱闘</h1>
    <div id="game-area"></div>
    <script>
        // プレイヤー
        var player = "😊";
        // 敵
        var enemy = "👿";
        // ゲームエリア
        var gameArea = document.getElementById('game-area');
        // タップイベントの設定
        gameArea.addEventListener('touchstart', function(event) {
            event.preventDefault();
            var x = event.changedTouches[0].clientX;
            var y = event.changedTouches[0].clientY;
            attackEnemy(x, y);
        }, false);
        // 敵を攻撃する関数
        function attackEnemy(x, y) {
            var element = document.elementFromPoint(x, y);
            if (element.innerHTML == enemy) {
                element.innerHTML = "";
                alert("敵を倒しました！");
            }
        }
        // ゲーム開始処理
        function startGame() {
            gameArea.innerHTML = "";
            var playerElement = document.createElement('div');
            playerElement.innerHTML = player;
            playerElement.style.position = "absolute";
            playerElement.style.top = "50%";
            playerElement.style.left = "50%";
            playerElement.style.fontSize = "50px";
            playerElement.style.transform = "translate(-50%, -50%)";
            gameArea.appendChild(playerElement);
        }
        // ゲーム開始
        startGame();
    </script>
</body>
</html>
```