IBM TJ Watson Research

IBMMosaic

IBMMosaic.mp4

Description

An 88x72 image is created using colored rectangles. Each line of rectangles is positioned vertically using a Transform2D. For each row, comprising 88 rectangles, each rectangle is individually positioned within the row using a Transform2D. The rectangles all share the one single Rectangle geometry.

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.

Screenshot

Snapshot taken after all nodes inserted.



Snapshot taken during Rectangle size change at 5x5.



Snapshot taken during row movement.



Back to main index