Como construir objetos Sprite para o seu jogo HTML5

Para tornar muito poderosos jogos HTML5, você vai querer ser capaz de construir seus próprios sprites que exatamente o que você quer que eles façam. Depois de fazer um objeto, você pode dar-lhe características e comportamento.

Como fazer com que um objeto de ações do sprite para o seu jogo

Para começar, dê uma olhada neste objeto simples:

Este é um programa extremamente simples. Ele cria uma cena e uma única entidade gráfica chamada bicho. Agora, o bicho não faz muito.

Como construir seu próprio sprite de jogo

objetos Sprite são grandes, mas não seria fantástico se o próprio bicho fosse um objeto e ainda melhor se fosse um novo objeto com base em o sprite? Poderia começar com todas as características básicas do sprite, mas você pode adicionar novas capacidades para diferenciar bichos de outros sprites.

Dê uma olhada CritterConstructor.html para ver uma maneira de fazê-lo:

Este programa funciona exatamente como o último, mas ele é organizado um pouco diferente.

• Existe uma função chamada Critter (). É importante que a função é o nome de um objeto e também é capitalizado. Esta é uma função muito especial, porque é usado para definir um Critter () objeto.

• o Critter () função cria um objeto Sprite temporária. Dentro de Critter () função, você vê um objeto Sprite temporária chamada tCritter (). Esta é uma nova entidade gráfica.

• Modificar o sprite temporária tanto quanto você quiser. Para fazer um novo tipo de objeto em javascript, você basicamente fazer um novo objeto e, em seguida, modificá-lo para obter exatamente o comportamento que você quer. Neste caso, a velocidade padrão do bicho foi definido.

• Devolver o temporária critter objeto. O final da especial Critter () devolve o sprite, mas agora não é apenas um sprite, mas um bicho.

O ponto de este mecanismo é ter novos tipos de objetos disponíveis. o critter é muito parecido com um duende, mas pode ter um novo comportamento e características. Este é um recurso incrivelmente poderoso.

O termo técnico para fazer um ato do sprite como ele é descendente de outro sprite é herança. modelo de herança do javascript geralmente é feito de uma maneira diferente (usando um mecanismo chamado prototipagem).

Não é a forma como herança formal de javascript é feito, mas o mecanismo mostrado aqui é mais fácil de entender do que a maneira "correta", e é semelhante à forma como a herança é feito em muitas outras línguas. Não há nada de errado com esta abordagem, mas às vezes você verá outras abordagens para a herança em javascript.