Publicidade

Criando um jogo de carro com jQuery - parte 4

06/04/2015 » jQuery » Avançado

Pra variar larguei o site de lado, "busquei conhecimento" e tive mais idéias para esse tutorial que pode render muitas partes mais.

Vamos continuar o game de carro adicionando as seguintes funcionalidades:

  • Criar uma barra de HP para o carro - A partir de agra o carro terá além da gasolina, um HP que vai simbolizar a resistência do carro.
  • Criar barreiras laterais - Essas barreiras já existem e não deixam com que o carro saia da pista, porém, ao ir de encontro com elas o carro sofrerá danos.

 

Para um maior entendimento veja as outras 3 partes do tutorial:

Para  a quarta parte eu organizei melhor o código, separando o css, e o javascript em arquivos diferentes, o css ficou no path ./css/style.css, segue o código abaixo:

O path do javascript é ./js/game.js, segue o código abaixo:

O HTML ficou mais limpo agora, veja:

O resultado final fica assim:

Para baixar os fontes clique aqui

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.