Tutorial movimento Top Down(Método bussola)

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Tutorial movimento Top Down(Método bussola)

Mensagem por WellingtonBecker em Sab 27 Dez 2014, 14:49

Título: Tutorial movimento Top down (Método bussola)
Versão do GM: Todas
Dificuldade: Mediana
Link para download da Engine: Download
Requer Extensões: Não
Requer DLLs: Não
Tags: Nâo

Ola amigos do fórum, muitos aqui já aprenderam a fazer um jogo estilo Top Down, no qual o player se movimenta para os 4 lados havendo a respectiva troca de sprites. Mas e quando queremos que o player execute uma animação quando estiver parado na direção correta ? Irei abordar esse tema logo abaixo:

Primeiramente você dever criar 6 sprites para seu player, eu colocarei como exemplo esse nomes:

spr_player_lado_andando (De preferencia, virado para o lado direito)
spr_player_frente_andando
spr_player_lado_parado (De preferencia, virado para o lado direito)
spr_player_costa_andando
spr_player_frente_parado
spr_player_costa_parado

Feito isso, crie um objeto para o player, e no create dele, vamos fazer uma especie de bussola, na qual vamos orientar o player em qual direção ele esta.

CREATE:
Código:

// Bussola
left=false // cria uma variável para o lado esquerdo, iniciando como falso.
right=false // cria uma variável para o lado direito, iniciando como falso.
up=false // cria uma variável para cima, iniciando como falso
down=false // cria uma variável para baixo, iniciando como falso

vel=8 // Essa variável ira ser a velocidade do nosso player, nesse exemplo coloquei "8"
image_speed=0.5 // Com esse código, nosso player vai ter uma animação na velocidade de "0.5"

Agora vamos adicionar esse código Step do Player:

STEP:

Código:

if keyboard_check(vk_left){left=true} // Se teclar a seta esquerda, nossa variável "left" sera verdadeira.
if keyboard_check(vk_right){right=true} // Se teclar a seta direita, nossa variável "right" sera verdadeira.
if keyboard_check(vk_up){up=true} // Se teclar a seta cima, nossa variável "up" sera verdadeira.
if keyboard_check(vk_down){down=true} // Se teclar a seta baixo, nossa variável "down" sera verdadeira.

////////////////////////////////////////////////////////////////////////////////////////////////////
if left=true{right=false up=false down=false} // Player não se movimenta na diagonal(Opcional).
if right=true{left=false up=false down=false} // Player não se movimenta na diagonal(Opcional).
if up=true{left=false right=false down=false} // Player não se movimenta na diagonal(Opcional).
if down=true{left=false right=false up=false} // Player não se movimenta na diagonal(Opcional).
///////////////////////////////////////////////////////////////////////////////////////////////////

Ainda no Step adicione as seguintes scripts para o player:

ESQUERDA:
Código:

///ESQUERDA//////////////////////////////////////////
if keyboard_check(vk_left) && left=true  // Se teclar seta esquerda e variável "left" for verdadeira
{
repeat(vel)  // repete a variável
    {
        if place_free(x-1,y){x-=1} // Movimenta nosso player para o lado esquerdo,
    }
sprite_index=spr_player_lado_andando //muda para sprite correspondente.
image_xscale=1 //inverte sprite correspondente.
}

if ! keyboard_check(vk_left) && left=true // Se não teclar seta esquerda e variável "left" for verdadeira
{
sprite_index=spr_player_lado_parado //muda para sprite correspondente.
image_xscale=-1 //inverte sprite correspondente
left=false // torna nossa variável falsa
}

DIREITA
Código:

////DIREITA/////////////////////////////////////////
if keyboard_check(vk_right) && right=true // Se teclar seta direita e variável "right" for verdadeira
{
repeat(vel)  // repete a variável
    {
        if place_free(x+1,y){x+=1}  // Movimenta nosso player para o lado direito
    }
sprite_index=spr_player_lado_andando //muda para sprite correspondente.
image_xscale=-1 //inverte sprite correspondente
}

if ! keyboard_check(vk_right) && right=true  // Se não teclar seta direita e variável "right" for verdadeira

{
sprite_index=spr_player_lado_parado  //muda para sprite correspondente.
image_xscale=1 //inverte sprite correspondente
right=false  // torna nossa variável falsa
}

CIMA:
Código:

////CIMA ///////////////////////////
if keyboard_check(vk_up) && up=true  // Se teclar seta cima e variável "up" for verdadeira
{
repeat(vel)  // repete a variável
    {
        if place_free(x,y-1){y-=1}  // Movimenta nosso player para cima
    }
    
sprite_index=spr_player_costa_andando  //muda para sprite correspondente.
}

