Custom Imagemap Trouble

[vaanknight]

Ok guys, I've got this problem, I count on your witty selves to solve it:

I made an imagemap so upon clicking on each button plays a tune and shows an image. It does as it's supposed to, but it jumps straight from the music start and the image shown to another scene, which is found in a completely different label.

The code for my imagemap menu is something like this:

Code: Select all

    $ result = renpy.imagemap("ground.jpg", "hover.png", [
        (30, 130, 170, 170, "button_one"),
        (30, 180, 170, 220, "button_two"),
        (30, 230, 170, 270, "button_three"),
        ]

the code for those buttons is like this:

Code: Select all

      
    if result == "button_one":
        play music "randomtuneone.ogg"
        show randomimageone with dissolve

      
    elif result == "button_two":
        play music "randomtunetwo.ogg"
        show randomimagetwo with dissolve

      
    elif result == "button_three":
        play music "randomtunethree.ogg"
        show randomimagethree with dissolve

So, what do I add so the music plays, the image shows, and the screen stays in the imagemap menu as it is without jumping anywhere? I want the user to be able to click on a button, listen to the music and watch the image, and still be able to click on another button whenever they want.

Any comment or idea is welcome, TY!

[Alex]

Well, if you need to show smth over imagemap, you should use <ui.imagemap> rather than <renpy.imagemap>.
And if you need to use this imagemap to show images again and again you should make a kind of loop (show imagemap - player clicks - show image - go back to imagemap).
So, my example is

Code: Select all

init:
    $ pic = Null () # picture to show (nothing at the beginning)
    $ tune = None # music to play

label start:
    scene black

label imagemap:
    $ ui.imagemap ("ground.jpg", "hover.png", [
        (30, 130, 170, 170, "button_one"),
        (30, 180, 170, 220, "button_two"),
        (30, 230, 170, 270, "button_three"),
        ])

    play music tune
    $ ui.image (pic, xpos = 500, ypos = 400)
    $ renpy.transition (dissolve)
    
    $ result= ui.interact()

    if result == "button_one":
        $ tune = "randomtuneone.ogg"     # set the music to play
        $ pic = "randomimageone.png"     # set the picture to show (uses file name)   
        jump imagemap
      
    elif result == "button_two":
        $ tune = "randomtunetwo.ogg"
        $ pic = "randomimagetwo.png"
        jump imagemap

    elif result == "button_three":
        $ tune = "randomtunethree.ogg"
        $ pic = "randomimagethree.png"
        jump imagemap

* don't forget to make button to leave this imagemap

http://lemmasoft.renai.us/forums/viewto ... ton#p84986
http://www.renpy.org/wiki/ui.image
http://www.renpy.org/wiki/renpy/doc/ref ... transition

[KimiYoriBaka]

just thought I'd point out that both your scripts include

Code: Select all

$ ui.imagemap ("ground.jpg", "hover.png", [
        (30, 130, 170, 170, "button_one"),
        (30, 180, 170, 220, "button_two"),
        (30, 230, 170, 270, "button_three"),
        ]

which not only has an extra comma in the brackets, it doesn't have a closing parenthesis at the end of of the statement to match the very first one. I don't if this typo was in just the post or in your real script, but this seems like it's begging for errors.

[PyTom]

The extra comma is legal in Python, which considers:

[ 1, 2, 3 ]

and

[ 1, 2, 3, ]

to be equivalent. In fact, there's one place where the comma is actually required: (1) is just 1, while (1,) is a 1-tuple containing 1.

Also, ui.imagemap was renamed ui.imagemap_compat in 6.11.

[vaanknight]

Oh right, xD the syntax. Sorry about the cheesy example, I just made up that script out of my memory because I wasn't on my PC the day I wrote that, but the real deal is written as it should. Thank you all, I will try out that solution! d^-^b