RMXP > Ruby-Script: Bräuchte Hilfe bei grafischem Menu-Window!

[Lil_Lucy]

Hallo,

ich würde gerne in einem Spiel im Item-Menü ein zusätzliches Fenster anzeigen, welches größere Bilder der ausgewählten Items anzeigt.

Mein Ruby reicht soweit, dass ich Fenstergrößen und Positionen ändern kann, aber nicht weit genug um dem Maker konkret zu sagen welche Dateien aus welchen Ordnern er wo anzuzeigen hat. Ich bräuchte in diesem Punkt etwas Hilfe.
Es wäre übrigens super wenn ich die entsprechenden Bilddateien direkt entweder über den Namen des Items oder den Dateinamen des Icons ermitteln lassen könnte, also zum Beispiel einfach eine gleichnamige Datei aus den Picture-Ordner ansteuern zu lassen.

Wäre lieb wenn mir da jemand helfen könnte. Neue Sachen zu lernen macht zwar Spaß, aber das ganze Programmiergedöhns überfordert leider leicht meine Konzentrationsfähigkeiten

MfG


Lil_ucy

[Cornix]

Das sollte relativ einfach gemacht sein. Hättest du gerne ein zusätzliches statisches Fenster im Menü, oder möchtest du lieber, dass es erst mit einem Tastendruck erscheint?
Beides sollte selbst für einen Anfänger einigermaßen "schnell" erledigt sein.

Du kannst auch die Bilddatei direkt über den Namen des Items oder des verwendeten Icons auswählen lassen.

[Lil_Lucy]

Ein statisches Fenster, bitte! Wenn Du, oder sonst jemand mir das machen könnte wäre das super, dann könnt ich mich wieder auf die anderen Aspekte konzentrieren, welche mir mehr liegen.

Auch wenns vielleicht Anfängerkram ist, ich komm bei all den kryptischen Begriffen und Zahlen immer leicht durcheinander und bin dann frustriert. An Sprites rumpixeln und Dialoge schreiben liegt mir irgendwie mehr ^-^

[Kelven]

Ein Problem beim Item-Menü könnte aber sein, dass das Fenster dem Item-Fenster ja einigen Platz wegnimmt. Zumindest wenn du den Standardaufbau benutzt.

[Cornix]

Ich werde das Script nicht für dich schreiben, aber wenn du es willst werde ich dir gerne im Detail erklären wie du es selbst tun kannst.

[Lil_Lucy]

Ein Problem beim Item-Menü könnte aber sein, dass das Fenster dem Item-Fenster ja einigen Platz wegnimmt. Zumindest wenn du den Standardaufbau benutzt.

...

Hehe, das ist kein Problem. Ehrlich gesagt, das Fenster ist nötig geworden, weil ich einige andere Elemente aus dem Menü wegen spielbezogener Nutzlosigkeit entfernt habe.

Ich werde das Script nicht für dich schreiben, aber wenn du es willst werde ich dir gerne im Detail erklären wie du es selbst tun kannst.

...

Schon klar, Du brauchst kein komplettes Script für mich zu schreiben. Mir würden schon die Codezeilen reichen, mit denen ich die Bilddatei finden und anzeigen lassen kann. Den allgemeinen Fensteraufbau werd ich mir dann zusammenkopieren und ein bisschen rumprobieren, bis alles hinhaut

[Kelven]

Auch wenn ich nicht Cornix bin: So ungefähr zeigt man allgemein ein Bild im XP an (zumindest machen es die Leute von Enterbrain so). Da du dich mit der Programmierung nicht so auskennst, werde ich dich nicht mit Fachwörtern erschlagen.

Code:

class Bild    
  # Grundsätzlich ist es so, dass Bilder auf Bitmap-Objekten angezeigt werden,
  # die wiederum zu einem Sprite gehören. Das Bitmap ist hier quasi so etwas
  # wie eine Zeichenfläche. Nichts anderes wird hier bei "Initialize"
  # angelegt.
  def initialize
    @bild = Sprite.new    
    @bild.bitmap = Bitmap.new(640, 480)       
  end
  
  # Hier wird das Bild angezeigt
  def zeigeBild
    # Der Dateiname kann natürlich auch aus der Datenbank ausgelesen werden,
    # ich hab hier der Einfachheit halber einen festen genommen
    dateiname = "HorstDerStab"
    
    # Damit nun ein Bild angezeigt werden kann, muss man zunächst das zu
    # zeigende Bild aus einer Datei laden. Dies wird dann in einem temporären
    # Bitmap gespeichert
    tempBild = Bitmap.new(dateiname)
    
    # Schließlich muss dem XP gesagt werden, welcher Ausschnitt des Bildes
    # angezeigt werden soll. Dafür wird ein Rechteck definiert.
    # Die Werte sind:
      # x-Koordinate links oben
      # y-Koordinate links oben
      # Die Breite des Ausschnitts
      # Die Höhe des Ausschnitts
    # In diesem Fall soll das ganze Bild anzeigt werden, also starte ich bei
    # 0,0 und nehme Breite und Höhe des Bildes.
    bildRect = Rect.new(0, 0, tempBild.width, tempBild.height)
    
    # Die Methode blt kopiert quasi Pixel für Pixel den gewählten Ausschnitt
    # an die Position, die anfangs angegeben wird, in diesem Fall also 10, 10.    
    # Die Werte sind hier:
      # x-Koordinate links oben
      # y-Koordinate links oben
      # Das Ursprungsbild
      # Der zu kopierende Ausschnitt, der immer als Rect angegeben wird.
    @bild.bitmap.blt(10, 10, tempBild, bildRect)
  end  
end

Testen kannst du, indem du per Event-Befehl Script Folgendes eingibst:

Code:

$test = Bild.new
$test.zeigeBild

Hier noch das Bild zum Testen.

Das Bild jetzt in einem Menü anzuzeigen, ist natürlich noch etwas komplizierter.

Ach so, eine Sache hab ich noch vergessen. Grundsätzlich ist es immer gut, die angelegten Bilder zu entfernen, wenn sie nicht mehr benötigt werden. Im Menü wäre das der Fall, wenn der Spieler das Menü verlässt. Dazu ruft man die Methode dispose auf. Beim Beispiel oben müsste dafür noch Folgendes vor das letzte end.

Code:

def dispose
   @bild.dispose
end

Löschen würde man dann mit

Code:

$test.dispose

Falls ich hier Unsinn schreibe bitte sofort verbessern.

[Cornix]

Okay, hier einmal im Groben:
1) Musst du eine neue Klasse anlegen für dein zusätzliches Window. Zum Beispiel mit dem Namen Window_Preview. In dieser Klasse werden wir später programmieren wie ein Bild dargestellt wird.
2) Als nächstes müssen wir die Scene_Item (eine bereits vorhandene Klasse) abändern um unser neues Window_Preview einbinden zu können. Genaueres dazu später.
3) Zum Schluss kümmern wir uns darum, dass alle Informationen korrekt übertragen werden damit wir auch das richtige Bild anzeigen können.


So, jetzt im Detail. Für dein eigenes Window kannst du dich einmal an den bereits vorhandenen orientieren. Die Klasse Window_Help könnte hierfür ein guter Ausgangspunkt sein. Diese Klasse wird verwendet um eine kurze Beschreibung zu Items oder Fähigkeiten zu zeigen, unter anderem auch im Item-Menü.
Am Anfang könnte unsere Klasse wie folgt aussehen:

Code:

class Window_Preview < Window_Base
  
  def initialize
    x = 0
    y = 64
    width = 640
    height = 128
    super(x, y, width, height)
  end
  
  def set_item(item)
    # kommt später
  end
  
end

Beachte, die Positionierung unseres Fensters, ich habe hier y = 64 gewählt, weil das Window_Help (mit der Item-Beschreibung) eine Y-Position von 0 und eine Höhe von 64 hat. Dementsprechend wird unser Preview-Window direkt unter dem Help-Window sein.
Das bedeutet auch, dass wir die Position und Höhe des Item-Windows anpassen müssen.
Also gehen wir zur Klasse Window_Item, hier verändern wir wie die Position und Dimension im Konstruktor gesetzt wird.

Das hier wäre eine gute Variante die Klasse zu verändern:

Code:

#==============================================================================
# ** Window_Item
#------------------------------------------------------------------------------
#  This window displays items in possession on the item and battle screens.
#==============================================================================

