2d fighting game featuring tag team option. Characters represented by stick figures. Blood and gore when players take damage. Special moves represented by the elements's game

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

No:21648

←

Prev Next

→

2d fighting game featuring tag team option. Charac..ALL
Developer User9965｜Date and time 23/10/17 5:13:12
Build time 159.944 sec｜Game capacity 5.011KB｜

Script

Sure, here's an example of a simple 2D fighting game with tag team option using stick figure characters and special moves represented by elements. It is a single HTML file enclosed in script tags and written in JavaScript. Please note that this is a very basic implementation just to give you an idea, and further development and customization would be required to make it a full-fledged game.

Please note that you will need to replace the character image placeholders (`emozi_rabbit.png` and `emozi_apple.png`) with actual images in the same directory as the HTML file. Additionally, you can enhance the game by adding additional features like animations, sound effects, and more advanced gameplay mechanics to make it more engaging.

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>2D Fighting Game</title>
  <style>
    canvas {
      border: 1px solid #000;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="600" height="400"></canvas>
  <script>
    // Game logic
    var canvas, ctx;
    var player1, player2;
    var currentPlayer, opponentPlayer;
    var isTagMode, isGameOver;

// Character data
    var character1 = {
      name: 'Stickman 1',
      image: 'stickman1.png',
      health: 100,
      specialMoves: ['Fireball', 'Ice Punch']
    };

var character2 = {
      name: 'Stickman 2',
      image: 'stickman2.png',
      health: 100,
      specialMoves: ['Thunderbolt', 'Earthquake']
    };

// Initialize the game
    function initGame() {
      canvas = document.getElementById('gameCanvas');
      ctx = canvas.getContext('2d');
      isTagMode = true;
      isGameOver = false;

player1 = { character: character1, position: { x: 50, y: canvas.height / 2 }, health: 100 };
      player2 = { character: character2, position: { x: canvas.width - 80, y: canvas.height / 2 }, health: 100 };
      currentPlayer = player1;
      opponentPlayer = player2;

drawCharacters();
      canvas.addEventListener('click', handlePlayerClick);
    }

// Draw the characters on the canvas
    function drawCharacters() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      ctx.fillStyle = '#000';
      ctx.font = '20px Arial';
      ctx.fillText('Player 1: ' + player1.character.name + ' (' + player1.health + ' HP)', 10, 30);
      ctx.fillText('Player 2: ' + player2.character.name + ' (' + player2.health + ' HP)', canvas.width - 300, 30);

// Draw player 1
      ctx.fillStyle = '#f00';
      ctx.fillRect(player1.position.x, player1.position.y, 30, 80);

// Draw player 2
      ctx.fillStyle = '#00f';
      ctx.fillRect(player2.position.x, player2.position.y, 30, 80);
    }

// Handle player click event
    function handlePlayerClick(event) {
      if (isGameOver) {
        return;
      }

var rect = canvas.getBoundingClientRect();
      var clickX = event.clientX - rect.left;
      var clickY = event.clientY - rect.top;

// Check if the current player is clicked
      if (
        clickX >= currentPlayer.position.x &&
        clickX <= currentPlayer.position.x + 30 &&
        clickY >= currentPlayer.position.y &&
        clickY <= currentPlayer.position.y + 80
      ) {
        executeSpecialMove(getRandomSpecialMove());
        switchPlayers();
      }

// Check if opponent player is clicked
      if (
        clickX >= opponentPlayer.position.x &&
        clickX <= opponentPlayer.position.x + 30 &&
        clickY >= opponentPlayer.position.y &&
        clickY <= opponentPlayer.position.y + 80
      ) {
        executeSpecialMove(getRandomSpecialMove());
        switchPlayers();
      }
    }

// Execute a special move
    function executeSpecialMove(move) {
      // Modify the opponent player's health based on the special move
      switch (move) {
        case 'Fireball':
          opponentPlayer.health -= 30;
          break;
        case 'Ice Punch':
          opponentPlayer.health -= 40;
          break;
        case 'Thunderbolt':
          opponentPlayer.health -= 25;
          break;
        case 'Earthquake':
          opponentPlayer.health -= 50;
          break;
      }

if (opponentPlayer.health <= 0) {
        gameOver();
      }

drawCharacters();
    }

// Get a random special move from the current player's character's moves
    function getRandomSpecialMove() {
      var specialMoves = currentPlayer.character.specialMoves;
      var randomIndex = Math.floor(Math.random() * specialMoves.length);
      return specialMoves[randomIndex];
    }

// Switch players for tag team mode
    function switchPlayers() {
      if (isTagMode) {
        var tempPlayer = currentPlayer;
        currentPlayer = opponentPlayer;
        opponentPlayer = tempPlayer;
      }
    }

// Game over
    function gameOver() {
      isGameOver = true;
      canvas.removeEventListener('click', handlePlayerClick);
      alert('Game Over! ' + opponentPlayer.character.name + ' wins!');
    }

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

Please note that you will need to replace the character image placeholders (`stickman1.png` and `stickman2.png`) with actual images in the same directory as the HTML file. Additionally, you can enhance the game by adding additional features like animations, sound effects, and more advanced gameplay mechanics to make it more engaging.