3d First perons Schotter mit gegnern's game

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

No:27267

←

Prev Next

→

3d First perons Schotter mit gegnern
Developer User13578｜Date and time 23/12/5 22:00:49
Build time 83.65 sec｜Game capacity 5.099KB｜

Script

Als Programmierer werde ich dir ein Spiel namens "3D First Person Shooter mit Gegnern" erstellen. Das Spiel wird als einzelne HTML-Datei implementiert, JavaScript verwenden und in den Script-Tags eingeschlossen sein. Hier ist der Code für das Spiel:

Dieser Code implementiert das Spiel als HTML-Datei. Es gibt einen Spieler, der mit den Pfeiltasten oder den Tasten W, A, S, D gesteuert werden kann. Das Ziel besteht darin, den Gegner zu treffen. Wenn der Spieler den Gegner berührt, wird eine Meldung "Game Over! Gegner getroffen." angezeigt und die Seite wird neu geladen. Hinweis: Dieses Spiel ist eine vereinfachte Version eines First-Person-Shooters und enthält keine 3D-Grafiken. Es verwendet grundlegende 2D-Grafiken und ermöglicht Bewegungen in alle Richtungen.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

Hier ist der Code für das Spiel:

```html
<!DOCTYPE html>
<html>
<head>
    <title>3D First Person Shooter mit Gegnern</title>
    <style>
        #gameCanvas {
            width: 100%;
            height: 100vh;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>

// Initialisiere das Canvas
        const canvas = document.getElementById("gameCanvas");
        const ctx = canvas.getContext("2d");
        canvas.width = window.innerWidth;
        canvas.height = window.innerHeight;

// Spielerobjekt
        const player = {
            x: canvas.width / 2,
            y: canvas.height / 2,
            radius: 10,
            color: "blue",
            speed: 5,
            rotateSpeed: 5,
            direction: 0, // in Radian
            isMovingForward: false,
            isMovingBackward: false,
            isRotatingLeft: false,
            isRotatingRight: false
        };

// Gegnerobjekt
        const enemy = {
            x: getRandomNumber(canvas.width),
            y: getRandomNumber(canvas.height),
            radius: 10,
            color: "red"
        };

// Steuerung des Spielers
        document.addEventListener("keydown", handleKeyDown);
        document.addEventListener("keyup", handleKeyUp);

// Aktualisieren und Zeichnen des Spielzustands
        function update() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Spielerbewegung basierend auf den Tasteneingaben
            if (player.isMovingForward) {
                player.x += Math.cos(player.direction) * player.speed;
                player.y += Math.sin(player.direction) * player.speed;
            }
            if (player.isMovingBackward) {
                player.x -= Math.cos(player.direction) * player.speed;
                player.y -= Math.sin(player.direction) * player.speed;
            }
            if (player.isRotatingLeft) {
                player.direction -= (player.rotateSpeed * Math.PI) / 180;
            }
            if (player.isRotatingRight) {
                player.direction += (player.rotateSpeed * Math.PI) / 180;
            }

// Zeichnen des Spielers
            ctx.beginPath();
            ctx.arc(player.x, player.y, player.radius, 0, 2 * Math.PI);
            ctx.fillStyle = player.color;
            ctx.fill();
            ctx.closePath();

// Zeichnen des Gegners
            ctx.beginPath();
            ctx.arc(enemy.x, enemy.y, enemy.radius, 0, 2 * Math.PI);
            ctx.fillStyle = enemy.color;
            ctx.fill();
            ctx.closePath();

// Kollisionserkennung zwischen Spieler und Gegner
            if (
                Math.hypot(player.x - enemy.x, player.y - enemy.y) <
                player.radius + enemy.radius
            ) {
                alert("Game Over! Gegner getroffen.");
                location.reload();
            }

requestAnimationFrame(update);
        }

// Hilfsfunktion zum Generieren von Zufallszahlen
        function getRandomNumber(max) {
            return Math.floor(Math.random() * max);
        }

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

Hinweis: Dieses Spiel ist eine vereinfachte Version eines First-Person-Shooters und enthält keine 3D-Grafiken. Es verwendet grundlegende 2D-Grafiken und ermöglicht Bewegungen in alle Richtungen.