❤ 1Gari Domaine : RGSS
Niveau : Moyen
Bon les fenêtres qu'est ce que c'est ??? Ce sont les principales composants des écrans "systèmes" (menu, boite de dialogue, statut, etc), donc des Scene_xxxx.
Je parlerai d'abord de l'interaction de la fenêtre dans une scène... puis de la création à proprement parler de celle-ci.
On a donc Scene_xxxx qui appelle une ou des Window_xxxx.
Elle les appelle en les attribuant à des variables de sa classe.
Exemple :
1
2
3
4
5
| Class Scene_xxxx
def main
@fenetre = Window_xxxx.new
....
end |
@fenetre est donc un objet "de type" Window_xxxx, appartenant à Scene_xxxx.
Par conséquent à chaque fois que l'on veut faire quelque chose avec cette fenetre, à partir de la Scene... il faut utiliser @fenetre.
Maintenant regardons dans Scene_xxxx, ce qui se passe avec @fenêtre.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
| class Scene_xxxx
def main
@fenetre = Window_xxxx.new
Graphics.transition
loop do
Graphics.update
Input.update
update
if $scene != self
break
end
end
Graphics.freeze
@fenetre.dispose
end
#-----------------------
def update
@fenetre.update
if Input.trigger?(Input::B)
$scene= Scene_yyyy.new
end
end
end |
Le principe de Scene_xxxx est d'afficher une fenêtre de type Window_xxxx et de passer à Scene_yyyy si j'appuie sur la touche B.
On voit 2 autres interactions avec @fenetre :
le .dispose et le .update ^^
Le dispose permet de détruire la fenêtre et le update, de la mettre à jour.
Une Scene doit toujours avoir au moins ces 3 appels (new, dispose, et update) pour qu'une fenêtre fonctionne correctement.
Bon maintenant qu'on a vu comment ca marche dans Scene_xxxx, regardons dans Window_xxxx.
Exemple de Window_xxxx :
1
2
3
4
5
6
7
8
9
10
| class Window_xxxx < Window_Base
def initialize
super(0,0,320,240)
self.contents = Bitmap.new(width - 32, height - 32)
refresh
end
def refresh
self.contents.clear
end
end |
Bon, alors qu'est ce qu'on a ???
Très important, la définition de la classe :
class Window_xxxx
Le "< Window_Base" indique que Window_xxxx est une classe de type Window_Base, et que par conséquent elle hérite des méthodes et attributs de cette dernière.
Bon. C'est pas le plus important dans notre tuto...^^
On a 2 fonctions obligatoires pour ce type de classe :
- Initialize
- Refresh
Initialize crée la fenêtre, elle appelle la fonction Initialize de Window_Base, grâce au "SUPER" (super appelle la méthode de nom identique mais appartenant à la classe parente)
Ici le Initialize de Window_Base prend des paramètres qui sont, dans cet ordre :
- Position en X(0 à gauche)
- Position en Y(0 en haut)
- Largeur
- Hauteur
Dans mon exemple, toutes les fenêtres de types Window_xxxx s'afficheront en 0,0 avec une largeur de 320 et une hauteur de 240 (soit un quart de l'écran).
Puis je spécifie que contents est de type bitmap, qui a pour dimension la largeur - 32pixel et la hauteur - 32pixel.
Il est très important de créer ce bitmap, car c'est sur lui qu'on affichera le texte et autres. Ce bitmap, ce nomme contents, et on l'appelle grace à self.
Puis on appelle refresh...
refresh est la méthode où l'on spécifie le contenu de la fenêtre.
Ici notre fenêtre n'a aucun contenu, mais dispose quand meme d'une ligne de code :
Donc le clear permet d'effacer le contenu du bitmap^^ on le place généralement au début de refresh pour être sur de travailler sur une zone vide.
Si vous avez suivi ce que j'ai dit, vous comprendrez que clear est une méthode de la classe "Bitmap".
Bref...^^
Vous me dîtes : "c'est bien gentil une fenêtre vide... mais comment j'affiche mon texte ??"
Très simplement :
1
2
3
4
| def refresh
self.contents.clear
self.contents.draw_text(10, 10, 80, 32, "EXP",0)
end |
Grâce à la méthode "draw_text" de la classe ?????
… Mais, non, Bitmap bien sur ! ( c'est bien ils suivent au fond de la classe ! )
Voyons ses paramètres :
- Position en X
- Position en Y
- Largeur en Pixel
- Hauteur en Pixel
- La chaine de caractère (String en anglais)
- L'alignement (optionnel) -> 0 à gauche, 1 centre, 2 à droite
Donc là rien de bien sérieux...
Maintenant vous me dite.. et là couleur ???
Ben il existe aussi une propriété de Bitmap , qui s'appelle Font (police), qui a elle meme une propriété qui s'appelle color (couleur).
Il suffit donc de changer cette propriété pour notre Bitmap, qui s'appelle ????
… self.contents ! ^^
On obtient donc
1
2
3
4
5
| def refresh
self.contents.clear
self.contents.font.color = normal_color
self.contents.draw_text(10, 10, 80, 32, "EXP",0)
end |
Bon là vous me dîtes,"Treb arrête de nous prendre pour des idiots, j'ai jamais vu de couleur s'appeler "normal_color"...
C'est vrai... c'est ici un raccourci fourni par RMXP, qui évite de devoir écrire ceci :
1
| Color.new(255, 255, 255, 255) |
C'est en fait une méthode(appartenant à Window_Base)^^ qui ressemble à ceci:
1
2
3
| def normal_color
return Color.new(255, 255, 255, 255)
end |
Comment ça marche ?
C'est du R,V,B (Rouge, vert, bleu) la dernière est le niveau d'opacité. Ce niveau est facultatif, si vous ne le spécifiez pas, il sera à 255 (opaque).
On aurait donc pu faire cela dans notre refresh :
1
2
3
4
5
| def refresh
self.contents.clear
self.contents.font.color = Color.new(255, 255, 255, 255)
self.contents.draw_text(10, 10, 80, 32, "EXP",0)
end |
Ca aurait aussi bien marché...
Et pour changer la police de cette fenêtre ??
Très facile :
au lieu de color c'est name...
1
| self.contents.font.name="Comic sans MS" |
Voilà on sait remplir notre bitmap avec du texte... reste les images...
C'est pas beaucoup plus dur, vous inquiétez pas: :twisted:
1
2
3
4
5
| bitmap = RPG::Cache.character(actor.character_name, actor.character_hue)
cw = bitmap.width / 4
ch = bitmap.height / 4
src_rect = Rect.new(0, 0, cw, ch)
self.contents.blt(x - cw / 2, y - ch, bitmap, src_rect) |
Voici le code de la méthode Draw_actor_graphic(avec actor, x, et y comme paramètre).
Le processus est très simple. Je cree un nouveau bitmap temporaire, ici avec le fichier du perso passé en paramètre, puis je sélectionne avec un rectangle que je définie, la zone de ce bitmap "à copier"...
Ici, notre rectangle se place en 0,0 et ne prend qu' 1/16ème(largeur/4 et hauteur/4) de l'image, ce qui correspond au perso vu de face à l'arrêt.
Enfin je fusionne, ce bout de bitmap copié, avec celui de la fenêtre à la position x et y. (ici la position est calculé en plus.. je vous passe ce détail)
Voilà pour les images.
Bon, reste à comprendre le update ?? parce que dans scene j'appelle @fenetre.update, mais y'a pas de update dans Window_xxxx.
Ben Ruby est malin... si une méthode n'existe pas dans une classe il vérifie dans sa classe parente et utilise celle ci. Mais si y en a aucune... alors il plante. ^^
C'est pareil pour dispose... qui est définie dans Window_Base.
Ne définissez update que si vous en avez besoin... par exemple si y'a un truc pour la fenêtre qui se passe à chaque frame, ou un certain nombre de frame... et n'oubliez pas alors de passer un petit appel "super"
Voili voulou;. j'espère avoir été assez clair... :wink:
Mis à jour le 7 novembre 2020.
|
Chat
