Bonjour.
Voilà, VisualiZe et moi même, Syzeko, avons décidé de créer une série de tutoriel pour les jeux de style Aventure (MMORPG, RPG etc...), car nous trouvons qu'il n'y en a pas assez sur Webidev, ce qui est dommage. Mais peut-être qu'il n'y en a pas assez parce que trop de gens ne savent pas comment faire. On veut donc montrer que tout est possible pour faire un bon jeu de ce style sur webidev.
Enfin bref! Le premier tutoriel, comme vous avez pu le voir dans le nom, consiste à afficher une map (région) grâce au niveau, qui augmente grâce a l'expérience accumulé tout au long du jeu.

Alors déjà, commençons par le codage des Niveaux et leurs augmentations, avec une seule variable et sans action.

○ Variable pour réaliser le codage [N° de la var.] :
Expérience [1]

• Codage :

[IF Var1 >= 0 && Var1 < 10]Niveau 1[/IF]
[IF Var1 >= 10 && Var1 < 30]Niveau 2[/IF]
[IF Var1 >= 30 && Var1 < 70]Niveau 3[/IF]
[IF Var1 >= 70 && Var1 < 120]Niveau 4[/IF]
[IF Var1 >= 120 && Var1 < 170]Niveau 5[/IF]
etc...

On va s'arrêter au niveau 5 maximum pour par faire trop long.
Vous l'avez compris, l'augmentation d'un niveau se fait sans action, seulement par l'affichage crée par le codage selon la variable 1 (l'expérience).

Maintenant on va passer aux choses un peu plus difficiles. Le codage de l'affichage des maps (régions).

○ Variables pour réaliser le codage [N° de la var.] :
Expérience [1] (Servira a afficher différente map selon le niveau)
Exploration [2] (Servira a afficher la map)

○ Actions pour réaliser le codage [N° de l'action] :
Afficher [1] (Affiche la map); Affecte : Var2 (exploration) = +1
Partir [2] (Sortir de la map); Var2 (exploration) = -100 (oui 100!)

• Codage (Action // 5 maps) :

[IF Var1 >= 0 && Var1 < 10]
[IF Var2 = 0]1ère Map. [Mod Action1][/IF]
[IF Var2 >= 1]La 1ère map est déjà affichée.[/IF]
[/IF]
[IF Var1 >= 10 && Var1 < 30]
[IF Var2 = 0]2ème Map. [Mod Action1][/IF]
[IF Var2 >= 1]La 2ème map est déjà affichée.[/IF]
[/IF]
[IF Var1 >= 30 && Var1 < 70]
[IF Var2 = 0]3ème Map. [Mod Action1][/IF]
[IF Var2 >= 1]La 3ème map est déjà affichée.[/IF]
[/IF]
[IF Var1 >= 70 && Var1 < 120]
[IF Var2 = 0]4ème Map. [Mod Action1][/IF]
[IF Var2 >= 1]La 4ème map est déjà affichée.[/IF]
[/IF]
[IF Var1 >= 120 && Var1 < 170]
[IF Var2 = 0]5ème Map. [Mod Action1][/IF]
[IF Var2 >= 1]La 5ème map est déjà affichée.[/IF]
[/IF]

Facile hein ?
Maintenant, la suite.

• Codage (Affichage de la map // 5 maps) :

[IF Var1 >= 0 && Var1 < 10]
[IF Var2 >= 1](1ère Map à afficher)[/IF]
[/IF]
[IF Var1 >= 10 && Var1 < 30]
[IF Var2 >= 1](2ème Map à afficher)[/IF]
[/IF]
[IF Var1 >= 30 && Var1 < 70]
[IF Var2 >= 1](3ème Map à afficher)[/IF]
[/IF]
[IF Var1 >= 70 && Var1 < 120]
[IF Var2 >= 1](4ème Map à afficher)[/IF]
[/IF]
[IF Var1 >= 120 && Var1 < 170]
[IF Var2 >= 1](5ème Map à afficher)[/IF]
[/IF]

Allez, dites-le sincèrement, jusque là, rien de bien difficile ? Haha! Passons.
Maintenant, le déplacement dans une map. Aie! Ça se corse!

○ Variables pour réaliser le codage [N° de la var.] :
Déplacement [3] (Servira à vous déplacer dans la map)

○ Actions pour réaliser le codage [N° de l'action] :
< [3] (Déplacement vers la gauche dans la map); Affecte : Var3 (déplacement) = -1
> [4] (Déplacement vers la droite dans la map); Affecte : Var3 (déplacement) = +1

Prenons exemple sur la 1ère map pour faire simple et procédons en 5 "case".

• Codage (case // 5 cases) [Partie application] :

[IF Var1 >= 0 && Var1 < 10][IF Var2 >= 1]
[IF Var3 = 0]Case 1[/IF]
[IF Var3 = 1]Case 2[/IF]
[IF Var3 = 2]Case 3[/IF]
[IF Var3 = 3]Case 4[/IF]
[IF Var3 = 4]Case 5[/IF]
[/IF][/IF]

Bien sûr, dans chacune des cases, vous y mettez ce que bon vous semble (PNJ, créature etc...)!
Mais vous allez me dire : commencer passer d'une case à une autre ?
Rien de bien compliqué !

• Codage (déplacement - à placer en dessous de l'affichage de la map) [Partie commande] :

Note : Je vais mettre un "[IF Var3 = 0][Mod Action4][/IF]" au début, car si la Var3 (déplacement) est égal à 0, le [Mod Action3] ne servirait à rien.
Les "( )" signifient que le codage à lieu dans l'affichage de la map, en dessous des cases.

( [IF Var1 >= 0 && Var1 < 10][IF Var2 >= 1] )

[IF Var3 = 0][Mod Action4][/IF]
[IF Var3 > 0][Mod Action3] [Mod Action4][/IF]

( [/IF][/IF] )

Pour information, une fois tous les codages terminés, essayez de séparer le moins de chose possible, sinon il y aura des grands blanc sur la page... Donc évitez au maximum les retours à la ligne etc... sauf quand la séparation doit être faite esthétiquement, comme la [Partie application] avec la [Partie commande].
Par contre pour les cases elles-mêmes, évitez les retours à la ligne (seulement une fois avoir fini le codage, pour vous y retrouvez si vous devez revenir dessus), comme ceci :

[IF Var3 = 0]Case 1[/IF][IF Var3 = 1]Case 2[/IF][IF Var3 = 2]Case 3[/IF][IF Var3 = 3]Case 4[/IF][IF Var3 = 4]Case 5[/IF]

Une fois les espaces réduits au maximum, ça devient le vrai bazar, mais pas le choix...
Enfin voilà! C'est tout pour ce tutorel, il est assez léger et rapide à mettre en place.
J'espère en tout cas qu'il vous sera utile!

Cordialement,
Syzeko & VisualiZe,
membre de ShieldGames-Entertainment.