Aim locker to shoot anime's game

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

No:31566

3713

←

Prev Next

→

Aim locker to shoot anime
Developer anonymous｜Date and time 70/1/1 10:00:11
Build time unknown sec｜Game capacity 3.611KB｜

Script

Here's an example of a simple game where you can aim and shoot anime characters using an aim locker:

Please note that you would need to create an image file named "emozi_himawari.png" in the same directory as the HTML file for the anime character. This code sets up touch event listeners on the canvas for aiming and shooting. When the aim locker intersects with the anime character, it will display an alert indicating a hit. Upon a hit or miss, the game will reset with a randomly positioned anime character.

←

Prev　Next

→ 　

Back　

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

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

Here's an example of a simple game where you can aim and shoot anime characters using an aim locker:

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Anime Aim Locker Game</title>
  <style>
    canvas {
      border: 1px solid #000;
      display: block;
      margin: 0 auto;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

// Handle touch events
    canvas.addEventListener("touchstart", handleTouchStart, false);
    canvas.addEventListener("touchmove", handleTouchMove, false);
    canvas.addEventListener("touchend", handleTouchEnd, false);

// Function to get touch position
    function getTouchPos(evt) {
      var rect = canvas.getBoundingClientRect();
      return {
        x: evt.touches[0].clientX - rect.left,
        y: evt.touches[0].clientY - rect.top
      };
    }

// Handle touch start event
    function handleTouchStart(evt) {
      evt.preventDefault();
      var touchPos = getTouchPos(evt);
      aimLockerX = touchPos.x - aimLockerSize / 2;
      aimLockerY = touchPos.y - aimLockerSize / 2;
      isAiming = true;
    }

// Handle touch move event
    function handleTouchMove(evt) {
      evt.preventDefault();
      if (!isAiming) return;
      var touchPos = getTouchPos(evt);
      aimLockerX = touchPos.x - aimLockerSize / 2;
      aimLockerY = touchPos.y - aimLockerSize / 2;
    }

// Handle touch end event
    function handleTouchEnd(evt) {
      evt.preventDefault();
      isAiming = false;
      checkHitAnime();
    }

// Function to check if anime is hit
    function checkHitAnime() {
      if (
        aimLockerX < animeX + animeWidth &&
        aimLockerX + aimLockerSize > animeX &&
        aimLockerY < animeY + animeHeight &&
        aimLockerY + aimLockerSize > animeY
      ) {
        // Anime hit!
        alert("Anime hit!");
        resetGame();
      } else {
        // Anime missed
        alert("Missed...");
      }
    }

// Function to reset game
    function resetGame() {
      animeX = Math.random() * (canvas.width - animeWidth);
      animeY = Math.random() * (canvas.height - animeHeight);
    }

// Main game loop
    function draw() {
      context.clearRect(0, 0, canvas.width, canvas.height);

// Draw anime character
      context.drawImage(animeImg, animeX, animeY, animeWidth, animeHeight);

// Draw aim locker
      context.fillStyle = "red";
      context.fillRect(aimLockerX, aimLockerY, aimLockerSize, aimLockerSize);

requestAnimationFrame(draw);
    }

// Start the game
    animeImg.onload = function() {
      resetGame();
      draw();
    };
  </script>
</body>
</html>
```

Please note that you would need to create an image file named "anime.png" in the same directory as the HTML file for the anime character. This code sets up touch event listeners on the canvas for aiming and shooting. When the aim locker intersects with the anime character, it will display an alert indicating a hit. Upon a hit or miss, the game will reset with a randomly positioned anime character.