Image Gallery, Music Room, and Replay Actions — Ren'Py Documentation

### Navigation

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

# Image Gallery, Music Room, and Replay Actions

## Image Gallery

A image gallery is a screen that allows the player to unlock images, and then view those images. The screen has one or more buttons associated with it, and each button has one or more associated images. Buttons and images also have conditions that determine if they have unlocked.

Image galleries are managed by instances of the Gallery class. A single instance of the gallery class may be shared between multiple image gallery screens.

A gallery has one or more buttons associated with it, a button has one or more images associated with it, and each image has one or more displayables associated with it. Conditions can be assigned to buttons and images. A button is unlocked when all of the conditions associated with it are satisfied and at least one image associated with that button is unlocked. An image is unlocked when all associated conditions are satisfied.

Creating an image gallery consists of the following four steps.

1. Create an instance of Gallery.

2. Add buttons and images to that gallery, along with conditions that determine if the buttons and images they belong to are unlocked. This is also a multi-step process.

   1. Declare a new button by calling `Gallery.button()`.
   2. Optionally, add one or more unlock conditions to the button by calling `Gallery.unlock()` or `Gallery.condition()`.
   3. Declare an image by calling `Gallery.image()` with one or more displayables as arguments. Or call the convenience method `Gallery.unlock_image()` instead.
   4. Optionally, call `Gallery.transform()` to associate transforms with the displayables.
   5. Optionally, add one or more unlock conditions to the image by calling `Gallery.unlock()`, `Gallery.condition()`, or `Gallery.allprior()`.

   Additional images can be added to a button by repeating steps 3-5, while additional buttons can be added to the gallery by repeating all five steps.

3. Create an image gallery screen. The screen should display a background, and should contain navigation that allows the user to show other image galleries, or to return to the main or extras menu.

4. Add code to display the image gallery screen to the main or extras menu.

Here's an example of the first three steps:

    init python:

        # Step 1. Create the gallery object.
        g = Gallery()

        # Step 2. Add buttons and images to the gallery.

        # A button that contains an image that automatically unlocks.
        g.button("dawn")
        g.image("dawn1")
        g.unlock("dawn1")

        # This button has multiple images assocated with it. We use unlock_image
        # so we don't have to call both .image and .unlock. We also apply a
        # transform to the first image.
        g.button("dark")
        g.unlock_image("bigbeach1")
        g.transform(slowpan)
        g.unlock_image("beach1 mary")
        g.unlock_image("beach2")
        g.unlock_image("beach3")

        # This button has a condition associated with it, allowing code
        # to choose which images unlock.
        g.button("end1")
        g.condition("persistent.unlock_1")
        g.image("transfer")
        g.image("moonpic")
        g.image("girlpic")
        g.image("nogirlpic")
        g.image("bad_ending")

        g.button("end2")
        g.condition("persistent.unlock_2")
        g.image("library")
        g.image("beach1 nomoon")
        g.image("bad_ending")

        # The last image in this button has an condition associated with it,
        # so it will only unlock if the user gets both endings.
        g.button("end3")
        g.condition("persistent.unlock_3")
        g.image("littlemary2")
        g.image("littlemary")
        g.image("good_ending")
        g.condition("persistent.unlock_3 and persistent.unlock_4")

        g.button("end4")
        g.condition("persistent.unlock_4")
        g.image("hospital1")
        g.image("hospital2")
        g.image("hospital3")
        g.image("heaven")
        g.image("white")
        g.image("good_ending")
        g.condition("persistent.unlock_3 and persistent.unlock_4")

        # The final two buttons contain images that show multiple pictures
        # at the same time. This can be used to compose character art onto
        # a background.
        g.button("dawn mary")
        g.unlock_image("dawn1", "mary dawn wistful")
        g.unlock_image("dawn1", "mary dawn smiling")
        g.unlock_image("dawn1", "mary dawn vhappy")

        g.button("dark mary")
        g.unlock_image("beach2", "mary dark wistful")
        g.unlock_image("beach2", "mary dark smiling")
        g.unlock_image("beach2", "mary dark vhappy")

        # The transition used when switching images.
        g.transition = dissolve

    # Step 3. The gallery screen we use.
    screen gallery:

        # Ensure this replaces the main menu.
        tag menu

        # The background.
        add "beach2"

        # A grid of buttons.
        grid 3 3:

            xfill True
            yfill True

            # Call make_button to show a particular button.
            add g.make_button("dark", "gal-dark.png", xalign=0.5, yalign=0.5)
            add g.make_button("dawn", "gal-dawn.png", xalign=0.5, yalign=0.5)
            add g.make_button("end1", "gal-end1.png", xalign=0.5, yalign=0.5)

            add g.make_button("end2", "gal-end2.png", xalign=0.5, yalign=0.5)
            add g.make_button("end3", "gal-end3.png", xalign=0.5, yalign=0.5)
            add g.make_button("end4", "gal-end4.png", xalign=0.5, yalign=0.5)

            add g.make_button("dark mary", "gal-dark_mary.png", xalign=0.5, yalign=0.5)
            add g.make_button("dawn mary", "gal-dawn_mary.png", xalign=0.5, yalign=0.5)

            # The screen is responsible for returning to the main menu. It could also
            # navigate to other gallery screens.
            textbutton "Return" action Return() xalign 0.5 yalign 0.5

