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

No:4825

2894

←

Prev Next

→

Function Destruction Game! Tap to destroy function..ALL
Developer anonymous｜Date and time 70/1/1 9:46:25
Build time unknown sec｜Game capacity 2.785KB｜

Script

了解しました！以下が実装例です：

関数破壊ゲーム

次々と出現する関数達をタップで破壊しよう！

機能しなくなった関数は派手に爆発しよう！

スコア: 0

このプログラムでは、ウェブページ上に関数の要素がランダムに表示されます。関数をタップするとスコアが増え、一定確率で関数が爆発します。スコアは画面上部に表示され、関数が爆発すると爆発アニメーションが表示されます。このゲームはスマートフォンで遊ぶことを前提としており、関数要素をタップしてゲームを進行させることができます。

←

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>
    <style>
        .game-container {
            text-align: center;
            margin-top: 100px;
        }
        .function {
            font-size: 40px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div class="game-container">
        <h1>関数破壊ゲーム</h1>
        <p>次々と出現する関数達をタップで破壊しよう！</p>
        <p>機能しなくなった関数は派手に爆発しよう！</p>
        <p id="score">スコア: 0</p>
        <div id="play-area"></div>
    </div>

function generateFunction() {
            const functionElement = document.createElement('span');
            functionElement.classList.add('function');
            functionElement.textContent = '関数';
            functionElement.style.left = randomPosition() + 'px';
            functionElement.style.top = randomPosition() + 'px';

functionElement.addEventListener('click', function() {
                this.style.display = 'none';
                score++;
                scoreElement.textContent = 'スコア: ' + score;

if (Math.random() < 0.2) {
                    explode(this.style.left, this.style.top);
                }
            });

playArea.appendChild(functionElement);
        }

function randomPosition() {
            const max = 400;
            return Math.floor(Math.random() * max);
        }

function explode(left, top) {
            const explosionElement = document.createElement('span');
            explosionElement.classList.add('function');
            explosionElement.textContent = '💥';
            explosionElement.style.left = left;
            explosionElement.style.top = top;

playArea.appendChild(explosionElement);

setTimeout(function() {
                explosionElement.style.display = 'none';
            }, 1000);
        }

setInterval(generateFunction, 1000);
    </script>
</body>
</html>
```

このプログラムでは、ウェブページ上に関数の要素がランダムに表示されます。関数をタップするとスコアが増え、一定確率で関数が爆発します。スコアは画面上部に表示され、関数が爆発すると爆発アニメーションが表示されます。

このゲームはスマートフォンで遊ぶことを前提としており、関数要素をタップしてゲームを進行させることができます。