2013-06-26 4 views
0

Je travaille sur un moyen de montrer des matériaux dans le navigateur. Il y aura une (ou plusieurs) géométries et je veux choisir un chemin et charger 3 textures d'un dossier sur mon disque à la géométrie.Aperçu du matériel avec trois.js

Ainsi, dans chaque dossier, il y aura une palette de couleurs, une carte spéculaire et une carte normale.

Dans la partie gauche de mon navigateur, vous devriez voir la scène WebGL avec la géométrie. Et sur le côté droit devrait être un champ où je peux choisir le chemin et charger les dossiers de texture.

Je suis nouveau à three.js et ma question est la suivante:

Est-ce possible en utilisant three.js? Est-il possible de charger des textures dans le navigateur? Et puis-je mettre un spéculaire, un normal et un colormap sur ma géométrie?

Répondre

0

Oui. Voir les exemples au http://threejs.org/ ou dans le dossier des exemples dans le téléchargement, beaucoup d'entre eux ont des textures, des cartes normales et des cartes spéculaires.

La prévisualisation de matière peut juste être une scène de son propre comme n'importe quel autre genre de "scène normale".

+0

Salut yaku, merci pour votre réponse rapide. J'ai téléchargé un exemple avec une exportation Blender et remplacé la géométrie existante par celle que j'ai exportée de Blender. Cela fonctionne bien. Mais quand j'essaye de copier les parties de texture d'un autre exemple avec la spécification, la couleur et la carte normale et les insère dans mon dossier, cela ne fonctionne pas. Y a-t-il quelque chose de spécial à considérer, quand je texture les exportations de blender dans three.js? – user2524500

+0

@ user2524500 Peut-être que cela fait l'objet d'une question différente? Qu'avez-vous essayé exactement et comment cela ne fonctionne pas? Avez-vous des erreurs, le navigateur obtient-il le bon chemin et télécharge-t-il réellement les fichiers? Il ne devrait pas y avoir quelque chose de spécial avec les exportations de blender par rapport à d'autres géométries, sauf peut-être d'éventuels problèmes liés aux coordonnées UV. Quoi qu'il en soit, vous pouvez essayer d'abord avec une géométrie simple créée dans trois. Essayez de faire en sorte que la couleur et la spécification fonctionnent d'abord, puis attaquez la carte normale, car cela peut être plus difficile à faire fonctionner correctement (ou utiliser la carte bumb à la place). Utilisez uniquement des textures avec des puissances de deux dimensions. – yaku

+0

@ user2524500 également dans votre cas d'utilisation, il peut être plus simple d'utiliser 'scene.overrideMaterial = mypreviewmaterial;' pour forcer toutes les géométries à utiliser votre matériel de prévisualisation. – yaku