Game to be made into a cartoon's game

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

No:8144

1545

←

Prev Next

→

Game to be made into a cartoon
Developer User4134｜Date and time 23/7/13 13:00:22
Build time 18.701 sec｜Game capacity 2.697KB｜

Script

わかりました。以下に、漫画化されるゲームの例を記載します。

上記のコードは、スマホで遊べるシンプルなゲームです。画面上に表示される「💥」の絵文字をクリックすることでスコアが増えます。エネミーは画面上から落下していき、画面下に達するとゲームオーバーとなります。ゲームオブジェクトとエネミーオブジェクトを用いて、ゲームの状態管理やエネミーの落下を実装しています。なお、ゲームオーバー時にはアラートが表示され、スコアも表示されます。

←

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>
    #game-container {
      width: 100vw;
      height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 5rem;
    }
  </style>
</head>
<body>
  <div id="game-container"></div>

// ゲームオブジェクト
    const game = {
      score: 0,
      playing: false,
      start() {
        this.score = 0;
        this.playing = true;
        this.updateScore();
      },
      end() {
        this.playing = false;
      },
      increaseScore() {
        this.score++;
        this.updateScore();
      },
      updateScore() {
        gameContainer.innerText = `Score: ${this.score}`;
      }
    };

// エネミーオブジェクト
    class Enemy {
      constructor() {
        this.element = document.createElement("div");
        this.element.innerText = "💥";
        this.element.style.position = "absolute";
        this.element.style.top = "0";
        this.element.style.left = `${Math.random() * 90}%`;
        this.element.style.cursor = "pointer";
        this.element.onclick = () => {
          if (!game.playing) return;
          game.increaseScore();
          this.element.remove();
        };
        gameContainer.appendChild(this.element);
        this.fall();
      }

fall() {
        let top = 0;
        const interval = setInterval(() => {
          top += 10;
          this.element.style.top = `${top}vh`;
          if (top >= 90 || !game.playing) {
            clearInterval(interval);
            if (game.playing) {
              game.end();
              alert(`Game Over! Your score: ${game.score}`);
            }
          }
        }, 200);
      }
    }

// ゲーム開始
    game.start();

// エネミー作成
    setInterval(() => {
      if (!game.playing) return;
      new Enemy();
    }, 1000);
  </script>
</body>
</html>
```