Conception d'un outil d'habillement avec les canvas
Conception d'un outil d'habillement avec les canvas - HTML/CSS - Programmation
MarshPosté le 13-06-2012 à 20:08:12
Salut à tous,
Je suis en train de bidouiller pour tenter de créer un outils qui permettrait de modifier les textures des différentes parties d'un mannequin. En gros le mannequin est divisé en plusieurs partie : bras gauche, bras droit, tête, pieds gauche, etc... Chaque partie est cliquable pour la sélectionner. Une fois une partie sélectionnée, la palette de texture se met à jour en fonction de la partie sélectionnée (chaque partie à des textures qui peuvent différer). Il ne reste plus qu'à cliquer sur une texture pour la voir s'afficher sur la partie sélectionnée.
Je me suis orienté vers les canvas, bien que supportés seulement par les dernières versions de navigateurs, mais j'éprouve de la difficulté à réaliser mon projet.
Pour l'instant, j'ai trouvé un plugin, kinetic, qui permet au survol d'un élément du canvas, de changer la couleur de l'élément. Comme une image vaut mille mots, voici le lien vers l'exemple du plugin : <lien url="http://www.html5canvastutorials.com/labs/html5-canvas-world-map-svg-path-with-kineticjs/" target="_blank">kinetic worldmap</lien>. Mon problème est que je ne peux qu'ajouter une couleur au survol de la souris, or dans mon cas j'aimerai mettre un motif cantonné à la zone survolée.
Est-ce que quelqu'un connaîtrait la solution pour arriver à cela?
Marsh Posté le 13-06-2012 à 20:08:12
Salut à tous,
Je suis en train de bidouiller pour tenter de créer un outils qui permettrait de modifier les textures des différentes parties d'un mannequin.
En gros le mannequin est divisé en plusieurs partie : bras gauche, bras droit, tête, pieds gauche, etc...
Chaque partie est cliquable pour la sélectionner. Une fois une partie sélectionnée, la palette de texture se met à jour en fonction de la partie sélectionnée (chaque partie à des textures qui peuvent différer). Il ne reste plus qu'à cliquer sur une texture pour la voir s'afficher sur la partie sélectionnée.
Je me suis orienté vers les canvas, bien que supportés seulement par les dernières versions de navigateurs, mais j'éprouve de la difficulté à réaliser mon projet.
Pour l'instant, j'ai trouvé un plugin, kinetic, qui permet au survol d'un élément du canvas, de changer la couleur de l'élément. Comme une image vaut mille mots, voici le lien vers l'exemple du plugin : <lien url="http://www.html5canvastutorials.com/labs/html5-canvas-world-map-svg-path-with-kineticjs/" target="_blank">kinetic worldmap</lien>.
Mon problème est que je ne peux qu'ajouter une couleur au survol de la souris, or dans mon cas j'aimerai mettre un motif cantonné à la zone survolée.
Est-ce que quelqu'un connaîtrait la solution pour arriver à cela?
Je vous remercie