### Navigation

- index
- next |
- previous |
- Ren'Py Home |
- Ren'Py Documentation

# Transitions

Transitions can be used as part of the with statement, as well as in other parts of Ren'Py, to apply effects to changes in the scene. Ren'Py comes with a small number of pre-defined transitions, which can be given directly to the with statement. It also includes transition classes, which can be used to create new transitions.

## Pre-Defined Transitions

Pre-defined transitions can be given directly to the with statement. For example:

    show bg washington
    with dissolve

`fade`

  Takes 0.5 seconds to fade to black, and then 0.5 seconds to fade to the new screen. An instance of the `Fade()` transition class.

`dissolve`

  Takes 0.5 seconds to dissolve from the old to the new screen. An instance of the `Dissolve()` transition class.

`pixellate`

  Pixellates the old scene for .5 seconds, and the new scene for another .5 seconds. An instance of the `Pixellate()` transition class.

`move`

  Takes 0.5 seconds to the move images that have changed location to their new locations. An instance of the `MoveTransition()` transition class.

`moveinright`

  Also: moveinleft, moveintop, moveinbottom

  These move entering images onto the screen from the appropriate side, taking 0.5 seconds to do so.

`moveoutright`

  Also: moveoutleft, moveouttop, moveoutbottom

  These move leaving images off the screen via the appropriate side, taking 0.5 seconds to do so.

`ease`

  Also: easeinright, easeinleft, easeintop, easeinbottom, easeoutright, easeoutleft, easeouttop, easeoutbottom

  These are similar to the move- family of transitions, except that they use a cosine-based curve to slow down the start and end of the transition.

`zoomin`

  This zooms in entering images, taking 0.5 seconds to do so.

`zoomout`

  This zooms out leaving images, taking 0.5 seconds to do so.

`zoominout`

  This zooms in entering images and zooms out leaving images, taking 0.5 seconds to do so.

`vpunch`

  When invoked, this transition shakes the screen vertically for a quarter second.

`hpunch`

  When invoked, this transition shakes the screen horizontally for a quarter second.

`blinds`

  Transitions the screen in a vertical blinds effect lasting 1 second. An instance of the `ImageDissolve()` transition class.

`squares`

  Transitions the screen in a squares effect lasting 1 second.

`wipeleft`

  Also: wiperight, wipeup, wipedown

  Wipes the scene in the given direction. Instances of the `CropMove()` transition class.

`slideleft`

  Also: slideright, slideup, slidedown

  Slides the new scene in the given direction. Instances of the `CropMove()` transition class.

`slideawayleft`

  Also: slideawayright, slideawayup, slideawaydown

  Slides the old scene in the given direction. Instances of the `CropMove()` transition class.

`pushright`

  Also: pushleft, pushtop, pushbottom

  These use the new scene to slide the old scene out the named side. Instances of the `PushMove()` transition class.

`irisin`

  Also: irisout

  Use a rectangular iris to display the new screen, or hide the old screen. Instances of the `CropMove()` transition class.

## Transition Classes

Transition classes are functions that can be called to create new transitions. These functions are parameterized, allowing entire families of transitions to be created.

Calling transition classes can be done as part of the with statement. For example:

    # A very long dissolve.
    with Dissolve(10.0)

If we find ourselves calling the same transition class repeatedly, we can use the define statement to assign the transition to a variable:

    define annoytheuser = Dissolve(1.0)

    label start:
         show bg washington
         with annoytheuser

`AlphaDissolve`(control, delay=0.0, alpha=False, reverse=False)

  Returns a transition that uses a control displayable (almost always some sort of animated transform) to transition from one screen to another. The transform is evaluated. The new screen is used where the transform is opaque, and the old image is used when it is transparent.

  control
    The control transform.
  delay
    The time the transition takes, before ending.
  alpha
    If true, the image is composited with what's behind it. If false, the default, the image is opaque and overwrites what's behind it.
  reverse
    If true, the alpha channel is reversed. Opaque areas are taken from the old image, while transparent areas are taken from the new image.

`ComposeTransition`(trans, before, after)

  Returns a transition that composes up to three transitions. If not None, the before and after transitions are applied to the old and new scenes, respectively. These updated old and new scenes are then supplied to the trans transition.

      # Move the images in and out while dissolving. (This is a fairly expensive transition.)
      define moveinoutdissolve = ComposeTransition(dissolve, before=moveoutleft, after=moveinright)

