Как добиться эффекта изменения цвета одежды на фото (fabric.js)?

Question

[coderisimo]

Вот пример. www.zazzle.com/womens_basic_t_shirt-235643286926699897
здесь можно изменять цвет футболки на фото. само фото неизменно.
Мне приходит в голову маска для заливки и далее вы просто меняем цвет этой завивки. Но в таком случае нам придется делать маски для всех разновидностей футболок, что весьма трудоемко.
Как еще можно добиться подобного эффекта?

Спасибо

Answer 1

[Юрий]

посмотрите в консоль - при смене цвета - грузятся все новые картинки в разных позах.
то есть либо на сервере генерят разные картинки со всеми цветами,
либо, что вероятнее, их просто в фотошопе перекрасили и все.

в данном случае это точно НЕ делается на фронтенде

Comments

[coderisimo]

точно! ) ну..это не спортивно.
там еще в консоли предложение работать у них )))

[nirvimel]

Безо всякой консоли легко догадаться об этом по задержке обновления картинки при клике по любому контролу, который ее меняет.

[Юрий]

coderisimo: про работу сразу не заметил, прикольно. еще простенькое задание дают и в конце

You know your Javascript! Give us a shout at [e-mail]. Make sure to include "..." in your email.

Answer 2

[Serjabos]

Скорее всего это сделано через JS , HTML + CSS

Answer 3

[profesor08]

При выборе цвета изменяется ссылка на картинку. В ссылке есть парамет color=white, где white - цвет. Тоесть каждый раз загружается другая картинка.

http://www.zazzle.co.uk/rlv/svc/view?rlvnet=1&realview=113966237699778543&design=cee43c30-ea4f-40fc-9087-eaefcb811025&style=hanes_womens_crew_tshirt_5680&size=a_l&color=white&max_dim=512&hide=bleed%2Csafe%2CvisibleMask&r=1451506529663

Comments

[coderisimo]

да да, я уже понял)