+- JeuWeb - Crée ton jeu par navigateur (https://jeuweb.org)
+-- Forum : Discussions, Aide, Ressources... (https://jeuweb.org/forumdisplay.php?fid=38)
+--- Forum : Programmation, infrastructure (https://jeuweb.org/forumdisplay.php?fid=51)
+--- Sujet : [JS] recherche module/librairie/conseil transformation d image (/showthread.php?tid=6285)
[JS] recherche module/librairie/conseil transformation d image - Ter Rowan - 01-08-2012
Bonjour, j aimerais avoir votre aide, expertise, connaissance ou tout simplement avis sur un concept que j aimerais mettre en place côté client (donc pour ma par en js très certainement)
J aimerai permettre a l utilisateur de transformer une image parmi n
1) il la sélectionne
2) quatre zones apparaissent (gauche, droite, haut, bas)
3) l utilisateur clique sur une des zones et peut la draguer
4) si le drag est vers l intérieur, l image rétrécit, si c est vers l extérieur, elle augmente (dans la direction souhaitée)
Avant de partir vers un developpement qui sera peu propre voire très sale si je dois tout faire.. Avez vous une idée de librairie/module et éventuellement les fonctions ou la doc associée ?
Je pense partir sur du Jquery ou raphaël.js mais je ne sais pas trop par ou chercher / commencer
(mon niveau de js est bien moindre que mon niveau de php qui est loin d être au top, donc soyez patients dans vos réponses techniques s il y en a :p )
Merci !
RE: [JS] recherche module/librairie/conseil transformation d image - Maks - 01-08-2012
http://www.html5canvastutorials.com/labs/html5-canvas-drag-and-drop-resize-and-invert-images/
KineticJS ?
RE: [JS] recherche module/librairie/conseil transformation d image - Ter Rowan - 01-08-2012
(01-08-2012, 03:00 PM)Maks a écrit : http://www.html5canvastutorials.com/labs/html5-canvas-drag-and-drop-resize-and-invert-images/Ça m a l air pas mal du tout effectivement
KineticJS ?
Je vais creuser un peu avant de te faire un retour
Merci en tout cas !
RE: [JS] recherche module/librairie/conseil transformation d image - Maks - 01-08-2012
Il faut surtout remercier l'auteur
Et vivement ton retour, elle m'a toujours intéressée cette librairie, mais j'en ai pas vraiment l'utilité dans mon cas (jeu en tile).
RE: [JS] recherche module/librairie/conseil transformation d image - Argorate - 02-08-2012
(01-08-2012, 03:00 PM)Maks a écrit : http://www.html5canvastutorials.com/labs/html5-canvas-drag-and-drop-resize-and-invert-images/
KineticJS ?
Pas fiable... Ca bug dès que tu bouges rapidement en mod drag and drop (sans doute conflit d'event en passant rapidement sur l'autre image pendant que tu resize l'autre et que ta souris va plus vite que la resize)
RE: [JS] recherche module/librairie/conseil transformation d image - Ter Rowan - 02-08-2012
effectivement, des soucis
exemple :
je sélectionne un coin bas de darth vador et je le remonte jusqu'à dépasser le haut de l'image
du coup darth vador se transforme en yoda, ce qui est un peu vexant, n'est il pas ?
je vais quand même creuser (et à minima m'inspirer)
mais si vous avez d'autres idées n'hésitez pas
RE: [JS] recherche module/librairie/conseil transformation d image - Maks - 02-08-2012
Rien ne vous empeche de le signaler en commentaire en dessous
Il y a d'autres libraires qui font du Drag & Drop canvas, il faut que je retrouve le nom...