How to create sliding game area?

Hi everyone,

I want to create a sliding area for my game. I am not sure “sliding” is right term for looking for but my main goal is slide up and down for my game area. What am i try to do? There are four different area at main game section as you see at below picture. I want to add four more area but there are no more empty space. So want to go up and down for them, but unfortunately didn’t figure out.

As an example I’m sharing this gif below. As you see you can slide only game area without touching the header and footer menu areas. I’m trying to do something like this. I don’t need detailed explanation. If you can share a youtube link or some other guides i will be grateful.



Thanks!

I do these sorts of constructs above with multiple layers of UI.

For instance, I would have either 3D, 2D or Canvas with UI for the central gameplay area, the red in your case above.

Then I would have a separate Canvas with Top and Bottom (or two canvases?) with each overlay for top and bottom.

This lets you get the anchoring right, so when you’re on a tall phone, you get more playable area.

If you follow these steps you can easily prototype it out and prove you have it right for all shapes / sizes of screen.

Here are some notes on UI Anchoring, Scaling, CanvasScaler, etc:

1 Like