Beliar
04.04.2005, 01:06
Vorwort:
Dies ist mein erstes in einer Serie von Minitutorials.
Ich habe kaum Erfahrung im schreiben von Tutorials, deshalb, wenn Ihr Verbesserungsvorschläge habt - her damit! =)
Am besten einfach an: sundel@chaosgods.de schicken.
http://www.rpgmaker2000.4players.de:1027/pix/tutorials/textboxen/magus.gifSundel
http://www.rpgmaker2000.4players.de:1027/pix/tutorials/textboxen/beispiel.jpg
In diesem Mini-Tutorial geht es darum, Textboxen mit transparenten Hintergrund zu erzeugen, so wie in dem Bild obendrüber.
Damit Ihr das machen könnt, braucht Ihr zwei Bilder:
Den Rahmen der Textbox:
http://www.rpgmaker2000.4players.de:1027/pix/tutorials/textboxen/textbox.png
Und den Hintergrund der Textbox:
http://www.rpgmaker2000.4players.de:1027/pix/tutorials/textboxen/hintergrund.png
Importiert beide Bilder in den RM2K, und vergesst nicht beim Import auf die Farbe zu klicken, die transparent sein soll (in diesem Fall dieses ätzende Pink).
Dann macht 2 Common Events (letzte Karteikarte in der Datenbank - die Datenbank könnt Ihr mit einem Druck der F8 Taste öffnen). Gebt ihnen die folgenden Namen:
Textbox Unten
Textbox Zu
Gebt in das Common Event folgendes ein:
"Message Style" (erste Seite der Event Commands, erste Spalte, zweite Option von oben)
Macht die Angaben wie im folgenden Bild:
http://www.rpgmaker2000.4players.de:1027/pix/tutorials/textboxen/tut_01.gif
"Show Picture" (zweite Seite der Event Commands, zweite Spalte, sechste Option von oben)
Macht die Angaben wie im folgenden Bild:
http://www.rpgmaker2000.4players.de:1027/pix/tutorials/textboxen/tut_02.gif
Nochmal "Show Picture", mit den selben Angaben, wählt diesmal aber als "Pic. Number" die 20 und bei "Select Picture" das "rahmen.png" Bild aus.
"Move Picture" (direkt unter "Show Picture")
Die Angaben wieder wie im folgenden Bild:
http://www.rpgmaker2000.4players.de:1027/pix/tutorials/textboxen/tut_03.gif
Nochmal "Move Picture", diesmal aber die Pic Number auf 20 setzen und die "Transparency" auf 0%, denn der Rahmen soll ja nicht transparent sein.
Damit habt Ihr dann alles eingegeben, was Ihr für den Aufruf Eurer Textbox braucht. Das fertige Event sollte dann folgendermaßen aussehen:
http://www.rpgmaker2000.4players.de:1027/pix/tutorials/textboxen/tut_04.gif
Jetzt das Event zum schließen der Textbox, "Textbox Zu". Im Grunde genommen dreht Ihr alles, was Ihr in dem Event zum Aufrufen der Textbox gemacht habt, wieder um:
"Move Picture" für Pic. Number 19 wie oben, nur setzt Ihr diesmal die "Magnification" auf 0% und die "Transparency" auf 100%. Nochmahl "Move Picture" mit exakt den selben Angaben, nur diesmal für Pic. Number 20.
Dann "Erase Picture" (direkt unter "Move Picture"), jeweils einmal für Pic. Number 20 und 19.
Das Event sollte, wenn's fertig ist, so aussehen:
http://www.rpgmaker2000.4players.de:1027/pix/tutorials/textboxen/tut_05.gif
Diese beiden Common Events müsst Ihr dann für jede Message, für die Ihr die transparente Textbox verwenden wollt, aufrufen - und zwar mit dem Befehl "Call Event" (dritte Seite der Event Commands, zweite Zeile, vierter Befehl von unten).
Einfach erst das Event "Textbox Unten" aufrufen, dann Eure Message reinsetzen und hinterher den Event "Textbox Zu" aufrufen.
Natürlich gibt es nicht nur Textboxen unten, sondern auch mittig und oben, aber dieses Tutorial sollte ja nur als Beispiel dienen. ;-)
Wenn Ihr die Textbox auch in der Mitte und oben erscheinen lassen wollt, macht einfach noch zwei neue Common Events, nennt sie "Textbox Mitte" und "Textbox Oben" und ändert in den Befehlen, die Koordinaten enthalten (also "Show Picture" und "Move Picture") die Y-Koordinate.
Wenn Ihr eine Textbox in Standartgröße (also 320x80 Pixel) verwendet, müsst Ihr für eine Anordnung in der Mitte die Koordinate auf 120 ändern, und für oben auf 40.
Tipps:
- Es zwingt Euch natürlich keiner, schwarz als die Hintergrundsfarbe für die Textbox zu nehmen - ein Farbverlauf zum Beispiel sieht ziemlich genial aus.
- Ein großer Vorteil daran Pictures als Textbox einzusetzen, ist dass man mehr Freiheiten bei der Gestaltung hat - z.B. asymetrisch, oder unregelmäßige Ränder. Einfach mal ausprobieren. ;-)
Dies ist mein erstes in einer Serie von Minitutorials.
Ich habe kaum Erfahrung im schreiben von Tutorials, deshalb, wenn Ihr Verbesserungsvorschläge habt - her damit! =)
Am besten einfach an: sundel@chaosgods.de schicken.
http://www.rpgmaker2000.4players.de:1027/pix/tutorials/textboxen/magus.gifSundel
http://www.rpgmaker2000.4players.de:1027/pix/tutorials/textboxen/beispiel.jpg
In diesem Mini-Tutorial geht es darum, Textboxen mit transparenten Hintergrund zu erzeugen, so wie in dem Bild obendrüber.
Damit Ihr das machen könnt, braucht Ihr zwei Bilder:
Den Rahmen der Textbox:
http://www.rpgmaker2000.4players.de:1027/pix/tutorials/textboxen/textbox.png
Und den Hintergrund der Textbox:
http://www.rpgmaker2000.4players.de:1027/pix/tutorials/textboxen/hintergrund.png
Importiert beide Bilder in den RM2K, und vergesst nicht beim Import auf die Farbe zu klicken, die transparent sein soll (in diesem Fall dieses ätzende Pink).
Dann macht 2 Common Events (letzte Karteikarte in der Datenbank - die Datenbank könnt Ihr mit einem Druck der F8 Taste öffnen). Gebt ihnen die folgenden Namen:
Textbox Unten
Textbox Zu
Gebt in das Common Event folgendes ein:
"Message Style" (erste Seite der Event Commands, erste Spalte, zweite Option von oben)
Macht die Angaben wie im folgenden Bild:
http://www.rpgmaker2000.4players.de:1027/pix/tutorials/textboxen/tut_01.gif
"Show Picture" (zweite Seite der Event Commands, zweite Spalte, sechste Option von oben)
Macht die Angaben wie im folgenden Bild:
http://www.rpgmaker2000.4players.de:1027/pix/tutorials/textboxen/tut_02.gif
Nochmal "Show Picture", mit den selben Angaben, wählt diesmal aber als "Pic. Number" die 20 und bei "Select Picture" das "rahmen.png" Bild aus.
"Move Picture" (direkt unter "Show Picture")
Die Angaben wieder wie im folgenden Bild:
http://www.rpgmaker2000.4players.de:1027/pix/tutorials/textboxen/tut_03.gif
Nochmal "Move Picture", diesmal aber die Pic Number auf 20 setzen und die "Transparency" auf 0%, denn der Rahmen soll ja nicht transparent sein.
Damit habt Ihr dann alles eingegeben, was Ihr für den Aufruf Eurer Textbox braucht. Das fertige Event sollte dann folgendermaßen aussehen:
http://www.rpgmaker2000.4players.de:1027/pix/tutorials/textboxen/tut_04.gif
Jetzt das Event zum schließen der Textbox, "Textbox Zu". Im Grunde genommen dreht Ihr alles, was Ihr in dem Event zum Aufrufen der Textbox gemacht habt, wieder um:
"Move Picture" für Pic. Number 19 wie oben, nur setzt Ihr diesmal die "Magnification" auf 0% und die "Transparency" auf 100%. Nochmahl "Move Picture" mit exakt den selben Angaben, nur diesmal für Pic. Number 20.
Dann "Erase Picture" (direkt unter "Move Picture"), jeweils einmal für Pic. Number 20 und 19.
Das Event sollte, wenn's fertig ist, so aussehen:
http://www.rpgmaker2000.4players.de:1027/pix/tutorials/textboxen/tut_05.gif
Diese beiden Common Events müsst Ihr dann für jede Message, für die Ihr die transparente Textbox verwenden wollt, aufrufen - und zwar mit dem Befehl "Call Event" (dritte Seite der Event Commands, zweite Zeile, vierter Befehl von unten).
Einfach erst das Event "Textbox Unten" aufrufen, dann Eure Message reinsetzen und hinterher den Event "Textbox Zu" aufrufen.
Natürlich gibt es nicht nur Textboxen unten, sondern auch mittig und oben, aber dieses Tutorial sollte ja nur als Beispiel dienen. ;-)
Wenn Ihr die Textbox auch in der Mitte und oben erscheinen lassen wollt, macht einfach noch zwei neue Common Events, nennt sie "Textbox Mitte" und "Textbox Oben" und ändert in den Befehlen, die Koordinaten enthalten (also "Show Picture" und "Move Picture") die Y-Koordinate.
Wenn Ihr eine Textbox in Standartgröße (also 320x80 Pixel) verwendet, müsst Ihr für eine Anordnung in der Mitte die Koordinate auf 120 ändern, und für oben auf 40.
Tipps:
- Es zwingt Euch natürlich keiner, schwarz als die Hintergrundsfarbe für die Textbox zu nehmen - ein Farbverlauf zum Beispiel sieht ziemlich genial aus.
- Ein großer Vorteil daran Pictures als Textbox einzusetzen, ist dass man mehr Freiheiten bei der Gestaltung hat - z.B. asymetrisch, oder unregelmäßige Ränder. Einfach mal ausprobieren. ;-)