[Tutorial] Customizing the Textbox

[Shioriemei]

Instead, include the spaces around the edge (up to the top of the box) so that you don't have to alter margins within Ren'Py. This means that your resulting image should be as wide as your game (default: 800px).

I understand that the image has to be wide as game o.o but does it have to be same height as game too?
>.< please help me asap. D:

[Aleema]

Nope. I said "up to the top of the box," meaning the top of your dialogue box. You don't need all that empty space above it.

[oza]

Hi guys. I have a problem with positioning "click to continiue" image:



I use this code:



I don't know how to fix it.
And in options.rpy I used this setting:



Anyone can help with this? I tried to change settings, but is only worse.

If I change this

Code: Select all

...("images/arrow.png", (9, 21)...

to this

Code: Select all

...("images/arrow.png", (20, 20)...

, as it says in guide, when I received this error:

Code: Select all

  File "game/script.rpy", line 28, in script
        m "test"
ValueError: subsurface rectangle outside surface area

Traceback attached ._.

traceback.txt

(3.31 KiB) Downloaded 215 times

[Aleema]

That's interesting. It probably has everything to do with the size of your image. That error occurs when the size of the image + code don't match up. If you post your image, and I can check that for you.

Also: Those are some trippy colors. I like.

[oza]

That's interesting. It probably has everything to do with the size of your image. That error occurs when the size of the image + code don't match up. If you post your image, and I can check that for you.

Most likely I'm wrong use style parameters.

Text box:

text_box.png (5.84 KiB) Viewed 1789 times

And the arrow:

arrow.png (505 Bytes) Viewed 2434 times

if you mean it.

Also: Those are some trippy colors. I like.

Yes yes, I like it too

[Aleema]

Okay, you definitely have a problem in that you're using something that you're not supposed to. XD That's why it's an error. "Filmstrip" is only for animations that are in a single image. Your CTC icon is not animation. Please say this instead and see if it works:

Code: Select all

ctc=Image("images/arrow.png", xpos=755, ypos=545),

[oza]

Okay, you definitely have a problem in that you're using something that you're not supposed to. XD That's why it's an error. "Filmstrip" is only for animations that are in a single image. Your CTC icon is not animation. Please say this instead and see if it works:

Code: Select all

ctc=Image("images/arrow.png", xpos=755, ypos=545),

Yes, it works ._.
But I want the arrow blinked. I saw this in the demo game. How do I do it? @_@

[Aleema]

Well, you should make an animation! It's not going to just animate itself. There are a couple ways to do this. I suggest this way:

Code: Select all

image ctc_blink:
    xpos 755 ypos 545
    alpha 1.0
    "images/arrow.png"
    1.0
    alpha 0
    1.0
    repeat

And in you character code, replace that line once again with:

Code: Select all

ctc="ctc_blink",

The 1.0 in the image code is 1 second of time.

[oza]

Oh, thank you, thats what I want xD
But the arrow is immediately after the text =_=

[Aleema]

You still need the " ctc_position = "fixed" ". Did you remove it?

[oza]

You still need the " ctc_position = "fixed" ". Did you remove it?

Yes, my bad. Completely works at now.
I am suffered with this 4 hours in a row. Thank you again, Aleema x3

[Scarlet-Kokoro]

This is a great tutorial. I found it very useful. Thanks so much!

[ShirakiHime]

for the textbox, does it have to be .png or can it be .gif D: (i was wondering if I could put an animated one

[HigurashiKira]

for the textbox, does it have to be .png or can it be .gif D: (i was wondering if I could put an animated one

It can be .jpg as well, but RenPy dosen't support .gif (Well, it does, but not the animated ones)

[Alex]

i was wondering if I could put an animated one

You can make animated textbox using ATL
http://www.renpy.org/doc/html/atl.html# ... -atl-block