Rotated Imagemaped buttons

[KairuKyun]

Okay its been a while.
I am programming a game for a friend and i was wondering if there was a way to map rotated text:
http://gyazo.com/26bae7293c601fc3510a4b47cb5ce54a
Amy solutions? I was going to just make it an image button but i wanted to stick with an imagemap.

[trooper6]

I think image buttons are the way to go to achieve what you want.

[PyTom]

You could always make an imagemap, and apply a Transform that rotates and positions it.

[KairuKyun]

hotspot (662, 406, 360, 58) action Start()
So here is our normal hotspot.
Would we apply the transformation directly?

[PyTom]

You can't apply it to the button, you have to apply it to the total imagemap. Basically, make the imagemap as if the screen was straight, and then do:

Code: Select all

imagemap:
    at Transform(xalign=0.5, yalign=0.5, rotate=30)

    hotspot ...
[code]

[KairuKyun]

How could i put one image map into another?

[PyTom]

You can't, but you can put one imagemap on top of another in a screen.

[KairuKyun]

im back. Okay so i set it all and it looks like this so far.

Code: Select all

screen file_picker:

    window:
        style "gm_root"



    imagemap:

        auto "assets/saveload/load_%s.png"


        #hotspot (23,49,103,95) action FilePage("quick")
        hotspot (696, 135, 270, 55) action FilePage(1)
        hotspot (694, 199, 260, 48) action FilePage(2)
        hotspot (701, 270, 244, 44) action FilePage(3)
        hotspot (705, 314, 237, 47) action FilePage(4)
        hotspot (695, 369, 241, 53) action FilePage(5)
        hotspot (702, 431, 225, 47) action FilePage(6)


        hotspot (54, 16, 275, 221) clicked FileAction(1):
                use load_save_slot(number=1)
        hotspot (351, 19, 274, 219) clicked FileAction(2):
                use load_save_slot(number=2)
        hotspot (53, 237, 275, 219) clicked FileAction(3):
                use load_save_slot(number=3)
        hotspot (351, 237, 278, 221) clicked FileAction(4):
                use load_save_slot(number=4)
        hotspot (60, 454, 270, 213) clicked FileAction(5):
                use load_save_slot(number=5)
        hotspot (352, 457, 273, 214) clicked FileAction(6):
                use load_save_slot(number=6)
        imagemap:
            at Transform(xpos=350, rotate=30)
            auto "assets/sidenav_%s.png"
            hotspot (398, 229, 119, 46) action Return()
            hotspot (395, 275, 83, 39) action ShowMenu("load")
            hotspot (396, 314, 108, 31) action ShowMenu("preferences")
            hotspot (403, 347, 125, 32)
            hotspot (400, 385, 81, 32) action Quit()    #hotspot (490,769,368,112) action Return()

everything works accept when you click it, it bring you now where. You just stay on the current page.

[PyTom]

Does it do the focusing behavior when hovered?

[KairuKyun]

If you mean does it change to a hovered state than yes

[KairuKyun]

http://gyazo.com/f8b9575e4a7e2f6f58425261bee0be94

[PyTom]

I guess send me the game as a replication, and I'll take a look at it.

[KairuKyun]

Thanks. Ill email it to you. I still have it somewhere here.

[KairuKyun]

Emailed

[PyTom]

I just fixed this problem. The fix should be in the next nightly build of Ren'Py.