Ce site est optimisé pour être consulté depuis un navigateur moderne dans lequel JavaScript est activé.

Pixel Art

boxamus

Hello, I've been using spine for my pixel Art for years now, I was wondering if there is a way to snap the images to a grid. Let me explain, when I'm adding my pixel art the image are not accurately placing to grid or on the image. In the video you will see an outlining representing the images, I need this to be snap in place.

boxamus

Misaki

Thank you for your suggestion! Adding the snap feature is on our roadmap and there is an issue ticket for this:
https://github.com/EsotericSoftware/spine-editor/issues/554

If I should be so bold, by making all images the same size and using the whitespace X/Y or packing with Polygon when texture packing, you can avoid using a texture atlas which has too large margins in the game while you can place all images exactly where you placed them in Photoshop or other image editing software.
Since the image size is the size of the detection area for selecting the image in the viewport, it may be disturbing if the image size is too large, but that can be taken care of by editing the mesh to remove the too large margins.

In any case, I think snapping to pixels is very useful, so doing the workaround above doesn't lose its usefulness, but I thought it would be easier than trying to align the images with the mouse as you did in the video you shared, so I suggested this just in case.

boxamus

I'm a little slow, I will reread your suggestion until I understand. Can you show me an example?

Misaki

Oh, my apologies. My explanation was really strange. I later realized that changing the size of the mesh hull would not make sense. My point was that if all images have the same size, it will be easier to align the images even if they are misaligned in the editor.

This will not be useful if you want to move the image to a specific position during animations, so I understand the need for the snap feature, but I thought the above would allow you to have a standard for alignment. The above way is really just a "dare I say it" and I apologize if it doesn't seem like any solution.

I watched the video you uploaded, and I think it would be better to ask a separate question about displaying on Unity in the Unity topic:
viewforum.php?f=12

If you would like to add any wishes for the snap feature, please comment yourself on the issue ticket:
https://github.com/EsotericSoftware/spine-editor/issues/554

boxamus

I understand now, thankyou; I never thought to do that. I don't even need a snap feature now. I will animate my game all over again. Try to put the tip out for others to see, I have a lot of work to do, but thanks a million.

Misaki

I’m really glad that you find my tip helpful!

Try to put the tip out for others to see, I have a lot of work to do, but thanks a million.

Indeed, it might be a good idea to add it to our Tips page. I will prepare a proper tip for this later. Thank you for getting back to us!

boxamus

Yea in theory it would have worked but the pixel art is too small. Spine images seems to move at half a pixel, this sometimes offset the images making it look sloppy. Even in the first video I sent show that it won't work for that size image. With that said, I will still use the method.

Misaki

Hmmm, I see. Based on your reply, probably we should create a separate issue to deal with pixel art correctly, regardless the snap feature. If you don't mind, could you send us your Spine project via email?: contact@esotericsoftware.com
The project can be minimal as long as we can reproduce the problem, so you can remove any unnecessary images or animations before sending it to us. Also, please briefly mention this forum thread URL in the email so that we know the context.