IBM TJ Watson Research

IBMTransform2D

IBMTransform2D.mp4

Description

A red Rectangle is transformed by a single Transform2D having its translation, center, rotationAngle, scale and scaleOrientation fields set to non-default values. In addition a yellow translucent Rectangle is set into the same position, on top of the red one, using seven nested Transform2Ds each having only a single field set to non-default value so the resultant is equivalent to the single Transform2D used for the red rectangle. These nested Transform2Ds use only the translation, scale or rotationAngles to accomplish the equivalence.

Since the red and yellow rectangles are in the same position the transparency of the yellow one makes the result look like a single orange colored Rectangle. At t=1s the yellow rectangle is offset in the positive X direction to briefly separate the shapes so it can be seen to be two scaled, skewed, rotated rectangles. There is a little overlap where the resultant orange color can be seen. At t=2s the yellow rectangle is restored so it again is on top of the red one. At t=3s interpolators begin which change all of the fields in the red rectangle's Transform2D and do the equivalent to the nested Transform2Ds of the yellow rectangle. The result should be that the rectangles move and change shape but always appear to be a single orange rectangle.

Screenshot

Snapshot taken at t=0.



Snapshot taken just after t=1s when yellow rectangle is displaced.



Snapshot taken while rectangles are being continually transformed.



Back to main index