RPGVX.net

Ressourcen & Tutorials => Tutorials => Thema gestartet von: Boogatie Roll am April 27, 2010, 17:08:55

Titel: Schöne Leisten-Anzeigen (zb. wie bei Pokemon die KP-Leiste)
Beitrag von: Boogatie Roll am April 27, 2010, 17:08:55
Mir ist letztens eine Lösung für das bekannte Problem, eine stufenlose
Leiste zu erstellen ohne dafür 100 Bilder zu brauchen eingefallen.
Bei meiner Version braucht man nur 3 Bilder und ansonsten nur ein Event.
Funktionieren tut es 100%ig.

Achtung: Man kann sie eig. nur verwenden bei spielen, in denen man
weiß wie hoch der Maximal-Wert der Leiste ist. Wenn dieser veränderbar ist wird es umso
komplizierter, daher ist die Anzeige gut für Minispiele zwischendurch oder eigene Battle-Systeme geeignet.
Sie garantiert eine genaue Anzeige einer beliebigen Variabel mit einer Genauigkeit von einem Pixel.
Auch kann man bei ihr die Farbe bei einem kleinen Wert ändern lassen. (Stellt euch dass mal vor
wie in Pokemon die KP-Leiste)

Da die Anzeige aus Picturen besteht, kann man sie auf jeder Map verwenden, und kann sie leicht aus
und einblenden.

