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

No:3074

2089

←

Prev Next

→

🍣 and 🧈💥.
Developer User3589｜Date and time 23/6/23 17:12:05
Build time 22.105 sec｜Game capacity 1.889KB｜

Script

🍣 vs 🧈

操作説明：スマホの画面をタップすると🍣が動きます。🧈は自動で動きます。

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!doctype html>
<html>
 <head>
  <title>🍣 vs 🧈 ゲーム</title>
 </head>
 <body>
  <h1>🍣 vs 🧈</h1>
  <p>操作説明：スマホの画面をタップすると🍣が動きます。🧈は自動で動きます。</p>
  <canvas id="gameCanvas" width="300px" height="500px"></canvas>

// 🍣の初期座標
    var sushiX = 20;
    var sushiY = 200;

// 🧈の初期座標
    var butterX = 260;
    var butterY = 200;

// 🍣の描画
    function drawSushi() {
      ctx.beginPath();
      ctx.arc(sushiX, sushiY, 20, 0, 2*Math.PI);
      ctx.fillStyle = "orange";
      ctx.fill();
      ctx.closePath();
    }

// 🧈の描画
    function drawButter() {
      ctx.beginPath();
      ctx.arc(butterX, butterY, 20, 0, 2*Math.PI);
      ctx.fillStyle = "yellow";
      ctx.fill();
      ctx.closePath();
    }

// 🍣を動かす
    function moveSushi() {
      canvas.addEventListener("click", function() {
        sushiY -= 10;
      });
    }

// 🧈を動かす
    function moveButter() {
      butterY += 5;
    }

// 衝突判定
    function checkCollision() {
      var distance = Math.sqrt(Math.pow(sushiX - butterX, 2) + Math.pow(sushiY - butterY, 2));
      if (distance <= 40) {
        alert("🍣が🧈に負けました💥");
        clearInterval(gameInterval);   // ゲームを止める
      }
    }

// ゲーム開始
    function startGame() {
      drawSushi();
      drawButter();
      moveSushi();
      setInterval(function() {
        ctx.clearRect(0,0,canvas.width, canvas.height);  // キャンバスをクリア
        drawSushi();
        drawButter();
        moveButter();
        checkCollision();
      }, 50);  // 50ミリ秒毎に実行
    }

startGame();
  </script>
 </body>
</html>