Return to Video

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

  • 0:00 - 0:04
    Nossa solução para analisar a definição do atlas
    é bastante simples
  • 0:04 - 0:08
    Primeiro, damos ao atlas os dados do arquivo JSON que carregamos através de um pedido xhr.
  • 0:08 - 0:12
    O primeiro passo que temos que dar é colocar JSON.parse no atlas.
  • 0:12 - 0:16
    Isto transformará os dados de texto do JSON
    em um elemento de JavaScript
  • 0:16 - 0:20
    com membros e valores que podemos repetir. O efeito é usado aqui.
  • 0:20 - 0:23
    O objeto analisado tem um dicionário de quadros que
    copiaremos para carregar
  • 0:23 - 0:27
    todos nossos sprites. Gostaríamos de buscar cada
    chave dentro de nosso dicionario.
  • 0:27 - 0:31
    E então, buscar o objeto associado que vem com o sprite. Daqui, passamos a
  • 0:31 - 0:34
    ter o nome e efetivamente, o valor do sprite. O próximo passo
  • 0:34 - 0:38
    é definir o centro da imagem. Para isso multiplicamos
  • 0:38 - 0:42
    a largura e a altura por 0.5, o que nos daria a metade
    da largura e a metade da altura.
  • 0:42 - 0:46
    Agora, guardamos este valor no cx e no cy como um valor negativo.
  • 0:46 - 0:51
    Fazemos isso porque usaremos os valores de cx e cy mais adiante,
  • 0:51 - 0:55
    durante a renderização, para transformar nosso objeto em um espaço adequado. Definimos ambos como valores
  • 0:55 - 0:58
    negativos aqui para não precisar fazer cálculos mais tarde, na hora de desenhar a imagem.
  • 0:58 - 1:02
    Uma vez que tenhamos estes dados, seguimos adiante e colocamos a função defSprite
  • 1:02 - 1:05
    colocando o nome da imagem como uma chave.
    Depois, o frame.x, frame.y
  • 1:05 - 1:08
    com os dados da altura e do centro como já vimos antes.
Title:
PS 04-07 Saída de dados do Parsing Texturepacker
Description:

more » « less
Video Language:
English
Team:
Udacity
Project:
CS255 - HTML5 Game Development
Duration:
01:09
  • JSON, not J SON: https://pt.wikipedia.org/wiki/JSON

Portuguese, Brazilian subtitles

Revisions Compare revisions