ACHEI QUE SABIA JOGAR: FLUXOGRAMA — ENTENDA COMO USAR com exemplos

FLUXOGRAMA — ENTENDA COMO USAR com exemplos

 6, agosto, 2019
 Conhecer o que é fluxograma me ajudou bastante na hora de organizar minhas ideias, e com isso em mente, neste post, vou mostrar como usar essa habilidade nos seus projetos, tendo como base a engine, Construct.




        O QUE É

 Fluxograma, segundo o Wikipédia, "é um tipo de diagrama, e pode ser entendido como uma representação esquemática de um processo ou algoritmo, muitas vezes feito através de gráficos que ilustram de forma descomplicada a transição de informações entre os elementos que o compõem, ou seja, é a sequência operacional do desenvolvimento de um processo, o qual caracteriza: o trabalho que está sendo realizado, o tempo necessário para sua realização, a distância percorrida pelos documentos, quem está realizando o trabalho e como ele flui entre os participantes deste processo." É fazer a sua ideia a mais detalhada possível, e é isso que faremos aqui, mas sem muitas complicações.


       COLOCANDO EM PRATICA

 Temos uma ideia inicial para um jogo, que geralmente é sem forma, as vezes pode nem ter inicio, como por exemplo: meu personagem vai lançar um machado como um boomerang; essa seria a ideia bruta.


imagem de um jogo que esta sendo produzido por Luca Lucas

 Temos que então especificar essa ideia ao máximo, por ter outras funções girando entorno dessa ideia, como por exemplo: meu personagem vai andar, pular e ter animações, respeitando ordens de precedência para cada ação/evento. 

 Pode inicialmente parecer bobagem ter que explicar essas coisas, mas quanto mais detalhado for seu projeto, menos erros tendem a acontecer, e quando acontecer, você conseguirá fazer o fácil debug para corrigir. O gif acima foi retirado de um projeto na engine Construct, e só a ação que esta aparecendo, tem mais de 50 eventos.


       FLUXOGRAMA 

 Usando uma ideia mais palpável: 
1- meu jogo é um Snake(jogo da cobrinha), onde as setas do teclado serão usadas para movimentar a cabeça da cobra. 

2- o corpo da cobra vai seguir a cabeça, a todo momento.

3- quando a cobra colidir com a comida, a comida irá sumir e a cobra vai ganhar mais um rabo.

Pulando a parte da criação dos Sprites

 No Construct precisamos escolher o behavior que usaremos para mover a cobra. Neste exemplo estaremos usando o behavior de 8direções, setando apenas 4 delas: cima, baixo, direita e esquerda. Depois de aplicar o behavior na cabeça da cobra, precisamos fazer ela andar automaticamente.


 Inicialmente a cabeça da cobra vai andar para direita, e com a criação de grupos para direção, poderemos setar ativado ou desativado um grupo, conforme o jogador for apertando os botões de ação.


 Como esse projeto foi desenvolvido para plataforma moblie, tem muito mais eventos de animação ao touch, mas podemos perceber o que acontece quando cada botão é tocado pelo player; acontece a desativação de um grupo da movimentação, mostrado anteriormente e ativação do botão que foi pressionado. Observe que sempre respeitando a ordem de precedência, isso acontece para que não ocorra bugs.


 Para o corpo da nossa cobra, é criado um evento de spawn acada 0.1sec segundo, e um outro evento onde, on created(no caso aqui,  o corpo), vai esperar, wait 0.06sec, para ser destruída.


 Agora, como um exercício, deixo para você programar, a comida com criação aleatória no mapa, a colisão da cabeça com a comida e também a adição de mais um corpo, para ela continuar crescendo. dica, tem variável. 


 Como o Construct é uma engine que permite criar jogos, montando códigos como um quebra-cabeça, usar o fluxograma para aplicar nas ações no EventSheet, é um ótima forma de ter um projeto limpo/organizado.

Adblock Detectado

DESABILITE O ADBLOCK, OS ANÚNCIOS NÃO SÃO INVASIVOS

PERMITA QUE O SITE TENHA COMO SE MANTER COM ELES!

MUITO OBRIGADO PELA ATENÇÃO!

COPYRIGHT 2019 - ACHEI QUE SABIA JOGAR, TODOS OS DIREITOS RESERVADOS