Jump to content

How to place the character in the middle of the sprite rectangle?


Tudor15

Recommended Posts

Hello! I want to use a sprite for a 2d platform game. The issue is that the character is placed on the left of the sprite rectangle, and when I flip the sprite horizontally, the character moves to the right, when it should just turn to the other side. 

I downloaded the sprites from this site:

https://craftpix.net/freebies/free-2d-pirate-character-sprites/

Now I want to place the character in the middle of the sprite rectangle.

I heard that this task could be easily done in Spriter software.

I didn't find any tutorials on this topic.

How should I do this?

Link to comment
Share on other sites

  • 2 weeks later...

For any kind of side view game the characters should be made in Spriter so that their hot-spot is center bottom, for humanoid type characters that would be down in between where the feet would hit the ground. 

To fix this after the fact you can only do it on a per animation basic.

For each animation hold M while in the canvas and left click and drag a blank part of the canvas to move the hot-spot to the proper spot.

Link to comment
Share on other sites

  • 1 month later...

Thanks for the response!

I tried this solution:

On 10/19/2021 at 2:51 AM, Mike at BrashMonkey said:

For each animation hold M while in the canvas and left click and drag a blank part of the canvas to move the hot-spot to the proper spot.

But I couldn't figure out how it can help.

I pressed and hold M, while in canvas, and left clicked and drag a blank part of the canvas. But, all I could see was the sprite being moved around.

The square that wraps the sprite and gives it a border didn't changed.

I even set a pivot, but I don't know if this will help.

Now, I'm reconstructing the sprite, using the body parts. I think this maneuver could solve the problem.

Link to comment
Share on other sites

33 minutes ago, Tudor15 said:

Thanks for the response!

I tried this solution:

But I couldn't figure out how it can help.

I pressed and hold M, while in canvas, and left clicked and drag a blank part of the canvas. But, all I could see was the sprite being moved around.

The square that wraps the sprite and gives it a border didn't changed.

I even set a pivot, but I don't know if this will help.

Now, I'm reconstructing the sprite, using the body parts. I think this maneuver could solve the problem.

OH, You're talking about exporting the full frames OUT of spriter, and then using the exported frames in a game!
The trick is the custom crop settings.
 

 

Link to comment
Share on other sites

  • 4 weeks later...

Finally I managed to resize the sprite's border rectangle, thanks to this video. 

I have to mention here that in order for the resizing to work, when exporting, at the 'Export Keyframes to PNG / GIF' window, I had to set the 'source rectangle' to 'set the animation preset'.

Thank you for help and Happy Holidays!

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...