Pour créer nos animations, on va aller sur le site PiskelApp.
On commence par créer un nouveau sprite !
La première chose à faire ensuite est de modifier la taille ! La taille par défaut est de 32x32 pixels ce qui est très petit.
On va ensuite activer l’outil indispensable pour créer des animations : l’outil Onion Skin (la transparence)
Grâce à cet outil, on peut voir l’image précédente en transparence :
On peut maintenant créer notre animation !
Une fois notre animation finie, on va l’exporter sous forme de Spritesheet (une image avec tous les sprites de notre animations) :
Dans Construct, on va pouvoir séparer nos animations. Par exemple, ici sur ma Spritesheet, j’ai une animation de course et une animation de saut !
On commence par créer un nouveau sprite et on importe notre Spritesheet. On précise le nombre de colonnes et lignes, et Construct s’occupe de la découper !
On va ensuite créer plusieurs animations, les renommer et leur donner les bons paramètres. Par exemple, je veux que mon animation de course tourne en boucle mais pas celle du saut !
Dans le code, il ne nous reste plus qu’à déclencher les animations au bon moment avec les blocs d’animations !
Pour créer nos Tilemaps, on va aussi utiliser PiskelApp.
On va laisser la taille à 32x32 pixels. Il nous suffit ensuite de créer une frame pour un bloc de notre Tilemap !
Tu peux te servir de la transparence ou dupliquer tes frames pour t'assurer que tu pourras coller tes blocs ensemble !
Pour finir, on exporte notre Tilemap sous forme de Spritesheet !
Dans Construct, on va créer un nouveau Tilemap et importer le notre !
Tu peux aussi créer tes propres fonds, pour tes niveaux, ton écran de victoire ou défaite ou encore ton menu d'accueil !
Tu peux utiliser :