AI game creator

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

No:48413

←

Prev Next

→

Recrea a rave dj
Developer User18058｜Date and time 24/3/2 4:49:22
Build time 6.464 sec｜Game capacity 1.04KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Rave DJ Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  <script>
    const canvas = document.getElementById("gameCanvas");
    const ctx = canvas.getContext("2d");

const djImage = new Image();
    djImage.src = "pictograma_rave_dj.png";

let x = canvas.width / 2;
    let y = canvas.height / 2;

function draw() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      ctx.drawImage(djImage, x, y, 50, 50);
    }

function update() {
      x += Math.random() * 10 - 5;
      y += Math.random() * 10 - 5;

if (x < 0) {
        x = 0;
      }
      if (x > canvas.width - 50) {
        x = canvas.width - 50;
      }
      if (y < 0) {
        y = 0;
      }
      if (y < canvas.height - 50) {
        y = canvas.height - 50;
      }
    }

function gameLoop() {
      draw();
      update();
      requestAnimationFrame(gameLoop);
    }

djImage.onload = function() {
      gameLoop();
    };
  </script>
</body>
</html>