Accueil­FAQ­Rechercher­S'enregistrer­Membres­Groupes­Connexion
Poster un nouveau sujet   Répondre au sujetPartager | 
 

 Avoir une belle barre de chargement [Tuto Graphique]

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Aller à la page : 1, 2  Suivant
AuteurMessage
Anthiflo
Possedé par Mark Overmars
Possedé par Mark Overmars


Masculin 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

MessageSujet: Avoir une belle barre de chargement [Tuto Graphique]   Sam 3 Nov - 16:20



La barre de chargement classique de Game Maker... elle est pas super moche, mais elle est pas super belle non plus, heuresement on peut créer notre barre de chargement, mais le rendu est pas toujours génial, voici comment procéder pour obtenir une z'olie barre :

1. Création de l'image
- Créez une image, pas trop grande, pas trop petite, ici on a créé un petit dégardé sur photofiltre. L'image fait 200x100.
- Ensuite faites un contour, ici un rectangle aux bords arrondis, on bouches les coins avec du blanc, voilà le résultat :



-Enregistrez et ouvrez votre jeu sur Game Maker, allez dans les Global Game Settings à l'onglet Loading et cochez les cases comme ceci, de ce fait l'image sera transparente sur les coins.



- Ouvrez votre image avec Change Image
- Démarrez ensuite votre jeu pour voir ce que ça donne et prenez une capture d'écran ( Impr Syst ).
- Collez l'image sur Paint et suprimmez les rebords pour ré-obtenir votre image avec en plus la barre de progression.
- Insérez du texte et d'autres décos si ça vous chante sinon passez à l'étape suivante.



2. Amélioration de la barre de chargement
- Faites un zoom sur la partie gauche de votre barre ( partie rouge ) et copiez une partie de celle ci ( La barre fait toujours 16 pixels de haut, pour la largeur prenez en une assez petite : ici 4 pixels).



- Collez-la sur un nouveau document Paint et modifiez là a votre aise sachant que pendant le chargement la barre sera allongée. Faites de même avec la partie en gris.



- Enregistrez les deux documents, ouvrez les Global Game Settings, ouvrez votre image avec Change Image si vous l'aviez modifiée auparavent puis choississez Own loading progress bar.
- En Front image, l'image représentant la partie rouge sur la baree de progression classique de Game Maker et en Back Image la partie grise.



- Démarrez le jeu et prenez une capture d'écran, ça commence à ressembler a quelque chose non ? mais on peut faire mieux encore :
- En effet on remarque que sur la barre Game maker, la partie en rouge est déja apparente dès le début du chargement et ne va pas jusqu'au bout car le jeu démarre avant, c'est un petit atout :
- Collez votre screen de même que pour la fin du 1. et refaites un zoom sur la partie gauche de votre barre.
- Pour rendre la barre plus jolie on va faire un petit arrondi comme ceci :



- Faites de même pour l'autre côté et Enregistrez votre image.
- Ouvrez-la sur Game Maker avec Change Image... démarrez votre jeu... et voilà une super barre de chargement !!


Bien sûr on peut faire mieux mais là ce n'est qu'un exemple

_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
yanis93k
Timide
Timide


Masculin Nombre de messages: 29
Age: 15
Programme utilisé (Gm/RmXp/...): Gm 6.1 et RmXP
Loisirs: Mon ordi, ma guitare, livres ...
Date d'inscription: 31/10/2007

MessageSujet: Re: Avoir une belle barre de chargement [Tuto Graphique]   Sam 3 Nov - 16:27

Jolie !! Merci a toi sa va me servir !
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Xierra54
Admin - .: el traductor :.
Admin - .: el traductor :.


Masculin 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

MessageSujet: Re: Avoir une belle barre de chargement [Tuto Graphique]   Sam 3 Nov - 17:01

Tuto bien présenté et intéressant, Anthiflo !

_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://philippe.ragni.free.fr/
gamesix
Maitre absolu adjoint
Maitre absolu adjoint


Masculin Nombre de messages: 627
Age: 16
Date d'inscription: 02/08/2007

MessageSujet: Re: Avoir une belle barre de chargement [Tuto Graphique]   Sam 3 Nov - 18:29

merci sa va me servir ^^
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Anthiflo
Possedé par Mark Overmars
Possedé par Mark Overmars


Masculin 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

MessageSujet: Re: Avoir une belle barre de chargement [Tuto Graphique]   Sam 3 Nov - 19:01

Merci ^^ content que ça puisse servir

_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Topaze22
Discret
Discret


Masculin Nombre de messages: 192
Age: 23
Etudes: Génie élec et info
Date d'inscription: 26/07/2006

MessageSujet: Re: Avoir une belle barre de chargement [Tuto Graphique]   Lun 21 Jan - 1:30

A mince, il va falloir que je fasse pareil pour avoir une joli barre.
Merci !!

_________________
Mon unique projet
Déjà plus de 3 ans de préparation
Merci à la communauté de GMZ pour son soutient !

SECOND TOPIQUE OUVERT (Merci à SHM69 pour cette bannière nul ^^)
Petit jeu complet "Mario La revanche" sorti et disponible. Cliquez viiiite !!
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
D-m
Dieu parmis les dieux
Dieu parmis les dieux


Masculin Nombre de messages: 3868
Age: 17
Programme utilisé (Gm/RmXp/...): GM7Pro/ Visual Studio express(C++,C#,J#.Basic)/ Visual Foxpro9
Loisirs: gm,C++,C#,J#,FxoPro,SOAP,Amis,Télé,Hockey
Date d'inscription: 26/10/2007

MessageSujet: Re: Avoir une belle barre de chargement [Tuto Graphique]   Lun 21 Jan - 3:04

en passant topaze,avance-il ton immense projet de mario...

_________________


I'm back juste de temps en temps
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Craki
Possedé par Mark Overmars
Possedé par Mark Overmars


Masculin Nombre de messages: 1148
Age: 14
Programme utilisé (Gm/RmXp/...): Photoshop elements, sony vegas, Code::Blocks
Etudes: Collège
Loisirs: Making, Videomaking
Date d'inscription: 16/05/2007

MessageSujet: Re: Avoir une belle barre de chargement [Tuto Graphique]   Lun 21 Jan - 18:28

Et voici la belle barre de chargement que j'ai faite gràce à ton tutoriel :

_________________


Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://sites.google.com/site/crakisprograms/
Anthiflo
Possedé par Mark Overmars
Possedé par Mark Overmars


Masculin 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

MessageSujet: Re: Avoir une belle barre de chargement [Tuto Graphique]   Lun 21 Jan - 19:50

Comme quoi ça donne beaucoup mieux qu'une barre carrée ^^

_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Craki
Possedé par Mark Overmars
Possedé par Mark Overmars


Masculin Nombre de messages: 1148
Age: 14
Programme utilisé (Gm/RmXp/...): Photoshop elements, sony vegas, Code::Blocks
Etudes: Collège
Loisirs: Making, Videomaking
Date d'inscription: 16/05/2007

MessageSujet: Re: Avoir une belle barre de chargement [Tuto Graphique]   Lun 21 Jan - 19:52

Complètement d'accord mais le seul défaut : on ne peut pas voir a droite le beau arrondissement se remplir peu a peuu :/

_________________


Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://sites.google.com/site/crakisprograms/
D-m
Dieu parmis les dieux
Dieu parmis les dieux


Masculin Nombre de messages: 3868
Age: 17
Programme utilisé (Gm/RmXp/...): GM7Pro/ Visual Studio express(C++,C#,J#.Basic)/ Visual Foxpro9
Loisirs: gm,C++,C#,J#,FxoPro,SOAP,Amis,Télé,Hockey
Date d'inscription: 26/10/2007

MessageSujet: Re: Avoir une belle barre de chargement [Tuto Graphique]   Mar 22 Jan - 1:14

ce nest quand meme quun detail...

_________________


I'm back juste de temps en temps
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Anthiflo
Possedé par Mark Overmars
Possedé par Mark Overmars


Masculin 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

MessageSujet: Re: Avoir une belle barre de chargement [Tuto Graphique]   Mar 22 Jan - 8:15

Craki a écrit:
Complètement d'accord mais le seul défaut : on ne peut pas voir a droite le beau arrondissement se remplir peu a peuu :/


Bah même si tu fait une barre classique tu remarque quand même que la barre ne se complète pas entièrement.

_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Craki
Possedé par Mark Overmars
Possedé par Mark Overmars


Masculin Nombre de messages: 1148
Age: 14
Programme utilisé (Gm/RmXp/...): Photoshop elements, sony vegas, Code::Blocks
Etudes: Collège
Loisirs: Making, Videomaking
Date d'inscription: 16/05/2007

MessageSujet: Re: Avoir une belle barre de chargement [Tuto Graphique]   Mar 22 Jan - 17:59

Mais ç c'est avec des jeux qui se chargent rapidement, prends le jeu le plus lourd et tu verras XD

_________________


Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://sites.google.com/site/crakisprograms/
D-z
Dieu parmis les dieux
Dieu parmis les dieux


Masculin 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

MessageSujet: Re: Avoir une belle barre de chargement [Tuto Graphique]   Mar 22 Jan - 20:46

Merci beaucoup Anthiflo, tu m'aides beaucoup ! Par contre, je n'ai pas très bien compris la partie pour l'arrondi de la barre...

_________________
Z-Rox
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Craki
Possedé par Mark Overmars
Possedé par Mark Overmars


Masculin Nombre de messages: 1148
Age: 14
Programme utilisé (Gm/RmXp/...): Photoshop elements, sony vegas, Code::Blocks
Etudes: Collège
Loisirs: Making, Videomaking
Date d'inscription: 16/05/2007

MessageSujet: Re: Avoir une belle barre de chargement [Tuto Graphique]   Mer 23 Jan - 16:44

t'écartes un ptit peu les cotés et tu les arrondis.

_________________


Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://sites.google.com/site/crakisprograms/
D-z
Dieu parmis les dieux
Dieu parmis les dieux


Masculin 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

MessageSujet: Re: Avoir une belle barre de chargement [Tuto Graphique]   Mer 23 Jan - 19:20

Aaaaah ben oui évidemment ! Merci, quelle bourde ;)

_________________
Z-Rox
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Demont-rider
Habitué
Habitué


Nombre de messages: 245
Date d'inscription: 22/03/2007

MessageSujet: Re: Avoir une belle barre de chargement [Tuto Graphique]   Sam 15 Mar - 18:14

Merci pour ton tute Anthiflo il m'a servi ;)

_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
** Ug0 **
Timide
Timide


Masculin Nombre de messages: 24
Age: 16
Programme utilisé (Gm/RmXp/...): game maker 6.1
Etudes: college
Loisirs: surf, skate, piano
Date d'inscription: 10/06/2008

MessageSujet: Re: Avoir une belle barre de chargement [Tuto Graphique]   Sam 21 Juin - 17:12

merci beaucoup, ce sera mieux que la barre classique ;)
un peu de personnalisation ça ne fait pas de mal :)
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://lesassociesdunet.forumactif.fr
anyny0
Discret
Discret


Masculin Nombre de messages: 131
Age: 13
Programme utilisé (Gm/RmXp/...): Game maker 7
Etudes: secondaire
Loisirs: Faire des jeux :D
Date d'inscription: 20/06/2009

MessageSujet: Re: Avoir une belle barre de chargement [Tuto Graphique]   Sam 20 Juin - 17:37

Bon tuto, J'aime bien avoir une petite image aussi,
La mienne:
Note:le jeux n'est pas sorti encore.

(e passant, j'ai arrondi les coins mais l'image est trop petite)
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
17nico17
Timide
Timide


Nombre de messages: 69
Date d'inscription: 03/08/2009

MessageSujet: Re: Avoir une belle barre de chargement [Tuto Graphique]   Lun 3 Aoû - 18:21

Tres bon tutoriel je me lance^^ Merci!! Ce n'ets qu'un détail mais qui fait la différence^^
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
 

Avoir une belle barre de chargement [Tuto Graphique]

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 2Aller à la page : 1, 2  Suivant

Permission de ce forum:Vous pouvez répondre aux sujets dans ce forum
Game Maker Zone :: Zone : Game Maker :: Game Maker - Scripts / Exemples / Tutoriaux :: GM - Tutoriaux-
Poster un nouveau sujet   Répondre au sujet