Gun fight game Eran money's game

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

No:20143

←

Prev Next

→

Gun fight game Eran money
Developer User8970｜Date and time 23/10/8 16:28:11
Build time 27.472 sec｜Game capacity 4.582KB｜

Script

Sure! Here's a basic implementation of a gun fight game where the player can earn money. The game is designed for smartphone operation and uses pictograms for visuals.

To use this code, save it as a single HTML file and create a "pictograms" folder in the same directory. Place the player and enemy pictogram images in the "pictograms" folder and name them "emozi_all/player.png" and "emozi_all/enemy.png" respectively. To play the game, use the arrow keys to move the player left and right, and press the spacebar to fire bullets. The objective is to hit the enemy to earn score and money. The enemy will respawn randomly after being hit. The score and money will be displayed on the screen.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a basic implementation of a gun fight game where the player can earn money. The game is designed for smartphone operation and uses pictograms for visuals.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Gun Fight</title>
</head>
<body>
  <canvas id="gameCanvas" width="800" height="600"></canvas>

// Player position
      var playerX = canvas.width/2;
      var playerY = canvas.height - 50;
      var playerSpeed = 5;

// Enemy position
      var enemyX = canvas.width/2;
      var enemyY = 50;
      var enemySpeed = 2;

// Bullet variables
      var bulletX, bulletY;
      var bulletSpeed = 6;
      var bulletFired = false;

// Game score and money
      var score = 0;
      var money = 0;

// Pictogram images
      var playerImage = new Image();
      playerImage.src = "pictograms/player.png";

var enemyImage = new Image();
      enemyImage.src = "pictograms/enemy.png";

// Keyboard event listeners for player movement
      document.addEventListener("keydown", keyDownHandler, false);
      document.addEventListener("keyup", keyUpHandler, false);

function keyUpHandler(event) {
        if (event.keyCode === 39) {
          playerMovingRight = false;
        } else if (event.keyCode === 37) {
          playerMovingLeft = false;
        }
      }

// Function to fire bullet
      function fireBullet() {
        bulletX = playerX + 32; // Adjust position to appear from player's gun
        bulletY = playerY;
        bulletFired = true;
      }

// Function to check collision between bullet and enemy
      function bulletEnemyCollision() {
        if (bulletY <= enemyY + 32 && bulletY > enemyY && bulletX > enemyX && bulletX < enemyX + 64) {
          score++; // Increase score when bullet hits enemy
          money += 10; // Earn money for successful hit
          bulletFired = false;

// Reset enemy position
          enemyX = Math.random() * (canvas.width - 64);
          enemyY = 50;
        }
      }

// Function to update game state
      function update() {
        // Player movement
        if (playerMovingRight && playerX < canvas.width - 64) {
          playerX += playerSpeed;
        }
        if (playerMovingLeft && playerX > 0) {
          playerX -= playerSpeed;
        }

// Enemy movement
        if (enemyY < canvas.height) {
          enemyY += enemySpeed;
        } else {
          // Reset enemy position if it reaches bottom
          enemyX = Math.random() * (canvas.width - 64);
          enemyY = 50;
        }

// Bullet movement
        if (bulletFired) {
          bulletY -= bulletSpeed;
          if (bulletY < 0) {
            bulletFired = false; // Reset bullet if it goes off the screen
          }
        }

// Check collision between bullet and enemy
        bulletEnemyCollision();

// Render game objects
        context.clearRect(0, 0, canvas.width, canvas.height);
        context.drawImage(playerImage, playerX, playerY, 64, 64);
        context.drawImage(enemyImage, enemyX, enemyY, 64, 64);

if (bulletFired) {
          context.fillRect(bulletX, bulletY, 2, 10);
        }

// Display score and money
        context.font = "20px Arial";
        context.fillStyle = "black";
        context.fillText("Score: " + score, 10, 30);
        context.fillText("Money: $" + money, 10, 60);

requestAnimationFrame(update);
      }

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

To play the game, use the arrow keys to move the player left and right, and press the spacebar to fire bullets. The objective is to hit the enemy to earn score and money. The enemy will respawn randomly after being hit. The score and money will be displayed on the screen.