Embedded Files
Every run in your schedule can be assigned a cover or panel. This includes interviews, setup blocks, sleep blocks - if it has a slot in speedcontrol, it will appear on the Intermission and Schedule Reveal and can have a cover and panel assigned to it. These images are placed into the associated folder in the assets\stuk-nodecg folder.
The covers and panels on the Intermission screen are all optional - if a matching image isn't found for the associated run, the area these items are display will either vanish, or be replaced by something else. The three different use cases here are all interchangeable and you can use any combination of the three.
Covers are mandatory on the Schedule Reveal scene, you cannot use the Schedule Reveal without them.
All files need to be as follows:
JPG only (not JPEG). PNG files tend to be too large and take too long to load during scene transitions. The background code specifically looks for the term ".jpg", so .jpeg files won't work.
The file name needs to match the run/game name in speedcontrol, excluding any colons. The case does not need to match. This does mean that if you have the same game for multiple runs, it will use the same image. Similarly, if you have any daily blocks - such as a sleep block - as long as they are all name the same, you'll only need one image for all of them. If you want to use different images for the same game, you'll need to make the game names unique in some way.
Game Covers (gameCovers)
Display the game cover or other image of the run that's just about to start. Always displayed if there's a matching image.Full Art Panel (intPanels)
A full panel that takes over the entire Up Next area. Always displayed if there's a matching image.Panel Background (intBGs)
Artwork that makes up the background on the game info panel. Is overridden by the Full Art Panel if one had been declared.Default Panel
If no matching images have been placed into the panel folders, the panel will use the default display. The backgorund colour can be declared in Design Variables.
Game Covers (gameCovers)
Game Covers (gameCovers)
Game Covers are displayed as above on the Intermission screen and are also used for the schedule reveal layout. Game Covers can be used alongside either Full Art Panels or Panel Backgrounds.
The image size must be 600px wide x 900px height. This size was chosen because it's the size Steam uses for its vertical covers. You can find game covers in this size for nearly any game on SteamGridDB. If there isn't one for your game, or you'd like to make your own, a blank template is provided in the Google Drive folder.
If you intend to use Game Covers (and you really should, the Intermission screen looks much better with them, and feedback from past events has shown viewers really like it), you should use them for every game. The Intermission screen will look quite jarring if only some games have them and others don't, as the layout shifts quite drastically when they're not in use (see final image at the bottom of this page).
If you're using the schedule reveal, you must include one image called "reveal.jpg" which acts as the hidden card before the game is revealed. The package includes several different coloured versions of a question mark which you can use if you'd like.
Game covers and the Reveal Image as they appear on the Schedule Reveal Layout.
Teenage Mutant Ninja Turtles: Turtles in Time is a long game name, so might be renamed to TMNT: Turtles in Time. As this title contains a colon, the file name for the image is TMNT Turtles in Time.jpg.
The default version of reveal.jpg which is used on the schedule reveal to hide the upcoming game images until they're ready to be revealed.
Full Art Panel (intPanels)
Full Art Panel (intPanels)
Full Art Panels replace all of the information that's normally displayed on a panel, hiding the run name, category, estimate, and runner names. The only information not hidden the estimated time the run will start.
The image size must be at least 542px width x 116px height, but it's advised to double those dimensions (1084px x 232px) to ensure a clean image. The panel size is fixed and your image will cover the area, so it will be cropped if it is too tall or wide.
If you've added a Full Art Panel and a Panel Background for the same run, the Full Art Panel will take priority.
These panels are useful in various ways, but the two most common are:
Used for recurring daily events, particularly if you're not assigning an estimate or runner name to those events. Things like daily recaps, setup or sleep blocks, or other moments that aren't specifically runs that you want to make stand out.
With the effort put in, you could make a custom panel for every run, including the hidden details in the artwork instead. This gives you less flexibility if something changes, as you'd need to edit the artwork, but it could look very impactful.
The panel will display in the Up Next/On Deck sections as well.
Panel Background (intBGs)
Panel Background (intBGs)
Panel Backgrounds don't replace any of the information shown in the panels, they just fill the space behind it. This can add a nice flair to highlight special runs, or for every run if you want to put the effort in.
The image size must be at least 542px width x 72px height, but it's advised to double those dimensions (1084px x 144px) to ensure a clean image. The panel size is fixed and your image will cover the area, so it will be cropped if it is too tall or wide. A template is provided in the Google Drive.
When a Panel Background is used, the panel's left side padding increases to 100px, meaning there is a larger gap for you background image on the left to display without being covered by text. You can see how the text shrinks to compensate in the examples on the right.
Hero images from SteamGridDB can be really useful for creating these backgrounds.
Using No Covers or Panels
Using No Covers or Panels
This is the appearance of the Intermission screen if none of the accompanying covers or panels are used.
Page updated
Google Sites
Report abuse