A game where a lot of legacies are falling.'s game

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 157

Warning: in_array() expects parameter 2 to be array, bool given in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 476

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 484
A game where a lot of legacies are falling.'s game | AI game creator

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

No:7832

4047

←

Prev Next

→

A game where a lot of legacies are falling.
Developer User3997｜Date and time 23/7/10 0:39:57
Build time 8.623 sec｜Game capacity 2.2KB｜

Script

了解です。以下に、簡単な遺産が降ってくるゲームの実装例を示します。このゲームでは、スマホの操作を前提とし、HTMLファイルにJavaScriptコードを記述しています。

💰

このゲームでは、クリックすると遺産（💰絵文字）が降ってきて、スコアが増加します。スコアが10の倍数になると、画面上部から遺産が降ってきます。遺産は画面下まで降りた後に消えます。ご希望の要件を満たすゲームの例となりますが、より詳細な要件や修正があればお知らせください。

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>遺産が降ってくるゲーム</title>
  <style>
    body {
      margin: 0;
    }

#game-container {
      width: 100%;
      height: 100%;
      position: relative;
    }

#inheritance {
      font-size: 30px;
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div id="inheritance">💰</div>
  </div>

document.addEventListener('click', function(event) {
      score++;
      inheritanceElement.innerText = '💰'.repeat(score);

if (score % 10 === 0) {
        const fallingInheritance = document.createElement('div');
        fallingInheritance.innerText = '💰';
        fallingInheritance.style.position = 'absolute';
        fallingInheritance.style.fontSize = '30px';
        fallingInheritance.style.left = Math.random() * 100 + '%';
        fallingInheritance.style.top = '0';
        document.getElementById('game-container').appendChild(fallingInheritance);
        
        const animation = fallingInheritance.animate([
          { top: '0' },
          { top: '100%', opacity: 0 }
        ], {
          duration: 2000,
          easing: 'ease-in',
          fill: 'forwards'
        });
        
        animation.onfinish = function() {
          document.getElementById('game-container').removeChild(fallingInheritance);
        }
      }
    });
  </script>
</body>
</html>
```

このゲームでは、クリックすると遺産（💰絵文字）が降ってきて、スコアが増加します。スコアが10の倍数になると、画面上部から遺産が降ってきます。遺産は画面下まで降りた後に消えます。

ご希望の要件を満たすゲームの例となりますが、より詳細な要件や修正があればお知らせください。