Конструктор комнаты в we?

Question

[Кирилл Горелов]

Парни, такой вопрос. Есть сайт обоев Эрисман у него на странице есть конструктор комнаты где можно поменять обои. И обои меняются в разных плоскостях и независимо друг от друга.
Нужно сделать на подобии такого же, но не знаем как это лучше и как правильнее.
Потому что там генерируется изображение на стороннем сервере, а не на стороне клиента. И не с помощью канвас.
Если кто знает как такое сделать или уже есть готовые какие наработки, подскажите, пожалуйста?

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

Comments

[Дмитрий]

они тупо предварительно отрендерели все возможные варианты и отдают уже готовую картинку

http://erismann.esignserver1.com/image?maxwidth=16...

[Дмитрий]

посмотрел, выбор все-таки картинок у них большой.
предварительно готовить все варианты как одну картинку - долго.

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

Answer 1

[Ivan Bogachev]

Я бы предложил (как вариант) поступить следующим образом:
1. Стены сделать обычными div'ами, с помощью CSS-трансформаций повернуть в нужную сторону.
2. Предметы, все, что не меняется - в картинку с прозрачным фоном. Положить слоем поверх "стен".
3. "Обои" - это background-image, нужно будет только сообразить, как выбирать размер в зависимости от картинок, которые вы будете использовать.
4*. Если есть желание сохранять это потом в виде картинки - можно загуглить html-to-canvas, дальше png сохранить не сложно.