Portuguese, Brazilian subtitles

← PS 04-07 Saída de dados do Parsing Texturepacker

Get Embed Code
5 Languages

Showing Revision 2 created 09/02/2013 by Paula Góes.

  1. Nossa solução para analisar a definição do atlas
    é bastante simples
  2. Primeiro, damos ao atlas os dados do arquivo JSON que carregamos através de um pedido xhr.
  3. O primeiro passo que temos que dar é colocar JSON.parse no atlas.
  4. Isto transformará os dados de texto do JSON
    em um elemento de JavaScript
  5. com membros e valores que podemos repetir. O efeito é usado aqui.
  6. O objeto analisado tem um dicionário de quadros que
    copiaremos para carregar
  7. todos nossos sprites. Gostaríamos de buscar cada
    chave dentro de nosso dicionario.
  8. E então, buscar o objeto associado que vem com o sprite. Daqui, passamos a
  9. ter o nome e efetivamente, o valor do sprite. O próximo passo
  10. é definir o centro da imagem. Para isso multiplicamos
  11. a largura e a altura por 0.5, o que nos daria a metade
    da largura e a metade da altura.
  12. Agora, guardamos este valor no cx e no cy como um valor negativo.
  13. Fazemos isso porque usaremos os valores de cx e cy mais adiante,
  14. durante a renderização, para transformar nosso objeto em um espaço adequado. Definimos ambos como valores
  15. negativos aqui para não precisar fazer cálculos mais tarde, na hora de desenhar a imagem.
  16. Uma vez que tenhamos estes dados, seguimos adiante e colocamos a função defSprite
  17. colocando o nome da imagem como uma chave.
    Depois, o frame.x, frame.y
  18. com os dados da altura e do centro como já vimos antes.