Transforming Sprite Elements

Each element in a sprite has different sizes and angles. But if you need to align, rotate or scale the elements, then you may do this in the Composer. This task is helpful for Sprite Switch Animations.

  1. Please select a prop and click the Composer button in Stage Mode.
  2. In the Composer Mode, pick the sprites of the prop.
  3. Click the Sprite Editor button on the Functional Tool Bar. All the elements are listed in the panel.
    Please refer to the Preparing a Custom Sprite section for more information about adding more elements to the sprite.
  4. In the list, pick elements one by one to review their position, size and orientation.

    Elements with different sizes and positions

  5. You may see the green transform handle box shown around the element.
  6. Move your cursor to the inside of the box. Drag to relocate the element.

    The area for moving
  7. Drag the eight control points around the box to scale the element.
    Please note that the four corner points proportionally scale the element while the points on the sides do not.
  8. Drag the rotation area outside the box to rotate the element.

    The area for rotating
  9. Modify the transform point of each elements until they are all aligned.

    Elements aligned

    ClosedNote:
    • When editing, constantly pick other elements of the sprite in order to correctly align all the elements.