Last modified: August 16, 2011 15:17:33.

Transitions

Transitions represent the core feature of the CU3ER. They are powerful, visually appealing yet very easy to set up. Transition configuration options are grouped (just like slides) as:

  • Transition defaults - common transition properties for every transition
  • Transition single (particular) - specific transition properties for particular transition.

Good to know: You can define your transition defaults and then override them with custom settings for each transition; if needed – by doing it, you don’t have to define each property over and over again, the CU3ER allows you to alter all you want once, including the other attributes automatically.

NOTE: ”Transition defaults” configures common slide transition properties for each slide transition.

Transitions configuration

Video tutorial: 6min 58sec
What you will learn:
  • OverviewHow to access defaults and single transition settings.
  • Transition settingsLearn how to configure 3D and 2D transitions.

To access default transition setting, click on 'Transitions' button in 'Settings' menu:

To access particular transition settings :

  • Click on cManager stage or click on 'Timeline' button:



  • Timeline will appear in the bottom of cManager window. Click on desired timeline transition thumbnail (light gray ones):

No matter if you define default or particular transitions, available settings/options are the same and are grouped and represented through 'Transition' property bar:

Available transition settings:

  • Types and preferences - choose the type of transition you would like to use:

    • Use 3D transition

      • Flip - type of 3D rotation:

        • 90 degrees rotation - case when next/prev slide is on near (next to) cube face
        • 180 degrees rotation - next/prev is on opposite cube face
      • Flip Depth - z offset value during slice flipping
      • Flip Box depth - only considered if 'Flip 180' is active - defines the thickness of the sliced cube
    • Use 2D transition

      • Fade - transition type when one slide fades to another
      • Slide - transition type when first slide moves out from current position and second takes its place by moving in.
  • Grid - place where your define your image slices through:

    • Rows - number of horizontal slices divisions
    • Columns - number of vertical slices divisions
  • Order - angle of transition flow; defines slices animation order by setting corresponding angle of animation flow. If you check central (radial) checkbox, you will instruct CU3ER to take animation flow from center-to-out in a defied direction.
  • Direction - define slice rotation direction: left, right, up, down or any combination of this four.
  • Color - during transition, some other cube faces (beside your slide faces) will most likely become visible for a short period of time and you can define their color here. In addition, if you like faces to be shaded check 'use shading' checkbox.
  • Animation

    • Duration per slice - time needed for each sliced cube to finish its animation
    • Delay per slice - time each sliced cube will wait before starting its animation.
    • Delay Randomness - randomize slice delay values; from 1 - full randomization to 0-uniform(no randomization). Default value is 0.5
    • Ease - ease function for calculation animation curve.

As you can see, these settings are the very essence of the CU3ER. By combining the values, almost an endless number of possibilities for creating a unique cubed transition can be reached. Please, pay close attention to this section and make sure to understand each of these attributes well – it’s all you need to become a CU3ER ninja!

Check XML Reference for detailed information about available transition XML nodes & attributes.