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

No:7655

239

←

Prev Next

→

fall of (e.g. a river or pond)
Developer o2pi4｜Date and time 23/7/9 8:01:09
Build time 11.186 sec｜Game capacity 2.329KB｜

Script

ゲームの要件が少し不明ですが、おそらく「おちるのおちる」というゲームを作ることを求められているのかと思います。以下に、1枚のHTMLファイルで実装した「おちるのおちる」のゲームを示します。

おちるのおちる

このHTMLファイルをブラウザで開くと、「おちるのおちる」というタイトルとゲームボードが表示されます。ゲームボード上には、落下してくる絵文字が表示され、それをクリックすると得点が増えます。絵文字がゲームボードの底まで落ちる前にクリックすることで得点を得ることができます。ご希望のゲームとは異なる場合は、具体的な要件や詳細を教えていただければ、より適切なサンプルコードを提供できるかと思います。

←

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">
  <style>
    #gameBoard {
      width: 320px;
      height: 480px;
      border: 1px solid black;
      position: relative;
      overflow: hidden;
    }

.falling {
      position: absolute;
      bottom: 0;
      font-size: 2rem;
      animation: fall 2s linear infinite;
    }

@keyframes fall {
      0% { bottom: 0; }
      100% { bottom: calc(100% - 2rem); }
    }
  </style>
</head>
<body>
  <h1>おちるのおちる</h1>
  <div id="gameBoard"></div>

function createFallingEmoji() {
      const emojiIndex = Math.floor(Math.random() * emojis.length);
      const newEmoji = document.createElement('span');
      newEmoji.textContent = emojis[emojiIndex];
      newEmoji.className = 'falling';
      newEmoji.style.left = Math.random() * (gameBoard.offsetWidth - 40) + 'px';
      gameBoard.appendChild(newEmoji);
      
      newEmoji.addEventListener('click', () => {
        score++;
        document.getElementById('score').textContent = score;
        gameBoard.removeChild(newEmoji);
      });

newEmoji.addEventListener('animationend', () => {
        gameBoard.removeChild(newEmoji);
      });
    }

setInterval(createFallingEmoji, 1000);
  </script>
</body>
</html>
```

このHTMLファイルをブラウザで開くと、「おちるのおちる」というタイトルとゲームボードが表示されます。ゲームボード上には、落下してくる絵文字が表示され、それをクリックすると得点が増えます。絵文字がゲームボードの底まで落ちる前にクリックすることで得点を得ることができます。

ご希望のゲームとは異なる場合は、具体的な要件や詳細を教えていただければ、より適切なサンプルコードを提供できるかと思います。