Step 4 will vary based on how your game is structured, but one way of accomplishing it is to add the following line:

    textbutton "Gallery" action ShowMenu("gallery")

to the main menu screen.

class `Gallery`(self)

  This class supports the creation of an image gallery by handling the locking of images, providing an action that can show one or more images, and a providing method that creates buttons that use that action.

  `transition`

    The transition that is used when changing images.

  `locked_button`

    The default displayable used by make_button for a locked button.

  `hover_border`

    The default hover border used by make_button.

  `idle_border`

    The default idle border used by make_button.

  `navigation`

    If true, the gallery will display navigation and slideshow buttons on top of the images.

    To customize the look of the navigation, you may override the gallery_navigation screen. The default screen is defined in common/00gallery.rpy

  `span_buttons`

    If true, the gallery will advance between buttons.

  `locked`

    If true, the gallery will advance through locked images.

  `slideshow_delay`

    The time it will take for the gallery to advance between images in slideshow mode.

  `Action`(name)

    An action that displays the images associated with the given button name.

  `Next`(unlocked=False)

    Advances to the next image in the gallery.

    unlocked
      If true, only considers unlocked images.
  `Previous`(unlocked=False)

    Goes to the previous image in the gallery.

    unlocked
      If true, only considers unlocked images.
  `Return`(self)

    Stops displaying gallery images.

  `ToggleSlideshow`(self)

    Toggles slideshow mode.

  `allprior`(self)

    A condition that is true if all prior images associated with the current button have been unlocked.

  `button`(name)

    Creates a new button, named name.

    name
      The name of the button being created.
  `condition`(expression)

    A condition that is satisfied when an expression evaluates to true.

    expression
      A string giving a python expression.
  `display`(*displayables)

    Adds a new image to the current button, where an image consists of one or more displayables.

  `get_fraction`(name, format='{seen}/{total}')

    Returns a text string giving the number of unlocked images and total number of images in the button named name.

    format

      A python format string that's used to format the numbers. This has three values that can be substituted in:

      {seen}
        The number of images that have been seen.
      {total}
        The total number of images in the button.
      {locked}
        The number of images that are still locked.
  `image`(*displayables)

    Adds a new image to the current button, where an image consists of one or more displayables.

  `make_button`(name, unlocked, locked=None, hover_border=None, idle_border=None, **properties)

    This creates a button that displays the images associated with the given button name.

    name
      The name of the button that will be created.
    unlocked
      A displayable that is displayed for this button when it is unlocked.
    locked
      A displayable that is displayed for this button when it is locked. If None, the locked_button field of the gallery object is used instead.
    hover_border
      A displayable that is used to overlay this button when it is unlocked and has focus. If None, the hover_border field of the gallery object is used.
    idle_border
      A displayable that is used to overlay this button when it is unlocked but unfocused. If None, the idle_border field of the gallery object is used.

    Additional keyword arguments become style properties of the created button object.

  `transform`(*transforms)

    Applies transforms to the last image registered. This should be called with the same number of transforms as the image has displayables. The transforms are applied to the corresponding displayables.

    If a transform is None, the default transform is used.

  `unlock`(*images)

    A condition that takes one or more image names as argument, and is satisfied when all the named images have been seen by the player. The image names should be given as strings.

  `unlock_image`(*images)

    A convenience method that is equivalent to calling image and unlock with the same parameters. This will cause an image to be displayed if it has been seen before.

    The images should be specified as strings giving image names.

