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

No:46969

←

Prev Next

→

Get the baby!
Developer User20334｜Date and time 24/2/26 22:21:20
Build time 6.446 sec｜Game capacity 1.372KB｜

Script

Get the Baby Game

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Get the Baby Game</title>
</head>
<body>
  <h1>Get the Baby Game</h1>
  <canvas id="gameCanvas" width="800" height="600"></canvas>
  
  <script>
    const canvas = document.getElementById('gameCanvas');
    const ctx = canvas.getContext('2d');

// Baby position
    let babyX = 50;
    let babyY = 50;

// Player position
    let playerX = canvas.width - 50;
    let playerY = canvas.height - 50;
    let playerSpeed = 4;

function drawBaby() {
      ctx.fillStyle = 'blue';
      ctx.fillRect(babyX, babyY, 20, 20);
    }

function drawPlayer() {
      ctx.fillStyle = 'red';
      ctx.fillRect(playerX, playerY, 20, 20);
    }

function clearCanvas() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
    }

function update() {
      clearCanvas();
      drawBaby();
      drawPlayer();
    }

function movePlayer(event) {
      switch(event.key) {
        case 'ArrowUp':
          playerY -= playerSpeed;
          break;
        case 'ArrowDown':
          playerY += playerSpeed;
          break;
        case 'ArrowLeft':
          playerX -= playerSpeed;
          break;
        case 'ArrowRight':
          playerX += playerSpeed;
          break;
      }
      update();
    }

document.addEventListener('keydown', movePlayer);

update();
  </script>
</body>
</html>
```