Animation is getting blur exporting PNG images

prabhakar

I have taken spine license recently and trying to do dice animation.

I able to prepare dice animation but I am getting blur edges while exporting PNG images.

I need PNG animation sequences for my project. I am attaching screenshot please have a look.

Please help to resolve this issue. I am so happy if anyone help me here.

Harald

@prabhakar The output size is very low, being 90x106 pixels. Such low resolution will lead to aliasing artifacts at the borders of rotated or distorted attachments, and any smoothing will not get rid of the problem completely. Please export at higher resolution (Size parameter in the export window) if you want resolution shown in the second screenshot.

If you dislike any smoothing to occur at all, you can change Smoothing from 11 to 0 to get nearest-neighbour filtering for a pixel-art look. Nevertheless, you will receive quite prominent staircase aliasing artifacts then.

prabhakar

Thank you for your reply Harald. Your information helps a lot.

The blur issue is solved when I am increasing size parameters but the image size is becoming huge right. I use this animation in mobile games. So big size images are not correct to me.

I can resize the image after export is done. But it is rework to me. Is there any other way to resolve the sizing issue?

Nate

Be sure to check Anisotropic filtering under Settings > Viewport > Smoothing and restart Spine afterward. That improves Spine's rendering at smaller sizes, both in the viewport and for export.

Nate

If you export data from Spine and use the Spine Runtimes, you can use smaller images at runtime than you used in Spine.

If you export images from Spine, you can change the size of the images that you use in Spine to be closer (ideally matching 1:1) with the size of the images you export. To do that, export to JSON, then import and set the scale. See here:
http://esotericsoftware.com/spine-import#Scale

prabhakar

Thank you reply Nate

do you mean I need to export project in json formate and then import it as new project. Now I can scale image to small size? am I correct?

If you have any video guide, please refer me.

Nate

Sorry I don't have a video. Export to JSON, resize all your images to be the size you want to export, import the JSON specifying the scale (eg 0.5 if you reduced the size by half), change the images path to point to the resized images.