Screenshots:
(http://www3.pic-upload.de/27.04.10/x6r8sq6gtr6l.png) (http://www.pic-upload.de/view-5442297/1.png.html)(http://www3.pic-upload.de/27.04.10/22hvjcoithro.png) (http://www.pic-upload.de/view-5442301/2.png.html)(http://www3.pic-upload.de/27.04.10/2r6ib29bxyic.png) (http://www.pic-upload.de/view-5442304/3.png.html)


Aber nun zum eigentlichen Tutorial:

1.Benötigte Bilder:
Man braucht für die Anzeige 3 Bilder, eines für den Rahmen, eines für
den Rücken also den Boden der Anzeige und eines für die Leiste selber.
Ich habe hier mal ein Beispiel gemacht:
- Rahmen:
(http://www3.pic-upload.de/27.04.10/nn13pxatcbdu.png) (http://www.pic-upload.de/view-5441888/spieler1.png.html)
- Rücken:
(http://www3.pic-upload.de/27.04.10/ekv6ibzgckgx.png) (http://www.pic-upload.de/view-5441898/backleiste.png.html)
- Leiste:
(http://www3.pic-upload.de/27.04.10/r1ia9a72dug1.png) (http://www.pic-upload.de/view-5441900/leiste.png.html)

Wichtig ist dabei die Größe der Leiste, also die Länge davon.
Sie sollte in den Rahmen passen, und nicht allzu klein sein.
Wenn ihr jetzt schon wisst, dass man bei dem Minispiel oder was auch immer
50 KP hat, dann solltet ihr die Leiste so Breit machen, dass sie durch 50 teilbar ist.
(zb. 100 Pixel, 150 Pixel, 200 Pixel)
Sie sollte auf keinen Fall kleiner als 50 dann sein!

2.Benötigtes Event:
Ihr könnt das Event auf einer Map machen oder auch als Paralleles Event im Menü machen.
Zuerst braucht ihr dieses Event, sobald man die Leiste sehen soll:
(Wir nennen die Bilder jetzt mal Rahmen Leiste und Rücken)

Show Picture 1 "Rücken" 0,0
Show Picture 2 "Leiste" 0,0
Show Picture 3 "Rahmen" 0,0

Stellt das Event auf Autorun

So, ist ja logisch, und 0,0 damit das Bild links oben am Bildschirmrand angezeigt wird.^^

Nun wirds ein bisschen komplizierter.
Jetzt braucht ihr ein zweites Event, oder lasst nachdem die Pictures angezeigt werden einfach
eine zweite Seite losgehen.

Die zweite Seite oder das zweite Event sollte Parallel eingestellt sein.

Erstellt gleich mal 4 Variabeln:
- KP
- KP-Rechner
- LeisteX
- LeisteY

So, das war ja nicht schwer.
Und nun zu dem Event:
Erstellt es so:

Wait 5
- KP-Rechner = 0
- LeisteX = 0
- KP-Rechner = 60 (Die Höchst-KP also im Spiel)
- KP-Rechner - KP (KP ist die KP im Spiel die man hat (Nicht den KP-Rechner im Spiel als KP verwenden!))
- KP-Rechner * 2 (Breite der Leiste : Höchst-KP (120:60) [Dazu komme ich gleich nochmal*]
- Leiste X - KP-Rechner
- Move Picture 2 to Leiste X, Leiste Y

(http://www3.pic-upload.de/27.04.10/xket1td63pcp.png) (http://www.pic-upload.de/view-5442319/ghfh.png.html)

Das wars auch schon...^^

[Dazu komme ich gleich nochmal*]
Also, wie oben erwähnt, muss das Bild durch die Höchst-KP teilbar sein, damit
es eine genaue Anzeige gibt.

3.Einbaubare Extras:

Nun habt ihr zwar die KP-Anzeige, aber es wäre doch cool wenn sie
auch noch Rot und Orange wird wenn sie kleiner wird.
Das kann man so machen:
( Die Zahlen beziehen sich wieder auf das Beispiel mit der Länge 120 und Höchst-KP 60)
- If LeisteX kleiner oder gleich als -105
 Tint Picture 2... (in die Farben die ihr möchtet) - Hier sollte die Farbe kurz vorm abkratzen hin (meistens Rot)
 - Else
  - If LeisteX kleiner oder gleich als -90
   Tint Picture 2... (in die Farben die ihr möchtet) - Hier sollte die Farbe bei 1:3 der KP hin (meistens Orange)
   - Else
    - If LeisteX kleiner oder gleich als -60
     Tint Picture 2... (in die Farben die ihr möchtet) - Hier sollte die Farbe bei 1:2 der KP hin (meistens Gelb)
      - Else
        Tint Picture 2... (in die Farben die ihr möchtet) - Hier sollte die standard Farbe der KP hin (meistens Grün)

(http://www3.pic-upload.de/27.04.10/herv4xokg7wz.png) (http://www.pic-upload.de/view-5442208/hjgj.png.html)

Wenn ihr das einbaut, müsst ihr es gleich unter die KP-Berechnung druntersetzen.
Die Zahlen haben wieder was mit der Größe der Liste zu tun.
Da die Leiste 120 Lang ist, und wenn die KP um 1 sinkt um 2 Pixel nach links verschoben wird,
läuft sie unter dem Rahmen aus dem Bildschirm raus. Das ist das Geheimnis der Sache.
Daher -60 bei der Hälfte der KP, 90 bei 1:3 und 105 bei 15:2 KP.

4.Beispiel-Projekt:
http://www.file-upload.net/download-2470193/Crazy-Ninja--Battle.rar.html (http://www.file-upload.net/download-2470193/Crazy-Ninja--Battle.rar.html)
Aus meinem neusten Projekt.
(2-Player Game)
Titel: Re: Schöne Leisten-Anzeigen (zb. wie bei Pokemon die KP-Leiste)
Beitrag von: Cyangmou am April 27, 2010, 17:26:34
Warum veränderst du net einfach die Bildgröße? Man kann die leiste ja stauchen.
Wenn du dich dann auf die % der vorhandenen KP beziehst und den x-Faktor der Leiste an diesen anpasst, wärs doch mit Sicherheit kein Problem auch Dynamische KP-Maxima anzuzeigen und auch zB 77HP bei einer 60Px. langen Leiste problemlos anzuzeigen, da es wie gesagt mit Prozenten arbeitet. .
Titel: Re: Schöne Leisten-Anzeigen (zb. wie bei Pokemon die KP-Leiste)
Beitrag von: Boogatie Roll am April 27, 2010, 18:04:22
@Cyangmou :

Wenn man sie staucht, sieht sie gleich so verpixelt aus.
Und mit Prozent kann man ja selber erweitern,
meine Version ist halt so.
Ich habe es auch schon mit mehreren Höchstwerten gemacht.
Titel: Re: Schöne Leisten-Anzeigen (zb. wie bei Pokemon die KP-Leiste)
Beitrag von: Vizard am April 27, 2010, 18:17:10
sieht sehr schön aus. habe mich schon gefragt wann endlcih jemand sowas fertig macht :D
daumen hoch ;)
Titel: Re: Schöne Leisten-Anzeigen (zb. wie bei Pokemon die KP-Leiste)
Beitrag von: BenjiXD am Mai 01, 2010, 10:49:06
Cooles Tut, hab ich mich auch schon lange mal gefragt, könte ich evt. sehr gut gebrauchen^^
SimplePortal 2.3.3 © 2008-2010, SimplePortal