|
| | | Faire un Menu sans la Souris. |    |
| |
| Auteur | Message |
|---|
al_tanner
Experimenté
 Nombre de messages: 467
Programme utilisé (Gm/RmXp/...): GM 7.0 PRO (cool)
Loisirs: Jour aux jeux vidéo et en créer
Date d'inscription: 21/05/2009
 |  Sujet: Faire un Menu sans la Souris.  Dim 21 Juin - 15:04 | |
| Voilà un Tuto pour faire un Menu qui marche avec les flèches qui montent et qui descendent.
Ce menu à les textes du Menu que j'utilise, vous pouvez bien sûr les modifier.
Attention, ce tuto sera en GML. Peut être que je le ferai plus tard en D&D. Pour commencer, il faut créé une variable : Donc, dans l'event Create  :
Ensuite, on va créé les textes pour le Menu avec la variable draw_menu :
| Code: | if draw_menu=1
{
draw_set_color(c_red)
draw_text(400,200,"DEMARRER PARTIE")
draw_set_color(c_black)
/////////////////////////////////////////
draw_set_color(c_white)
draw_text(400,250,"MODE CHRONO")
draw_set_color(c_black)
////////////////////////////////////////
draw_set_color(c_white)
draw_text(400,300,"COMMANDES")
draw_set_color(c_black)
////////////////////////////////////////
draw_set_color(c_white)
draw_text(400,350,"QUITTER PARTIE")
draw_set_color(c_black)
}
|
Les /////// sont juste pour faire un expace entre les parties du code.
Comme vous le voyez, DEMARRER PARTIE est en rouge (c_red), car le draw_menu est sur 1 (draw_menu=1).
Donc, vous faites les mêmes code mais cette fois-ci avec draw_menu=2 avec MODE CHRONO en rouge (c_red), draw_menu=3 avec COMMANDE en rouge (c_red) et draw_menu=4 avec QUITTER PARTIE en rouge (c_red).
Ce qui devrait donner :
| Code: | if draw_menu=1
{
draw_set_color(c_red)
draw_text(400,200,"DEMARRER PARTIE")
draw_set_color(c_black)
/////////////////////////////////////////
draw_set_color(c_white)
draw_text(400,250,"MODE CHRONO")
draw_set_color(c_black)
////////////////////////////////////////
draw_set_color(c_white)
draw_text(400,300,"COMMANDES")
draw_set_color(c_black)
////////////////////////////////////////
draw_set_color(c_white)
draw_text(400,350,"QUITTER PARTIE")
draw_set_color(c_black)
}
//////////////////////////////////////////////////////////////
if draw_menu=2
{
draw_set_color(c_white)
draw_text(400,200,"DEMARRER PARTIE")
draw_set_color(c_black)
/////////////////////////////////////////
draw_set_color(c_red)
draw_text(400,250,"MODE CHRONO")
draw_set_color(c_black)
////////////////////////////////////////
draw_set_color(c_white)
draw_text(400,300,"COMMANDES")
draw_set_color(c_black)
////////////////////////////////////////
draw_set_color(c_white)
draw_text(400,350,"QUITTER PARTIE")
draw_set_color(c_black)
}
//////////////////////////////////////////////////////////////
if draw_menu=3
{
draw_set_color(c_white)
draw_text(400,200,"DEMARRER PARTIE")
draw_set_color(c_black)
/////////////////////////////////////////
draw_set_color(c_white)
draw_text(400,250,"MODE CHRONO")
draw_set_color(c_black)
////////////////////////////////////////
draw_set_color(c_red)
draw_text(400,300,"COMMANDES")
draw_set_color(c_black)
////////////////////////////////////////
draw_set_color(c_white)
draw_text(400,350,"QUITTER PARTIE")
draw_set_color(c_black)
}
//////////////////////////////////////////////////////////////
if draw_menu=4
{
draw_set_color(c_white)
draw_text(400,200,"DEMARRER PARTIE")
draw_set_color(c_black)
/////////////////////////////////////////
draw_set_color(c_white)
draw_text(400,250,"MODE CHRONO")
draw_set_color(c_black)
////////////////////////////////////////
draw_set_color(c_white)
draw_text(400,300,"COMMANDES")
draw_set_color(c_black)
////////////////////////////////////////
draw_set_color(c_red)
draw_text(400,350,"QUITTER PARTIE")
draw_set_color(c_black)
}
//////////////////////////////////////////////////////////////
|
Bravo, vous avez fini la partie graphique de votre menu.
Maintenant, il faut que les personnes puissent monter et descendre dans votre Menu.
Donc vous allez créé l'event  Press Up :
Ca monte
Puis Press Down :
Ca descend
Maintenant, les personne peuvent naviguer. Reste plus qu'à choisir les action quand les personnes clique sur un option.
Alors maintenant, nous allons faire que quand les personnes valide un choix, ca les ramène dans une autre Room.
Pour ce faire, créé un Event  Step :
Puis mettez :
| Code: | if draw_menu=1
{
if keyboard_check_pressed(vk_enter)
{
{room_goto(room1)}
}
} |
Explication :
If draw_menu=1 = Si le draw_menu = 1
If keyboard_check_pressed(vk_enter) = Si la touche Enter est préssé
room_goto(room1) = Sa va vers la Room1
Vous faites pareil pour draw_menu=2 et draw_menu=3.
Pour le draw_menu=4, vous mettez ça :
| Code: | if draw_menu=4
{
if keyboard_check(vk_enter)
{game_end()}
} |
game_end = Ca quitte le jeu
Une dernière chose, rajoutez ce petit code :
| Code: | if draw_menu=0
{draw_menu=4}
///////////////////////////////
if draw_menu=5
{draw_menu=1} |
Cela veut dire que si le joueur appuis sur la flèche qui monte alors que le draw_menu=1, ca va passer automatiquement au draw_menu=4. Pareil pour le draw_menu=4, si le joueur appuis de retour sur la flèche qui descend, ca passe automatiquement au draw_menu=1.
Voilà, mon premier tuto est fini. En esperant qu'il soit compréhensible et pas trop dur. Et j'espère que ca va vous servir  .
Si vous voulez avoir un exemple, cliquez sur Dimension at War dans ma signature.
Si vous avez un problème, dites le moi.
Sur ce, je retourne continuer Dimension at War.
Dernière édition par al_tanner le Dim 21 Juin - 16:19, édité 5 fois |
|  | | Gamemaker
Possedé par Mark Overmars
Nombre de messages: 1118
Programme utilisé (Gm/RmXp/...): GM6.1 Lite -7.0 Pro, Anim8or / Terranim8or, débutant Blender, Adobe Photo Deluxe 2.0, W.Movie Maker
Loisirs: Game Design! ^^ + Modélisation 3D
Date d'inscription: 30/06/2006
| | Sujet: Re: Faire un Menu sans la Souris. Dim 21 Juin - 15:16 | |
| Merci!! C'est super bien expliqué! Je l'essaie! Et tu passe dans les crédits! |
| | | | al_tanner
Experimenté
Nombre de messages: 467
Programme utilisé (Gm/RmXp/...): GM 7.0 PRO (cool)
Loisirs: Jour aux jeux vidéo et en créer
Date d'inscription: 21/05/2009
| | | | | Gamemaker
Possedé par Mark Overmars
Nombre de messages: 1118
Programme utilisé (Gm/RmXp/...): GM6.1 Lite -7.0 Pro, Anim8or / Terranim8or, débutant Blender, Adobe Photo Deluxe 2.0, W.Movie Maker
Loisirs: Game Design! ^^ + Modélisation 3D
Date d'inscription: 30/06/2006
| | Sujet: Re: Faire un Menu sans la Souris. Dim 21 Juin - 15:31 | |
| Merci, j'essaie la suite. J'ai trouvé une erreur que j'ai réussie à corriger: | Code: | if draw_menu=4
{
draw_set_color(c_white)
draw_text(400,200,"DEMARRER PARTIE")
draw_set_color(c_black)
/////////////////////////////////////////
draw_set_color(c_white)
draw_text(400,250,"MODE CHRONO")
draw_set_color(c_black)
////////////////////////////////////////
draw_set_color(c_white)
draw_text(400,300,"COMMANDES")
draw_set_color(c_black)
////////////////////////////////////////
draw_set_color(c_red)
draw_text(400,350,"QUITTER PARTIE")
draw_set_color(c_black)
{
draw_set_color(c_white)
draw_text(400,200,"DEMARRER PARTIE")
draw_set_color(c_black)
/////////////////////////////////////////
draw_set_color(c_white)
draw_text(400,250,"MODE CHRONO")
draw_set_color(c_black)
////////////////////////////////////////
draw_set_color(c_white)
draw_text(400,300,"COMMANDES")
draw_set_color(c_black)
////////////////////////////////////////
draw_set_color(c_red)
draw_text(400,350,"QUITTER PARTIE")
draw_set_color(c_black) |
Dans le:
Tu avais écris je pense:
Il y a une autre erreur que j'essaie d'arranger, lors que "Quitter" est en rouge et qu'on appuit sur bas, tout disparaît au lieu que "Démarrer" devienne rouge.
J'essaie de corriger ça, et après je fais la suite.  |
| | | | al_tanner
Experimenté
Nombre de messages: 467
Programme utilisé (Gm/RmXp/...): GM 7.0 PRO (cool)
Loisirs: Jour aux jeux vidéo et en créer
Date d'inscription: 21/05/2009
| | Sujet: Re: Faire un Menu sans la Souris. Dim 21 Juin - 15:34 | |
| C'est normale car il faut mettre le code suivant dans le step : if draw_menu=0
{draw_menu=4}
///////////////////////////////
if draw_menu=5
{draw_menu=1}Il est un peu plus bas dans le tuto. Je vais le monter plus haut. |
| | | | Gamemaker
Possedé par Mark Overmars
Nombre de messages: 1118
Programme utilisé (Gm/RmXp/...): GM6.1 Lite -7.0 Pro, Anim8or / Terranim8or, débutant Blender, Adobe Photo Deluxe 2.0, W.Movie Maker
Loisirs: Game Design! ^^ + Modélisation 3D
Date d'inscription: 30/06/2006
| | Sujet: Re: Faire un Menu sans la Souris. Dim 21 Juin - 15:48 | |
| Ok, merci. J'essaie ça tantôt. |
| | | | Anthiflo
Possedé par Mark Overmars
Nombre de messages: 1810
Age: 17
Programme utilisé (Gm/RmXp/...): Game Maker 7 pro / Paint / Photofiltre
Etudes: En transition :)
Loisirs: Jeux vidéos et création
Date d'inscription: 14/06/2007
| | Sujet: Re: Faire un Menu sans la Souris. Dim 21 Juin - 15:52 | |
| Ah vraiment très intéressant, je savais pas qu'on pouvait faire un menu comme ça. Bien joué ça peut être vraiment très utile ! _________________  |
| | | | al_tanner
Experimenté
Nombre de messages: 467
Programme utilisé (Gm/RmXp/...): GM 7.0 PRO (cool)
Loisirs: Jour aux jeux vidéo et en créer
Date d'inscription: 21/05/2009
| | Sujet: Re: Faire un Menu sans la Souris. Dim 21 Juin - 15:54 | |
| |
| | | | Gamemaker
Possedé par Mark Overmars
Nombre de messages: 1118
Programme utilisé (Gm/RmXp/...): GM6.1 Lite -7.0 Pro, Anim8or / Terranim8or, débutant Blender, Adobe Photo Deluxe 2.0, W.Movie Maker
Loisirs: Game Design! ^^ + Modélisation 3D
Date d'inscription: 30/06/2006
| | Sujet: Re: Faire un Menu sans la Souris. Dim 21 Juin - 16:52 | |
| Le tuto a été testé, et est fonctionnel! Donc, voici les codes final rapidement: | Spoiler: | | | :
 : | Code: | if draw_menu=1
{
draw_set_color(c_red)
draw_text(400,200,"DEMARRER PARTIE")
draw_set_color(c_black)
/////////////////////////////////////////
draw_set_color(c_white)
draw_text(400,250,"MODE CHRONO")
draw_set_color(c_black)
////////////////////////////////////////
draw_set_color(c_white)
draw_text(400,300,"COMMANDES")
draw_set_color(c_black)
////////////////////////////////////////
draw_set_color(c_white)
draw_text(400,350,"QUITTER PARTIE")
draw_set_color(c_black)
}
//////////////////////////////////////////////////////////////
if draw_menu=2
{
draw_set_color(c_white)
draw_text(400,200,"DEMARRER PARTIE")
draw_set_color(c_black)
/////////////////////////////////////////
draw_set_color(c_red)
draw_text(400,250,"MODE CHRONO")
draw_set_color(c_black)
////////////////////////////////////////
draw_set_color(c_white)
draw_text(400,300,"COMMANDES")
draw_set_color(c_black)
////////////////////////////////////////
draw_set_color(c_white)
draw_text(400,350,"QUITTER PARTIE")
draw_set_color(c_black)
}
//////////////////////////////////////////////////////////////
if draw_menu=3
{
draw_set_color(c_white)
draw_text(400,200,"DEMARRER PARTIE")
draw_set_color(c_black)
/////////////////////////////////////////
draw_set_color(c_white)
draw_text(400,250,"MODE CHRONO")
draw_set_color(c_black)
////////////////////////////////////////
draw_set_color(c_red)
draw_text(400,300,"COMMANDES")
draw_set_color(c_black)
////////////////////////////////////////
draw_set_color(c_white)
draw_text(400,350,"QUITTER PARTIE")
draw_set_color(c_black)
}
//////////////////////////////////////////////////////////////
if draw_menu=4
{
draw_set_color(c_white)
draw_text(400,200,"DEMARRER PARTIE")
draw_set_color(c_black)
/////////////////////////////////////////
draw_set_color(c_white)
draw_text(400,250,"MODE CHRONO")
draw_set_color(c_black)
////////////////////////////////////////
draw_set_color(c_white)
draw_text(400,300,"COMMANDES")
draw_set_color(c_black)
////////////////////////////////////////
draw_set_color(c_red)
draw_text(400,350,"QUITTER PARTIE")
draw_set_color(c_black)
}
//////////////////////////////////////////////////////////////
if draw_menu=0
{draw_menu=4}
///////////////////////////////
if draw_menu=5
{draw_menu=1}
|
Up:
Down:
| Code: | if draw_menu=1
{
if keyboard_check_pressed(vk_enter)
{
{room_goto(room1)}
}
} |
| Code: | if draw_menu=2
{
if keyboard_check_pressed(vk_enter)
{
{room_goto(room2)}
}
} |
| Code: | if draw_menu=3
{
if keyboard_check_pressed(vk_enter)
{
{room_goto(room3)}
}
} |
| Code: | if draw_menu=4
{
if keyboard_check(vk_enter)
{game_end()}
} |
|
---
Bonne chance! 
Dernière édition par Gamemaker le Lun 22 Juin - 17:25, édité 1 fois |
| | | | al_tanner
Experimenté
Nombre de messages: 467
Programme utilisé (Gm/RmXp/...): GM 7.0 PRO (cool)
Loisirs: Jour aux jeux vidéo et en créer
Date d'inscription: 21/05/2009
| | Sujet: Re: Faire un Menu sans la Souris. Dim 21 Juin - 16:54 | |
| | Code: | if draw_menu=0
{draw_menu=4}
///////////////////////////////
if draw_menu=5
{draw_menu=1} |
Ce code marche dans draw ? |
| | | | Gamemaker
Possedé par Mark Overmars
Nombre de messages: 1118
Programme utilisé (Gm/RmXp/...): GM6.1 Lite -7.0 Pro, Anim8or / Terranim8or, débutant Blender, Adobe Photo Deluxe 2.0, W.Movie Maker
Loisirs: Game Design! ^^ + Modélisation 3D
Date d'inscription: 30/06/2006
| | Sujet: Re: Faire un Menu sans la Souris. Dim 21 Juin - 16:56 | |
| Oui, c'est ce que j'ai mis et ça fonctionne. |
| | | | al_tanner
Experimenté
Nombre de messages: 467
Programme utilisé (Gm/RmXp/...): GM 7.0 PRO (cool)
Loisirs: Jour aux jeux vidéo et en créer
Date d'inscription: 21/05/2009
| | Sujet: Re: Faire un Menu sans la Souris. Dim 21 Juin - 16:57 | |
| |
| | | | D-z
Dieu parmis les dieux
Nombre de messages: 3918
Age: 16
Programme utilisé (Gm/RmXp/...): GM 6.1 pro ; GM 7.0 pro
Etudes: Seconde
Loisirs: Aïkido, Ordinateur
Date d'inscription: 03/09/2005
| | Sujet: Re: Faire un Menu sans la Souris. Dim 21 Juin - 17:17 | |
| Euh, c'est bien, mais mon dieu que c'est lourd  | Spoiler: | | | Create :
| Code: | menu_selected=0
menu_opt[0]="Jouer"
menu_opt[1]="Aide"
menu_opt[2]="Options"
menu_opt[3]="Quitter" |
Key press Enter :
| Code: | switch(menu_selected)
{case 0:
{//jouer
break
}
case 1:
{//aide
break
}
case 2:
{//options
break
}
case 3:
{//quitter
break
}
} |
Key press Up :
| Code: | menu_selected-=1
if menu_selected<0 menu_selected=3 |
Key press down :
| Code: | menu_selected+=1
if menu_selected>3 menu_selected=0 |
Draw :
| Code: | draw_set_halign(fa_center)
draw_set_color(c_white)
draw_text(room_width/2,64,"Jouer#Aide#Options#Quitter")
draw_set_color(c_red)
draw_text(room_width/2,64,menu_selected*"#"+menu_opt[menu_selected]) |
|
_________________  Z-Rox
Dernière édition par D-z le Lun 22 Juin - 17:33, édité 1 fois |
| | | | al_tanner
Experimenté
Nombre de messages: 467
Programme utilisé (Gm/RmXp/...): GM 7.0 PRO (cool)
Loisirs: Jour aux jeux vidéo et en créer
Date d'inscription: 21/05/2009
| | Sujet: Re: Faire un Menu sans la Souris. Dim 21 Juin - 18:27 | |
| Oui, mais c'est fait pour les débutants, mon tuto. |
| | | | D-z
Dieu parmis les dieux
Nombre de messages: 3918
Age: 16
Programme utilisé (Gm/RmXp/...): GM 6.1 pro ; GM 7.0 pro
Etudes: Seconde
Loisirs: Aïkido, Ordinateur
Date d'inscription: 03/09/2005
| | Sujet: Re: Faire un Menu sans la Souris. Dim 21 Juin - 18:39 | |
| Le mien aussi :p _________________ Z-Rox |
| | | | Ultraepee
Maitre absolu
Nombre de messages: 911
Programme utilisé (Gm/RmXp/...): Pliiiin
Loisirs: La télé , l'ordinateur , le byke , créer des jeux et en jouer (surtout plateforme)
Date d'inscription: 27/12/2008
| | Sujet: Re: Faire un Menu sans la Souris. Dim 21 Juin - 19:03 | |
| Le tuto de D-Z est plus facile que celui d'al_tanner ! |
| | | | kimerafusion
Possedé par Mark Overmars
Nombre de messages: 1622
Programme utilisé (Gm/RmXp/...): gamemaker 7.0 pro, code::blocks, adobe dreamweaver, gnu-gcc
Etudes: futur ingénieur logiciel (j'aimerais bien bosser sur de la nanotechnologie, biotechnologie ou autres), seconde GT
Loisirs: jeux-vidéos - programmation (C/C++, Qt, SDL)
Date d'inscription: 14/10/2008
| | | | | Gamemaker
Possedé par Mark Overmars
Nombre de messages: 1118
Programme utilisé (Gm/RmXp/...): GM6.1 Lite -7.0 Pro, Anim8or / Terranim8or, débutant Blender, Adobe Photo Deluxe 2.0, W.Movie Maker
Loisirs: Game Design! ^^ + Modélisation 3D
Date d'inscription: 30/06/2006
| | | | | al_tanner
Experimenté
Nombre de messages: 467
Programme utilisé (Gm/RmXp/...): GM 7.0 PRO (cool)
Loisirs: Jour aux jeux vidéo et en créer
Date d'inscription: 21/05/2009
| | | | | Xierra54
Admin - .: el traductor :.
Nombre de messages: 8504
Age: 50
Programme utilisé (Gm/RmXp/...): GM (6.1 et 7 enregistrées), Purebasic (démo)
Etudes: Supérieures
Loisirs: ordinateur
Date d'inscription: 13/08/2005
| | Sujet: Re: Faire un Menu sans la Souris. Lun 22 Juin - 12:47 | |
| SVP, utilisez les spoiler ! Plus facile à consulter la page ainsi. |
| | | | | | Faire un Menu sans la Souris. | |
|
| Page 1 sur 2 | Aller à la page : 1, 2 |
| | Permission de ce forum: | Vous pouvez répondre aux sujets dans ce forum
| |
| |
| |
|
