Ich benützte folgenden code zur Bitmap Fonts Erstellung:


Als nächstes wollte ich die Buchstaben auseinander ziehen, aber wo kann ich denn Abstand zwischen den einzelnen Zeichen eingeben?

Danach wollte ich noch einen Schatten einfügen so wie im Bild in Anhang. Aber wie kann man so etwas realisieren? Ich habe es mit verschieben der Font (in schwarz) im Hintergrund versucht, was aber ein anderes Ergebnis brachte (Hatte keine abgerundeten Ecken wie in Beispiel Bild und auch kein Alfa). Hat vielleicht jemand ein Beispiel dafür?

Deine Idee relativ gut, du musst halt von deiner Font ein Abbild machen( Oder die Font direkt verwenden ), dieses Einfärben, und dannach wie du schon sagtest verschieben!

_________________
Shareholder und Leitender Entwickler bei Pipedream-Games.

Zitat: Siehst du diesen Park da unten? Jeden Tag lernen sich darin Menschen kennen und verlassen einander. Und du hast dein ganzes Leben Zeit darin zu gehen.

Was du willst ist gar kein Schatten sondern eine Umrahmung (Stroke) wenn ich dich richtig verstanden habe. Dass geht dann nicht einfach durch verschieben. Du müsstest dazu deinen Font Scalieren und dann per Blending auf den Untergrund mappen. Beachte aber, dass durch übermäßiges Scalieren Fehler/Ecken mit Scaliert werden, was schnell mies aussieht.

_________________
Blog: kevin-fleischer.de und fbaingermany.com

Also mit Bitmapfonts ist das recht schwer und nur sehr trickreich zu lösen, da man diese nicht skalieren kann (meine ich jedenfalls). Abgesehen davon sind die auch nicht so sonderlich schnell. Und Bitmap heißt in OpenGL auch BIT-map. Die Pixel können also nur 0 oder 1 beinhalten.

Für diesen Fall würde es sich anbieten das Font als Textur zu machen und dann in einem Grafikprogramm die Buchstanben zu bearbeiten. Ich habe auch mal ein Programm gemacht welchen ein Windowsfont in eine Textur schreibt und da kann bei der größe der Buchstaben noch einen Wert addieren. Speziell für solche Fälle ist das gedacht. Wenn du dann noch meine Klasse verwendest sollte das ein leichtes sein das zu verändern.
Hab gerade keine Zeit aber auf Wunsch lade ich das mal hoch.

In allen Demos von Humus hat die Schrift so einen Stil. Da kannst du dir die beiliegende Texture ja mal ansehen.

Das Bild stammt aus einem Spiele-Demo und die benutzten OpenGL aber keine Texture für die Fonts, sondern laden die Fonts (TTF-Font) direkt hinein und müssen sie dann irgendwie bearbeiten. Denn die Fonts hat keinen Rand und auch der Abstand der einzelnen Buchstaben ist großer (habe es mit gleich großer Fonts versucht). Ich wäre für jede Hilfe dankbar!

Rein durch das skalieren der Fonts kann das auch nicht gemacht worden sein, denn die Fonts hat eckige Kanten und bei der Skalierung wären die immer noch da!

Also. Die Fonts kann man laden und dann auf ein Bitmap rendern. Nichts Anderes mache ich wenn ein Texturfont erstelle. Mit Bitmapfonts geht es aber definitiv nicht! Da die lediglich 0 oder 1 für ein Pixel speichern können. Die haben keinen Alphakanal oder sonst etwas. Ich denke also mal, dass die das in dem Spiel auch so machen. Die nehmen sich das Font und packen es auf ein Bitmap. Evtl kann man dann ja auch mittels verschiedener Algorithmen noch einen weicheren Rand drum rum zeichnen. Da man von einem Font auch die Breiten für die einzelnen Buchstaben abfragen kann, kann man so problemlos die Breite des Randes hinzuzählen und das beim Zeichnen berücksichtigen. Und wenn man die einzelnen Buchstaben sowieso schon alleine Zeichnet dann kann man auch den Abstand selber bestimmen.

Ich würde dir aber empfehlen es gleich als Textur zu machen. So kannst du den vollen Funktionsumpfang deines Grafikprogramms mit benutzen. Das ist einfacher als es aller per Software zu machen. Und vor allem wesentlich schneller. Also wenn du nicht gerade zur Laufzeit die Fonts aus deinem Windows einladen willst rate ich auch dringlichst davon ab. Das ist unnötig komplizierter Aufwand.

Eckige Kanten. Was meinst du denn damit?
Wenn die Schrift groß genug ist, dann werden deren Ränder antialized. Also die Ränder werden duch das einberechnen von Subpixel (Zerlegung eines Pixels in 4 kleinere Pixel) weicher. Dadurch entstehen leicht bis stark transparente Pixel. Aber auch das geht bei Bitmapfonts nicht.

Um mal das Vorbei-Reden hier etwas einzudämmen:

Bitmap-Fonts sind relativ langsam, können nicht skaliert werden und bieten kaum Möglichkeiten zur Bearbeitung.

Was du suchst sind Texture-Fonts. Dabei wird eine Font aus dem TTF geladen und mittels Canvas.TextOut in eine Textur geschrieben. Diese wird dann in OpenGL ganz normal auf ein Quad geklebt und schon hast du Text als Textur. Mit einem Quad kann man natürlich die verschiedensten Dinge anstellen. Nebenbei bemerkt ist das eine der schnellsten Methoden, um Schrift mit OpenGL darzustellen.
Du kannst natürlich auch die Font-Texture in deinem Grafikprogramm erstellen. Hat den Vorteil, dass du dort schon den vollen Funktionsumfang von z.B. Photoshop ausnutzen kannst. Dann hast du ein Bild deiner Font. Das sieht dann so ähnlich aus:
(Naja... so ähnlich jedenfalls )

_________________
"Für kein Tier wird so viel gearbeitet wie für die Katz'."

@frase: Davon rede ich doch die ganze Zeit.

@Lossy eX: Sag ich doch

Das war auch weniger an dich gerichtet, sondern eher pauschal an den Rest, um dem Aneinandervorbeireden vorzubeugen...

@Sharky: In Saschas Bomberman-Tutorial werden auch Texture-Fonts genutzt. Kannst dich dort mal etwas umsehen.

_________________
"Für kein Tier wird so viel gearbeitet wie für die Katz'."