Using a mask to create custom hexagon terrain tiles

[Lawrence3DPK]

@phil_crowther

I am hoping that it is not too slow or does not create a lot of textures in memory.

Another option instead of cloning the texture for each hex would be to manipulate the uvs themselves for each geometry…

Updating UV coordinates of BufferGeometry

Try it like so: var uvAttribute = geometry.attributes.uv; for ( var i = 0; i < uvAttribute.count; i ++ ) { var u = uvAttribute.getX( i ); var v = uvAttribute.getY( i ); // do something with uv // write values back to attribute uvAttribute.setXY( i, u, v ); } For debugging a small live demo: Edit fiddle - JSFiddle - Code Playground

Although this would mean building a management system in order to manipulate uvs per geometry instance of the entire merged hexasphere which may be complex…