How to move camera as close as possible to 2D area

Hi,

Cinemachine Confiner makes sure that the camera is not going over the area that I can define with Polygon Collider 2D. But what I need here is almost opposite.

So the green area here is where the game action is. It's always the same size. I'm making a 2D mobile game and depending on the device resolution I would like the green area to be as close as possibe.



Right now I have set the camera so the green area fits for iPhone X resolution so nothing is gets cut out of the image. But when I switch to iPhone 5.5 or iPad resolution there will be big margin and unused space the sides.

Is there any way to do this with Cinemachine?

With Unity's UI I can do the similar thing by streching the Rect Transform to 0 (left, right, top and bottom). But how could I do this with the camera?

 

World space units. Imagine the green area is a 2d (or 3d) maze of a game. The camera somehow should always to cover the area as close as possible on all resolutions. If I could define the borders (like in Cinemachine Confiner) and it would move the camera to those borders making sure camera is close as possible to the maze and that you can see the whole maze.

I actually did something like this to my old game years ago by raycasting the sides of a screen and a messy skript that moved the camera.

 

Mabe this image makes more sense on what I'm trying to say. So here I have defined the area with Polygon Collider 2D for the camera and below the camera shows the game maze as close as possible without cutting anything out on different resolutions with different aspect ratios on different devices.

 

Thank you,

I found out that there is a free asset on the Asset Store called Auto Letterbox by Hexdragonal Games that solves the problem. You set target Aspect-Ratio and it handles the rest. It works out of the box with Cinemachine too.

"Whether you're creating a Split-Screen effect or managing Aspect-Ratios, you can guarantee that every user will see the same screen ratio every time in every view port. "

https://assetstore.unity.com/packages/tools/camera/auto-letterbox-56814

Hexdragonal Games also has the best promotional video I've seen on the Asset Store so far.

 

Auto Letterbox changed the camera rect and that is not what I wanted.

So this script changes the orthographic camera like you suggested. You can give it a sprite that is the game area and it will be shown right on all devices.

Code (CSharp):

1. using System.Collections;
2. using System.Collections.Generic;
3. using UnityEngine;
4. using Cinemachine;
5.  
6. public class FitAreaToDevice : MonoBehaviour {
7.  
8.     public CinemachineVirtualCamera vcam;
9.     public SpriteRenderer GameArea;
10.  
11.     void Start ()
12.     {
13.  
14.         float screenRatio = (float)Screen.width / (float)Screen.height;
15.         float targetRatio = GameArea.bounds.size.x / GameArea.bounds.size.y;
16.  
17.         if(screenRatio >= targetRatio)
18.         {
19.             vcam.m_Lens.OrthographicSize = GameArea.bounds.size.y / 2;
20.         }
21.         else
22.         {
23.             float differenceInSize = targetRatio / screenRatio;
24.             vcam.m_Lens.OrthographicSize =  GameArea.bounds.size.y / 2 * differenceInSize;
25.         }
26.  
27.     }
28.  
29. }