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

No:7026

539

←

Prev Next

→

A game where you can be a character designer.
Developer User3840｜Date and time 23/7/4 22:55:31
Build time 17.195 sec｜Game capacity 1.943KB｜

Script

了解です。以下に、シンプルなキャラデザに関連するゲームを作成した例を示します。このゲームでは、プレイヤーがキャラクターの服装をオリジナルでデザインできます。

キャラデザゲーム

👦

服の色:

帽子:

このゲームでは、プレイヤーは画面に表示されているキャラクターの服の色と帽子を選択できます。色の選択にはカラーピッカーが使用され、帽子の選択にはドロップダウンメニューが使用されています。選択結果はキャラクターにリアルタイムで反映されます。このようにして、プログラムを実装し、シンプルなキャラデザに関連するゲームを作成することができます。

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>キャラデザゲーム</title>
    <style>
        #character {
            font-size: 100px;
        }
    </style>
</head>
<body>
    <h1>キャラデザゲーム</h1>
    <div id="character">👦</div>
    <div>
        <label for="color">服の色: </label>
        <input type="color" id="color">
    </div>
    <div>
        <label for="hat">帽子: </label>
        <select id="hat">
            <option value="">なし</option>
            <option value="🎩">帽子1</option>
            <option value="⛑️">帽子2</option>
            <option value="🧢">帽子3</option>
        </select>
    </div>

document.getElementById('hat').addEventListener('change', function() {
            const hat = this.value;
            const character = document.getElementById('character');
            character.textContent = '👦' + hat;
        });
    </script>
</body>
</html>
```

このゲームでは、プレイヤーは画面に表示されているキャラクターの服の色と帽子を選択できます。色の選択にはカラーピッカーが使用され、帽子の選択にはドロップダウンメニューが使用されています。選択結果はキャラクターにリアルタイムで反映されます。

このようにして、プログラムを実装し、シンプルなキャラデザに関連するゲームを作成することができます。