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

No:9162

121

←

Prev Next

→

A simmon says game
Developer User4303｜Date and time 23/7/21 20:21:43
Build time 35.934 sec｜Game capacity 4.494KB｜

Script

Sure! Here's a simple Simon Says game implemented as a single HTML file using JavaScript:

Simon Says Game

Lv1

In this game, four pictograms are displayed (represented by emojis in the provided code). Each pictogram will flash in a sequence, and the player needs to repeat the sequence correctly by clicking on the pictograms in the same order. As the player progresses, the level increases, and the sequence becomes longer. If the player makes a mistake, the game will end, and they can start again. Please note that if you copy the code into an HTML file and run it in a browser, you will be able to play the Simon Says game.

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

Sure! Here's a simple Simon Says game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Simon Says Game</title>
    <style>
        #game-container {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }
        .pictogram {
            width: 100px;
            height: 100px;
            margin: 10px;
            cursor: pointer;
            border: 2px solid gray;
        }
    </style>
</head>
<body>
    <h1>Simon Says Game</h1>
    <div id="game-container">
        <div id="level">Lv1</div>
        <div class="pictogram" id="pictogram1"></div>
        <div class="pictogram" id="pictogram2"></div>
        <div class="pictogram" id="pictogram3"></div>
        <div class="pictogram" id="pictogram4"></div>
    </div>

// Game sequence
        let sequence = [];
        let playerInput = [];
        let level = 1;
        let isGameRunning = false;

const randomPictogram = () => {
            return pictograms[Math.floor(Math.random() * pictograms.length)];
        };

const flashPictogram = (pictogramId) => {
            const pictogram = document.getElementById(pictogramId);
            pictogram.style.transform = 'scale(1.5)';
            setTimeout(() => {
                pictogram.style.transform = 'scale(1)';
            }, 300);
        };

const addToPlayerInput = (pictogramId) => {
            if (isGameRunning) {
                playerInput.push(pictogramId);
                flashPictogram(pictogramId);
                checkPlayerInput();
            }
        };

const nextLevel = () => {
            playerInput = [];
            level++;
            updateLevelText();
            sequence.push(randomPictogram());
            playSequence();
        };

const updateLevelText = () => {
            document.getElementById('level').textContent = `Level: ${level}`;
        };

const startGame = () => {
            sequence = [randomPictogram()];
            playerInput = [];
            level = 1;
            updateLevelText();
            playSequence();
        };

const gameOver = () => {
            sequence = [];
            playerInput = [];
            level = 1;
            updateLevelText();
            alert('Game Over! Try again!');
            startGame();
        };

// Start the game
        startGame();
        
        // Event listeners for pictogram clicks
        document.getElementById('pictogram1').addEventListener('click', () => addToPlayerInput('pictogram1'));
        document.getElementById('pictogram2').addEventListener('click', () => addToPlayerInput('pictogram2'));
        document.getElementById('pictogram3').addEventListener('click', () => addToPlayerInput('pictogram3'));
        document.getElementById('pictogram4').addEventListener('click', () => addToPlayerInput('pictogram4'));
    </script>
</body>
</html>
```

Please note that if you copy the code into an HTML file and run it in a browser, you will be able to play the Simon Says game.