`CropMove`(time, mode="slideright", startcrop=(0.0, 0.0, 0.0, 1.0), startpos=(0.0, 0.0), endcrop=(0.0, 0.0, 1.0, 1.0), endpos=(0.0, 0.0), topnew=True)

  Returns a transition that works by cropping a scene and positioning it on the screen. This can be used to implement a variety of effects, all of which involved changing rectangular slices of scenes.

  time
    The time the transition takes.
  mode

    The name of the mode of the transition. There are three groups of modes: wipes, slides, and other. This can also be "custom", to allow a custom mode to be defined.

    In a wipe, the image stays fixed, and more of it is revealed as the transition progresses. For example, in "wiperight", a wipe from left to right, first the left edge of the image is revealed at the left edge of the screen, then the center of the image, and finally the right side of the image at the right of the screen. Other supported wipes are "wipeleft", "wipedown", and "wipeup".

    In a slide, the image moves. So in a "slideright", the right edge of the image starts at the left edge of the screen, and moves to the right as the transition progresses. Other slides are "slideleft", "slidedown", and "slideup".

    There are also slideaways, in which the old image moves on top of the new image. Slideaways include "slideawayright", "slideawayleft", "slideawayup", and "slideawaydown".

    We also support a rectangular iris in with "irisin" and a rectangular iris out with "irisout".

  The following parameters are only respected if the mode is "custom". Positions are relative to the size of the screen, while the crops are relative to the size of the image. So a crop of (0.25, 0.0, 0.5, 1.0) takes the middle half of an image.

  startcrop
    The starting rectangle that is cropped out of the top image. A 4-element tuple containing x, y, width, and height.
  startpos
    The starting place that the top image is drawn to the screen at, a 2-element tuple containing x and y.
  endcrop
    The ending rectangle that is cropped out of the top image. A 4-element tuple containing x, y, width, and height.
  endpos
    The ending place that the top image is drawn to the screen at, a 2-element tuple containing x and y.
  topnew
    If true, the scene that is cropped and moved (and is on top of the other scene) is the new scene. If false, it is the old scene.

      define wiperight = CropMove(1.0, "wiperight")
      define wipeleft = CropMove(1.0, "wipeleft")
      define wipeup = CropMove(1.0, "wipeup")
      define wipedown = CropMove(1.0, "wipedown")

      define slideright = CropMove(1.0, "slideright")
      define slideleft = CropMove(1.0, "slideleft")
      define slideup = CropMove(1.0, "slideup")
      define slidedown = CropMove(1.0, "slidedown")

      define slideawayright = CropMove(1.0, "slideawayright")
      define slideawayleft = CropMove(1.0, "slideawayleft")
      define slideawayup = CropMove(1.0, "slideawayup")
      define slideawaydown = CropMove(1.0, "slideawaydown")

      define irisout = CropMove(1.0, "irisout")
      define irisin = CropMove(1.0, "irisin")

`Dissolve`(time, alpha=False, time_warp=None)

  Returns a transition that dissolves from the old scene to the new scene.

  time
    The time the dissolve will take.
  alpha
    If true, the dissolve will alpha-composite the the result of the transition with the screen. If false, the result of the transition will replace the screen, which is more efficient.
  time_warp
    A function that adjusts the timeline. If not None, this should be a function that takes a fractional time between 0.0 and 1.0, and returns a number in the same range.

`Fade`(out_time, hold_time, in_time, color="#000")

  Returns a transition that takes out_time seconds to fade to a screen filled with color, holds at that screen for hold_time seconds, and then takes in_time to fade to then new screen.

      # Fade to black and back.
      define fade = Fade(0.5, 0.0, 0.5)

      # Hold at black for a bit.
      define fadehold = Fade(0.5, 1.0, 0.5)

      # Camera flash - quickly fades to white, then back to the scene.
      define flash = Fade(0.1, 0.0, 0.5, color="#fff")

`ImageDissolve`(image, time, ramplen=8, reverse=False, alpha=True, time_warp=None)

  Returns a transition that dissolves the old scene into the new scene, using an image to control the dissolve process. This means that white pixels will dissolve in first, and black pixels will dissolve in last.

  image
    A control image to use. This must be either an image file or image manipulator. The control image should be the size of the scenes being dissolved.
  time
    The time the dissolve will take.
  ramplen
    The length of the ramp to use. This must be an integer power of 2. When this is the default value of 8, when a white pixel is fully dissolved, a pixel 8 shades of gray darker will have completed one step of dissolving in.
  reverse
    If true, black pixels will dissolve in before white pixels.
  alpha
    If true, the dissolve will alpha-composite the the result of the transition with the screen. If false, the result of the transition will replace the screen, which is more efficient.
  time_warp
    A function that adjusts the timeline. If not None, this should be a function that takes a fractional time between 0.0 and 1.0, and returns a number in the same range.

      define circirisout = ImageDissolve("circiris.png", 1.0)
      define circirisin = ImageDissolve("circiris.png", 1.0, reverse=True)
      define circiristbigramp = ImageDissolve("circiris.png", 1.0, ramplen=256)

