Ren'Py How to do a map of game progress, like in "With Eyes Closed" by Ker?

[Oppailance]

In "With Eyes Closed" after each chapter, the game shows a flow chart of the choices the player made, out of all possible choices. It visualizes what you've seen, and the routes you've missed.

Is there a specific package or plugin for Renpy that does this, or is this custom programming?

 

[rayminator]

package or plugin for Renpy

there is no package or plugins for renpy
you will have to create your own code

 

[Oppailance]

there is no package or plugins for renpy
you will have to create your own code

You mean for this specific functionality, right?

 

[MissFortune]

I have seen the specific screen, but an easy way to recreate this would be to have the background/base image (the flow chart) and then adding screens/images for each choice made with if/else statements. Something like:

screen flowchart:
    add "images/flowchart_screenbackground.png"
    add "images/flowchart_base.png"
    
    if choice1 is True:
        imagebutton:
            idle "images/flowchart/choice1_idle.png"
            hover "images/flowchart/choice1_hover.png"
            #add sounds here for hover if needed
            action ShowMenu("choice1") #if you have another screen for the choice.
    else:
        imagebutton:
            idle "images/flowchart/choice1false_idle.png"
            hover "images/flowchart/choice1false_hover.png"
            #add sounds here for hover if needed
            action NullAction()
            
    if choice2 is True:
        imagebutton:
            idle "images/flowchart/choice2_idle.png"
            hover "images/flowchart/choice2_hover.png"
            #add sounds here for hover if needed
            action ShowMenu("choice2") #if you have another screen for the choice.
    else:
        imagebutton:
            idle "images/flowchart/choice2false_idle.png"
            hover "images/flowchart/choice2false_hover.png"
            #add sounds here for hover if needed
            action NullAction()
            
    #And so forth. . .

The general idea here would be to build the entire flowchart in Photoshop, and save each layer (except for the background) as their own png. Thus with a "modal True", you can just add the imagebutton without having to fuck around with xpos/ypos/etc.

 

[Oppailance]

snip

Thanks Missfortune that makes a lot of sense and is a pretty nifty way to solve the issue.

Just adding this here for future reference.

 

[osanaiko]

Also note that with a standardized naming structure for the images / "choice" markers, you could implement so that all the "choice path components" are stored in a data struct (array, dict etc) and the screen code displays with a loop over that data struct. This would reduce the large size of the screen code, with the trade off being some complexity of implementation.