## Music Room

A music room is a screen that allows the user to select and play music tracks from the game. These tracks may start off locked when the user first begins playing a particular game, and will be unlocked as the user listens to the music while playing the game.

A music room is managed by an instance of the MusicRoom class. There can be more than one MusicRoom instance in a game, allowing a game to have multiple music rooms. Creating a music room consists of the following four steps:

1. Create an instance of MusicRoom. The MusicRoom constructor takes parameters to control the channel on which music is played back, and how long it takes to fade music out and back in.

2. Add music files to the instance.

3. Create a screen that uses the MusicRoom instance to create actions for buttons, imagebuttons, or hotspots. These actions can pick a track, the next or previous track, or stop and start the music.

   Note that the actions used are members of a MusicRoom instance, so if the MusicRoom instance is named `mr`, then `mr.Play("track1.ogg")` is how you'd use the play action.

4. Add the music room screen to the main menu, or an extras menu.

Here's an example of the first three steps:

    init python:

        # Step 1. Create a MusicRoom instance.
        mr = MusicRoom(fadeout=1.0)

        # Step 2. Add music files.
        mr.add("track1.ogg", always_unlocked=True)
        mr.add("track2.ogg")
        mr.add("track3.ogg")

    # Step 3. Create the music room screen.
    screen music_room:

        tag menu

        frame:
            has vbox

            # The buttons that play each track.
            textbutton "Track 1" action mr.Play("track1.ogg")
            textbutton "Track 2" action mr.Play("track2.ogg")
            textbutton "Track 3" action mr.Play("track3.ogg")

            null height 20

            # Buttons that let us advance tracks.
            textbutton "Next" action mr.Next()
            textbutton "Previous" action mr.Previous()

            null height 20

            # The button that lets the user exit the music room.
            textbutton "Main Menu" action ShowMenu("main_menu")

        # Start the music playing on entry to the music room.
        on "replace" action mr.Play()

        # Restore the main menu music upon leaving.
        on "replaced" action Play("music", "track1.ogg")

Step 4 will vary based on how your game is structured, but one way of accomplishing it is to add the following line:

    textbutton "Music Room" action ShowMenu("music_room")

to the main menu screen.

Using the `Preferences()` function, especially `Preferences("music volume")`, it's possible to include a volume slider on the music screen.