class Window_Item < Window_Selectable
  #--------------------------------------------------------------------------
  # * Object Initialization
  #--------------------------------------------------------------------------
  def initialize
    y = 64 + 128
    height = 480 - y
    super(0, y, 640, height)
    # Ab hier interessiert uns der Code nichtmehr...
    
    @column_max = 2
    refresh
    self.index = 0
    # If in battle, move window to center of screen
    # and make it semi-transparent
    if $game_temp.in_battle
      self.y = 64
      self.height = 256
      self.back_opacity = 160
    end
  end
 
 # Der Rest interessiert uns im Moment nicht
 
end

Dadurch wird das Item-Window genau unterhalb unseres Preview-Windows platziert und den restlichen Platz bis zum Bildschirmrand einnehmen.


Als nächstes packen wir unser Fenster in die Scene_Item. Wir müssen uns um folgende Dinge kümmern:
1) Fenster erstellen
2) Fenster vernichten
3) Fenster updaten und Inhalt setzen

Dabei kannst du dich daran orientieren wie die anderen Fenster bedient werden, nämlich das @item_window und das @help_window.
Dort wo diese Fenster erstellt werden erstellen wir am besten auch unser Preview-Window, zum Beispiel:

Code:

@preview_window = Window_Preview.new

Ebenfalls in der Main-Methode werden die Fenster wieder zerstört, das passiert über die "dispose" methode.
Also:

Code:

@preview_window.dispose

dort wo auch die beiden anderen Fenster entfernt werden.

Jetzt noch das update, dafür fügst du in der Methode "update" der Scene_Item die Zeile:

Code:

@preview_window.update

dort ein wo auch die übrigen Fenster ge-updated werden.


Jetzt ist das Fenster bereits in unserem Menü, nur wird noch nichts angezeigt. Worum wir uns zuerst kümmern sollten ist, dass wir die Information über das ausgewählte Item zu unserer Window_Preview-Klasse bekommen.
Auch hier schauen wir einmal wie es mit dem Window_Help getan wird, immerhin bekommt dieses Fenster auch seine Informationen über das ausgewählte Item.
Mit ein wenig recherche werden wir erkennen, dass das Update für unser Fenster in der Klasse Window_Item geschieht. Hier gibt es die Methode "update_help" wo das Beschreibungs-Fenster über das ausgewählte Item informiert wird.
An genau dieser Stelle werden wir jetzt auch dafür sorgen, dass unser Preview-Window auch über das Item informiert wird.
Damit das Item-Window unser Fenster informieren kann muss es eine Variable besitzen, welche auf das Fenster verweist. Ich nenne diese Variable einmal @preview_window.
Die update_help Methode von Window_Item könnten wir nun wie folgt schreiben:

Code:

class Window_Item < Window_Selectable

  attr_accessor :preview_window

  # Der Rest interessiert uns ersteinmal nicht

  #--------------------------------------------------------------------------
  # * Help Text Update
  #--------------------------------------------------------------------------
  def update_help
    @help_window.set_text(self.item == nil ? "" : self.item.description)
    # Informiert das Preview-Window über das ausgewählte Item
    if @preview_window != nil
      @preview_window.set_item(self.item)
    end
  end
end

Bitte beachte, wir prüfen ersteinmal ob ein solches Fenster überhaupt existiert! Das ist wichtig, weil das Window-Item ebenfalls im Kampf eingesetzt wird und wir dort kein Preview-Window haben!
Auch wichtig: Die Zeile "attr_accessor review_window". Hier definieren wir unsere Variable!

Nun müssen wir uns auch noch darum kümmern, dass das Item-Window unser Preview-Window kennt. Das tun wir wieder in der Scene_Item, denn dort wird auch das Help-Window erstellt und bekannt gemacht.
In der "main" Methode gibt es dort die Zeile:

Code:

@item_window.help_window = @help_window

auf die gleiche Art und Weise gehen wir jetzt mit unserem Preview-Window vor:

Code:

@item_window.preview_window = @preview_window

Das letzte was fehlt ist nun nurnoch, dass die Bilder korrekt angezeigt werden. Dafür gehen wir zurück in die Klasse Window_Preview. Nun ist es Zeit die Methode "set_item(item)" zu implementieren.
Hier einmal eine sehr einfache Implementierung, welche einfach das Icon des Items wiederholt:

Code:

class Window_Preview < Window_Base
  
  def initialize
    x = 0
    y = 64
    width = 640
    height = 128
    super(x, y, width, height)
    
    @item = nil
  end
  
  def set_item(item)
    if item != @item
      @item = item
      self.contents = RPG::Cache.icon(item.icon_name)
    end
  end
  
end

Bitte beachten, wir prüfen ersteinmal ob das neue Item ein anderes ist als das Item, welches wir gerade anzeigen!
Das ist wichtig um die Performance zu verbessern, aber nicht zwangsweise notwendig; ich würde es trotzdem dringend empfehlen.

Sofern das Item ein neues Item ist setzen wir die "contents" von dem Window auf "RPG:ache.icon(item.icon_name)". Die "contents" sind tatsächlich ein Bitmap, ähnlich wie das was Kelven vorher bereits angesprochen hat. Hier könntest du also ein neues Bitmap erstellen falls du es willst, für diesen einfachen Fall nehmen wir aber einfach nur das vorhandene Icon aus dem Cache.
Der Cache speichert alle Bilder, welche schoneinmal geladen wurden zwischen. Dadurch wird das Script schneller weil eine Datei nicht immer wieder neu von der Festplatte geladen werden muss.
Hier laden wir ein Bild von dem Ordner "icon". Du kannst auch aus dem Ordner "picture" oder jedem anderen laden.
Zum Beispiel mit:

Code:

self.contents = RPG::Cache.picture(item.icon_name)

Noch eine wichtige Sache:
Wenn du Bilder aus dem Cache lädst anstatt selbst welche zu erstellen darfst du sie NICHT mit dispose zerstören! Das hätte fatale Folgen.
dispose solltest du nur dann einsetzen wenn du das Bild mit "Bitmap.new" selbst erstellt hast.


Ich hoffe das ist ausreichend, um dir fürs erste den Weg zu zeigen deine eigene Version zu schreiben.
Falls du noch Fragen hast dann stell sie einfach.

[Lil_Lucy]

Ah, schön, Ihr habt euch ja sogar richtig Mühe gemacht, danke

Also das Fenster hab ich jetzt und es funktioniert auch. Allerdings hab ich zwei kleine Problemchen.

Punkt 1 ist: Scheinbar gibt er beim Anzeigen des Bildes im Fenster noch etwas Spielraum an den ändern, soll heißen: Ein Fenster mit den Maßen 320x240 Pixel zeigt ein Bild mit den gleichen Maßen nicht deckungsgleich über dem Fenster an. Kann mir jemand bitte sagen, warum und vor allem, wie groß der Abstand genau ist, damit ich das kompensieren kann?

Punkt 2: Wie kann ich bei "set_item" noch eine Abfrage einbauen ob eine Datei mit dem Namen der Icon-Grafik tatsächlich im Picture-Ordner liegt? Möchte gerne eine Platzhalter-Grafik anzeigen lassen, wenn das nicht der Fall ist, statt einer Fehlermeldung mit Programmabbruch. Ist hauptsächlich für Testspiele während der Entwicklung, wenn ich noch nicht für jedes neue Item ein passendes Bild habe.

Auf jedenfall vielen lieben Dank schon mal!

MfG

Lil_Lucy

[Cepanks]

Punkt 2: Wie kann ich bei "set_item" noch eine Abfrage einbauen ob eine Datei mit dem Namen der Icon-Grafik tatsächlich im Picture-Ordner liegt? Möchte gerne eine Platzhalter-Grafik anzeigen lassen, wenn das nicht der Fall ist, statt einer Fehlermeldung mit Programmabbruch. Ist hauptsächlich für Testspiele während der Entwicklung, wenn ich noch nicht für jedes neue Item ein passendes Bild habe.

...

Code:

def set_item(item)
  if item != @item
    @item = item
    begin
      self.contents = RPG::Cache.icon(item.icon_name)
    rescue
      self.contents = RPG::Cache.icon("platzhalterbild")
    end
  end
end

Alternativ geht auch File.exist?, allerdings weiß icht nicht, ob sich das mit verschlüsselten Dateien verträgt.

