How rotate image respecting proportions

Question

I would like to rotate long image representing hand of a clock. I have following code:

    val hand = Image(handBitmap).apply {
        scaledHeight = 50.0
        scaledWidth = 400.0
        anchor(.0, 0.5)
        addUpdater {
            rotation =  Angle.fromDegrees( rotation.degrees + 1)
        }
    }

I expected result like on this image:

but I got this:

What should I change to achieve a hand of clock like effect?

Answer 1

The code seems correct, and seems to work properly with the latest version of KorGE. Which version of KorGE are you using?

---

As discussed in discord:

The problem was that the anchor point is set to the left, center of the image, while the image itself has a gap:

By adjusting the anchor point (that is a ratio to something that fits the end of the arrow, should fix the issue)

In the case of this image an anchor of anchor(.09, 0.52) could work:

Note also that you can open the debugger by pressing F7 inside the window to actually see the bounds of the image, the anchor point, and the AABB bounds to debug this kind of issues.

Hope this was helpful!

Answer 2

The problem looked more like this:

        o
        |
o------- -------o
        |
        o

It occurs when I set scaledHeight and scaledWidth.
Finally setting scale(1.0) helped.