Como usar o método de reposição para o seu jogo html5

Quando dois objetos colidem no seu jogo HTML5, que muitas vezes significa algo importante. Isto é onde a restabelecer

método vem em. Muitas vezes você vai querer mudar o placar, reproduzir um som, reduzir o número de vidas, ou algo assim. No entanto, se esses objetos estão se movendo lentamente, eles poderiam sobrepor-se para várias voltas.

Geralmente, os programadores de jogos evitar isso através da aplicação de uma regra simples: Quando duas coisas colidem, mover ou matar um deles. Para esta aplicação particular, a mosca é comido pela rã, e uma nova mosca aparece. Claro, isso é apenas uma ilusão. A mesma mosca é reciclado e simplesmente aparece em um novo espaço.

Você pode ver o fly.reset () chamada de método na atualizar() função, mas agora você precisa adicionar esse método para definição da mosca em frogLib.js. Dê uma olhada na versão final do Mosca classe:

Função Fly () {tFly = new Sprite (cena, "fly.jpg", 20, 20) -tFly.setSpeed ​​(10) -tFly.wriggle = função () {// mudar de direcção por alguns amountnewDir aleatório = (Math.random () * 90) - 45-this.changeAngleBy (Newdir) -} // furtar final tFly.reset = função () { // definir nova posição aleatória newX = Math.random () * this.cWidth- newY = Math.random () * this.cHeight- this.setPosition (newX, newY) - } // reinicialização final tFly.reset () -voltar tFly-} // fim Fly

o restabelecer() método aplica-se uma nova posição aleatória para a mosca. Veja como funciona:

1. Gerar um número aleatório entre 0 e 1.

   Video: Criar jogo para celular e pc em javascript e html5 - #1 Configurações

   o Math.random () função interna em javascript faz isso.

2. 
   
   
   

   Multiplique esse valor pela largura da lona.

   A largura da lona é armazenado em cada Sprite de LARGURA C propriedade.

3. Defina o valor x do sprite para o número aleatório resultante.

   Video: Host para games HTML5 com o game maker studio

   Isto gera um valor aleatório entre 0 e a largura da tela.

4. Repetir para o valor de y.

   Video: FLAPPY BIRD 'NA UNHA' 01 - WORKFLOW (HTML5/CSS3/JS)

   Calcular uma nova posição Y, da mesma forma, mas desta vez multiplicar pelo sprite do cHeight propriedade.

5. Repor a mosca temporário antes de devolvê-lo.

   Se você chamar a mosca de restabelecer() método antes de devolvê-lo, você garante que a mosca começa em uma posição aleatória.