Utilizzando Javascript per modellare poliedri 3D

Question

C'è una libreria JavaScript che i modelli 3D poliedri utilizzando il tag tela o SVG? Di 'Ho voluto produrre rendering dei href="http://en.wikipedia.org/wiki/Platonic_solid" , come potrei meglio raggiungere questo obiettivo? FWIW, sono preoccupato solo con i browser web basati su WebKit, come Safari e Chrome.

Ho visto questa demo fresco di come rendere 3D triangoli , ma come potrei estenderlo a poliedri con un numero arbitrario di lati?

Answer 1

Date un'occhiata a questa libreria: SVG-VML-3D

Si utilizza SVG e VML ricade su MSIE. Hanno un demo con i solidi platonici. Non ho un Webkit browser a portata di mano, ma presumo che dovrebbe funzionare anche lì.

Answer 2

Non è una risposta diretta alla sua domanda, ma visto che lei ha citato WebKit-only ho pensato di sottolineare il nuovo 3D CSS Trasforma supporto che è stato aggiunto al webKit abbastanza di recente. Questo ti permette di fare quello che vuoi senza l'uso di Javascript. Non ho mai visto un esempio di poliedri 3D, ma ci sono esempi di cubi, ecc là fuori - per esempio qui .

C'è una demo leggermente più complesso qui che ha un anello di rettangoli. Per un assaggio di quello che si potrebbe fare (anche se questo fa uso di JavaScript per l'animazione) - vedere la neve Pila demo.

Answer 3

La maggior parte delle librerie 3D generalizzare triangoli. Se si desidera un poligono con più di 3 lati, è suddividerlo in triangoli e disegnare quei triangoli. Se siete interessati a solo i solidi platonici, allora si sta andando ad avere un tempo abbastanza facile, perché si può facilmente ottenere una triangluation di ogni faccia in primo luogo la media dei vertici di ogni faccia, e quindi utilizzando questo centro e due adiacenti vertici del viso per offrirti un triangolarizzazione.