Carro (Top-Down)

Bom, a primeira coisa que faremos é desenhar um carrinho, que é muito simples, até porquê, em jogos Top-Down não há necessidade de desenhar gráficos para todos as posições do carro. Primeiramente crie um sprite, nomeie-o como quiser, depois clique em Edit Sprite, crie uma nova imagem com 24x16, como a seguir:


Agora clique duas vezes na imagem e abrirá o editor, ponha Zoom 800% e siga os templates:


1. Faça um retângulo
2. Faça o desenho das rodas
3. Dentro dele faça outros dois, na vertical, que são os vidros do carro

Para seu carro ficar menos "quadradão", faça como nas imagens abaixo:


1. Tire as pontas
2. Ponha fárois
3. Pinte-o como preferir


Crie o objeto do carro, ponha como sprite o que você criou, no evento Create, arraste o Execute Code para as ações, dentro dela coloque o seguinte:

Código:

vel_maxima = 6

Define qual a velocidade máxima que o carro poderá atingir.

Código:

aceleracao = 0.2

Define a aceleração do carro, quanto maior, menos tempo levará para alcançar a velocidade máxima.

Código:

freio = 0.2

Define a força do freio do carro, quanto maior, menos tempo ele levará para atingir 0 quando estiver freiando.

Código:

curva = 2.5

Define a curva do carro, quão maior, mais rápido ele curvará.

Código:

friction = 0.07

Define quanto tempo ele levará para atingir velocidade 0 quando não estiver acelerando.

No todo ficará assim:

Código:

vel_maxima = 6
aceleracao = 0.2
freio = 0.2
curva = 2.5
friction = 0.07

Para que as váriaveis criadas acima tenham utilidade, você deve criar o script principal, para isso, no evento Step, arraste o Execute Code para as ações. Dentro dele deve-se colocar isso:

Código:

if keyboard_check(vk_left) && speed != 0
{image_angle += curva}

O que simplesmente fizemos foi, checar se a tecla esquerda (vk_left) foi pressionada e a velocidade (speed) do carro é diferente de 0 (Pois um carro não pode virar parado), se sim, o ângulo da imagem (image_angle) aumentará pela var curva do carro, que definimos no create.

Código:

if keyboard_check(vk_right) && speed != 0
{image_angle -= curva}

Aqui o o contrário, verificamos se a tecla direita foi pressionada e o speed diferente de 0, se sim, image angle é subtraído pela curva do carro.

Código:

direction = image_angle

Sem isso, o ângulo da imagem mudará, mas o carro continuará andando na mesma direção.

Código:

if keyboard_check(vk_up)
{if speed < vel_maxima{speed += aceleracao}}

Agora checamos se a tecla pra cima foi pressionada, se sim, checamos se a var speed é menor que a var velocidade máxima (Assim, impedindo que passe do limite), se sim, aumentamos a var speed pela var aceleração.

Código:

if keyboard_check(vk_down)
{if speed > vel_maxima*-1/2{speed -= freio}}

Agora checamos se a tecla baixo foi pressionada, se sim, checamos se a var speed é maior que a var velocidade máxima multiplicada por -1 dividida por 2 (Se no caso, velocidade máxima é 6, a negativa é -3), se sim, a var speed é subtraída pela var freio.

Tudo junto:

Código:

if keyboard_check(vk_left) && speed != 0
{image_angle += curva}
if keyboard_check(vk_right) && speed != 0
{image_angle -= curva}
if keyboard_check(vk_up)
{if speed < vel_maxima{speed += aceleracao}}
if keyboard_check(vk_down)
{if speed > vel_maxima*-1/2{speed -= freio}}

Agora, faremos uma pista usando tiles, para criar um tile é simples, mas antes criaremos o background (o chão da room). Vá em Background e crie uma grama, se não souber como, baixe a imagem abaixo:


Clique em Load Background e escolha o gráfico da grama.


Não se esqueça de deixar a caixa Use as tile set desmarcada.

Nossa pista terá medida de 128x128. Abra o Paint (ou qualquer programa do tipo) e crie uma imagem, seu tamanho deverá ser de 128x128, como abaixo:


Vá em Resize e dobre o tamanho, para 256x256, agora crie um círculo na imagem, com as cores que deseja para a pista:


Salve-o, o nome pode ser qualquer um, por exemplo, curvas.

Agora vamos às retas, crie imagens de 128x16 e 16x128, recomendo baixar as de baixo:



Agora no seu projeto, crie um Background, carregue a imagem do círculo, tire o fundo branco em Image > Erase a Color, e marque a opção Use as tile set, e divida por 4, como abaixo:


Faça também com a estrela, com as curvas, o tile width e o tile height devem ser do mesmo tamanho da imagem, e use no seu mapa, se não sabe, veja como aqui: http://www.gamemakerbrasil.com/game-maker-f36/utilizando-tiles-em-seu-jogo-t516.htm#2761

cara ajudou eu pra caramba cara ta muito bom essa tuto,devia ter qualidade 100%

Valeu!

Ótimo tutorial, bastante explicativo.

Só precisa de correção nas imagens do final, que estão muito pequenas. Você postou a imagem com o link das miniaturas do imageshack.

Já consertei.
Até.

Que rápido.
O tutorial parece muito bom, já que está cheio de imagens e li um pouco a explicação também está boa. Usarei ele quando for fazer um jogo de carro top down.

Este tuto está excelente, tentei até fazer um baseado nele mas... achei um erro :|

Na hora de acelerar, tem que colocar pra ele ir na direção que o carro virar! Mesmo que você esteja de lado e apertar o botão de acelerar, ele vai pro lado! Sacou a minha dúvida?

Não... Talvez você tenha colocado duas condições iguais nessa parte:

Código:

if keyboard_check(vk_left) && speed != 0
{image_angle += curva}
if keyboard_check(vk_right) && speed != 0
{image_angle -= curva}
if keyboard_check(vk_up)
{if speed < vel_maxima{speed += aceleracao}}
if keyboard_check(vk_down)
{if speed > vel_maxima*-1/2{speed -= freio}}

Ou então você esqueceu de colocar isso no Step:

Código:

direction = image_angle

Ih é! Eu não tinha colocado o "direction = image_angle"

Foi mal

Outra dúvida, sabe como faço pra, quando virar ( dar "cavalo-de-pau" ) execute o sound0?

Adriel escreveu:Ih é! Eu não tinha colocado o "direction = image_angle"

Foi mal

Outra dúvida, sabe como faço pra, quando virar ( dar "cavalo-de-pau" ) execute o sound0?

Faça isso:

Código:

//Códigos que faz o carro fazer drift
sound_play(Aqui você coloca o nome do som)

Pois é isso mesmo que eu quero! Mas tem um problema, eu não sei qual o code de drift :|

Esse teu code eu já sabia :|

Substitua o início do código do Step por isso.

Código:

if keyboard_check(vk_left) && speed != 0
{
image_angle += curva
sound_play(sound0)
}
if keyboard_check(vk_right) && speed != 0
{
image_angle -= curva
sound_play(sound0)
}

Muito bom seu tuto, é exatamente o que eu estava precisando!!!

Parabéns!

muito legal vai ajudar bastante gente


PS :. Hoje e meu Anniversario!