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

No:49580

←

Prev Next

→

たいようくう
Developer User21088｜Date and time 24/3/5 18:15:30
Build time 7.648 sec｜Game capacity 1.572KB｜

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>
</head>
<body>
<h1>たいようくう</h1>
<p>スマホで左右に動かして太陽を操作し、隕石を避けてください。</p>
<div id="sun" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 30px;">☀️</div>
<div id="meteor" style="position: absolute; top: 10%; left: 50%; transform: translateX(-50%); font-size: 20px;">☄️</div>

let sunPos = 50; // タップした位置を保持
  let score = 0;

sun.addEventListener("touchmove", function(event) {
    sunPos = event.touches[0].clientX;
    sun.style.left = sunPos + "px";
  });

function moveMeteor() {
    let meteorPos = Math.random() * 100; // ランダムな位置に隕石を設定
    meteor.style.top = meteorPos + "%";

let id = setInterval(frame, 10);
    function frame() {
      if (meteorPos > 100) {
        clearInterval(id);
      } else {
        meteorPos += 0.5; // 隕石の移動速度
        meteor.style.top = meteorPos + "%";

if (sunPos > 45 && sunPos < 55 && meteorPos > 40 && meteorPos < 60) {
          alert("Game Over! スコア: " + score);
          clearInterval(id);
          score = 0;
          sun.style.left = "50%";
        }
      }
    }
  }

setInterval(function() {
    score++;
    moveMeteor();
  }, 2000);

});
</script>
</body>
</html>