Streamlined Game Background Creation

Fighting game still

Overview

Improve both the efficiency and quality of background designs in a variety of game types, from Platformers to Fighting games, with ease. By utilizing Scenario's AI toolkit, developers can incorporate intricate details into backgrounds while working on different levels of detail. This ensures that each design element contributes to a cohesive and engaging game environment.

Getting Started

It is typical to require a range of backgrounds for any game development journey. The background creation process can be broken down into simple steps, and is a great workflow to master for new users.

1. Select a Style

2. Choose a Reference Image

3. Set Up Your Generations

4. Enhance and Export

Step 1: Select a Style

First, it is important to choose a style. For this workflow, the examples will be shown using the Casual Environments model, which can be found in the pre-trained models that Scenario is providing. You can find this model in the Models tab, or simply access it via this link. Go ahead and click Generate with this Model, on the model’s page.

Three background stills

Step 2: Prepare a Reference Image

It is possible to create backgrounds without any reference image. If your goal is to create backgrounds with a specific depth of field, dimensionality and structure, your results will be seriously improved with a complementary image.

This workflow is modeled after the needs of fighting games backgrounds, which are best achieved using simple 3D image renders that create a foundation for the final image and the use of Scenario depth mapping technology.

Depth map still

Step 3: Setup Your Generations

Now you have all the building blocks to create your background images - follow these steps to pull them together.

Craft Background Prompts

In the prompt box, describe the elements of your backgrounds: colors, buildings, vegetation, light (day/night)... The descriptions can be simple or you can make them a bit longer. For example:

"a sunny beach"

"A towering castle overlooking a misty kingdom"

A towering castle overlooking a misty kingdom

Upload the Reference Image

Navigate back to the Reference Image tab in the inference screen (to the left). Now click the Mode drop down and switch to ControlNet. Within ControlNet, change the type of control from Character to  Depth Mode and set the Influence to 50. 

Start Generating

Enter different prompts and simply hit Generate to start creating your new backgrounds. You can easily make adjustments as needed by increasing or decreasing the Influence of the reference image, or your can adjust the prompts (including the negative prompt).

Four backgrounds
You may notice that some small details need refinement - we will address that in the last step.

Step 4: Enhance and Export

Once you have selected the best images, you may want to enhance their quality or correct minor details. You can enhance images individually by clicking the "Enhance" button next to each one. However, it may be more convenient to open the "Enhance" section from the main menu on the left-hand side, allowing you to enhance all your assets in the same viewport.

Simply clicking Select from Library in the Input Image section on the Enhance page. Next, select a Style like 3D Render or Cartoon, or choose whichever style best suits your image style - in this case we will choose Cartoon

Once you are happy with your enhanced visuals, simply download your new background!

Upscale example

Conclusion

Background creation is a fundamental aspect of any game development pipeline. With Scenario, you can accelerate production speed and streamline your pipeline, reducing friction. This workflow provides a starting point for your generative journey, with numerous approaches to build upon and refine your game development process. Explore the link below to get started!

Additional Links

Designing a Platformer Level in Unity

Creating a Platformer Environment in Minutes

Creating Backgrounds with Canvas Elements

Table of content

You'll also like