Ein Shooter game, in dem man Boxen die auf der rechten Seite des Bildschirms hoch und wieder runterfallen und die man von der linken Seite mit einer Pistole abschießen muss. Außerdem, gibt es einen Button, mit dem man in den Vollbildmodus wechseln kann.'s game

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

No:27641

←

Prev Next

→

Ein Shooter game, in dem man Boxen die auf der rec..ALL
Developer User13647｜Date and time 23/12/8 1:12:52
Build time 29.255 sec｜Game capacity 4.334KB｜

Script

Sicher, hier ist ein Beispiel für ein einfaches Shooter-Spiel in HTML mit JavaScript:

Dieses Spiel enthält eine Canvas-Element, auf dem die Boxen gezeichnet und bewegt werden. Die Boxen werden alle 1 Sekunde hinzugefügt und alle 10 Millisekunden bewegt. Der Punktestand wird oben links auf dem Canvas angezeigt und erhöht sich jedes Mal, wenn eine Box getroffen wird. Der Vollbild-Button ermöglicht das Wechseln in den Vollbildmodus. Bitte beachten Sie, dass dies nur ein einfaches Beispiel ist und das Spiel entsprechend Ihren Wünschen weiter ausgestaltet werden kann.

←

Prev　Next

→ 　

Back　

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

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

Sicher, hier ist ein Beispiel für ein einfaches Shooter-Spiel in HTML mit JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Shooter Spiel</title>
    <style>
        body {
            margin: 0;
            padding: 0;
        }
        #canvas {
            background-color: black;
            display: block;
            margin: auto;
        }
        #fullscreen-button {
            position: absolute;
            top: 10px;
            right: 10px;
            z-index: 1;
        }
    </style>
</head>
<body>
    <canvas id="canvas" width="800" height="400"></canvas>
    <button id="fullscreen-button">Vollbild</button>

// Variablen für das Spiel
            var boxWidth = 50;
            var boxHeight = 50;
            var boxSpeed = 2;
            var boxes = [];

var score = 0;

// Funktion zum Hinzufügen einer Box
            function addBox() {
                var box = {
                    x: canvas.width,
                    y: Math.random() * (canvas.height - boxHeight),
                };
                boxes.push(box);
            }

// Funktion zum Bewegen der Boxen
            function moveBoxes() {
                for (var i = 0; i < boxes.length; i++) {
                    var box = boxes[i];
                    box.x -= boxSpeed;

// Überprüfen, ob eine Kollision mit dem Spieler stattgefunden hat
                    if (box.x < boxWidth && box.x + boxWidth > 0 && box.y < boxHeight && box.y + boxHeight > 0) {
                        score++; // Erhöhen Sie den Punktestand, wenn eine Box getroffen wird
                        boxes.splice(i, 1); // Entfernen Sie die getroffene Box aus dem Array
                    }
                }
            }

// Funktion zum Zeichnen der Boxen
            function drawBoxes() {
                ctx.clearRect(0, 0, canvas.width, canvas.height);
                ctx.fillStyle = "#ffffff"; // Weiß

for (var i = 0; i < boxes.length; i++) {
                    var box = boxes[i];
                    ctx.fillRect(box.x, box.y, boxWidth, boxHeight);
                }

// Zeichnen des Punktestands
                ctx.font = "20px Arial";
                ctx.fillStyle = "#ffffff"; // Weiß
                ctx.fillText("Punkte: " + score, 10, 30);
            }

// Funktion zum Starten des Spiels
            function startGame() {
                setInterval(function() {
                    addBox();
                }, 1000); // Fügt alle 1 Sekunde eine neue Box hinzu

setInterval(function() {
                    moveBoxes();
                    drawBoxes();
                }, 10); // Bewegt und zeichnet die Boxen alle 10 Millisekunden
            }

// Event-Handler für den Vollbild-Button
            var fullscreenButton = document.getElementById("fullscreen-button");
            fullscreenButton.addEventListener("click", function() {
                if (canvas.requestFullscreen) {
                    canvas.requestFullscreen();
                } else if (canvas.mozRequestFullScreen) { // Firefox
                    canvas.mozRequestFullScreen();
                } else if (canvas.webkitRequestFullscreen) { // Chrome, Safari und Opera
                    canvas.webkitRequestFullscreen();
                } else if (canvas.msRequestFullscreen) { // Internet Explorer und Edge
                    canvas.msRequestFullscreen();
                }
            });

// Spiel starten
            startGame();
        };
    </script>
</body>
</html>
```

Bitte beachten Sie, dass dies nur ein einfaches Beispiel ist und das Spiel entsprechend Ihren Wünschen weiter ausgestaltet werden kann.