[SOLVED] How do I have scrolling screens keep their positions after being interacted with?

[Cat_Bardy]

So I've been trying to learn how to use scrollable screens, and whenever I interact with something on the screen, the screen jumps to the center of the image before displaying text, regardless of where the user was when the image was interacted with.

So far I've got:

Code: Select all

screen scrolling_screen():
        viewport:
            child_size(2600,1080) 
            arrowkeys True 
            edgescroll (300,2000) 
            xinitial .5 
            add "test_bg.png" 
            imagebutton:
                auto "test_door_%s.png" focus_mask True
                action Jump ("scroll_test")


label scroll_test:
    show test_bg
    "sample text"
    call screen scrolling_screen

I include the "Show test_bg" line just so that there is something displayed after clicking the imagebutton, otherwise it displays no backgrounds. Is there something I could do to keep the screen from returning to the center after clicking the imagebutton?
This is my first post here and I'm a total noob at this stuff, so apologies if this is written poorly lol.

[Ocelot]

Provide a *adjustment object which will be stored somewhere between screen invocations:

Code: Select all

default screen_scroll = ui.adjustment()

screen scrolling_screen():
    viewport:
        xadjustment screen_scroll 

https://www.renpy.org/doc/html/screens.html#viewport
https://www.renpy.org/doc/html/screen_p ... adjustment

[Cat_Bardy]

Thank you, that helps with keeping the screen remembering where it was, but is there a way to apply this to the image after interacting with the imagebutton? The "Show test_bg" is still displays the image at the center. Is there a way to apply the " xadjustment screen_scroll " to the image somehow? Or maybe a way to keep the screen from hiding itself after interacting with the imagebutton?

[Ocelot]

Did you remove xinitial property from viewport?

[Cat_Bardy]

Yes, heres what I have now:

Code: Select all

default screen_scroll = ui.adjustment(1,300)

screen scrolling_screen():
        viewport:
            xadjustment screen_scroll
            child_size(2600,1080)
            arrowkeys True 
            edgescroll (300,2000) 

            add "test_bg.png" 
            imagebutton:
                auto "test_door_%s.png" focus_mask True
                action Jump ("scroll_test")


label scroll_test:
    scene test_bg
    "sample text"
    call screen scrolling_screen

[_ticlock_]

Thank you, that helps with keeping the screen remembering where it was, but is there a way to apply this to the image after interacting with the imagebutton? The "Show test_bg" is still displays the image at the center. Is there a way to apply the " xadjustment screen_scroll " to the image somehow? Or maybe a way to keep the screen from hiding itself after interacting with the imagebutton?

You can reshow screen with show screen statement. It might make sense to add argument to control if the screen is interactive or just background

Code: Select all

screen scrolling_screen(interact = True):
        viewport:
            xadjustment screen_scroll
            child_size(2600,1080)
            arrowkeys interact
            if interact: 
                edgescroll (300,2000) 

            add "test_bg.png"
            if interact: 
                imagebutton:
                    auto "test_door_%s.png" focus_mask True
                    action Jump ("scroll_test")

In this case you can use call screen scrolling_screen() for interaction and show screen scrolling_screen(interact = False) to show screen as a backgound

Code: Select all

label scroll_test:
    show screen scrolling_screen(False)
    "sample text"
    call screen scrolling_screen

[Cat_Bardy]

Thank you, that helps with keeping the screen remembering where it was, but is there a way to apply this to the image after interacting with the imagebutton? The "Show test_bg" is still displays the image at the center. Is there a way to apply the " xadjustment screen_scroll " to the image somehow? Or maybe a way to keep the screen from hiding itself after interacting with the imagebutton?

You can reshow screen with show screen statement. It might make sense to add argument to control if the screen is interactive or just background

Code: Select all

screen scrolling_screen(interact = True):
        viewport:
            xadjustment screen_scroll
            child_size(2600,1080)
            arrowkeys interact
            if interact: 
                edgescroll (300,2000) 

            add "test_bg.png"
            if interact: 
                imagebutton:
                    auto "test_door_%s.png" focus_mask True
                    action Jump ("scroll_test")

In this case you can use call screen scrolling_screen() for interaction and show screen scrolling_screen(interact = False) to show screen as a backgound

Code: Select all

label scroll_test:
    show screen scrolling_screen(False)
    "sample text"
    call screen scrolling_screen

This works, thank you so much!