Vollständiges Spiel. Gib keine Erklärungen, nur den Code.'s game

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

No:33906

180

←

Prev Next

→

Vollständiges Spiel. Gib keine Erklärungen, nur de..ALL
Developer User14077｜Date and time 24/1/7 1:07:30
Build time 31.254 sec｜Game capacity 3.281KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Spiel</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>
    <script>
        // Spielcode hier
        
        // Canvas-Element holen
        var canvas = document.getElementById("gameCanvas");
        var ctx = canvas.getContext("2d");
        
        // Bildressourcen laden
        var playerImage = new Image();
        playerImage.src = "path/to/playerImage.png";
        
        var enemyImage = new Image();
        enemyImage.src = "path/to/enemyImage.png";
        
        // Spielerobjekt
        var player = {
            x: 0,
            y: 0,
            speed: 5,
            width: 50,
            height: 50,
            image: playerImage
        };
        
        // Gegnerobjekt
        var enemy = {
            x: canvas.width - 50,
            y: canvas.height - 50,
            width: 50,
            height: 50,
            image: enemyImage
        };
        
        // Tastatureingabe
        var keys = {};
        document.addEventListener("keydown", function(event) {
            keys[event.keyCode] = true;
        });
        
        document.addEventListener("keyup", function(event) {
            delete keys[event.keyCode];
        });
        
        // Spiel-Update-Schleife
        function update() {
            // Spielerbewegung
            if (37 in keys) { // Pfeiltaste links
                player.x -= player.speed;
            }
            
            if (39 in keys) { // Pfeiltaste rechts
                player.x += player.speed;
            }
            
            if (38 in keys) { // Pfeiltaste hoch
                player.y -= player.speed;
            }
            
            if (40 in keys) { // Pfeiltaste runter
                player.y += player.speed;
            }
            
            // Kollisionserkennung
            if (player.x < 0) {
                player.x = 0;
            }
            
            if (player.y < 0) {
                player.y = 0;
            }
            
            if (player.x + player.width > canvas.width) {
                player.x = canvas.width - player.width;
            }
            
            if (player.y + player.height > canvas.height) {
                player.y = canvas.height - player.height;
            }
            
            // Gegnerbewegung
            // Hier könnte eine einfache KI-Logik eingefügt werden
            
            // Rendern
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            ctx.drawImage(player.image, player.x, player.y, player.width, player.height);
            ctx.drawImage(enemy.image, enemy.x, enemy.y, enemy.width, enemy.height);
            
            // Spiel beenden, sobald Spieler und Gegner sich berühren
            if (player.x < enemy.x + enemy.width &&
                player.x + player.width > enemy.x &&
                player.y < enemy.y + enemy.height &&
                player.height + player.y > enemy.y) {
                alert("Game Over!");
                window.location.reload();
            }
            
            // Spiel-Update aufrufen
            requestAnimationFrame(update);
        }
        
        // Spiel starten
        update();
    </script>
</body>
</html>