Subversive Ramen🎯💥🍜.'s game

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

No:3244

386

←

Prev Next

→

Subversive Ramen🎯💥🍜.
Developer User3589｜Date and time 23/6/24 9:46:25
Build time 25.968 sec｜Game capacity 3.209KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
  <head>
    <title>破壊的ラーメン</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  </head>
  <body>
    <canvas id="game-canvas"></canvas>
    <script>
      // 変数
      var canvas = document.getElementById("game-canvas");
      var ctx = canvas.getContext("2d");
      var score = 0;
      var level = 1;
      var ramens = [];

// ラーメンクラス
      class Ramen {
        constructor(x, y, dx, dy, radius, color) {
          this.x = x;
          this.y = y;
          this.dx = dx;
          this.dy = dy;
          this.radius = radius;
          this.color = color;
        }

draw() {
          ctx.beginPath();
          ctx.arc(this.x, this.y, this.radius, 0, Math.PI * 2, true);
          ctx.fillStyle = this.color;
          ctx.fill();
          ctx.closePath();
        }

update() {
          if (this.x + this.radius > canvas.width || this.x - this.radius < 0) {
            this.dx = -this.dx;
          }
          if (this.y + this.radius > canvas.height || this.y - this.radius < 0) {
            this.dy = -this.dy;
          }
          this.x += this.dx;
          this.y += this.dy;
        }

shrink() {
          this.radius = Math.max(0, this.radius - 5);
          if (this.radius <= 0) {
            score++;
            level = Math.ceil(score / 10);
            ramens.splice(ramens.indexOf(this), 1);
          }
        }
      }

// 初期化
      function init() {
        canvas.width = window.innerWidth;
        canvas.height = window.innerHeight;
        window.addEventListener("resize", function() {
          canvas.width = window.innerWidth;
          canvas.height = window.innerHeight;
        });

canvas.addEventListener("touchstart", function(e) {
          e.preventDefault();
          var rect = canvas.getBoundingClientRect();
          var x = e.touches[0].clientX - rect.left;
          var y = e.touches[0].clientY - rect.top;
          ramens.forEach(function(ramen) {
            if (Math.pow(ramen.x - x, 2) + Math.pow(ramen.y - y, 2) <= Math.pow(ramen.radius, 2)) {
              ramen.shrink();
            }
          });
        });

setInterval(function() {
          ctx.clearRect(0, 0, canvas.width, canvas.height);
          ctx.fillStyle = "#000000";
          ctx.font = "32px Arial";
          ctx.fillText("Score: " + score + " Level: " + level, 20, 40);

while (ramens.length < level) {
            var radius = Math.random() * 50 + 10;
            var color = "rgb(" + Math.floor(Math.random() * 256) + "," + Math.floor(Math.random() * 256) + "," + Math.floor(Math.random() * 256) + ")";
            var ramen = new Ramen(Math.random() * (canvas.width - radius * 2) + radius, Math.random() * (canvas.height - radius * 2) + radius, Math.random() * 10 - 5, Math.random() * 10 - 5, radius, color);
            ramens.push(ramen);
          }

ramens.forEach(function(ramen) {
            ramen.draw();
            ramen.update();
          });
        }, 1000 / 60);
      }

// 初期化関数の呼び出し
      init();
    </script>
  </body>
</html>