ゲーム作りたあ's game

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

No:18713

197

←

Prev Next

→

ゲーム作りたあ
Developer もちきなこ｜Date and time 23/9/30 13:26:01
Build time 7.166 sec｜Game capacity 2.212KB｜

Script

了解しました。以下が、指示に従って実装したサンプルゲームのコードです。

このゲームは、画面内を移動する絵文字をクリックして得点を上げるというシンプルなゲームです。`startGame`関数でゲームを開始し、`createEmoji`関数で絵文字を生成します。絵文字をクリックすると得点が増え、新しい絵文字が生成されます。絵文字は`moveEmoji`関数によりランダムな位置に移動します。ゲームは1秒ごとに新しい位置に絵文字が移動するようになっています。このコードをHTMLファイルに保存し、ブラウザで開くことで遊ぶことができます。スマホでも操作可能です。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

了解しました。以下が、指示に従って実装したサンプルゲームのコードです。

```html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Emoji Game</title>
    <style>
      body {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
        margin: 0;
      }
    </style>
  </head>
  <body>
    <script>
      let score = 0;
      let emoji = null;
      
      function startGame() {
        score = 0;
        document.body.innerHTML = '';
        createEmoji();
        setInterval(moveEmoji, 1000);
      }
      
      function createEmoji() {
        emoji = document.createElement('div');
        emoji.innerHTML = '😀';
        emoji.style.fontSize = '50px';
        document.body.appendChild(emoji);
        emoji.addEventListener('click', increaseScore);
      }
      
      function moveEmoji() {
        const windowWidth = window.innerWidth;
        const windowHeight = window.innerHeight;
        const emojiSize = emoji.clientWidth;
        const maxX = windowWidth - emojiSize;
        const maxY = windowHeight - emojiSize;
        
        const randomX = Math.floor(Math.random() * (maxX + 1));
        const randomY = Math.floor(Math.random() * (maxY + 1));
        
        emoji.style.left = randomX + 'px';
        emoji.style.top = randomY + 'px';
      }
      
      function increaseScore() {
        score++;
        emoji.remove();
        createEmoji();
      }
      
      startGame();
    </script>
  </body>
</html>
```

このゲームは、画面内を移動する絵文字をクリックして得点を上げるというシンプルなゲームです。`startGame`関数でゲームを開始し、`createEmoji`関数で絵文字を生成します。絵文字をクリックすると得点が増え、新しい絵文字が生成されます。絵文字は`moveEmoji`関数によりランダムな位置に移動します。ゲームは1秒ごとに新しい位置に絵文字が移動するようになっています。

このコードをHTMLファイルに保存し、ブラウザで開くことで遊ぶことができます。スマホでも操作可能です。