Poyhedra Shapes

In Babylon.js, polyhedra shapes are a set of 3D geometries composed of flat polygonal faces, typically used to create complex and mathematically precise models. Babylon.js provides several predefined polyhedra and options to create custom polyhedral shapes. These shapes are useful in various fields, including game development, simulations, and visualizations, due to their geometric symmetry and flexibility.

There are several types of polyhedra shapes. Here are the main ones:

Polyhedron

A flexible shape that allows you to create various polyhedra based on predefined types or custom vertices and faces. You can choose from shapes like the Tetrahedron, Cube, Octahedron, Dodecahedron, and Icosahedron, or define your own vertices and faces for custom polyhedra.

<>
   {new Array(10)
       .fill(null)
       .map((_polyhedron, index) => (
           <polyhedron
               key={index}
               name={`polyhedron-${index}`}
               position={new Vector3(-30 + 15 * (index % 5), 20 + -15 * Math.floor(index / 5), 0)}
               options={{ type: index, size: 3 }}
           />
       )
   )}
</>

Icosphere

A specialized polyhedron designed to resemble a sphere, created by subdividing the faces of a regular icosahedron (20 triangular faces).

<icoSphere name='icosphere' options={{ radius: 20, subdivisions: 16 }} />

Geodesic

A geodesic sphere is constructed from hexagons and pentagons, similar to a soccer ball or a geodesic dome. It’s a complex sphere approximation with a uniform distribution of faces.

<geodesic name='geodesic' options={{ size: 20, m: 3, n: 0 }} />

Goldberg

An advanced and more complex polyhedral shape that extends the geodesic structure, distributing polygons (hexagons and pentagons) more uniformly around a sphere.

<goldberg
    name='goldberg'
    options={{ size: 20, m: 10, n: 4 }}
    onPick={evt => {
        const facetId = evt.additionalData.faceId;
        const f = getFaceNbFromFacetId(facetId);
        const goldberg = evt.meshUnderPointer as GoldbergMesh;
        goldberg.setGoldbergFaceColors([[f, f, new Color4(1, 0, 0, 1)]]);
    }}
/>

Learn More

For properties and customizations, please refer to Babylon.js documentation: https://doc.babylonjs.com/features/featuresDeepDive/mesh/creation/polyhedra.