Don't have an account? Join now...

Wave Engine

Wave Corporation |

Create 2D SpriteSheets with TexturePacker and import it to WaveEngine

- 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

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)

In this Tutorial

Only registered members can share their thoughts. So come on! Join the community today and join in the conversation.

You are not logged in, join the community or sign in with your social account: