# Transitions Solution

#### Summary

This solution showcases Transitions in SceneComposer. Therefore different types of transition are used for replacing a scene with another scene. It shows how using a transition provides continuity so that the scene change is not quite so abrupt. Note that the Player has to be used to run the sample appropriately because only the Player supports Transitions.

#### Purpose

The user gets an impression of what can be done by using Transitions.

#### Tutorial

This section explains how to confirm the effect of the transitions set in this solution.

##### Confirmation and editing the set transitions

Open the **Transition Rules Editor** via the menu   
\[ View \] - \[ Transitions \] - \[ Transition Rules Editor \].

Here you can view and edit the configured transition rules.

<div drawio-diagram="7627"><img src="https://doc316en.candera.eu/uploads/images/drawio/2024-12/drawing-5-1734078193.png" alt=""/></div>

<p class="callout info">For details on how to use the Transition Rules Editor, please refer to <span style="color: rgb(230, 126, 35);">[Transition Rules Editor](https://doc316en.candera.eu/link/1194#bkmrk-%E3%83%88%E3%83%A9%E3%83%B3%E3%82%B8%E3%82%B7%E3%83%A7%E3%83%B3%E8%A6%8F%E5%89%87%E3%82%A8%E3%83%87%E3%82%A3%E3%82%BF%E3%83%BC)</span>.</p>

##### How to confirm the transition effects

1. Click on the play button to \[ Play the scenario... \] 
    - This will open the CGI Panel.   
        <div drawio-diagram="7798"><img src="https://doc316en.candera.eu/uploads/images/drawio/2025-01/drawing-7-1737005681.png" alt=""/></div>
2. In the left panel of the CGI Panel, check "Scene#ClearingScene" and "Scene#SwappingScene" 
    - "Scene#ClearingScene" and "Scene#SwappingScene" will be enabled.  
        <div drawio-diagram="7799"><img src="https://doc316en.candera.eu/uploads/images/drawio/2025-01/drawing-7-1737005848.png" alt=""/></div>
3. Open the "Transition" tab and  
    drag and drop "Scenes#scene1" from the left panel to \[ 'deactivation' scenes... \].  
    Similarly, drag and drop "Scenes#scene2" from the left panel to \[ 'activation' scenes... \].  
    
    - The source of the transition will be set to "scene1" and the destination to "scene2".  
        <div drawio-diagram="7800"><img src="https://doc316en.candera.eu/uploads/images/drawio/2025-01/drawing-7-1737006223.png" alt=""/></div>
4. Click \[ Run \]. 
    - You can check the transition from "scene1" to "scene2" in the Player.
5. Click \[ Swap \]. 
    - The source of the transition will be set to "scene2" and the destination to "scene1".  
        <div drawio-diagram="7801"><img src="https://doc316en.candera.eu/uploads/images/drawio/2025-01/drawing-7-1737006458.png" alt=""/></div>
6. Click \[ Run \] again.  
    
    - You can now check the transition from "scene2" to "scene1" in the Player.

<p class="callout info">Also be sure to check <span style="color: rgb(230, 126, 35);">[Transitions](https://doc316en.candera.eu/books/scene-design/chapter/transitions)</span> to get detailed information.</p>

---