Text input (on screen)

[namastaii]

UPDATE: The more up-to-date version of this code can be found here:
viewtopic.php?f=51&t=38080





Before, I was trying to figure out how to put a text input on screen, instead of in the dialogue. I figured I'd share what worked for me, in case you'd like to use it for your visual novels.

Here is a simple example:



This is the exact code for the example above:

Code: Select all

init python:
    def name_func(newstring):
        store.firstname = newstring

        
    def lastname_func(newstring):
        store.lastname = newstring

Code: Select all

screen name_input():
    imagemap:
        ground "gui/clipboard.png"
        hbox xalign 0.6 yalign 0.20:
            text "{color=#000000}First Name:"
            button:
                id "name_input1"
                xysize (250, 25)
                action NullAction()
                add Input(size=30, color="#ff0066", default=firstname, changed=name_func, length=10, button=renpy.get_widget("name_input","name_input1")) yalign 1.0
        hbox xalign 0.6 yalign 0.30:
            text "{color=#000000}Last Name:"
            button:
                id "name_input2"
                xysize (250, 25)
                action NullAction()
                add Input(size=30, color="#ff0066", default=lastname, changed=lastname_func, length=10, button=renpy.get_widget("name_input","name_input2")) yalign 1.0     

        

The first and last name were stored as: [firstname] and [lastname]

It's up to you how you continue from the text input, but it's tested and works. The inputs are saved. I hope this was somewhat helpful.

If you maybe want something like a button to open this screen, you can do this:

Code: Select all

screen name_input_button():
    button xalign 0.3 yalign 0.12:
        text "[firstname]" 
        action ui.callsinnewcontext("name_input_label")

Its a text label that prints the last name you put in for 'firstname'

You could move these around to create something more unique, as well.

[TrailsInTheSky]

Thanks alot

[namastaii]

No problem. If you use it and have any problems, just ask

[Tentacles]

Question: Can this cookbook code be modified somewhat to have text-input be at the bottom of the screen? I was thinking of having visual novels where you type text input instead of traditional choices.

You would still have choices displayed to you, but to actually make a choice you type it out.

[namastaii]

Well, you could re position the numbers and make the boxes appear on every page if that is what you mean. and assign each text box to a value/action to what you need it for.

[lovelyinc]

Hi! I have been trying to get this for awhile. How do I get this screen to appear right before the prologue? As in how do I call this screen from the script I guess? (call screen function doesn't work) - also, where would I put my hotspot info? I have the hotspot around the white box so the player clicks the box, allows you to type and then can press enter to continue on with game.

Thank you in advance have been trying to figure this out for ages!

Here is my image map attached -

[namastaii]

You should be able to open the screen wherever you put 'show screen screennamehere' just place it after your start label or wherever you wanted it to be before your prologue and stuff.

[lovelyinc]

You should be able to open the screen wherever you put 'show screen screennamehere' just place it after your start label or wherever you wanted it to be before your prologue and stuff.

Thank you! I had misspelled it when calling - my major problem though is the hotspot. I noticed you don't have any hotspots on your image map - I'd like it so that when the player clicks on the white box they can start typing their name - do you know how I would go about coding that?

viewtopic.php?f=8&t=38375 <<< I made a topic for it.

[namastaii]

Yes. I included a link to the updated version at the top. but here it is again: viewtopic.php?f=51&t=38080

if you scroll down the post, someone posted an example that should be able to do what you want (the clicking to type in the box)
Though, i haven't tried it.

I don't think you need a hotspot to achive what you're doing. buttons take hover and click actions and I don't think you can put a text input in a hotspot..

[namastaii]

Actually. I think I understand what you mean better. Let me try it out and let you know.

[namastaii]

I'm going to upload the file to the other thread but this is basically what I did

The screen:

Code: Select all

screen text_input_screen2():
    default screenvar = False
    imagemap:
        ground "background.png"
        idle "idle.png"
        hover "hover.png"
        selected_idle "hover.png"
        
    
        hotspot (150,140,550,200) action SetScreenVariable("screenvar",True)
        if screenvar == True:
            
            input default "bob" pos(200,165) changed name_func

(I styled the input stuff so it looks nicer)

Code: Select all

init python:
    style.input.caret = "my_caret"
    style.input.size = 60
    style.input.color = "#000"

[lovelyinc]

I'm going to upload the file to the other thread but this is basically what I did

The screen:

Code: Select all

screen text_input_screen2():
    default screenvar = False
    imagemap:
        ground "background.png"
        idle "idle.png"
        hover "hover.png"
        selected_idle "hover.png"
        
    
        hotspot (150,140,550,200) action SetScreenVariable("screenvar",True)
        if screenvar == True:
            
            input default "bob" pos(200,165) changed name_func

(I styled the input stuff so it looks nicer)

Code: Select all

init python:
    style.input.caret = "my_caret"
    style.input.size = 60
    style.input.color = "#000"

Thank you soooooooooooooo much! This worked perfectly! I did need to make a done button with hotspot and action Return() but it stored the name and everything works - thank you again!! <3

[namastaii]

Glad it works^^

[lovelyinc]

Glad it works^^

Thanks! You may not know this one, but now when I export it to the iphone simulator it doesn't pull up the keyboard when it's time to input the name - where as before when it wasn't an image map as soon as it got to that screen it would pull it up. So there will be no way for people to type /: If you don't know this one I am just going to create a thread!

Thank you for all your help,

[namastaii]

Hmm interesting... I have no idea why it wouldn't bring it up but I don't have any experience with trying it out on phone stuff..