Einen Stern malen

[ttpq2]

Ich habe ein Problem bei der Lösung einer Aufgabe .
Die x- und y-Koordinate irgendeines Punktes auf einem Kreis mit dem Radius r erhält man, indem man
x = r cos(φ)φ)) ⋅ cos(φ) und
y = r sin(φ)φ)) ⋅ cos(φ)
setzt, jeweils mit φ einer beliebigen Zahl zwischen 0 und 2 π.
Wenn man jetzt n Punkte auf einem Kreis haben will, kann man in einer for-Schleife eine Zählvariable i von 0 bis n-1 laufen lassen und den laufenden Winkel so berechnen:
φ(i) = (φ)2 π)/n.
Damit der Stern in der Mitte des Fensters ist, muss man dazu (und zum Mittelpunkt (0, 0) des Sternes von dem alle Strahlen des Sternes ausgehen) noch jeweils this.getWidth() / 2. bzw. this.getHeight() / 2. addieren.

Für die gegebene Aufgabe kann das so aussehen:
1. Eine for-Schleife schreiben, die für n = 8 die φi auf der Konsole ausgibt. Prüfen ob die Werte "vernünftig" sind. Die Kreiszahl π können Sie über Math.PI erhalten.
2. Dann mit Math.cos(phi) und Math.sin(phi) die n x- und y-Koordinaten berechnen, ausgeben und prüfen.
3. Jetzt erst die Linien malen.
4. Den Stern in die Mitte schieben.
5. Bei den ungeraden Strahlen des Sternes den Radius r etwas kleiner machen, z.B. r/2.
6. Farben der Strahlen verändern.

 

[kneitzel]

Und wo ist Dein Problem? Die Aufgabe alleine Posten bringt nichts. Also bitte etwas genauer: was hast du nicht verstanden? Was hast du probiert? Auf was für Probleme bist du gestoßen?

 

[White_Fox]

Für mich liest sich das ein bisschen wie ein Selbstgespräch...Rubberduck Debugging ins Forum verlagert? Zugegeben, mir passiert das auch mal daß ich die Lösung gefunden habe nachdem ich auf "Antwort absenden" geklickt habe.

Aber gleich zweimal?

 

[Xyz1]

Danke für die obige Formel
Geht auch eine Sonne?
(8 Zacken)

(24 Zacken)

 

[Xyz1]

Bearbeitung: oder auch nochmal animated!

 

[mihe7]

@Tobias-nrw Du hast Teil 6 der Aufgabe nicht erfüllt. Buuuuuh!

 

[White_Fox]

Teil fünf auch nicht. Schwach.

 

[Xyz1]

Nu aber (5 Zacken, etwas kleiner, Strokes fetter, drehend, verkleinernd, vergrößernd, rotierend)

 

[Javinner]

Ohne die Leistung jetzt schmälern zu wollen, aber deine Animation geht nicht nahtlos in einander

 

[White_Fox]

Meine Güte, dafür das Tobias als Einziger die Aufgabe löst kriegt er ganz schön Prügel.

 

[Xyz1]

Ohne die Leistung jetzt schmälern zu wollen, aber deine Animation geht nicht nahtlos in einander

Das ist mir auch schon aufgefallen, aber ich kann nich richtig rechnen

 

[White_Fox]

Dafür sitzt du doch vor einem RECHNER. .

(Ja ok, der is richtig flach...)

 

[Javinner]

Meine Güte, dafür das Tobias als Einziger die Aufgabe löst kriegt er ganz schön Prügel.

Was ihn nicht umbringt, macht ihn härter! Wo wir gerade bei flachen Witzen angekommen sind..

 

[mihe7]

Meine Güte, dafür das Tobias als Einziger die Aufgabe löst kriegt er ganz schön Prügel.

Jeder, wie er es verdient

 

[Xyz1]

Ja ok, der is richtig flach

Ok auch nochmal ein Witz von mir: 3 Zacken sieht aus wie ein Penis

Was ihn nicht umbringt, macht ihn härter

Erinnert mich iwie an eine "Kneipentour", nein wir probieren nicht alle Kneipen aus....

Bin dann mal schlafen, gn8!

 

[Javinner]

@Tobias-nrw Hau rein !

 

[Xyz1]

Vielleicht könn ihr mir ja gerad helfen:
Die Winkel der fix- und Kontrollpunkte berechne ich so

float t1 = (float) Math.PI * 2f / dots * (i + 0) + (0.025f * j);
float t2 = (float) Math.PI * 2f / dots * (i + 0.25f) + (0.025f * j);
float t3 = (float) Math.PI * 2f / dots * (i + 0.5f) + (0.025f * j);
float t4 = (float) Math.PI * 2f / dots * (i + 0.75f) + (0.025f * j);
float t5 = (float) Math.PI * 2f / dots * (i + 1) + (0.025f * j);

Dabei "wandert" i von 0 bis 4 (es gibt 5 Zacken=dots),
j "wandert" von 0 bis 79 (es gibt 80 Frames),

die schließlichen Koords der fix- und Kontrollpunkte berechne ich mit obiger Formel so

