ゲームをつくるゲーム's game

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

No:40930

←

Prev Next

→

ゲームをつくるゲーム
Developer User18220｜Date and time 24/2/4 18:07:31
Build time 10.119 sec｜Game capacity 2.474KB｜

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>
    <style>
        #canvas {
            width: 100%;
            height: 400px;
            background-color: #F5F5F5;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 50px;
        }
    </style>
</head>
<body>
    <div id="canvas">
        <span id="text">ゲームを作ろう！</span>
    </div>

// ゲームのメインループ
        function gameLoop() {
            // ゲームが実行中の場合のみ処理を実行
            if (gameState === "play") {
                // ランダムな絵文字を表示
                const emojis = ['🌜🌛', '🌊☔', '⛄👻', '🌍🌠', '📱🖲️'];
                const randomIndex = Math.floor(Math.random() * emojis.length);
                const emoji = emojis[randomIndex];
                document.getElementById("text").textContent = emoji;
            }

// 次のフレームで再度 gameLoop を呼び出す
            requestAnimationFrame(gameLoop);
        }

// ゲームを開始する関数
        function startGame() {
            gameState = "play";
            gameLoop();
        }

// ゲームを停止する関数
        function stopGame() {
            gameState = "stop";
            document.getElementById("text").textContent = "ゲームを作ろう！";
        }

// スマホのタッチ操作時にゲームを開始・停止する
        document.addEventListener("touchstart", function() {
            if (gameState === "start") {
                startGame();
            } else if (gameState === "play") {
                stopGame();
            }
        });
    </script>
</body>
</html>
```