Utilisation de JavaScript pour modéliser polyèdres 3D

Question

Y at-il une bibliothèque JavaScript modèles 3D polyèdres en utilisant la balise canvas ou SVG? Disons que je voulais produire des rendus des solides platoniciens , comment pourrais-je mieux y parvenir? FWIW, je suis seulement préoccupé par les navigateurs basés sur WebKit tels que Safari et Chrome.

Je l'ai vu cette démo fraîche de la façon de rendre triangles 3D , mais comment pourrais-je l'étendre à polyèdres avec un nombre arbitraire de côtés?

Answer 1

Jetez un oeil à cette bibliothèque: SVG-VML-3D

Il utilise SVG et retombe à VML sur MSIE. Ils ont une démo avec des solides platoniques. Je n'ai pas à portée de main, mais WebKit navigateur suppose que cela devrait fonctionner aussi.

Answer 2

Pas une réponse directe à votre question, mais vu que vous avez mentionné WebKit que je pensais que je signale la nouvelle 3D CSS Transformer support qui a été ajouté à webkit assez récemment. Cela vous permet de faire ce que vous voulez sans utiliser Javascript. Je ne l'ai pas vu un exemple de polyèdres 3D, mais il y a des exemples de cubes etc là - par exemple ici .

Il y a une démo un peu plus complexe qui a un anneau de rectangles. Pour un vrai goût de ce que vous pourriez faire (bien que cela n'utilise Javascript pour l'animation) - voir le Stack neige démo.

Answer 3

La plupart des bibliothèques 3D généralisent triangles. Si vous voulez un polygone avec plus de 3 côtés, vous découpons en triangles et dessiner ces triangles. Si vous êtes intéressé à seulement les solides platoniciens, alors vous allez avoir un temps assez facile, parce que vous pouvez facilement obtenir un triangluation de chaque face d'abord la moyenne des sommets de chaque face, puis en utilisant ce centre et deux adjacentes sommets de la face pour vous donner une triangularisation.