AI game creator

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

No:26907

←

Prev Next

→

Open world gun game
Developer User13321｜Date and time 23/12/3 5:20:48
Build time 40.521 sec｜Game capacity 3.796KB｜

Script

Sure, here's an example of a simple open world gun game implemented as a single HTML file with JavaScript. Please note that this is a rudimentary example for demonstration purposes only, and should not be considered a complete or polished game. Additionally, this game assumes smartphone operation and uses pictograms as requested.

To play the game, you can copy the above code into a text file and save it with a .html extension (e.g., `gun_game.html`). Then, open the file in a web browser on your smartphone, and you should be able to interact with the game by touching the screen to fire bullets towards enemies. The player is represented by a red square, bullets by red dots, and enemies by blue squares.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Open World Gun Game</title>
    <style>
      canvas {
        border: 1px solid black;
      }
    </style>
  </head>
  <body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

let bullets = [];
      let enemies = [];

// Handle touch events
      function handleTouchEvent(event) {
        event.preventDefault();

const touch = event.touches[0];
        const touchX = touch.clientX;
        const touchY = touch.clientY;

const angle = Math.atan2(touchY - playerY, touchX - playerX);

// Fire bullet in the direction of touch
        bullets.push({ x: playerX, y: playerY, angle });
      }

// Game loop
      function gameLoop() {
        // Update game state
        update();

// Render game
        render();

// Call the game loop again in the next frame
        requestAnimationFrame(gameLoop);
      }

// Update game state
      function update() {
        // Move bullets
        bullets.forEach((bullet) => {
          bullet.x += Math.cos(bullet.angle) * 5;
          bullet.y += Math.sin(bullet.angle) * 5;
        });

// Remove bullets that are out of bounds
        bullets = bullets.filter((bullet) => {
          return bullet.x >= 0 && bullet.x <= 400 && bullet.y >= 0 && bullet.y <= 400;
        });

// Spawn enemies randomly
        if (Math.random() < 0.01) {
          enemies.push({
            x: Math.random() * 400,
            y: Math.random() * 400
          });
        }

// Check for collision between bullets and enemies
        bullets.forEach((bullet, bulletIndex) => {
          enemies.forEach((enemy, enemyIndex) => {
            const dx = bullet.x - enemy.x;
            const dy = bullet.y - enemy.y;
            const distance = Math.sqrt(dx * dx + dy * dy);

if (distance < 10) {
              bullets.splice(bulletIndex, 1);
              enemies.splice(enemyIndex, 1);
            }
          });
        });
      }

// Render game
      function render() {
        const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');

// Clear canvas
        ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
        ctx.fillRect(playerX - 10, playerY - 10, 20, 20);

// Draw bullets
        bullets.forEach((bullet) => {
          ctx.fillStyle = 'red';
          ctx.fillRect(bullet.x - 2, bullet.y - 2, 4, 4);
        });

// Draw enemies
        enemies.forEach((enemy) => {
          ctx.fillStyle = 'blue';
          ctx.fillRect(enemy.x - 5, enemy.y - 5, 10, 10);
        });
      }

// Start the game
      document.addEventListener('DOMContentLoaded', () => {
        // Add touch event listener to the whole document
        document.addEventListener('touchstart', handleTouchEvent);

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