Publicidade

Criando um jogo de carro com jQuery - parte 1

21/01/2013 » jQuery » Intermediário

Agora o bagulho é loko! Vamos criar um jogo aaaahhhhhh!!!!!

Esse tutorial vai ser divido em sei lá quantas partes. Farei assim pra ir evoluindo esse game de carro aos poucos juntos com vocês.

Esse tutorial foi testado em: IEs (7,8,9), Firefox, Chrome.

Primeiramente salvem um HTML qualquer coloquem as tags inicias (HTML,head,body e etc).

Agora vamos carregar as bibliotecas usadas para o tutorial.

Criaremos uma formatação bem básica para o game.

Essa é a estrutura HTML para a parte 1 do jogo é bem simples.

Agora é que começa magia do jogo, vamos criar uma tag “script” dentro do “head” e começar a dar vida ao jogo.

Definição de variáveis do jogo:

Depois de definir as variáveis vamos as funções do jogo (as functions):

Função de eventos do teclado: nessa função vamos verificar qual a ação está sendo executada (acelerar ou virar).

Função de aceleração do carro: essa é a função que vai acelerar ou desacelerar o carro:

Agora a função que executa as ações:

Depois de programar todas functions agora vamos startar tudo no onload da página:

Ufa, agora sim acabou, veja um exemplo abaixo do game funcionado.

Aqui temos um link pra baixar as imagens usadas nesse game (imagens_game), por enquanto é só a parte 1, mas vamos avançar muito nesse tutorial, espero que acompanhem.

Até a próxima.

Publicado por:

Rogério Mantoanelli @rmantoanelli
166 artigo(s) publicado(s)
Fundador do site "RogérioMaster", programador web desde 2002, especialista em PHP, jQuery. Comecei a programar server-side no ASP 3.0 e depois migrei para PHP onde estou até hoje. Já me aventurei em Action Script mas o mercado se afunilou muito e me dediquei ao PHP e jQuery.

Avalie esse post:

Comentários:

© Copyright 2018. Todos direitos reservados.