comment cet applicatif web est-il fait ?

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 ?

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 ?

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:

---

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:

---

OK 2 ID

---

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

ou

Code:

---

OK -1 ID

---

sinon.

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

Code:

---

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.