t3n News Entwicklung

Codecombat: Kleines Rollenspiel für echte Coder – oder ihre Kinder

Codecombat: Kleines Rollenspiel für echte Coder – oder ihre Kinder

Ob Mindstorm oder Primo, es existiert offenbar die Nachfrage, Kindern und Jugendlichen das Programmieren beizubringen. Zumindest für JavaScript-Code bietet Codecombat.com jetzt eine wirklich tolle Alternative – und das kostenlos.

Codecombat: Kleines Rollenspiel für echte Coder – oder ihre Kinder

Mit Codecombat Programmieren lernen. (Screenshot: Codecombat.com)

Wir alle haben schon mal davon gehört: von Spielen, die Kindern die Programmierung näher bringen sollen. Von einigen geliebt und vom Rest als Humbug abgetan – meistens sogar zurecht. Heute zeigen wir euch aber dennoch ein Spiel, dass das Potential hätte, euren Kindern wenigstens etwas JavaScript-Code beizubringen – und vielleicht sogar mehr.

(Screenshot: Codecombat.org)
Nette Dialoge helfen dir beim Einstieg in Codecombat.org. (Screenshot: Codecombat.org)

Codecombat ist ein Browserspiel, mit dem Kinder und Jugendliche mithilfe von JavaScript-Code einen Charakter durch eine digitale Welt steuern können. Dabei macht dieses Spiel auch dann noch Spaß, wenn man schon beherrscht. Vielleicht sind es die witzigen Anspielungen auf übliche Rollenspiele oder der nette „Spell-Editor“ beziehungsweise Code-Editor, mit dem ich meine Zaubersprüche wie attack() oder this.say() wirken kann. Darüber hinaus gibt es aber auch noch etwas aufwändigere „Spells“, nämlich solche, die If-Bedingungen anwenden oder Zaubersprüche, die Variablen oder Math.random() einsetzen, die in einem mehr oder weniger mächtigen Code-Block resultieren.

Fazit: Codecombat.org – Spielerischer Einstieg in die Programmierwelt

Das Spiel ist eine nette Idee und durchaus in der Lage, Kindern näher zu bringen, wie sich JavaScript-Code „anfühlt“. Es kann also ganz sicher als möglicher Einstieg dienen. Der Start ist sehr einfach, langsam tasten sich die Spieler an etwas komplexere Anweisungen wie Schleifen oder das Bewegen mithilfe von Koordinaten heran. Trotzdem wird hier nur oberflächliches Wissen vermittelt und keine echten Grundlagen. Gäbe es da nicht die verschiedenen Editoren, die auch einen Einblick hinter die Kulissen beziehungsweise ein Einpflegen von Grundlagenwissen in das Spiel ermöglichen.

Trotzdem entspricht Codecombat.org der Anforderung, Kindern den Einstieg beziehungsweise das Elernen einer Sprache zu ermöglichen – mehr als zum Beispiel Primo. Da teilweise echter verwendet wird und Schleifen, Funktionen, Event-Handling, Objekt-Erzeung und Variablen exisitieren und auch so verwendet werden können, wie es konkret passieren könnte und sich das „Coding“ dadurch nicht nur auf einem abstrakten Level bewegt.

Nach einem kurzen Test sind mir Probleme gleich im zweiten Level aufgefallen, indem ich plötzlich keine Zaubersprüche mehr wirken konnte. Probleme gab es auch in Chrome – ich habe das Spiel dann in Safari getestet, doch auch hier gab es ab und zu Schwierigkeiten mit dem ein oder anderen Lade-Screen, der einfach nicht verschwinden wollte. Das kann aber mit einem einfachen Refresh der Seite „weggezaubert“ werden. Ihr könnt die einzelnen Codecombat.com-Level auch direkt ansteuern, um euch das Tutorial mit endlosen moveRight();-Anweisungen zu ersparen.

Übrigens: Wer das letzte Level in weniger als 33 Schritten lösen kann, dem wird sogar ein Job angeboten, wobei das der Start-Code ist:

var grid = this.getNavGrid().grid;
var tileSize = 4;
for(var y = 0; y + tileSize < grid.length; y += tileSize) {
    for(var x = 0; x + tileSize < grid[0].length; x += tileSize) {         var occupied = grid[y][x].length > 0;
        if(!occupied) {
            this.addRect(x + tileSize / 2, y + tileSize / 2, tileSize, tileSize);
            this.wait();  // Hover over the timeline to help debug!
        }
    }
}

Ich finde das Spiel super und in diesem Sinne kann ich nur noch sagen: „Taste my blade!“ – this.attackNearbyEnemy();

Wäre das Spiel auch was für euren Nachwuchs?

Vorheriger Artikel Zurück zur Startseite Nächster Artikel
Eine Antwort
  1. von xxxfanta am 16.01.2014 (10:16 Uhr)

    Arbeitskiller..ARgh! :D

    Antworten Teilen
Deine Meinung

Bitte melde dich an!

Du musst angemeldet sein, um einen Kommentar schreiben zu können.

Jetzt anmelden

Mehr zum Thema Webentwicklung
Push-Notifications für Webseiten: Integration und Umsetzung mit JavaScript
Push-Notifications für Webseiten: Integration und Umsetzung mit JavaScript

Push-Notifications sind auf Smartphones und Tablets schon länger ein beliebtes Mittel, um die Nutzer über eine wichtige Neuigkeit zu informieren. Egal ob das Wetter schlecht wird oder der … » weiterlesen

5 praktische CSS-Libs: Wenn JavaScript pause machen darf
5 praktische CSS-Libs: Wenn JavaScript pause machen darf

CSS ist ein sehr mächtiges Werkzeug geworden und verdrängt in vielen Bereichen JavaScript immer weiter. Wofür wir früher jQuery benutzen mussten, kann heute schon mit reinem CSS gelöst … » weiterlesen

Python, Ruby oder Javascript? Diese Programmiersprache solltest du zuerst lernen [Infografik]
Python, Ruby oder Javascript? Diese Programmiersprache solltest du zuerst lernen [Infografik]

Du willst eine Programmiersprache lernen? Diese Infografik sagt dir anhand von Interessen und Zielen, mit welcher du starten solltest. » weiterlesen

Alle Hefte Jetzt abonnieren – für nur 35 €

Kennst Du schon unser t3n Magazin?