Export
Projects can be exported through the top bar by navigating to Project > Export.
Supported files
PixelOver projects can be exported to images or sprite sheets (PNG), animated images (GIF), or to Aseprite project files.
Advanced file name
If the export contains multiple files, PixelOver will automatically rename each file. You can choose the separator used between the base name and the addition.
Layers
By default, all layers are merged, but you can choose to separate them into different files.
Views
Choose which view should be exported. For example, you may want to export the normal buffer and the depth buffer. Additionally, you can choose which background color to add for each exported view (transparent by default).
Area and size
Specify which area of the canvas page should be exported. You can also scale the result and choose if each image size should be aligned.
Animation
If enabled, you can choose which animations to export: the current one, all, or select specific ones.
Each animation can be separated into different folders.
Finally, you have the option to merge all exported animations into one file.
Sprite sheet
If sprite sheet is checked, the result will be merged into one sprite sheet image per animation instead of several images.
You can add a margin, padding, and cell position constraint to the sprite sheet.
Additionally, you can export a .json
data file of the sprite sheet, which can be used to create a custom importer for your game.
The .json
file is organized as follows:
"frames":[
{
"frame": {
"x": <position x>,
"y": <position y>,
"w": <size x>,
"h": <size y>
},
"duration": <duration of the frame>
} //Example of a frame
], // Frames of the sprite sheet
"meta":{
"app":"https://pixelover.io",
"version":"<PixelOver version>",
"filepath": "<Local file path of the sprite sheet>",
"frameAnimations": [
{
"name": "<Animation name",
"fps": <animation fps>,
"speed_scale": <animation speed scale>,
"from": <from frame number>,
"to": <to frame number>
} // Example of an animation metadata
],
"size": {
"w": <size x>,
"h": <size y>
}, // Total size of the sprite sheet
"view": "<View name>",
"layer": "<Layer name>", //Only if layers are separated
"direction": <number of the direction> //Used for 3D auto rotation
} // Metadata associated to the sprite sheet
3D Rotation
The ability to auto-rotate 3D layers along the Y-axis by a number of directions.
Result
An overview of what the export will do is provided at the bottom of the export dialog, indicating whether folders will be created and the number of images or frames.