Burn Notice: Slap Battles's game

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

No:36447

←

Prev Next

→

Burn Notice: Slap Battles
Developer User16812｜Date and time 24/1/17 19:47:36
Build time 18.1 sec｜Game capacity 3.496KB｜

Script

Sure! Here's a sample implementation of the game "Burn Notice: Slap Battles" using JavaScript within a single HTML file:

In this game, the player controls a character represented by a slap pictogram and slaps enemies represented by enemy pictograms descending from the top of the screen using touch input. The player earns points by successfully slapping enemies before they reach the bottom of the screen. The game will restart automatically when it's game over. Please note that you need to replace `emozi_all/pictogram.png` and `emozi_all/pictogram.png` with the actual image files you want to use for the visuals. Feel free to modify the code to add more features, graphics, or levels as per your requirements. Enjoy playing "Burn Notice: Slap Battles"!

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a sample implementation of the game "Burn Notice: Slap Battles" using JavaScript within a single HTML file:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Burn Notice: Slap Battles</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="600"></canvas>

// Load pictogram images
    const slapImg = new Image();
    slapImg.src = "slap_pictogram.png";

const enemyImg = new Image();
    enemyImg.src = "enemy_pictogram.png";

// Game variables
    let score = 0;
    let gameover = false;

// Player object
    const player = {
      x: canvas.width / 2,
      y: canvas.height - 100,
      width: 100,
      height: 100
    };

// Enemy object
    const enemy = {
      x: canvas.width / 2,
      y: 50,
      speed: 5,
      width: 100,
      height: 100
    };

// Event listeners for touch input
    canvas.addEventListener("touchstart", handleTouchStart, false);
    canvas.addEventListener("touchmove", handleTouchMove, false);

// Handle touch start event
    function handleTouchStart(event) {
      event.preventDefault();
      if (gameover) {
        resetGame();
      }
    }

// Handle touch move event
    function handleTouchMove(event) {
      event.preventDefault();
      player.x = event.touches[0].clientX - canvas.offsetLeft - player.width / 2;
    }

// Update game objects and check collision
    function update() {
      if (!gameover) {
        enemy.y += enemy.speed;

if (enemy.y + enemy.height >= player.y && enemy.x >= player.x && enemy.x <= player.x + player.width) {
          slap();
        }

if (enemy.y + enemy.height >= canvas.height) {
          gameover = true;
        }
      }
    }

// Execute slap action
    function slap() {
      score++;
      enemy.y = -enemy.height;
      enemy.x = Math.random() * (canvas.width - enemy.width);
    }

// Reset game state
    function resetGame() {
      score = 0;
      gameover = false;
      player.x = canvas.width / 2;
      enemy.x = canvas.width / 2;
      enemy.y = 50;
    }

// Game loop
    function gameLoop() {
      context.clearRect(0, 0, canvas.width, canvas.height);

context.drawImage(slapImg, player.x, player.y, player.width, player.height);
      context.drawImage(enemyImg, enemy.x, enemy.y, enemy.width, enemy.height);

context.fillStyle = "black";
      context.font = "24px Arial";
      context.fillText("Score: " + score, 10, 30);

if (gameover) {
        context.fillText("Game Over! Tap to Play Again", canvas.width / 2 - 150, canvas.height / 2);
      }

update();

if (!gameover) {
        requestAnimationFrame(gameLoop);
      }
    }

// Start the game loop
    gameLoop();
  </script>
</body>
</html>
```

Please note that you need to replace `slap_pictogram.png` and `enemy_pictogram.png` with the actual image files you want to use for the visuals.

Feel free to modify the code to add more features, graphics, or levels as per your requirements. Enjoy playing "Burn Notice: Slap Battles"!