float x1 = r * (float) Math.cos(t1) + bi.getWidth() / 2;
float y1 = r * (float) Math.sin(t1) + bi.getHeight() / 2;
float x2 = r * 1.5f * (float) Math.cos(t2) + bi.getWidth() / 2;
float y2 = r * 1.5f * (float) Math.sin(t2) + bi.getHeight() / 2;
float x3 = r * (float) Math.cos(t3) + bi.getWidth() / 2;
float y3 = r * (float) Math.sin(t3) + bi.getHeight() / 2;
float x4 = r * 0.75f * (float) Math.cos(t4) + bi.getWidth() / 2;
float y4 = r * 0.75f * (float) Math.sin(t4) + bi.getHeight() / 2;
float x5 = r * (float) Math.cos(t5) + bi.getWidth() / 2;
float y5 = r * (float) Math.sin(t5) + bi.getHeight() / 2;

Dabei stellt r den Radius dar und t1 bis t5 die Winkel.

r wird nach jedem Frame verkleinert oder vergrößert, so

if (!dir) {
    r -= 5;
} else {
    r += 5;
}

und

if (r == 240 || r == 40) {
    dir = !dir;
}

Das ist eigentlich auch schon alles. Als Kurve hat ich eine QuadCurve2D gewählt: https://docs.oracle.com/javase/tutorial/2d/overview/primitives.html .

Hier noch ne Grafik

 

[mihe7]

float t1 = (float) Math.PI * 2f / dots * (i + 0) + (0.025f * j);

Müsste hier nicht +(0.05f*j*Math.PI) stehen? (EDIT: statt + (0.025f * j), versteht sich)

 

[Xyz1]

Müsste hier nicht +(0.05f*j*Math.PI) stehen? (EDIT: statt + (0.025f * j), versteht sich)

Das könnte sein, dann ruckelt es viell nicht mehr, ich Danke Dir.

 

[Xyz1]

ABSOLUT KORREKT @mihe7 :
Wie hast Du das so schnell herausgefunden??

 

[mihe7]

Wie hast Du das so schnell herausgefunden??

Naja, wenn Du in t1 mal i == 0 setzt, bleibt ja nur noch (0.025f * j) übrig. Die Werte gehen also von 0 bis 1. Du willst aber eine vollständige Umdrehung also müssten die Werte von 0 bis 2*Math.PI gehen -> 0.025 * j * 2 * Math.PI = 0.05 * j * Math.PI

 

[White_Fox]

Und jetzt das Ganze noch so, daß man die Anzahl der Zacken frei auswählen kann...

 

[Xyz1]

Und jetzt das Ganze noch so, daß man die Anzahl der Zacken frei auswählen kann

Kann man schon.

@mihe7 Ich Danke Dir.... (so ganz verstanden habe ich es noch nicht...)
Ich muss mich jetzt erstmal wieder den alltäglichen Problemen widmen. Bis heute Abend, vielleicht...

 

[mihe7]

so ganz verstanden habe ich es noch nicht...

Du willst nach 80 Frames eine vollständige Umdrehung. Je Frame hast Du also ein 80-stel eines Vollkreises. Macht für Frame j somit j *2*Math.PI/80 = 0.05*j*Math.PI

 

[Xyz1]

Und jetzt das Ganze noch so, daß man die Anzahl der Zacken frei auswählen kann...

Ein Zacken hat 3 fixpunkte und 2 Kontrollpunkte... (=5) Die Berechnung der Winkel der vorherigen Seite ist alles nur für einen Zacken... Die anzahl der Zacken is schon beliebig.

@mihe7 Jetzt bin ich etwas im Bilde.

 

[Xyz1]

@mihe7 Der Stern/die Sonne dreht sich zu schnell bei einer Umdrehung per 80 Frames, das sieht nicht mehr flüssig aus.

So sollte das schauen:

 

[mihe7]

@Tobias-nrw -Dsun.java2d.opengl=true *ROFL*

 

[Xyz1]

ROFL

mihe, ich glaube das liegt eher an dem GIF Format Spezifikation sowie der Darstellung desselben. Die .gif's erstelle ich mit Java selbst... Man darf nicht vergessen, dass .gif's Urgesteine des Internets sind (ca 28 Jahre her). Oder anders, wenn sich bei einer "Sonne" mit 5 Zacken zu schnell dreht, gibts zwischen jeweils zwei Frame s zu viele Bildunterschiede, weswegen diese nicht mehr "flüssig" wirken.

 

[mihe7]

dass .gif's Urgesteine des Internets sind

GIF waren noch vor dem Web. Ich war dabei

 

[Xyz1]

Aber Du bist nicht Tim Berners-Lee oder?

 

[mihe7]

Who knows?

 

[kneitzel]

GIF waren noch vor dem Web. Ich war dabei

Na na na ... da ist nicht viel Zeit dazwischen gewesen. Die Frage ist, was mal als Web bezeichnet. HTTP/1.0 ist zwar jung (1996) aber die Idee stammt aus 1989. GIF selbst ist von 1987 (Version 87a kennt der eine oder andere vielleicht als Bezeichnung).

Das ist übrigens auch nicht viel später, als andere Formate. Amiga mit dem Interchange File Format ist von 85. XBM bei Unix weiss ich jetzt nicht, da weiss ich nur, dass es 89 von XPM abgelöst wurde.

JPEG ist ganz jung - das kam erst, als das World Wide Web seinen Siegeszug antrat und kam wohl zusammen mit dem Mosaic Browser...

Ach man, alte Zeiten.

 

[mihe7]

Na na na ... da ist nicht viel Zeit dazwischen gewesen.

Knapp vorbei ist auch daneben GIF war ja seinerzeit von Compuserve patentiert. Web ist bei mir WWW und zwar funktionsfähig "for the masses" - also in den 90ern "entstanden".