2D materials

[MikDal002]

Hello 😊.
Do you have any ideas where to look for materials to create a 2D game?
Actually I am struggling with such a simple problem like drawing one sprite multiple times from a single script without creating entities for every single draw.
Maybe it is not the best approach but I need it to port to Stride what I already have (and it is easier to think this way for me)

[MikDal002]

Ok, after many hours, I've already figured it out. I would like to leave it here for others who will be looking for it.

Code preparation

As documentation (https://doc.stride3d.net/4.2/en/manual/graphics/low-level-api/spritebatch.html) states at the top you need a custom ScreenRenderer. Unfortunately none is presented in docs, so I share mine with you below called UglyRendererScript. Just write this as a script.

public class UglyRendererScript : SceneRendererBase
{
    /// <summary>
    /// Virtual space where we will be drawing. I've made it a little smaller for my "pixelart".
    /// </summary>
    private readonly Vector2 _virtualResolution = new Vector2(1920/2, 1080/2);

    private SpriteBatch _spriteBatch;

    /// <summary>
    /// Here provide you SpriteSheet from which we will be drawing.
    /// </summary>
    [Display("Environment Tile Sprite Sheet", category: "Environment")]
    public SpriteSheet EnvironmentTileSprites;

    /// <summary>
    /// Here index of sprite which will be drawn.
    /// </summary>
    [Display("Index of Grid sprite", category: "Environment")]
    public int SpriteIndex;
    
    protected override void InitializeCore()
    {
        base.InitializeCore();

        _spriteBatch = new SpriteBatch(GraphicsDevice)
        {
            VirtualResolution = new Vector3(_virtualResolution, 1 /*more than zero, why?*/)
        };
    }

    protected override void DrawCore(RenderContext context, RenderDrawContext drawContext)
    {
        // Clear it is very important, otherwise you will see nothing
        drawContext.CommandList.Clear(drawContext.CommandList.RenderTarget, Color.Green);
        drawContext.CommandList.Clear(drawContext.CommandList.DepthStencilBuffer, DepthStencilClearOptions.DepthBuffer);

        _spriteBatch.Begin(drawContext.GraphicsContext);

        var sprite = EnvironmentTileSprites[SpriteIndex];
        sprite.Draw(_spriteBatch, new(_virtualResolution.X * 0.5f, _virtualResolution.Y * 0.5f));

        _spriteBatch.End();
    }
}

Getting something on screen

According to previous documentation, you should go to this page https://doc.stride3d.net/4.2/en/manual/graphics/graphics-compositor/custom-scene-renderers.html, Where you will see some parts of SceneRenderer (provided above). Unfortunately, there is no clue how to make your changes alive (at least for me trying it first time). Walking through other parts of docs didn't get me any clue. After studying Samples, I've figured out, that we need changes in Graphics Compositor.

1. Select your Graphics Compositor. Here I've created another one to show you what to change. Yours should be without any suffix.
2. Click on Entry points block.
3. Then in Property Grid click on the arrow in the row of Game renderer
4. Select UglyRendererScript, or name of your renderer.
5. After that, you can configure your renderer. In case of using my Ugly renderer, provide Sprite Sheet to draw anything. After that you should see something on screen as in my case.

My result

6. Now you can continue your work in method DrawCore which is called every frame (I hope).

7. For more interesting examples, have a look into Sprite Fonts sample which is available in project selection

   

Further questions

• How to merge it with normal camera at the same time?