bonjour je voudrais des explication ou un petit exemple sur comment réaliser ceci
merci pour votre aide
Tu as deux possibilités : ou bien tu utilises les propriétés de css (petit indice, il faut jouer avec la largeur de tes "boîtes") ou bien tu utilises la librairie GD2 qui est une librairie graphique de php (permettant de créer des images de façon dynamique - plus lourd pour le serveur - Google devrait être très prolixe à ce sujet...
).
Essaie de bidouiller ton truc et pose nous des questions précises sur les problèmes que tu rencontreras, ce sera surement plus formateur que de copier un script tout fait.
Note : un petit effort d'orthographe, ça pourrait être pas mal... Trois fautes dans une question aussi courte ça fait très irrespectueux du lecteur.
merci a toi j'ai regardé quelque truc sur la librairie GD2 c'est encore un peut trop hardcore pour moi donc faut je essaye de trouver des explication sur comment réaliser cela en css merci a toi
Bon, je ne sais pas si tu es puriste ou pas. Personnellement j'aime pas le javascript. Chacun ses goûts comme on dit. Et d'autre part la librairie GD2, c'est correct, mais bon, tout dépend de l'ampleur de ton jeu, mais moi au début je m'en passerais.
Puis-je te suggérer de créer un tableau avec Border à '0', invisible bref. Télécharge ou fabrique avec un simple logiciel paint un carré rouge, un carré bleu et un carré vert. Un petits carrés, je précise.
Ensuite tu conditionnes avec php l'affichage ou non des carrées dans ton tableau. Bref par exemple ta barre de santé peut compté 100 petit carrées ou 10 dépendant de la précission que tu veux donné à ta barre de santé, l'affichage du carré sera conditionnel à un "if" en php, bref conditionnel ;o) ,. Bref tu te débrouille pour conditionner l'apparition du premier carrée à "si la variable santé est 1" affiche le premier carré, pour une barre à 100, ainsi de suite.
Mais bon tout est en théorie, je dis tout cela sans exemple concrêt car je ne sais pas si tu veux utilisé 100%php/xhtml ou un mélange de codage. Si tu choisis cette option je peux toujours t'aider en privé, aider ne veux pas dire tout faire.
A toi de voir. Au fait je ne m'estime pas un pro du php soit en passant, seulement quelqu'un qui aime bien partager de temps à autre.
Bilbokin
autre methode:
une image de 1px de largeur et de x pixel de hauteur (x etant l'epaisseur de la barre)
Il te suffit d'appeller ton image via la balise img et de faire varier la longueur avec le width de façon dynamique avec php en gros <img src="barre_progress.gif" width="<?php echo $largeur; ?>">
Et le tour est joué, bien sur çà fait moins classe que de le faire en css, mais franchement je vois pas l'interet de le faire en css puisqu'une barre de progression est par definition differentes selon la progression du joueur or css c'est pas fait pour çà. C'est pour centralisez la mise en page pas pour faire varier la taille de barre selon quelques choses
(une feuille css générée par php c'est rare et dans ce cas serait inutile)
Celà dit css peut servir à enlever le besoin d'image en remplaçant par une div et en definissant l'allure de cette derniere via css mais on aurra toujours un rendue moins beau
merci a toi Zamentur je avait pas pensé
merci a toi sa fonctionne nikel
Oula, je trouve que tu te galères vachement, Bilbokin : pourquoi faire un tableau de 100 cases quand tu peux faire une seule balise ? :heuuu:
Personnellement, je ferais un truc comme ça :
Code PHP :
<?php
//On récupère la valeur d'une caractéristique
$pourcentageCarac = 30;
//On affiche la barre (ici une barre de vie)
echo '<div class="barreCarac" title="' , $pourcentageCarac , '"><div class="barreVie" style="width:' , $pourcentageCarac , 'px;"></div></div>';
Avec un css lié :
Code PHP :
<?php
.barreCarac {
width : 100px;
border : 1px solid grey;
}
.barreVie {
height : 10px;
background-image : url(barre.png);
}
Après, si ta barre fait une autre largeur que 100px, il faut juste calculer le ratio en php. Moi, ça me donne
ça.
Zamentur, on utilise le même principe, en fait (même si je m'appuie plus sur le css).
Sinon, j'ai trouvé
cet article qui utilise une autre technique qui a l'air bien sympathique.