Showing Revision 7 created 09/01/2013 by Manuela Sanchez.

1. Title:
   PS 04-09 Representar el output de TexturePacker
2. Description:

3. 12 0:00 - 0:03
   Para tu próxima tarea,
   tienes que utilizar el archivo de datos
4. 3522 0:04 - 0:06
   que has analizado para representar
   las imágenes de la pantalla.
5. 5867 0:06 - 0:09
   Debes completar las dos funciones
   para dibujar bien imágenes en la pantalla.
6. 9126 0:09 - 0:12
   Antes de empezar, una aclaración.
7. 11575 0:12 - 0:17
   Hasta ahora, los diseñadores generaban
   assets que remitían a archivos sueltos.
8. 17382 0:17 - 0:20
   Y los diseñadores crean
   una textura, la ponen aquí
9. 19778 0:20 - 0:24
   y luego remiten un objeto a esa textura.
   Por supuesto, hay un proceso posterior.
10. 23766 0:24 - 0:28
    Hemos metido todo eso en una pequeña caja
    y nos falta una correlación.
11. 28406 0:28 - 0:31
    El archivo del diseñador seguirá
    remitiendo al asset suelto.
12. 30727 0:31 - 0:35
    Pero está en la textura general.
    ¿Cómo los conectamos?
13. 34668 0:35 - 0:38
    La función drawSprite puede solucionarlo.
14. 37555 0:38 - 0:42
    Requiere un spritename, que representa
    el nombre de archivo del asset suelto
15. 41943 0:42 - 0:46
    y la posición X e Y del canvas
    en el que queremos representarlo.
16. 46267 0:46 - 0:53
    Tenemos que definir en qué atlas
    de los cargados estará el spritename.
17. 53103 0:53 - 0:55
    Vamos a ayudarte a hacerlo.
18. 55468 0:55 - 1:00
    Arriba del documento, definimos un objeto,
    un diccionario general que representa
19. 59765 1:00 - 1:02
    todas las hojas de sprites que se han cargado.
20. 62110 1:02 - 1:08
    En la función de cargar hoja de sprites,
    añadimos esta hoja en el array global
21. 67773 1:08 - 1:11
    y ponemos el nombre de la hoja como
    clave para el elemento del diccionario.
22. 71114 1:11 - 1:15
    Así, cuando se te da el spritename
    dentro de la función de dibujo,
23. 74962 1:15 - 1:21
    puedes explorar las hojas de sprites
    y determinar si dicho spritename
24. 81369 1:21 - 1:26
    existe en los sprites definidos para cada hoja.
25. 85701 1:26 - 1:28
    Debería ser sencillo,
    porque ya hemos abordado
26. 88446 1:28 - 1:31
    la función de definir sprites
    y ya tienes una lista con un nombre.
27. 91272 1:31 - 1:35
    Cuando la función drawSprite encuentre
    el atlas de este sprite,
28. 95162 1:35 - 1:38
    podrá pasar a drawSpriteInternal datos
29. 97686 1:38 - 1:45
    del sprite, de qué atlas proviene y la
    posición X e Y que nos dio drawSprite.
30. 105163 1:45 - 1:50
    drawSpriteInternal debería ubicar
    el elemento y dibujarlo en el mundo
31. 109617 1:50 - 1:53
    aprovechando el drawimage API
    que recién abordamos
32. 112894 1:53 - 1:56
    con toda la parafernalia
    de nuevos parámetros.