Skip to main content

Second and Companion Monitors

Second Screen value opportunities
Many gamers have a second screen which is usually unused while they play and focus on their main monitor. The second screen is a great opportunity to provide more value in more ways for your users - and building a second window experience is just as simple as creating a normal window which communicates with GEP and has a transparent background window.

Second screen windows should launch automatically.

Second screen windows should have easy ways to close them - at least a hotkey and an X button at the top.

The second screen launcher should default in the original sized screen but have the ability to scale/restore down.

If you don’t know the exact resolution of the second screen, use 1920X1080 which is the most common one.

When building the second screen window, follow these rules:
Set the keep_window_location flag to true.

Set the desktop_only flag to true.

We recommend you set native_window flag to true.

If your native window run as a second-screen with the game, make sure to set the disable_hardware_acceleration manifest flag. It improves the performance of the game by reducing usage of the GPU while you are playing.

Identify which screen is the secondary one and display the secondary window on that screen.
Use the getMonitorsList() function for that.
If you know the resolution of each screen, you can do the calculation for exactly where you should display your window.

Note that the GameInfo object contains a monitorHandle and a windowHandle. Take advantage of that if needed.
Usage example: identify that the user moved the game window to the secondary screen.

Use the transparent background window to share data and have your app windows communicate.

Second Screen Example
For a second screen implementation example, see the Second Screen Example from our GitHub repo.

Rewrite Add content: This section needs to be reorganized and expanded to explain the benefits, types, and appropriate uses of a second screen.

Key Updates on Using a Second Screen

Why Use a Second Screen?

  • High Adoption Rate: Around 30% of Overwolf users have multiple screens.
  • Enhanced User Experience: Improves multitasking and engagement without interrupting gameplay.
  • Monetization Potential: Users may keep this screen open for an entire session, increasing ad visibility and revenue opportunities.

Types of Second Screens & When to Use Them

  • Main Window (Typical size)
  • Similar in size to a desktop window. It’s ideal for displaying extensive information or large item lists.
    • Supports larger ad placements for better monetization.
  • Companion Screen (Compact Size)
    • Smaller, more condensed window.
    • Best for displaying limited yet essential information without overwhelming the user.
  • Multi-App Screens
    • Allows multiple windows to be displayed simultaneously on a second monitor.
    • Benefits include more monetization opportunities and increased content visibility.
    • Important Considerations:
      • Users cannot interact with this screen during gameplay, so ensure all content is viewable at a glance.
      • Avoid excessive content that may feel overwhelming or spammy—prioritize value-driven information.

Best Practices for Second Screen Design

  • Accessibility & Customization:
    • Enable hotkey access for quick toggling.
    • Allow users to adjust screen size for comfort.
  • Content Layout:
    • Since users can’t interact with this screen mid-game, ensure all relevant information is presented clearly in a single view.
  • Integration Strategy:
    • Implement second-screen functionality early in development for seamless user adoption.
    • Avoid launching the second screen in full-screen mode by default, as users often close or cover it.