Custom Meshes

A custom mesh is essentially a mesh whose geometry is explicitly defined by specifying its vertices (points in 3D space), indices (defining how vertices are connected to form faces), normals (which affect lighting and shading), UV mapping (for textures), and sometimes colors.

<mesh
    name='mesh'
    onCreate={mesh => {
        const vertexData = new VertexData();
        vertexData.positions = [-5, 2, -3, -7, -2, -3, -3, -2, -3, 5, 2, 3, 7, -2, 3, 3, -2, 3];
        vertexData.indices = [0, 1, 2, 3, 4, 5];
        vertexData.applyToMesh(mesh);
    }}>
    <standardMaterial name='material' wireframe />
</mesh>

Learn More

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

Polyhedra Shapes Position