Kids programmieren 3D-Spiele mit JavaScript (eBook)

EINLEITUNG

Herzlich willkommen in der Welt der Programmierung!

Ich will nicht lügen – es ist manchmal eine frustrierende Welt (ich muss wenigstens einmal in der Woche einen Wutanfall unterdrücken). Aber der ganze Frust lohnt sich. Du kannst diese Welt nach deinen Vorstellungen gestalten. Du kannst deine Welt mit anderen teilen. Du kannst Dinge bauen, die wirklich etwas bewegen.

Dieses Buch ist eine großartige Möglichkeit, um mit dem Programmieren zu beginnen. Wieso? Weil es die Meinung vertritt, dass Spielen die beste Methode darstellt, um das Programmieren zu lernen. Ja, natürlich, es gibt ein paar Kapitel, in denen Grundlagen beschrieben werden, aber dazu kommen wir erst, nachdem wir ein bisschen Spaß hatten. Wir beginnen also gleich in Kapitel 1 mit einigen ziemlich coolen 3D-Animationen.

Das wird richtig klasse!

Wie ich programmieren gelernt habe (und warum das für dich wichtig ist)

Als Kind habe ich die Programme für Computerspiele aus Büchern kopiert. Das ist schon lange her. Ich kaufte Bücher, in denen nichts weiter als die Programme zu lesen waren, und tippte sie in den Computer ein. Als ich damit startete, hatte ich keine Ahnung, was ich eigentlich tat.

Schließlich fing ich an, bestimmte Dinge zu erkennen, und begann damit, Dinge zu ändern – zuerst nur Kleinigkeiten –, um zu sehen, was passierte. Danach kamen größere Änderungen. Schließlich wurde ich recht gut darin. Und irgendwann konnte ich meine eigenen Programme schreiben.

Ich hoffe, dass dieses Buch auch dir das ermöglicht, allerdings mit einem großen Unterschied: Ich erkläre dir, was passiert, sodass du nicht so viel raten musst.

Wie DU programmieren lernen kannst

Jeder ist anders. Jeder lernt anders.

Deshalb gibt es mindestens drei verschiedene Möglichkeiten, wie du mithilfe dieses Buchs lernen kannst:

1. Spiele mit dem coolen Kram herum und lies dann ab und zu ein Kapitel über die Grundlagen.
2. Lerne die Grundlagen kennen und mache dann was Cooles mit dem, was du weißt.
3. Tippe einfach den Code ab (wie ich es als Kind gemacht habe).

Du entscheidest, was für dich am besten ist.

Falls du zunächst spielen möchtest (die erste Möglichkeit), fängst du mit Kapitel 1 an und gehst dann der Reihe nach das restliche Buch durch. Du wirst sicher vor allem an den Spielen und Simulationen in den Projektkapiteln arbeiten – also den Kapiteln, deren Titel mit dem Wort »Projekt« beginnen –, gefolgt von gelegentlichen Kapiteln zu den grundlegenden Fertigkeiten. Wenn du dir nicht sicher bist, was am besten für dich ist, entscheide dich für diesen Weg. Ich wünschte, ich hätte auch so gelernt.

Bist du eher der Typ, der die Grundlagen verstehen möchte, bevor er sich an größere Dinge wagt (die zweite Möglichkeit), dann lies zuerst die Grundlagenkapitel – alle Kapitel ohne »Projekt« im Titel. Hier gibt es immer noch eine Menge Code und in einigen auch 3D-Spaß. Verglichen mit anderen Programmiersprachen, ist der Kern von JavaScript recht klein. Bereits durch das Lesen dieser Kapitel kannst du 80 bis 90 Prozent des Kerns von JavaScript kennenlernen. Eine andere Sache ist es, dies dann auch wirklich anwenden zu können – hier kommen die Projektkapitel ins Spiel!

Falls du nur Code schreiben möchtest, blättere zu Anhang 1, Der Projektcode, vor. Dort findest du den gesamten Code aller Spiele. Solltest du irgendwo hängen bleiben, schau in das Kapitel, aus dem der Code stammt. Dort findest du dann eine genauere Erklärung. So habe ich gelernt, und im Großen und Ganzen war das okay.

Egal für welche Möglichkeit du dich entscheidest, es gibt eine wichtige Regel: Tippe den Code immer von Hand ein. Das geht viel langsamer, als ihn zu kopieren und einzufügen. Du wirst viel eher Fehler machen, wenn du den Code selbst abtippst.

