Skip to Content

Carousel 2D

Add dynamic carousel menu

Carousel 2D

The Carousel 2D allows you to display a variety of images in a 2d circular pattern.

Icons can be horizontally aligned or follow a curve. The focused icon is always in the center and it is possible to browse the items backward and forward.

In order to interact with the carousel, it is possible to use a keypad, a touch screen, or both.

It is possible to use an animation for icons translation, add a background and arrows on the sides.

Carousel 2D is compliant with TouchScreen and keyPad devices.

In addition, there are two kinds of animations for the item that reaches or leaves the focused state:

  • the Zoom animation: consists of changing the scale of the picture until reaching the size of the new state.
  • the Clipping animation: consists of applying a clipping area around the picture that grows or decrease.

The component itself will choose the animation to apply. If there are two icons by item (one for each states) the zoom will be applied. Otherwise the clipping technique will be chosen.

The icons have to be localized somewhere in the tree scene before the include, typically in an inactive Transform.

Available in Workbench Developer