I need help to find an algorithm to have a center rect and then all other rects to be positioned around the center, probably all rects will need some sort of math so that their size is adjusted slightly for this as well.
I did some drawing I am having difficulty explaining this so I don’t know how to start.
I will use this grid in threejs with some shaders.
I managed to do it like this Shader Carousel but I want more randomness… In my working example all sects have the same height… this is the issue
If you would let an algorithm pick the sizes of the rectangles, just use a room-maze generator and pick a bunch of rooms around some central room.
In the illustration below the black lines are walls of randomly generated rooms, the red circle is your bunch, the pink rooms are the selected rooms for the grid.
Good tip the issue is that I can’t generate them completely random they need to keep visually a close image ratio it dose not have to have the image ratio perfectly but to be as close as possible
It is close I managed to do soething similar the issue is how do you make it to fit perfectly the gaps to be visually exactly the same, this will require to ‘adapt’ somehow the meeshs size as well but keeping in mind the iamge ratio… I cant even put this on paper:)
