Ich möchte ein zweidimensionales Spiel, bei dem man alle Orangen sammeln muss und dann die Orangenkanone zu starten. Das Spiel ist eine Art Minecraft Klon's game

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

No:43515

←

Prev Next

→

Ich möchte ein zweidimensionales Spiel, bei dem ma..ALL
Developer User19209｜Date and time 24/2/15 21:45:02
Build time 10.61 sec｜Game capacity 2.754KB｜

Script

Hier ist ein Beispiel für ein einfaches zweidimensionales Spiel, bei dem du Orangen sammeln musst und dann die Orangenkanone starten kannst. Das Spiel ist ein einfacher Minecraft-Klon.

Dieses Spiel verwendet ein HTML-Canvas-Element, um die Spielgrafiken darzustellen. Der Spieler kann die Pfeiltasten verwenden, um den grünen Spieler zu bewegen und die Orangen zu sammeln. Sobald alle Orangen gesammelt wurden, erscheint die graue Orangenkanone.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

Hier ist ein Beispiel für ein einfaches zweidimensionales Spiel, bei dem du Orangen sammeln musst und dann die Orangenkanone starten kannst. Das Spiel ist ein einfacher Minecraft-Klon.

```html
<!DOCTYPE html>
<html>
<head>
    <style>
        canvas {
            border: 1px solid black;
            background-color: #333;
        }
    </style>
</head>
<body>
<canvas id="gameCanvas" width="400" height="400"></canvas>

// Spielerposition
        playerX = 50;
        playerY = 50;

// Orangenpositionen
        oranges = [
            { x: 100, y: 150 },
            { x: 200, y: 250 },
            { x: 300, y: 350 }
        ];

// Orangenkanone
        cannonX = 350;
        cannonY = 50;
        cannonReady = false;

// Listener für Bewegungen
        document.addEventListener("keydown", handleKeyDown, false);

// Spiel-Loop
        setInterval(draw, 10);
    }

// Bewegungen des Spielers
    function handleKeyDown(e) {
        if (e.keyCode === 37 && playerX > 0) playerX -= 5; // nach links
        if (e.keyCode === 39 && playerX < canvas.width - 20) playerX += 5; // nach rechts
        if (e.keyCode === 38 && playerY > 0) playerY -= 5; // nach oben
        if (e.keyCode === 40 && playerY < canvas.height - 20) playerY += 5; // nach unten

// Überprüfen, ob alle Orangen gesammelt wurden
        if (oranges.length === 0) {
            // Du kannst die Orangenkanone abfeuern
            cannonReady = true;
        }
    }

// Aktualisierung des Spiels und Zeichnung der Elemente
    function draw() {
        // Aktualisierung des Spielfelds
        ctx.clearRect(0, 0, canvas.width, canvas.height);

// Zeichnung des Spielers
        ctx.fillStyle = "green";
        ctx.fillRect(playerX, playerY, 20, 20);

// Zeichnung der Orangen
        ctx.fillStyle = "orange";
        for (let i = 0; i < oranges.length; i++) {
            ctx.beginPath();
            ctx.arc(oranges[i].x, oranges[i].y, 10, 0, Math.PI * 2, false);
            ctx.closePath();
            ctx.fill();
        }

// Zeichnung der Orangenkanone, wenn bereit
        if (cannonReady) {
            ctx.fillStyle = "gray";
            ctx.fillRect(cannonX, cannonY, 20, 20);
        }
    }

// Spielstart
    init();
</script>
</body>
</html>
```