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

No:36802

106

←

Prev Next

→

>Pirate kings A 2v2 fighting game where you ha..ALL
Developer Dooz studio｜Date and time 24/1/18 11:43:01
Build time 28.48 sec｜Game capacity 7.103KB｜

Script

Sure! Here's an example implementation of a simple 2D game called "Pirate Kings" using HTML and JavaScript. Please note that this is a basic game just to give you an idea, and it can be further enhanced and customized according to your requirements.

Pirate Kings

In this game, you control the player ship using the arrow keys (left, right, up, down) on your smartphone. The player ship is displayed in orange, and the enemy ship is displayed in dark red. The player ship is equipped with a sword, and you can rotate it by touching and dragging on the game board. Pressing the spacebar will fire a bullet towards the enemy ship. If the player ship's sword collides with the enemy ship's sword, an alert will be displayed. Keep in mind that this is a simplified game and may not fully meet all your requirements, but it should give you a starting point for further development. Feel free to modify and enhance it as needed.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Pirate Kings</title>
  <style>
    #gameboard {
      position: relative;
      width: 500px;
      height: 300px;
      background-color: #78c4d4;
    }
    .ship {
      position: absolute;
      width: 50px;
      height: 50px;
      background-color: #ffa700;
      border-radius: 50%;
    }
    .sword {
      position: absolute;
      width: 20px;
      height: 80px;
      background-color: #000000;
      transform-origin: center bottom;
    }
    .bullet {
      position: absolute;
      width: 10px;
      height: 10px;
      background-color: #ff0000;
      border-radius: 50%;
    }
    .enemy {
      position: absolute;
      width: 50px;
      height: 50px;
      background-color: #8b0000;
      border-radius: 50%;
    }
  </style>
</head>
<body>
  <h1>Pirate Kings</h1>
  <div id="gameboard">
    <div id="playerShip" class="ship"></div>
    <div id="playerSword" class="sword"></div>
    <div id="enemyShip" class="ship"></div>
    <div id="enemySword" class="sword"></div>
    <div id="bullet" class="bullet"></div>
  </div>

// Player sword properties
    const playerSword = {
      element: document.getElementById('playerSword'),
      angle: 0,
      rotationSpeed: 4
    };

// Enemy ship properties
    const enemyShip = {
      element: document.getElementById('enemyShip'),
      x: 400,
      y: 125,
      speed: 3
    };

// Enemy sword properties
    const enemySword = {
      element: document.getElementById('enemySword'),
      angle: 180,
      rotationSpeed: 2
    };

// Bullet properties
    const bullet = {
      element: document.getElementById('bullet'),
      x: 0,
      y: 0,
      speed: 10,
      fired: false,
      firingAngle: 0
    };

// Update positions of player and enemy ships on game board
    function moveShips() {
      playerShip.element.style.transform = `translate(${playerShip.x}px, ${playerShip.y}px)`;
      enemyShip.element.style.transform = `translate(${enemyShip.x}px, ${enemyShip.y}px)`;
    }

// Rotate and place player and enemy swords on game board
    function rotateSwords() {
      playerSword.element.style.transform = `rotate(${playerSword.angle}deg)`;
      enemySword.element.style.transform = `rotate(${enemySword.angle}deg)`;

// Move the bullet across the game board
    function moveBullet() {
      if (bullet.fired) {
        const radian = bullet.firingAngle * (Math.PI/180);
        bullet.x += Math.cos(radian) * bullet.speed;
        bullet.y -= Math.sin(radian) * bullet.speed;
        bullet.element.style.transform = `translate(${bullet.x}px, ${bullet.y}px)`;

if (
          bullet.x < 0 || bullet.x > 500 || bullet.y < 0 || bullet.y > 300 ||
          (playerShip.x < enemyShip.x && bullet.x > enemyShip.x) ||
          (playerShip.x > enemyShip.x && bullet.x < enemyShip.x)
        ) {
          bullet.fired = false;
          bullet.element.style.display = 'none';
        }
      }
    }

// Check collision between player sword and enemy ship
    function checkSwordCollision() {
      if (
        Math.abs(playerSword.angle - enemySword.angle) < 10 &&
        playerShip.y < enemyShip.y &&
        Math.abs(playerShip.x - enemyShip.x) < 50
      ) {
        alert('Player ship hit the enemy ship!');
      }
    }

// Game loop
    function gameLoop() {
      moveShips();
      rotateSwords();
      moveBullet();
      checkSwordCollision();

requestAnimationFrame(gameLoop);
    }

// Handle player ship movement based on key inputs
    function handleMovement(event) {
      switch (event.keyCode) {
        case 37:  // Left arrow key
          playerShip.x -= playerShip.speed;
          break;
        case 39:  // Right arrow key
          playerShip.x += playerShip.speed;
          break;
        case 38:  // Up arrow key
          playerShip.y -= playerShip.speed;
          break;
        case 40:  // Down arrow key
          playerShip.y += playerShip.speed;
          break;
        case 32:  // Spacebar key
          fireBullet();
          break;
        default:
          return;
      }

event.preventDefault();
    }

// Fire the bullet from the player ship
    function fireBullet() {
      if (!bullet.fired) {
        bullet.fired = true;
        bullet.element.style.display = 'block';
        bullet.element.style.transform = `translate(${playerShip.x}px, ${playerShip.y}px)`;
        bullet.x = playerShip.x;
        bullet.y = playerShip.y;
        bullet.firingAngle = playerSword.angle;
      }
    }

// Handle player sword rotation based on touch position
    function handleTouch(event) {
      const rect = document.getElementById('gameboard').getBoundingClientRect();
      const touchX = event.touches[0].clientX - rect.left;
      const touchY = event.touches[0].clientY - rect.top;

const dx = touchX - playerShip.x;
      const dy = touchY - playerShip.y;
      playerSword.angle = Math.atan2(dy, dx) * (180 / Math.PI) + 90;
    }

// Event listeners
    document.addEventListener('keydown', handleMovement);
    document.addEventListener('touchmove', handleTouch);

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

Keep in mind that this is a simplified game and may not fully meet all your requirements, but it should give you a starting point for further development. Feel free to modify and enhance it as needed.