Often you will want to target Playables and other content at a virtual screen (like a laptop or tablet). This can be done with a Playable Screen. Generally you will want to configure the Screen as its own Scene Object attached to the monitor, tablet, etc. This allows you to target the object with content separately from the screen.

Open

Adding the Screen

Playable Screen comes in two flavors: Landscape and Portrait. Once you’ve chosen the correct Prefab, attach it to the Game Object:

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:
      
      

      Open

      

      
      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.
      
      

       

   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:
      
      

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.

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

       

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

       

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

Related Articles

Configuring Objects for UI