AI game creator

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

No:39845

←

Prev Next

→

particle
Developer User17821｜Date and time 24/1/30 14:28:11
Build time 12.824 sec｜Game capacity 3.468KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>Permainan Particle</title>
  <style>
    canvas {
      border: 1px solid #000;
      display: block;
      margin: 0 auto;
    }
  </style>
</head>
<body>
  <canvas id="particle-canvas"></canvas>

// Ukuran canvas
    var canvasWidth = window.innerWidth;
    var canvasHeight = window.innerHeight;

// Mengatur ukuran canvas
    canvas.width = canvasWidth;
    canvas.height = canvasHeight;

// Kemiringan berdasarkan orientasi layar
    var orientation = screen.orientation || screen.mozOrientation || screen.msOrientation;
    var isLandscape = false;
    if (orientation.type.startsWith("landscape")) {
      isLandscape = true;
    }

// Pictograms untuk permainan ini
    var pictograms = ["🚀", "🚗", "🚁", "🚢", "🚂", "🚌", "🚤", "🚴‍♂️"];

// Warna partikel
    var colors = ["#FF0000", "#00FF00", "#0000FF", "#FFFF00", "#FF00FF", "#00FFFF"];

// Partikel
    var particles = [];

// Membuat partikel
    function createParticle() {
      var size = Math.random() * 30 + 10; // Ukuran partikel acak antara 10 dan 40
      var x = Math.random() * (canvasWidth - size);
      var y = Math.random() * (canvasHeight - size);
      var xSpeed = Math.random() * 2 - 1; // Kecepatan partikel di sumbu X
      var ySpeed = Math.random() * 2 - 1; // Kecepatan partikel di sumbu Y
      var color = colors[Math.floor(Math.random() * colors.length)];
      var pictogram = pictograms[Math.floor(Math.random() * pictograms.length)];

return {
        x: x,
        y: y,
        size: size,
        xSpeed: xSpeed,
        ySpeed: ySpeed,
        color: color,
        pictogram: pictogram
      };
    }

// Mengupdate posisi partikel
    function updateParticles() {
      particles.forEach(function(particle) {
        particle.x += particle.xSpeed;
        particle.y += particle.ySpeed;

// Memantulkan partikel jika mencapai batas canvas
        if (particle.x < 0 || particle.x + particle.size > canvasWidth) {
          particle.xSpeed = -particle.xSpeed;
        }
        if (particle.y < 0 || particle.y + particle.size > canvasHeight) {
          particle.ySpeed = -particle.ySpeed;
        }
      });

// Menggambar kembali partikel
      drawParticles();
    }

// Menggambar partikel ke canvas
    function drawParticles() {
      ctx.clearRect(0, 0, canvasWidth, canvasHeight);

particles.forEach(function(particle) {
        ctx.font = particle.size + "px Arial";
        ctx.fillStyle = particle.color;
        ctx.fillText(particle.pictogram, particle.x, particle.y);
      });
    }

// Menambahkan partikel baru setiap detik
    setInterval(function() {
      particles.push(createParticle());
    }, 1000);

// Mengupdate posisi partikel setiap 30ms
    setInterval(updateParticles, 30);

// Mengecek perubahan orientasi layar
    window.addEventListener("orientationchange", function() {
      if (screen.orientation) {
        isLandscape = screen.orientation.type.startsWith("landscape");
      } else if (screen.mozOrientation) {
        isLandscape = screen.mozOrientation.startsWith("landscape");
      } else if (screen.msOrientation) {
        isLandscape = screen.msOrientation.startsWith("landscape");
      }
    });
  </script>
</body>
</html>