Tap the p in the string pachinko to make the p fall.'s game

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

No:1841

521

←

Prev Next

→

Tap the p in the string pachinko to make the p fal..ALL
Developer User3415｜Date and time 23/6/19 5:28:42
Build time 25.221 sec｜Game capacity 2.454KB｜

Script

パ

【ゲームの概要】パチンコという文字列の「パ」が上から落下してくるので、スマホのタップ操作で「パ」をタップして消すゲームです。画面外に「パ」が落下するとミスになります。スコアが表示され、落下スピードが少しずつ早くなっていきます。

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>落ちるパチンコ　ゲーム</title>
    <style>
      #game-container {
        width: 100%;
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #FFFEEB;
        font-size: 6rem;
      }
    </style>
  </head>
  <body>
    <div id="game-container">
      パ
    </div>
    <script>
      var gameContainer = document.querySelector('#game-container');
      var dropInterval;
      var speed = 1;
      var score = 0;
      
      // パをクリックした時の処理
      gameContainer.addEventListener('click', function(e) {
        if (e.target.textContent === 'パ') {
          e.target.style.display = 'none';
          score++;
        }
      });
      
      // パを落下させる関数
      function drop() {
        var currentTop = 0;
        var currentLeft = Math.random() * (gameContainer.clientWidth - 100);
        var p = document.createElement('p');
        p.textContent = 'パ';
        p.style.position = 'absolute';
        p.style.top = currentTop + 'px';
        p.style.left = currentLeft + 'px';
        p.style.color = ['#FCE8E8', '#F2E8FC', '#E8FCD2'][Math.floor(Math.random() * 3)];
        p.style.transition = 'transform 0.3s ease-out';
        gameContainer.appendChild(p);
        setTimeout(function() {
          p.style.transform = 'translateY(' + (gameContainer.clientHeight - 100) + 'px)';
        }, 0);
        dropInterval = setInterval(function() {
          currentTop += speed;
          p.style.top = currentTop + 'px';
          if (currentTop >= gameContainer.clientHeight) {
            clearInterval(dropInterval);
            p.remove();
          }
        }, 10);
      }
      
      dropInterval = setInterval(drop, 1000);
      
      // スピードアップ
      setInterval(function() {
        speed += 0.1;
      }, 5000);
      
      // スコア表示
      setInterval(function() {
        gameContainer.textContent = score + ' pt';
      }, 1000);
    </script>
  </body>
</html>

【ゲームの概要】
パチンコという文字列の「パ」が上から落下してくるので、スマホのタップ操作で「パ」をタップして消すゲームです。画面外に「パ」が落下するとミスになります。スコアが表示され、落下スピードが少しずつ早くなっていきます。