7 dicas para otimizar a performance visual em jogos de casino - Marcelo’s Tips

Na criação de jogos de casino, cada decisão visual é também uma decisão técnica. Seja um botão, uma animação ou um efeito de luz, tudo influencia a performance e a experiência de quem joga. Para Marcelo Silva, Technical Artist na Fabamaq, otimizar a arte de um jogo de casino é tão importante como programar bem.

Na Fabamaq, software house e empresa de jogos de casino no Porto, o detalhe visual anda de mãos dadas com a eficiência e, por isso, a performance é sempre uma prioridade. É aqui que entra o papel do Technical Artist. Este profissional deve compreender os limites do motor de jogo (neste caso, o Godot), traduzir as necessidades visuais para soluções técnicas e ajudar a equilibrar qualidade, eficiência e performance.

Neste artigo, reunimos boas práticas que ajudam a garantir gráficos de qualidade sem comprometer a fluidez do jogo.

1. Dá preferência a tamanhos de texturas otimizados

• Texturas com dimensões como 256x256px, 512x1024px ou 1024x1024px são processadas de forma mais eficiente e compactadas com maior facilidade na memória. São apelidadas de texturas “power of two” e seguem proporções que os motores gráficos tratam com mais facilidade.
• As resoluções irregulares (exemplo: 241x387px) só devem ser utilizadas se forem estritamente necessárias. Padrões simples melhoram o desempenho, sem comprometer a arte.

2. Atenção aos blend modes e efeitos visuais entre elementos

• Blend modes são formas de combinar visualmente dois elementos. Por exemplo: somar brilho, escurecer uma imagem ou aplicar efeitos de luz sobre outra. Estes recursos são muito utilizados em design gráfico e em motores de jogo para criar interações visuais entre as diversas camadas.
• No Godot, aplicar blend modes personalizados entre elementos separados requer o uso de shaders - pequenos scripts que controlam o aspeto visual dos elementos em tempo real.
• Os Shaders têm algum custo na performance e podem interromper o batching, ou seja, impedir que o motor agrupe vários elementos num único pedido de desenho (ação que o tornaria mais eficiente).
• Evita depender de blend modes entre múltiplos elementos distintos. Se possível, incorpora o efeito diretamente na textura ou opta por soluções que não exijam cálculo em tempo real.

​

​

3. Utiliza texture atlases para agrupar elementos

• Batching é uma técnica de otimização gráfica onde o motor agrupa vários elementos visuais com as mesmas propriedades (como textura e material) e envia todos esses elementos para a GPU/CPU de uma só vez. Isso reduz o número de draw calls - pedidos que o motor faz à GPU/CPU para desenhar algo.
• Quanto menos draw calls, melhor será a performance.
• Agrupa elementos visuais em atlases de texturas. Se vários ícones, botões ou sprites utilizarem a mesma textura, o motor pode desenhá-los todos em conjunto, o que melhora significativamente a performance.

4. Evita transparência desnecessária

• O uso de transparência implica mais cálculos por pixel, principalmente quando várias camadas estão sobrepostas com opacidades parciais. Isto pode prejudicar o desempenho, especialmente em interfaces de utilizador e/ou elementos animados.
• Evita transparência onde não for essencial. Em muitos casos, podes utilizar imagens já compostas com o efeito desejado.

5. Cria estratégias para pausar ou desativar animações desnecessárias

• As animações contínuas (como brilhos, setas ou efeitos) em elementos da interface podem parecer leves, mas quando estão sempre ativas, mesmo que fora do ecrã, acumulam custo.
• Define estratégias para pausar ou simplificar animações quando os elementos não estão visíveis ou ativos. Isto é especialmente importante em interfaces com muitos componentes em simultâneo.

​

6. Reduz o número de nodes sempre que possível

• No Godot, cada elemento visual é um node, como uma Sprite2D, Label, Control, etc. Mesmo que não estejam a fazer nada, todos os nodes são processados, ocupam memória e influenciam o desempenho.
• Agrupa elementos visuais quando possível. Utiliza, por exemplo, TileMap, AtlasTexture ou sprites compostos, quando possível, para reduzir a quantidade de nodes na cena.

7. Organiza o z index com consistência

• O z index determina a ordem como os elementos são desenhados na tela. Quanto maior for o valor, mais por cima aparece. Mas utilizar valores diferentes de forma desorganizada pode quebrar o batching, obrigando o motor a fazer draw calls separadas para cada grupo.
• Agrupa elementos com o mesmo z index e textura sempre que possível. Define camadas visuais claras e consistentes, especialmente para elementos que partilhem o mesmo atlas.

Mais leve, mais fluido, mais eficaz

Garantir performance não é apenas responsabilidade da engenharia. É um trabalho que começa na arte. Na Fabamaq, empresa de tecnologia no Porto, criamos jogos de casino que equilibram o impacto visual com a eficiência técnica, porque sabemos que cada decisão conta.

Para quem está a começar na área técnica da arte ou quer melhorar a fluidez dos seus jogos, estas práticas são um ponto de partida essencial.

Se gostaste destas dicas de performance visual, não percas também as dicas do Hélder Santos, Lead Graphic Designer na Fabamaq e descobre como o design pode elevar a experiência de jogo com estratégia, emoção e usabilidade.