How to create the LEVELS with EDITOR

Open Game Scene: Go to Tools -> SpotTheDifferencesGameToolkit -> Game scene OR use a hotkeys Alt+2

1. Go Tools -> SpotTheDifferencesGameToolkit -> Level Editor -> Editor OR use a hotkey C

   
2. The Level Editor tab is used to set the level number, background, enable/disable the timer, and create a new level. All other level settings are configured in the Hierarchy tab.

   
3. Create a new level by clicking the "+" button.

   
4. Set the desired background for the level.

   

5. This background will also be displayed in the Play Menu

   
6. Specify whether the level is timed. If so, set the required number of seconds.

   
7. For example, let's create Level 2. Click the "+" button. You'll see the same scene as in the very first level. This is the default scene, which we will modify.

   
8. First, let's add a background for our level (it will also be displayed in the Play Menu).

   
9. We can make this a timed level, so check the box and set the time to 60 seconds, for example.

   
10. To add an object to the scene, go to the Hierarchy and click the "+" next to the word Level.

    
11. A default Stage Object will be created.

    

12. Now, let's go to the folder with textures for this level. Since this is an example of creating Level 2, go to Sprites -> Backgrounds -> background-2. Here you'll find all the objects we'll use to create the puzzle.

    

13. Now, we need to drag the necessary sprite into the Hierarchy, inside the Stage Object (drag the images one by one).

    

    For example, these two sprites will be used as one element (an abstract painting in a frame), but they will look different on each screen. On the first screen, we will see art-1, and on the second, art-2.

14. Rename the Stage Object to something convenient for you, for your own ease.

    

15. Initially, any added image appears on the first screen and in the workspace where we place all the objects.

    
16. In the workspace, place both paintings inside the frame.

    

17. Next, go back to the Hierarchy and specify which picture should be shown on which screen. 1 stands for Screen 1, and 2 stands for Screen 2. Just click the number to change its value.

    

    Let's see how it looks. It works! We can see the first image on Screen 1 and the second image on Screen 2. They look very similar, but they are still different—take a closer look.

    

18. Let’s consider a scenario where the image will be visible on only one screen. To do this, create a Stage Object again by clicking the "+" button. Let’s say it’s a plant leaf in a pot. Drag the leaf into the Stage Object, rename the object. In the workspace, position it against the background. Then, in the editor, specify which screen you want this object to appear on. Let’s make it Screen 2. Perfect!

    

19. Now, let’s look at a scenario where one object overlaps another. It’s better not to do this, but if needed.

    Go to the Inspector and change the Order in Layer to a lower or higher number to adjust the layer.

    
20. Repeat these steps for all the planned objects.

21. Click Play to test the level.

    
22. You can delete a level in Asset -> Scenes.

    

    And in Assets -> Resources -> Levels

    
23. To test the whole game, go to the Main Scene, then go to Tools -> SpotTheDifferencesGameToolkit -> Game scene OR use the hotkey Alt+1. Then, press Play in Unity.

24. To reset settings, go to Tools -> SpotTheDifferencesGameToolkit -> Reset PlayerPref

---

🎥 For a more detailed overview, watch our VIDEO guide

❓ If you have any further questions, don't hesitate to ask us. We will be happy to help you understand the project on DISCORD 💖 Thank you for choosing our Assets! 💖