Laufschrift

[B.Altenfelder]

Hey Leute,
hier nochmal meine Frage wegen einer kreisförmigen Laufschrift.

Also:
Ich hab ein Logo. Und da drumrum möchte ich den Namen des Vereins/Verbands laufen lassen und zwar im Kreis aussen rundrum.

Die Schrift ist ganz normal, aber an der Kreisbahn angeordnet.

Gibt es da einen HTML-Code, oder wie kann ich das anstellen, dass das funktioniert?

Grüsse Bernhard

[Marcus Schätzle]

Hallo Bernhard,

hm, wie wäre es mit einem animierten GIF?
Über Cool 3D könnte man so etwas z.B. realisieren, kostet aber leider Geld (130 DM)

Gruß

Marcus

[Christoph Schnauß]

Ich hab ein Logo. Und da drumrum möchte ich den Namen des Vereins/Verbands laufen lassen und zwar im Kreis aussen rundrum.

Gibt es da einen HTML-Code, oder wie kann ich das anstellen, dass das funktioniert?

hallo ;-)

Nein, fuer so etwas gibt es keinen Code. Es waere mit JavaScript  -  aber sehr, sehr aufwendig  -  moeglich, einzelne Buchstaben im Kreis ringsrum laufen zu lassen. Das geht mit einer DHTML-Loesung, aber du musst dann fuer jeden Buchstaben pixelgenau jeden Punkt berechnen, zu dem er hin verschoben werden soll, und das ist eine ausserordentlich muehsame Arbeit und bringt auch sehr viel Code mit sich. Bei einer solchen Loesung gibts aber wieder Unterschiede nicht nur der Browser, sondern auch bei verschiedenen Aufloesungen bzw. Monitorgroessen, es kann nicht garantiert werden, dass grundsaetzlich immer ein "Kreis" herauskommt, in dessen Mittelpunkt dein Logo steht.
Probieren kannst du es mit einem animierten GIF (wie bereits vorgeschlagen) oder aber mit einem Java-Applet.

Christoph S.

[Christian Kruse]

Hi,

Gibt es da einen HTML-Code, oder wie kann ich das anstellen, dass
das funktioniert?

Klar, benutz DHTML... jeder Buchstabe in einem Layer und die Layer
dann im Kreis um das Logo bewegen. Die Kreisbahn kannst du ueber
die Winkelfunktionen Sinus und Cosinus ausrechnen:

XAktuell = XMitte + (Radius * sin(fi))
YAktuell = YMitte + (Radius * cos(fi))

fi ist der Mittelpunktswinkel, den einfach bei jedem Durchlauf um
eins erhoehen, dann hat man immer die Koordinaten auf einer Kreisbahn.

mfg
CK1

[Christian Kruse]

Hi,

Der eigentliche Grund, warum ich hier antworte, ist der, dass
ich oben vergessen habe, zu erwaehnen, dass der Mittelpunktswinkel
360° nicht ueberschreiten darf. (Kreiswinkel: 360°)

Aber ich nutze mal die Gelegenheit, das Posting von Christoph
Schnauss (http://www.teamone.de/selfaktuell/forum/messages/75770.html
zu kommentieren, um das Forum nicht unnoetig aufzublaehen.

Nein, fuer so etwas gibt es keinen Code. Es waere mit
JavaScript  -  aber sehr, sehr aufwendig  -  moeglich, einzelne
Buchstaben im Kreis ringsrum laufen zu lassen. Das geht mit einer
DHTML-Loesung, aber du musst dann fuer jeden Buchstaben
pixelgenau jeden Punkt berechnen, zu dem er hin verschoben werden
soll, und das ist eine ausserordentlich muehsame Arbeit und
bringt auch sehr viel Code mit sich.

Also, so eine Kreisbahn sind bei mir genau 5 Zeilen ,)

Bei einer solchen Loesung gibts aber wieder Unterschiede nicht
nur der Browser, sondern auch bei verschiedenen Aufloesungen bzw.
Monitorgroessen, es kann nicht garantiert werden, dass
grundsaetzlich immer ein "Kreis" herauskommt, in dessen
Mittelpunkt dein Logo steht.

Doch... die Mittelpunktskoordinaten des Kreises muessen nur die
Mittelpunktskoordinaten des Bildes sein.

Probieren kannst du es mit einem animierten GIF (wie bereits
vorgeschlagen) oder aber mit einem Java-Applet.

Naja, JavaApplet nervt ,) Beim NN springt dabei jedesmal die Engine
an, dass nervt... und ein Animiertes GIF - zu gross *g*

mfg
CK1

[Christoph Schnauß]

ebenfalls hi ;-)

Aber ich nutze mal die Gelegenheit, das Posting von Christoph
Schnauss (http://www.teamone.de/selfaktuell/forum/messages/75770.html
zu kommentieren, um das Forum nicht unnoetig aufzublaehen.

also, ich glaube, in diesem Fall ist das kein "unnuetzes Aufblaehen", sondern ein durchaus forumsgerechter Dialog. Wir haben nahezu zeitgleich auf eine Frage geantwortet und  -  im Grunde genommen  -  sogar nahezu dieselbe Loesung vorgeschlagen. Ich habe selber allerdings mit der von dir genannten "Kurzform" immer einmal Probleme gehabt.

Im uebrigen: wie Layer positioniert und verschoben werden koennen, steht auch in SELFHTML

Gruss

Christoph S.

[Christian Kruse]

Hi,

also, ich glaube, in diesem Fall ist das kein "unnuetzes
Aufblaehen", sondern ein durchaus forumsgerechter Dialog.

Naja, dann haette ich 2x posten muessen - einmal, um das mit den 360°
zu erwaehnen und um dich zu kommentieren ,)

Ich habe selber allerdings mit der von dir genannten "Kurzform"
immer einmal Probleme gehabt.

Naja, das folgende Script funzt auf jeden Fall:

var schrittweite = 10;
var xm = 100;
var ym = 100;
var r = 10;

function kreisen()
{

j = j + schrittweite;

if(j > 360)
  { j = 0; }

var SIN = Math.sin(j);
var COS = Math.cos(j);

DPos("div2",xm + (r * SIN),ym + (r * COS));

setTimeout("kreisen()",ZeitZwischenSchritt);
}

DPos ist einfach nur eine Funktion, die Browserunabhaengig
positioniert.

Im uebrigen: wie Layer positioniert und verschoben werden
koennen, steht auch in SELFHTML

stimmt *g*

mfg
CK1