Advance archery hunting game offline's game

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

No:15233

←

Prev Next

→

Advance archery hunting game offline
Developer User6621｜Date and time 23/9/7 23:30:22
Build time 51.094 sec｜Game capacity 3.338KB｜

Script

Sure! Here's a simple example of a game called "Archery Hunting Challenge". It is an offline game that can be played on a smartphone using pictograms for visuals. Please note that this is just a basic implementation to give you an idea, and you can expand upon it as per your requirements.

In this game, you control a bow on the left side of the screen and try to hit moving targets that appear on the right side. The targets move from right to left, and when you shoot and hit a target, the target resets to a new random position on the right side, and your score increases by 1. Note: The code provided assumes you have actual images named "emozi_rabbit.png" and "emozi_apple.png" in the same directory as the HTML file. Please replace these image references with the appropriate image URLs or file paths according to your actual game assets.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Archery Hunting Challenge</title>
  <style>
    body {
      margin: 0;
      padding: 0;
      background-color: #000000;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
    }
    canvas {
      border: 1px solid #ffffff;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="480" height="320"></canvas>

function draw() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw bow
        ctx.drawImage(bowImage, 10, canvas.height / 2 - 50, 100, 100);

// Draw target
        ctx.drawImage(targetImage, targetX, targetY, 50, 50);

// Draw score
        ctx.fillStyle = "#ffffff";
        ctx.font = "20px Arial";
        ctx.fillText("Score: " + score, canvas.width - 100, 30);
      }

function update() {
        targetX -= 2; // Move the target towards the left

// Check if target is hit
        if (targetX <= 0) {
          targetX = canvas.width - 50;
          targetY = Math.floor(Math.random() * (canvas.height - 100)) + 50;
          score += 1;
        }

draw();
      }

function startGame() {
        setInterval(update, 10);
      }

canvas.addEventListener("click", function (event) {
        const rect = canvas.getBoundingClientRect();
        const clickX = event.clientX - rect.left;
        const clickY = event.clientY - rect.top;

// Check if click is on target
        if (clickX >= targetX && clickX <= targetX + 50 && clickY >= targetY && clickY <= targetY + 50) {
          targetX = canvas.width - 50;
          targetY = Math.floor(Math.random() * (canvas.height - 100)) + 50;
          score += 1;
        }
      });

bowImage.onload = function () {
        startGame();
      };
    });
  </script>
</body>
</html>
```

Note: The code provided assumes you have actual images named "bow.png" and "target.png" in the same directory as the HTML file. Please replace these image references with the appropriate image URLs or file paths according to your actual game assets.