if ! keyboard_check(vk_up) && up=true  // Se não teclar seta cima e variável "up" for verdadeira
{
sprite_index=spr_player_costa_parado  //muda para sprite correspondente.
up=false // torna nossa variável falsa
}

BAIXO:
Código:

////BAIXO//////////////////////////
if keyboard_check(vk_down) && down=true  // Se teclar seta baixo e variável "down" for verdadeira
{
repeat(vel)  // repete a variável
    {
        if place_free(x,y+1){y+=1}  // Movimenta nosso player para baixo
    }
    sprite_index=spr_player_frente_andando  //muda para sprite correspondente.
}

if ! keyboard_check(vk_down) && down=true  // Se não teclar seta baixo e variável "down" for verdadeira
{
sprite_index=spr_player_frente_parado  //muda para sprite correspondente.
down=false  // torna nossa variável falsa
}

Espero que gostem desse tutorial e engine. Desde já, agradeço os comentários. Obrigado.
DOWNLOAD: ENGINE


Última edição por WellingtonBecker em Qui 12 Mar 2015, 21:54, editado 2 vez(es)

WellingtonBecker

Ranking : Nota D
Número de Mensagens : 820
Idade : 35
Data de inscrição : 09/05/2013
Notas recebidas : D
Reputação : 105
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0

Voltar ao Topo Ir em baixo

Re: Tutorial movimento Top Down(Método bussola)

Mensagem por Wendryos em Sab 27 Dez 2014, 17:42

Seu tutorial ficou bom e explicado e é funcional, só achei muito grande os códigos.



if left=true{right=false up=false down=false} // Player não se movimenta na diagonal(Opcional).
if right=true{left=false up=false down=false} // Player não se movimenta na diagonal(Opcional).
if up=true{left=false right=false down=false} // Player não se movimenta na diagonal(Opcional).
if down=true{left=false right=false up=false} // Player não se movimenta na diagonal(Opcional).

Neste caso da de usar o else. Very Happy

Wendryos

Ranking : Nota D
Número de Mensagens : 192
Data de inscrição : 21/04/2014
Notas recebidas : D
Reputação : 12
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 1
Prêmios
   : 0
   : 0
   : 0

Voltar ao Topo Ir em baixo

Re: Tutorial movimento Top Down(Método bussola)

Mensagem por WellingtonBecker em Sab 27 Dez 2014, 18:01

Wendryos - Black Horn escreveu:Seu tutorial ficou bom e explicado e é funcional, só achei muito grande os códigos.



if left=true{right=false up=false down=false} // Player não se movimenta na diagonal(Opcional).
if right=true{left=false up=false down=false} // Player não se movimenta na diagonal(Opcional).
if up=true{left=false right=false down=false} // Player não se movimenta na diagonal(Opcional).
if down=true{left=false right=false up=false} // Player não se movimenta na diagonal(Opcional).

Neste caso da de usar o else. Very Happy

Coloquei assim para não confundir muito os iniciantes.

WellingtonBecker

Ranking : Nota D
Número de Mensagens : 820
Idade : 35
Data de inscrição : 09/05/2013
Notas recebidas : D
Reputação : 105
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0

Voltar ao Topo Ir em baixo

Re: Tutorial movimento Top Down(Método bussola)

Mensagem por fredcobain em Qua 07 Jan 2015, 22:56

Wellington, parabéns pelo excelente tutorial.

Além de muito bem explicado, o tutorial é de grande utilidade.

Aprovado com louvor.
Parabéns!

fredcobain

Ranking : Sem avaliações
Número de Mensagens : 691
Idade : 35
Data de inscrição : 14/04/2011
Reputação : 162
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   : 0
   : 0
   : 0

Voltar ao Topo Ir em baixo

Re: Tutorial movimento Top Down(Método bussola)

Mensagem por WellingtonBecker em Qui 08 Jan 2015, 18:56

fredcobain escreveu:Wellington, parabéns pelo excelente tutorial.

Além de muito bem explicado, o tutorial é de grande utilidade.

Aprovado com louvor.
Parabéns!

Muito obrigado Fredcobain, espero fazer novos tutoriais futuramente. Abraços.

WellingtonBecker

Ranking : Nota D
Número de Mensagens : 820
Idade : 35
Data de inscrição : 09/05/2013
Notas recebidas : D
Reputação : 105
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0

Voltar ao Topo Ir em baixo

Re: Tutorial movimento Top Down(Método bussola)

Mensagem por Conteúdo patrocinado Hoje à(s) 06:15


Conteúdo patrocinado


Voltar ao Topo Ir em baixo

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum