Fish shooting game platypi's game

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

No:11198

117

←

Prev Next

→

Fish shooting game platypi
Developer User4837｜Date and time 23/8/8 12:20:13
Build time 28.031 sec｜Game capacity 3.572KB｜

Script

Sure, here's a simple fish shooting game implemented as a single HTML file using JavaScript and pictograms:

You can copy and save the above code in a file with a .html extension (e.g., fish_game.html). Open the file in a web browser, and you will be able to play the fish shooting game on your smartphone. Use the left and right arrow keys to move the hook and the spacebar to shoot the bullet (💥) at the fish (🐠). The game features a simple animation loop, game over conditions, and visual feedback for when the fish is hit or the game is over.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

Sure, here's a simple fish shooting game implemented as a single HTML file using JavaScript and pictograms:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Fish Shooting Game</title>
  <style>
    #canvas {
      border: 1px solid black;
      display: block;
      margin: 20px auto;
    }
  </style>
</head>
<body>
  <canvas id="canvas" width="400" height="400"></canvas>

// Game configuration
    const canvas = document.getElementById('canvas');
    const ctx = canvas.getContext('2d');
    const fishIcon = '🐠';
    const fishSize = 40;
    const hookIcon = '🎣';
    const hookSpeed = 5;
    const bulletIcon = '💥';
    const bulletSpeed = 10;
    let fishX = Math.random() * (canvas.width - fishSize);
    let fishY = Math.random() * (canvas.height - fishSize);
    let hookX = canvas.width / 2;
    let hookY = canvas.height - 20;
    let bulletX = hookX;
    let bulletY = hookY;
    let isFishHit = false;
    let gameOver = false;

// Draw fish, hook, and bullet
    function draw() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      ctx.font = fishSize + 'px serif';
      ctx.fillText(fishIcon, fishX, fishY);
      ctx.font = '30px serif';
      ctx.fillText(hookIcon, hookX, hookY);
      ctx.fillText(bulletIcon, bulletX, bulletY);

if (isFishHit) {
        ctx.fillStyle = 'green';
        ctx.fillText('Fish Hit!', 160, 200);
      }

if (gameOver) {
        ctx.fillStyle = 'red';
        ctx.fillText('Game Over!', 150, 200);
      }
    }

// Move the hook
    function moveHook(event) {
      if (!gameOver) {
        switch (event.keyCode) {
          case 37: // Left arrow key
            if (hookX >= hookSpeed) {
              hookX -= hookSpeed;
              if (!isFishHit) {
                bulletX = hookX;
              }
            }
            break;
          case 39: // Right arrow key
            if (hookX <= canvas.width - hookSpeed - 30) {
              hookX += hookSpeed;
              if (!isFishHit) {
                bulletX = hookX;
              }
            }
            break;
          case 32: // Space key
            if (!isFishHit && bulletY === hookY) {
              bulletY -= bulletSpeed;
              shootBullet();
            }
            break;
        }
      }
    }

// Shoot the bullet
    function shootBullet() {
      if (bulletY < 0) {
        bulletY = hookY;
        isFishHit = false;
      } else {
        if (bulletY <= fishY + fishSize && bulletX >= fishX && bulletX <= fishX + fishSize) {
          isFishHit = true;
          gameOver = true;
        }
        bulletY -= bulletSpeed;
      }
    }

// Check game over
    function checkGameOver() {
      if (isFishHit || fishY > canvas.height) {
        gameOver = true;
      }
    }

// Game loop
    function gameLoop() {
      draw();
      checkGameOver();
      if (!gameOver) {
        requestAnimationFrame(gameLoop);
      }
    }

// Start game
    document.addEventListener('keydown', moveHook);
    gameLoop();
  </script>
</body>
</html>
```