Dodecahedron with a separate texture for each face

[Andrew_Bilous]

I need to display a separate texture for each face(I mean the whole side, not just one triangle) of the Dodecahedron. I saw we can pass materials array for a cube and its textures are applied correctly for each face, but it doesn’t work with Dodecahedron. I found that I might need some UV coordinates, but, how to compute them? https://threejs.org/docs/#api/en/geometries/DodecahedronGeometry

[Mugen87]

@Andrew_Bilous

I saw we can pass materials array for a cube and its textures are applied correctly for each face, but it doesn’t work with Dodecahedron

The reason for this is explained here:

How to apply to each side of DodecahedronGeometry a unique texture?

[Andrew_Bilous]

So shall I use groups or split it and export from Blender?

[hofk]

Another option is to create 12 pentagons using CircleGeometry or CircleBufferGeometry (5 segments) and arrange and group them correctly in space. https://threejs.org/docs/index.html#api/en/objects/Group

[Mugen87]

@Andrew_Bilous

So shall I use groups or split it and export from Blender?

I recommend to use Blender.

[prisoner849]

Using a texture atlas with slight modifications in the geometry (uvs + additional buffer attribute for sides) and a material, you can create this: https://jsfiddle.net/prisoner849/3zanmcbt/