Code:

def set_item(item)
  if item != @item
    @item = item
    if File.exist?("Graphics/Icons/#{item.icon_name}")
      self.contents = RPG::Cache.icon(item.icon_name)
    else
      self.contents = RPG::Cache.icon("platzhalterbild")
    end
  end
end

[Cornix]

Punkt 1 ist: Scheinbar gibt er beim Anzeigen des Bildes im Fenster noch etwas Spielraum an den ändern, soll heißen: Ein Fenster mit den Maßen 320x240 Pixel zeigt ein Bild mit den gleichen Maßen nicht deckungsgleich über dem Fenster an. Kann mir jemand bitte sagen, warum und vor allem, wie groß der Abstand genau ist, damit ich das kompensieren kann?

...

Die Window-Klasse besitzt zwei Attribute, "ox" und "oy", diese beiden Attribute geben eine Verschiebung des contents in pixeln an. Mit ox kannst du die contents nach links schieben; mit oy nach oben. Um jeweils nach Rechts / Unten zu schieben musst du entsprechend negative Werte verwenden.
Im Moment hast du die linke obere Ecke deines Bildes an dem Punkt (0, 0). Du willst aber, dass das Bild in der Mitte des Fensters zentriert wird. Dafür brauchst du eine kleine Rechnung; denk kurz darüber nach, vielleicht kommst du ja von selbst drauf.
Hier ein kleiner Tipp, du kannst die Attribute "width" und "height" sowohl von der Window-Klasse als auch von den contents verwenden.
Sprich:

Code:

self.width

gibt die Breite des Fensters in Pixeln an, und

Code:

self.contents.width

gibt die Breite des Bildes für das Item in Pixeln an. Natürlich muss das Bild dafür davor gesetzt worden sein.

Punkt 2: Wie kann ich bei "set_item" noch eine Abfrage einbauen ob eine Datei mit dem Namen der Icon-Grafik tatsächlich im Picture-Ordner liegt? Möchte gerne eine Platzhalter-Grafik anzeigen lassen, wenn das nicht der Fall ist, statt einer Fehlermeldung mit Programmabbruch. Ist hauptsächlich für Testspiele während der Entwicklung, wenn ich noch nicht für jedes neue Item ein passendes Bild habe.

...

Leider ein kleines bisschen kompliziert.
Damit du dies in Ruby überprüfen kannst musst du das Modul "FileTest" verwenden. Das Modul besitzt eine Methode namens "exists?" welche überprüft, ob eine Datei existiert oder nicht.
Diese Methode benötigt jedoch einen Dateipfad als Parameter.

Hier ein kleines Code-Schnipsel um nach einem Picture zu prüfen:

Code:

  def set_item(item)
    if item != @item
      @item = item
      path = "Graphics/Pictures/"+item.icon_name+".png"
      # Prüft ob das Picture im Picture-Ordner existiert oder nicht
      if FileTest.exists? (path)
        self.contents = RPG::Cache.picture(item.icon_name) # Lädt ein Picture aus dem Picture-Ordner
      else
        self.contents = Bitmap.new(1, 1) # erstellt ein neues, leeres Bitmap
      end
    end
  end

Vielleicht hilft dir das ja weiter.

[Lil_Lucy]

O.K. Also die Methode von Cepanks, mit dem "rescue", hat super funktioniert. Das haut schon mal hin, danke

Allerdings bin ich bei Punkt 1 noch dezent überfordert
Ich weiß leider nicht so recht was ich mit "ox" und "oy" anfangen soll, weil, ich seh nicht, wo ich die ändern kann. Muss an der Stelle auch zugeben, dass ich nie so recht dahinter gestiegen bin, was Methoden wie "self" oder "super" eigentlich genau machen.
Mir würde es ja reichen zu wissen wie viele Pixel der Toleranzrahmen in einem Fenster beträgt, bzw. wie sich das errechnet, dann könnt ich zur Not die Bilddatei von vornherein anpassen.

Tut mir Leid, wenn ich mich da grade etwas blöd anstelle, aber wie gesagt, mein gesamtes Verständnis von Programmierung basiert mehr oder weniger auf "Pfusch and Error" ^^"