Coronation of Kumamon! The Bear in the Bear's game

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

No:7044

3344

←

Prev Next

→

Coronation of Kumamon! The Bear in the Bear
Developer User3589｜Date and time 23/7/4 23:35:34
Build time 16.458 sec｜Game capacity 1.95KB｜

Script

👑

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
  <head>
    <title>くまモンの戴冠式！くまの中のくま</title>
    <style>
      html,
      body {
        height: 100%;
        margin: 0;
        padding: 0;
      }

#game-container {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
      }

#crown {
        font-size: 100px;
        text-align: center;
      }
    </style>
  </head>
  <body>
    <div id="game-container">
      <div id="crown">👑</div>
    </div>

// クリックされた時に戴冠式を行う関数
      function crownTheBear() {
        // 戴冠式を行う時間（ミリ秒）
        const coronationTime = 2000;

// 戴冠式のアニメーションを実行する
        document.getElementById("crown").classList.add("animate-crown");

// 指定した時間が経過した後、戴冠式を終了する
        setTimeout(endCoronation, coronationTime);
      }

// 戴冠式を終了する関数
      function endCoronation() {
        // 戴冠式のアニメーションを停止する
        document.getElementById("crown").classList.remove("animate-crown");

// もう一度戴冠式を開始するため、クリックイベントを再度監視する
        document.addEventListener("click", crownTheBear);
      }

// ゲームを開始する
      startCoronation();
    </script>
  </body>
</html>

.animate-crown {
    animation: crownAnimation 1s linear infinite;
  }
</style>