class `MusicRoom`(channel='music', fadeout=0.0, fadein=0.0, loop=True, single_track=False, shuffle=False, stop_action=None)

  A music room that contains a series of songs that can be unlocked by the user, and actions that can play entries from the list in order.

  channel
    The channel that this music room will operate on.
  fadeout
    The number of seconds it takes to fade out the old music when changing tracks.
  fadein
    The number of seconds it takes to fade in the new music when changing tracks.
  loop
    Determines if playback will loop or stop when it reaches the end of the playlist.
  single_track
    If true, only a single track will play. If loop is true, that track will loop. Otherwise, playback will stop when the track finishes.
  shuffle
    If true, the tracks are shuffled, and played in the shuffled order. If false, the tracks are played in the order they're added to the MusicRoom.
  stop_action
    An action to run when the music has stopped.

  Single_track and shuffle conflict with each other. Only one should be true at a time. (Actions that set single_track and shuffle enforce this.)

  `Next`(self)

    An action that causes the music room to play the next unlocked file in the playlist.

  `Play`(filename=None)

    This action causes the music room to start playing. If filename is given, that file begins playing. Otherwise, the currently playing file starts over (if it's unlocked), or the first file starts playing.

    If filename is given, buttons with this action will be insensitive while filename is locked, and will be selected when filename is playing.

  `Previous`(self)

    An action that causes the music room to play the previous unlocked file in the playlist.

  `RandomPlay`(self)

    This action causes the music room to start playing a randomly selected unlocked music track.

  `SetLoop`(value)

    This action sets the value of the loop property.

  `SetShuffle`(value)

    This action sets the value of the shuffle property.

  `SetSingleTrack`(value)

    This action sets the value of the single_track property.

  `Stop`(self)

    This action stops the music.

  `ToggleLoop`(self)

    This action toggles the value of the loop property.

  `TogglePlay`(self)

    If no music is currently playing, this action starts playing the first unlocked track. Otherwise, stops the currently playing music.

    This button is selected when any music is playing.

  `ToggleShuffle`(self)

    This action toggles the value of the shuffle property.

  `ToggleSingleTrack`(self)

    This action toggles the value of the single_track property.

  `add`(filename, always_unlocked=False, action=None)

    Adds the music file filename to this music room. The music room will play unlocked files in the order that they are added to the room.

    always_unlocked
      If true, the music file will be always unlocked. This allows the file to show up in the music room before it has been played in the game.
    action

      This is a action or the list of actions. these are called when this file is played.

      For example, These actions is used to change a screen or background, description by the playing file.

  `is_unlocked`(filename)

    Returns true if the filename has been unlocked (or is always unlocked), and false if it is still locked.

## Replay

Ren'Py also includes the ability to replay a scene from inside a the main or game menu. This can be used to create a "scene gallery", or memory gallery that allows the player to repeat important scenes. After the scene finishes, Ren'Py returns to the menu screen that launched the replay.

Scene replay is also possible using the `Start()` action. The difference between the two modes are:

- A replay can be launched from any screen while Start can only be used in the main menu or screens shown by the main menu.
- When a replay finishes, control returns to the point where the replay was invoked. That point can be inside the main menu, game menu. If a game is in progress when replay is called, game state is preserved.
- Saving is disabled while in replay mode.
- While in replay mode, a call to `renpy.end_replay()` will end the replay. In normal mode, end_replay does nothing.

To take advantage of the replay mode, a scene should begin with a label, and end with a call to renpy.end_replay. The scene should make no assumption as to the state of the layers or variables, which can be very different in normal and replay mode. (In replay code, the label is invoked with a black screen.)

For example:

         "And finally, I met the wizard himself."

    label meaning_of_life:

         scene

        "Mage" "What is the meaning of life, you say?"

        "Mage" "I've thought about it long and hard. A long time, I've
                spent pondering that very thing."

        "Mage" "And I'll say - the answer - the meaning of life
                itself..."

        "Mage" "Is forty-three."

        $ renpy.end_replay()

        "Mage" "Something like that, anyway."

With the scene define like that, the replay can be invoked with the Replay action:

    textbutton "The meaning of life" action Replay("meaning_of_life")

There is one store variable used by replay mode:

`_in_replay`

  When in replay mode, this is sent to the label at which replay mode was started. Outside of replay mode, this is None.

In addition, `config.enter_replay_transition` and `config.exit_replay_transition` are used when entering and exiting replay mode, respectively.

The following variables and actions are used in replay mode:

`EndReplay`()

  An action that ends the current memory.

`Replay`(label, scope={}, locked=None)

  An action that starts label as a replay.

  scope
    A dictionary mapping variable name to value. These variables are set when entering the replay.
  locked
    If true, this replay is locked. If false, it is unlocked. If None, the replay is locked if the label has not been seen in any playthrough.

`renpy.` `call_replay`(label, scope={})

  Calls a label as a memory.

  Keyword arguments are used to set the initial values of variables in the memory context.

`renpy.` `end_replay`()

  If we're in a replay, ends the replay immediately. Otherwise, does nothing.

### Navigation

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