痔潰し上からでてくる痔を青色の針で潰します。関数は、三角関数、常用関数を必ず使ってください。's game

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

No:41775

←

Prev Next

→

痔潰し上からでてくる痔を青色の針で潰します。関数は、三角関数、常用関数を必ず使ってください。
Developer 食べる鶏と熱いタバスコ｜Date and time 24/2/9 19:56:30
Build time 8.009 sec｜Game capacity 2.029KB｜

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>
  body {
    background-color: #eaf6ff;
  }
  #game {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    font-size: 30px;
  }
  #needle {
    font-size: 50px;
    color: blue;
    cursor: pointer;
  }
</style>
</head>
<body>
<div id="game">
  <div id="needle">🐳</div>
</div>

// 痔の初期位置
    let topPosition = 0;
  
    // 針をクリックしたときの処理
    needleElement.addEventListener('click', function() {
      // 痔を潰し、位置をリセット
      gameElement.removeChild(this.nextElementSibling);
      topPosition = 0;
    });
  
    // 痔を生成して画面上に表示する関数
    function generateHemorrhoid() {
      const hemorrhoidElement = document.createElement('div');
      hemorrhoidElement.style.position = 'absolute';
      hemorrhoidElement.style.top = '0px';
      hemorrhoidElement.innerHTML = '🦶'; // 痔の絵文字（💆）
      gameElement.appendChild(hemorrhoidElement);
      return hemorrhoidElement;
    }
  
    // 痔の落下アニメーションを実行する関数
    function dropHemorrhoid() {
      const hemorrhoidElement = generateHemorrhoid();
  
      // 1秒ごとに痔を下に動かす
      const intervalId = setInterval(function() {
        topPosition += 10;
        hemorrhoidElement.style.top = topPosition + 'px';
  
        // 痔が画面下端に到達したらゲームオーバー
        if (topPosition >= (window.innerHeight - 100)) {
          clearInterval(intervalId);
          gameElement.innerHTML = 'ゲームオーバー';
        }
      }, 1000);
    }
  
    // 初回の痔生成と落下アニメーションの実行
    dropHemorrhoid();
  });
</script>
</body>
</html>