Barre de progression

Bonjour, aujourd'hui je vais vous apprendre à faire des barres de progression facilement avec un tout petit peu de mathématique.

 

L'utilité d'une barre de progression ? Montrer la progression de tel ou tel objectif sur son maximum

Exemple d'utilisation : Barre d’expérience, Barre de chargement

[ATTACH=full]3453[/ATTACH]

 

Donc pour créer un barre de progression il va nous falloir 2 éléments indispensables:

La valeur "actuelle" et la valeur maximum.

 

Pour faire un exemple on va dire que j'ai un système d'augmentation de level avec un certain nombre d'xp que l'on gagne en tuant des mobs:

Je vais avoir une variable {Xp.%player%} et {Level.%player%}. De plus je vais définir le nombre d'xp nécessaire pour augmenter de level : 80 ici.

 

Pour créer ma barre de progression à partir de ces 3 éléments je vais devoir aussi définir l'échelle de ma barre par exemple 10,20,50,75,100.... on va prendre 20 ici.

 

Donc pour comprendre le petit calcule mathématique: C'est simple on va calculer le pourcentage de la valeur actuelle sur la valeur max :

Contenu masqué

Réagissez ou répondez à ce message afin de consulter le contenu masqué.

 

A partir de ce pourcentage on va calculer la valeur qu'il représente sur notre échelle

Je m'explique : On va dire que j'ai 5 xp donc {Xp.%player%} = 5

Le calcule: "set {_1} to (5/80)" va donné "{_1} = environ 0.06"

0.06 veut dire que nous avons atteint 6% de l'objectif (80)

On va rapporter cette progression 6% sur notre échelle 20

Contenu masqué

Réagissez ou répondez à ce message afin de consulter le contenu masqué.

 

Le calcule: "set {_1} to rounded down (0.06/20)" va donné "{_1} = environ 1.2" --> 1.2/20

 

Après avoir cette donnée il ne reste plus qu'a créer la barre:

Il va falloir mettre 1 barre verte (1.2 arrondi) et 19 barres rouge

Contenu masqué

Réagissez ou répondez à ce message afin de consulter le contenu masqué.

 

Résultat pour {Xp.%player%} = 5:

[ATTACH=full]3455[/ATTACH]

Résultat pour {Xp.%player%} = 57:

[ATTACH=full]3456[/ATTACH]

 

Code complet avec des options pour plus de facilité :

Contenu masqué

Réagissez ou répondez à ce message afin de consulter le contenu masqué.

 

 

 

Modifié 1 novembre 2018 par Soufreur78

Super cool :)

Pour moi ça ne fonctionne pas :(

Pour moi ça ne fonctionne pas :(

Comment ça explique moi dans quel cas utilise tu ta barre de progression et avec quelles valeurs ?

Bonsoir @Soufreur78

 

Sympas ce p'tit Skript je viens de tester c'est cool ;)

 

je voudrais réduire la taille de police de Logo de sorte qu'elle puisse tenir entre les crochets sans déborder en haut et en bas

malheureusement j'ai oublié comment on s'y prend :oops:

 

si quelqu'un s'en souviens çà serait cool merci ;)

Coucou tien une petite liste de logo:

 

█ ▉ ▊▋▌▍▎▐ ▅ ▄ ▆ ▆ ∎ ■ ◼ ▒ ▓ ◼

 

Site pour avoir les logos :

Contenu masqué

Réagissez ou répondez à ce message afin de consulter le contenu masqué.

aprés tu clique sur le signe omega (L’espéce de fer à cheval)

Coucou tien une petite liste de logo:

 

█ ▉ ▊▋▌▍▎▐ ▅ ▄ ▆ ▆ ∎ ■ ◼ ▒ ▓ ◼

 

Site pour avoir les logos :

Contenu masqué

Réagissez ou répondez à ce message afin de consulter le contenu masqué.

aprés tu clique sur le signe omega (L’espéce de fer à cheval)

Cool merci

j'ai mis celui-ci çà rend nikel

█ ▉ ▊▋▌▍▎▐ ▅ ▄ ▆ ▆ ∎ ■ ◼ ▒ ▓ ◼

 

Bon ben... désolé çà fait double post mais...

 

il y a bel-et-bien un hic :eek:

 

je fait /barre et çà m'affiche:

>> {Xp.Bloubiboulga}/100 - [∎∎∎∎∎∎∎∎∎∎∎∎∎∎∎∎∎∎∎∎]

 

pourtant j'ai 513143 d'xp qui correspond à Niv 355

même en modifiant le Max à un million ç'marche po :(

>> {Xp.Bloubiboulga}/1000000 - [∎∎∎∎∎∎∎∎∎∎∎∎∎∎∎∎∎∎∎∎]

même en minant en tuant des mobs etc... rien nada que-dalle :oops:

 

à l'arrondi çà devrait me donner un truc comme:

>> 513143/1000000 et non un >> {Xp.Bloubiboulga}/1000000

Tu n'as plus qu'à ajouter une petite partie pour les titles:

Contenu masqué

Réagissez ou répondez à ce message afin de consulter le contenu masqué.

Cool merci

j'ai mis celui-ci çà rend nikel

█ ▉ ▊▋▌▍▎▐ ▅ ▄ ▆ ▆ ∎ ■ ◼ ▒ ▓ ◼

 

Bon ben... désolé çà fait double post mais...

 

il y a bel-et-bien un hic :eek:

 

je fait /barre et çà m'affiche:

>> {Xp.Bloubiboulga}/100 - [∎∎∎∎∎∎∎∎∎∎∎∎∎∎∎∎∎∎∎∎]

 

pourtant j'ai 513143 d'xp qui correspond à Niv 355

même en modifiant le Max à un million ç'marche po :(

>> {Xp.Bloubiboulga}/1000000 - [∎∎∎∎∎∎∎∎∎∎∎∎∎∎∎∎∎∎∎∎]

même en minant en tuant des mobs etc... rien nada que-dalle :oops:

 

à l'arrondi çà devrait me donner un truc comme:

>> 513143/1000000 et non un >> {Xp.Bloubiboulga}/1000000

Cc, J'ai pas vu ton édit (Pas de notif --' ) Possible passer en vocal car j'ai pas vraiment compris

 

 

Et @tutur1004 tu veux dire quoi enfaite ? j'ai pas compris pourquoi rajouter un title ?

Cc, J'ai pas vu ton édit (Pas de notif --' ) Possible passer en vocal car j'ai pas vraiment compris

 

 

Et @tutur1004 tu veux dire quoi enfaite ? j'ai pas compris pourquoi rajouter un title ?

J'ai crus que c'était un tuto donc je disais autant montrer également comment faire une barre de progression en title

J'ai crus que c'était un tuto donc je disais autant montrer également comment faire une barre de progression en title

A tu parle d'une barre qui avance en temps reel genre chargement d'un jeux ?

Cc, J'ai pas vu ton édit (Pas de notif --' ) Possible passer en vocal car j'ai pas vraiment compris

Vu que mes Enfants sont en vacances on verras çà pour la rentrée j'ai un Mic crapouille

donc, tu les entendraient plus que moi car ils sont très très bruyants :eek: ;)