Content Comparison

...

1. Adjust the position and rotation so that it’s square with the screen surface

   1. Make sure the editing settings in Unity are set like this:
      

      Image Added

      
      In particular, “Pivot” ensures that the arrows are moving the position of the root prefab whereas “center” moves the position of the overall center of gravity, which is not what you want.

   2. Then use the arrows to move the screen into place. Make sure you are moving the root of the Prefab--”Playable Screen-Landscape” in this case. It’s easy to select one of the sub-objects in the hierarchy and end up placing the wrong object.
      

      Image Modified

   3. You may also want to temporarily enable “Reference Image” and disable the rest of the screens while you’re positioning the Prefab. Just make sure to set these back once it’s in place:
      

      Image Added

2. Choose a scale for the top-level prefab that looks right for the font. Note that the scale factor should be the same for each axis, otherwise images, etc., will be distorted. You will adjust the screen size in the next step.
   

   

3. Adjust the Width and Height of the Screen Canvas node to match the virtual screen.
   

   Image Removed

   1. Choose the 2D UI editor setting in Unity:
      

      Image Added

   2. Make sure that “Screen Canvas” is selected, and adjust the width and height using the handles on the canvas:
      

      Image Added

4. Re-enable the Screen Prefabs and disable the Reference Image if you used that to position the screen:
   

   Image Added