Mario Kart 8 Character Select Screen BG - Unity Canvas Shader Tutorial PTBR

🇺🇸 English
This project is a real-time technical study recreating the background animation of the Mario Kart 8 character select screen, built entirely inside Unity using Shader Graph + Canvas-based UI rendering.

I used a UI Canvas set to Screen Space — Camera, containing only a single background image with a custom Shader Graph material. This shader exposes full runtime control over:
• background base color
• gradient color and intensity
• procedural particle-like noise (direction, speed, scale, and color)

For the trophy illustration layer, I created a second camera configured with Camera Stacking, rendering only objects on a dedicated UI layer. The shader for this layer is a scrolling alpha texture, reproducing the subtle trophy motion from the original game.

A separate Particle System was added to simulate subtle sparkle/glint effects on top of the final composite.

The kart model is a free Sketchfab asset, used purely as a display prop.
A step-by-step tutorial (in Brazilian Portuguese) covering the full pipeline — Shader Graph setup, camera configuration, layer separation, and particle integration — is available on YouTube.

🇧🇷 Português (Brasil)
Este projeto é um estudo técnico em tempo real recriando a animação de fundo da tela de seleção de personagens do Mario Kart 8, desenvolvido inteiramente na Unity utilizando Shader Graph integrado a Canvas UI.

Utilizei um Canvas configurado como Screen Space — Camera, contendo apenas uma imagem com um material usando Shader Graph personalizado. Este shader permite controle completo em tempo real de:
• cor base do fundo
• cor e intensidade do gradiente
• ruído procedural simulando partículas (direção, velocidade, escala e cor)

Para a camada dos desenhos dos troféus, criei uma segunda câmera utilizando Camera Stacking, renderizando apenas objetos de uma layer exclusiva de UI. O shader dessa camada é baseado em scroll de textura com alpha, replicando o movimento sutil dos troféus da tela original.

Além disso, adicionei um Particle System dedicado para brilhos sutis de luz sobre a composição final.

O modelo do kart é um asset gratuito do Sketchfab, usado apenas como elemento de exibição.
Gravei um tutorial detalhado (em português brasileiro) cobrindo todo o processo — configuração do Shader Graph, separação por layers, câmera stack e integração com partículas — disponível no YouTube.