How to Build Content for Multiple Screens
Table of Contents
This How To will teach you how to properly build content for multiple screen setups. Before you start it could make sense to read this guide How to configure a Multi Screen Setup, to correctly configure Ventuz. While in the Designer you can create projects without knowing how to set these up, you might want to have insights into it to understand the workwise of your content much better.
While it is useful to have a machine setup with a proper Device Configuration, this is not necessary and most of the times you only need to have a proper Render Layout. See How to configure a Multi Screen Setup for a quick intro into how to achieve this.
Introduction
Working for a multi screen setup needs testing and the knowledge how to properly shift content around so it fits nicely on the screens. These are the topics we are going through:
- The different modes of the Renderer Window and the Stage Editor.
- Useful information for building the content
- Creating pixel perfect content
- Moving things across multiple screens
- Presenting your project
Renderer window and the Stage Editor
There are different modes for the Renderer window. These can be found in the Stage Editor. If it isnt open currently, just go to View -> Stage Editor.
Stage Editor
Introduction
The Stage Editor enables previewing of different Screens, Previs Screens and Compositions as well as outputs and other machines inside a Cluster. Furthermore you are able to switch and edit Render Setups quickly.
In the following sections we will explore what these different menus and buttons are doing.
Render Setup Selection and Editing
Select your Render Setups from the drop down menu to change between them quickly. Use the 
to get inside the Render Setup Editor and edit the currently selected Render Setup.
A restart of the Designer is not needed. Hit Save after changing the Render Setup and the changes will be instantly applied; Alternatively, click Live at the top of the Editor to see your changes update in real time!
Preview Selection Menu
With the Preview Selection Menu it is possible to switch between different Compositions,Previs Screens,Screens and Canvases which are defined inside the Render Setup. These will be then previewed inside the Renderer Window.
When working with a Previs scene the Composition preview might show a seemingly wrong aspect ratio, this is not a bug but rather a technical limitation. This is due to the Render Order, at the point of previewing the Composition the engine doesnt know yet which design size was set by the canvas. Thats why it will fall back to the Project settings Aspect Ratio.
Physical
This shows the currently active physical outputs configured in your Device Configuration. Use this to see what a single output will look like when played out in a Runtime. Inputs can be also previewed if configured inside your Device Configuration.
Design Preview
The Design Preview will show all configured Previs Screens, Screens, Compositions, Canvases and other machines defined in the Render Setup combined as one preview. This should give you a good estimate of what your scene will look like.
Using the Design Preview in conjunction with the option to Preview Without Scaling can have a heavy performance impact on bigger scenes with high resolution!
Disable Preview
Disables the preview Renderer window.
This doesn't completely block Ventuz from rendering your scene. See it more like the "inactive" flag on a node. To completely disable the rendering use the option inside the Device Configuration for Disabling the Preview Window.
Options
Enable all Physical Outputs: Will use all physical screens currently configured as outputs inside your Device Configuration and render your scene on it.
Lower Resolution for Previs: This will divide the Resolution inside a Previs by 4. Previs scenes can have very huge resolutions, to ensure good performance while working on it we introduced this option.
Preview without scaling: This forces the Renderer to render the current preview in its configured resolution coming from the Render Setup, it will also crop the image if the renderer window is to small.
Show Bezel: Use this to show currently configured bezels coming from the Render Setup! inside the Rendering Window.
Machine ID Selection
Use the broom icon to display what is used with your current machine ID, which is configured on the general tab inside the configuration tab inside the Configuration editor. Or Preview other machines outputs from your network with the corresponding ID.
Changing the previewed machine ID will only render on Enabled Physical Outputs so make sure to enable this option inside the Preview Selection Menu!
Design Preview
The Design Preview will show all configured Screens,Compositions, Canvases and other machines defined in the Render Setup combined as one preview. This is especially helpful when working on bigger scenes using multiple Canvases.
All Outputs
Activates all configured Outputs and previews them, if enough physical outputs are connected. Otherwise use the connector selection to preview single outputs.
Configuration of in and Outputs can be done inside the Device Configuration.
Connector Selection
Preview single outputs which are currently configured in the Device Configuration.
Useful information
Now that you know how to work with the Stage Editor, lets put it into context with the Renderer window and what to do with it. When starting the project with a multi-screen setup, the Stage Editor and the Render Window appear the same as before.
By default, the Stage Editor is in the Canvas preview mode. Canvas preview shows the render space for the default canvas that Ventuz uses. In order to see the borders of the screens content must be applied to the scene. In this example, three screens are displayed in the Render Window. Three colored rectangles that are touching, show the gap between screens 2 and 3:
These rectangles represent your screens. The grayed out area will not be visible when presenting the project.
When the Design Preview mode is used, all of the Compositions, including the darkened areas that aren't visible in the in the physical setup.
When the Composition mode is used, the entire Composition is displayed and the Render Window and the preview ignores the Screen and Output settings.
This tool is useful to if the screen layout happens to change in the future to ensure the content is rendered as desired.
It is highly recommended to switch to the production mode from time to time to see what it will look like when presenting it. This is very helpful if you have overlapping content, or things moving around.
Placing Pixel Perfect Content
To apply a Movie Clip Layer it will be stretched over the whole render Composition no matter its size or aspect ratio.
There are different methods to resize a layer like the Movie Clip Layer so it will display as the desired size, some are more accurate than others.
In order to achieve pixel perfect placement, there are properties available in the Movie Clip Layer.
Changing the layout to pixels and the relation to Layer -> Left -> Top will align the clip to the top left corner of the rendering space.
Moving things across multiple screens
Ventuz' synchronization capabilities across GPU outputs and even across multiple machines allow you to show content that spans over several screens. It is possible to have visuals elements travel across several screens to have them appear as one large video surface.
Having content move across multiple screens is fairly simple as you only need to arrange according to your screen setup using the Layout properties as shown above.
Considerations with the Field of View
When having content span across several screens in the horizontal axis the content at the edges might appear distorted or stretched.
This comes from the default camera in the layer root. There are multiple ways to fix this issue.
One method involves ignoring the camera and moving the Layer itself, and therefore its content, inside the Property of the 3D Layer. To see the properties of the Layer, click the small triangle beside the pencil.
By using the X and Y properties the content will be shifted around without any distortion. But this might be limiting in some cases since you are moving the whole layer at once.
Another method includes using a Camera Node in the Hierarchy Editor. Changing the Field of View Axis to horizontal. If you now move the content around with the axis there will minimal distortion.
It is possible to use the camera X and Y Property either of the FOV axis or the different view modes to move things around. This will give you distortion free results.
Creating a Scene
Using the methods above, a scene can span across multiple physical screens using the same workflow as creating a single screen scene.
If the screens are on different computers, a Clustering Setup must be used.
Presenting your project
Once the scene has been created, it must be exported as a Presentation.
Projects can greatly vary between its simplicity and its complexity; Some projects are more difficult to setup for Deploying Presentation File (.vpr). If you need more help please see Deployment page.