A game like ddr but you're a clown's game

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

No:19437

←

Prev Next

→

A game like ddr but you're a clown
Developer User8620｜Date and time 23/10/4 1:18:31
Build time 13.409 sec｜Game capacity 2.601KB｜

Script

🎮

Appuyez sur les cercles au rythme de la musique !

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>DDR Clown Game</title>
  <style>
    body {
      background-color: black;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
    }

#game {
      width: 400px;
      height: 400px;
      border: 2px solid white;
      position: relative;
      overflow: hidden;
    }

.dance-floor {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 100px;
      cursor: pointer;
      pointer-events: none;
    }

#left-leg {
      color: #ff9574;
      animation: dance-left 0.5s linear infinite;
    }

@keyframes dance-left {
      0% {
        transform: rotate(-45deg);
      }
      50% {
        transform: rotate(0deg);
      }
      100% {
        transform: rotate(-45deg);
      }
    }

#right-leg {
      color: #e9ff74;
      animation: dance-right 0.5s linear infinite;
    }

@keyframes dance-right {
      0% {
        transform: rotate(45deg);
      }
      50% {
        transform: rotate(0deg);
      }
      100% {
        transform: rotate(45deg);
      }
    }

#message {
      color: white;
      font-size: 24px;
      margin-top: 20px;
      text-align: center;
    }
  </style>
</head>
<body>
  <div id="game">
    <div class="dance-floor" id="left-leg">🎮</div>
    <div class="dance-floor" id="right-leg">🎮</div>
  </div>
  <div id="message">Appuyez sur les cercles au rythme de la musique !</div>

let score = 0;

leftLeg.addEventListener("click", onLegClick);
    rightLeg.addEventListener("click", onLegClick);

function onLegClick() {
      score++;
      updateScore();
    }

function updateScore() {
      message.innerText = "Score: " + score;
    }

setInterval(randomizeLegPosition, 1000);