The mosaic is built up over time with a new row being inserted every 100ms. The Rectangle is initially 4x4 and the Transform2D's space the Shapes on a 5x5 grid.
Once all the Shapes are inserted a PositionInterpolator2D is used to vary the size of the Rectangle geometry up to 5x5 then back to 4x4, to 3x3 and then to 2x2 and repeat for 20s.
Then to show the mosaic is built up from rows three PositionInterpolator2Ds are used to slide three adjacent rows. The two outer ones slide to the right and the inner one to the left. This is repeated over a 20s period.
Snapshot taken after all nodes inserted.
![]() |
Snapshot taken during Rectangle size change at 5x5.
![]() |
Snapshot taken during row movement.
![]() |