[RGSS] Finestre Selezionabili

[Sleeping Leonhart]

Creazione di una finestra Selezionabilel

1.0

 

1. Introduzione

Per

: RPG MakerXP/VX

Autore

: The Sleeping Leonhart

Descrizione

: Ampliamento del tutorial sulla creazione di finestre, nello specifico insegna la creazione di finestre selezionabili.

Ultima modifica

: 02/03/2009

 

2. Tutorial

Le finestre selezionabili sono un tipo di finestra che permette di selezionare qualcosa(ma va?).

Un esempio di finestra selezionabile è la finestra di selezione del titolo, la finestra di selezione delle skill ecc...

La creazione delle finestre selezionabili non differisce di molto da quella per le finestre normali, per prima cosa dobbiamo definire la nostra finestra selezionabile

class NOMEFINESTRA < Window_Selectable

end

generalmente viene usata la stessa nomenclatura usata nelle normali finestre, cioè

Window_Qualcosa < Window_Selectable

Window_Selectable è la classe che fa ereditare la proprietà di finestra selezionabile alla nostra finestra,

Window_Selectable è a sua volta parente della classe Window_Base quindi possiamo usare tutti i comandi usati

per creare le finestre normali.

OK.... ora definita la classe, come consuetudine inizializziamo la finestra

  def initialize
super( X, Y, LARGHEZZA, ALTEZZA)
self.contents = Bitmap.new( width - 32, height - 32)
@item_max = NUMEROOGETTIMASSIMI
@column_max = NUMERODICOLONNE
refresh
 end

L'inizializzazione di una finestra selezionabile è simile a quella di una finestra normale, nelle finestre selezionabili però vengono aggiunti due nuovi valori,

@item_max, che indica alla finestra il numero totali di oggetti selezionabili che ci saranno nella finestra, e @item_max, che indica il numero massimo di colonne in cui saranno disposti gli oggetti.

Spesso nelle finestre selezionabili il contents viene fatto piu grande di come lo definiamo di solito, questo perchè gli ogetti che vogliamo disegnare non entrano nella finestra,

un esempio è la Window_Command, se osservate il suo contents lo troverete scritto così

self.contents = Bitmap.new(width - 32, @item_max * 32)

quindi largo quanto la finestra ma lungo quanto gli ogetti * 32, nel VX il valore che moltiplica è WLH (cioè 24), questo perchè il VX ha una risoluzione inferiore e quindi come espediente per disegnare più oggetti viene data meno spaziatura tra un ogetto e l'altro. Di standard il cursore di una finestra selezionabile è impostato su -1, e quindi non viene mostrato, per ovviare possiamo mettere subito dopo refresh

self.index = 0

in questo modo avremo il cursore posizionato sul nostro primo oggetto.

Adesso è giunto il momento di disegnare nella finestra, come ho gia detto i metodi per disegnare su una finestra selezionabile sono gli stessi delle finestre normali.

Per far si che però in nostri oggetti siano allineati al cursore di selezione bisogna conoscere le coordinate in cui esso apparirà e di conseguenza disegnare in quelle coordinate, quello che si fa di solito è fare un ciclo da 0 a @item_max al cui interno vengono calcolate le coordinate dell'oggetto e fatto scrivere, esempio

def refresh
 self.contents.clear
 for i in 0...@item_max
x = i % @column_max * 32
y = i / @column_max * 32
self.contents.draw_text(x, y, 96, 24, "Oggetto #{i + 1}")
 end
end

Questo esempio è molto rudimentale ma penso che renda bene l'idea, in alternativa vi consigli di spulciarvi le seguenti finestre:

Window_Skill

Window_Item

Window_Target

Window_ShopCommand

Ce ne sono altre, ma queste sono quelle che al momento mi sono venute in mente.

Se guardate bene in alcune di queste finestre è definito il metodo

def update_help
 QUALCOSA
end

Questo metodo permette di scrivere qualcosa sulla Window_Help una volta selezionato un comando, al momento sconsiglio di toccarlo in quento verrà ripreso meglio nelle Scene.

 

