Transition 🏹

The Transition module provides a variety of animated effects designed to reveal or obscure the screen, often used for transitioning between states or as dynamic visual flourishes. These effects are typically controlled by a Cycle parameter that animates the transition from 0 (start/hidden) to 1 (end/revealed), or vice-versa.

Styles

Each style offers a unique visual method for transitioning the screen content.

• Slide: The screen content slides in or out from one edge.
  • Modifier One: Controls the direction and extent of the slide. 0 to 1 might slide from left to right, for example.
• Spot In: A circular reveal, growing from a point to fill the screen.
  • The Cycle parameter directly controls the radius of the spot.
• Spot Out: A circular wipe, shrinking from the screen edges to a point.
  • The Cycle parameter directly controls the radius of the spot (in reverse).
• Box In: A rectangular reveal, expanding from the center or edges to fill the screen.
  • The Cycle parameter controls the size of the box.
• Box Out: A rectangular wipe, shrinking from the screen edges to the center.
  • The Cycle parameter controls the size of the box (in reverse).
• Tile Bounce: The screen is divided into tiles that "bounce" or scale into view.
  • Modifier One: Controls the number of tiles or the scale of the tiling pattern.
• Tile Wave: Tiles ripple or wave into view across the screen.
  • Modifier One: Controls the number of tiles or the scale of the tiling pattern.
• Shutter: Simulates blinds opening or closing.
  • Modifier One: Controls the number of shutter blades or the complexity of the pattern.
• Radial Swipe: A wipe that rotates around a central point.
  • Modifier One: Adjusts the sharpness or feathering of the swipe edge.
• Radial Repeat: Multiple radial swipes emanate from the center.
  • Modifier One: Controls the number of repeating swipe segments.
• Dissolve: The screen content randomly dissolves or appears pixel by pixel.
  • Modifier One: Controls the scale or coarseness of the dissolve pattern.
• Jagged Swipe: A swipe with an irregular, jagged edge.
  • Modifier One: Controls the scale or frequency of the jaggedness.
• Delayed: Sections of the screen transition with a delay, creating a staggered effect.
  • Modifier One: Controls the primary transition speed/direction.
  • Modifier Two: Influences the delay or offset between sections.
• Hexagonal Tiles: The screen is revealed or hidden through a pattern of hexagonal tiles.
  • Modifier One: Controls the scale of the hexagonal tiles.
  • Modifier Two: Can influence the animation or fill pattern of the tiles.
• Hexagonal Swipe: A wipe that moves across the screen with a hexagonal leading edge.
  • Modifier One: Controls the scale or size of the hexagons forming the swipe edge.
• Modelo In: A pattern based on modulo operations creates an alternating reveal.
  • Modifier One: Controls the scale or frequency of the modulo pattern.

Shared Properties

These properties are common across most or all transition styles:

• Cycle: The main animation control for the transition. Typically, a value from 0 to 1 (or vice-versa) drives the transition from its start to end state. This is the primary property to animate.
• Apply: Determines how the transitioning area interacts with the underlying screen or a specified Colour.
  • Background Effects Foreground Colours: The transitioning area reveals June's effects, with the "empty" or "covered" space showing the Colour.
  • Background Clean Foreground Effects: The transitioning area reveals June's effects, with the "empty" space showing the original, clean screen.
  • Background Effects Clean Foreground: The transitioning area reveals the original, clean screen, with the "active" transition area showing June's effects (often used for wipes off an effect).
• Angle: Rotates the entire transition effect.
• Colour: The colour used for the "empty" or "covered" parts of the transition, depending on the Apply mode. The alpha channel controls its opacity.