Obrigado por visitar a The Game Makers Brasil 😁 Use o fórum de Dúvidas para fazer perguntas. Se está em busca de aprender dê uma olhada nos tutoriais.

Tutorial movimento Top down (Método bússola)

Tutoriais, videoaulas, guias e downloads para te ajudar nos estudos.
Avatar do usuário
WellingtonBecker
Membro
Membro
Reações: 0
Mensagens: 57

Tutorial movimento Top down (Método bússola)

Mensagem por WellingtonBecker » Seg Mai 23, 2016 7:04 pm

Título: Tutorial movimento Top down (Método bússola)
Versão do GM: Todas
Dificuldade: Intermediário
Link para download da Engine: Engine
Requer Extensões: Não
Requer DLLs: 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 preferência, virado para o lado direito)
spr_player_frente_andando
spr_player_lado_parado (De preferência, 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 espécie de bússola, na qual vamos orientar o player em qual direção ele esta.

CREATE:

Código: Selecionar todos

// Bússola
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 no Step do Player:

STEP:

Código: Selecionar todos

if keyboard_check(vk_left){left=true} // Se teclar a seta esquerda, nossa variável "left" será verdadeira.
if keyboard_check(vk_right){right=true} // Se teclar a seta direita, nossa variável "right" será verdadeira.
if keyboard_check(vk_up){up=true} // Se teclar a seta cima, nossa variável "up" será verdadeira.
if keyboard_check(vk_down){down=true} // Se teclar a seta baixo, nossa variável "down" será 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: Selecionar todos

///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: Selecionar todos

////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: Selecionar todos

////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: Selecionar todos

////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
Editado pela última vez por WellingtonBecker em Qui Set 08, 2016 7:12 pm, em um total de 3 vezes.

Avatar do usuário
All-x
Administrador
Administrador
Reações: 8
Mensagens: 621
Localização: Dourados-MS

Contato:

Re: Tutorial movimento Top down (Método bússola)

Mensagem por All-x » Ter Mai 24, 2016 11:22 am

Simples e direto. Só coloque uma imagem da engine pra referenciar e fechou! Muito bom!

FLWS!
Começando com o Game Maker? Olhou para assinatura certa!

Imagem

Tutoriais e vídeo aulas de programação! Clique no Banner e confira!

Avatar do usuário
WellingtonBecker
Membro
Membro
Reações: 0
Mensagens: 57

Re: Tutorial movimento Top down (Método bússola)

Mensagem por WellingtonBecker » Qui Set 08, 2016 7:18 pm

Tópico atualizado: Agora esta disponível o exemplo em Html5.

Avatar do usuário
dreamaster
Novato
Novato
Reações: 0
Mensagens: 7

Re: Tutorial movimento Top down (Método bússola)

Mensagem por dreamaster » Ter Nov 22, 2016 3:32 pm

Muito bom! Foi simples e direto, eu ainda não tinha usado a velocidade com Repeat.

Avatar do usuário
WellingtonBecker
Membro
Membro
Reações: 0
Mensagens: 57

Re: Tutorial movimento Top down (Método bússola)

Mensagem por WellingtonBecker » Ter Nov 22, 2016 6:58 pm

dreamaster escreveu:Muito bom! Foi simples e direto, eu ainda não tinha usado a velocidade com Repeat.
Obrigado pelo elogio, realmente tentei deixar o mais simples e acessível possível. Abraços.

Responder

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado e 0 visitante