Creating Isometric Buildings with SDXL on Scenario!

In the realm of game development, AI-generated assets are revolutionizing the way we think about game art and design.

Introduction

The use of AI for creating isometric building assets for games is a game-changer. Isometric projection in game design often employs a standard ratio. However, true isometric perspective follows a different ratio and this guide will explore how AI can be leveraged to generate assets suitable for both perspectives, enhancing the visual appeal and versatility of your game.

.   

SDXL Isometric Models in Scenario

Scenario hosts an array of SDXL isometric models capable of producing outstanding isometric assets in true isometric perspective. Among these, the Isometric Strategy Tiles, Cel Shaded Isometric, and Ligne Claire Isometric Buildings models stand out for their efficiency and quality. Utilizing simple and direct prompts, you can generate remarkable isometric assets with ease.

Generating the Image

To begin, navigate to app.scenario.com, click on Generate, and select one of the isometric models. For this tutorial, we'll use Isometric Strategy Tiles. Enter a straightforward prompt like "Business Building", "Hospital Building", or "Police Station". Once the image is generated, choose your favorites and remove the background for a clearer asset. Consider using an upscale feature to enhance quality before removing the background.

Let's use the following example prompt:“A space rocket launch base, ultra quality”

.  .  

Enhancing Quality and Removing Backgrounds from Selected Images

Now that you've chosen your favorite images, the next step is to enhance their quality and remove the background. To do this, select the image you want to edit. Then, click on the pencil icon located in the right-hand side menu to access the editing options. Here, select the 'Upscale' feature. Choose the desired size for your image and click the 'Upscale' button. Once the upscale process is complete, click on 'Remove Background' to eliminate the background from the image.

This process not only improves the visual quality of your assets but also ensures they can be seamlessly integrated into various game environments, allowing for greater flexibility and creativity in your game design.

Adjusting Resolution and Applying Pixelate to Images

When working with SDXL-generated images, which typically start at a minimum resolution of 1024x1024 pixels, adapting them to lower resolutions is often necessary to match the style and technical requirements of different game projects. A practical approach to make these images suitable for smaller resolutions is by applying a Pixelate effect. This technique gives a pixel-style aesthetic that can improve the overall appearance at lower resolutions.

Original Image

32px                        64px                                 128px

To pixelate an image, first, select the asset you wish to modify. Then, click on the pencil icon located to the right of the image to access the editing options. Here, choose the 'Pixelate' option. This action will open a range of resolution settings for you to select from. Pick the resolution that best fits the style and requirements of your game asset, ensuring that the final product seamlessly integrates with your game's design.

Adapting AI-Generated Isometric Assets for Standard Game Grids

In the development of isometric games, a common practice is to use a 2:1 grid ratio. However, AI-generated images, such as those produced by SDXL, often employ true isometric perspective, which features slightly narrower widths compared to the 2:1 isometric ratio. Fortunately, adapting these AI-generated assets for standard isometric grids is straightforward.

To align the asset with the conventional isometric grid, simply increase its width by 15%. For instance, in Unity, this can be achieved by adjusting the X scale from 1 to 1.15. This minor tweak ensures that the asset fits seamlessly into any game engine, maintaining the correct proportions and perspective for isometric gameplay.

Example of the 15% asset width adjustment.

If you are using Unity, you can also adjust your game’s grid cell size to match the generated real isometric perspective, use the cell size (1, 0.57735, 1).

Conclusion

Leveraging the Scenario platform for generating high-quality game assets offers immense potential for game developers. With its user-friendly interface and advanced AI algorithms, Scenario enables you to create visually stunning and unique isometric assets, streamlining your game development process and enhancing the overall aesthetic of your game. Explore, experiment, and elevate your game design with Scenario.