Pixel bot wit 100 random function buttons's game

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

No:47228

←

Prev Next

→

Pixel bot wit 100 random function buttons
Developer User18896｜Date and time 24/2/27 18:24:59
Build time 7.681 sec｜Game capacity 1.568KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html>
<head>
<title>Pixel Bot - Random Function Buttons</title>
</head>
<body>

const pixelBot = {
  x: 200,
  y: 200,
  size: 20,
  color: 'yellow'
};

function drawPixelBot() {
  ctx.fillStyle = pixelBot.color;
  ctx.fillRect(pixelBot.x, pixelBot.y, pixelBot.size, pixelBot.size);
}

drawPixelBot();

// Attaching random function buttons to the game
const functions = ['Move Up', 'Move Down', 'Move Left', 'Move Right'];

function executeRandomFunction() {
  const randomFunction = functions[Math.floor(Math.random() * functions.length)];

switch (randomFunction) {
    case 'Move Up':
      if (pixelBot.y - 20 >= 0) {
        pixelBot.y -= 20;
      }
      break;
    case 'Move Down':
      if (pixelBot.y + 20 <= canvas.height - pixelBot.size) {
        pixelBot.y += 20;
      }
      break;
    case 'Move Left':
      if (pixelBot.x - 20 >= 0) {
        pixelBot.x -= 20;
      }
      break;
    case 'Move Right':
      if (pixelBot.x + 20 <= canvas.width - pixelBot.size) {
        pixelBot.x += 20;
      }
      break;
    default:
      break;
  }

drawPixelBot();
}

// Generating 100 random function buttons
for (let i = 1; i <= 100; i++) {
  const button = document.createElement('button');
  button.innerText = `Function ${i}`;
  button.onclick = executeRandomFunction;
  document.body.appendChild(button);
}
</script>

</body>
</html>