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

No:25495

Make a game that the bad guys took your pet fish.t..ALL
Developer User12467｜Date and time 23/11/22 4:18:39
Build time 189.869 sec｜Game capacity 4.39KB｜

Script

Sure! Here's an example of a simple game where you have to win a rap battle to save your pet fish:

Rap Battle Game

The bad guys have taken your pet fish. Win the rap battle to get your pet back!

Use the arrow keys (left, down, up, right) to rap. Hit the right arrow when the arrow lands on the same arrow.

To play the game, simply copy and paste the above code into a single HTML file and open it in a web browser. The game will appear on the screen, and you can use the arrow keys on your keyboard to rap. Hit the right arrow when the arrow lands on the same arrow. If you miss or hit the wrong arrow, you will lose the rap battle. The game will display alerts to inform you if you win or lose the rap battle.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of a simple game where you have to win a rap battle to save your pet fish:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Rap Battle Game</title>
</head>
<body>
  <h1>Rap Battle Game</h1>
  <p>The bad guys have taken your pet fish. Win the rap battle to get your pet back!</p>
  <p>Use the arrow keys (left, down, up, right) to rap. Hit the right arrow when the arrow lands on the same arrow.</p>
  <canvas id="gameCanvas" width="800" height="600"></canvas>

// Define the arrow objects
    const arrows = [
      {x: 50, y: 500, direction: "left"},
      {x: 200, y: 500, direction: "down"},
      {x: 350, y: 500, direction: "up"},
      {x: 500, y: 500, direction: "right"}
    ];

// Initialize game variables
    let arrowIndex = 0;
    let score = 0;
    let gameOver = false;

// Handle key down events
    document.addEventListener("keydown", keyDownHandler);

// Game loop
    function gameLoop() {
      // Clear the canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw arrows
      arrows.forEach(arrow => drawArrow(arrow));

// Draw score
      ctx.font = "30px Arial";
      ctx.fillStyle = "black";
      ctx.fillText("Score: " + score, 20, 40);

// Move arrows
      if (!gameOver) {
        arrows.forEach(arrow => {
          arrow.y -= 5;
          if (arrow.y <= 0) {
            // Reset arrow position when it goes off screen
            arrow.y = 500;
            arrow.direction = getRandomDirection();
          }
        });
      }

// Check if the right arrow was hit
      const currentArrow = arrows[arrowIndex];
      if (currentArrow && currentArrow.y <= 250 && !gameOver) {
        if (currentArrow.direction === "right") {
          // Increase score if the right arrow was hit
          score++;
        } else {
          // Game over if the wrong arrow was hit
          gameOver = true;
          alert("Game Over! You lost the rap battle.");
        }
        arrowIndex++;
      }

// Check if the rap battle was won
      if (score >= arrows.length) {
        gameOver = true;
        alert("Congratulations! You won the rap battle and got your pet fish back!");
      }

// Repeat the game loop
      requestAnimationFrame(gameLoop);
    }

// Function to handle key down events
    function keyDownHandler(event) {
      if (event.keyCode === 37) {
        // Left arrow key
        rap("left");
      } else if (event.keyCode === 40) {
        // Down arrow key
        rap("down");
      } else if (event.keyCode === 38) {
        // Up arrow key
        rap("up");
      } else if (event.keyCode === 39) {
        // Right arrow key
        rap("right");
      }
    }

// Function to handle the rap with the given direction
    function rap(direction) {
      if (!gameOver) {
        const currentArrow = arrows[arrowIndex];
        if (currentArrow && currentArrow.direction === direction && currentArrow.y <= 250) {
          score++;
          arrowIndex++;
        } else {
          gameOver = true;
          alert("Game Over! You lost the rap battle.");
        }
      }
    }

// Function to draw an arrow on the canvas
    function drawArrow(arrow) {
      ctx.beginPath();
      ctx.moveTo(arrow.x, arrow.y);
      ctx.lineTo(arrow.x + 50, arrow.y);
      ctx.lineTo(arrow.x + 25, arrow.y - 50);
      ctx.closePath();

ctx.strokeStyle = "black";
      ctx.lineWidth = 3;
      ctx.stroke();

ctx.fillStyle = "black";
      ctx.fill();
    }

// Function to get a random direction
    function getRandomDirection() {
      const directions = ["left", "down", "up", "right"];
      return directions[Math.floor(Math.random() * directions.length)];
    }

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