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

No:13487

122

←

Prev Next

→

Tap the red circle to rhe beat of the green circle..ALL
Developer User5130｜Date and time 23/8/28 16:07:44
Build time 18.31 sec｜Game capacity 2.71KB｜

Script

Ecco un esempio di gioco che puoi giocare sul tuo smartphone, implementato come un singolo file HTML all'interno dei tag script:

Gioco del Ritmo

Tocca il cerchio rosso al ritmo del cerchio verde per ottenere punti in base alla precisione.

Questo è un semplice gioco del ritmo dove viene mostrato un cerchio verde che batte al ritmo della musica. Ogni due secondi, appare un cerchio rosso che devi toccare il più precisamente possibile. Otterrai punti in base all'accuratezza delle tue azioni. Il punteggio diminuirà lentamente nel tempo e dopo un minuto il gioco terminerà mostrando il tuo punteggio finale. Spero che ti divertirai a giocare a questo gioco!

←

Prev　Next

→ 　

Back　

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

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

Ecco un esempio di gioco che puoi giocare sul tuo smartphone, implementato come un singolo file HTML all'interno dei tag script:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Gioco del Ritmo</title>
  <style>
    body {
      text-align: center;
    }
    
    #game-area {
      width: 300px;
      height: 300px;
      background-color: #f1f1f1;
      border-radius: 50%;
    }
    
    #red-circle {
      width: 100px;
      height: 100px;
      background-color: red;
      border-radius: 50%;
      margin-top: 100px;
      display: none;
    }
    
    #green-circle {
      width: 100px;
      height: 100px;
      background-color: green;
      border-radius: 50%;
      margin-top: 100px;
      animation: beat 1s infinite;
    }
    
    @keyframes beat {
      0% {
        transform: scale(1);
      }
      50% {
        transform: scale(1.2);
      }
      100% {
        transform: scale(1);
      }
    }
  </style>
</head>
<body>
  <h1>Gioco del Ritmo</h1>
  <p>Tocca il cerchio rosso al ritmo del cerchio verde per ottenere punti in base alla precisione.</p>
  
  <div id="game-area">
    <div id="red-circle"></div>
    <div id="green-circle"></div>
  </div>
  
  <script>
    document.addEventListener('DOMContentLoaded', function() {
      const redCircle = document.getElementById('red-circle');
      const gameArea = document.getElementById('game-area');
      
      var score = 0;
      var lastTapTime = null;
      
      gameArea.addEventListener('click', function(e) {
        if (redCircle.style.display === 'block') {
          const currentTime = Date.now();
          
          if (lastTapTime) {
            const timeDiff = Math.abs(lastTapTime - currentTime);
            score += 1000 - timeDiff;
          }
          
          lastTapTime = currentTime;
          redCircle.style.display = 'none';
        }
      });
      
      setInterval(function() {
        redCircle.style.display = 'block';
      }, 2000);
      
      setInterval(function() {
        score -= 10;
        if (score < 0) {
          score = 0;
        }
      }, 1000);
      
      setInterval(function() {
        document.body.innerHTML = '<h1>Gioco terminato</h1><p>Punteggio finale: ' + score + '</p>';
      }, 60000);
    });
  </script>
</body>
</html>
```

Spero che ti divertirai a giocare a questo gioco!