A P5 Play tutorial by David Stein
A spritesheet is a single image file that contains multiple sprites arranged in a grid or sequence. It’s like a collage of all the images needed for an animation or a set of characters, objects, or effects. Game developers use spritesheets to keep all related images together, making it easier and faster for the game to load and display them.
For example, a spritesheet for a character might have all the frames needed to show the character walking, jumping, and attacking. The game then shows each part of the spritesheet in sequence to create the appearance of motion.
Piskel is a free, online tool for creating pixel art and animated sprites, especially popular among game developers and artists working on 2D games.
[https://www.piskelapp.com/](https://www.piskelapp.com/)
Check out this video tutorial on creating animations and sprites using Piskel and Spritesheets
After you finish creating your sprites, you can “Save” a Piskel file so that you can save the Piskel images and settings so that you can upload the Save File and continue where you left off in editing your game srpites.
You also need to “Export” an image file that contains all of the sprites that you created, so that you can use that SpriteSheet in the game that you are creating in P5. For this particular example, we have created 4 images, so we export a spritesheet that has 4 columns and 1 row of our images. I also selected that the dimensions of each sprite within the sheet is 32x32 pixels.