Aber langsam vorzugehen und Fehler zu machen, ist genau der Sinn dahinter!

Wenn du den Code von Hand eintippst, denkst du viel mehr darüber nach, was du da gerade schreibst. Du glaubst vielleicht, dass du ebenso gut lernen kannst, wenn du dir alles durchliest und dann kopierst und einfügst, aber das stimmt auf keinen Fall. Selbst wenn du bereits seit 50 Jahren programmierst, solltest du niemals nur Code kopieren und einfügen. Beim Tippen hast du viel mehr Zeit, nachzudenken und den Code zu verstehen, den du schreibst. Das ist viel wichtiger, als schnell fertig zu werden.

Fehler gehören zum Programmieren dazu. In der Lage zu sein, fehlerhaften Code zu reparieren, ist genauso wichtig wie das Programmieren selbst. Also, mach ruhig Fehler. Das ist fies und frustrierend. Aber es lohnt sich.

Und damit haben wir auch schon den ersten Tipp in diesem Buch erreicht! Sehr wichtige Tipps und Hinweise sind im Buch besonders hervorgehoben. Achte darauf, denn sie können dir wirklich weiterhelfen, wenn du diese Welt erkundest.

Und noch eine Sache: Falls du nicht weiterkommst, kannst du immer um Hilfe bitten!

Hilfe bekommen

Jeder Programmierer braucht Hilfe. Wenn du noch nie im Leben programmiert hast, brauchst du Hilfe. Und wenn du schon seit 50 Jahren programmierst, brauchst du immer noch Hilfe.

Die zwei Regeln für das Bitten um Hilfe:

1. Versuche zuerst, es selbst herauszukriegen.
2. Fürchte dich nicht davor, um Hilfe zu bitten.

Für einen Programmierer ist es nicht die wichtigste Fertigkeit, eine Programmiersprache richtig gut zu kennen. Am wichtigsten ist das Lösen von Problemen. Wenn man alles über eine Programmiersprache weiß, heißt das noch lange nicht, dass man einen zu100 Prozent problemfreien Code erzeugt. Es hilft sicher, aber trotzdem wird es zu Problemen kommen. Oft sogar. Versuch deshalb, deine Probleme selbst zu verstehen. Auch wenn du ein Problem nicht lösen kannst, verbesserst du deine Fähigkeit, mit Problemen zurechtzukommen.

Apropos Fähigkeit, Probleme zu lösen: Kapitel 2, Projekt: Einfache Formen herstellen, ist der beste Startpunkt. In diesem Kapitel beschreibe ich häufig auftretende Fehler, wie man Probleme mit dem Codeeditor löst und wie man etwas rettet, wenn die Dinge wirklich schiefgehen.

Es ist völlig in Ordnung, wenn du ein Problem nicht selbst lösen kannst. Ich helfe dir gern. Für dieses Buch gibt es eine eigene Website, auf der du den gesamten Code sowie ein (englischsprachiges) Forum der Buchcommunity findest.1 Falls du nicht weiterkommst, stelle deine Frage im Forum. Ich antworte fast immer innerhalb von 24 Stunden. Beschreibe aber auf jeden Fall, wie du bereits versucht hast, das Problem zu lösen – das wird sonst meine erste Frage an dich sein.

Und bitte, ich möchte, dass du Erfolg hast. Stelle Fragen. Nutze das Forum. Programmieren wir!

Was du für dieses Buch brauchst

Du brauchst den Webbrowser Google Chrome und einen relativ neuen Computer. Das war’s schon!

Nicht alle Webbrowser können die coolen 3D-Spielobjekte erzeugen, die wir in diesem Buch bauen werden. Um das meiste aus dem Buch herauszuholen, solltest du auf deinem Computer den Webbrowser Google Chrome2 installieren. Andere Webbrowser funktionieren auch, allerdings greifen einige der Übungen in diesem Buch auf Eigenschaften und Funktionen zurück, die es nur in Google Chrome gibt.

Jeder moderne Computer (nicht älter als fünf Jahre), auf dem Google Chrome installiert ist, reicht aus. Du kannst die Fähigkeiten deines Computers testen, indem du die Get-WebGL-Site3 besuchst. Sollte dir diese Site nicht sagen, dass dein Computer WebGL unterstützt, solltest du vielleicht besser einen anderen Computer ausprobieren.

Was ist JavaScript?

Es gibt...