Usando JavaScript para modelo de poliedros 3D

Question

Existe uma biblioteca JavaScript que os modelos 3D poliedros usando a tag canvas ou SVG? Digamos que eu queria renderings produto da platônica sólidos , como eu melhor conseguir isso? FWIW, eu só estou preocupado com navegadores baseados no WebKit como o Safari e Chrome.

Eu vi este fresco demonstração de como renderizar 3D triângulos , mas como eu poderia estendê-lo para poliedros com um número arbitrário de lados?

Answer 1

Dê uma olhada esta biblioteca: SVG-VML-3D

Ele usa SVG e cai de volta para VML em MSIE. Eles têm uma demo com sólidos platônicos. Eu não tenho um Webkit-browser útil, mas presumo que deve trabalhar lá também.

Answer 2

Não é uma resposta directa à sua pergunta, mas vendo como você mencionou WebKit somente eu pensei em apontar o novo 3D CSS Transform apoio que foi adicionado ao webkit muito recentemente. Isto permite-lhe fazer o que quiser sem usar qualquer Javascript. Eu não vi um exemplo de poliedros em 3D, mas há exemplos de cubos etc lá fora - por exemplo, aqui .

Há um pouco mais complexo demonstração aqui que tem um anel de rectângulos. Para um verdadeiro sabor do que você poderia fazer (embora este não usar o JavaScript para animação) - veja a pilha de neve demonstração.

Answer 3

A maioria bibliotecas 3D generalizar triângulos. Se você quer um polígono com mais de 3 lados, você dividi-lo em triângulos e desenhar esses triângulos. Se você estiver interessado em apenas os sólidos platônicos, então você vai ter um tempo muito fácil, porque você pode facilmente obter um triangluation de cada face por primeiro calculando a média dos vértices de cada rosto, e em seguida, usando esse centro e duas adjacentes vértices do rosto para dar-lhe uma triangularização.