Créer un avatar interactif

[Harparine]

Yop !

Personnellement, j'ai commencé à faire ce genre de truc il y a quelques temps mais en Flash. Le plus dur, ce n'est pas le code ni la logique, mais bien le fait de dessiner toutes les parties de l'avatar.

En Flash, il suffit d'avoir 1 clip par zone interactive (les cheveux, les yeux, etc.) et de se positionner sur des images différentes du clip selon le hasard ou le choix de l'utilisateur.
En javascript, j'utiliserais un principe de boîtes (div) placées de façon absolue et contenant chacune une image. On change les images à chaque fois qu'il y a un changement.

Voilà ce que ça donne chez moi pour l'instant. SI J'AI LE TEMPS, je veux bien proposer un tuto pour faire ce genre de truc en Flash et JS mais il faudra attendre un peu... @+

http://gwenole.stephant.free.fr/tests/ge...vatars.swf

[azmimik]

C'est pas mal ton truc Harparine

Sinon j'ai essayer avec GD-Ajax. C'est pas trop dur, mais le probleme c'est qu'a chaque fois que je change un partie du visage, toute l'image se recharge.
Evidemment ce n'est pas optimisé, mais je vais mettre mon code pour ceux que sa peut interresser

Voici le lien si vous voulez essayer : www.mazikim.com/DEV/creertete/

Mes images sont dans le dossier images.
tete1.jpg, tete2.jpg, oueil_droit1.jpg ...

La bdd est constitué comme suit
ID | tete | oueil_droit | oueil_gauche |
Tous les champs sont en int.
Dans les champs j'enregistre le nombre qui correspond a l'image. Par exemple pour tete1.jpg j'enregistre 1 dans la table pour le champs tete.

J'ai 4 fichiers :
config.php : juste pour les infos sur la bdd, ainsi que la connection a la bdd

Code PHP :

<?



/* Configuration de la connection a la base de donnée */

$config_bdd_host="localhost";

$config_bdd_user="root";

$config_bdd_password="";

$config_bdd_bdd="test";



mysql_connect($config_bdd_host,$config_bdd_user,$config_bdd_password);

mysql_select_db($config_bdd_bdd);





?>

[keke]

Bref, je te file le code demain. Attention, c'est du code fait en 2h ... ça vaut pas grand chose si ce n'est un peu de fonctionnel.

kéké
PS : si tu fais des dessins de tête par contre ... je suis preneur ^^.
PS : me suis inspiré du site sur les smileys : http://www.ezsmiley.com/create.php# Ce n'est même pas une idée originale ^^

Ca vaut rien, mais le voici ^^

J'ai même pas pris la peine de remettre d'autres répertoires que ceux de Magdales.

http://www.magdales.com/tmp/tete.zip

Salut ^^. Hopes it help.

kéké

[Kahlan]

Sympa merci beaucoup :good: je regarderais ca demain il commence a ce faire un peu tard^^

[keke]

bha de rien ^^. Si ça peut aider.

[arcanis]

Si quelqu'un a une idée pour que l'affichage de l'image soit intantanée je suis preneur !

Tu fais comme Harparine l'a suggéré, avec les zIndex, et tu n'envois la génération de l'avatar qu'à la fin, une fois que tout est terminé.
Tu n'aura ainsi qu'à charger qu'une partie du corps à chaque changement, et avec une gestion du cache (new Image etc...) ce sera totalement invisible.

[azmimik]

Oki merci, j'suis en train de me renseigner sur le zIndex.
Si sa marche ça serait cool ! (enfin surtout si je reussis lol )