Lernpfad:Einführung in Processing/8: Unterschied zwischen den Versionen
Jneug (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Jneug (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| Zeile 8: | Zeile 8: | ||
== Variablen benutzen == | == Variablen benutzen == | ||
Das schöne ist, das du auch selber Variablen anlegen und in ihnen etwas speichern kannst. Das hast du auch schon mehrfach getan. Kannst du dich erinnern, wann das war? Denk nochmal an die bisherigen Schritte. | Das schöne ist, das du auch selber Variablen anlegen und in ihnen etwas speichern kannst. Das hast du auch schon mehrfach getan. Kannst du dich erinnern, wann das war? Denk nochmal an die bisherigen Schritte... | ||
Direkt in {{Pfad|3|Schritt 3}} hast du Variablen benutzt, um die Eingabe des ersten Algorithmus zu definieren: | |||
<syntaxhighlight lang="java" lines="1"> | |||
int a = 3; | |||
int b = 5; | |||
println(a + b); | |||
</syntaxhighlight> | |||
<code>a</code> und <code>b</code> sind auch Variablen. In Zeile 1 und 2 werden die Variablen ''deklariert'' (erstellt) und mit Werten ''initialisiert'' (befüllt). In Zeile 4 wird auf die Inhalte der Variablen zugegriffen, indem ihr Name angeben wird. | |||
== Variablen erstellen == | |||
Das sind immer die Schritte, die zur Benutzung einer neuen Variablen ausgeführt werden müssen: | |||
; '''Deklaration''' | |||
: Zuerst muss der Computer wissen, wieviel Speicherplatz benötigt wird und wie er diesen benennen soll. Der Computer sucht quasi im Schrank eine leere Schublade die groß genug ist und schreibt einen Namen drauf. | |||
: <code>int a;</code> | |||
; '''Initialisierung''' | |||
: Wir müssen in die neue Schublade nun zum ersten Mal etwas hineinlegen. Dazu weisen wir der Variablen einen Wert zu. | |||
: <code>a = 3;</code> | |||
Verschiedene Arten von Daten benötigen mehr oder weniger Speicherplatz. Deshalb musst du bei der Deklaration angeben, von welchem Typ die Daten sind. Zum Beispiel steht <code>int</code> für ganze Zahlen. | |||
Wir konzentrieren uns auf folgende Datentypen: | |||
{| {{prettytable}} | |||
! Datentyp | |||
! Art der Daten | |||
! Beispiel | |||
|- | |||
| <code>int</code> | |||
| ganze Zahlen | |||
| <code>int zahl = 5;</code> | |||
|- | |||
| <code>float</code> | |||
| Dezimalzahlen (Kommazahlen) | |||
| <code>float zahl = 5.3;</code> | |||
|- | |||
| <code>boolean</code> | |||
| Wahrheitswerte (<code>true</code> und <code>false</code>) | |||
| <code>boolean wahr = true;</code> | |||
|- | |||
| <code>char</code> | |||
| Ein einzelnes Zeichen (Buchstabe, Ziffer, Sonderzeichen, ...) | |||
'''Achtung''': Ein <code>char</code> muss mit ''einfachen'' Anführungszeichen angegeben werden. | |||
| <code>char einKomma = ',';</code> | |||
|- | |||
| <code>String</code> | |||
| Texte | |||
'''Achtung''': <code>String</code> wird im Gegensatz zu den anderen groß geschrieben! Im Gegensatz zu <code>char</code>s werden sie mit doppelten Anführungszeichen angegeben. | |||
| <code>String einText = "Hallo Welt!";</code> | |||
|} | |||
{{Aufgabe:Start}} | {{Aufgabe:Start}} | ||
| Zeile 18: | Zeile 73: | ||
void draw() { | void draw() { | ||
int a = mouseX + 50; | |||
int b = mouseY + 30; | |||
background(200); | |||
Line(mouseX, mouseY, mouseX, a); | |||
} | } | ||
</syntaxhighlight> | </syntaxhighlight> | ||
{{Aufgabe:End}} | {{Aufgabe:End}} | ||
Version vom 7. November 2021, 20:23 Uhr
Interaktionen mit der Maus basieren auf besonderen Schlüsselwörtern wie mouseX. Diese Schlüsselwörter nennt man Variablen.
Variablen kannst du dir wir Schubladen in einem Schrank vorstellen: Das Programm kann in jede Schublade etwas hineinlegen (einen Wert speichern) und dieses Etwas jederzeit wieder herausholen.
Processing legt vor jedem Aufruf von draw() die aktuelle x-Koordinate der Maus als Zahl in die "Schublade" mit der Aufschrift mouseX und dein Programm kann dann darauf zugreifen und diese Zahl benutzen. Dazu musst du nur den Namen der Schublade angeben. Praktisch, oder?
Variablen benutzen
Das schöne ist, das du auch selber Variablen anlegen und in ihnen etwas speichern kannst. Das hast du auch schon mehrfach getan. Kannst du dich erinnern, wann das war? Denk nochmal an die bisherigen Schritte...
Direkt in Schritt 3 hast du Variablen benutzt, um die Eingabe des ersten Algorithmus zu definieren:
int a = 3;
int b = 5;
println(a + b);
a und b sind auch Variablen. In Zeile 1 und 2 werden die Variablen deklariert (erstellt) und mit Werten initialisiert (befüllt). In Zeile 4 wird auf die Inhalte der Variablen zugegriffen, indem ihr Name angeben wird.
Variablen erstellen
Das sind immer die Schritte, die zur Benutzung einer neuen Variablen ausgeführt werden müssen:
- Deklaration
- Zuerst muss der Computer wissen, wieviel Speicherplatz benötigt wird und wie er diesen benennen soll. Der Computer sucht quasi im Schrank eine leere Schublade die groß genug ist und schreibt einen Namen drauf.
int a;- Initialisierung
- Wir müssen in die neue Schublade nun zum ersten Mal etwas hineinlegen. Dazu weisen wir der Variablen einen Wert zu.
a = 3;
Verschiedene Arten von Daten benötigen mehr oder weniger Speicherplatz. Deshalb musst du bei der Deklaration angeben, von welchem Typ die Daten sind. Zum Beispiel steht int für ganze Zahlen.
Wir konzentrieren uns auf folgende Datentypen:
| Datentyp | Art der Daten | Beispiel |
|---|---|---|
int
|
ganze Zahlen | int zahl = 5;
|
float
|
Dezimalzahlen (Kommazahlen) | float zahl = 5.3;
|
boolean
|
Wahrheitswerte (true und false)
|
boolean wahr = true;
|
char
|
Ein einzelnes Zeichen (Buchstabe, Ziffer, Sonderzeichen, ...)
Achtung: Ein |
char einKomma = ',';
|
String
|
Texte
Achtung: |
String einText = "Hallo Welt!";
|
- Probier dieses Programm aus.
void setup() { size(400, 400); } void draw() { int a = mouseX + 50; int b = mouseY + 30; background(200); Line(mouseX, mouseY, mouseX, a); }