Mit Hilfe von JavaScript zu modellieren 3D Polyeder

Question

Gibt es eine JavaScript-Bibliothek, die Modelle 3D Polyeder die Leinwand-Tag oder SVG? Sagen wir, ich wollte Renderings der platonischen Körper , wie würde ich dies am besten erreichen? FWIW, ich bin nur mit WebKit-basierten Web-Browsern wie Safari und Chrome.

Ich habe diese coole Demo, wie gesehen machen 3D Dreiecken , aber wie könnte ich es Polyeder mit einer beliebigen Anzahl von Seiten erstrecken?

Answer 1

Werfen Sie einen Blick auf diese Bibliothek: SVG-VML-3D

Es verwendet SVG und fällt auf VML auf MSIE zurück. Sie haben eine Demo mit platonischen Körper. Ich habe keinen Webkit-Browser zur Hand haben, aber davon ausgehen, sollte es auch dort arbeiten.

Answer 2

Nicht eine direkte Antwort auf Ihre Frage, aber da Sie WebKit-nur erwähnt dachte ich, dass ich den neuen hinweisen würde 3D CSS Trans Unterstützung, die ziemlich kürzlich webkit hinzugefügt wurde. Auf diese Weise können Sie tun, was Sie wollen, ohne dass Javascript verwendet. Ich habe nicht ein Beispiel für 3D-Polyeder gesehen, aber es gibt Beispiele für Würfel usw. gibt - zum Beispiel: hier .

Es gibt eine etwas komplexere Demo hier die hat ein Ring von Rechtecken. Für einen echten Geschmack von dem, was Sie (obwohl dies kein Javascript verwenden für Animation) tun könnte - siehe Schnee Stapel Demo.

Answer 3

Die meisten 3D-Bibliotheken verallgemeinern Dreiecke. Wenn Sie ein Polygon mit mehr als 3 Seiten wollen, können Sie es in Dreiecke unterteilen und diese Dreiecke zeichnen. Wenn Sie gerade in den platonischen Körper interessiert sind, dann werden Sie eine ziemlich einfache Zeit haben, weil Sie leicht eine triangluation jeder Fläche von ersten Mitteln der Eckpunkte jedes Gesicht bekommen, und dann unter Verwendung dieses Zentrum und zwei benachbarte Eckpunkte des Gesichts Ihnen eine Triangulierung zu geben.