Poppy playtime (Javasvript,python)'s game

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

No:50118

←

Prev Next

→

Poppy playtime (Javasvript,python)
Developer User21234｜Date and time 24/3/7 21:28:40
Build time 9.575 sec｜Game capacity 1.931KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

```
<!DOCTYPE html>
<html>
<head>
  <title>Poppy Playtime Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="800" height="600"></canvas>

// Player character
    let player = {
      x: canvas.width / 2,
      y: canvas.height - 50,
      size: 20,
      speed: 5
    };

// Enemy character
    let enemy = {
      x: canvas.width / 2 - 50,
      y: canvas.height / 2,
      size: 30,
      speed: 3,
      dx: 3
    };

function drawPlayer() {
      ctx.fillStyle = 'red';
      ctx.fillRect(player.x - player.size / 2, player.y - player.size / 2, player.size, player.size);
    }

function drawEnemy() {
      ctx.fillStyle = 'blue';
      ctx.fillRect(enemy.x - enemy.size / 2, enemy.y - enemy.size / 2, enemy.size, enemy.size);
    }

function update() {
      // Move enemy
      enemy.x += enemy.dx;
      if (enemy.x + enemy.size / 2 > canvas.width || enemy.x - enemy.size / 2 < 0) {
        enemy.dx = -enemy.dx;
      }

// Check for collision
      if (player.x - player.size / 2 < enemy.x + enemy.size / 2 &&
          player.x + player.size / 2 > enemy.x - enemy.size / 2 &&
          player.y - player.size / 2 < enemy.y + enemy.size / 2 &&
          player.y + player.size / 2 > enemy.y - enemy.size / 2) {
        alert('Game Over!');
        document.location.reload();
      }

// Clear canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);

drawPlayer();
      drawEnemy();

requestAnimationFrame(update);
    }

function movePlayer(e) {
      switch (e.key) {
        case 'ArrowLeft':
          player.x -= player.speed;
          break;
        case 'ArrowRight':
          player.x += player.speed;
          break;
      }
    }

document.addEventListener('keydown', movePlayer);

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