• Register
Post tutorial Report RSS Create 2D SpriteSheets with TexturePacker and import it to WaveEngine

To import a TexturePacker file you have to create a new Sprite Sheet and then click on the “Import TexturePacker file” button then select the .XML texturePacker file. This will import all of its sprites, packaging and size information. After that you can edit it as a normal Sprite Sheet: Add sprites, animation, etc…

Posted by on - Basic Textures

TexturePacker is one of the most useful and used sprite sheet generators. It is very powerful and has tons of different options. You can download it from here.

Wave Visual Editor now allow importing TexturePacker sprite sheets, automatically opening the TexturePacker file and converting to the Wave Sprite Sheet asset format, maintaining the original sources and the packaging information.

To import a TexturePacker file you have to create a new Sprite Sheet and then click on the “Import TexturePacker file” button then select the .XML texturePacker file.

This will import all of its sprites, packaging and size information. After that you can edit it as a normal Sprite Sheet: Add sprites, animation, etc…

Step by step tutorial

Start TexturePacker and select Wave Engine template format


Drag and drop all of your assets to the empty left panel on TexturePacker or select Edit -> Add sprites… from the top menu.

After adjusting for texturePacker parameters. Select publish sprite sheet File -> Publish sprite sheet (Ctrl+P) to save it.


If everything is correct you can see two files on your exit folder

  • SpriteSheet image: It is an image with all sprites included.
  • SpriteSheet descriptor file: It’s an xml file with information on how to slice spritesheet images to get individual sprites.


Start Wave Visual Editor and choose File -> New Project


Set a name and folder location for your game:


Select 2D mode from the menu toolbar


Click on Assets folder from Asset Details panel and add new SpriteSheet asset or top menu Assets -> Create Sprite Sheet


Set a sprite sheet name that you will use on your game


After Asset viewer is opened click on import Texture Packer button and select the spritesheet xml descriptor file.

After loading the SpriteSheet file from TexturePacker file format, click on the OK button

You can see a spritesheet asset on Asset Details panel, Drag sprite sheet asset to Viewport

You can change the current sprite from Entity Details panel on the SpriteAtlas component


If your spritesheet is an animated frame list you can add animations from the Asset Viewer tool. Double-click on bear spritesheet asset to start Asset Viewer and add different animation on Animations right panel then you can reproduce each animation click on the play button

Click on OK button to save changes, select spritesheet entity from Entities Hierarchy panel and click on Add button in Entity Details panel then write “animation” on filter box of Add Component Dialog.


Set CurrentAnimation combo box and set true PlayAutomatically property


Finally, Click on Simulate mode button on toolbar or File-> Simulate (F6)

Post a comment

Your comment will be anonymous unless you join the community. Or sign in with your social account: