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

No:5571

611

←

Prev Next

→

どうスクのアプデ早くしろよ！！🤬💢 どうぶつスクールシミュレーター続編アップデートライオン🦁だ..ALL
Developer どうスクのアプデ早くしろよ！🤬💢｜Date and time 23/6/30 12:42:26
Build time 19.813 sec｜Game capacity 1.976KB｜

Script

了解しました。以下のような簡単なゲームを作成します。

アニマルゲーム

スコア: 0

このゲームでは、ボタンをクリックしてスタートすると、一定時間ごとに画面上に表示されるライオンをクリックしてスコアを稼ぐという内容です。ゲームプレイはスマートフォン上で可能であり、画像としてはライオンの絵文字を使用しています。また、スコア表示も行っています。ゲームが始まり、一定時間ごとに表示されるライオンをクリックし、スコアを上げていくことが目的です。

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

了解しました。以下のような簡単なゲームを作成します。

```html
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>アニマルゲーム</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
      margin-top: 100px;
    }
  </style>
</head>
<body>
  <h1>アニマルゲーム</h1>
  <button id="start">スタート</button>
  <p id="score">スコア: 0</p>
  <img src="lion.png" alt="ライオン" id="lion" style="display: none; width: 100px;">
  
  <script>
    let score = 0;
  
    function showLion() {
      const lion = document.getElementById('lion');
      lion.style.display = 'block';
      lion.style.left = Math.random() * window.innerWidth + 'px';
      lion.style.top = Math.random() * window.innerHeight + 'px';
    }
  
    function hideLion() {
      const lion = document.getElementById('lion');
      lion.style.display = 'none';
    }
  
    function increaseScore() {
      score++;
      document.getElementById('score').textContent = 'スコア: ' + score;
    }
  
    document.getElementById('start').addEventListener('click', () => {
      setInterval(() => {
        hideLion();
        setTimeout(showLion, Math.random() * 2000 + 500);
      }, 3000);
    });
  
    document.getElementById('lion').addEventListener('click', () => {
      increaseScore();
      hideLion();
      showLion();
    });
  </script>
</body>
</html>
```