#TEXTUREPACKER TUTORIAL HOW TO#
#TEXTUREPACKER TUTORIAL CODE#
#TEXTUREPACKER TUTORIAL DOWNLOAD#

Already set to вЂtrimвЂ™, this will remove any transparent borders around each individual frame, thus reducing the overall size of the sprite sheet. The first option is the вЂtrim modeвЂ™ option. If you scroll down the TexturePacker options youвЂ™ll see a Sprites sectionвЂ¦ Of course, if you are targeting a platform (or device) that only has support for a single resolution then you wonвЂ™t need to use the вЂScaling VariantsвЂ™ option вЂ“ however for iOS, for example, this option makes it very easy. Hopefully the above screen shot was pretty self-explanatory, however in summary we are telling TexturePacker to produce two versions of the sprite sheet вЂ“ one with a scale of 1 (retina version) and one with a scale of 0.5 (non retina version) вЂ“ and the Variant Name is (The variant name is used later when we specify the filenames for export). So, letвЂ™s do that now! Click on the вЂScaling VariantsвЂ™ cog and youвЂ™ll be presented with the following screen.Д¬hange the Preset option to be generic and then click on the вЂAddвЂ™ button to get a second box. Rather than having to produce two versions of your graphics files and use TexturePacker twice to export separate sprite sheets for retina and non-retina, you are able to tell TexturePacker to do all of this for you. This is where the вЂScaling VariantsвЂ™ feature comes in useful. MonoGame will automatically load the version when run on a retina device. If you are targeting iOS with MonoGame then this is no different. Those who have done iOS development before will know that you should create two versions of your graphics вЂ“ a high resolution version for retina screens and a вЂnormal resolutionвЂ™ graphics file for non-retina screens вЂ“ and by appending to the end of the retina file, iOS will take care of ensuring the appropriate graphics file is used at run-time. In a later section within this tutorial I will walk you through creating a MonoGame app, targeting iOS, using Xamarin Studio. I will explain the few that we will use in this tutorial, however an extensive set of documentation can be found here. Now, the final steps, before hitting the вЂpublishвЂ™ button to create your sprite sheet data, is to alter a few settings depending on your requirements. Immediately youвЂ™ll see that TexturePacker has grouped all the images together, as belowвЂ¦ (For the purposes of this tutorial I am using a set of images from my demonstration project on GitHub here). Then drag and drop the parent folder into TexturePacker. Next gather your individual images together into a logical folder structure. Select the MonoGame option and then вЂCreate ProjectвЂ™ to move forwardвЂ¦ YouвЂ™ll be presented with a screen like belowвЂ¦

#TEXTUREPACKER TUTORIAL DOWNLOAD#

This means that all the hard work of loading the sprite sheet and rendering the correct frame is taken care of for you вЂ“ as described further belowвЂ¦ДЇirst step вЂ“ Download a copy of TexturePacker from here and load it up.

#TEXTUREPACKER TUTORIAL CODE#

Now the above maybe nothing new to a lot of people, however what you might not know, is that the latest version of TexturePacker has an option for exporting the sprite sheet and data file in a format targeted at MonoGame вЂ“ along with access to source code for loading and handling the resultant data files within your MonoGame app.

SpriteSheets вЂ“ TheMovie вЂ“ Part 1 by CodeAndWeb (See this fun video from the makers of TexturePacker that explains it better than I can) Using a single sprite sheet is much more efficient than loading lots of individual images in game development. The idea is that you draw the individual frames of animation for your game characters as separate image files вЂ“ and then drag and drop them into TexturePacker вЂ“ whereupon you end up with a single image file and accompanying data file ready to load into your game. IвЂ™ve mentioned TexturePacker in a previous blog post however, for those that havenвЂ™t used it before, it is a very easy to use application for creating Texture Atlases / Sprite Sheets. Also a link will be provided to the source code.

#TEXTUREPACKER TUTORIAL HOW TO#

Hello! ItвЂ™s been far too long since my last blog post, however IвЂ™ve had nothing interesting to say вЂ“ that is until now! Today I will talk about the latest version of TexturePacker, which has a new export option specifically for MonoGame вЂ“ thus allowing you to easily create animations within your MonoGame apps.ДЇor those who just want to see the results straight away, here is a video of the iOS simulator running a MonoGame animation produced with the help of TexturePackerвЂ¦Д«elow I will walk you through how to produce the above application.

Texturepacker tutorial