Sneak Peek (Video Version)

This is just a screen grab of our interactive coding talk-through, prepared to make captioning and translation easier. It is better to watch our talk-throughs here:
https://www.khanacademy.org/cs/programming/

Okay, lasst uns beginnen und ein Programm erstellen.

Wir werden mit absolut nichts beginnen.

Und am Ende wird es ziemlich cool sein; wie ein kleines Malprogramm.

Stell dir das vor wie eine Wirbelwind Tour durch die ersten paar Lessons auf Khan Academy.

Nur um dir zu zeigen was möglich ist.

Sorg dich jetzt nicht darum jedes kleine Detail zu verstehen.

Wir wollen dir nur zeigen was dir bevor steht und was du bald für Programme erstellen kannst.

Also momentan, ist hier nichts. Was irgendwie langweilig ist. Lasst uns was zeichnen.

Ich werde eine Ellipse malen, was ein Kreis ähnliches Ding ist.

Du wirst es lernen aber hier siehst du mal wie ich das mache.

Und da ist es. Irgendwie magisch.

Der Grund ist dass da ein paar spezielle Dinge sind die die Khan Academy Umgebung bereits weiß.

Zum Glück ist die Ellipse eins davon.

Denk nicht drüber nach was all diese Zahlen bedeuten.

Wir werden das in "Intro zum Malen" lernen.

Aber, hier ist eine kleine Vorschau.

Und während wir diese Zahlen ändern, können wir sehen dass die Erste bedeutet wie weit hinüber.

Die Zweite bedeutet praktisch wie weit von oben oder unten.

Die Dritte scheint zu bedeuten wie breit und die Letzte wie hoch die Ellipse ist.

Nochmal, du musst das jetzt nicht wissen.

Aber du kannst die Übung jetzt anhalten, wenn du möchtest, und selber damit rumspielen.

Du wirst alle Details in späteren Lessons lernen.

Die wichtige Sache ist jetzt das diese Zahlen kontrollieren wie die Form aussieht.

Okay, das ist gut. Aber du bist wahrscheinlich nicht sehr beeindruckt.

Also, ich werde etwas machen was ein bisschen komplizierter aussieht und dann kopiere ich die Ellipse, die wir gerade gemacht haben, rein.

Okay, also nichts hat sich geändert und du bist wahrscheinlich immer noch nicht sehr beeindruckt.

Okay, lasst uns beginnen und ein Programm erstellen.

Aber was ich jetzt mache, und das Ergebnis dazu, denke ich, wird dich etwas mehr beeindrucken. Ich animiere das Programm.

Und nun, wie du sehen kannst, gibt es hier zahlreiche Kreise, und sie folgen der Bewegung meiner Maus.

Du kannst das Programm nun pausieren und es selbst ausprobieren. Die Kreise folgen dann deiner Maus.

Okay. Wie passiert das? Woher kommen all die Kreise?

Du wirst das alles später im "Intro zur Animation" lernen.

Aber weil du neugierig bist. Was passiert ist, dass der Computer deinem Programm automatisch immer und immer wieder sagt. "malen", "malen", "malen", "malen", "malen"

Du denkst bestimmt unser Programm hat irgendwann genug davon, aber stattdessen macht es immer weiter mit dem ausführen des magischen "Draw" Befehls und zeichnet eine Ellipse nach der anderen.

Und das passiert hinter den Kullissen, wenn wir die Maus bewegen um so viele Ellipsen zu zeichen, obwohl wir es nur einmal geschrieben haben.

So! Wie weiß das Programm, wo es die Ellipse zeichnen muss?

Zum Beispiel, wie weiß das Programm, dass es der Maus folgen soll?

Okay! Du wirst das später in der Lektion "Maus Interaktion" lernen.

Die Idee dahinter ist, dass der Computer zu jeder Zeit unserem Programm sagt, wo die Maus ist. Dazu verwenden wir zwei spezielle Maus Wörter: mouseX und mouseY

Du musst nichts genaueres über diese Befehle jetzt schon wissen.

Nur kurz. MouseX ist wie weit rechts oder links die Maus ist, während MouseY beschreibt wie weit oben oder unten sich die Maus befindet.