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

No:6743

←

Prev Next

→

Luxury Voice Actor Game
Developer User3903｜Date and time 23/7/3 13:34:02
Build time 31.465 sec｜Game capacity 3.102KB｜

Script

はい、了解しました。豪華声優ゲームを作成します。

豪華声優ゲーム

スコア: 0

😊 😄 😃

このプログラムは、「豪華声優ゲーム」という名前のゲームを実装したものです。スタートボタンをクリックすると、指定された絵文字3つの中から1つをランダムに選び表示し、1秒ごとにキャラクターが切り替わります。スコアは表示され、キャラクターが切り替わるたびにスコアが加算されます。

←

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>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }
        #startButton {
            font-size: 20px;
            padding: 10px 20px;
        }
        #score {
            font-size: 18px;
            margin-bottom: 20px;
        }
        #gameBoard {
            width: 300px;
            height: 300px;
            border: 1px solid gray;
            margin: 0 auto;
            position: relative;
        }
        .character {
            font-size: 32px;
            position: absolute;
            top: 0;
            left: 0;
            display: none;
        }
        .active {
            display: block;
        }
    </style>
</head>
<body>
    <h1>豪華声優ゲーム</h1>
    <button id="startButton">スタート</button>
    <p id="score">スコア: 0</p>
    <div id="gameBoard">
        <span id="character1" class="character">😊</span>
        <span id="character2" class="character">😄</span>
        <span id="character3" class="character">😃</span>
    </div>

// ゲームの開始
        document.getElementById('startButton').addEventListener('click', function() {
            setInterval(changeCharacter, 1000); // 1秒ごとにキャラクターを切り替え
            document.getElementById('startButton').disabled = true; // スタートボタンを無効化
        });

// キャラクターを切り替える処理
        function changeCharacter() {
            const gameBoard = document.getElementById('gameBoard');
            const activeCharacter = gameBoard.querySelector('.active');

// 現在表示しているキャラクターに対して非表示にする
            activeCharacter.classList.remove('active');

// 次のキャラクターをランダムに選択して表示する
            const nextCharacter = characters[Math.floor(Math.random() * characters.length)];
            document.getElementById('character1').innerText = nextCharacter;

// スコアの更新
            score++;
            document.getElementById('score').innerText = 'スコア: ' + score;

// 新しいキャラクターを表示する
            gameBoard.querySelector('#character' + nextCharacter).classList.add('active');
        }
    </script>
</body>
</html>
```