Ok adesso un finestra di esempio, questa finestra mostra i valori delle variabili:

 

class Window_ProvaDiSelezione < Window_Selectable
 def initialize
super(0, 0, 480, 256)
#Gli oggetti massimi sono il numero delle variabili
@item_max = $data_system.variables.size - 1
#Gli oggetti verranno disposti in 2 colonne
@column_max = 2
#Il contenuto è calcolato normalmente per la larghezza, mentre per
#l'altezza viene usata il numero di ogetti massimi disviso il numero di colonne,
#così da ottenere le righe, e poi le righe vengono moltiplicate per 32
self.contents = Bitmap.new(width - 32, 32 * (@item_max / @column_max))
refresh
self.index = 0
 end
 
 def refresh
self.contents.clear
#ciclo per disegnare per ciascun oggetto
for i in 0...@item_max
  #viene richiamato un metodo che disegnerà quello che vogliamo scrivere
  #per l'oggetto i
  draw_item(i)
end
 end
 
 def draw_item(index)
#calcola le coordinate basate sull'indice dell'oggetto
x = index % @column_max * (self.width / @column_max)
y = index / @column_max * 32
#scrive il numero della variabile più il valore in essa contenuto
self.contents.draw_text(x + 4, y + 4, 240, 24, sprintf("%04d : #{$game_variables[index + 1]}", index + 1))
 end
end

 

Immagine:

 

http://img530.imageshack.us/img530/304/immaginei.png

 

[Darklink92]

Bene, ma se volgio fare che una volta selezionata la scelta accade qualcosa?

[Guardian of Irael]

Di nuovo ottimo tutorial Sleeping! Complimenti^ ^

Quando mi deciderò ad imparare il ruby passerrò sicuramente da quì!

[Sleeping Leonhart]

Bene, ma se volgio fare che una volta selezionata la scelta accade qualcosa?

Be per quello vi devo spiegare le scene, cioè lo script che mostra le finestre e gli fa svolgere delle azioni, appena posso scrivo un tutorial anche su quello, scene e finestre sono complementari, con le scene senza finestre non fai niente mentre le sole finestre te le dai in faccia se non le metti in una scena (spero che ho reso l'idea)

 

Di nuovo ottimo tutorial Sleeping! Complimenti^ ^

Quando mi deciderò ad imparare il ruby passerrò sicuramente da quì!

Grazie ^^

[Valentino]

come si fa a colorare un solo UN oggetto della window selectable quando nella scene si preme un tasto?

ho provato in vari modi ma non riesco, sono riuscito solo facendo altre finestre per ogni comando XD

[Gale]

Tutorial fantastico, però ho un problemino nella finestra selezionabile, quando vado a muovere il cursore (index) rimane fermo sul primo oggetto se l'index è 0 rimane fermo sul primo oggetto non è che devo aggiungere qualcosa al main?

 

 

class Finestra_prova < Window_Selectable

def initialize

super (0,0, 314, 476)

self.contents = Bitmap.new(width - 32, height - 32)

@item_max = 4

@column_max = 1

self.index = 0

refresh

end

def refresh

self.contents.clear

for i in 0...@item_max

x = i % @column_max*32

y = i / @column_max*32

self.contents.draw_text(x, y, 96, 24, "Oggetto #{i + 1}")

end

end

end

class Finestra_Due < Window_Base

def initialize

super( 318, 0, 314, 476)

end

end

class Scene_Prova

def main

$game_system.se_play($data_system.decision_se)

@finestra = Finestra_Sega.new

@finestra2 = Finestra_Due.new

Graphics.transition

loop do

Graphics.update

Input.update

update

if $scene != self

break

end

end

@finestra.dispose

@finestra2.dispose

end

def update

if Input.trigger?(Input::B)

$game_system.se_play($data_system.cancel_se)

$scene = Scene_Map.new

end

end

end

 

 

 

 

Ok ho risolto da solo, ma come faccio a collegare una scene quando premo invio su un determinato index?

Edited December 17, 2013 by Gale