AI game creator

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

No:36097

104

←

Prev Next

→

a 2d fighting game
Developer User16745｜Date and time 24/1/16 20:54:26
Build time 14.395 sec｜Game capacity 2.916KB｜

Script

Sure! Here's a simple example of a 2D fighting game implemented as a single HTML file using JavaScript. Please note that this is a basic implementation to give you an idea, and you can expand on it to add more features and complexity.

This basic game allows the player to control a red square using the Arrow keys. The square can move left and right, and jump when the Up arrow is pressed. It also simulates gravity and collision with the ground. Feel free to enhance this example by adding more features such as enemy characters, special attacks, health bars, animations, and sound effects to create a more comprehensive 2D fighting game experience.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>2D Fighting Game</title>
  <style>
    canvas {
      border: 1px solid #000;
      display: block;
      margin: 0 auto;
    }
  </style>
</head>
<body>
<script>
// Game Constants
const GAME_WIDTH = 400;
const GAME_HEIGHT = 400;
const PLAYER_SIZE = 50;
const PLAYER_MOVE_SPEED = 5;
const PLAYER_JUMP_FORCE = 10;
const GRAVITY = 0.7;

// Player Object
const player = {
  x: GAME_WIDTH / 2 - PLAYER_SIZE / 2,
  y: GAME_HEIGHT - PLAYER_SIZE,
  width: PLAYER_SIZE,
  height: PLAYER_SIZE,
  xSpeed: 0,
  ySpeed: 0,
  canJump: true
};

// Game Initialization
function init() {
  // Create canvas
  const canvas = document.createElement('canvas');
  canvas.width = GAME_WIDTH;
  canvas.height = GAME_HEIGHT;
  document.body.appendChild(canvas);

// Set up event listeners
  window.addEventListener('keydown', handleKeyDown);
  window.addEventListener('keyup', handleKeyUp);

// Start game loop
  setInterval(update, 16);
}

// Handle keyboard key down events
function handleKeyDown(event) {
  if (event.key === 'ArrowLeft') {
    player.xSpeed = -PLAYER_MOVE_SPEED;
  } else if (event.key === 'ArrowRight') {
    player.xSpeed = PLAYER_MOVE_SPEED;
  } else if (event.key === 'ArrowUp' && player.canJump) {
    player.ySpeed -= PLAYER_JUMP_FORCE;
    player.canJump = false;
  }
}

// Handle keyboard key up events
function handleKeyUp(event) {
  if (
    (event.key === 'ArrowLeft' && player.xSpeed < 0) ||
    (event.key === 'ArrowRight' && player.xSpeed > 0)
  ) {
    player.xSpeed = 0;
  }
}

// Update game state
function update() {
  // Apply gravity
  player.ySpeed += GRAVITY;

// Apply player movement
  player.x += player.xSpeed;
  player.y += player.ySpeed;

// Handle collision with ground
  if (player.y >= GAME_HEIGHT - PLAYER_SIZE) {
    player.y = GAME_HEIGHT - PLAYER_SIZE;
    player.ySpeed = 0;
    player.canJump = true;
  }

// Clear canvas
  const canvas = document.querySelector('canvas');
  const context = canvas.getContext('2d');
  context.clearRect(0, 0, GAME_WIDTH, GAME_HEIGHT);

// Draw player
  context.fillStyle = '#FF0000';
  context.fillRect(player.x, player.y, player.width, player.height);
}

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

This basic game allows the player to control a red square using the Arrow keys. The square can move left and right, and jump when the Up arrow is pressed. It also simulates gravity and collision with the ground.

Feel free to enhance this example by adding more features such as enemy characters, special attacks, health bars, animations, and sound effects to create a more comprehensive 2D fighting game experience.