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 um objeto de ações do sprite para o seu jogo

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

critter

Este é um programa extremamente simples. Ele cria uma cena e um único duende chamado critter. Neste momento, a criatura não faz muito.

Como construir seu próprio sprite de jogo

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

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

critter


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

Video: como criar um jogo - #1 criando sprites, objetos e movimentos

  • Há uma função chamada Bicho (). É 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 Bicho () objeto.

  • o Bicho () função cria um objecto do sprite temporária. Dentro de Bicho () função, você vê um objeto Sprite temporária chamada tCritter (). Este é um novo Sprite.

  • 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ário critter objeto. O final da especial Bicho () função retorna o sprite, mas agora não é apenas um sprite, mas uma criatura.

    Video: Criando Sprites com Inkscape - 00 Conhecendo o Inkscape - Oficina de Games

O ponto deste 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.

Video: SPINE 2D ANIMAÇÃO DE SPRITES PARA SEU JOGO

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

Não é a maneira herança formais javascript é feito, mas o mecanismo mostrado aqui é mais fácil de entender do que a maneira “correta”, e é semelhante à forma como 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.


Publicações relacionadas