Every file of the game is plain text, the same letters you type in a message. It's written in a language the computer understands, called JavaScript.

Jede Datei des Spiels ist einfacher Text, dieselben Buchstaben, die du in einer Nachricht tippst. Er ist in einer Sprache geschrieben, die der Computer versteht: JavaScript.

The computer reads it from top to bottom, and does exactly what it says. Here is the start of a real file of the game. The colours help you read it:

Der Computer liest ihn von oben nach unten und macht genau, was dasteht. Hier ist der Anfang einer echten Datei des Spiels. Die Farben helfen dir beim Lesen:

• grey: comments. Everything after // is a note for people. The computer skips it.
• grau: Kommentare. Alles nach // ist eine Notiz für Menschen. Der Computer überspringt sie.
• orange: words of the language itself, like const, function, if, return. There are only a few dozen.
• orange: Wörter der Sprache selbst, wie const, function, if, return. Davon gibt es nur ein paar Dutzend.
• blue: numbers. green: text in quotes.
• blau: Zahlen. grün: Text in Anführungszeichen.
• white: names that the game's makers made up, like CAST_TIME.
• weiß: Namen, die sich die Macher des Spiels ausgedacht haben, wie CAST_TIME.

That is the town portal scroll: you stand still for 5 seconds to open it, then stand in it for 1 second to go through.

Das ist die Stadtportal-Schriftrolle: Du stehst 5 Sekunden still, um es zu öffnen, und dann 1 Sekunde darin, um hindurchzugehen.

Most lines of code give a name to a value, so the rest of the game can use the name. Such a name is called a variable.

Die meisten Codezeilen geben einem Wert einen Namen, damit der Rest des Spiels den Namen benutzen kann. So ein Name heißt Variable.

• const means: this name is fixed. N is 16, forever. A cube is 16 cells wide.
• const heißt: Dieser Name steht fest. N ist 16, für immer. Ein Würfel ist 16 Zellen breit.
• = does not mean "is equal", like in maths. It means "put this value into this name".
• = heißt nicht "ist gleich" wie in Mathe. Es heißt: "Leg diesen Wert in diesen Namen."
• export means: other files may borrow it.
• export heißt: Andere Dateien dürfen ihn sich leihen.
• Numbers use a dot: 2.8, not 2,8.
• Zahlen haben einen Punkt statt eines Kommas: 2.8, nicht 2,8.

Some values change while you play. Those are made with let. The music remembers its mood like this:

Manche Werte ändern sich beim Spielen. Die macht man mit let. Die Musik merkt sich ihre Stimmung so:

Later, when a fight starts, another line puts new text into mood, like 'fight'. Text is always in quotes, so the computer knows it isn't a name.

Später, wenn ein Kampf anfängt, legt eine andere Zeile neuen Text in mood, zum Beispiel 'fight'. Text steht immer in Anführungszeichen, damit der Computer weiß, dass es kein Name ist.

A list holds several values in a row, between square brackets [ ]:

Eine Liste hält mehrere Werte hintereinander, zwischen eckigen Klammern [ ]:

• To get one thing out, write its position in square brackets. But careful: counting starts at 0. FLUIDS[0] is WATER, FLUIDS[2] is ACID.
• Um ein Ding herauszuholen, schreibst du seine Position in eckige Klammern. Aber Vorsicht: Gezählt wird ab 0. FLUIDS[0] ist WATER, FLUIDS[2] ist ACID.
• A list can hold lists. DIRS holds the four steps to a neighbouring cell: [1, 0] is one step along x.
• Eine Liste kann Listen enthalten. DIRS enthält die vier Schritte zu einer Nachbarzelle: [1, 0] ist ein Schritt entlang x.
• FLUIDS.length says how many things are in it: 3.
• FLUIDS.length sagt, wie viele Dinge darin sind: 3.

And a list can hold objects. Here are the game's three coins:

Und eine Liste kann Objekte enthalten. Hier sind die drei Münzen des Spiels:

COINS[1].name is 'Silver': the thing at position 1, then its part called name.

COINS[1].name ist 'Silver': das Ding an Position 1, und davon der Teil namens name.

The last line runs a little machine (.map) on every coin to add a few more parts. You'll meet machines that work through lists on the loops slide.

Die letzte Zeile lässt eine kleine Maschine (.map) über jede Münze laufen, um ein paar Teile hinzuzufügen. Maschinen, die Listen abarbeiten, triffst du auf der Folie über Schleifen.

Computers are very good at maths. Code writes it almost like you do:

Computer können sehr gut rechnen. Code schreibt es fast so wie du:

Your bag keeps all money as copper. To show it as gold, silver and copper, this machine splits it up:

Deine Tasche hebt alles Geld als Kupfer auf. Um es als Gold, Silber und Kupfer zu zeigen, teilt diese Maschine es auf:

With 1234 copper:

Mit 1234 Kupfer:

• gold: Math.floor(1234 / 1000) = 1
• Gold: Math.floor(1234 / 1000) = 1
• silver: 1234 % 1000 is 234, / 10 rounded down = 23
• Silber: 1234 % 1000 ist 234, / 10 abgerundet = 23
• copper: 1234 % 10 = 4
• Kupfer: 1234 % 10 = 4

So the bag shows 1g 23s 4c. Check it with the formatCoins machine on the slide before!

Also zeigt die Tasche 1g 23s 4c. Prüf es mit der formatCoins-Maschine auf der Folie davor!

Every frame, the game has to look at every monster: is it dead? Then you get its experience and its loot. Nobody would write that out for each monster. A loop does it:

In jedem Bild muss das Spiel sich jedes Monster anschauen: Ist es tot? Dann bekommst du seine Erfahrung und seine Beute. Niemand würde das für jedes Monster einzeln hinschreiben. Eine Schleife macht das:

for (const e of list) {
  const reward = awardKill(player, state.run, e);
  if (reward) {
    xp += reward.xp; levels += reward.levels; killed++; dropLoot(e, reward.coins);
    if (e.guardianGate) unlocked = true;
  }
}

Read it as: "for each monster e of the list, do what's in the curly brackets". The first time round, e is the first monster, then the second, and so on, until the list is done.

Lies es so: "Für (for) jedes Monster e aus (of) der liste, mach, was in den geschweiften Klammern steht." Beim ersten Durchlauf ist e das erste Monster, dann das zweite, und so weiter, bis die Liste fertig ist.

xp += reward.xp is short for xp = xp + reward.xp: add to what's there. killed++ adds one.

xp += reward.xp ist kurz für xp = xp + reward.xp: zu dem dazuzählen, was schon da ist. killed++ zählt eins dazu.

Sometimes you just want to count. A guardian drops several weapons:

Manchmal willst du einfach zählen. Ein Wächter lässt mehrere Waffen fallen:

for (let i = 0; i < g.count; i++) out.push(rollWeapon(R, level, { ...g, favor }));

This one has three parts, separated by ;:

Diese hat drei Teile, getrennt durch ;:

1. let i = 0: start counting at 0,
2. let i = 0: bei 0 anfangen zu zählen,
3. i < g.count: keep going while i is less than the number of weapons,
4. i < g.count: weitermachen, solange i kleiner ist als die Zahl der Waffen,
5. i++: after each round, add one.
6. i++: nach jeder Runde eins dazuzählen.

Each round, out.push(...) rolls a new weapon and adds it to the end of the list out.

In jeder Runde würfelt out.push(...) eine neue Waffe und hängt sie hinten an die Liste out an.

{ ...g, favor } is a new object with everything from g in it, and also favor: the kind of weapon you fight with, so the machine rolls more of those.

{ ...g, favor } ist ein neues Objekt mit allem aus g darin und dazu favor: die Art Waffe, mit der du kämpfst, damit die Maschine mehr davon würfelt.

A file can only use what it made itself, or what it borrowed. The first lines of a file usually say what it borrows:

Eine Datei kann nur benutzen, was sie selbst gemacht hat, oder was sie sich geliehen hat. Die ersten Zeilen einer Datei sagen meistens, was sie sich leiht:

import { createInventory, addInstance, addItem, equipItem, assignBar, whole } from './inventory.js';
import { OLD_SWORD, TOWN_PORTAL, HEALTH_POTION } from './items.js';
import { fixedWeapon } from './gear/generate.js';

"From the file inventory.js next to me, borrow createInventory, addItem..." The other file must have put export in front of them, or they can't be borrowed.

"Aus der Datei inventory.js neben mir leih dir createInventory, addItem..." Die andere Datei muss export davorgeschrieben haben, sonst kann man sie nicht ausleihen.

That's how 200 small files become one game. Every arrow in the picture of the parts is made of lines like these.

So werden aus 200 kleinen Dateien ein Spiel. Jeder Pfeil im Bild der Teile besteht aus solchen Zeilen.

It also helps you find your way: if you wonder where OLD_SWORD comes from, the import line tells you: items.js.

Es hilft dir auch beim Zurechtfinden: Wenn du dich fragst, wo OLD_SWORD herkommt, sagt dir die Import-Zeile: items.js.