Créer un Ecran titre customisable à volonté

Bonsoir,

À la sortie prochaine de mon projet, je souhaite dès à présent partager certains systèmes personnels que j'ai fait pour les besoins du jeu. Il y aura quelques tutoriels sur différentes choses, plus ou moins toujours à la portée de chacun.

Commençons donc par l'écran titre customisable, en script et en event.

1) Insérer ce script au-dessous de Materials (conseillé de le mettre en haut de liste pour éviter d'éventuelles incompatibilités) : http://www.rpgmakervxace.net/topic/152-mouse-system/

2) Paramétrer ce script :

  # L'image utilisée pour affichée le curseur de la souris
   CURSOR_IMAGE = "curseur-image"
   
   # Si l'image au-dessus n'existe pas, sélectionnez l'icône que vous souhaitez.
   CURSOR_ICON = 386
   
   # Activer cet interrupteur désactive totalement la souris. 1 est le N° ID de l'Interrupteur utilisé.
   TURN_MOUSE_OFF_SWITCH = 1
   
   # Permettre au joueur de se déplacer par clique de souris ?
   # Peut être changé en cours de jeu avec cette commande de script : toggle_mouse_movement(true/false)
   ALLOW_MOUSE_MOVEMENT = false
   
   # Voulez-vous un carré noir pour afficher le carreau dont la souris passe dessus ?
   DEV_OUTLINE = false

  # Police d'écriture utilisée (doit être installée sur votre ordinateur)
  FONT = "Augusta"
   
  # Couleur de la police (Rouge, Vert, Bleu, Gris)
  COLOR = Color.new(255, 255, 255, 255)
   
  # Taille de la police
  SIZE = 18

3) Insérer ce script au-dessous de Materials : http://www.rpgmakervxace.net/topic/271-skip-title-screen/

4) Créer une nouvelle carte vide nommée Ecran titre, et choisir une musique, laisser les autres paramètres par défaut. Définissez l'emplacement de départ de votre héros sur cette carte. Cochez Héros transparent dans la BDD, onglet Système.

5) Créer un événement en processus parallèle pour activer l'écran titre :

Activer écran titre:

6) Créer un événement en processus parallèle pour définir les zones cliquables de la souris et gérer la sauvegarde :

Zones cliquables:

Zones cliquables suite:

7) Créer les images souhaitées. Pour ma part, je me suis servis de cette image pour l'écran titre :

Ecran titre:

8 ) Créer le cadre de l'écran titre, à savoir les textes des zones cliquables. J'ai pour ma part créer sur paint ceci :

cadre écran titre:

9) Définir les zones cliquables. Celles utilisées dans le point N°6 ne sont valables que si vous reprenez les mêmes textes aux mêmes positions. Voyons maintenant comment définir de nouvelles zones.

Vous avez cette commande : Mouse.area?(X,Y, XW, YH)

où X = Coordonnée X de votre image (544*416 pixels). // Y = Coordonnées Y de votre image.// XW (X weight) = largeur en pixel de la zone cliquable (part depuis la coordonnée x et agrandit le rectangle de x en largeur). // YH = hauteur en pixel de la zone cliquable (part depuis la coordonnée x et agrandit le rectangle de y en hauteur).

Exemple : Vous avez écrit Nouveau jeu sur votre image à l'aide de paint, gimp, etc. en coordonnée X (120) et Y (150). Vous écrirez donc cette commande : Mouse.area?(120,150, XW, YH).

Maintenant, revenez à votre éditeur d'image, et pointez le curseur à l'extrême droite de votre texte (doit le toucher d'un pixel) et calculez la différence entre ce nombre et 120. Cette différence sera la largeur de votre rectangle, soit XW (95 par exemple). Vous écrirez donc cette commande : Mouse.area?(120,150, 95, YH).

Revenez encore à l'éditeur d'image, et pointez le curseur à l'extrême bas de votre texte (doit le toucher d'un px) et calculez également la différence entre ce nombre et 150. Cela vous donnera la hauteur de votre rectangle, soit YH (35 par exemple). Vous aurez donc comme commande finale : Mouse.area?(120,150, 95, 35).

10) Répétez l'opération pour chaque texte présent. Ce qui inclut que vous devez créer une image pour le cadre, une supplémentaire par option sélectionnée et une par option choisie. Ainsi, pour mon écran titre (Tutoriel, Nouveau Jeu, Continuer, Quitter et Crédits), j'ai 11 images.

Pour voir le résultat, cliquez sur ma signature, il y a mon écran en français et en anglais. Ce tutoriel n'est que pour la partie française. J'espère que j'aurai été suffisamment clair et vous souhaite une bonne lecture.

Viper