Best way to implement a scrolling checkerboard background that scales with screen size?

Questions & Answers
1

Here is a gif of what I am trying to achieve (this was animated in After Effects).

I have a set of dark and light blue tiles. They should be alternated so that they make a checkerboard, however there are multiple of each type (e.g. dark fireflower, dark blooper) - those are randomly chosen. Any dark tile has an equal chance of being any of the different dark tiles, and same for light tiles. The background is constantly scrolling. I also want the tiles to be rotated diagonally slightly (unlike what is shown in the gif). Also, and this makes it a lot more difficult - I want it to be responsive to different window sizes. Each square should be a constant size, no matter the scale. Increasing the size of the window should add an appropriate number of tiles to the edges of the checkerboard.

It seems like it should be somewhat simple, but I am at a loss as to how it should be implemented. I had an idea involving MoveTowards, but realized it might be choppy due to the way that MoveTowards doesn’t move the same speed if it’s close enough to its destination.

If anyone has an idea on how to do this, that would be really helpful. Thank you!

2

I ended up solving my problem by using a List of List of MyTile to grow a “2d array”-esque collection of game objects, starting at a center piece. They grow until they reach a point where all the edge tiles are offscreen (see https://forum.unity.com/threads/test-if-ui-element-is-visible-on-screen.276549/#post-7674601). I actually use a dummy list of lists to determine what this size is, then use that to appropriately grow or shrink my real list of lists, that way my center tiles that remain on screen when the screen is resizing don’t get changed to a different tile. Also, the tiles move gradually to the left on Update. If they are far enough left, the column is deleted and a new column is made to the right of the structure.