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

No:40562

37

Gun
Developer User18191｜Date and time 24/2/3 12:59:30
Build time 10.336 sec｜Game capacity 2.897KB｜

Sure! Here's a simple game implementation using JavaScript and HTML, inspired by the game "Gun". The game will be playable on a smartphone and will use pictograms for a better visual experience. To play the game, the objective is to shoot as many targets as possible within a given time limit. To shoot the targets, you can tap on the screen or click with a mouse if played on a computer. To make it easy to distribute as a single HTML file, the game will be contained within script tags. Here's the code:

Gun Game

Save the above code into an HTML file, open it in a web browser or a smartphone web browser, and you'll be able to play the game. Targets will be represented by pictogram-like symbols "🎯", and you can tap on them to shoot. The score and time remaining will be displayed at the top of the screen. Once the time runs out, the game will be over. Please note that this is a very basic implementation, and you can modify and enhance it further according to your requirements and preferences.

→ 　

0　

0　

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

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

(C)2023 HisashiApp

Sure! Here's a simple game implementation using JavaScript and HTML, inspired by the game "Gun". The game will be playable on a smartphone and will use pictograms for a better visual experience.

To play the game, the objective is to shoot as many targets as possible within a given time limit. To shoot the targets, you can tap on the screen or click with a mouse if played on a computer.

To make it easy to distribute as a single HTML file, the game will be contained within script tags. Here's the code:

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Gun Game</title>
    <style>
      body {
        text-align: center;
        font-size: 30px;
      }
      #canvas {
        border: 1px solid black;
        width: 90vw;
        height: 70vh;
        margin: 0 auto;
      }
    </style>
  </head>
  <body>
    <h1>Gun Game</h1>
    <canvas id="canvas"></canvas>

<script>
      // Game code goes here
      const canvas = document.getElementById("canvas");
      const ctx = canvas.getContext("2d");
      const canvasWidth = canvas.width;
      const canvasHeight = canvas.height;
      
      let score = 0;
      let timeRemaining = 30;
      
      const targets = [
        { x: 50, y: 50 },
        { x: 200, y: 150 },
        { x: 300, y: 50 },
      ];
      
      canvas.addEventListener("click", shoot);
      
      function shoot(event) {
        const rect = canvas.getBoundingClientRect();
        const x = event.clientX - rect.left;
        const y = event.clientY - rect.top;
        
        targets.forEach((target, index) => {
          if (x >= target.x && x <= target.x + 50 && y >= target.y && y <= target.y + 50) {
            targets.splice(index, 1);
            score += 10;
          }
        });
      }
      
      function draw() {
        ctx.clearRect(0, 0, canvasWidth, canvasHeight);
        
        targets.forEach((target) => {
          ctx.fillText("🎯", target.x, target.y);
        });
        
        ctx.fillText(`Score: ${score}`, 20, 40);
        ctx.fillText(`Time Remaining: ${timeRemaining}`, 20, 80);
        
        if (timeRemaining === 0) {
          canvas.removeEventListener("click", shoot);
          ctx.fillText("Game Over", canvasWidth / 2, canvasHeight / 2);
        } else {
          timeRemaining -= 1;
          requestAnimationFrame(draw);
        }
      }
      
      draw();
    </script>
  </body>
</html>
```

Save the above code into an HTML file, open it in a web browser or a smartphone web browser, and you'll be able to play the game. Targets will be represented by pictogram-like symbols "🎯", and you can tap on them to shoot. The score and time remaining will be displayed at the top of the screen. Once the time runs out, the game will be over.

Please note that this is a very basic implementation, and you can modify and enhance it further according to your requirements and preferences.