Victor Ribeiro
banner
ojvribeiro.me
Victor Ribeiro
@ojvribeiro.me
Front-end developer, non-professional designer and aspiring to a lot of things.
Fireworks!

ojvribeiro.me
January 1, 2025 at 3:22 AM
Como o vídeo não foi importado, fiz o upload dele manualmente aqui. Nele, mostro as animações novas.
November 4, 2024 at 4:24 AM
Criar uma cadeia de renderização fez surgir alguns problemas de performance. Mas vamos por partes. 😆

A verdade é que eu tô muito feliz com o resultado até aqui.

Se quiser contribuir de alguma forma com o game, minha caixa de e-mail tá aberta. 😄
April 22, 2021 at 2:05 PM
O problema era que meu código não desenhava os objetos dinamicamente na tela, eu tinha que manualmente inserir eles.

Depois de uma grande refatoração no código, consegui fazer com que o jogo seguisse uma cadeia de renderização. Levei mais de 10 horas seguidas nisso.
April 22, 2021 at 2:05 PM
Foi então, que eu tive que lidar com o problema, até agora, mais complicado de se resolver: a sobreposição de elementos, dependendo da posição deles em relação aos outros.

De forma simples, se um Objeto A estiver abaixo do Objeto B na tela, mostre o Objeto A na frente do B.
April 22, 2021 at 2:05 PM
Aí, tirei um tempo pra trabalhar na spritesheet do nosso player, adicionei animações de andar, correr, olhar em volta, etc.

Aqui já conseguimos ver nosso bonequinho ganhar vida! 😎
April 22, 2021 at 2:05 PM
Após isso, eu queria fazer o boneco reagir ao cursor do mouse, fazendo ele olhar pra direção em que eu apontasse.

Comecei com uma spritesheet (folha de sprites) bem simples, com movimentos limitados. Era só um teste.

O resultado foi esse:
April 22, 2021 at 2:05 PM
Eu não consegui conter minha ansiedade e já quis ver como ficaria com um personagem desenhado na tela no lugar da bolinha. O resultado ficou bem simples, mas foi o gás que eu precisava pra continuar motivado no desenvolvimento. 🤭
April 22, 2021 at 2:04 PM
Pra resolver isso, usei a "constante mágica" 0.707. Esse valor, multiplicado à velocidade diagonal original, normaliza a velocidade do player, deixando o movimento mais uniforme.
April 22, 2021 at 2:04 PM
Eis que decidi desenvolver o joguinho usando a linguagem que já sei e me dou muito bem: JavaScript!

Foi então que surgiu a segunda dúvida: usar framework ou fazer na mão?

Spoiler: resolvi fazer tudo na mão.

Já explico o porquê.
April 22, 2021 at 2:04 PM
Quando comecei o projeto, eu já fui confrontado com a primeira dúvida: qual plataforma vou usar pra desenvolver o jogo?

As minhas opções eram:
- Unity (a mais popular hoje em dia);
- GameMaker Studio;
- Frameworks JavaScript como o PixiJS e o Phaser;
- Fazer tudo na mão.
April 22, 2021 at 2:04 PM
Meu primeiro jogo (a thread). 🎮

Resolvi criar essa thread pra mostrar um pouco da evolução do desenvolvimento do joguinho.

A thread vai ser atualizada constantemente de acordo com o progresso e a deixarei o menos técnica possível, mostrando mais os resultados em si.

#gamedev
April 22, 2021 at 2:04 PM