Lernpfad:Einführung in Processing/8: Unterschied zwischen den Versionen

Aus Informatik-Box
Zur Navigation springen Zur Suche springen
Keine Bearbeitungszusammenfassung
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 muss mit einfachen Anführungszeichen angegeben werden.

char einKomma = ',';
String Texte

Achtung: String wird im Gegensatz zu den anderen groß geschrieben! Im Gegensatz zu chars werden sie mit doppelten Anführungszeichen angegeben.

String einText = "Hallo Welt!";


Icon Heft.png
Arbeitsauftrag
  1. 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);
    }