AI game creator

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

No:40068

←

Prev Next

→

Switch
Developer User15915｜Date and time 24/1/31 22:55:20
Build time 11.352 sec｜Game capacity 2.198KB｜

Script

HTMLファイルを作成し、JavaScriptを含むように実装し、ゲームとして遊ぶことができるようにします。また、スマートフォン操作を前提として、絵文字を使用することも可能です。以下に、ある簡単なゲームの例を示します。

このプログラムは、スイッチのオン・オフを切り替えるシンプルなゲームです。HTMLファイル内でJavaScriptを使用し、ゲームの状態を管理しています。実行すると、スイッチをオン・オフすることができます。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Switch Game</title>
    <style>
        body {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            font-size: 5em;
        }
        button {
            font-size: 0.5em;
            margin-top: 1em;
            padding: 0.5em 1em;
        }
    </style>
</head>
<body>
    <div id="game"></div>

// ゲームの初期化
        function initGame() {
            switchOn = false;
            renderGame();
        }

// ゲーム画面の描画
        function renderGame() {
            const gameDiv = document.getElementById('game');
            gameDiv.innerHTML = switchOn ? 'ON' : 'OFF';
        }

// スイッチのオン・オフを切り替える
        function toggleSwitch() {
            switchOn = !switchOn;
            renderGame();
        }

// ゲームの初期化とスイッチの操作ボタンを作成
        function setupGame() {
            initGame();

const toggleButton = document.createElement('button');
            toggleButton.innerText = 'Switch';
            toggleButton.addEventListener('click', toggleSwitch);

const gameDiv = document.getElementById('game');
            gameDiv.appendChild(toggleButton);
        }

// ゲームのセットアップ
        document.addEventListener('DOMContentLoaded', setupGame);
    </script>
</body>
</html>
```