Adding in game menu to imagemap screens - how to?

[jwilliams77]

I've been researching, to no avail, how to add my screen which I've created for the in game menu to the imagemap screens that I use for navigation & things.

So the imagemap is like this:

Code: Select all

screen citymap:
    imagemap:
       ground (image)
       hover (image)
       hotspot (coordinates)

What I tried was:

Code: Select all

screen citymap:
    use dateandtime
    imagemap:
       ground (image)
       hover (image)
       hotspot (coordinates)

where "dateandtime" is the name of in game screen which has things like day of the week, time, and various player stats:

Code: Select all

screen dateandtime:
    # all sorts of stats and buttons for the game.

How do I "nest," a screen inside another screen? Or how do I solve for this?

[jwilliams77]

Copied / pasted from game in case it's easier to follow. This is the game menu I've created. It shows up on the Say screen; but, for imagemaps when the player is navigating, I'd also like it to show on that screen.

Code: Select all

screen dateandtime:
    add "images/combatring.png" xpos .02 ypos .02
    add "images/techring.png" xpos .08 ypos .02

    add "images/coinsicon.png" xpos .14 ypos .02
    vbox:
        xalign 0.045
        yalign 0.06
        text "[player.combat]" size 20

    vbox:
        xalign 0.105
        yalign 0.06
        text "[player.tech]" size 20

    vbox:
        xalign 0.17
        yalign 0.06

    vbox:
        xalign 0.025
        yalign 0.135
        text "Day [day], [gametime]:00" size 20

    vbox:
        xalign 0.025
        yalign 0.10
        text "HP:" size 20
    vbox:
        xalign 0.06 
        yalign 0.10
        bar range player.max_hp value player.hp xmaximum 140        


    vbox:
        xalign 0.17 
        yalign 0.06
        text "$[inventory.money]" size 20

So how to change this code (below) to include the menu from the above?

Code: Select all

screen citymapoverviewchoices:
    imagemap:
        ground "images/citymapoverviewbasicdaytime.png"
        hover "images/citymapoverviewbasicdaytimehover.png"
        hotspot (6, 87, 195, 45) clicked Return("beach")
        hotspot (770, 75, 195, 45) clicked Return("police")
        hotspot (750, 165, 190, 45) clicked Return("theater") 
        hotspot (330, 238, 200, 45) clicked Return("dealershipstreetview")
        hotspot (1060, 337, 210, 45) clicked Return("garden")
        hotspot (800, 378, 190, 45) clicked Return("workfromhome") 
        hotspot (185, 388, 200, 45) clicked Return("coffee")
        hotspot (700, 565, 195, 45) clicked Return("banksecondchance") 
        hotspot (12, 606, 200, 45) clicked Return("park") 

[gas]

Code: Select all

screen citymapoverviewchoices:
    imagemap:
        ground "images/citymapoverviewbasicdaytime.png"
        hover "images/citymapoverviewbasicdaytimehover.png"
        hotspot (6, 87, 195, 45) clicked Return("beach")
        hotspot (770, 75, 195, 45) clicked Return("police")
        hotspot (750, 165, 190, 45) clicked Return("theater") 
        hotspot (330, 238, 200, 45) clicked Return("dealershipstreetview")
        hotspot (1060, 337, 210, 45) clicked Return("garden")
        hotspot (800, 378, 190, 45) clicked Return("workfromhome") 
        hotspot (185, 388, 200, 45) clicked Return("coffee")
        hotspot (700, 565, 195, 45) clicked Return("banksecondchance") 
        hotspot (12, 606, 200, 45) clicked Return("park")
    use dateandtime()

yes, is that easy.

[jwilliams77]

Okay. Seems that the parentheses there were important (as well as order) somehow, I messed that up.

Copied your example. Poof - works perfect.

Thank you very, very much for the help.