Misaki
I have disappointingly discovered that despite being able to Set Ruler Origin in Affinity Designer, the root will still be at the bottom left in spine. I would like to do as much as I can in as few programs as possible.
I propose a working solution for anyone using Affinity Designer/Photo that is struggling to center their imported spines:
- If you haven't already, click the artboard tool and create an artboard with Size: Document then click Insert Artboard. Affinity won't allow you to Export a Spine json without an Artboard.
- Enable snapping in View > Snapping. Set a guide on your project. You can easily generate a vertical guide by clicking View > Guides and under Vertical Guides click the add guide button
- Select your drawing, layers, etc. and center it at the vertical line. The Y position of your drawing can be wherever.
- Click View > Show Rulers and drag from the top left, where the two rulers intersect click and drag towards the bottom left of your canvas or art board. Now your canvas' 0x 0y point should be at the bottom left.
- Create a shape, this will act as your temporary floor. Keep this shape touching the bottom of the canvas. Drag the shape towards the vertical guide and have the left most part of the shape touch the guide do not center the shape at the guide 😡 (this is because the root of the shape is at the bottom left, not its center)
- Group or layer your drawing and duplicate it. Hide the original, then right click on the duplicate and click Rasterize.
- Scale the shape up until the top of it snaps and touches the bottom of your object. Ex.)
- If you don't have the transform window opened click Window > Transform. Once you click on your shape the transform window should display its X and Y coordinates, relative to the 0x 0y point of your canvas.
- The X coordinate is the bottom left corner of the shape, and the Y coordinate is the top most part of the shape. Where the floor touches the sprite. Write down these values somewhere.
- Hide the rasterized duplicate, and enable your original drawing again. If you grouped it ungroup it or it won't export properly. Export your drawing to Spine like normal (there's plenty of tutorials).
- In your new Spine project, click on the root then click on Bones and Images to prevent it from moving the sprite(s). Now move in the Translate panel input the X and Y values you saved. (Note the Y value will likely be positive not negative).
- Untick Bones and Images then while still having the root selected, change the translate values back to 0, 0.
this is my 3rd day using Spine sorry if i got something wrong
y'know a cool solution would be to just update spine to have a button that lets you move the root to the bottom center of a selection, middle, top, etc.
