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

No:52690

175

←

Prev Next

→

Pig petting simulator
Developer User21651｜Date and time 24/3/24 4:09:00
Build time 7.653 sec｜Game capacity 1.278KB｜

Script

Pig Petting Simulator

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Pig Petting Simulator</title>
  <style>
    body {
      text-align: center;
      background-color: #f3e5ab;
      font-family: Arial, sans-serif;
    }
    canvas {
      border: 2px solid #333;
    }
    button {
      padding: 10px 20px;
      font-size: 16px;
      background-color: #4CAF50;
      color: white;
      border: none;
      cursor: pointer;
      margin-top: 20px;
    }
  </style>
</head>
<body>
  <h1>Pig Petting Simulator</h1>
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  <button id="petButton">Pet the Pig</button>

const pig = {
      x: 200,
      y: 200,
      size: 100
    };

pigImg.onload = function() {
      drawPig();
    };

function drawPig() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      ctx.drawImage(pigImg, pig.x, pig.y, pig.size, pig.size);
    }

function petPig() {
      pig.size += 5;
      drawPig();
    }

document.getElementById('petButton').addEventListener('click', petPig);
  </script>
</body>
</html>