Comment le site de Nike fait-il cet effet Flash lorsque l'utilisateur sélectionne un choix

Question

Je me demandais comment vous pouvez voir does Nike website make the change lorsque vous sélectionnez une couleur ou une semelle. Au début, je pensais qu'ils n'utilisaient des images et lorsque l'utilisateur a choisi une couleur que vous venez remplacé cette partie, mais quand je choisis un seul autre je l'ai remarqué n'a pas changé comme une image, il avait l'air un peu plus comme si elle était rendue . Est-ce que quelqu'un arrive à savoir comment cela est fait? Ou où puis-je obtenir plus d'informations sur cet effet :)?

Answer 1

Il est difficile de savoir avec certitude, mais je suppose qu'ils utilisent un service de rendu similaire à celui fourni par Adobe's Scene7.

C'est un produit qui est utilisé pour coloriser/personnaliser une image de produit de base en fonction des choix de l'utilisateur.

Si vous êtes intéressé à utiliser le service, je vous suggère de vous inscrire à leur webinaire hebdomadaire. J'y ai assisté il y a un certain temps et j'ai été très impressionné par leur offre. Ils ont montré le site Converse (qui avait une fonctionnalité presque identique au site Nike) en tant que démo.

Answer 2

Beaucoup de ces outils sont intégrés dans Flash en utilisant une variété de techniques:

1) Vous pouvez utiliser l'objet BitmapData de Flash pour passer directement les couleurs des pixels dans votre article. C'est probablement la technique la plus simple mais elle vous limite souvent à de simples transformations de couleurs. 2) Vous pouvez pré-rendre des PNG transparents (ou des photos, je suppose) contenant les différentes textures que vous souhaitez afficher sur votre objet (par exemple des motifs ou des textures) et les ajouter dynamiquement à votre scène lors de l'exécution. Ceci, je pense, offre la plus haute fidélité, mais signifie que vous avez besoin de tous vos articles rendus dès le départ.

3) Vous pouvez créer des fichiers collada 3D et les charger via une bibliothèque comme Papervision3D. Ensuite, modifiez dynamiquement la texture au moment de l'exécution. Ceci est la technique la plus intensive de la mémoire et tend à se traduire par une fidélité bien pire, mais pour que vous obtenez un objet 3D complet que vous pouvez voir dans l'espace.

Je suis sûr qu'il ya d'autres techniques, mais ce sont les 3 premiers que je peux penser. J'espère que ça aide!