Frage von Eisenkoenig, 29

(Javascript) Wie erzeuge ich die ganzen Levels auf einem Canvas und lasse sie nach belieben aufrufen?

Guten Tag,

Ich möchte eine kleines Rätselspiel mit Javascript entwickeln.
Mit der Level Auswahl am Anfang soll mal sich 1 von 3 Leveln aussuchen können.
Ich habe nur 1 Canvas um HTML Script, wie soll ich also 3 verschiedene Level reinkriegen ?

Ihr müsst mir nicht alles im Detail erklären, ein Link könnte mir ausreichen.

Ich bedanke much schonmal vorab für alle hilfreichen Beiträge

Antwort
von Dory1, 20

Ich würde sagen du definierst für alle "Bildschirme" deines Spiels eine Funktion z.B. auswahlScreen, level1Screen, level2Screen und level3Screen. Diese Funktionen stellen jeweils andere Inhalte auf dem Canvas dar. 

Als Beispiel der Auswahlscreen:

var auswahlScreen = function() {
context.fillStyle = "blue";
context.font = "bold 16px Arial";
context.fillText("Level auswählen", 10, 20);
context.fillText("Level 1", 40, 60);
context.fillText("Level 2", 40, 80);
context.fillText("Level 3", 40, 100);
}

Dann benötigst du eine Funktion, die einen Screen auf das Canvas-Element zeichnet:

function screenZeichnen(screen) {
// canvas leeren
context.clearRect(0,0,500,300);
// screen zeichnen
screen();
}

Um das Spiel zu starten würdest du also zunächst den Auswahlscreen darstellen:

screenZeichnen(auswahlScreen);

Sobald der User dann ein Level ausgewählt hat wechselst du einfach auf den jeweiligen nächsten Screen z.B:

screenZeichnen(level2Screen);

Viel Erfolg :)

Keine passende Antwort gefunden?

Fragen Sie die Community