6 GAMING

Hi ha una sèrie de components que permeten crear jocs i experiències d'interfície tàctil.

6.1 EL LLENÇ (CANVAS)

Un llenç (Canva) és només un sub-panell dins de la pantalla reservat per dibuixar o animar sprites. Es defineix com una quadrícula x-y de píxels, on un píxel és un sol punt de color que pot aparèixer a la pantalla.

Els quatre elements d’un llenç són l’Escenari (Stage), els elements gràfics que es poden desplaçar sobre la pantalla (Sprites), els Sprite Types i l’etiqueta Canvas:

6.1.1 L’escenari (Stage)

L’escenari és el fons del vostre llenç. Podeu definir un color de fons o una imatge de fons, un color de vora i l'altura i l'amplada de l'escenari. Podeu configurar la gravetat de l’escenari al llarg de l’eix X i Y. Els Sprites de l’escenari es poden configurar per ignorar la gravetat o no. Si un Sprite es veu afectat per la gravetat, serà empès en la direcció de la gravetat. Podeu afegir diversos escenaris a un component Canvas, de la mateixa manera que podeu afegir diverses pantalles a un projecte. Cada escenari té els seus propis Sprites, color de fons, gravetat, etc.

6.1.2 Sprites

Un sprite és, als videojocs, un element gràfic que es pot desplaçar sobre la pantalla. El fons de pantalla constitueix generalment l'escenari i els sprites són els personatges i objectes que se superposen al fons de pantalla i que es desplacen. Un exemple molt comú d'un sprite és el cursor del ratolí a un ordinador personal.

Els sprites són imatges que es poden col·locar a l’escenari del llenç. Poden reaccionar en ser tocats o arrossegats per la pantalla, o xocar amb altres sprites o la vora de la pantalla. Tenen propietats que defineixen el seu aspecte i les coordenades x i y que defineixen la seva ubicació.

Z: Situa l’Sprite en la profunditat del llenç. Un Sprite amb un valor Z més alt apareixerà davant d’un Sprite amb un valor Z inferior.

6.1.3 Sprite Type

Per entendre la diferència entre els Sprite i els Sprite Type, penseu en els talladors de galetes i les galetes. Les talladores de galetes són objectes metàl·lics amb forma d'algun objecte. Per fer galetes, estireu una mica de pasta i, a continuació, estampeu el tallador de galetes per tallar les galetes reals. El tallador de galetes defineix com apareixeran cada galeta, és el motlle. SpriteType és com un tallador de galetes, pensat per crear Sprites, és el motlle dels nostres Sprites.

6.1.4 Canvas Label

L’etiqueta Canvas és un fragment de text que es pot col·locar al vostre escenari.

6.2 PROPIETATS DELS SPRITES

Les propietats dels Sprites es poden canviar a través de la plantilla (Sprite Type), fet així canvien les propietats de tots els Sprites, o bé individualment a cada Sprite. Les principals propietats són:

• Picture List: Podeu penjar diverses imatges a la llista d'imatges d'un tipus Sprite. Això us permet canviar l’aspecte del sprite quan succeeix algun esdeveniment.

• Angle: Canvieu l’angle del sprite. L'angle es mesura en sentit horari i en graus, per exemple, definir l’angle a 30 farà girar el sprite 30 graus en sentit horari.

• Opacity: Canvieu l’opacitat de l’Sprite.

• Bounce (rebot): quan un sprite colpeja una superfície o un altre sprite, aquest és el percentatge de la velocitat amb què el sprite es retorna. Un rebot de 100 significa que el sprite recuperarà la mateixa velocitat que tenia abans de la col·lisió. Un rebot de 200 farà que el sprite reboti amb el doble de velocitat.

• Is Draggable (es pot arrossegar): quan és cert, el jugador pot arrossegar el sprite.

• Passes Through (passa a través): quan sigui cert, tots els sprites passaran per sota o per sobre del sprite. Quan sigui fals, els sprites xoquen.

• Is Static: Quan un sprite és estàtic, actua com una paret. Cap força el pot moure.

• Ignore Gravity: Defineix si la gravetat de l'escenari afecta el sprite o no.

• FixedRotation: Quan la rotació fixa és falsa, el sprite pot girar en qualsevol direcció. Quan la rotació fixa és certa, el sprite es mantindrà en el seu angle actual.

• Drawing: Defineix si el sprite dibuixarà una línia quan s’arrossega per la pantalla. Podeu definir el color del dibuix i l’amplada del dibuix de la línia que es dibuixa.

6.3 BLOCS DE GAMING