Customizer produktu Opcje

[markonix]

Czy ktoś ma jakieś doświadczenia z kreatorami produktów?

Chodzi mi o najprostszą opcję np. mamy obiekt i zmieniamy kolor/materiał danego elementu.
Przykład:
http://www.stokke.com/highchairs/tripp-tra...ripp-trapp.aspx

Jedno rozwiązanie zrobiłem na zasadzie wgrywania wszystkich kombinacji ręcznie - takie rozwiązanie ma jednak główną wadę - czasochłonność, a przy naprawdę dużej liczbie kolorów to praktycznie staje się nie możliwe aby utworzyć taką galerie.

Na razie co mi przyszło do głowy to zamiast kompletnych kombinacji zmieniać wyłącznie dany element np. mamy samochód i zmieniam felgę - w plikach mam po prostu wszystkie felgi - podmieniam zdjęcie i mam efekt.
Ostatecznie jednak jest to po prostu zlepka kilku <img>, co wygląda troszkę infantylnie i niestety nie ma zbytnio opcji eksportu takiego zdjęcia.

Jakieś ciekawsze rozwiązania? jQuery, canvas (poza flashem)? Zastanawiam się jak jest to rozwiązane w przykładzie powyżej bo efekt jest dość fajny, wygląda na rozwiązanie server side.

Ten post edytował markonix 2.02.2014, 14:46:44

[markonix]

Tak, ale gdy to jest serwer to otrzymuje fajną, pojedynczą grafikę, nie muszę się martwić o kwestie klienckie, u wszystkich wygląda i działa tak samo.
Poza tym taką grafikę mogę zapisać na przyszłość i tym samym popularne kombinacje już mieć gotowe.

Generowaną grafikę canvasem chyba też można zapisać, ale to już chyba trudniejsze.

Na razie jestem w kropce ale skłaniam się ku nauce canvasa, porobić fragmenty obiektu w każdym kolorze i materiale i łączyć to jak puzzle.

[PrinceOfPersia]

Tak, ale gdy to jest serwer to otrzymuje fajną, pojedynczą grafikę, nie muszę się martwić o kwestie klienckie, u wszystkich wygląda i działa tak samo.

Canvas też raczej będzie wyglądał i działał tak samo. Zresztą nawet w przypadku grafik typu JPG czy PNG nigdy nie masz pewności, czy bedą się wyświetlać tak samo na różnych przeglądarkach (chociażby znany błąd starszych wersji IE z przezroczystością, który trzeba omijać hackiem) . Tylko nie ma co się martwić na zapas...

Poza tym taką grafikę mogę zapisać na przyszłość i tym samym popularne kombinacje już mieć gotowe.

tylko po co mieć gotowe, skoro wygenerowanie kolejnej kombinacji w przeglądarce to ułamek sekundy, a pociągnięcie jej z serwera może potrwać kilka sekund?

Generowaną grafikę canvasem chyba też można zapisać, ale to już chyba trudniejsze.

Jest do tego funkcja toDataURL, tu masz przykład: http://tutorials.jenkov.com/html5-canvas/todataurl.html

Na razie jestem w kropce ale skłaniam się ku nauce canvasa, porobić fragmenty obiektu w każdym kolorze i materiale i łączyć to jak puzzle.

No w tej bibliotece - fabric - masz gotowe filtry do kolorów (patrz link, który wrzuciłem wcześniej w tym temacie)