RPG2k3 - Entendo o Battle UI (System2)

DevRPG2k DevRPG2k
estão participando dessa conversa. 0 membros e 1 visitante (1 bot) estão vendo.

DevRPG2k Membro
RPG2k3 - Entendo o Battle UI (System2)
Com isso você poderá criar com mais facilidade o System2 para as batalhas do seu jogo

Qui, 25 de junho de 2026, 03:39:11

Eu nunca me aprofundei no sistema de batalha do Rm2k3, mas depois de ler a documentação notei que ela não é muito clara de como isso pode ser personalizando apenas movendo alguns pixels, está tutorial servirá para isto.

Para facilitar eu fiz um template com os limites de cada parte divididos por cores:

Template-SystemBattle1.png

Parte 1: Seta para selecionar o alvo da ação

Tamanho: 3 frames com 16x16 pixels

cursor_troop.png

Estes três itens permitem criar uma animação com 3 frames na sequencia 1, 2, 3, 2 e volta à repetir, então faça algo simples como um objeto que mude de tonalidade ou um cursor que seja ligado ao tema do seu jogo

Parte 2: Seta para seleciona o membro do time que já estiver disponível

cursor_party.png

Funciona exatamente igual ao anterior, porém fica acima da cabeça

Parte 3: Números que representam HP e SP do personagem

numbers.png

Cada caixa tem um limite de 8x16 pixel e representa um digito decimal, começando do zero. Está barra pode ser completamente removida apenas cobrindo com a cor de transparência, já que ele pode poluir um pouco as barras, e ele também está disponível apenas no Type C do Battle Screen:

2k3-BattleScreen-TypeC.png

Considerando o cursor e números removidos o template estaria nesta etapa:

Result1.png


Agora vamos à parte mais complexa e talvez a mais divertida:

000_System2-Bars.png


Left edge:

Aqui você terá um espaço de 16x16 pixels para desenhar a borda e talvez um ícone para a barra, você pode diminuir a altura para encaixar com borda acima e abaixo. Um exemplo simples:

Result2.png

Back bar:

Aqui você também tem 16x16 pixels, porém no jogo ele ficará com 25x16, que é para ter um espaço para esticar a barra dentro dele. Você deverá desenhar a parte superior e inferior da borda dentro deste limite se for o caso

(Eu não sei por que 25 e não 24 que é um valor divisível por 8)

Result3.png

Right edge:

Aqui o limite é 8x16, ou seja, o restante ficará atrás do Face/Portrait do próximo membro do time em batalha

Result4.png

Remainder of the right:

Assim como o anterior a largura também é de apenas 8 pixels, você pode apenas completar com a cor transparente para fazer com que tenha uma espaçamento entro o status de cada personagem na batalha

Bar:

Este tem 32x16, este também chegará até 25x16 no jogo encaixando perfeitamente sobre o Back bar, ou seja, a altura e posição Y na imagem devem corresponder:

Result5.png

As barras podem simular um degradê de cima para baixo sem distorcer a imagem quando ela for esticada no jogo; escolha cores diferentes para ajudar a identificar a função de cada barra. Neste exemplo, vou manter as cores clássicas:

Result6.png

Agora basta remover o fundo se estiver usando um editor com suporte à camadas ou substituir cores do template não usadas, com isso você já pode testar no seu projeto, veja o resultado desta tutorial:

Result7.png

E aquela parte que parece uma grade sem nenhum propósito? Assim como a medida estranha mencionada anteriormente eu presumo que talvez algo a mais fosse ser incluído durante o desenvolvimento do sistema de batalha do Rm2k3, mas como nunca houve atualizações do estúdio original nunca saberemos.

Criado por Dante, inspirado na versão de 2007 da RPG Menace - A Ameaça RPG, feito com Rails 8.1.3, Ruby 4.0.5 e 💛.