Discussion :

[clavier12AZQSWX]

bonjour,

regarder cette mini application web en ligne qui permet de changer les couleurs des murs dans des photos (préfournies).

http://picario.lucrasoft.eu/site-pqi/?lang=en-US

quelqu'un a-t-il une idée de comment le changement de couleur dans la photo est fait sur le point techno ?

je ne sais pas si ya une magouille avec la classe php+dg derriere, mais si un filtre est appliqué, c'est très rapide car on attend pas du tout.

quelle idée avez-vous ?

[clavier12AZQSWX]

j'ai remarqué qu'en changeant l'un des paramétres de l'url de la photo, le process s'opère quand-même :

http://picario.lucrasoft.eu/cgi-bin/...0-G60Y&lang=fr

remplacer G60Y par G61Y par exemple...


je me dit aussi que 'peut-être' c'est juste une photo de base avec un fond alpha, et on applique juste un changement du background du div.....mais non car ya des ombres ! et la photo modifiée est "save-as"-possible! donc ça peut pas être une astuce css-jquery-mootools-JS....

donc 100% traitement serveur ? un script libre ?

[Tommy31]

Le traitement de l'image se fait en effet côté serveur. Et même un peu plus que ça puisque même la sélection est soumise à l'évaluation du serveur pour déterminer sa validité.

Quand tu balade ton curseur sur l'image, à chaque déplacement une requête ajax est émise, style:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

site-pqi/Hall06_47 95 208 481 322

qui contient les coordonnées du curseur. En fonction de cela, le serveur renvoie une réponse :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

OK 2 ID

si c'est bon (la zone pointée est colorisable)

ou

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

OK -1 ID

sinon.

Quand tu cliques, la requête avec les paramètres suivants est émise :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
scene	site-pqi/Hall06_47
obj-0	S 1050-Y30R
obj-1	S 1050-Y30R
obj-2	S 1050-G60Y
lang	en-US

pour laquelle le serveur renvoie l'image traité avec les directives.

Bref, tout simple.

Côté javascript c'est apparemment basé sur prototype.