French subtitles

← cs255_unit2_05_s_Parsing-Texturepacker-Output

Get Embed Code
5 Languages

Showing Revision 2 created 07/21/2013 by Maude MARQUANT.

  1. Notre solution pour l'analyse de la définition de l'atlas est assez simple.
  2. Tout d'abord, nous avons les données "atlasZSON", qui ont été chargé à partir d'une requête xhr.
  3. La première étape que nous devons faire est effectivement d'appeler JSON.parse(atlasJSON).
  4. Cela transformera les données JSON de texte en un objet JavaScript réel avec
  5. des membres et des valeurs que nous pouvons itérer. Nous utilisons cela pour l'affecter ici.
  6. L'objet analysé (parsed) a un dictionnaire de "frames" que nous allons parcourir pour charger
  7. tous nos sprites. Nous aimerions aller chercher chaque clé à l'intérieur de notre dictionnaire.
  8. Ensuite, aller chercher l'objet sprite associés qui l'accompagne. De là, nous avons maintenant
  9. le nom de sprite et également, les valeurs de sprite. La prochaine étape, que nous prenons ici,
  10. est de définir le centre de l'image. Ainsi, nous multiplions la largeur et
  11. la hauteur par 0.5, ce qui nous donnerait la moitié de la largeur et la moitié de la hauteur.
  12. Maintenant, nous stockons cette valeur dans cx et cy comme un décalage négatif.
  13. La raison en est que nous allons utiliser ces valeurs cx et cy un peu plus tard, au cours du rendu,
  14. pour transformer notre objet dans l'espace approprié. Nous les stockons comme négatifs ici
  15. afin que nous n'ayons pas à faire les mathématiques plus tard, quand nous allons dessiner l'image.
  16. Une fois que nous avons obtenu ces données, nous allons de l'avant et appelons
  17. la fonction defSprite, en passant le nom de l'image en tant que clé. Et puis, frame.x, frame.y
  18. avec la hauteur et le centre de données que vous avez déjà vu avant.