`MoveTransition`(delay, enter=None, leave=None, old=False, layers=['master'], time_warp=None, enter_time_warp=None, leave_time_warp=None)

  Returns a transition that interpolates the position of images (with the same tag) in the old and new scenes.

  delay
    The time it takes for the interpolation to finish.
  enter
    If not None, images entering the scene will also be moved. The value of enter should be a transform that is applied to the image to get its starting position.
  leave
    If not None, images leaving the scene will also be move. The value of leave should be a transform that is applied to the image to get its ending position.
  old
    If true, the old image will be used in preference to the new one.
  layers
    A list of layers that moves are applied to.
  time_warp
    A time warp function that's applied to the interpolation. This takes a number between 0.0 and 1.0, and should return a number in the same range.
  enter_time_warp
    A time warp function that's applied to images entering the scene.
  leave_time_warp
    A time warp function that's applied to images leaving the scene.

`MultipleTransition`(args)

  Returns a transition that allows multiple transitions to be displayed, one after the other.

  args

    A list containing an odd number of items. The first, third, and other odd-numbered items must be scenes, and the even items must be transitions. A scene can be one of:

    - A displayable.
    - False, to use the old scene.
    - True, to use the new scene.

    Almost always, the first argument will be False and the last True.

  The transitions in args are applied in order. For each transition, the old scene is the screen preceding it, and the new scene is the scene following it. For example:

      define logodissolve = MultipleTransition([
          False, Dissolve(0.5)
          "logo.jpg", Pause(1.0),
          "logo.jpg", dissolve,
          True])

  This example will dissolve to logo.jpg, wait 1 second, and then dissolve to the new scene.

`Pause`(delay)

  Returns a transition that only displays the new screen for delay seconds. It can be useful as part of a MultipleTransition.

`Pixellate`(time, steps)

  Returns a transition that pixellates out the old screen, and then pixellates in the new screen.

  time
    The total time the transition will take, in seconds.
  steps
    The number of steps that will occur, in each direction. Each step creates pixels about twice the size of those in the previous step, so a 5-step pixellation will create 32x32 pixels.

`PushMove`(time, mode="pushright")

  Returns a transition that works by taking the new scene and using it to "push" the old scene off the screen.

  time
    The time the transition takes.
  mode
    There are four possible modes: "pushright", "pushleft", "pushup", and "pushdown", which push the old scene off the screen in the direction indicated.

      define pushright = PushMove(1.0, "pushright")
      define pushleft = PushMove(1.0, "pushleft")
      define pushup = PushMove(1.0, "pushup")
      define pushdown = PushMove(1.0, "pushdown")

## Transition Families

Transition families are functions that define a large family of related transitions.

`define.``move_transitions`(prefix, delay, time_warp=None, in_time_warp=None, out_time_warp=None, old=False, layers=['master'], **kwargs)

  This defines a family of move transitions, similar to the move and ease transitions. For a given prefix, this defines the transitions:

  - prefix- A transition that takes delay seconds to move images that changed positions to their new locations.
  - prefixinleft, prefixinright, prefixintop, prefixinbottom - Transitions that take delay seconds to move images that changed positions to their new locations, with newly shown images coming in from the appropriate side.
  - prefixoutleft, prefixoutright, prefixouttop, prefixoutbottom - Transitions that take delay seconds to move images that changed positions to their new locations, with newly hidden images leaving via the appropriate side.
  time_warp, in_time_warp, out_time_warp

    Time warp functions that are given a time from 0.0 to 1.0 representing the fraction of the move complete, and return a value in the same range giving the fraction of a linear move that is complete.

    This can be used to define functions that ease the images around, rather than moving them at a constant speed.

    The three argument are used for images remaining on the screen, newly shown images, and newly hidden images, respectively.

  old
    If true, the transitions to move the old displayables, rather than the new ones.
  layers
    The layers the transition will apply to.

      # This defines all of the pre-defined transitions beginning
      # with "move".
      init python:
          define.move_transitions("move", 0.5)

### Navigation

- index
- next |
- previous |
- Ren'Py Home |
- Ren'Py Documentation