web-dev-qa-db-fra.com

Affichage d'un modèle 3D en JavaScript / HTML5

Je regarde le rendu d'un modèle 3D dans un navigateur. Quels outils dois-je utiliser/quels endroits dois-je consulter?

Je ne sais pas quel format de données le modèle sera, je peux probablement demander que les données soient formatées comme je le souhaite.

Je regarde three.js mais il semble qu'il a besoin de WebGL pour fonctionner, ce qui ne semble pas être pris en charge dans IE.

Existe-t-il un "moteur de rendu HTML compatible avec plusieurs navigateurs"? :)

25
Goro

Je n'ai pas encore joué avec la 3D, mais je connais un bon endroit pour les ressources sur 3D pour HTML5.

http://www.html5rocks.com/en/gaming

Et voici un tutoriel sur la façon de créer vos modèles 3D avec le Three.js Cadre.

http://www.html5rocks.com/en/tutorials/three/intro/

Cela peut vous aider. Bonne chance.

22
Etienne Dupuis

J'avais également besoin de ce que vous cherchiez et j'ai fait des recherches.

J'ai trouvé JSC3D ( https://code.google.com/p/jsc3d/ ). C'est un projet écrit entièrement en Javascript et utilise le canevas HTML. Il a été testé pour Opera, Chrome, Firefox, Safari, IE9 et plus encore.

Ensuite, vous avez des services comme p3d.in et Sketchfab qui vous donnent un Bon lecteur pour visualiser les modèles 3D sur une page Web: ils utilisent HTML5 et WebGL. Ils ont tous deux une version gratuite.

6
Francesco Bonomi

travaillez-vous avec un outil 3d tel que maya? pour maya, vous pouvez consulter http://www.inka3d.com

3
Jochen

quelques années plus tard, je voterais pour three.js parce que

ie 11 supporte webgl (dans quelle mesure je ne peux pas vous assurer car je suis généralement en chrome)

et, en ce qui concerne l'importation de modèles externes dans three.js, voici un lien vers les chargeurs mis à jour de mrdoob (tellement!)

http://threejs.org/examples/webgl_loader_json_blender.html et plus

1
user3325025