Informatik

Graphix-Editor

Voreinstellungen

Im Editorfenster können folgende Einstellungen vorgenommen werden:
Alt text

Stellt die Deckkraft des gesamten Bildes ein. Hierdurch kann das Gitternetz auch hinter gefüllten Objekten sichtbar gemacht werden.
Stellt die Verzögerung zwischen den einzelnen Programmschritten ein. Damit kann das schrittweise Abarbeiten des Programm beobachtet werden.
Die Attributnamen werden aus dem Englischen ins Deutsche übersetzt.
Die y-Achse steigt von unten nach oben oder umgekehrt.

1. Erzeugen neuer Objekte

Vor der Verwendung müssen Objekte erzeugt werden. Dies geschieht nach folgendem Muster:

Objektname:Klassenname

Graphix kennt folgende Klassen:

Rechteck (Rect, Rectangle)
Kreis (Circle)
Linie (Line)
Dreieck (Triangle)

Es können sowohl die deutschen, als auch die englischen Klassenbezeichner verwendet werden.
Groß- und Kleinschreibung wird allgemein nicht beachtet.
re:rect, Re:Rect, re:Rectangle oder re:Rechteck erzeugen alle ein Objekt mit dem Namen re aus der Klasse Rechteck.
nach oben

2. Ändern von Attributwerten

Den Attributen eines Objekts können neue Werte zugewiesen werden.
Diese Zeile weist dem Attribut x des Objekts re den Wert 20 zu:

re.x=20

Hier wird dem Attribut füllfarbe des Objekts c der Wert rot zugewiesen:

c.füllfarbe=rot

3. Aufruf von Methoden

Methoden werden nach folgendem Muster aufgerufen:

Objektname.Methodenname(Parameter)

Auch bei den Methodennamen können deutsche oder englische Bezeichnungen verwendet werden.
nach oben

4. Klassen und Methoden

Alle Klassen

Attribute

x,y: Koordinaten des Objekts
stroke: Linienfarbe
strokeWidth: Linienbreite
fill: Füllfarbe (außer bei der Klasse Linie)

Methoden

füllfarbeSetzen(farbe), setzeFüllfarbe(farbe), setFüllfarbe(farbe), setFill(color), setColor(farbe)
Setzt die Füllfarbe eines geschlossenen Objekts.
linienfarbeSetzen(farbe), setzeLinienfarbe(farbe), setLinienfarbe(farbe), setStroke(color)
Setzt die Linienfarbe des Objekts.
linienbreiteSetzen(breite), setzeLinienbreite(breite), setLinienbreite(breite), setStrokeWidth(width)
Setzt die Breite der Linie des Objekts.
verschiebeX(dx), moveX(dx)
Verschiebt das Objekt um dx Einheiten nach rechts (postives dx) oder links (negatives dx)
verschiebeY(dy), moveY(dy)
Verschiebt das Objekt um dy Einheiten nach unten (positives dy) oder oben (negatives dy)
verschiebeZu(x,y), verschiebeNach(x,y), moveTo(x,y)
Verschiebt das Objekt auf die Position mit den Koordinaten (x,y)

Parameter

Farben werden als deutsch oder englische Wörter ohne Anführungszeichen eingetragen.
nach oben

Linie (Line)

Attribute

x,y,x1,y1 : Koordinaten der beiden Endpunkte der Linie
stroke: Linienfarbe
strokeWidth: Linienbreite

Achtung:
Eine Linie ist keine geschlossene Figur. Sie hat daher auch kein Attribut Füllfarbe.

Zusätzliche Methoden

punkteSetzen(x1,y1,x2,y2), setzePunkte(x1,y1,x2,y2), setPunkte(x1,y1,x2,y2), setPoints(x1,y1,x2,y2)
Setzt die Koordinaten der beiden Endpunkte der Linie.
nach oben

Rechteck (Rect, Rectangle)

Attribute

x,y : Koordinaten der linken oberen Ecke
width : Breite
height: Höhe
fill: Füllfarbe
stroke: Linienfarbe
strokeWidth: Linienbreite

Zusätzliche Methoden

breiteSetzen(breite), setzeBreite(breite), setBreite(breite), setWidth(width)
Setzt den Wert des Attributs Breite.
höheSetzen(höhe), setzeHöhe(höhe), setHöhe(höhe), setHeight(height)
Setzt den Wert des Attributs Höhe.
eckenSetzen(x1,y1,x2,y2), punkteSetzen(x1,y1,x2,y2), setzePunkte(x1,y1,x2,y2), setPunkte(x1,y1,x2,y2), setPoints(x1,y1,x2,y2)
Setzt die Koordinaten der linken unteren und der rechten oberen Ecke des Rechtecks.
nach oben

Dreieck (Triangle)

Attribute

x,y,x1,y1,x2,y2 : Koordinaten der drei Ecken
fill: Füllfarbe
stroke: Linienfarbe
strokeWidth: Linienbreite

Zusätzliche Methoden

eckenSetzen(x1,y1,x2,y2,x3,y3), punkteSetzen(x1,y1,x2,y2,x3,y3), setzePunkte(x1,y1,x2,y2,x3,y3), setPunkte(x1,y1,x2,y2,x3,y3),setPoints(x1,y1,x2,y2,x3,y3)
Setzt die Koordinaten der drei Ecken.
nach oben

Kreis (Circle)

Attribute

x,y : Koordinaten des Mittelpunkts
radius : Radius
fill: Füllfarbe
stroke: Linienfarbe
strokeWidth: Linienbreite

Zusätzliche Methoden

radiusSetzen(radius), setzeRadius(radius), setRadius(radius)
Setzt den Wert des Attributs Radius.
mittelpunktSetzen(x,y), setzeMittelpunkt(x,y), setMittelpunkt(x,y), setPoints(x,y)
Setzt die Koordinaten des Mittelpunkts.
nach oben

Gruppe (Group)

In eine Gruppe können zuvor gebildete Objekte aufgenommen worden.
Für alle Objekte der Gruppe können anschließend gemeinsame Methoden aufgerufen werden.

Attribute

Die Attribute sind die Objekte, die in die Gruppe aufgenommen wurden.

Methoden

add(Objektname), schlucke(Objektname), fügezu(Objektname), hinzufügen(Objektname)
Fügt das entsprechende Objekt der Gruppe hinzu.

Es können auch mehrere Objekte gleichzeitig hinzugefügt werden. Die Objektnamen müssen dann als Parameterliste durch Kommas getrennt werden:
```
g.add(re,c,d)
```
Fügt die Objekte re, c und d zur Gruppe g hinzu.
Wichtig: Einer Gruppe kann keine weitere Gruppe hinzugefügt werden.
beliebige Methode
Führt diese Methode für alle Objekte der Gruppe aus. In diesem Fall wird der Radius für beide Kreise in der Gruppe auf 10 gesetzt:
```
c1:Kreis
c2:Kreis
g:Gruppe
g.add(c1,c2)
g.radiusSetzen(10)
```
Hier erscheint eine Fehlermeldung, da das Rechteck r1 keine Methode radiusSetzen hat:
```
c1:Kreis
r1:Rechteck
g:Gruppe
g.add(c1,r1)
g.radiusSetzen(10)
```
Der Radius von c1 kann aber trotzdem verändert werden:
```
c1:Kreis
r1:Rechteck
g:Gruppe
g.add(c1,r1)
c1.radiusSetzen(10)
```
Sinnvolle Methoden für Rechtecke sind Methoden zum Vergrößern oder Verkleinern der Objekte in der Gruppe (g.skaliere(...) und solche, die die ganze Gruppe verschieben (g.verschiebeX(...)).

nach oben

Farben

Für die Füll- und Linienfarben können deutsche oder englische Bezeichnungen verwendet werden:

blau: blue,
gruen: green,
grün: green,
gelb: yellow,
rot: red,
weiß: white,
weiss: white,
schwarz: black,
hellblau: lightblue,
hellgrün: lightgreen,
violett: violet,
lila: violet,
hellgelb: lightyellow,
hellrot: pink,
rosa: pink,
braun: brown,
silber: silver,
dunkelblau: darkblue,
olivgrün: olive,
grau: grey,
hellgrau: lightgrey

Die Farben können auch aus den Grundfarben definiert werden:

##RotGrünBlau
#000000: Schwarz
#FFFFFF: Weiß
#AAAAAA: Grau
#FF0000 : Rot
#00FF00: Grün
#0000FF: Blau
#0000AA: dunkleres Blau
#000066: noch dunkleres Blau

Mit dem Parameter-Wert keine oder none kann eine Figur ohne Füllung gezeichnet werden.
nach oben

Deckkraft

Die Deckkraft (engl. opacity) der Objekte kann zum einen über einen Schieberegler eingestellt werden. Durch eine niedrigere Deckkraft kann das Koordinatensystem auch hinter gefüllten Objekten sichtbar gemacht werden.
Mit der Methode deckkraftSetzen(), setDeckkraft(), setOpac(), setOpacity() kann die individuelle Deckkraft eines Objektes angepasst werden. Hierdurch sind interessante Farbmischungen möglich.

Wiederholungen

Graphix kann einfache Wiederholschleifen umsetzen.
Eine Schleife beginnt mit dem Schlüsselwort wdh und der Zahl der gewünschten Wiederholungen. Alternativ kann auch wiederhole oder repeat verwendet werden.
Die Schleife endet mit einem * .
Beispiel:

wdh 50 
  g.moveX(1)
*

Lässt das Objekt g 50 einzelne Schritte nach rechts machen.
nach oben

Kopieren von Objekten oder Gruppen

Mit der Methode copyPaste(nam,dx,dy) können bestehende Objekte verdoppelt werden. Alternativ können auch die Methodennamen dupliziere, duplicate oder verdoppele verwendet werden.
Die Methode benötigt drei Parameter:

nam: Name des neuen Objekts
dx: Verschiebung in x-Richtung
dy: Verschiebung in y-Richtung
Beispiel:

wdh 50 
  g.copyPaste(g1,100,0)
*

Erzeugt ein Objekt g1 als Kopie von g - g1 ist um 100 Punkte nach rechts verschoben.
nach oben

Skalieren: Vergrößern und Verkleinern von Objekten

Mit der Methode skaliere, scale, strecke, vergrößere, verkleinere kann ein Objekt vergrößert oder verkleinert werden.
Der Parameter gibt den Vergrößerungsfaktor in Prozent an:

o.skaliere(110) vergrößert das Objekt o auf 110% seiner Originalgröße
o.skaliere(90) verkleinert das Objekt o auf 90% seiner Orginalgröße

nach oben
zurück