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

No:26448

Ultra realistisches Waffen Spiel
Developer User13123｜Date and time 23/11/30 21:23:57
Build time 59.617 sec｜Game capacity 4.118KB｜

Script

Als HTML-Programmierer kann ich ein einfaches, ultra-realistisches Waffenspiel erstellen, das für die Bedienung auf einem Smartphone optimiert ist. Hier ist ein Beispielcode, der in eine einzige HTML-Datei eingefügt werden kann:

Ultra-realistisches Waffenspiel

Score: 0

Das obige Beispiel enthält den HTML-Code für die Darstellung des Spiels, den CSS-Code für die Stilisierung und den JavaScript-Code für die Logik des Spiels. Das Spiel besteht aus einem Spieler, der sich von links nach rechts bewegen kann, und Gegnern, die von oben nach unten scrollen. Der Spieler kann mit den Pfeiltasten nach links und rechts bewegt werden und mit der Leertaste schießen. Das Ziel des Spiels ist es, die Gegner zu treffen und Punkte zu sammeln. Wenn ein Gegner den Spieler berührt, ist das Spiel verloren und der Spieler kann die Seite neu laden, um erneut zu spielen.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Ultra-realistisches Waffenspiel</title>
  <style>
    /* Stilisierung des Spiels */
    body {
      text-align: center;
      font-family: Arial, sans-serif;
    }
    #score {
      font-size: 24px;
      margin-bottom: 20px;
    }
    #game-canvas {
      border: 1px solid #000;
      width: 300px;
      height: 400px;
      margin: 0 auto;
    }
  </style>
</head>
<body>
  <h1>Ultra-realistisches Waffenspiel</h1>
  <p id="score">Score: 0</p>
  <canvas id="game-canvas"></canvas>

var score = 0;

var bullets = [];

var enemy = {
      x: Math.random() * (canvas.width - 20),
      y: 10,
      width: 20,
      height: 20,
      speed: 2,
      draw: function() {
        context.fillStyle = '#000000';
        context.fillRect(this.x, this.y, this.width, this.height);
      },
      update: function() {
        this.y += this.speed;
        
        if (this.y > canvas.height) {
          this.y = 10;
          this.x = Math.random() * (canvas.width - 20);
          score += 1;
        }

if (this.isCollidingWithPlayer()) {
          alert('Spiel verloren! Punktzahl: ' + score);
          location.reload(); // Seite neu laden, um das Spiel zu starten
        }
      },
      isCollidingWithPlayer: function() {
        return player.x < this.x + this.width &&
               player.x + player.width > this.x &&
               player.y < this.y + this.height &&
               player.y + player.height > this.y;
      }
    };

function updateGame() {
      context.clearRect(0, 0, canvas.width, canvas.height);

player.draw();

bullets.forEach(function(bullet) {
        bullet.update();
        bullet.draw();
      });

enemy.update();
      enemy.draw();

context.font = '18px Arial';
      context.fillText('Score: ' + score, 10, 25);

requestAnimationFrame(updateGame);
    }

bullets.push(bullet);
    }

document.addEventListener('keydown', function(event) {
      switch (event.keyCode) {
        case 37: // Pfeiltaste nach links
          player.moveLeft();
          break;
        case 39: // Pfeiltaste nach rechts
          player.moveRight();
          break;
        case 32: // Leertaste
          shoot();
          break;
      }
    });

updateGame();
  </script>
</body>
</html>
```