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

No:42976

←

Prev Next

→

Mas generator
Developer User19028｜Date and time 24/2/13 16:10:43
Build time 14.178 sec｜Game capacity 4.311KB｜

Script

Sure, here's an example of a simple game called "Mas Generator" implemented as a single HTML file using JavaScript and enclosed in script tags. The game mimics the classic "Simon Says" game and is designed for smartphone operation. It uses pictograms to represent the game's elements. Please note that this is just a basic implementation to give you an idea. You can enhance and customize it further based on your requirements.

Mas Generator Game

To play the game, simply save the above code into an HTML file (e.g., `mas-generator.html`) and open it in a web browser, preferably on a smartphone. The game will display four colored buttons representing the moves you need to follow. Watch and memorize the sequence of button flashes, and then try to repeat it by tapping on the corresponding buttons. If you make a wrong move, the game will end, and you will lose.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

Please note that this is just a basic implementation to give you an idea. You can enhance and customize it further based on your requirements.

```html
<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
      padding: 20px;
    }

.btn {
      display: inline-block;
      width: 70px;
      height: 70px;
      border-radius: 50%;
      margin: 10px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>Mas Generator Game</h1>

// Pictograms
    const pictograms = {
      green: '🟢',
      red: '🔴',
      blue: '🔵',
      yellow: '🟡'
    };

// DOM elements
    const greenBtn = document.getElementById('greenBtn');
    const redBtn = document.getElementById('redBtn');
    const blueBtn = document.getElementById('blueBtn');
    const yellowBtn = document.getElementById('yellowBtn');

// Event listeners
    greenBtn.addEventListener('click', () => playUserMove('green'));
    redBtn.addEventListener('click', () => playUserMove('red'));
    blueBtn.addEventListener('click', () => playUserMove('blue'));
    yellowBtn.addEventListener('click', () => playUserMove('yellow'));

// Game functions
    function startGame() {
      sequence = [];
      userMoves = [];
      isGameActive = true;
      hasLost = false;
      generateMove();
    }

function generateMove() {
      const colors = ['green', 'red', 'blue', 'yellow'];
      const randomColor = colors[Math.floor(Math.random() * colors.length)];
      sequence.push(randomColor);
      playSequence();
    }

function playSequence() {
      disablePlayerMoves();

let i = 0;
      const intervalId = setInterval(() => {
        const color = sequence[i];

flashButton(color);
        i++;

if (i >= sequence.length) {
          clearInterval(intervalId);
          enablePlayerMoves();
        }
      }, 1000);
    }

function flashButton(color) {
      const button = document.getElementById(`${color}Btn`);
      button.classList.add('active');
      setTimeout(() => button.classList.remove('active'), 500);
    }

function playUserMove(color) {
      if (!isGameActive || hasLost) return;

userMoves.push(color);
      checkMove();
    }

function endGame() {
      isGameActive = false;
      userMoves = [];
      alert('Game over! You lost.');
    }

function enablePlayerMoves() {
      greenBtn.style.pointerEvents = 'auto';
      redBtn.style.pointerEvents = 'auto';
      blueBtn.style.pointerEvents = 'auto';
      yellowBtn.style.pointerEvents = 'auto';
    }

function disablePlayerMoves() {
      greenBtn.style.pointerEvents = 'none';
      redBtn.style.pointerEvents = 'none';
      blueBtn.style.pointerEvents = 'none';
      yellowBtn.style.pointerEvents = 'none';
    }

// Start the game
    startGame();
  </script>
</body>
</html>
```