Le Deal du moment : -67%
Carte Fnac+ à 4,99€ au lieu de 14,99€ ...
Voir le deal
4.99 €

Aller en bas
Spytje
Spytje
Administrateur

Nombre de messages : 5935
Localisation : La terre
Distinction : Spiraliste [Korn']
Forestia : Projet du mois juillet 2014
Papy Pulkigrat [Yama']
Date d'inscription : 16/03/2008

RPG Maker VX Ace Overlay mapping.

Sam 18 Jan 2014 - 18:23
Tutoriel Overlay Mapping
Voici ma méthode pour faire de l'overlay mapping, j'utilise cette méthode pour mon projet World of Forestia. ( Oui je fais de la pub!).

Si vous suivez bien vous serez capable de faire ce genre de map à la fin de ce tutoriel :

Overlay mapping. 212
Ce dont vous avez besoin :

- Rpg Maker Ace.
- Des ressources que vous pouvez trouver facilement sur le net.
- The Gimp (dispo est cette adresse : Lien ).

Vous avez aussi besoin de trois scripts, les trois ne sont pas nécessaires mais vous faciliterons grandement la tâche.

Voici le lien de téléchargement sous forme de démo pour les trois scripts ainsi que les deux DLL.

http://www.mediafire.com/download/hzv1nx1hg0js5f1/TutoOverlay.rar

Et un petit pack de ressources pour commencer :

http://www.mediafire.com/download/jfof84ufydqebil/Plantes.rar

Explications sur ces scripts :[/b]

Le premier permet de faire des screenshots de votre carte entière grâce à l'appuie d'une touche (F7).

Attention deux fichiers "dll" sont nécessaires pour faire fonctionner le script "screenshots", ils sont présent dans le dossier "system" de cette même démo.
A vous de copier ce fichier dans le dossier "system" de votre projet.

Le second est tout simplement le script d'overlay mapping.

Et le troisième sert à déterminer quel case sur votre map est passable ou non grâce à la gestion des zones.


C'est partis ...

Première chose à faire c'est une simple carte comme celle ci-dessous, elle doit comporter que les choses importantes du terrain et quelques détails (suivant les ressources que vous possédez pour l'overlay).

Overlay mapping. 1010
Une fois cette carte créée lancez là pour la tester et pressez la touche F7 de votre clavier pour en faire un mapshot, l'image sera dans le dossier "Mapshot" de votre projet.

Maintenant il vous faut l'ouvrir dans The Gimp, faites un clique droit sur celle-ci et choisissez "Edit with Gimp", le logiciel se lance et ouvre votre image.

Voila ce que vous avez devant vous :

Overlay mapping. 411
Maintenant et avant toutes choses il faut ajouter un calque à l'aide de ce bouton dans le haut du logiciel :

Overlay mapping. Captur22
Choisissez "Nouveau claque" et Validez.


Vous voila maintenant près à commencer l'overlay, je conseil de commencer par tout ce qui se trouve sur le sol, ensuite ce qui se trouve en hauteur et au dessus du personnage, pour finir les effets de lumière pour embellir vos cartes encore plus.

Si vous avez bien compter il faudra avoir au final trois calques différents Ground, Par et Light.

Pour ajouter des images sur votre carte il faut procéder par glisser-déposer, donc cliquer sur l'image à déplacer et lâchez là sur votre carte.

Une fois terminé vous aurez ce genre de résultat :

Overlay mapping. Captur17
Il faut maintenant retirer le calque qui représente votre "Mapshot" pour au final n'avoir que les ressources affichées et sauvegarder votre premier calque qui représente la partie "sol" pour l'overlay, voici comment faire :

Chercher ici votre "mapshot" normalement c'est celui tout en bas de cette séries d'images :

Overlay mapping. Captur23
Une fois trouvé cliquez sur l'oeil celui ci permet de rendre invisible le calque, voila ce que vous avez une fois cette opération effectuée :

Overlay mapping. Captur24
Sauvegardez ce calque de cette façon :

Fichier -> Exporter -> Changer le nom de votre image par "Sol.PNG" pour les différencier pas la suite -> exporter -> exporter.


Voila votre premier calque est terminé, nous allons maintenant passer au calque des ressources qui se trouvent au dessus du joueur comme les arbres, plantes etc...

Ouvrez à nouveau de la même manière l'image "mapshot" dans Gimp.

Comme précédemment ajoutez un nouveau calque et commencez à glisser -> déposer vos ressources sur votre carte, une fois terminé vous aurez ce genre de carte :

Overlay mapping. Captur18
Et ensuite le calque seul lorsque vous aurez sauvegardé :

Overlay mapping. 1010




...


Dernière édition par Spy le Dim 8 Mai 2016 - 21:49, édité 25 fois
Spytje
Spytje
Administrateur

Nombre de messages : 5935
Localisation : La terre
Distinction : Spiraliste [Korn']
Forestia : Projet du mois juillet 2014
Papy Pulkigrat [Yama']
Date d'inscription : 16/03/2008

RPG Maker VX Ace Re: Overlay mapping.

Sam 18 Jan 2014 - 18:23
Vous voici maintenant en possessions de deux calques, un qui représente les ressources apparentes u le sol de votre carte et le deuxième qui représente les ressources qui se trouve au dessus du joueur comme les arbres etc...

Nous allons maintenant voir ce que votre travail donne en jeu.

Pour commencer vous devez renommer pui coller les deux calques au format PNG dans le dossier Overlay.
Si il n'est pas encore présent créé le dans  le dossier Graphics de votre projet.

Vous devriez avoir ça au final dans le dossier Graphics :


Overlay mapping. Captur25

Avant de déplacer les deux calques dans ce dossier nous allons les renommer mais attention pas n'importe comment.

Pour commencer il faut que vous releviez l'id de la carte sur laquelle ces deux calques apparaîtrons, pour connaître l'id d'une carte c'est très simple, c'est indiqué sous celle-ci dans l'éditeur de carte :


Overlay mapping. Captur26

Le calque qui représente les ressources au sol se nommera dans ce cas : ground66-1.png

Le calque qui représente les ressources au dessus du joueur se nommera : par66-1.png

N'oubliez pas de mettre un événement qui active les interrupteur correspondant aux calques dans le script overlay.

Vous pouvez maintenant tester votre carte et voir les changements.

Voici ce que ça donne de mon coté :


Overlay mapping. Captur19


La passabilité :

En testant votre carte vous pouvez remarquer que vous marchez encore sur le bas des arbres etc, grâce au script que vous avez ajouté précédemment (zone passable) dans votre projet nous allons remédier à cella.

Retournez dans l'éditeur de votre carte et choisissez l'outil "région" pour régler les tiles qui devront être impassable :


 Overlay mapping. Captur27

Le script est réglé de façon à ce que se soit la région avec l'id 50 qui soit impassable mais vous pouvez modifier cella dans le script même.

Pour faire court le joueur ne pourra pas marcher sur les carrés représentant la région id 50.



Attaquons maintenant les effets de lumière Smile

Rien de plus beau dans un projet que les effets de lumière coupler avec un système de jour/nuit.

Voici les étapes pour créer des effets de lumière.

1 : Prendre un screenshot de votre map et l'ouvrir dans GIMP.
2 : Créer un nouveau calque vide

Overlay mapping. Captur17

3 : Sélectionner l'outil "outil de dégradé et faite les réglages comme sur le screen ci-dessous (couleur, type de dégradé et sa forme)

Overlay mapping. Captur18

4 : Appliquer votre dégradé sur votre map ou se trouve la source de lumière, dans le cas présent se sera une torche.

Overlay mapping. Captur19

5 : Une fois vos dégradés appliqués vous devez créer un nouveau calque et le peindre entièrement en noir à l'aide de l'outil de remplissage :

Overlay mapping. Captur20

6 : Quand cela est fait vous devriez avoir devant vous GIMP avec une image noire similaire au screen du dessus.

7 : Maintenant vous pouvez supprimer le calque qui représente la map (clic droit sur le calque en question et faite supprimer le calque).
une fois fait il faut déplacer le calque avec votre dégradé vers le haut (au dessus du calque noir)
Quand vous avez fini vous devriez avoir ce genre d'image :

Overlay mapping. Captur21

Vous pouvez à présent exporter votre image (fichier -> exporter -> image JPG).

Avant de la placer dans votre dossier "overlay" il faut renommer votre image light91-1 (remplacer 91 par l'ID de votre map).

Et voici le résultat final :

Overlay mapping. Captur22

Biensûr les différents réglages de luminosité, couleurs etc... permettent d'obtenir beaucoup d'autres résultats.


Dernière édition par spywaretof le Sam 8 Aoû 2015 - 0:23, édité 6 fois
pingouinmutant
pingouinmutant
Membre

Nombre de messages : 204
Age : 25
Localisation : En Bordeciel
Distinction : aucune
Date d'inscription : 27/06/2012

RPG Maker VX Ace Re: Overlay mapping.

Dim 19 Jan 2014 - 9:00
Très intéressant, tu les trouves où tes ressources d'arbres s\'il te plaît?
Ewaldar
Ewaldar
Membre

Nombre de messages : 1386
Age : 31
Localisation : Suisse
Distinction : aucune
Date d'inscription : 29/12/2011
http://ewaldar.wixsite.com/les-ames-perdues

RPG Maker VX Ace Re: Overlay mapping.

Dim 19 Jan 2014 - 9:05
...


...


...


 Overlay mapping. 171548 Overlay mapping. 418140 Overlay mapping. 418140 Overlay mapping. 418140 
Spytje
Spytje
Administrateur

Nombre de messages : 5935
Localisation : La terre
Distinction : Spiraliste [Korn']
Forestia : Projet du mois juillet 2014
Papy Pulkigrat [Yama']
Date d'inscription : 16/03/2008

RPG Maker VX Ace Re: Overlay mapping.

Dim 19 Jan 2014 - 10:33
Merci pour vos réponses Smile

En fin de tutoriel je fournirai un petit pack de ressources que j'utilise dans mon projet pour vous aider à commencer.
Elisa'
Elisa'
Staffeux retraité

Nombre de messages : 2924
Age : 26
Localisation : Par là-bas !
Distinction : Mon héritière que je chéris Overlay mapping. 344805Overlay mapping. 344805
[Coco' Smile]
Plus que 2 ans avant d'épouser Coco' ! Compte à rebours lancé !
[Auto-distinction]

Adepte du "Je le savais" alors qu'elle le savait pas.
Date d'inscription : 30/05/2009

RPG Maker VX Ace Re: Overlay mapping.

Dim 19 Jan 2014 - 10:42
+5 points de participation Wink
Korndor
Korndor
Staffeux retraité

Nombre de messages : 4959
Age : 111
Localisation : Erem Vehyx
Distinction : Champion de boxe et au lit ! :O [Wax]
Être Mythique [Mister]
Papi Korndor qui a l'ostéoporose [Skillo]
Soldat Ikéa [Coco']
Un bonhomme, un vrai ! [Neresis]
Vieillard acariâtre [Didier Gustin]
Date d'inscription : 16/12/2007
https://www.rpgmakervx-fr.com/

RPG Maker VX Ace Re: Overlay mapping.

Dim 19 Jan 2014 - 12:47
Excellent tutoriel, merci ! Smile
Spytje
Spytje
Administrateur

Nombre de messages : 5935
Localisation : La terre
Distinction : Spiraliste [Korn']
Forestia : Projet du mois juillet 2014
Papy Pulkigrat [Yama']
Date d'inscription : 16/03/2008

RPG Maker VX Ace Re: Overlay mapping.

Lun 20 Jan 2014 - 23:06
Merci à Elisa et Korndor pour son commentaires.

Bientôt la suite du tutoriel ou je vais m'attaquer à la partie "effets de lumières" sur les cartes.

Pour donner un effet comme celui-ci :

Overlay mapping. 11010

Et tout ça sans script de lumière ce qui évite grandement les bug en tout genre !

...
Ekron
Ekron
Membre

Nombre de messages : 89
Localisation : Paris
Distinction : aucune
Date d'inscription : 30/12/2013

RPG Maker VX Ace Re: Overlay mapping.

Lun 20 Jan 2014 - 23:09
Si j'avais la moindre once de talent en mapping, je suivrais ton tutoriel avec plaisir.

En attendant, on ne peut que s'incliner devant ton propre talent et la qualité de tes explications. Ça paraît tellement simple présenté comme ça. ^^'
Spytje
Spytje
Administrateur

Nombre de messages : 5935
Localisation : La terre
Distinction : Spiraliste [Korn']
Forestia : Projet du mois juillet 2014
Papy Pulkigrat [Yama']
Date d'inscription : 16/03/2008

RPG Maker VX Ace Re: Overlay mapping.

Lun 20 Jan 2014 - 23:15
Merci pour ton message Ekron Smile

Mais c'est très simple en fait, suffit de tester pour s'en rendre compte, je t'assure !

Après il faut bien évidemment un peu de courage c'est plus long pour mapper mais le résultat est tellement mieux au final...

...
Ekron
Ekron
Membre

Nombre de messages : 89
Localisation : Paris
Distinction : aucune
Date d'inscription : 30/12/2013

RPG Maker VX Ace Re: Overlay mapping.

Lun 20 Jan 2014 - 23:29
C'est vrai que ce tutoriel, au vu des résultats que l'on peut obtenir, donne vraiment envie de tenter cette technique. Si j'arrive à trouver le temps, je pense que je m'y essaierai.

Il est toutefois certain que n'importe qui ayant vu l'une de tes maps ne peut douter de la qualité graphique que permet d'atteindre cette technique.
Ewaldar
Ewaldar
Membre

Nombre de messages : 1386
Age : 31
Localisation : Suisse
Distinction : aucune
Date d'inscription : 29/12/2011
http://ewaldar.wixsite.com/les-ames-perdues

RPG Maker VX Ace Re: Overlay mapping.

Mer 22 Jan 2014 - 13:18
ekron a écrit:Il est toutefois certain que n'importe qui ayant vu l'une de tes maps ne peut douter de la qualité graphique que permet d'atteindre cette technique.

+1

J'avais moi-même les mêmes appréhensions que toi, ekron, et après quelques jours de test, ça paraît plus clair, et logique en somme.

Par contre, c'est long, très long. J'ai des maps où j'ai modifié, supprimé, remis, etc. pendant 4 heures, et souvent je les reprends plus tard, mais le résultat vaut largement la peine.

Crayt
Crayt
Membre

Nombre de messages : 216
Age : 25
Localisation : Devant mon ordinateur
Distinction : aucune
Date d'inscription : 28/10/2013

RPG Maker VX Ace Re: Overlay mapping.

Mer 22 Jan 2014 - 18:11
Exelent début de tutoriel !
Sa m'aidera beaucoup pour mon projet !
Dreeks
Dreeks
Membre

Nombre de messages : 24
Distinction : aucune
Date d'inscription : 18/01/2012
https://www.facebook.com/DreeksProduction

RPG Maker VX Ace Re: Overlay mapping.

Jeu 23 Jan 2014 - 14:14
Bonjour et merci pour ce tutoriel, je vais à présent refaire mes maps car le rendu est tellement plus beau!
J'aimerais juste savoir comment animé les tilesets d'eau grâce à l'overlay mapping ?
Spytje
Spytje
Administrateur

Nombre de messages : 5935
Localisation : La terre
Distinction : Spiraliste [Korn']
Forestia : Projet du mois juillet 2014
Papy Pulkigrat [Yama']
Date d'inscription : 16/03/2008

RPG Maker VX Ace Re: Overlay mapping.

Jeu 23 Jan 2014 - 15:21
Merci pour les commentaires.

@ Dreeks :

Cette partie viendra dans la troisième partie du tutoriel néanmoins si tu es pressé c'est indiqué il me semble dans le début du script comment faire.

@XtremViper :

Je me rend compte qu'au plus je fais de l'overlay, au plus je vais vite, je me rappel ma toute première map, j'ai du mettre 4 heures avant de la finir, maintenant je fais ce genre de map en 1h30 +-.

...
Crayt
Crayt
Membre

Nombre de messages : 216
Age : 25
Localisation : Devant mon ordinateur
Distinction : aucune
Date d'inscription : 28/10/2013

RPG Maker VX Ace Re: Overlay mapping.

Jeu 23 Jan 2014 - 15:24
Peut-on avoir ton pack de ressources, herbes, ect ?  Very Happy 
Spytje
Spytje
Administrateur

Nombre de messages : 5935
Localisation : La terre
Distinction : Spiraliste [Korn']
Forestia : Projet du mois juillet 2014
Papy Pulkigrat [Yama']
Date d'inscription : 16/03/2008

RPG Maker VX Ace Re: Overlay mapping.

Jeu 23 Jan 2014 - 15:33
Je fournirai un petit pack de ressources, je l'envoie ce soir.

Pour le reste il faudra que vous cherchez par vous même sur le web sinon c'est trop facile Smile
Crayt
Crayt
Membre

Nombre de messages : 216
Age : 25
Localisation : Devant mon ordinateur
Distinction : aucune
Date d'inscription : 28/10/2013

RPG Maker VX Ace Re: Overlay mapping.

Jeu 23 Jan 2014 - 15:54
Ok, de toute façon, il ne me reste que le herbes a avoir, j'ai déjà les arbres.
Spytje
Spytje
Administrateur

Nombre de messages : 5935
Localisation : La terre
Distinction : Spiraliste [Korn']
Forestia : Projet du mois juillet 2014
Papy Pulkigrat [Yama']
Date d'inscription : 16/03/2008

RPG Maker VX Ace Re: Overlay mapping.

Jeu 23 Jan 2014 - 16:10
Voila le pack de plantes et autres petites choses, n'hésitez pas à poster vos map dans la section adéquate pour montrer vos créations.

www.forestia-productions.com/Pack-Plantes.rar

Si vous cherchez un peu il y a moyen de trouver d'autres ressources sur le net.
Xandiar
Xandiar
Membre

Nombre de messages : 497
Age : 29
Localisation : Suisse
Distinction : aucune
Date d'inscription : 12/10/2013

RPG Maker VX Ace Re: Overlay mapping.

Sam 1 Fév 2014 - 23:04
Premièrement :

Merci beaucoup pour ton tuto, sa va me permettre de faire des maps de fou =D

Deuxièmement :

Tu parles de 3 scripts mais quand je télécharge la démo, je ne vois aucun script, ni dans le projet ni de fichiers avec des liens menant à ses scripts.

J'ai par contre bel et bien le fichier ".dll".

Aurais-tu le liens des scripts s’il te plait ?  Overlay mapping. 354280 

Spytje
Spytje
Administrateur

Nombre de messages : 5935
Localisation : La terre
Distinction : Spiraliste [Korn']
Forestia : Projet du mois juillet 2014
Papy Pulkigrat [Yama']
Date d'inscription : 16/03/2008

RPG Maker VX Ace Re: Overlay mapping.

Sam 1 Fév 2014 - 23:08
Kikou Xandiar,

Merci pour ton message Smile

Dans le dossier que tu as télécharger tu as une démo, un projet, lance le et ouvre l'éditeur de script, les trois scripts sont bien dedans.

...
onikowai
onikowai
Membre

Nombre de messages : 396
Age : 38
Localisation : Vaucluse
Distinction : aucune
Date d'inscription : 04/01/2013

RPG Maker VX Ace Re: Overlay mapping.

Dim 2 Fév 2014 - 13:31
C'est vraiment top.
Je dois dire que tu es un peu comme un super heros pour moi.

C'est grace au gens comme toi qui partage leurs savoir
avec des neophites comme moi que ce forum est si bien.

Bonne journé.
Ickshonpe
Ickshonpe
Membre

Nombre de messages : 368
Distinction : aucune
Date d'inscription : 22/09/2013

RPG Maker VX Ace Re: Overlay mapping.

Dim 2 Fév 2014 - 13:49
Excellent Tuto, en plus très bien expliqué et détaillé, tu apporte beaucoup a la communauté des makers Spy !! et merci pour le lien pour les arbres et herbes.

Une petite question me viens a l'esprit tout de même, il est possible de faire de la recolo de map comme c'est le cas pour les charas au sprite par sprite? j'ai en tête de faire un palais entièrement blanc (genre la tour d'or blanc dans Elder Scroll, je sais plus le nom exact).




Spytje
Spytje
Administrateur

Nombre de messages : 5935
Localisation : La terre
Distinction : Spiraliste [Korn']
Forestia : Projet du mois juillet 2014
Papy Pulkigrat [Yama']
Date d'inscription : 16/03/2008

RPG Maker VX Ace Re: Overlay mapping.

Dim 2 Fév 2014 - 14:03
Merci pour vos messages Smile

Une petite question me viens a l'esprit tout de même, il est possible de faire de la recolo de map comme c'est le cas pour les charas au sprite par sprite? j'ai en tête de faire un palais entièrement blanc (genre la tour d'or blanc dans Elder Scroll, je sais plus le nom exact).

Oui c'est possible de faire ça, je pense qu'il vaut mieux faire avant tout ta carte normalement puis faire un screen et travailler l'image sous Paint.net ou Gimp.
KaiserYoshi
KaiserYoshi
Membre

Nombre de messages : 82
Age : 32
Localisation : Dans le Nord
Distinction : aucune
Date d'inscription : 08/02/2013

RPG Maker VX Ace Re: Overlay mapping.

Lun 10 Fév 2014 - 21:30
Bonsoir  Wink  (Désolé en cas de nécropost ...)

Déjà, excellent tutoriel, bien détaillé et tout ....

Mais est-ce normal ceci ? (Il apparait "en dessous" de la maison)

Exemple:

Et une solution existe pour le faire apparaitre devant ?

Merci d'avance
Contenu sponsorisé

RPG Maker VX Ace Re: Overlay mapping.

Revenir en haut
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum