Как веб-сайт Nike делает этот эффект Flash, когда пользователь выбирает выбор

Question

Мне было интересно, как веб-сайт Nike вносит изменения , которые можно увидеть при выборе цвета или подошвы. Сначала я думал, что они используют только изображения, и когда пользователь выбрал цвет, который вы только что заменили эту часть, но когда я выбрал другую подошву, я заметил, что она не изменилась, как изображение, оно выглядело немного больше, как будто оно было визуализировано , Кто-нибудь знает, как это делается? Или где я могу получить дополнительную информацию о создании этого эффекта:)?

Answer 1

Трудно сказать наверняка, но я предполагаю, что они используют сервис рендеринга, аналогичный тому, который предоставляется Adobe Scene7 .

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

Если вы заинтересованы в использовании сервиса, я бы предложил подписаться на их еженедельный вебинар. Я посетил некоторое время назад и был очень впечатлен их предложением. Они продемонстрировали сайт Converse (с функциональностью, почти идентичной функциональности сайта Nike) в качестве демонстрации.

Answer 2

Многие из этих инструментов построены во Flash с использованием различных методов:

1) Вы можете использовать объект BitmapData Flash для непосредственного смещения оттенков пикселей в вашем элементе. Это, вероятно, самый простой метод, но он часто ограничивает вас простыми преобразованиями цвета.

2) Вы можете предварительно визуализировать прозрачные PNG (или, я полагаю, фотографии), содержащие различные текстуры, которые вы хотели бы показать на своем объекте (например, шаблоны или текстуры), и динамически добавлять их на сцену во время выполнения. Это, я думаю, предлагает высочайшую точность, но означает, что вам нужно, чтобы все ваши вещи были представлены заранее.

3) Вы можете создавать 3D-файлы collada и загружать их через такую ​​библиотеку, как Papervision3D. Затем динамически меняйте текстуру во время выполнения. Это наиболее ресурсоемкий метод, который, как правило, приводит к гораздо худшей точности, но для этого вы получаете полный трехмерный объект, который можно просматривать в космосе.

Я уверен, что есть и другие методы, но это те 3, которые я могу придумать. Я надеюсь, что это помогает!