Conteúdo

 Segurando os botões

Layouts responsivos 

Criando um Loop do jogo

Criação de jogos, imagens ou sprites, são adicionados ao filme para representar elementos nos jogos como personagens, veículos ou explosões. A posição do sprite é ajustada muitas vezes por segundo de dentro de um loop de acordo com alguma lógica do jogo. Cada filme foi construído em um loop do jogo, chamado 'Em atualização'. É chamado toda vez que as atualizações de animação e podem ser encontrado nas propriedades do filme.

Criar um novo filme e adicionar uma imagem, também chamada de um sprite. Nós usamos uma bola de praia.

Importação

Clique na imagem abaixo para salvá-la em seu disco rígido.

BeachBall.png

nas propriedades do primeiro quadro da bola de praia, desligue a linha do tempo e conjunto seus 'ID do script' para Ball. Desligar a linha do tempo permite que a bola a ser controlada usando Javascript.

Vamos fazer a bola de praia saltam ao redor do filme. Então precisamos criar algumas variáveis de velocidade no 'Geral' evento de script. Farão qualquer valores iniciais.

No 'Em atualização' evento, nós podemos fazer a bola ir adicionando os valores de velocidade para o X e Y valores da bola.

Pressione play para testar o filme. A bola deve voar em linha reta fora do filme.

Play

O X e Y Propriedades da bola são seu ponto central. Verificando-se estes valores contra a largura e a altura do filme, podemos verificar para ver se deve quicar a bola. Para devolver a bola, simplesmente inverta a velocidade.

Pressione play para testar o filme novamente. Agora, a bola deve saltar ao redor.

Exportar o filme para HTML e observe que a bola se move a uma velocidade ligeiramente diferente para o jogador. Isto é porque diferentes dispositivos e navegadores diferentes correm a velocidades diferentes.

Para fazer a bola andar na mesma velocidade em todos os lugares, precisamos calcular a diferença de tempo entre as atualizações. O 'Em atualização' evento inclui dois variável útil que fazer isso. TimeChange: O número de quadros que passaram desde a última atualização. SecondsChange: O número de segundos que passaram desde a última atualização. Esses valores são independentes se o filme foi parado ou não. Eles são simplesmente uma maneira de calcular o tempo desde a última atualização. Para tornar a animação sempre correr na mesma velocidade, cada mudança de posição, ângulo ou opacidade precisa ser multiplicado pela mudança no tempo ou segundos.

Teste o filme no player e HTML. A bola deve se mover na mesma velocidade em ambos os casos.

 Segurando os botões

Layouts responsivos 