SVG 3D Geometric Solids

Each face of the geometric solid is a path whose points have been computed via 3-d vector methods. Included features are: rotation, shading, moving, zoom, light source location, and viewer position.

Shown are the Platonic solids (tetrahedron, hexahedron, octahedron, dodecahedron, and icosahedron) and the Archimedean solids (truncated tetrahedron, cuboctahedron, truncated cube, truncated octahedron, rhombicuboctahedron, truncated cuboctahedron, snub cube, icosidodecahedron, truncated dodecahedron, truncated icosahedron, rhombicosidodecahedron, truncated icosidodecahedron, and snub dodecahedron)
Scenerio:
The paths for the geometric solids are all contained within a <g> element (sceneG).
At onLoad, each of the five(5) platonic geometric solids will be shown with a 3 sec. time delay.


Selecting a specific Archimedean Solid will clear the previous scene and show only the selected solid.






The sceneG container can be independently transfomed:


SVG Source:
Javascript:
svg3d.js Source:
geometricFaces.js Source:
OK in:IE11/CH41/FF35