Image Manipulator & 8direction behavior

This forum is currently in read-only mode.
  • Hi there i'm here to ask two stuff.

    1. I want to make HP and MP gauge, by cropping the graphic

    With Image Manipulator. But I can't find the way how should i do it.

    I tried several methods but they all don't work.

    The HP gauge sprite has hotspot on (0,16),

    And MP gauge sprite has hotspot on (220,16).

    Both of them uses image of 220x32.

    So this means I want to crop HP gauge from right to left as

    HP decreases, and opposite for MP.

    2. 8direction movement is smooth, but ot seems it is very bad

    When it comes to give moving route/path. Is there any more efficient way

    To do this?

  • For cropping sprites, the tiled background is good, setting its width and height. But for cropping from left to right, I probably would use the canvas object by destroying pixels.

  • Well... I think i need more explicit instructions.

  • Try Construct 3

    Develop games in your browser. Powerful, performant & highly capable.

    Try Now Construct 3 users don't see these ads
  • Okay. I just find out that tiled sprite is a solution. Thanks.

    But how should i do it with Canvas?

  • Okay, the posts were written in mobile so there wasn't enough explanation.

    I'll explain the problem more thoroughly.

    <img src="" border="0" />

    <img src="" border="0" />

    Theses are the gauge images I want to crop. (HP and MP)

    I did HP gauge with Tiled Sprite, But the problem is the MP gauge.

    I have to crop the gauge from LEFT TO RIGHT.

    but the tiled sprite object seems only to be cropped from right to left.

    I tried cropping with image manipulator, but It won't work properly.

    <img src="" border="0" />

    This is the result.

  • Here:

    Basically I used a negative width of a canvas to reverse the effect of the tiled background object.

  • Aah didn't know that you had such an easy hp bar. Thought you had an entire image that need to be cropped. I'll post my solution a bit later here. But shadowlords solution, was that, what I had in mind for "any" picture you want to get smaller relative to the hp.

  • That's the way I would do it: Link

    edit: mousewheel up/down or click on the hp-bars to see what happens.

  • Both of your replies helped me a lot. Thank you guys.

Jump to:
Active Users
There are 1 visitors browsing this topic (0 users and 1 guests)