Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- api:documentation:grafik:grundobjekte [2021/05/09 21:45] – Martin Pabst
+++ api:documentation:grafik:grundobjekte [2022/03/30 08:32] (aktuell) – [Kreis/Ellipse (Füllfarbe, Linienfarbe)] Martin Pabst
@@ Zeile 1: / Zeile 1: @@
 ====== Grafikobjekte ======
-===== Kreis (Füllfarbe, Linienfarbe) =====
+===== Kreis/Ellipse (Füllfarbe, Linienfarbe) =====
 {{ :api:documentation:grafik:pasted:20210105-111046.png?400 }}
 <WRAP center round info 100%>
-Durch ''new Circle(400, 300, 150)'' wird ein Kreis mit Mittelpunkt $(400/300)$ und Radius $150$ gezeichnet.  \\ \\
+Durch ''new Circle(400, 300, 150)'' wird ein Kreis mit Mittelpunkt $(400/300)$ und Radius $150$ gezeichnet, durch ''new Ellipse(400, 300, 150, 50)'' eine Ellipse mit den Radien 150 in x-Richtung und 50 in y-Richtung. \\ \\
 **Füllfarbe**
 Jedes grafische Objekt hat eine Füllfarbe. Sie kann mit der Methode ''setFillColor'' gesetzt werden. Mit diesem Bezeichner gibt es insgesamt vier überlagerte Methoden, die die Angabe der Farbe auf verschiedene Arten gestatten:
@@ Zeile 32: / Zeile 32: @@
 **Rand:** \\
 Jedes Objekt besitzt einen Rand, der standardmäßig nicht gezeichnet wird (''setBorderColor(null)''). Sobald Du eine Randfarbe mit ''setBorderColor'' setzt, ist er sichtbar. Seine Dicke kann mit der Methode ''setBorderWith'' verändert werden.
+ \\ \\
+**Standardwerte:** \\
+Standardmäßig wird jedes gefüllte graphische Objekt initial in blauer Farbe ohne Rand sichtbar gezeichnet. Diese Standardwerte lassen sich mit den Methoden
+  * ''Shape.setDefaultVisibility(boolean visibility)''
+  * ''FilledShape.setDefaultFillColor'' und
+  * ''FilledShape.setDefaultBorder''
+verändern.
 </WRAP>
@@ Zeile 50: / Zeile 57: @@
 c1.setBorderColor(Color.blue);
 c1.setBorderWidth(20);
+Ellipse e1 = new Ellipse(500, 300, 150, 50);
+e1.setFillColor(Color.red);
 Circle c2 = new Circle(200, 200, 150);
@@ Zeile 125: / Zeile 135: @@
  \\
+===== Textfeld =====
+<WRAP left round info 60%>
+**Text:** \\
+Oft möchte man in der Grafikausgabe auch Text unterbringen, z.B. um in einem Spiel eine Überschrift, das Level oder die erreichten Punkte anzuzeigen.
+Ein ''Text''-Objekt wird mithilfe der Koordinaten (x, y) der linken oberen Ecke sowie der Schriftgröße (in Pixeln) instanziert. Optional kann als fünfter Parameter auch eine Schriftart/Schriftfamilie angegeben werden, z.B.
+<code myJava>
+Text t1 = new Text(400, 300, 50, "Das ist ein Text");
+Text t2 = new Text(400, 300, 50, "Das ist ein Text", "Courier");
+</code>
+  * Die Ausrichtung des Textfeldes (linksbündig, zentriert, rechtsbündig) kann mit der Methode ''setAlignment'' gesetzt werden, z.B. ''setAlignment(Alignment.center)''. Entsprechend ist die x-Koordinate, die im Konstruktor angegeben wurde, dann nicht die linke Kante des Textes (linksbündig), sondern die Mitte (Ausrichtung zentriert) bzw. rechte (Ausrichtung rechtsbündig) Kante.
+  * Der Textinhalt des Textfeldes kann mit der Methode ''setText'' gesetzt werden.
+</WRAP>
+<HTML>
+<div class="java-online" style="height: 350px; width: 60%" data-java-online="{'withBottomPanel': false, 'id': 'Text'}">
+<script type="text/plain" title="Text.java">
+Text t1 = new Text(400, 20, 50, "linksbündig");
+Text t2 = new Text(400, 100, 50, "zentriert");
+t2.setAlignment(Alignment.center);
+Text t3 = new Text(400, 180, 50, "rechtsbündig");
+Text t4 = new Text(400, 280, 50, "", "Courier");
+t4.setAlignment(Alignment.center);
+t4.setFillColor(Color.white);
+t4.rotate(45);
+int z = 0;
+while(true) {
+   z++;
+   t4.setText(z);
+}
+</script>
+</div>
+</HTML>
+ \\
 ===== Dreieck (Triangle) =====
 {{ :api:documentation:grafik:pasted:20210105-134329.png?420}}
@@ Zeile 199: / Zeile 250: @@
 <WRAP left round info 80%>
 **Bitmap:** \\
-Ein Bitmap-Objekt stellt ein in viele kleine Quadrate aufgeteiltes Rechteck dar. Die Anzahl der Quadrate in x- bzw. y-Richtung sowie left, top (Position der linken oberen Ecke), width (Breite) und height (Höhe) der Bitmap werden im Konstruktor festgelegt. Anschließend können die Quadrate einzeln beliebig eingefärbt werden. \\ \\
+Ein Bitmap-Objekt stellt ein in viele kleine Quadrate aufgeteiltes Rechteck dar. Die Anzahl der Quadrate in x- bzw. y-Richtung sowie left, top (Position der linken oberen Ecke), width (Breite) und height (Höhe) der Bitmap werden im Konstruktor festgelegt. Anschließend können die Quadrate einzeln beliebig eingefärbt werden.
-**Tipp:** Jeder Punkt wird durch zwei OpenGL-Dreiecke gezeichnet. Bei mehr als 40000 Punkten in der Bitmap (d.h. 80000 Dreiecken) kommen derzeit (Stand 2020) normale Bürorechner an ihre Leistungsgrenze ;-)
 </WRAP>
@@ Zeile 264: / Zeile 314: @@
 for(int seitenzahl = 3; seitenzahl < 9; seitenzahl++) {
    Turtle t = new Turtle(-100 + 80 * seitenzahl, 700 - 60 * seitenzahl);
+   t.showTurtle(true);
    t.setAlpha(0.3);
    t.setBorderColor(Color.randomColor());